html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
ul, ol, dl{
	list-style:none;
	padding:0px;
	margin:0px;
}

a{
	text-decoration:none;
}
a:hover, a:focus{
	text-decoration:none;
}
p, span{
	padding:0px 0px;
	margin:0px 0px;
}
h1,h2,h3,h4,h5,h6{
	margin:10px 0px;
}

body{
	padding:0px;
	margin:0px;
}

.ira_topHeader{
	background:#3a3636d6;
	padding:15px 0px;
}
ul.ira_textPhone{
	margin:0px;
}
.ira_textPhone li{
	display:inline-block;
	font-family:'MontserratRegular';
	font-size:15px;
	color:#6c6c6c;
	margin-right:2px;
}
.ira_textPhone li a{
	background:linear-gradient(90deg, #fc302f 0%, #bf1e33 100%);
    color:#ffffff;
    font-size:15px !important;
    line-height:30px !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius:50%;
    width:30px;
    height:30px;
    display:inline-block;
    text-align:center;
    box-shadow:2px 3px 6px rgba(0,0,0,0.4), 
               -4px -3px 10px rgba(255,255,255,0.05), inset -1px -1px 4px rgba(255,255,255,0.09),inset 3px 3px 1px rgba(0,0,0,0.18)!important
}
.ira_textPhone li a:hover{
	color:#f2f2f2;
}
.ira_textwidget_email {
    float:right;
}
ul.ira_emailtext{
	margin:0px;
}
ul.ira_emailtext li {
    display: inline-block;
    margin-right:10px;
}
ul.ira_emailtext li a{
	font-family:'MontserratRegular';
	font-size:15px;
	color:#fff;
}
ul.ira_emailtext li a:hover{
	text-decoration:none;
	color:#cccccc;
}
li.ira_project_planner span a {
    border:1px solid #fff;
    border-radius:30px;
    padding:10px 22px;
    box-shadow:0px 0px 15px rgba(0,0,0,0.3);
}
#header-scroll{position: absolute;width: 100%;}
.IRA_mainHeader{
	position:relative;
}
.header_bgColor {
    /*background:#3a2f5d;*/
}
.ira_siteHeader:after{
	position:absolute;
	content:"";
	background:url(../../images/logo_curve_bg1.png) no-repeat left top;
    background-size: auto auto;
    background-size: auto auto;
    width:56%;
    height:289px;
    display:inline-block;
    top:0px;
    left:-180px;
    background-size:100% 100%;
    z-index:; 
}
.ira_topHeaderLeft {
    position:relative;
    z-index:1;
}
.irainfosoft_logo{
	position:relative;
	z-index:1;
}
.ira_siteHeader {
    position:relative;
    z-index:16;
    background:#025aa5;
}
.ira_main_menuRight {
    position: relative;
    z-index: 1;
}

.wsmegamenu .ira_mega_menu h2 {
    font-size:0.8rem;
    padding: 6px 0px 8px 0px;
    font-weight: 600;
}
.wsmegamenu .ira_mega_menu ul li a{
    font-size:.85rem;
    color: #424242;
    padding: 7px 10px;
    display: block;
    border-bottom: 1px solid #ddd;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    background:url('../../images/link-arrow.png') no-repeat left center;
}
.wsmegamenu .ira_mega_menu ul li a:hover{
    color:#fb930b;
}

.ira_mega_menu_footer{
	text-align:center;
	border-top:1px solid #3a2f5d;
	margin-top:15px;
	padding:10px 0px;
}
.ira_mega_menu_footer a{
	color:#3a2f5d;
	font-size:1.1rem;
	padding:0px 10px;
}
.ira_mega_menu_footer a:hover{
	text-decoration:none;
	color:#010101;
}

.shapeRemoved:after{
	display:none;
}

.headerFixed {
    position:fixed !important;
    left:0;
    top:0;
    float:left;
    width:100%;
    animation:slide-down 0.7s;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.headerFixed .wsmenu>.wsmenu-list>li>a{
    color:#383838;
    font-size:12px;
    padding:6px 4px 8px 4px;
}
.headerFixed .desktoplogo img{
    width:60%;
}
.headerFixed .wsmenu>.wsmenu-list>li>a i{
    color:#383838;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity:1;
        transform: translateY(0);
    } 
}


  .project_plan {
    position: relative;
    margin-top: -9px !important;
    margin-left: 0px !important;
}
  .project_plan a{
    position:relative;
    overflow:hidden;
    display:inline-block;
    background-color:#ff9200 !important;
    color:#fff !important;
    padding:1px 22px !important;
    line-height:40px!important;
    animation:pulseshodow 2s infinite;
    border-radius: 99px!important;
    background-size: 200% 200%;
    background-image: linear-gradient(to top,#2642a8 50%,transparent 50%);
    -webkit-transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
    -webkit-transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
    -ms-transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
    -o-transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
    transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
  }
  
  .project_plan a:after{    
    content:'' !important;
    position:absolute !important;
    pointer-events:none;
    opacity: .6;
    background:radial-gradient(circle at 20% 35%,transparent 0,
                              transparent 2px,hsl(0,0%,100%) 3px,
                              hsl(0,0%,100%) 4px,transparent 4px),
                              radial-gradient(circle at 75% 44%,
                                transparent 0,transparent 2px,
                                hsl(0,0%,100%) 3px,hsl(0,0%,100%) 4px,
                                transparent 4px),
                              radial-gradient(circle at 46% 52%,transparent 0,
                                transparent 4px,hsl(0,0%,100%) 5px,
                                hsl(0,0%,100%) 6px,
                                transparent 6px),
                              radial-gradient(circle at 60% 20%,
                                transparent 0,transparent 2px,
                                hsl(0,0%,100%) 3px,hsl(0,0%,100%) 4px,
                                transparent 4px),radial-gradient(circle at 10% 58%,
                                transparent 0,transparent 2px,hsl(0,0%,100%) 3px,hsl(0,0%,100%) 3px,transparent 4px),radial-gradient(circle at 87% 27%,transparent 0,transparent 2px,hsl(0,0%,100%) 3px,hsl(0,0%,100%) 4px,transparent 4px),radial-gradient(circle at 33% 55%,transparent 0,transparent 4px,hsl(0,0%,100%) 5px,hsl(0,0%,100%) 6px,transparent 6px);
    width: 100% !important;
    height: 500% !important;
    top: 0;
    left: 0 !important;
    animation: bubbles 4s ease-in-out infinite;
    transform:none;
  }

  .project_plan a:hover {
    -webkit-animation: swing_shrink 1s ease;
    animation: swing_shrink 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    background-image: linear-gradient(to top,#fa2f2e 51%,transparent 50%);
    background-position: 0 100%;
    -webkit-transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
    -moz-transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
    -ms-transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
    -o-transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
    transition: background-position 300ms,color 300ms ease,border-color 300ms ease!important;
}


  @keyframes bubbles {
  from {
    transform: translate()
  }
  to {
    transform: translate(0, -66.666%)
  }
}

@-webkit-keyframes pulseshodow {
  0% {
    -webkit-box-shadow: 0 0 0 0 #ff9200
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px transparent
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 transparent
  }
}

@keyframes pulseshodow {
  0% {
    -moz-box-shadow: 0 0 0 0 #ff9200;
    box-shadow: 0 0 0 0 #ff9200
  }
  70% {
    -moz-box-shadow: 0 0 0 20px transparent;
    box-shadow: 0 0 0 20px transparent
  }
  100% {
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
  }
}
@-webkit-keyframes swing_shrink {
  15% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
  }
  30% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }
  50% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
  }
  65% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes swing_shrink {
  15% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
  }
  30% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }
  50% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
  }
  65% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
  }
  80% {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}


   @keyframes move_wave {
    0% {transform: translateX(0) translateZ(0) scaleY(1)}
    50% {transform: translateX(-25%) translateZ(0) scaleY(0.55)}
    100% {transform: translateX(-50%) translateZ(0) scaleY(1)}
  }
.Banner{position: relative;}
  .Banner .inner_banner{position: absolute;top: 36%;width: 100%;}
  .Banner .inner_banner_content{
        width: 100%;
    max-width: 45%;
  }
  .inner_banner .inner_banner_content .page_title{
        font-family: 'RalewayBold';
    text-shadow: 3px 3px 0px rgba(0,0,0,0.6);
    color: #fff;
    margin: 0 0 10px;
    font-size: 56px;
  }
  .inner_banner .inner_banner_content p{
            font-family: 'Raleway';
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
    color: #fff;
    margin: 0 0 10px;
    font-size: 19px;
  }
  #componentDemoContent #animationDemo{position:relative; height:620px;}
  .waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  .waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    /*background-image: linear-gradient(to top, #025aa5 20%, #025aa5 80%);*/
  }
  .bgTop {
    z-index: 15;
    opacity: 0.5;
  }
  .bgMiddle {
    z-index: 10;
    opacity: 0.75;
  }
  .bgBottom {
    z-index: 5;
  }
  .wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
  }
  .waveTop {
    background-size: 50% 100px;
  }
  .waveAnimation .waveTop {
    animation: move-wave 3s;
    animation-delay: 1s;
  }
  .waveMiddle {
    background-size: 50% 120px;
  }
  .waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
  }
  .waveBottom {
    background-size: 50% 100px;
  }
  .waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
  }

.ira_moreinfo .btn{
    letter-spacing: 1px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease 0s;
    font-family: 'philosopherregular';
    padding: 11px 22px;
}
.ira_moreinfo .btn:first-child{margin-right: 15px;}
.ira_moreinfo .btn:before{
    content: "";
    width: 200px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    top:  100%;
    left: 15%;
    z-index: -1;
    transition: all 0.7s ease 0s;
}
.ira_moreinfo .btn:hover:before{ top: -50px; }

.ira_moreinfo .btn.red{
    color:#fe6d6d;
    border:2px solid #fb4c47;
    background:linear-gradient(90deg, rgb(255 49 46) 0%, rgb(191 30 51) 88%);
    border-radius:33px;
    color:#fff;
    font-family:'KronaOneRegular';
    font-size:1rem;
}
.ira_moreinfo .btn.red:before{ background:#ce0c1b; }
.ira_moreinfo .more_btn:hover{ color: #fff; }

/*
btn css end here*/
.carousel-item .carousel_item_inner{
    height:750px; 
    display:inline-block;
    width:100%;
}
.carousel-inner .carousel-item:first-of-type .carousel_item_inner{
  background: #449d44;
  animation-name:fadeIn;
  background:url("../../images/main_slider/Slider_images/Slider_1/web_development/slidewebDevelopment_bg.jpg") no-repeat 100% / cover;
}
.carousel-inner .carousel-item:nth-of-type(2) .carousel_item_inner{
  
  background:url('../../images/main_slider/Slider_images/Slider_2/mobileApp_development/SlidemobileApp_bg.jpg') no-repeat 100% / cover;
}
.carousel-inner .carousel-item:nth-of-type(3) .carousel_item_inner{
  background:url('../../images/main_slider/Slider_images/Slider_3/SEO/slideSeo_bg.jpg') no-repeat 100% / cover;
}
.carousel-inner .carousel-item:nth-of-type(4) .carousel_item_inner{
  background:url('../../images/main_slider/Slider_images/Slider_4/e-Commerce_development/e-CommerceDevelopment_bg.jpg') no-repeat 100% / cover;
}
.carousel-inner .carousel-item:nth-of-type(5) .carousel_item_inner{
  background:url('../../images/main_slider/Slider_images/Slider_5/UI_UX_design/slideUI_UXdesign_bg.jpg') no-repeat 100% / cover;
}
.carousel-inner .carousel-item:nth-of-type(6) .carousel_item_inner{
  background:url('../../images/main_slider/Slider_images/Slide_6/Responsive_website/responsiveDevelopment_bg.jpg') no-repeat 100% / cover;
}
.carousel_item_inner .carousel-caption_custom{position:absolute; top:37%;}
.slide_img{text-align: center;}
.mob_img img{width:600px;}

.animate_left{animation-name:fadeInLeft;}
.ira_moreinfo .animate_up{animation-delay: 1s; animation-name:bounceInDown;}
.ira_moreinfo .animate_up:last-child{animation-delay: 2s; animation-name:bounceInDown;}
.slide_img .animate_right{margin: 100px 0 0;width:700px; animation-delay: 0.5s; animation-name:fadeInRight;}

.slide_2 .animate_left{animation-delay: 1s; animation-name:zoomIn;color: #fff;}
.slide_3 .animate_left{animation-delay: 1s; animation-name:zoomIn;color: #fff;}
.slide_5 .animate_left{animation-delay: 1s; animation-name:zoomIn;color: #fff;}
.slide_6 .animate_left{animation-delay: 1s; animation-name:zoomIn;color: #fff;}
.slide_2 .ira_moreinfo .btn.red{background: linear-gradient(90deg, rgb(38 65 168) 0%, rgb(19 40 119) 88%); border: 2px solid #4360c8;}
.slide_2 .ira_moreinfo .btn.red:before{background:#132877;}

.slide_3 .ira_moreinfo .btn.red{background: linear-gradient(90deg, rgb(255 163 0) 0%, rgb(222 142 1) 88%); border: 2px solid #ffcb6f;}
.slide_3 .ira_moreinfo .btn.red:before{background:#de8e01;}

.slide_4 .ira_moreinfo .btn.red{background: linear-gradient(90deg, rgb(179 14 189) 0%, rgb(138 2 146) 88%); border: 2px solid #e14dea;}
.slide_4 .ira_moreinfo .btn.red:before{background:#8a0292;}

.slide_5 .ira_moreinfo .btn.red{background: linear-gradient(90deg, rgb(255 46 70) 0%, rgb(224 18 41) 88%); border: 2px solid #ff7f8e;}
.slide_5 .ira_moreinfo .btn.red:before{background:#e01229;}

.slide_6 .ira_moreinfo .btn.red{background: linear-gradient(90deg, rgb(255 53 0) 0%, rgb(215 45 0) 88%); border: 2px solid #ff6d47;}
.slide_6 .ira_moreinfo .btn.red:before{background:#d72d00;}

.carousel_item_inner h2{
    font-family:'RalewayBold';
}
.font_italic{
    font-family:'RalewayLightItalic' !important;
}
.ft_size100{
    font-size:5.25rem;
    font-weight:bold;
    line-height:84px;
}
.whiteColor{
    color:#ffffff;
    font-weight:normal;
}
.ft_size84{
    font-size:4.25rem;
}
.carousel-caption_custom .discription{
    font-size:2rem;
    color:#ffffff;
    line-height:50px;
    font-family:'RalewayRegular';
    margin-top:20px;
}

.ira_btn{
    border-radius:30px;
    margin-top:20px;
    font-size:1rem;
    display:inline-block;
    background:rgb(255,71,78);
    background:linear-gradient(90deg, rgba(255,71,78,1) 0%, rgba(251,147,11,1) 100%);
}
.dll_btn{
    color:#fff;
    padding:10px 30px;
    font-size:1.5rem;
    display: inline-block;
    font-family:'philosopherregular';
}



/*HOW WE WORK CSS END HERE*/



/* Our service start HERE*/
 .marginTop30{
              margin-top:4rem;
          }
        .mobileApp_figure figure img {
            width: 100%;
        }
          .subHeading{
              font-size:2rem;
              font-weight:normal;
              font-family:'MontserratRegular';
              margin-top:20px;
          }
          .boldHeading{
              font-weight:600;
        font-size:2.5rem;
        text-transform:capitalize;
              
          }
          .MobileApp_details p{
                  font-size: 1rem;
    font-family: 'MontserratRegular';
    line-height: 1.9rem;
    color: #777777;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: justify;
          }
          .mobileApp_figure{
              position:relative;
              margin-top:30px;
          }
          .mobileApp_figure:after{
              position: absolute;
              content:"";
              left:-55px;
              top:0;
              width:100%;
              height:100%;
              opacity:0.3;
              background: url("images/mobile_application/mobile-app-development-shape.html") no-repeat ;
          }
      .mobileApp_figure.web_figure:after{
        background: url(images/mobile_application/web-development-shape.html) no-repeat;
        left:-55px;
        top:50px;
        height:645px;
        opacity:0.3;
        width:130%;
        overflow:hidden;
      }
      .mobileApp_figure.web_figure img {
          margin-top:100px;
      }


         .mobileApp_figure figure {
            position: relative;
            z-index: 2;
         }
         .BounceingAnimate {
            -webkit-animation: action 1s infinite  alternate;
            animation: action 1s infinite  alternate;
        }
        @-webkit-keyframes action {
            0% { transform: translateY(0); }
            100% { transform: translateY(-25px); }
        }
        @keyframes action {
            0% { transform: translateY(0); }
            100% { transform: translateY(-25px);}
        } 
          
          
          .technology_Icon .technology_list li{
              float:left;
              background:rgb(8,24,123);
              /*background:linear-gradient(90deg, rgba(8,24,123,1) 0%, rgba(21,45,189,1) 88%);*/
        background: linear-gradient(90deg, rgb(255 49 46) 0%, rgb(191 30 51) 88%);
              border-radius:6px;
              margin-right:20px;
        margin-bottom:20px;
              width:22%;
               transition:all 0.5s ease-in;
              -webkit-transition:all 0.5s ease-in;
              -moz-transition:all 0.5s ease-in;
              position:relative;
          }
          .technology_Icon .technology_list li:before{
              position: absolute;
                content: '';
                top: 9px;
                right: 6px;
                transform: rotate(133deg);
                width: 40px;
                height: 6px;
                background: #f9f9f9;
                border-radius: 10px;
          }
          .technology_Icon .technology_list li:after{
             position:absolute;
                content: '';
                top:13px;
                right:-6px;
                transform:rotate(131deg);
                width:40px;
                height:6px;
                background:#f9f9f9;
                border-radius:10px;
          }
          .technology_Icon .technology_list li a{
              display:block;
              padding: 20px 20px;
              color:#fff;
              line-height:20px;
              font-family: 'MontserratRegular';
          }
          .technology_Icon .technology_list li a img{
              width:50px;
              margin-bottom:10px;
          }
          .technology_Icon .technology_list li:hover{
              background: rgb(21,45,189);
              /*background: linear-gradient(90deg, rgb(191 30 51) 0%, rgb(251 48 46) 88%);*/
        background: linear-gradient(90deg, rgb(77 59 239) 0%, rgb(31 11 138) 88%);
          }
          .RiightAnimate {
            -webkit-animation: actionX 1s infinite  alternate;
            animation: actionX 1s infinite  alternate;
        }
        @-webkit-keyframes actionX {
            0% { transform: translateX(0); }
            100% { transform: translateX(50px); }
        }
        @keyframes actionX {
            0% { transform: translateX(0); }
            100% { transform: translateX(50px);}
        }
    .iraMobileAppService {
        padding:100px 0px;
        clear:both;
        overflow: hidden;
    }
    
          

/* Our service END HERE*/



/* WORK PROCESS */

.ira_Grey{
    background:#2c2c2c;
}
.PG{
    padding:5rem 0;
}
.pd_4{
    padding:1.5rem;
}
.irawh_box.md4_xs4 {
    min-height:420px !important;
}
.irawh_box.md4_xs4{
    border:1.5px solid #63616152;
    border-radius:4px;
    padding:10px 15px 0;
}
.irawh_box{
    box-shadow: 4px 5px 8px rgba(0,0,0,0.4), 
               -4px -3px 10px rgba(255,255,255,0.05)!important;
}
.irawh_box .iraRound_2{
    background: #2c2c2c;
}
.iraRound_2{
    position:relative;
}
.iraRound_2 {
    background: #f0f0f0;
    height:57px;
    width:57px;
    border-radius:50%;
    margin-top:-10px;
    margin-left:-14px;
}
.iraRound_2 .iraCircle_shadow {
    height:60px;
    width:60px;
    box-shadow:3px 3px 4px rgba(180, 167, 192, 0.27), -2px -2px 4px white!important;
    border-radius:50%;
    padding:18px 22px;
    margin:15px;
}
.irawh_box .iraRound_2 .iraCircle_shadow {
    box-shadow: 2px 3px 6px rgba(0,0,0,0.4), 
               -4px -3px 10px rgba(255,255,255,0.05), inset -1px -1px 4px rgba(255,255,255,0.09),inset 3px 3px 1px rgba(0,0,0,0.18)!important;
}
.wdFOnt{
    color:#545454;
    font-size: 2.2rem;
    font-weight:bold;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
.sheadIra {
    color: #707070;
    font-size: 1.7rem;
    font-family: PoppinsRegular;
    text-transform: capitalize;
    line-height:2.2rem;
}
.ira_pd5.sheadIra{
    padding-top:1.5rem
}
.mont_text{
    font-family:'MontserratRegular';
}
.ptd5{
    padding-top:1.5rem;
}
.text_Grey{
    font-size:1rem;
    color:#ababab;
    line-height:1.7rem;
    font-weight:400;
    letter-spacing:1px;
    padding-top:10px;
}
.ira_shape{
    position:relative;
}
.ira_shape:before{
    position:absolute;
    content:'';
    bottom:28px;
    right:7px;
    transform: rotate(230deg);
    width:50px;
    height:6px;
    background:#4e4e4e;
    border-radius:10px;
}
.ira_shape:after{
    position:absolute;
    content:'';
    bottom:17px;
    right:17px;
    transform:rotate(230deg);
    width:50px;
    height:6px;
    background:#4e4e4e;
    border-radius:10px;
}
.Grey_grediant_text{
    background: -webkit-linear-gradient(#9a9a9a, #3e3e3e) !important;
    -webkit-background-clip:text !important;
     -webkit-text-fill-color:transparent !important;
}
.mrg5{
    margin-bottom:3rem;
}
.subTit{
    color:#ababab;
    font-family:'MontserratRegular';
    font-size:1.2rem;
}
.mrgTop3{
    margin-top:5rem;
}
.btn_center{
    align-items:center;
}
.ira_moreinfo .btn.red.btn_grey {
    color:#fe6d6d;
    border:2px solid #ababab8c;
    background:linear-gradient(90deg, #5a5a5a 0%, #353535 100%);
    border-radius:33px;
    color:#a0a0a0;
    font-family:'KronaOneRegular';
}
.ira_moreinfo .btn.red.btn_grey:before {
    background:#2c2c2c;
    width:250px;
    left:10%;
}

/* Let's Work Together */

.ira_work_together{
    background:url('../../images/lets-successful-project-banner.jpg') no-repeat 0 0 / 100%;
}
.Pstd{
    position:relative;
}
.ira_work_together:after{
    content: '';
    position: absolute;
    width: 100%;
    /*background:rgb(36 26 212 / 83%);*/
    height: 100%;
    left: 0;
    top: 0;
    background:rgb(255 22 26 / 62%);
}
.together_inner{
    z-index:5;
}
.dis_flex{
    display:flex;
}
.position_relative{
    position:relative;
}
.position_abs2 > span {
    position:relative;
    font-size:1.5rem;
    line-height:1.5;
    color:#fff;
    padding-left: 65px;
    font-family:'KronaOneRegular';
}
.position_abs2 > span::before {
    position: absolute;
    content: '';
    width: 45px;
    height: 2px;
    left: 0;
    background:#b7b7b7;
    top: 17px;
}
.position_abs2 > h3 {
    font-size:3.2rem;
    line-height:2;
    margin-bottom:0;
    font-family:'PoppinsMedium' !important;
}
.font_white{
    color:#fff;
}
.ira_moreinfo .btn.red.btn_Lightgrey {
    color:#fe6d6d;
    border:2px solid #ababab8c;
    background: linear-gradient(90deg, #ffffff 0%, #f1f1f1 100%);
    border-radius:33px;
    color:#0f0d10;
    font-family:'KronaOneRegular';
}
.ira_moreinfo .btn.red.btn_Lightgrey:before {
    background:#e4e4e4;
    width:250px;
    left:10%;
}
.together_inner > p {
    font-size:1.8rem;
    margin-bottom:0;
    margin-top:30px;
}
.together_inner > p > span {
    font-weight:300;
    margin-right:15px;
}
.together_inner > p a {
    color:#fff;
}



/* Testimonial Css Here */

.great_thing_Abt {
    padding: 0 0;
}
.col-lg-6.col-md-6.col-sm-12.pdt_lt {
    padding-left:3rem;
    padding-top:11rem;
}
.great_thing_Abt .card{
    border:none;
}
.box_align_outer{
  display: flex;
  align-items: center;
}
.thing_about_HD{
    font-size:2.8rem;
    color:#909090;
    margin-bottom:2rem;
}
.card .carousel-item {
  height:240px;
}
.card .carousel-caption {
  padding: 0;
  right: 0;
  left: 0;
  color: #3d3d3d;
}
.card .carousel-caption h3 {
  color: #3d3d3d;
}
.card .carousel-caption p {
  line-height: 30px;
}
.card .carousel-caption .col-sm-3 {
  display: flex;
  /*align-items: center;*/
}
.card .carousel-caption .col-sm-8 {
  text-align: left;
}
.navi a {
    text-decoration:none;
}
a > .ico {
    background-color: grey;
    padding: 10px;
    
}
a:hover > .ico {
    background-color: #666;
}
.expert_profile{
    height:150px;
    width:150px;
    box-shadow: 3px 3px 6px rgba(180, 167, 192, 0.27), -4px -2px 8px white!important;
    border-radius: 50%;
    padding: 10px;
}
.text_blue{
    color:#fa2f2e !important;
    font-size:1.5rem !important;
}
.magTop_4{
    margin-top:2rem;
}
.great_thing_Abt .carousel-caption{
    bottom:0;
}
.lets_project_start .great_thing_Abt .carousel-caption{top:0;}
.lets_project_start .card.my-0{background:transparent;}
.great_thing_Abt p{
    font-size:1.2rem;
}
.circle_shadow {
    position:relative;
    display:inline-block;
    color:#fa2f2e;
    border:1px solid #56367714!important;
    border-radius:50%;
    padding:10px 16px !important;
    background:#f0f0f0 !important;
    font-size:14px;
    height:40px !important;
    width:40px !important;
}
.circle_shadow i{
    font-size:1.3rem;
}
.navigation_icons {
    display: flex;
    margin-top: 10px;
}
.float-right.navi.text-center {
    width: 90%;
}
.navigation_icons a:hover{
    text-decoration:none;
}
.circle_shadow:hover {
    box-shadow: 3px 3px 5px rgba(180, 167, 192, 0.37), -2px -2px 4px white!important;
    cursor: pointer;
    border: 1px solid transparent!important;
}




/* why ira sec start HERE*/

.why_ira_sec{  
    background:center center/cover #e9e9e9;
}
.why_ira_sec.circle_loded{
     background-image:url('../../images/irainfosoft-section-bg.html');
}

.why_ira_sec{
    float:left;
    width:100%;
    padding:80px 0;
    overflow: hidden;
}
.ira_about p{
    text-align:justify;
}
.ira_about_img img{
    width:100%;
}
.ira_about_img{
    position:relative;
    overflow:hidden;
}
.ira_about_img::before {
    background:#e9e9e9 none repeat scroll 0 0;
    content: "";
    height: 200%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(17deg);
    transform: rotate(17deg);
    width: 155px;
}
.ira_about .ira_moreinfo .btn{
    margin:20px 0 0;    
    padding:9px 18px;
}
span.title_tag {
    font-size:1.2rem;
    color:#fa2f2e;
}
/* why ira sec END HERE*/


/* Mouse_wheel Css here */

/*.mouse {
    display: block;
    margin: 0 auto;
    width: 26px;
    height: 48px;
    border-radius: 12px;
    background-color:transparents;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    border: 2px solid white;
    position: absolute;
    top: 40px;
    position: absolute;
    left: 51%;
    margin-left: -26px;
}
.mouse__wheel {
    display: block;
    margin: 6px auto;
    width: 3px;
    height: 3px;
    border-radius: 4px;
    background-color:#222;
    border: 1px solid transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}
@keyframes scroll {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(14px);
  }
}*/

/* Mouse_wheel Css here End*/


.h1_heading{
      font-family:'KronaOneRegular' !important;
      font-size:2.5rem;
      font-weight:400;
      background: -webkit-linear-gradient(#fa302e, #c01f34);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
    } 
.ract_expertise p{text-align:center;}


.lets_project_start{
    overflow:hidden;
}
.project_planing_from{
    background:#2c2c2c; 
}
.contectwrap_heading {
    width:100%;
    display:block;
    text-align:center;
    margin:0 0 15px;
}
.contectwrap_heading > h1 {
    display:inline-block;
    font-size:2.6rem;
    font-family:'KronaOneRegular' !important;
    margin: 0px 20px;
    color:#fff;
}
.pdg5{
    padding:4rem;
}
.header_text{
    width:100%;
    text-align:center;
    padding:30px 20px;
}
.header_text p{
    font-size:1.3rem;
    font-family:'MontserratRegular';
    line-height:1.4;
    color:#fff;
    letter-spacing:1.2px;
}
.contectwrap_heading > img {
    display:inline-block;
    max-width:52px;
    width:200px;
    margin-top:-24px;
    -webkit-animation: pulse 1.2s ease-out 0s infinite;
    -moz-animation: pulse 1.2s ease-out 0s infinite;
    -ms-animation: pulse 1.2s ease-out 0s infinite;
    -o-animation: pulse 1.2s ease-out 0s infinite;
    animation: pulse 1.2s ease-out 0s infinite;
}
.marg5{
    margin-top:2.5rem;
}
.fill_custom_field input[type="text"],
.fill_custom_field input[type="mail"],
.fill_custom_field input[type="number"]{
    outline: 0;
    width:100%;
    border:0;
    color:#888888;
    padding:11px 0 11px 45px;
    font-family:'MontserratRegular';
    border:1.5px solid #63616152;
    background:transparent;
    box-shadow:2px 3px 6px rgba(0,0,0,0.4), 
              -4px -3px 10px rgba(255,255,255,0.05), 
              inset -1px -1px 4px rgba(255,255,255,0.09),
              inset 3px 3px 1px rgba(0,0,0,0.18)!important;
}
.fill_custom_field textarea {
    outline: 0;
    width:100%;
    color:#888888;
    padding:11px 0 11px 45px;
    font-family:'MontserratRegular';
    border:1.5px solid #63616152;
    resize:none;
    background:transparent;
    box-shadow:2px 3px 6px rgba(0,0,0,0.4), 
              -4px -3px 10px rgba(255,255,255,0.05), 
              inset -1px -1px 4px rgba(255,255,255,0.09),
              inset 3px 3px 1px rgba(0,0,0,0.18)!important;
}
.margBtm1{
    margin-bottom:1rem;
}
.fill_custom_field input::placeholder{
    font-family:'MontserratRegular';
}
.userIcon{
    background:url(../../images/form_icon/user-maleIcon30.png) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}
.mobileIcon{
    background:url(../../images/form_icon/androidIcon30.png) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}
.emailIcon{
    background:url(../../images/form_icon/important-mailIcon30.png) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}
.skypeIcon{
    background:url(../../images/form_icon/skypeIcon30.png) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}
.MsgIcon{
    background:url(../../images/form_icon/noteIcon30.png) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}
.budgetIcon{
    background:url(../../images/form_icon/budget_walletIcon30.png) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}
.btn_dark{
    padding:.5rem 2rem;
    border-radius:4px;
    font-size:1rem;
    background:transparent;
    position:relative;
    color:#888888;
    border:1.5px solid #63616152;
    cursor:pointer;
    overflow:hidden;
    z-index:1;
    font-family:'KronaOneRegular';
    border-radius:30px;
    transition:all 0.3s ease-in-out 0s;
    box-shadow:2px 3px 6px rgba(0,0,0,0.4), 
              -4px -3px 10px rgba(255,255,255,0.05), 
              inset -1px -1px 4px rgba(255,255,255,0.09),
              inset 3px 3px 1px rgba(0,0,0,0.18)!important;
}
.btn_dark:before{
    content:"";
    width:200px;
    height:150px;
    border-radius:50%;
    position:absolute;
    top:100%;
    left:10%;
    z-index:-1;
    transition:all 0.7s ease 0s;
    -webkit-transition:all 0.7s ease 0s;
    background:#212121;
}
.btn_dark:hover:before{
    top:-100%;
}



.ira_sendBtn{
    display:inline-block;
}
.ira_send_btn{
    border:2px solid #3d34d0 !important;
    background:linear-gradient(90deg, #5b47ff 0%, #221aad 100%);
    border-radius:33px !important;
    cursor: pointer;
    padding:9px 25px !important;
    transition: all 0.3s ease 0s;
    font-family: 'philosopherregular';
    position:relative;
    z-index:1;
    overflow:hidden;
    font-size:1.2rem;
}
.ira_send_btn:before{
    content:"";
    width:200px;
    height:150px;
    border-radius:50%;
    position:absolute;
    top:100%;
    left:15%;
    z-index:-1;
    transition:all 0.7s ease 0s;
    background:#2016cc;
}
.ira_send_btn:hover:before {
    top: -50px;
}
.footer_overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:transparent;
    overflow:hidden;
    top:0
}
.irafooter__graphic-1 {
    position:absolute;
    top:-55px;
    right:-28px;
    display: block;
    width:220px;
    height:220px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-image: -webkit-gradient(linear, left top, right top, from(#5bc0de), to(#5cb85c));
    background-image: linear-gradient(90deg, #5bc0de 0%, #5cb85c 100%);
}
.irafooter__graphic-2 {
    position: absolute;
    bottom:-40px;
    left:-40px;
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-image: -webkit-gradient(linear, right top, left top, from(#ff3028), to(#ff840061));
    background-image: linear-gradient(-90deg, #ff3028 0%, #ff840061 100%);
    mix-blend-mode: multiply;
}
.footer_techList {
    padding: 0 20px;
}
.company_descrip {
    padding-right: 30px;
    text-align: justify;
}
.footer_techList h2{
    font-size:1.2rem;
    text-transform:uppercase;
    font-weight:600;
}
.footer_techList ul li a {
            font-size: 0.9rem;
    padding: 5px 12px;
    color: #585858;
    transition: all 0.3s;
    display: flex;
    font-family: 'MontserratRegular';
    background: url(../../images/link-arrow.png) no-repeat left center;
}
.footer_techList ul li a:hover{
      background: transparent;
    text-decoration: none;
    color: #fb302e;
    padding-left: 5px;
}
.ira_contact_list li{   
 display: flex;
    font-size: 1rem;
    padding: 3px 0;
    font-family: 'MontserratRegular';
    color: #585858;
}
.ira_contact_list li i{margin:5px 10px 0 0;}

.copy_right{
 margin:45px 0 0;
}
.copy_txt{
    display: inline-block;
    font-size: 1rem;
    color: #585858;
    font-family: 'MontserratRegular';
}
.copy_right .quick_links ul{
    padding: 0;
    text-align: right;
    margin:0;
}
.copy_right .quick_links ul li{
    display: inline-block;
}
.copy_right .quick_links ul li a{
    display: inline-block;
    font-size: 1rem;
    padding: 3px 0px;
    color: #585858;
    font-family: 'MontserratRegular';
    margin: 0 6px;
    text-decoration:none;
}
.copy_right .quick_links ul li a:hover{
    color:#2d23b9;
    text-decoration:underline;
}
.copy_right .footer_logo{
    text-align:center;
}


.ira_footer{
    background:linear-gradient(90deg, #fff 0%, #fff 100%);
    padding:50px 0px;
    clear:both;
    position:relative;
        overflow: hidden;

}
.footer_social h4{
    font-family: 'philosopherregular' !important;
    font-size: 30px;
    margin: 0 0 12px;
}
.footer_social ul li a{
    color: #fff;
    justify-content: center;
    align-items: center;
    text-decoration: none;
        background: linear-gradient(90deg, #fc302f 0%, #bf1e33 100%);
}
.footer_social ul li a:hover{padding:0;}


/* === Inner Pages Css Start Here ==== */

header.ira_siteHeader.innerpagesHeader:after {
    display:none;
}
/*header.ira_siteHeader.innerpagesHeader{
    min-height:350px;
}*/
header.ira_siteHeader.innerpagesHeader .IRA_mainHeader{
    padding-top:10px;
}

/* Contact Us page */

.sub_header{
    position: relative;
    padding: 10px 0px;
    margin-bottom: 13rem;
    z-index: 15;
    margin-top:-330px;
}
/*.border_shadow{
    box-shadow:0px 3px 5px rgba(0,0,0,0.3);
}*/
.sub_header .page_title{
    color:#fff;
    font-family:'KronaOneRegular';
    font-size:4.25rem;
    text-transform:capitalize;
}
.sub_header .breadcrumbs{}
.sub_header .page_title{
    margin-bottom:15px;
    width:100%;
    float:left;
    margin-top:0px;
    text-shadow:9px 6px 1px rgba(0,0,0,0.3);
    z-index:1;
}
.breadcrumbs_List{
    margin-bottom:0px;
    padding-left: 10px;
}
.breadcrumbs_List li{
    float:left;
    font-size: 1.2rem;
    color:#ff9200;
}
.breadcrumbs_List li i{
    color:#ff9200;
    margin:0 0.9rem;
}
.breadcrumbs_List li a{
    color:#ffffff;
}
.contact_information p{
    font-size:1rem;
    font-family:'RalewayRegular';
    padding-top:1.25rem;
    line-height:1.7rem;
}

.Banner img{
    width:100%;
}
.contactUs_formDetails {
    display:block;
    width:100%;
}
.contact_form{
    padding:0 2rem 0;
}
.contact_text{
    padding-top:2rem;
}
.fill_custom_field select {
    outline: 0;
    width:100%;
    color:#888888;
    padding:11px 0 11px 45px;
    font-family:'MontserratRegular';
    border:1.5px solid #63616152;
    resize:none;
    background:transparent;
    box-shadow:2px 3px 6px rgba(0,0,0,0.4), 
              -4px -3px 10px rgba(255,255,255,0.05), 
              inset -1px -1px 4px rgba(255,255,255,0.09),
              inset 3px 3px 1px rgba(0,0,0,0.18)!important;
}
.Contact_Address .ADtext_coloumn:before{
    content: "";
    background:url(../../images/form_icon/indian_flag.png) no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    left: 0;
    background-position: left 0px top 8px;
}
li.ADcalls:before{
    content: "";
    background:url(../../images/form_icon/indian_flag.png) no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    left: 0;
    background-position: left 0px top 8px;
}
li.ADinfo:before{
    content: "";
    background:url(../../images/form_icon/mailIcon19.png) no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    left: 0;
    background-position: left 0px top 8px;
}
li.ADsales:before{
    content: "";
    background:url(../../images/form_icon/mailIcon19.png) no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    left: 0;
    background-position: left 0px top 8px;
}
li.ADira:before{
    content: "";
    background:url(../../images/form_icon/skype19.png) no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    left: 0;
    background-position: left 0px top 8px;
}


/* Custom Select box */

.box select {
  -webkit-appearance:none;
  appearance: none;
  outline: none;
}

.box::before {
  content: "\f13a";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 16px;
  width: 14%;
  height: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 45px;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.box:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}

.box select option {
  padding: 30px;
}

.ira_contact_form{padding: 70px 0 0;}
.Contact_Address{
    background:#fff;
    box-shadow: 0 3px 68px 0 rgba(0,0,0,0.11);
    border-radius:6px;
    padding:35px 30px;
    height:100%;
    position: relative;
}
.Contact_Address .ad_custom_heading{
    text-align:left;
    position:relative;
    font-size:1.25rem;
    padding-bottom:1.25rem;
    margin-bottom:1.875rem;
}
.Contact_Address .ad_custom_heading.Ad_title{
    color:#2642a8;
    line-height:1;
    letter-spacing:1.6px;
    font-family:'RalewayRegular';
    font-weight:600;
    background: linear-gradient(to right, #2642a8f5 20%, #05215a 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.Contact_Address .ad_custom_heading.Ad_title:before{
    position:absolute;
    content:"";
    display:inline-block;
    right:100px;
    bottom:0;
    left:0;
    height:1px;
    background:#2642a84a; 
}
.Contact_Address .ad_custom_heading.Ad_title:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #2066c8;
    bottom: -2px;
    right: 95px;
    display: inline-block !important;
    border-radius: 50px;
    z-index: 1;
}
.Contact_Address .ADtext_coloumn{
  padding-left:30px;
  position:relative;
}
.addressIcon{
    position:absolute;
    right:10px;
    top:10px;
}
.addressIcon .ad_figure{
    display:inline-block;
    vertical-align:top;
    margin:0;
    max-width:100%;
    opacity:0.3;
}
.ADtext_coloumn.ADinfor:before{
  display:none;
}
.ADtext_coloumn.ADinfor{
  padding-left:0px;
}
.ADtext_coloumn.ADinfor ul.ADlist{
  padding:0px;
}
.ADtext_coloumn.ADinfor ul.ADlist li{
  position:relative;
  padding-left:30px;
  margin:5px 0px;
}


/*scroll bottom to top*/

#back2Top {
        width: 50px;
    height: 50px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    border-radius: 50%;
    bottom:40px;  
    left: 40px;
    background-color: #ff3c4b;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color:#2641a8;
    color: #fff;
}


/* Get a Quote */

.Get_text h1{
  display:block;
  text-align:center;
  width:100%;
  font-family:'KronaOneRegular';
  font-size:2.5rem;
  background: -webkit-linear-gradient(#fa302e, #c01f34);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:1.25rem;
}
.Get_text p{
  font-size:1.2rem;
  color:#656565;
  font-family:'MontserratRegular';
}
.req_input_full {
    display:inline-block;
    width:100%;
    margin-left:0px;
    color:#888888;
    border:1.5px solid #63616152;
    margin-bottom:8px;
    box-shadow: 2px 3px 6px rgba(0,0,0,0.4), -4px -3px 10px rgba(255,255,255,0.05), inset -1px -1px 4px rgba(255,255,255,0.09), inset 3px 3px 1px rgba(0,0,0,0.18)!important;
}
.req_input_full label {
    background:rgba(255, 255, 255, 0.1);
    margin:0;
    padding:11px 25px;
    font-weight:500;
    color:#888888;
    float:left;
    margin-right:15px;
}
.req-new .req_input_full .cover {
    padding-left:15px;
}
.req_input_full .cover {
    float:left;
    margin-top:8px;
}
.cover {
    display: flex;
    flex-flow: column-reverse;
}
.companyIcon{
    background:url(../../images/form_icon/companyIcon30.html) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}
.websiteUrlIocn{
    background:url(../../images/form_icon/websiteUrl30.html) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}
.projecttypeIocn{
    background:url(../../images/form_icon/projectionIon30.html) 8px 9px !important;
    background-repeat:no-repeat !important;
    background-size:30px 30px !important;
}

/* Get a Quote */



/* Mobile App Development */

.mid_margin_top80{
  margin-top:80px;
  display:inline-block;
}
.sec_margin-top80{
  margin-top:80px;
}
.coloumn_inn_mob {
    padding:20px;
    padding-right:0;
}
.dev_heading{
  font-size:1.5rem;
  font-family:'KronaOneRegular';
  font-weight:600;
  line-height:2.3rem;
  color:#222d39;
  margin-bottom:1.25rem;
}
.bestMobile_app_company p, .new_coloumn_mob .coloumn_inn_mob p{
  font-size:1rem;
  color:#6c757d;
  line-height:1.75rem;
  font-family:'MontserratRegular';
}
.ira_moreinfo .btn.orange{
    color:#fe6d6d;
    border:2px solid #ef8a04;
    background:linear-gradient(90deg, #ff9200 0%, #ff9200 88%);
    border-radius:33px;
    color:#fff;
    font-family:'KronaOneRegular';
    font-size:1rem;
}
.ira_moreinfo .btn.orange:before{ 
  background:#ffa122;
  width:270px;
  left:23%;
}
.grey_bg_left{
  padding:50px 0;
  margin-top:0px;
}
.grey_bg_left:before{
  position:absolute;
  content:'';
  left:0;
  top:0;
  height:100%;
  width:50%;
  background:#eeeeee;
}
.uiix_box_icon{
    width:20%;
    background:#2642a8;
    max-height:115px;
    height:100%;
    text-align:center;
    border-radius:4px;
    float:left;
}
.uiix_box_icon figure{
  width:100%;
  height:115px;
  text-align: center;
  font-size: 24px;
  color:#000000;
  margin:0px;
  float: left;
  /*transform: scale(0.9,0.9);*/
}
.uiix_box_icon figure img{
  text-align:center;
  padding-top:14px;
}
.mob_service_title span{
  width:100%;
  display:inline-block;
  background:#ffffff;
  padding:29px 50px 10px 29px;
  padding-bottom:10px;
  position:relative;
  left:10px;
  min-height:82px;
  top:18px;
  box-shadow:1px 5px 10px #c6d2dc38;
  border-radius:2px;
  text-transform:uppercase;
  font-weight: 600;
  color: #4a4848;
  font-size: 1.10rem;
  font-family:'KronaOneRegular';
  border:1px solid #2642a8;
  text-align:right;
}
.mob_service_title span:hover{
  background:#fc302f;
  color:#fff;
}
.coloumn_left{
    padding:20px;
    padding-left:0;
    padding-right:50px;
}
.content_element ul {
    float:right;
    width:100%;
    margin-bottom:2rem;
}
.mob_service_title {
    float:left;
    width:80%;
}
.andriod_category{
  padding:40px 0;
}
.andriod_category:before{
  position:absolute;
  content:'';
  right:0;
  top:0;
  height:100%;
  width:50%;
  background:#2642a8;
}
.app_category_list_inner{
  padding-right:20px;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .get_the_text_icon{
  padding-left:68px;
  padding-bottom:15px;
  line-height:38px;
  color:#4a4848;
  letter-spacing:0.5px;
  font-weight:700;
  font-size:1.4rem;
  font-family:'KronaOneRegular';
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .text_relative{
  position:relative;
  margin-bottom:30px;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon:before{
  position:absolute;
  content:'';
  left:0;
  top:0;
  height:45px;
  width:45px;
  background:url('../../images/innerpage/mobile_application/app_porting.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .coloumn_text{
  margin-bottom:50px;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .coloumn_text .org_color{
  color:#ff9200;
  font-weight:600;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.appTesting_icon:before{
  background:url('../../images/innerpage/mobile_application/app_testing.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.appConsultation_icon:before{
  background:url('../../images/innerpage/mobile_application/aap_consulting.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.UI_UX_designing_icon:before{
  background:url('../../images/innerpage/mobile_application/ui_ux_design.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.web_based_app_icon:before{
  background:url('../../images/innerpage/mobile_application/andriod_web_based_app.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.custom_andriod_app_icon:before{
  background:url('../../images/innerpage/mobile_application/custom_app_development.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.advanced_framework:before{
  background:url('../../images/innerpage/mobile_application/advance_frame.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.unique_strategies:before{
  background:url('../../images/innerpage/mobile_application/strategies.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.scalable_solutions:before{
  background:url('../../images/innerpage/mobile_application/scalable.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.competitive_price:before{
  background:url('../../images/innerpage/mobile_application/compititive_price.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.excellent_returns:before{
  background:url('../../images/innerpage/mobile_application/excellent_return.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.on_time_delivery:before{
  background:url('../../images/innerpage/mobile_application/on_time_delivery.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.develop_high_quality:before{
  background:url('../../images/innerpage/mobile_application/develop_high_quality.png') no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.defined_process:before{
  background:url('../../images/innerpage/mobile_application/defined_process.png') no-repeat left center;
}
.rightColoumn_wrap{
  padding-left:30px;
}
.rightColoumn_wrap .right_coloumn_text_icons .white_color, .rightColoumn_wrap .right_coloumn_text_icons .coloumn_text p{
  color:#f9f9f9 !important;
}
.why_choose_andriod_develop:before{
  position:absolute;
  content:'';
  left:0;
  top:0;
  height:100%;
  width:50%;
  background:#2642a8;
}
.focus_app_develop .focus_app_develop_inner_coloumn .get_the_text_icon,.focus_app_develop_inner_coloumn_right .get_the_text_icon{
    padding-bottom:15px;
    line-height:38px;
    letter-spacing:0.5px;
    font-weight:700;
    font-size:1.4rem;
    font-family:'KronaOneRegular';
    margin-bottom:20px;
}
.focus_app_develop .focus_app_develop_inner_coloumn .get_the_text_icon.white_color{
  color:#f9f9f9;
}
.focus_app_develop_inner_coloumn {
    padding:40px;
    padding-left: 0;
}
.focus_app_develop_inner_coloumn .coloumn_why_you{
  position:relative;
  float:right;
}
.focus_app_develop_inner_coloumn .coloumn_why_you ul li{
  display:inline-block;
  width:48%;
  margin:0 10px;
}
.focus_app_develop_inner_coloumn .coloumn_why_you ul li .item_box span{
    display:block;
    font-size:1.30rem;
    margin:20px 0 10px;
    line-height:30px;
    font-weight:600;
    font-family:'KronaOneRegular';
    color:#2642a8 !important;
}
.focus_app_develop_inner_coloumn .coloumn_why_you ul li .item_box{
    background:#f9f9f9;
    font-size:1rem;
    color:#5d5d5d;
    border-radius:6px;
    text-align:center;
    padding:30px;
    font-family:'MontserratRegular';
    margin-bottom:20px;
    width:100%;
}
.focus_app_develop_inner_coloumn .coloumn_why_you ul{
  display:flex;
  align-items:center;
}
.focus_app_develop_inner_coloumn_right {
    padding: 40px;
    padding-right: 0;
}
.focus_app_develop_inner_coloumn_right .greyColor{
  color:#4a4848;
}
.focus_app_develop{
  align-items:center;
}
.col-lg-6.col-md-6.col-sm-12.align_item {
    display: flex;
    align-items: center;
}
.why_choose_text .org_color{
  color:#ff9200;
}
.focus_app_develop_inner_coloumn_right span{
    color:#2642a8;
    font-size:1.5rem;
    display:block;
    line-height:32px;
    margin-bottom:20px;
    font-family:'MontserratRegular';
}
.focus_app_develop_inner_coloumn_right .why_choose_text p{
  font-family:'MontserratRegular';
  font-size:1rem;
}
.why_choose_text{
  margin-bottom:50px;
}
.focus_app_develop_inner_coloumn .coloumn_why_you ul li .item_box.min_height265{
  min-height:265px;
}

/* Mobile App Development */


/* Search engine optimization */

.planList{
  background:linear-gradient(90deg, rgb(77 59 239) 0%, rgb(31 11 138) 88%);
}
.header_item{
  padding:40px 20px;
}
.planList .header_item .plan_name{
  color:#fff;
  margin-bottom:30px;
}
.planList .header_item h3.plan_name{
  font-size:1.25rem;
  font-family:'MontserratRegular';
  font-weight:600;
} 
.price{
  font-family:'MontserratRegular';
  font-size:3rem;
  color:#fff;
}
.header_item span{
  color:#fff;
  font-size:1.25rem;
}
.header_item .keyword {
    background:#ffbf2e;
    font-family:'MontserratRegular';
    padding:12px 0px 40px;
    border-radius:2px;
    text-align:center;
    font-size:1.1rem;
    position:relative;
}

.header_item .keyword .Number{
  position:absolute;
  content:"";
  left:36%;
  bottom:-17px;
  width:50px;
  height:50px;
  border-radius:50%;
  background:#000;
  color:#ffbf2e;
  font-weight:bold;
  font-size:1.5rem;
  font-family:'MontserratRegular';
  align-items: center;
  display: flex;
  justify-content:center;
  box-shadow:0px 0px 8px;
}
.header_item .Ranking{
  background:#fff;
  margin-top:30px;
  padding:4px 15px 7px;
  text-align:left;
  font-size:1rem;
  position:relative;
}
span.top10{
  background:#ffbf2e;
  color:#000;
  font-size:1.6rem;
  font-weight:600;
  font-family:'MontserratRegular';
  position:absolute;
  content:"";
  right:0;
  top:-8px;
  width:50px;
  height:50px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.Delivery_time{
  margin-top:25px;
  font-size:1rem;
  color:#fff;
  font-family:'MontserratRegular';
  text-align:center;
}
.Delivery_time p{
  font-size:1.5rem;
}

.onpage_activities{
  display:block;
  width:100%;
  clear:both;
  margin-top:20px;
}
.onpage_activities table{
  width:100%;
}
.onpage_activities table thead{
  background: linear-gradient(90deg, rgb(255 49 46) 0%, rgb(191 30 51) 88%);
  text-align: center;
  font-size:1.2rem;
  font-weight:normal;
}
.onpage_activities table thead tr th{
  font-weight:normal;
  padding:8px 10px;
  font-family:'MontserratRegular';
  color:#fff;
}
.onpage_activities table tbody tr td:nth-child(1){
  width:35%;
  text-align:left;
}
.onpage_activities table tbody tr td{
  width:15%;
  padding:8px 10px;
  font-family:'MontserratRegular';
  color:#444;
  text-align:center;
}
.onpage_activities table tr:nth-child(2n+1){
  background:#ffc10736;
}
.ira_moreinfo.table_btn .ira_moreinfo .btn.red{
  font-size:0.7rem;
}
.ira_moreinfo.table_btn .btn{
  padding:9px 10px;
  font-size: 0.7rem;
  margin-right: 0;
} 
.ira_moreinfo.table_btn {
    text-align: center;
    margin: 6px 0px;
}

/* Search engine optimization */

.keyword.ppc {
    padding-bottom: 15px;
}
.keyword.ppc span.ppc_bdg {
    color: #000;
    font-size: 1rem;
    display: block;
}
.keyword.ppc span.ppc_bdg b {
    font-size: 2.1rem;
}
.header_item.ppc_packg{
  text-align:center;
}











/* Web development */

.mvc-solution {clear: both; /*overflow: hidden;*/ position: relative;}
.mvc-solution .mvc-solution-main .mvc-technology-icon {padding: 240px 0 60px 0;}
.mvc-solution .mvc-solution-main .mvc-technology-icon h2 {    max-width: 590px;
    margin: 0 0 0 -228px;
    text-align: center;
    color: #292b2c;
    font-weight: 300;
    font-size: 26px;
    line-height: 48px;
    text-transform: uppercase;
    transform: rotate(-17deg);}
.mvc-solution .mvc-solution-main .mvc-technology-icon .icon-list {width: 600px;height: 550px;position: absolute;margin:auto;
  bottom:-50%;left:-70%;right: 0;}
.mvc-solution .mvc-solution-main .mvc-technology-icon .icon-list img {max-width: 100px;border:1px solid #ddd;border-radius:50%;}
.mvc-solution .mvc-solution-main .mvc-technology-icon .icon-list:before {content: ''; position: absolute;
  width: 100%; height: 100%; border: 1px solid #575d67; left: 0; right: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%;
  border-radius: 50%;}

  
/* Web development */

.php_content{
  padding:0px 0px 80px;
  background:#ffffff;
  position:relative;
}
.dev_heading_subtitle.org_color{
  color:#ff9200;
  font-family:'MontserratRegular';
  font-size:1rem;
  font-weight:600;
  margin-bottom:25px;
  display:block;
}
.dev_text p{
  font-size:1rem;
  font-family:'MontserratRegular';
  line-height:26px;
  color:#656565;
}
.custom_margin{
  margin-top:40px;
}
.dev_tenology_icon .technology_iconList:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid #ff9200;
    left:0;
    right:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.dev_tenology_icon .technology_iconList {
    width: 600px;
    height: 600px;
    position: absolute;
    margin: auto;
    left:-270px;
    top:0px;
}
.dev_tenology_icon h2{
  transform:rotate(332deg);
  margin:-120px 0px 0px -140px;
}


.service_offer_php{
  padding:80px 0px;
  background:#2642a8 url('../../images/innerpage/php_development/0_R7SX_BG_PHP.jpg') no-repeat;
  background-size:cover;
  background-position:100%;
  position:relative;
  z-index:1;
}
.service_offer_php:before{
  position:absolute;
  content:"";
  top:0px;
  left:0;
  display:inline-block;
  width:100%;
  height:100%;
  background-size:100% 745px;
  background:url('../../images/innerpage/php_development/mobile_service_back_image.png') no-repeat left center;
}

.sevices_right_coloumn h1{
  margin-bottom:5rem;
}
.white_color{
  color:#ffffff;
}
.BG_white{
  background:rgba(255,255,255.7);
}
.php_item_coloumn{
  padding:30px 30px !important;
  box-sizing:border-box;
  margin-bottom:3.5rem;
  min-height:246px;
}
.php_item_coloumn h3{
  font-family:'KronaOneRegular';
  font-size:1.10rem;
  line-height:1.7rem;
  color:#ff9200;
}
.php_item_coloumn ul li{
  font-size:1rem;
  line-height:1.7rem;
  padding-left:27px;
  font-family:'MontserratRegular';
  background:url('../../images/innerpage/php_development/check_tick.png') no-repeat left 5px;
}
.circle_icon{
  position: absolute;
  right:-10px;
  top:-32px;
  width:100px;
  height:100px;
  border-radius:50%;
  background:#fff;
  border:4px solid rgb(61 83 168);
  align-items:center;
  display:flex;
  justify-content:center;
}
.divice_content{
  text-align:center;
}
.divice_content .mob_figure{
    display:inline-block;
    vertical-align:top;
    margin:0;
    max-width:100%;
}
.divice_content .mob_figure .image_wraper{
    display:inline-block;
    vertical-align:top;
    max-width:100%;
    position:relative;
    left:-200px;
}
.how_weDoIt{
  padding:80px 0px;
}
.text_content_how_do_it {
    display: block;
    width: 100%;
}
.text_content_how_do_it span{
  display:block;
  margin-bottom:20px;
  font-size:1.1rem;
  font-family:'MontserratRegular';
  font-weight:600;
  color:#444;
}
.text_content_how_do_it p{
  font-size:1rem;
  font-family:'MontserratRegular';
  line-height:26px;
  color:#656565;
  margin-bottom:60px;
}
.Do_coloumn{
  padding:40px 40px;
  text-align:left;
  display:block; 
  overflow:hidden;
}
.blue_color{
  background:#2642a8;
}
.coloumn_relative{
  position:relative;
}
.Do_coloumn:before{
  content:'';
  position:absolute;
  right:-86px;
  background:#f9f9f9;
  width:230px;
  height:150px;
  top:-70px;
  -moz-transform:rotate(42deg);
  -webkit-transform:rotate(42deg);
  transform: rotate(42deg);
}
.Do_coloumn h2{
  font-size:1.1rem;
  color:#fff;
  position:relative;
  padding-bottom:15px;
}
.Do_coloumn h2:after{
  content:'';
  position:absolute;
  bottom:0;
  width:60px;
  height:2px;
  left:0;
}
.Do_coloumn h2.after_BG_blue:after{
  background:#0a1e65;
}
.Do_coloumn h2.after_BG_orange:after{
  background:#b16601;
}
.Do_coloumn h2 strong{
  display:block;
  font-family:'KronaOneRegular';
  font-size:1.5rem;
  line-height:40px;
}
.Do_coloumn p{
  color:#fff;
  line-height:30px;
  font-size:1rem;
  margin-top:20px;
}
.counter{
    position: absolute;
    right: 10px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 110px;
    top: -30px;
    font-family:'Arial';
}
.blue_color_text{
  color:#2642a8;
}
.orange_color{
  background:#ff9200;
}
.orange_color_text{
  color:#ff9200;
}
.strong_txt_1{
  color:#0a1e65;
}
.strong_txt_2{
  color:#b16601;
}

/* Tabbing Strat here */

.tabbing_wrap{
  max-width:68%;
  margin:30px auto;
  background:#e6e6e6;
  padding:30px;
  box-shadow:0 3px 5px rgba(0,0,0,0.2);
}
.tabbing_wrap h1.dev_heading{
  margin: 20px 0px 30px;
}
input[name=css-tabs] {
  display:none;
}
#tabs {
  padding: 0 0 0 50px;
  width: calc(100% + 100px);
  margin-left:-50px;
  background:#2642a8;
  height:125px;
  border-bottom:5px solid #ff9200;
  box-shadow:0 3px 5px rgba(0,0,0,0.2);
}
#tabs::before {
  content:"";
  display:block;
  position:absolute;
  z-index:-100;
  width:100%;
  left:0;
  margin-top:36px;
  height:110px;
  background:#2642a8;
  border-bottom: 5px solid #ff9200;
}
#tabs::after {
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  height:120px;
  width:125px;
  background:#ff9200;
  transition: transform 400ms;
}
#tabs label {
  position:relative;
  z-index:100;
  display:block;
  float:left;
  font-size:14px;
  text-transform:uppercase;
  text-align:center;
  width:125px;
  height:100%;
  border-right:1px dotted #575654;
  cursor:pointer;
  color:#fff;
}
#tabs label:first-child {
  border-left: 1px dotted #575654;
}
#tabs label::before {
  content: "";
  display: block;
  height:50px;
  width:50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin:23px auto 10px;
}
#tab1::before {
  background-image: url('../../images/innerpage/php_development/php-tab-icon.png');
}
#tab2::before {
  background-image: url('../../images/innerpage/php_development/framework-tab-icon.png');
}
#tab3::before {
  background-image: url('../../images/innerpage/php_development/database-tab-icon.png');
}
#tab4::before {
  background-image: url('../../images/innerpage/php_development/cms-tab-icon.png');
}
#tab5::before {
  background-image: url('../../images/innerpage/php_development/frontend-tab-icon.png');
}
#tab6::before {
  background-image: url('../../images/innerpage/php_development/cms-tab-icon.png');
}
#radio1:checked ~ #tabs #tab1::before, #radio2:checked ~ #tabs #tab2::before, #radio3:checked ~ #tabs #tab3::before, #radio4:checked ~ #tabs #tab4::before {
  
}
#radio1:checked ~ #tabs::after {
  transform: translateX(0);
}
#radio2:checked ~ #tabs::after {
  transform: translateX(125px);
}
#radio3:checked ~ #tabs::after {
  transform: translateX(250px);
}
#radio4:checked ~ #tabs::after {
  transform: translateX(375px);
}
#radio5:checked ~ #tabs::after {
    transform: translateX(500px);
}
#radio6:checked ~ #tabs::after {
    transform: translateX(625px);
}
#content {
  position: relative;
  height: 500px;
}
#content::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -50px;
  border-top: 8px solid #000;
  border-right: 10px solid #000;
  border-left: 10px solid transparent;
  border-bottom: 8px solid transparent;
}
#content::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  margin-left: calc(100% + 30px);
  border-top: 8px solid #000;
  border-left: 10px solid #000;
  border-right: 10px solid transparent;
  border-bottom: 8px solid transparent;
}
#content section {
  position: absolute;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 500ms, opacity 500ms;
}
#radio1:checked ~ #content #content1, #radio2:checked ~ #content #content2, #radio3:checked ~ #content #content3, #radio4:checked ~ #content #content4 {
  /*transform:translateY(0);*/
  opacity:1;
}




/*career section css ==============*/

.career_sec{padding:50px 0 60px;}
  .career_box{      background: #fff;
    border-radius: 10px;
    text-align: left;
    margin: 0 0 28px;
    padding: 20px;
    position: relative;
    transition: all 0.3s;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);margin-top: 50px;
    border-top: 1px solid #e8e8e8;}
  .career_box h4{
        font-size: 22px;
    font-weight: bold;
    margin: 0 0 20px;
  }
  .career_box p{margin:0 0 10px;}
  .career_box p span{font-weight: 600;margin:0 0 10px;}
  .career_box .apply_now .ira_moreinfo a{font-size: 14px;padding:7px 14px;margin:10px 0 0;}

/*career section css ==============*/



/*portfolio section css ==============*/


 .portfolio_sec{padding:50px 0 60px;}
  .portfolio_sec .box{
        background: #f0ad4e;
    font-family: 'Roboto', sans-serif;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    margin:0 0 30px;
}
.portfolio_sec .box:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.portfolio_sec .box:before{
    content: "";
    background:#00000099;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: blur(10px);
    transform: rotate(110deg);
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.portfolio_sec .box:hover:before{
    opacity: 0.7;
    filter: blur(0);
    left: 35%;
}
.portfolio_sec .box img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out;
}
.portfolio_sec .box:hover img{
    opacity: 0.5;
    transform: scale(1.1);
}
.portfolio_sec .box .box-content{
    color: #fff;
    background: linear-gradient(90deg, rgb(255 49 46) 0%, rgb(191 30 51) 88%);
    text-align: center;
    padding: 15px 5px;
    transform: skew(-10deg) rotate(-12deg) translateX(-150%) translateY(-50%);
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 25px;
    right: 25px;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}
.portfolio_sec .box:hover .box-content{
    opacity: 1;
    transform: skew(-10deg) rotate(-10deg) translateX(0) translateY(-50%);
}
.portfolio_sec .box .title{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 3px;
}
.portfolio_sec .box .title a{color: #fff;}
.portfolio_sec .box .post{
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.portfolio_sec .box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}
.portfolio_sec .box .icon li{
    display: inline-block;
    margin: 0 4px;
    transform: rotateX(90deg);
    transform-origin: bottom center;
    transition: all 0.3s ease-in-out 0.2s;
}
.portfolio_sec .box .icon li:nth-child(2){ transition: all 0.3s ease-in-out 0.3s; }
.portfolio_sec .box:hover .icon li{ transform: rotateX(0); }
.portfolio_sec .box .icon li a{
        color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 32px;
    border: 2px solid #fff;
    border-radius: 33px;
    display: block;
    transition: all 0.3s;
    padding: 1px 15px;
    background: linear-gradient(90deg, rgb(255 49 46) 0%, rgb(191 30 51) 88%);
    text-decoration: none;
}
.portfolio_sec .box .icon li a:hover{ box-shadow:  0 0 5px #fff; }
.portfolio_sec .justy_center{display: flex;justify-content: center;margin-top: 50px;}


/*portfolio section css ==============*/


/* About us */
.about_ira{background: #fff;padding:50px 0 10px;}
.col .box_cont{
  margin-top:50px;
  margin-bottom:50px;
}
.col .box_cont h3{
    font-size: 1.2rem;
    font-family: 'MontserratRegular';
    color: #4b4b4b;
    margin-bottom: 1.2rem;
    position: relative;
    padding-left: 1.2rem;
    border-left: 5px solid #ff9200;
    font-weight: 600;
}
.col .box_cont p{
  padding-left:1.5rem;
  color:#777777;
  font-family:'MontserratRegular';
  font-size:1rem;
}
.ready_vision{
  background:linear-gradient(90deg, rgba(8,24,123,1) 0%, rgba(21,45,189,1) 88%);
  padding:50px 0px;
  text-align:center;
  margin-bottom:50px;
}
.contact_us_details{
  display:flex;
  justify-content:center;
  align-items:center;
}
.contact_us_details .contact-us__gradient_skew{
    align-self: stretch;
    flex: 0 0 10px;
    margin-right:30px;
    min-height:90px;
    visibility:visible;
    -webkit-transform:scale(1);
    opacity: 1;
    transform:scale(1);
    opacity:1;
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.5, 0, 0, 1) 0.1s, opacity 0.9s cubic-bezier(0.5, 0, 0, 1) 0.1s;
    transition: transform 0.9s cubic-bezier(0.5, 0, 0, 1) 0.1s, opacity 0.9s cubic-bezier(0.5, 0, 0, 1) 0.1s;
}
.contact_us_details{
  color:#fff;
  overflow:hidden;
  width:100%;
}
.contact_us_details h2.contact_us{
  font-size:1.7rem;
  font-family:'MontserratRegular';
  font-weight:600;
  margin-right:50px;
}
.contact_us_details .bg_gradient{
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ff9a1d),to(#fec218 ));
  background-image: linear-gradient(180deg,#ff9a1d 0,#fec218 100%);
}
.contact_us_details .link_info{
  white-space:nowrap;
  position:relative;
}
.link_info{
  text-decoration:none;
}
.link_info{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    outline: 0;
}
.hot_link{
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    line-height:1.2;
    padding-right:16px;
}
.company_virion{
  position:relative;
  padding:50px 0px;
}
.company_virion:before{
  background:rgb(246,246,246);
  background:linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(238,238,238,1) 100%);
  content:"";
  position:absolute;
  width:65%;
  left:0;
  top:0;
  height:100%;
}
.vision_content{
  padding:100px;
}
.vision_content h2{
  font-size:2.5rem;
  font-family:'MontserratRegular';
  margin-bottom:20px;
  font-weight:600;
}
.vision_content p{
  font-size:1.1rem;
  font-family:'MontserratRegular';
  line-height:26px;
  color:#777777; 
}
.image_fluid{
  max-width:100%;
  height:auto;
}
.image_section{
  border-radius:9px;
  margin-top:25px;
  box-shadow:0px 0px 12px rgba(0,0,0,0.4);;
}
.vision_tag{
  margin-bottom:30px;
}
.company_virion.mision{
  margin-top:50px;
  margin-bottom:60px;
}
.company_virion.mision:before{
  right:0;
  left:auto;
}
.text_box{
  margin-top:50px;
  align-self:stretch;
  position:relative;
  padding:64px 64px 100px;
  border-color: #C7C7D6;
  border-radius: 0;
  border-width: 0 0 0 1px;
  margin-left: 0;
  margin-right: 0;
}
.border_list{
  border-right:1px solid rgba(30,29,40,.15);
}
.bg_blue{
  position:absolute;
  content:"";
  background:;
  height:5px;
  width:100%;
  left:0;
  bottom:0;
  background: rgb(255,146,0);
  background: linear-gradient(90deg, rgba(255,146,0,1) 0%, rgba(249,184,19,1) 100%);
}
.text_box h4{
  font-size:1.3rem;
  font-weight:600;
  margin-bottom:20px;
  position:relative;
}
.text_box h4:before{
  position:absolute;
  content:"";
  width:5px;
  height:100%;
  top:0;
  left:-20px;
  background: rgb(255,146,0);
  background: linear-gradient(90deg, rgba(255,146,0,1) 0%, rgba(249,184,19,1) 100%);
}
.text_box h4,.text_box p{
  font-family:'MontserratRegular';
}

/* About us */

.inner_page_sec{padding:70px 0 40px;background:#fff;}
.middle_section{
  font-family:'MontserratRegular';
}
.main_title{
  font-size:2rem;
  color:#4b4b4b;
  margin-bottom:30px;
}

.txt_descrip{
  font-size:1rem;
  color:#4c4c4c;
  line-height:26px;
  margin-bottom:40px;
}
.right_sidebar #accordion .panel{
    border: none;
    border-bottom: 1px solid #d8973c;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: -5px;
}
.right_sidebar #accordion .panel:last-child{ border-bottom: none; }
.right_sidebar #accordion .panel-heading{
    padding: 0;
    border-radius: 0;
}
.right_sidebar #accordion .panel-title a{
    display:block;
    padding:15px 20px 15px 15px;
    background:#ff9200;
    font-size:1.1rem;
    font-weight:600;
    color:#fff;
    border:none;
    font-family:'MontserratRegular';
    transition: all 1s ease 0s;
}
.right_sidebar #accordion .panel-body{
    padding:25px 20px 15px 40px;
    font-size:14px;
    color:#fff;
    line-height:28px;
    background:#f0f0f0;
    border:none;
    position:relative;
}
.right_sidebar #accordion .panel-body ul li a{
  font-size:1rem;
  font-family:'MontserratRegular';
  text-decoration:none;
  color:#000;
  display:block;
  border-bottom:1px solid #ccc;
  padding:8px 0px;
   transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
}
.right_sidebar #accordion .panel-body ul li a:hover{
  color:#ff9200;
  padding-left:5px;
}
#accordion .panel-body:before{
    content: "";
    border-top: 15px solid #ff9200;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: 0;
    left: 30px;
}
.right_sidebar #accordion .panel-body:after{
    content: "";
    width: 8px;
    height: 60px;
    background:#ff9200;
    position: absolute;
    top: 25%;
    left: 0;
}
.get-a-quote{
  background: rgb(255,90,90);
  background: linear-gradient(180deg, rgba(255,90,90,1) 0%, rgba(254,57,57,1) 100%);
  text-align:center;
  padding:50px 50px;
  border-radius:6px;
  margin-bottom:20px;
}
.get-a-quote p{
  font-size:1.25rem;
  font-family:'MontserratRegular';
  color:#fff;
  margin:0px;
}
.get-a-quote span{
  font-size:3rem;
  font-family:'MontserratRegular';
  font-weight:700;
  color:#fff;
  line-height:50px;
}
.get-a-quote a{
  display:block;
  font-size:1.25rem;
  padding:8px 0px;
  font-family:'MontserratRegular';
  background:#f1f1f1;
  border-radius:4px;
  color:#000;
  text-decoration:none;
  margin-top:20px;
  text-decoration:none;
}
.growing_with_us img{
  width:100%;
  max-width:100%;
  border-radius:6px;
  margin-top:20px;
}
.laravel_title{
  color:#ff9200;
}
.cms_list li{
  position:relative;
  padding:6px 20px 6px 35px;
  font-family:'MontserratRegular';
  color:#888;
}
.cms_list li:before{
  content:"";
  position:absolute;
  width:30px;
  height:1px;
  background:#ff9200;
  left:0;
  top:17px;
}
.cms_list li:after{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    box-shadow:0px 0px 0px 4px #ff920042;
    background:rgb(255,146,0);
    background:linear-gradient(90deg, rgba(255,146,0,1) 0%, rgba(237,146,23,1) 100%);
    border-radius:100%;
    left:0;
    top:13px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.cms_list li:hover:after{
  left:20px;
  color:#ff920042;
}

/*=========*/

.ecommerce_service{
  position:relative;
  background:#fcfcfc;
  padding:50px 0px;
}
/*.ecommerce_service:before{
  position:absolute;
  content:"";
  left:0;
  top:0;
  width:60%;
  background:#444;
  height:120%;
}
*/
.service_list{
  display:flex;
  width:100%;
  max-width:100%;
  margin-top:30px;
}
.service_list .service_box{
  align-items:center;
  width:25%;
  justify-content:center;
  align-self:stretch;
  padding:20px;
  text-align:center;
  border-right:1px solid #ccc;
}
.service_list .service_box:last-of-type{
  border-right:none;
}
.service_list .service_box img{
  box-shadow: 0px 10px 6px -1px rgb(124 90 90 / 40%);
  border-radius:50%;
}
.service_list .service_box .devlop_title, 
.web_dlp_title{
  font-size:1.3rem;
  font-weight:600;
  line-height:25px;
  font-family:'MontserratRegular';
  color:#767676;
  margin-top:20px;
}
.service_list .service_box p, .magento_service_box p{
  font-family:'MontserratRegular';
  margin-top:20px;
  font-size:1rem;
  color:#888888;
}
.dotted_img{
  position:relative;
  margin-bottom:100px;
} 
.dotted_img:before{
  position:absolute;
  content:"";
  left:0;
  top:0;
  width:389px;
  height:359px;
  background:url('../../images/innerpage/Magento-development/dotted---bg.html') no-repeat;
}
.title_head{
  font-family:'MontserratRegular';
  font-size:3rem;
  color:#000;
  line-height:55px;
  font-weight:600;
  margin-bottom:20px;
  margin-top:20px;
}
.text-right{
  text-align:right;
  padding-right:20px;
}
.p_text{
  font-size:1.3rem;
  color:#5b5b5b;
  font-family:'MontserratRegular';
}
.magento_sub{
  display:block;
  text-align:center;
  font-size:1.25rem;
  font-family:'MontserratRegular';
  margin:20px 0px 50px;
  color:#5f5f5f;
}
.magento_service_box{
  text-align:center;
  padding:20px;
}
.box_outer{
  margin:20px 0px;
}
.border-_line{
  position:relative;
}
.border-_line:after{
  position:absolute;
  content:"";
  height:1px;
  bottom:0;
  left:0;
  width:100%;
  background: rgb(244,244,244);
  background: linear-gradient(90deg, rgba(244,244,244,1) 0%, rgba(214,214,214,1) 53%, rgba(244,244,244,1) 100%);
}
.box_outer{
  border-right:1px solid rgb(241 241 241);
}
.box_outer:last-of-type{
  border-right:none;
}


/* Angular React*/

.angular_img{
  padding-top:50px;
}
.best_solutions_build{
  position:relative;
  margin:50px 0px 0px;
  background:#000000;
}
.best_solutions_build img.sec_bg-mg{
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  opacity:0.1;
}
.h2_sub_title{
  font-size:1.8rem;
  font-family:'MontserratRegular';
  font-weight:600;
  color:#f1f1f1;
  margin:30px 0px;
}
.container_padd{
  padding:100px 0px;
}
.best_solutions_build .Angularbox_list{
  background:rgba(255,255,255,1);
  padding:50px 40px;
  border:1px solid #ccc;
  border-radius:6px;
}
.best_solutions_build .Angularbox_list .box-title{
  font-family:'MontserratRegular';
  font-size:1.5rem;
  font-weight:600;
  color:#4d4d4d;
  text-transform:uppercase;
  letter-spacing:1.5px;
}
.best_solutions_build .Angularbox_list .box-discrip{
  font-family:'MontserratRegular';
  font-size:1.2rem;
  color:#888888;
}
.single_page_application{
  margin-top:100px;
}
.span_sub_title{
  display:block;
  font-size:1rem;
  font-family:'MontserratRegular';
  font-weight:600;
  color:#f2f2f2;
}
.user_interface{
  display:block;
  width:100%;
}
.user_interface .angular_userinterface_list{
  text-align:center;
  margin-top:30px;

}
.user_interface .angular_userinterface_list li{
  display:inline-block;
  background:#fff;
  border-radius:30px;
  padding:10px 30px;
  margin-bottom:20px;
  margin-right:10px;
  font-family:'MontserratRegular';
  font-size:1rem;
  align-items:center;
  display: inline-flex;
}
.user_interface .angular_userinterface_list li span {
    width:30px;
    float:left;
    margin-right:10px;
}
.user_interface .angular_userinterface_list li span img{
  width:100%;
}
.why_choose_angular{
  position:relative;
  background:#d7e0ff;
  padding:50px 0px;
}
.why_choose_angular:before{
  position:absolute;
  content:"";
  top:0;
  left:0;
  width:50%;
  height:100%;
  background:#000;
}
.why_choose_title h2{
  font-size:2.8rem;
  line-height:55px;
  font-weight:600;
  letter-spacing:1px;
  color:#f1f1f1;
  font-family:'MontserratRegular';
  text-align:right;
  padding-right:50px;
}
.middle_align{
  display:flex;
  align-items:center;
}

.services_sec{
  position:relative;
  margin-bottom: 0;
  padding: 50px 40px 36px 70px;
}
.services_sec:before{
  position:absolute;
  content:"";
  left:0;
  top:-24px;
  width:53px;
  height:25px;
  background:url('../../images/innerpage/React-development/wrap_icon.png') no-repeat;
}
.services_sec:after{
  position:absolute;
  content:"";
  right:0;
  bottom: -24px;
  width:53px;
  height:25px;
  background:url('../../images/innerpage/React-development/wrap1_icon.png') no-repeat;
}
.orange_bg{
  background:#ff9200;
}
.services_sec .services_tag{
    position:absolute;
    top:95px;
    left:-15px;
    z-index:1;
    transform:rotate(-90deg);
    font-weight:600;
    font-size:1.2rem;
    font-family:'MontserratRegular';
    color:#000;
    line-height:1.21;
    letter-spacing:3.3px;
}
.services_sec .tag_services_list li{
  font-family:'MontserratRegular';
  color:#fff;
  font-size:1.1rem;
  padding:7px 0px;
  border-bottom:1px dashed #000;
}
.ract_expertise{
  padding:100px 0px;
}
.react_develop_box{
  text-align:center;
  width:100%;
  margin-top:50px;
}
.react_develop_box li{
  display:inline-block;
  width:24%;
  padding:0px 10px;
  margin-bottom:22px;
  color:#fff;
  
}
.react_develop_box li .react_development_box{
  padding:35px 28px;
  background:rgb(255,52,52);
  border-radius:6px;
  background: linear-gradient(90deg, rgba(255,52,52,1) 53%, rgba(215,30,30,1) 100%);
}
.react_develop_box li img{
  width:100px;
}
.react_develop_box li .react_development_box h3{
  font-size:1.1rem;
  font-weight:600;
  line-height:28px;
  margin-top:20px;
  color:#fff;
  font-family:'MontserratRegular';
}

/* React Native Development */
.native_develop .uiix_box_icon figure{
  display:flex;
  justify-content:center;
  align-items:center;
}
.native_develop .uiix_box_icon figure img{
  padding-top:0;
  width:70px;
  height:70px;
}
ul.native_develop li {
    display:flex;
    justify-content:flex-end;
}
.native_develop .mob_service_title{
  float:none;
  width:50%;
}
.flex-content-center{
  display:flex;
  justify-content:center;
  align-items:center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.reduced_cost_react_icons:before{
      background: url(../../images/innerpage/react-native-development/cost-reduced.png) no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.cross_platform_icon:before{
      background: url(../../images/innerpage/react-native-development/cross-platform.png) no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.code_reusability_icon:before{
      background: url(../../images/innerpage/react-native-development/code-reusability.png) no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.fast-load_time_icon:before{
      background: url(../../images/innerpage/react-native-development/fast-load-time.png) no-repeat left center;
}
.app_category_list .app_category_list_inner .left_coloumn_text_icons .app_porting_icon.reduced_development_time_icon:before{
      background: url(../../images/innerpage/react-native-development/reduced-development-time.png) no-repeat left center;
}
.react_native_expertise{
  background:url(../../images/innerpage/react-native-development/our-expertise-background-img.png) no-repeat;
  background-attachment:fixed;
  background-size:cover;
  width:100%;
  padding:100px 0px;
}
.expertise_discrip h2{
  font-size:2rem;
  font-weight:600;
  font-family:'KronaOneRegular';
  color:#fff;
  line-height:45px;
  margin-bottom:30px;
}
.expertise_discrip p{
  font-size:1.1rem;
  font-weight:600;
  font-family:'MontserratRegular';
  color:#fff;
  line-height:26px;
  margin-bottom:30px;
}
.expertise_discrip .listing_expertise{
  margin:0 0;
  padding:0px 0px;
}
.expertise_discrip .listing_expertise li{
  width:50%;
  float:left;
  list-style:none;
  padding:12px 12px 0 12px;
}
.expertise_discrip .listing_expertise li .expertise_box{
  background:#fff;
  border-radius:6px;
  display:inline-block;
  width:100%;
  padding:15px;
  padding-right:0;
}
.expertise_discrip .listing_expertise li .expertise_box .expertise_icon{
    line-height:51px;
    text-align:center;
    display:inline-block;
    background:#ff1616;
    width:56px;
    height:56px;
    border-radius:50%;
    box-shadow:0px 1px 15px 0px #d9534fc2;
    vertical-align:middle;
}
.expertise_discrip .listing_expertise li .expertise_box h3{
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 15px;
    font-family:'MontserratRegular';
    display:inline-block;
    font-weight:600;
    line-height:1.42;
    vertical-align:middle;
    font-size:1.1rem
}
.expertise_discrip .listing_expertise li .expertise_box .expertise_icon.orange{
    background:#ff9200;
    box-shadow:0px 1px 15px 0px #ff92007a;
}


/* Xamarin */

.Xamarin_sub_title{
  font-family:'MontserratRegular';
  font-size:1.3rem;
  line-height:30px;
  color:#777;
  text-align:center;
  display:block;
  margin:25px 0px;
}
ul.xamarin_mobile_solution {
    display:block;
    width:100%;
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
}
ul.xamarin_mobile_solution li{
  display:inline-block;
  width:15%;
  margin:0px 5px;
}
ul.xamarin_mobile_solution li .Xamarin_services_box{
    background:#fcfcfc;
    border-radius:6px;
    padding:40px 15px;
    box-shadow:0px 1px 15px 0px #ff92007a;
    width:100%;
    transition:all 0.5s ease-in-out 0s;
    -webkit-transition:all 0.5s ease-in-out 0s;
    -moz-transition:all 0.5s ease-in-out 0s;
}
ul.xamarin_mobile_solution li:hover .Xamarin_services_box{
    background:#000;
}
ul.xamarin_mobile_solution li:hover .Xamarin_services_box h3{
    color:#fff;
}
ul.xamarin_mobile_solution li .Xamarin_services_box span img{
  width:70px;
}
ul.xamarin_mobile_solution li .Xamarin_services_box h3{
  font-family:'KronaOneRegular';
  font-size:0.7rem;
  line-height:20px;
  font-weight:600;
  margin-top:20px;
}
.Xamarin_berief{
  display:block;
  padding-right:20px;
  padding-top:50px;
}
.Xamarin_berief h1{
  font-family:'MontserratRegular';
  font-size:2.2rem;
  font-weight:600;
  margin-bottom:20px;
}
h1.title_head.meanhead {
    font-size: 2rem;
    line-height: 40px;
}
.Xamarin_berief span{
  font-size:1.1rem;
  font-family:'MontserratRegular';
  color:#8d8d8d;
  font-weight:600;
}
.Xamarin_berief p{
   font-family:'MontserratRegular';
   color:#3a3a3a;
   font-size:1rem;
   margin-bottom:20px;
}
.xamarin_develop_img{
    display:flex;
    align-items:center;
}
.xamarin_app_development{
  margin-top:100px;
}
.react_native_expertise.Xamarin_development_bg{
  background:url(../../images/innerpage/xamarin-development/xamarin-development-bg.png) no-repeat;
  background-attachment:fixed;
  background-size:cover;
  width:100%;
}
.Xamarin_benefits{
  padding:50px 0px 100px;
}
.xamarin-cross-platform-img{
  display:flex;
}
.xamarin-cross-platform-img img{
  width:100%;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.Xamarin_benefits .benefits_berief h2{
  font-size:1.3rem;
  font-family:'KronaOneRegular';
  line-height:25px;
}
.Xamarin_benefits .benefits_berief span.xamarin_subTitle12{
  font-size:1.1rem;
  font-family:'MontserratRegular';
  color:#5d5d5d;
  font-weight:600;
  margin-top:10px;
  margin-bottom:20px;
  display:block;
  position:relative;
}
.Xamarin_benefits .benefits_berief span.xamarin_subTitle12:before{
  position:absolute;
  content:"";
  width:80px;
  height:4px;
  background:#ff9200;
  bottom:-25px;
  left:0;
  border-radius:6px;
}
.Xamarin_benefits .benefits_berief span.xamarin_subTitle12:after{
  position:absolute;
  content:"";
  width:20px;
  height:20px;
  background:#ff9200;
  bottom:-33px;
  left:6px;
  border-radius:50%;
  border:4px solid #ff040459;
}
.Xamarin_benefits_list{
  margin-top:50px;
  width:100%;
}
.Xamarin_benefits_list li{
  padding-left:100px;
  position:relative;
  margin-bottom:30px;
}
.Xamarin_benefits_list li:before{
  background:url(../../images/innerpage/xamarin-development/icon-high-performance.png) no-repeat;
  position:absolute;
  content:"";
  height:80px;
  width:80px;
  top:0;
  left:0;
}
.Xamarin_benefits_list li.Interface_icon:before{
  background:url(../../images/innerpage/xamarin-development/icon-native-interface.png) no-repeat;
}
.Xamarin_benefits_list li.automated_testing_icon:before{
  background:url(../../images/innerpage/xamarin-development/icon-automated-testing.png) no-repeat;
}
.Xamarin_benefits_list li.fewer_bug_icon:before{
  background:url(../../images/innerpage/xamarin-development/icon-fewer-bug.png) no-repeat;
}
.Xamarin_benefits_list li.time-to-market_icon:before{
  background:url(../../images/innerpage/xamarin-development/icon-time-to-market.png) no-repeat;
}
.Xamarin_benefits_list li.cost_effective:before{
  background:url(../../images/innerpage/xamarin-development/icon-cost-effect.png) no-repeat;
}
.Xamarin_benefits_list li.microsoft_support_icon:before{
  background:url(../../images/innerpage/xamarin-development/icon-microsoft-support.png) no-repeat;
}

.Xamarin_benefits_list li span{
  font-size:1.2rem;
  font-family:'KronaOneRegular';
  font-weight:600;
  color:#ff9200;
  margin-bottom:10px;
  display:block;
}
.Xamarin_benefits_list li p{
  font-size:1rem;
  font-family:'MontserratRegular';
  color:#5d5d5d;
  line-height:22px;
}
.images_center_align{
  display:flex;
  align-items:center;
}


/* VUEJS */

.react_native_expertise.VueJS_development_bg{
  background:url(../../images/innerpage/Vue-development/vue-js-development-bg.png) no-repeat;
  background-attachment:fixed;
  background-size:cover;
  width:100%;
}
ul.xamarin_mobile_solution.vueJS_Box li .Xamarin_services_box{
  padding:40px 18px;
}
.Xamarin_benefits_list li.custom_vue_js_icon:before{
  background:url(../../images/innerpage/Vue-development/icon-custom-vue-js.png) no-repeat;
}
.Xamarin_benefits_list li.vue-js-third-party_icon:before{
  background:url(../../images/innerpage/Vue-development/icon-third-party.png) no-repeat;
}
.Xamarin_benefits_list li.interactive_UI_icon:before{
  background:url(../../images/innerpage/Vue-development/icon-interactive-UI.png) no-repeat;
}
.Xamarin_benefits_list li.real_time_app_icon:before{
  background:url(../../images/innerpage/Vue-development/icon-real-time-app.png) no-repeat;
}
.Xamarin_benefits_list li.code_reusability_icon:before{
  background:url(../../images/innerpage/Vue-development/icon-code-reusability.png) no-repeat;
}

/* Mean Stack Development */

.user_interface .angular_userinterface_list.mean_stack li{
  border:1px solid #ff9200;
}
.mean_stack_develop{
  padding:100px 0px 70px;
  background:url(../../images/innerpage/Mean-stack-development/mean-stack-bg.png) no-repeat;
  background-attachment:fixed;
  background-size:cover;
  width:100%;
}
.get_services_mean h2{
  font-size:2rem;
  font-weight:600;
  font-family:'MontserratRegular';
  line-height:40px;
  color:#fff;
  display:block;
}
.mean_stack_develop .get_services_mean .meanstack_list{
  display:inline-block;
  width:100%;
  margin-top:30px;
  margin-bottom:30px;
}
.mean_stack_develop .get_services_mean .meanstack_list li{
  float:left;
  margin-right:30px;
}
.get_services_mean p{
  color:#fff;
  font-family:'MontserratRegular';
  font-size:1rem;
  line-height:25px;
  margin-top:20px;
}
.APi_development_list{
  display:inline-block;
  width:100%;
  padding-right:30px;
}
.APi_development_list li{
  display:block;
  width:100%;
  position:relative;
  border-radius:6px;
  border:1px solid #fff;
  padding:25px 25px;
  margin-bottom:30px;
}
.APi_development_list li p{
   font-size:1rem;
  font-family:'MontserratRegular';
  line-height:26px;
  color:#fff;
}
.tag_line {
    display: inline;
}
.tag_line span{
  font-family:'KronaOneRegular';
  font-size:1.3rem;
  color:#fff;
}
.image_one.API_img {
    float: left;
    padding-right:30px;
}
.about_mean_develop{
  padding:100px 0px 70px;
  background:#fff;
}
.aboutMean_sub_title{
  font-size:1.1rem;
  font-weight:600;
  font-family:'MontserratRegular';
  line-height:28px;
  color:#7a7a7a;
  display:block;
  margin:20px 0px;
}
.text-align-right{
  text-align:right;
}
.meansDevelp20{
  margin-top:50px;
}
.paddingTOP{
  padding-top:40px;
}
.Mean_develop h3{
  font-size:1.5rem;
  font-family:'KronaOneRegular';
  color:#000;
}
.Mean_develop p{
   font-size:1rem;
  font-family:'MontserratRegular';
  line-height:28px;
  margin-top:20px;
}



/* About IRA */
.about_ira{
  position:relative;
}
.margin_up{
  margin-top:-60px;
  z-index:1;
  position:relative;
}
.About_Ira p{
  font-size:1rem;
  font-family:'MontserratRegular';
  line-height:28px;
  margin-top:20px;
  color:#656565;
}
.invisible_text{
  font-size:5rem;
  font-family:'KronaOneRegular';
  color:#efefef;
  font-weight:600;
  display:block;
  text-align:center;
}
.About_our_services{
  padding:100px 0px 70px;
  background:url(../../images/about-us/pexels-ivan-bertolazzi-2681319.jpg) no-repeat;
  background-attachment:fixed;
  background-size:cover;
  width:100%;
}
.service_margin{
  margin-top:50px;
}
.About_service_Box{
  border:1px solid #fff;
  padding:20px;
  display:flex;
  justify-content:center;
}
.stretch_item{
  align-items:stretch;
  display:flex;
  margin-bottom:28px;
}
.invisible_text.dal_black{
  color:#202020;
}
.About_service_Box .inner_service_box{
  background:#fff;
  padding:20px;
}
.About_service_Box .inner_service_box h2{
  font-size:1.5rem;
  font-family:'KronaOneRegular';
  line-height:35px;
}
.About_service_Box .inner_service_box p{
  font-size:1rem;
  font-family:'MontserratRegular';
  line-height:28px;
  margin-top:20px;
  color:#656565;
}
.About_Our_Work_Process{
  padding:10px 0px 50px;
}
.process_List{
  padding-left:40px;
  margin-left:50px;
  border-left:3px solid #ff9200;
  border-radius:20px;
  padding-top:30px;
  padding-bottom:30px;
}
.process_List li{
  position:relative;
}

.process_List li:before{
  position:absolute;
  content:"";
  top:0;
  left:-47px;
  width:10px;
  height:30px;
  border-radius:6px;
  background:#ff2d26;
}
.process_List li span figure{
  display:inline;
  margin-right:20px;
}
.process_List li span{
  font-size:1.3rem;
  font-family:'KronaOneRegular';
}
.process_List li p{
  font-size:1rem;
  font-family:'MontserratRegular';
  color:#656565;
  line-height:28px;
  margin-top:10px;
}
.About_Why_Choose_Us{
  padding:70px 0px 50px;
  background:url(../../images/about-us/why-choose-us-bg.png) no-repeat;
  background-attachment:fixed;
  background-size:cover;
  width:100%;
}
.text_right_align{
  text-align:right;
}
.mar50{
  margin-top:50px;
}
.Why_irasoft_img figure img{
  width:100%;
}
.choose_us_box{
  margin-bottom:20px;
  border:1px dashed #f1f1f1;
  border-radius:6px;
  padding:20px;
}
.choose_us_box h2{
  font-size:1.3rem;
   font-family:'KronaOneRegular';
   margin-bottom:20px;
   color:#fff;
}
.choose_us_box p{
  font-size:1rem;
  font-family:'MontserratRegular';
  color:#fff;
  line-height:28px;
  margin-top:10px;
}

/* SHOPIFY EDIT*/

.how_can_Help{
  padding:70px 0px;
}
span.canHelp_img {
    text-align:right;
}
.can_help_discrib p{
  font-size:1rem;
  font-family:'MontserratRegular';
  color:#656565;
  line-height:28px;
  margin-top:10px;
}
.can_help_discrib{
  padding-right:50px;
}
/* SHOPIFY EDIT*/

/* Privacy Policy */

.Privacy_policy{
  padding:50px 0px;
  background:#fff;
}
h1.page_title{
  font-size:2rem;
  font-family:'KronaOneRegular';
  margin-bottom:20px;
}
.policy_text{
  font-size:1.1rem;
  font-family:'MontserratRegular';
  color:#656565;
  line-height:28px;
  margin-bottom:20px;
}




/*scroll bar css start here*/
#scrollbar_::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #ff9200;
  border-radius: 10px;
}

#scrollbar_::-webkit-scrollbar
{
  width: 10px;
  background-color: #ff9200;
}

#scrollbar_::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-image:-webkit-gradient(linear,
   left bottom,
   left top,
   color-stop(0.44, rgb(255 146 0)),
   color-stop(0.72, rgb(192 32 53)),
   color-stop(0.86, rgb(191 31 52)));
}
.scrollbar_design{
  float: left;
  background: #F5F5F5;
  overflow-y: scroll;
  width: 100%;
}

/*scroll bar css start here*/