.client-bg { background-color:#F7F1EF;}
html body section.what-bg .card{background-color:#ff7602;
border-radius: 30px 0 30px 0px;
color:#fff;
}
h2.h2-rule {
font-size:32px;
font-weight 600;
line-height: 38.4px;
 margin-bottom:30px;
}
h3.h3-rule{
 font-size: 28px;
font-weight: 600;
line-height: 33px;
margin-bottom:20px;
}
.what-bg .card.application-bg{background-color: #4D3C2E;}
.what-bg .card.cloud-bg{background-color: #003F7D;}
html body section .main-content h1{color:#ffff;font-size:2.813rem; font-weight:bold;}
html body section.what-bg .main-content ul.about-list li{color:#fff;}
html body section.what-bg .main-content ul.about-list li:after{background-color: #fff;}
html body section.what-bg  .card img.mt--7 {
    margin-top: 0;
}
.business-bg .v-tabbing-content ul li {
       width: 100%;
}
html body.newhomepage .header-hero.wam-index {
    background:#000 url(../images/home_banner.png) top center no-repeat;
    min-height:auto;
    background-size: cover;
    position:relative;
    padding-bottom: 277px;
}
html body section.technologies-bg{
background:none;
 background-color: #293548;
 color:#fff;
}
html body section.technologies-bg .card{
    box-shadow:none;
    padding:0px;
}
html body section.technologies-bg .title-group h6{color:#fff;}
html body section.technologies-bg .title-group h1{color:#fff;}
html body section.technologies-bg .main-content h5{background-color: #FF7114;color:#fff;
padding: 0.313rem 0 0.313rem 0.625rem;
}

html body section.technologies-bg .main-content .overflowing .card .card-body a.link-btn{color:#fc7014;
padding-right:1.25rem;    
    }
html body section.technologies-bg .main-content .btn-transparent.trans-red-btn{
     border-color: #fff;
    color: #FF7114;
    background-color: #fff;
    border-radius: 30px;
    }
html body section.new-gray-bg, html body section .new-gray-bg{
  background-color: #293548  ;   
}

html body section.business-bg{
  background-color: #F5F5F5  ;   
}
html body section.business-bg .tab-bg{
  background-color: #fff;   
}
html body section.business-bg .tab-bg ul.v-tabbing-list li{
      border-bottom: 1px solid #DDDDDD;
      /*background-color: #f8f8f8;*/
      background-color:#ff7602;
}
html body section.business-bg .tab-bg ul.v-tabbing-list{
      border-right: 1px solid #DDDDDD;
}
html body section .main-content .v-tabbing-list li a.active {
    color: #fff;
}
.discover-bt{
    background-color: #fff;
    border-radius: 15px;
    color: #ff7602 !important;
    padding: 5px 10px 5px 10px;
    font-size: 18px;
    font-weight: 500;    
    
}
.discover-bt:hover{background-color: #fff;}
/*========== New styling Here ================*/ 
   header.main-header {
       position:relative;
       transition: height 1s ease-in-out;
  }
  @keyframes smoothScroll {
	0% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0px);
	}
}
 header.main-header.fixed {
    background:#ff7602;
    transition: height 1s ease-in-out;
	animation: smoothScroll 1s forwards;
    }
     header.main-header.fixed .normallogo {
      display:none;    
        }
  html body header.fixed .navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
  }
  html body header.fixed .navbar .my-btn {
    background: #fff;
    color: #222;
  }
   header.main-header.fixed {
      position:fixed;
  }
  .newhomepage .navbar {
      padding:0;
  }
 
 /* ====== Footer Style Here ===========*/
 footer.footernew {
   background: transparent;
   background:#ff7602;
  }
 .footer-bg {
      text-align: center;
      padding:8px 0 0;
  }
  .copyrights p{
      margin-bottom:0;
  }
  .footerlinks {
     text-align: center;
     display:inline-block;
     width:100%;
     margin:0;
  }
  .footerlinks li {
      list-style:none;
      display:inline-block;
          vertical-align: middle;
  }
  .footerlinks li a {
      display:block;
      cursor:pointer;
      color:#fff!important;
  }
  .footerlinks li a,
  .copyrights p {
     font-size: 18px;  
      line-height:21px;
  }
  .copyrights p a:hover  {
      color:#FF7114;
  }
  .footerlinks li a:hover {
      text-decoration:underline;
  }
  .footer-top-bg {
    background:#293548;
    padding: 15px 0;
}
.footer-top-bg .owl-carousel .owl-item img{
    width:auto;
}
.footer-top-bg .owl-carousel.owl-centered .owl-item {
    display: table-cell;
     border-right: 1px solid #979494;
}
   .footerMarque img,
   .newmarque img {
      margin-right:15px;
    }
    .footerMarque img,
    .newmarque img {
       width: 110px;
      }
      
    .container {
        max-width: 1280px;
    }

   .client-bg {
    background-color: #F7F1EF;
   }
/*========== New styling Here ================*/ 
 footer.footernew {
   background: transparent;
   background:#ff7602;
  }
 .footer-bg {
      text-align: center;
      padding: 15px 0;
  }
  .footerlinks {
     text-align: center;
     display:inline-block;
     width:100%;
     margin:0;
  }
  .footerlinks li {
      list-style:none;
      display:inline-block;
          vertical-align: middle;
  }
  .footerlinks li a {
      display:block;
      cursor:pointer;
       color:#fff!important;
  }
  .footerlinks li a,
  .copyrights p {
     font-size: 18px;  
      line-height:21px;
  }
  .copyrights p a:hover {
      color:#FF7114;
  }
  
  .newhomepage header.main-header {
       position:relative;
       transition: height 1s ease-in-out;
  }
  @keyframes smoothScroll {
	0% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0px);
	}
}
 header.main-header.fixed {
    background:#ff7602;
    transition: height 1s ease-in-out;
	animation: smoothScroll 1s forwards;
    }
    header.main-header.fixed .normallogo {
      display:none;    
        }
  html body header.fixed .navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
  }
  html body header.fixed .navbar .my-btn {
    background: #fff;
    color: #222;
  }
    .newhomepage header.main-header.fixed {
      position:fixed;
  }
  .newhomepage .navbar {
      padding:0;
  }
  html body section.about-bg {
    background: url(../images/Rectangle-220.jpg) top center no-repeat;
    background-size: cover;
    min-height: 415px;
    margin-bottom: 50px;
    color: #fff;
}
html body section.about-bg h5{
    font-size: 22px;
    
}
.footer-top-bg {
    background:#293548;
    padding: 15px 0;
}
.footer-top-bg .owl-carousel .owl-item img{
    width:auto;
}
.footer-top-bg .owl-carousel.owl-centered .owl-item {
    display: table-cell;
     border-right: 1px solid #979494;
}
.footerlinks li a, .copyrights p {
    font-size: 15px;
    line-height: 21px;
    font-weight:600;
}
.footerlinks li a:hover, .copyrights p a:hover {
  text-decoration:underline; 
  color:#fff!important;
}
.footer-bg {
    padding: 10px 0;
}
.newhomepage .header-hero h1::before {
    border-top:none;
}
.col-md-12.bgwhite {
    background:#fff;
    min-height: 525px;
    position:relative;
    padding:0;
}

html body section .new-gray-bg .bgwhite p,
html body section .new-gray-bg .bgwhite h2 {
    color:#222222;
    text-align:center;
}
html body section .new-gray-bg .bgwhite p {
    padding:0 15px;
}
html body section .main-content .bgwhite .trans-white-btn {
    display: block;
    width: 180px;
    margin: 0 auto;
    float: none;
    position: absolute;
    bottom:5px;
    left: 50%;
    transform: translate(-50%);
    border-color: #fff;
    background: #ff7602;
    color: #ffffff;
    border-radius: 50px;
}
.bgwhite-imgBox {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 15px;
}

.newtechnologies h3 {
   color: #fff;
    padding: 10px 20px;
    border-bottom: 1px solid #dbdbdb;
    background: #FF7114;
}
.newtechnologies ul li {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
}
.newtechnologies .card{
    min-height: 395px;
    position:relative;
}
.newtechnologies img{
    float: left;
    /*margin-right: 20px;*/
}
.newtechnologies ul li a {
    display:block;
    margin: 0 15px;
    text-align: center;
}
.newtechnologies ul li a p{
    font-size: 18px;
    color: #222;
    margin: 0px 25px;
}
.newtechnologies.newtechnologiesq ul li {
  width: auto;
}
.newtechnologies.newtechnologiesq .card{
    min-height:182px;
  
}
.newtechnologies.newtechnologiesq  img{
    float: none;
}


.newtechnologies .learnMore{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    right: auto;
}
.newtechnologies .learnMore a{
    color:#FF7114;
}
    .container {
        max-width: 1280px;
    }
    .footerMarque img,
   .newmarque img {
      margin-right:20px;
    }
    .footerMarque img,
    .newmarque img {
       width: 110px;
      }
    .tabBgImg {
        background:url("../images/tabs-img1.png") center top no-repeat;
        background-size:cover;
        height:100%;
    }
     .equalHeight {
    min-height: 320px;
    position: relative;
    transition: transform .5s;
    }
    .equalHeight:hover {
         transform: scale(1.05);
    }
    .equalHeight .discover-bt {
        position: absolute;
    bottom: 10px;
    left: 30px;
    right: auto;
    top: auto;
    }
  .technologiesTab li {
     float:none;
     display:inline-block;
     border: 1px solid #fff;
   }
   .technologiesTab .nav-pills .nav-link:hover,
   .technologiesTab .nav-pills .nav-link.active, .technologiesTab .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #FF7114;
   }
   .technologiesTab .nav-pills .nav-link {
    color:#fff;
   }
   .technologiesTab .nav-pills{
   text-align: center;
    width: 100%;
    display: inline-block;
   }
    .technologiesTab .newtechnologiesq {
       width: 70%;
    margin: 10px auto;
    }
    .technologiesTab .newtechnologiesq ul { 
        text-align:center;
    }
    .technologiesTab .newtechnologies.newtechnologiesq .card {
        padding-top:15px; 
    min-height: 140px;
   }
  /* html body .header-hero.wam-index {
       background:url("../images/baner.jpg") top center no-repeat;
     min-height: 551px;
     background-size: cover; 
   }*/
   .tabchange ul li {
      float:left;
      margin-right:15px;
   }
  html body section .main-content p {
    color: #000;
} 
 /*================== Get a quote blick effect =============*/
 
.waves-block {
    position:relative;
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.waves {
  position: absolute;
    width: 170px;
    height: 74px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    border-radius: 36px;
    right: -15px;
    bottom: -15px; 
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
   
   
.askquestion .accordion-item {
     border: 1px solid rgba(0, 0, 0, .125);
     margin-bottom: 10px;
      border-radius: 4px;
}
/*.askquestion .accordion-item h2:hover,.askquestion .accordion-item h2 button:hover {
    background:#ff7602;
    color:#fff!important;
}*/
.askquestion .accordion-flush .accordion-item:first-child {
    border-top: 1px solid rgba(0, 0, 0, .125);
}
.askquestion .accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.askquestion .accordion-flush .accordion-item .accordion-button {
    border-radius: 4px;
}   
.askquestion .accordion-item h2 button:hover {
    background: #f0f0f0;
    color: #000 !important;
}   
   
/*=================  Pricing Modal styling Here ================*/   

.pricingmodel .title-group h1.landing-line:after {
    border:none;
}

.pricing_model {
    justify-content: center;
}

.pricing_model {
    position: relative;
    margin-top: 55px;
    display: inline-flex;
}
.pricing_model_wrap {
    box-shadow: none;
}

.pricing_model_ograne {
    background: #b4b4b4;
}
.pricing_model_ograne {
    background: #d77021;
    width: 27%;
    height: 330px;
}
.pricing_model .background_w {
    margin: 0 0 0 -22px;
}

.pricing_model .background_w {
    border-radius: 5px;
}
.pricing_model .background_w {
    background: #fff;
    width: 113%;
    height: 100%;
    margin: 0 0 0 -25px;
    padding: 30px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 22px -8px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 22px -8px rgba(0, 0, 0, .75);
    box-shadow: 0 0 22px -8px rgba(0, 0, 0, .75);
}
.pricing_model_wrap h3 {
    font-size: 23px;
    margin-left: 14px;
    margin-bottom: 30px;
}

.pricing_model_wrap1 {
    color: #000000;
}
.pricing_content ul {
    display: block;
    padding: 0;
    width: 100%;
}
.pricing_content ul li {
    width: 100%;
    text-align: left;
    padding: 0 0 0 40px;
    font-size: 16px;
    position: relative;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight:500;
    float: left;
    list-style:none;
}
.pricing_model_content ul>li:before {
    filter: grayscale(1);
}
.pricing_content ul>li:before {
    width: 25px;
    height: 25px;
    content: "";
    position: absolute;
    left: -2px;
    top: -1px;
}
.pricing_model_content ul>li:before {
    background: url(../images/check-icon-orange.webp) 0 0 / 100% no-repeat;
}

.pricing_model_ograne {
    width: 27%;
    height: 330px;
}
.pricing_model_ograne {
    background: #b4b4b4;
}
.pricing_model_wrap {
   
    width: 30%;
    display: inline-block;
    margin: 0 30px;
    padding: 20px 0;
    border-radius: 15px;
}

.pricing_model_content2 ul>li:before {
    background: url(../images/check-icon-blue.webp) 0 0 / 100% no-repeat;
}
.pricing_model_blue {
    background: #0066a8;
    width: 30%;
  
    margin-right: 35px;
    position: relative;
   
}
.pricing_model_ograne:hover {
    background: #0066a8;
}
.pricing_model_green {
    background: #b4b4b4;
}
.pricing_model_content3 ul>li:before {
    filter: grayscale(1);
}
.pricing_model_content3 ul>li:before {
    background: url(../images/check-icon-green.webp) 0 0 / 100% no-repeat; 
}   
.pricingmodel {
    display:inline-block;
    width:100%;
}

section.expertise .title-group h1.landing-line::after,
html body .header-hero.cplus-dev h1:before {
    border:none;
}
.expertise .hire-pages .card:hover{
    background:#293548;
}
.expertise .hire-pages .card:hover h5,.expertise .hire-pages .card:hover p{
    color:#fff;
}   
.pricingmodel .title-group h1.landing-line:after {
    border:none;
}  
.main-content .title-group p,
.casestudy .main-content .title-group p {
 color:#fff;
}
.casestudy .main-content h1 {
  font-weight: 600;
} 
.data-chart {
  transition: transform .5s;  
}
.data-chart:hover {
  transform: scale(1.05);
}   
   
 /*========= Easy steps styling Here ============*/
.easy_steps_with_icon {
    float: left;
    width: 100%;
    padding:0px 0 0px;
    position: relative;
}
.easy_steps_with_icon ul {
    padding: 0;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.easy_steps_with_icon ul li {
    list-style-type: none;
    padding: 0 15px;
    position: relative;
    width: 20%;
    margin-top: 35px;
    font-weight: 400;
    border-left: 1px solid #d1d1d1;
}
.easy_steps_with_icon ul li:first-child {
    border-left: 0;
}
.easy_steps_with_icon ul li .image {
    min-height: 69px;
}
.easy_steps_with_icon ul li .title { 
    color: #333;
    font-size: 18px;
    padding-top: 10px;
    position: relative;
}
.easy_steps_with_icon ul li .wrap {
    padding:15px 0; 
}
.easy_steps_with_icon ul li:hover .wrap {
    background: #e5e5e5;
}
.our_magento,
.pricingmodel {
    display:inline-block;
    width:100%;
}
.svg-icon-n img {
    width: 70px;
    height: 70px;
}
        /*==============Magento upgrade Style Here =============*/
.magento_upgrade {
    float: left;
    width: 100%;
    position: relative;
    padding: 60px 0;
}
.magento_upgrade h2 {
    font-size: 32px;
    letter-spacing: .5px;
}
.magento_upgrade ul {
    padding: 30px 0 0;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.magento_upgrade ul li {
    width: 20%;
    padding: 0 15px;
    position: relative;
    list-style:none;
}
.magento_upgrade ul li .wrap .icon {
    width: 155px;
    height: 155px;
    margin: auto;
    box-shadow: 0 20px 12px rgba(0, 0, 0, .1) inset;
    background: #fff;
    border: 10px solid #f7f7f7;
    text-align: center;
}
.magento_upgrade ul li:hover .wrap .icon {
    background:#e5e5e5;
}
.magento_upgrade ul li .wrap .icon img {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
.magento_upgrade ul li .wrap h4 {
    margin: 20px 0 0;
    font-size: 18px;
    color: #333;
   text-align: center;
}
.magento_upgrade ul li:after { 
    content: '';
    width: 100%;
    height: 50px;
    background: url(../images/step_divider.png) center top no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    z-index: -1;
}
.magento_upgrade ul li:last-child:after {
    display:none;
}
.magento_upgrade .short_text {
    font-size:16px;
}
.our_magento a.card:hover {
    background: #293548;
    color: #fff;
}
.our_magento a.card:hover p, .our_magento a.card:hover h5 {
    color: #fff;
}
.orange, .orange:hover {
    color: #ff7602;
}

html body section .main-content .casestudy-tab p {
    color: #000;
}
   
 /* ====== Content Style Here ===========*/
   .lets-connect .lets-connect-inner {
    width:100%;
    background: #ff7602;
    position: relative;
    padding: 5% 5%;
    color: #fff;
    margin: auto;
    background: linear-gradient(to right, #033175 50%, #293548 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  }
  .lets-connect-inner:hover {
      background-position: left bottom;
  }
   .lets-connect .lets-connect-inner:after {
    border: 4px solid #293548;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
  }
    .lets-connect .container {
    padding-left: 44px;
   }
   .lets-connect.big .lets-connect-inner:after {
    transform: translate(-30px, 30px);
}
.lets-connect .lets-connect-inner:after {
    top: 0;
    content: "";
    position: absolute;
    transform: translate(-15px, 15px);
}
.lets-connect h2 {
  font-size: 30px;
  margin-bottom:20px;
}
.lets-connect .small-btn {
    font-size: 14px;
    line-height: 44px;
    height: 45px;
    padding: 0 1.2rem;
}

.lets-connect .btn-border-green {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.lets-connect .btn-border-green:hover {
    background-color: #fff;
    color:#ff7602;
    font-weight: 600;
}   
/*========= Case Study page Styling Here ==========*/
  .casestudymain .card {
       padding:0;
   }
   .casestudymain .card-body img {
       height:235px;
       margin-bottom:20px;
       width:100%;
   }
 
   .view-case-Study {
     background: #293548;  
   }
   .casestudymain .col {
       margin-bottom:20px;
   }
   
   .developmentprocess ul {
    padding: 0;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.developmentprocess ul li:first-child {
    border-left: 0;
}
.developmentprocess ul li {
    list-style-type: none;
    padding: 0 15px;
    position: relative;
    width: 20%;
    margin-top: 35px;
    font-weight: 400;
    border-left: 1px solid #d1d1d1;
}
.developmentprocess ul li .wrap {
    padding: 15px 0;
}
.developmentprocess ul li:hover .wrap {
    background: #e5e5e5;
} 
 .svg-icon-n img {
    width: 70px;
    height: 70px;
}
html body section .main-content .testimonial i {
    margin: 0 10px 0 0;
}
section.developmentprocess .title-group h1.landing-line::after,
html body .header-hero.industry h1:before {
    border: none;
}
.developmentprocess ul li .title {
    color: #333;
    font-size: 18px;
    padding-top: 10px;
    position: relative;
}

.view-case-Study {
    color: #fff;
    padding: 25px;
    width: 94%;
    margin: -50px auto 0;
    position: relative;
    min-height: 286px;
}
.main-content .view-case-Study h5,
.main-content .view-case-Study a,
.main-content .view-case-Study p {
     color: #fff; 
}
.main-content .view-case-Study h5 {
    position:relative;  
    margin-bottom: 25px;
}
.main-content .view-case-Study h5 span.icon {
    color: gray;
    position: absolute;
    right: 0;
    top: -10px;
    border-radius: 50%;
    overflow: hidden;
    height: 64px;
    width: 64px;
    border: 1px solid #fff;
    text-align: center;
    background: #fff;
}
.main-content .view-case-Study h5 span.icon img {
   height:auto;
  
}
.main-content .view-case-Study a {
   margin-top: 25px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 5px 15px;
    position: absolute;
    bottom: 15px;
    top: auto;
    left: auto;
    right: auto;
}
.main-content .view-case-Study a:hover {
  background: #18202e;  
}
.view-case-Study.bganother {
    background:#003F7D;
}
.view-case-Study.bganother span.icon img,
.view-case-Study.thirdcolor span.icon img {
    width:50px;
}
.view-case-Study.thirdcolor {
   background:#192436;    
}
.view-case-Study.thirdcolor span.icon img {
   margin:6px; 
} 
   
/*========== Home page styling Here ===========*/

.business-bg .v-tabbing-content ul li {
       width: 100%;
}

html body section.tech-bg.itStaff {
    background: #FAFBFE url(../images/banner-staff1.jpg) top center no-repeat;
    background-size: cover;
}
section.tech-bg.itStaff .card {
    background-color: rgb(17, 47, 71, 0.3);
    border-right: 1px dashed #fff;
    color:#fff;
    padding:25px;
    border-top: 1px solid #9f9d9d;
    border-left: 1px solid #9f9d9d;
    border-bottom: 1px solid #9f9d9d;
    box-shadow:none;
    min-height:395px;
}
section.tech-bg.itStaff .card img {
 width:50px;
     margin-bottom: 20px;
}
section.tech-bg.itStaff .card ul {
    padding:0;
}
section.tech-bg.itStaff .card ul li {
    position:relative;
    list-style:none;
    padding-left: 30px;
}
section.tech-bg.itStaff .card ul li:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../images/new-bullet.png) center center no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}
section.tech-bg.itStaff .card h3 {
    font-size:22px;
}
section.tech-bg.itStaff .card p {
    font-size:15px;
}
section.tech-bg.itStaff .title-group h1 {
    color:#fff;
        margin-bottom: 30px;
}
section.business-bg .v-tabbing-content.fixedgradientcolor,
section.business-bg .v-tabbing-content.fixedgradientcolor1,
section.business-bg .v-tabbing-content.fixedgradientcolor2{
     padding: 10px 20px;
    color: #fff;
    height: 100%;
    transition: transform .3s;
}
section.business-bg .v-tabbing-content {
  min-height: 300px;  
}
section.business-bg .v-tabbing-content.fixedgradientcolor:hover,
section.business-bg .v-tabbing-content.fixedgradientcolor1:hover,
section.business-bg .v-tabbing-content.fixedgradientcolor2:hover{
    transform: scale(1.03);
}
section.business-bg .v-tabbing-content.fixedgradientcolor {
  background: rgb(0,63,125);
background: linear-gradient(90deg, rgba(0,63,125,1) 0%, rgba(10,32,49,1) 100%, rgba(0,212,255,1) 100%);
 
}
section.business-bg .v-tabbing-content.fixedgradientcolor1 {
  background: rgb(17,47,71);
background: linear-gradient(90deg, rgba(17,47,71,1) 0%, rgba(6,35,57,1) 100%, rgba(0,212,255,1) 100%);

}
section.business-bg .v-tabbing-content.fixedgradientcolor2{
   background: rgb(0,63,125);
background: linear-gradient(90deg, rgba(0,63,125,1) 0%, rgba(10,32,49,1) 100%, rgba(0,212,255,1) 100%);

}
section.business-bg .v-tabbing-content h2, section.business-bg .v-tabbing-content p {
    color:#fff;
}
.what-bg .card.application-bgs {
    background-color: #112f47; 
}
.itStaff .title-group h1,
.business-bg .title-group h1 {
    width:100%;

}
.itStaff .title-group h1,
.business-bg .title-group h1,
.business-bg .title-group p {
       text-align:center; 
}
.ourpromiss .title-group h1:before,
.itStaff .title-group h1:before,
.business-bg .title-group h1:before {
    border:none;
}

html body section .main-content .testimonial i {
    margin: 0 10px 0 0;
}
html body section .main-content p {
    color: #000;
}
.caseStudy .main-content p {
    color:#fff;
}
html body section.gray-bg, html body section .gray-bg {
    background-color: #F7F1EF;
}
html body section.caseStudy .main-content h1 {
    font-weight: 600;
}
 html body .homecontactuspopup .modal-content {
    background: #fff;
    border: inherit;
    position:relative;
}
 html body .homecontactuspopup .modal-content .btn-close {
     position: absolute;
    background: #fff;
    z-index: 1;
    right: 0;
    color: #000;
    font-size: 25px;
    line-height: 21px;
    font-weight: 600;
    opacity: 1;  
 }
 .homecontactuspopup .modal-dialog {
    margin: 75px auto 10px;
 }
 html body .homecontactuspopup .modal-content .modal-header .btn-close:before {
    color: #000;
}
.popupleftside h2 {
 margin-bottom:25px;
  font-size: 36px;  
}
.popupleftside ul li {
 
}
.popupleftside h2,.popupleftside ul li {
     color: #fff;  
} 
#cloud{
    width:180px;
    padding-left:30px;
    opacity:0.7;
    -webkit-animation:slide 10s infinite;
}
#cloud img{
 float:left;
 width:85px;
    
}
#cloud ul li{
    float:left;
}
@-webkit-keyframes slide{
    0%   {-webkit-transform: translate(0px, 0px); }
	100% {    -webkit-transform: translate(500px,0px); }
}   
.askquestion {
    display:inline-block;
    width:100%;
}   
/*======== Case study project iocn style ======*/   
.projectIcon h2 {
    position:relative;
}
.projectIcon .icon {
    position: absolute;
    right: 15px;
    top: -53px;
    border-radius: 50%;
    overflow: hidden;
    height: 64px;
    width: 64px;
    border: 1px solid #9f9a9a;
    text-align: center;
    background: #fff;
}

.projectIcon .icon img.magentos {
 width:45px!important;
 margin:5px auto 0;
}
   
/*================ why choose us   ===================*/

.why_choose {
    float: left;
    width: 100%;
    position: relative;
    padding: 60px 0 35px;
}
.why_choose .blocks_list {
    float: left;
    width: 100%;
    padding-left: 30px;
    border-left: 2px solid #063272;
}
.blue_gradient, .btn_blue {
    background: #033175;
    background: -moz-linear-gradient(left, #033175 0, #1267ad 100%);
    background: -webkit-linear-gradient(left, #033175 0, #1267ad 100%);
    background: linear-gradient(to right, #033175 0, #1267ad 100%);
}
.why_choose .col-4 {
    width: 30%;
    float: left;
    position: relative;
    padding: 0 15px;
}
.why_choose .col-8 {
    width: 70%;
    float: left;
    position: relative;
    padding: 0 15px;
}
.why_choose .blocks_list ul li {
    list-style-type: none;
    padding: 0 15px;
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 15px;
    min-height: 175px;
}
.why_choose .blocks_list ul li .wrap .icon {
    width: 101px;
    height: 101px;
    float: left;
    position: relative;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .47);
}
.why_choose .blocks_list ul li .wrap .content {
    float: left;
    width: calc(100% - 101px);
    padding-left: 20px;
}
.why_choose .blocks_list ul li .wrap .content h3 {
    color: #fff;
    font-size: 22px;
    font-weight:600;
    margin: 0;
    text-transform: capitalize;
    min-height: 53px;
}
.why_choose .blocks_list ul li .wrap .icon img {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
}

.svg-icon-n .icon img {
    width: 60px;
}
.why_hiring .blocks_list ul li .wrap .content .text {
    padding-top: 5px;
}

.why_choose .text {
    padding-top:10px;
    font-size: 16px;
    color: #fff;
}
 .why_choose h2 {
    font-size: 32px;
}
.why_choose h2 {
    line-height: 44px;
    color: #fff;
    margin: 0;
    margin-bottom: 15px;
  
    text-transform: capitalize;
}
.why_choose .short_text {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    padding-top: 20px;
}
 .orange,.orange:hover {
    color: #ff7602;
}
.why_choose .blocks_list ul {
    margin: 0 -15px;
    padding: 0;
}


.waves-block {
    position:relative;
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.waves {
  position: absolute;
    width: 184px;
    height: 74px;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    border-radius: 36px;
    right: -23px;
    bottom: -15px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

html body .header-hero.magento-dev {
    background: #ffffff url(../images/magento-baner.jpg) center center no-repeat;
    background-size:cover;
    min-height:560px;
}
html body .header-hero.magento-dev h1:before {
    border:none;
}

.why_choose .blocks_list ul li:hover .wrap .icon{
    background:#ff7602;
}   
/*=========== Hire magento developer =============*/
.magento_certified_section ul {
    padding: 0;
    margin: 35px -15px 0;
    display: flex;
    flex-wrap: wrap;
}
.magento_certified_section ul.column-3 li {
    width: 33.33%;
}
.magento_certified_section ul li {
    list-style-type: none; 
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
    text-align:center;
}
.magento_certified_section ul li .wrap {
    float: left;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 30px;
    height: 100%;
}
.magento_certified_section ul li .wrap:hover {
  border: 1px solid #293548;
  box-shadow: 7px 7px 1px 1px #293548;
}

.svg-icon-n img {
    width: 70px;
    height: 70px;
}
.python_development_services_section .wrap {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}
.magento_certified_section ul li .wrap .title h3 {
        font-size: 21px;
    }
.magento_certified_section ul li .wrap .text, .magento_upgrade_section ul li .wrap .text {
    color: #2a2a2a;
    font-size: 15px;
    margin-bottom: 15px;
    text-align: left;
}
.magento_certified_section ul li .wrap .title h3 {
  
    color: #2a2a2a;
 font-weight: 600;
    margin-bottom: 0;
}
.magento_certified_section ul li .wrap .title, .magento_upgrade_section ul li .wrap .title {
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    width: 100%;
    margin-bottom: 20px;
}

.python_development_services_section .wrap .title {
    text-align: left;
    display: block !important;
}
.python_development_services_section .wrap .title h3 {
    width: 100% !important;
    padding-top: 20px;
}

/*============== Blue section styling Here ==============*/
.python_development_cta {
    text-align: left;
    padding: 40px 0;
}
.python_development_services_section .row, .python_development_cta .row {
    align-items: center;
}
.cta_section {
    float: left;
    width: 100%;
    position: relative;
    padding:40px 0;
    text-align: center;
    z-index: 1;
}
.blue_gradient, .btn_blue {
    background: #033175;
    background: -moz-linear-gradient(left, #033175 0, #1267ad 100%);
    background: -webkit-linear-gradient(left, #033175 0, #1267ad 100%);
    background: linear-gradient(to right, #033175 0, #1267ad 100%);
}
.cta_section:before {
    content: '';
    background-image: url(../images/cta_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.python_development_cta h2 {
    text-align: left;
    font-size: 26px;
}

.cta_section h2 {
    color: #fff;
}
.python_development_cta .d-flex {
    display: flex;
    flex-wrap: wrap;
}
.python_development_cta .content_box {
    text-align: center;
    width: 50%;
    margin-bottom: 20px;
}
.cta_right_section .content_box .icon_box img {
    height: 50px;
}
.python_development_cta .content_box h6 {
    font-size: 26px;
    font-weight:600;
    color: #fff;
    padding: 0;
    margin: 5px 0;
}
.python_development_cta .content_box p {
    font-size: 15px;
    font-weight:400;
    color: #fff;
    padding: 0;
    margin: 0;
}

.cta_section .default_btn {
    margin-top: 15px;
    display:inline-block;
    width:100%;
}
.cta_section .default_btn a {
    font-size: 18px;
    color: #fff;
    padding: 14px 30px;
    display: inline-block;
    text-decoration: none;
    border-radius: 50px;
    text-transform: capitalize;
    float:left;
}
.orange_gradient {
    background: #d84519;
    background: -moz-linear-gradient(left, #d84519 0, #e97a24 100%);
    background: -webkit-linear-gradient(left, #d84519 0, #e97a24 100%);
    background: linear-gradient(to right, #d84519 0, #e97a24 100%);
}

.orange_gradient:hover {
    background: #d84519;
    background: -moz-linear-gradient(left, #e97a24 0, #d84519 100%);
    background: -webkit-linear-gradient(left, #e97a24 0, #d84519 100%);
    background: linear-gradient(to right, #e97a24 0, #d84519 100%);
}
.pricingmodel .title-group h1.landing-line:after {
    border:none;
}
 

html body .header-hero.magento-dev h1:before {
    border:none;
}   
   
/*=========== Staff augumentation style Here =========*/
   html body section.tech-bg.itStaff {
    background: #FAFBFE url(../images/banner-staff1.jpg) top center no-repeat;
    background-size: cover;
}
section.tech-bg.itStaff .card {
    background-color: rgb(17, 47, 71, 0.3);
    border-right: 1px dashed #fff;
    color:#fff;
    padding:25px;
    border-top: 1px solid #9f9d9d;
    border-left: 1px solid #9f9d9d;
    border-bottom: 1px solid #9f9d9d;
    box-shadow:none;
    min-height:395px;
}
section.tech-bg.itStaff .card img {
 width:50px;
     margin-bottom: 20px;
}
section.tech-bg.itStaff .card ul {
    padding:0;
}
section.tech-bg.itStaff .card ul li {
    position:relative;
    list-style:none;
    padding-left: 30px;
}
section.tech-bg.itStaff .card ul li:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../images/new-bullet.png) center center no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}
section.tech-bg.itStaff .card h3 {
    font-size:22px;
}
section.tech-bg.itStaff .card p {
    font-size:15px;
}
section.tech-bg.itStaff .title-group h2.h2-rule,
section.tech-bg.itStaff .title-group h1 {
    color:#fff;
        margin-bottom: 30px;
}     
section.tech-bg.itStaff .title-group h2.h2-rule {
    text-align:center;
}
.wp-block-ig-blocks-services-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.wp-block-ig-blocks-services-list li {
    /*display: flex;
    flex: 1 1 calc(50% - 1.5rem); */
    margin: 0;
    max-width: 50%;
    width:49%;
}
.wp-block-ig-blocks-services-list a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}
.wp-block-ig-blocks-services-list-group {
    border: 1px solid #00283c;
    border-radius: 11px;
    box-sizing: border-box;
    display: flex;
    gap: 1.5rem;
    padding: 2rem;
    min-height: 130px;
}
.wp-block-ig-blocks-services-list-content {
    width: 100%;
}
.wp-block-ig-blocks-services-list-group:hover {
    
    border: 1px solid #ff7602;

}
.typeofITrole .hire-pages h5::after {
    display:none;
} 
.expertise.typeofITrole{
    background:#F7F1EF;
}
.typeofITrole .hire-pages h5 {
    color:#2a2a2a;
}
   
   
   /************Banner design all pages*************/
   
   html body .header-hero.dotnet-dev {
    background: #ffffff url(../images/net-banner-min.jpg) top right no-repeat; 
    background-size: cover;
  padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
 }  
        html body .header-hero.graphql-dev {
    background: #ffffff url(../images/GraphQL-min.jpg) top left no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
   html body .header-hero.java-dev {
    background: #ffffff url(../images/java-banner-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
   html body .header-hero.laravel-dev {
    background: #ffffff url(../images/laravel-banner-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
  html body .header-hero.nodejs-dev {
    background: #ffffff url(../images/nodejs-banner1-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
  html body .header-hero.php-dev {
    background: #000000 url(../images/php-banner-min.jpg) top right no-repeat;
    background-size: cover;
   padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
 html body .header-hero.python-dev {
    background: #ffffff url(../images/pythan-main-banner-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
        }
           html body .header-hero.angular-dev {
    background: #ffffff url(../images/angular-banner-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
html body .header-hero.htmlcss-dev {
    background: #ffffff url(../images/htmlcss-banner.png) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}

      html body .header-hero.react-dev {
    background: #ffffff url(../images/react-banner-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
   
    html body .header-hero.front-vue {
    background: #ffffff url(../images/front-vue-banner-min.jpg) top left no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
html body .header-hero.front-next {
    background: #ffffff url(../images/next-banner-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
        html body .header-hero.android-dev {
    background: #ffffff url(../images/banner-android.jpg) top right no-repeat;
    background-size: cover;
        padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
        }
  html body .header-hero.mob-flutter {
    background: #ffffff url(../images/flutter-banner1-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
 html body .header-hero.ios-dev {
    background: #ffffff url(../images/mob-ios-banner-min.jpg) top left no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
  html body .header-hero.react-native-dev {
    background: #ffffff url(../images/react-native-banner-min.jpg) top right no-repeat;
    background-size: cover;
    padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}
  html body .header-hero.magento-dev {
    background: #ffffff url(../images/magento-banner-min.jpg) top left no-repeat;
    background-size: cover;
   padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
} 
   
  html body .header-hero.oracle-apex {
    background: #ffffff url(../images/oracle-banner12.jpg) top left no-repeat;
    background-size: cover;
   padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
} 
     
   html body .header-hero.ms-power-app {
    background: #ffffff url(../images/mspower-banner0.jpg) top right 20% no-repeat;
    background-size: cover;
   padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}   
   
   
   html body .header-hero.google-script {
    background: #ffffff url(../images/gscript-banner.jpg) top left no-repeat;
    background-size: cover;
   padding-bottom: clamp(5rem, 12vw, 15rem);
    padding-top: clamp(13rem, 18vw, 20rem);
}   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
@media only screen and (max-width:992px){
   .pricing_model .background_w {
      padding: 15px; 
   }
   .pricing_content ul li {
      margin-bottom: 6px;
   }
   .pricing_model_ograne {
     height: 455px;
   }
}
@media only screen and (max-width:768px){
 .askquestion .main-content .offset-1 {
      margin-left:0;
  } 
}
@media only screen and (max-width:767px){
    .easy_steps_with_icon ul li {
        width: 100%; 
    }
    .pricing_content ul li {
         margin-bottom: 10px;
    }
   .pricing_model {
      display: inline-block;
    }
    .pricing_model_wrap {
      width: 86%;
    }
    .pricing_model .background_w {
      padding: 15px;
    }
  .askquestion .main-content .offset-1 {
      margin-left:0;
  }    
    
    .magento_certified_section ul {
      margin: 35px 0px 0;
  }
  .magento_certified_section ul.column-3 li {
    width: 100%;
  } 
    
}   

@media only screen and (max-width:480px){
   html body.newhomepage .header-hero.wam-index {
    padding-bottom: 0px;
}
    
}








.main-get-quote-inner .wf-wrapper {
    background-color: unset;
}
   
      .main-get-quote-inner .wf-form-component:not([data-ux-form-alignment='top']) .wf-field {
    width: 80%;
     font-family: "Gilroy", sans-serif;
    font-weight: 500;
}
   .main-get-quote-inner textarea,  .main-get-quote-inner input[type='text'], .main-get-quote-inner input[type='button'], .main-get-quote-inner input[type='submit'],  .main-get-quote-inner input[type='date'] {
    font-weight: 500;
}

   .main-get-quote-inner .wf-form-component {
    padding: 0px 0px 60px;
}
   
         .main-get-quote-inner .button-get-qoute {
    color: #ffffff;
    min-width: 130px;
    padding: clamp(0.5rem, 1.5vw, 0.8rem) clamp(1.8rem, 1.5vw, 3.2rem);
    background: #FF7114;
    line-height: 3rem;
    font-size: clamp(1.3rem, 1.5vw, 1.6rem);
    font-weight: 600;
    text-transform: capitalize;
    border: none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border-radius: 50px!important;
    outline: none;
    white-space: nowrap;
         font-family: "Gilroy", sans-serif;
         }
   
   .main-get-quote-inner .wf-row {
    margin-bottom: 10px;
}
.mainlead-section .contain-inner-main h1 {
  margin-bottom:0px;  
}

 .main-get-quote-inner .wform-btn-wrap {
    margin-top: 20px;
}

.name-mobile {
    display:flex;
    justify-content: space-between;
}

.mobile-wf-row,
.name-wf-row{
    width:49%;
}
.lead-form-inner .wf-form-component,
.lead-form-inner .wf-form-paid {
    padding: 0px;

}
.lead-form-inner .wf-wrapper {
    max-width:100%;
    background-color: unset;
        box-shadow: none;
}

.mainlead-section {
    background-color:#fff;
}
.lead-button-inner{
 color: #ffffff;
    min-width: 130px;
    padding: clamp(0.5rem, 1.5vw, 0.8rem) clamp(1.8rem, 1.5vw, 3.2rem);
    background: #FF7114;
    line-height: 2rem;
    font-size: clamp(1.3rem, 1.5vw, 1.6rem);
    font-weight: 600;
    text-transform: capitalize;
    border: none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    border-radius: 8px!important;
    outline: none;
    white-space: nowrap;
         font-family: "Gilroy", sans-serif;
}
.contatc-leadd-form .congtact-lead{
    display:none;
}
.rohin-jain,
.anuj-jain,
.gaurav,
.sukhmeet,
.preeti{
    height:215px;
}









   
   
   @media screen and (max-width: 480px) {
        .whatwedo img.rohin-jain,
.whatwedo img.anuj-jain,
.whatwedo img.gaurav,
.whatwedo img.sukhmeet,
.whatwedo img.preeti{
    height:auto;
}
       
       
    .main-get-quote-inner .wf-wrapper {
        width: calc(100% - 0px) ! Important; 
    }
    .main-get-quote-inner .wf-form-component:not([data-ux-form-alignment='top']) .wf-field {
    width: 100%;
}
.name-mobile {
  display:block;  
}
.mainlead-section .contain-inner-main h1 {
    font-size: 25px;
}
    .lead-form-inner .wf-wrapper {
        width: calc(100% - 0px) ! Important;
        border: 0;
    }
    .mobile-wf-row, .name-wf-row {
    width: 100%;
}
html body div.header-hero.about-us {
    background: url(../images/about.png) top left no-repeat;
    background-size: cover;
}

}






@media screen and (max-width: 991px) {
    .main-get-quote-inner .wf-wrapper {
        width: calc(100% - 0px);
    }
     .main-get-quote-inner .wf-form-component:not([data-ux-form-alignment='top']) .wf-field {
    width: 100%;
}
     img.rohin-jain,
img.anuj-jain,
img.gaurav,
img.sukhmeet,
img.preeti{
    height:150px;
}
}

@media screen and (max-width: 1200px) {
    .main-get-quote-inner .wf-wrapper {
        width: calc(100% - 0px);
    }
     .main-get-quote-inner .wf-form-component:not([data-ux-form-alignment='top']) .wf-field {
    width: 100%;
}

       .rohin-jain,
.anuj-jain,
.gaurav,
.sukhmeet,
.preeti{
    height:210px;
}
}