@charset "utf-8";
/* CSS Document */

*
{
	padding:0;
	margin:0;
}


body
{
    min-height:100vh;
	font-family: "Inter", sans-serif;
	background-color:#fff;
	overflow-x:hidden;
}
 
.flex-fill {
    flex:1 1 auto;
 }

h1,h2,h3,h4,h5,h6{
    font-family: "Inter", sans-serif;
    color:#000000;
}
h1,h2,h3
{
	margin:25px 0px;
}

h1{
	font-size:48px;
	font-weight:400;
}

h2{
	font-size:36px;
	font-weight:600;
}

h3{
	font-size:30px;
	font-weight:600;
}

h4{
	font-size:24px;
	font-weight:400;
}

h5{
	font-size:18px;
	font-weight:400;
}

h6{
	font-size:14px;
	font-weight:400;
}

p{
	font-family: "Inter", sans-serif;
	font-size:16px;
	color:#5e5e5e;
	font-weight:400;
	line-height:22px;
}

ul,ol
{
	padding:0;
	margin:0;
}

ul li,ol li
{
	list-style-type:none;
	font-family: "Inter", sans-serif;
	font-size:12px;
	color:#707070;
	font-weight:400;
	line-height:30px;
}

a
{
	font-family: "Inter", sans-serif;
	transition: all 0.5s ease;
	color:#000000;
	font-weight:700;
	text-decoration:none;
}

a:hover {
    color:#f16223;
	text-decoration:none;
}

strong
{
	font-family: "Inter", sans-serif;
	font-weight:600;
	color:#1e91eb;
}

hr {
    background: #ebebeb none repeat scroll 0 0;
    border: medium none;
    height: 5px;
    width:auto;
}


.container img {
    max-width: 100%;
}
/* Top Banner Section */

.bannerHeader {
    padding: 20px 0;
    /*background-color: #223B59;*/
    z-index: 1;
    position: relative;
}

.phoneWrapper img, .emailWrapper img {
    padding-right: 8px;
}

.numberFont {
   font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.logoWrapper img {
    width: 80%;
}

.banner-section{   
    background: url(../img/banner_bg.jpg) top center no-repeat #1c096b;
    background-size: cover;
    padding: 70px 0px 0px 0px;
    margin-top: -80px;
  }
  .banner-section .spl-text{
    color: #ffe59a;
  }

  
  .custom-btn{
    background-color: #060274;
    border-color: #060274;
    border-radius: 5px;
    padding: 16px;
 }

 .custom-btn:hover{
    background-color: #ffe59a !important;
    border-color: #ffe59a !important;
    color: #000 !important;
 }


 .custom-btn1{
    background-color: #062074;
    border-color: #062074;
    border-radius: 5px;
    padding: 16px;
 }

 .custom-btn1:hover{
    background-color: #4b24ef !important;
    border-color: #4b24ef !important;
    color: #FFF !important;
 }


 .custom-btn1{
    background-color: #062074;
    border-color: #062074;
    border-radius: 5px;
    padding: 16px;
 }

 .custom-btn1:hover{
    background-color: #ffe59a !important;
    border-color: #ffe59a !important;
    color: #000 !important;
 }


 .btn-primary:hover {
    color: #fff;
    background-color: #4b24ef;
    border-color: #4b24ef;
}

 .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #ffffff52;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}

.banner-right input::placeholder
{
    color:#bbb0e7;
}

 .banner-section1{
    background:url(../img/banner_bg-2.png) top center no-repeat #1c096b; 
    background-size: cover ;
    padding: 50px 0px 0px 0px;
 }
.marquee-sec{
    background-color: #f4f1ff;
    padding: 40px 0px 40px 0px;
}
.marquee-sec .marquee-text{
    color: #223B59;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}






.swiper-container {
    /* height: calc(100vh - 120px); */
    margin: 60px;
  }
  
  
  .swiper-slide {
    /* width: 28vw; */
    overflow: hidden;
    /* background-position: top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    font-weight: bold; */
  }
  
  .swiper-wrapper {
    -webkit-transition-timing-function:linear!important; 
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important; 
  }




  .rank-section .swiper-container,.swiper-wrapper {
  /* height: 100vh; */
 
  display: flex;
  align-items: flex-end;
}

.rank-section .swiper-wrapper {
  display: flex;
  align-items: flex-end;
}

.rank-section .swiper-slide {
  display: flex;
  align-items: flex-end;
  width: auto;
  margin-right: 8px;
  img {
    max-width: 780px;
    max-height: 655px;
  }
}

.projectInfo {
  position: relative;
  margin: 14px 0 13px 0;
  position: relative;
  z-index: -1;
  /* text-transform: uppercase; */
  text-align: center;
  h2 {
    margin: 0;
  }
  h3 {
    margin: 8px 8px 8px 0;
  }
  .category,
  .medium {
    text-transform: none;
    opacity: 0.4;
  }
  .medium {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    font-style: italic;
    padding: 0px 7px 1px 7px;
  }
}


.thumbContainer {
  opacity: 1;
  transform: translateY(60%);
  img,
  video {
    display: block;
    position: relative;
    max-width: calc(380px + 43vh);
    max-height: calc(255px + 43vh);
  }
}

.fadeInSlide {
  animation-name: fadeInSlide;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(1, 0.055, 0.32, 1);
  animation-fill-mode: forwards;
}

@keyframes fadeInSlide {
  0% {
    transform: translateY(60%);
  }
  100% {
    transform: translateY(0);
  }
}




.rev-calc {
    background: linear-gradient(#92b8b7,#519692 30%,#519692 60%,#92b8b7,transparent);
    padding-bottom: 6rem;
}

.rev-calc .template-page {
    background: rgba(42,122,117,.65);
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.5);
    box-shadow: 0px 0px 6px #333;
}

.rev-calc .entry-content-wrapper {
    padding: 2rem;
}

.rev-calc,.rev-calc h3,.rev-calc h4,.rev-title {
    color: #fff !important;
}

.rev-calc h3 {
    font-size: 60px;
    font-weight: 500 !important;
}

.rev-calc h4 {
    font-size: 24px;
    font-weight: 400 !important;
    line-height: 1.5;
    padding: 1.5rem 0;
}

.rev-calc p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal;
}

.rev-calc-left {
    padding-right: 0;
}

.rev-calc-right {
    padding: 0;
    padding-right: 2rem;
}

.rev-title {
    text-align: center;
    margin-bottom: 1rem;
    font-size: 20px;
}

.rev-output-cta-wrap {
    text-align: center;
}

.rev-calc .avia-button {
    border-radius: 30px !important;
    padding: 14px 20px !important;
    background: #43b44a;
    box-shadow: none;
    border: none;
    color: #fff;
    text-transform: none !important;
    font-size: 24px;
    font-weight: normal !important;
}

.rev-bar {
    margin-bottom: 3rem;
    position: relative;
    color:#fff;
}

.rev-bar input {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    height: 8px;
    background-color: #d3d3d3;
    outline: none;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 30px;
    background-image:linear-gradient(to right, #a696ff, #4b24ef);
    background-size: 0% 100%;
    background-repeat: no-repeat;
}

.rev-bar input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #04aa6d;
    background: #4b24ef;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px #000;
}

.rev-bar input::-moz-range-thumb {
    appearance: none;
    width: 25px;
    height: 25px;
    background: #04aa6d;
    background: #1dd4e3;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px #000;
}

.rev-val {
    position: absolute;
    top: calc(100% + 5px);
    background: #120158;
    border: 1px solid #b4a2ff99;
    border-radius: 3px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 5px;
    transform: translateX(-50%);
}

.rev-output {
    text-align: center;
}

.rev-output-title {
    font-size: 20px;
    color: #fff;
}

.rev-output-rev {
    font-size: 72px;
    display: block;
    line-height: 1;
    padding: 1rem;
    color: #fff;
}

.rev-output-cta-wrap .avia-button:hover {
    color: #fff;
    background: #44a5bd;
}

.rev-label {
    position: absolute;
    top: 100%;
}

.rev-label:last-child {
    right: 0;
}

.rev-val {
    z-index: 2;
}

.rev-val:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #005457;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-100%);
    z-index: 2;
}

.rev-val:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #958cbb;
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%,-100%);
    z-index: 1;
}

.rev-calc .container.av-section-cont-open {
    max-width: 97% !important;
}

.rev-output {
    padding-top: 2rem;
    padding-bottom: 3rem;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: linear-gradient(transparent,#101316);
}

.rev-calc .template-page {
    padding-bottom: 0;
}




.theme-cforms .form-control{
    padding: .875rem .75rem !important;
}






  .divice h4,.divice  h3{
    color: #76B632;
    font-weight: 600;
  }


  /* CRO Audit Include Section */
  .cro-include{
    background-color: #1c096b;
  }
  .cro-include .card-body h5{
    font-weight: 600 ;
  }
  .cro-include .card-body{
    min-height: 140px;
    /* height: auto; */
    max-height: 190px;
  }
  
/* Delivery Result Section */
  .delivers-result{
    background: linear-gradient(180deg, #e9e4ff 0%, #FFF 100%);
  }

  .delivers-result .card-sec-title{
    color: #000;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
  }

  .delivers-result .step-sec{
    /* background: url('../img/step-bg.png') no-repeat;
    background-size: auto; */
  }

  .estimate-sec{
    background-color: #1c096b;
  }
  .fa-star{
    color: #4b24ef;
  }
  .testimonial-head{
    text-decoration: underline #4b24ef;
    text-underline-position: under;
  }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #4b24ef;
}

  .why-choose .table>:not(:last-child)>:last-child>*{
    border-bottom-color: #f5f2ff !important;
    font-size: 20px;
  }
  .why-choose .odd-row{
    background-color: #f5f2ff;
    border-bottom-color: #f5f2ff;
    text-align: center;
  }
  .why-choose .even-row{
    background-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    text-align: center;
  }

  .why-choose .second-col .odd-row th ,.why-choose .second-col .odd-row td{
    background-color: #ded6ff;
    border-bottom-color: #fff;
  }
  .why-choose .second-col .even-row th ,.why-choose .second-col .even-row td{
    background-color: #ded6ff;
    border-bottom-color: #fff;
  }
 
  .why-choose .third-col .even-row th:hover,.why-choose .third-col .even-row td:hover{
    cursor: pointer;
    color: #4b24ef;
  }

  .why-choose .third-col .odd-row th:hover,.why-choose .third-col .odd-row td:hover{
    cursor: pointer;
    color: #4b24ef;
  }
  .animate{
    cursor: pointer;
  }
  .animate:hover{
    color: #4b24ef;
  }
  .why-choose .odd-row th, .why-choose .odd-row td{
    padding: 20px 10px 20px 10px;
  }
  .why-choose .even-row th,.why-choose .even-row td{
    padding: 20px 10px 20px 10px;
  }

  .footer-list ul li{
    list-style-type : disc !important;
    font-size: 16px;
    line-height: 32px;
  }
.email-camp-sec{
    padding: 80px 0px 0px 0px;
}
.email-camp-sec .powered .bg-img{
    position: absolute;
    max-width: 5%;
    max-height: 100%;
    height: 80%;
    margin: 60px 0 60px 0;
}
.email-camp-sec .powered .bg-img1{
    position: absolute;
    max-height: 100%;
    max-width: 8%;
    right: 0px;
    margin: -530px 0px 0px 0px;
}
.marketing-price .bg-img{
    position: absolute;
    max-width: 20%;
    max-height: 100%;
    /* height: 70%; */
    margin: 60px 0 60px 0;
}
.marketing-price .bg-img1{
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    width: 9%;
    /* height: 92%; */
    right: 0px;
    margin: -630px 0px 0px 0px;
}
.marketing-tools .bg-img{
    position: absolute;
    max-width: 14%;
    max-height: 100%;
    height: 25%;
    margin: 320px 0 0px 0;
}
.marketing-tools .bg-img1{
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    width: 6%;
    /* height: 40%; */
    right: 0px;
    margin: -520px 0px 0px 0px;
}

.case-study .bg-img{
    position: absolute;
    max-width: 5%;
    max-height: 100%;
    /* height: 60%; */
    margin: 420px 0 0px 0;
}
.case-study .bg-img1{
    position: absolute;
    max-height: 100%;
    max-width: 8%;
    right: 0px;
    margin: -745px 0px 0px 0px;
}

.case-study-1 .bg-img{
    position: absolute;
    max-width: 5%;
    max-height: 100%;
    /* height: 60%; */
    margin: 420px 0px 0px 0px;
}
.case-study-1 .bg-img1{
    position: absolute;
    max-height: 100%;
    max-width: 8%;
    right: 0px;
    margin: -756px 0px 0px 0px;
}

.case-study-2 .bg-img{
    position: absolute;
    max-width: 5%;
    max-height: 100%;
    /* height: 60%; */
    margin: 420px 0 0px 0
}
.case-study-2 .bg-img1{
    position: absolute;
    max-height: 100%;
    max-width: 8%;
    right: 0px;
    margin: -740px 0px 0px 0px;
}

.email-camp-sec .text-color{
    color:#fd5b0d;
}
.email-camp-sec .c-bg{
    background-image: url(../img/circle-131.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.email-camp-sec .c-bg span{
    padding: 10px 10px 10px 7px;
}
.topMiddleBg{
        background-image: url(../img/banner-connection.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 210px;
        height: 90px;
        position: absolute;
        top: 94px;
        left: calc(60% - -25px);
}
.banner-sec img{
    max-width: 100%;
}
.banner-sec h1{
    font-size: 62px;
}
.banner-sec .left{   
    background:url(../img/banner-left.svg) no-repeat #f1eded; 
    background-size: auto; 
    padding: 0px 0px 0px 330px;
  }
  .banner-sec .left-sec{   
    background: #f1eded; 
    background-size: auto; 
    padding: 0px 0px 0px 0px;
  }
 .banner-section .topRightBg{
    background-image: url(../img/banner-right.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 210px;
    height: 90px;
    position: absolute;
    top: 94px;
    left: calc(50% - 105px);
}
.banner-section h1{ margin-bottom: 30px; font-weight: 600;font-size: 54px;line-height: 74px; }
.banner-section h1 span {
    background: url(../assets/wordpress-bg.svg) left bottom no-repeat;
    padding-bottom: 15px;
}
.banner-section h4{
    color: #000;
    font-size: 22px;
    font-weight: 300; max-width:580px; 
}
.banner-section .banner-right{
    border-radius:30px !important;
    background-color: rgb(0 0 0 / 50%) !important;
}
/* .banner-section .banner-left img{
    width: 100%;
} */


.our-client img{
    max-width: 100%;
}
.our-client .left-side .line-first{
    border-left: solid #dc3545;
}
.stop-of-sale-sec .left {
    border-left: solid #dc3545;
}
.stop-of-sale-sec .text-color{
    color: #dc3545;
}
.stop-of-sale-sec-inner{
    background:url(../img/blue_technical_bg.png) no-repeat; 
    background-size: cover ; 
    padding: 0px;
}
.marketing-service-sec {
    background: #F2F2F2;
    border-bottom: solid 3px #6b19c9;
}
.marketing-service-sec .left {
    border-left: solid #dc3545;
}
.marketing-service-sec .text-color{
    color: #dc3545;
}
.marketing-service-sec .first-row{
    border-bottom: solid 3px #6b19c9;
}

.marketing-service-sec .first-row .head{
    background: #9F7FC4;
    padding: 24px 0px 24px 20px;
    height: 75px;
}

.marketing-service-sec .second-row .head{
    background: #9F7FC4;
    padding: 24px 0px 24px 20px;
    height: 75px;
}
.marketing-service-sec .second-row .head1{
    background: #9F7FC4;
    padding: 14px 0px 14px 20px;
    height: 75px;
} 
.marketing-price{
    background: #e0edd3;
    border-bottom: solid 3px #6b19c9;
}
.marketing-price .container{ 
    z-index: -1;
    position: relative;
    z-index: 1;
}
.marketing-price .title{
    color: #7F54B1;
    font-size: 18px;
}

.marketing-price .card {
    min-height: 190px;
    height: 190px;
    border-radius: 5%;
}
.marketing-price .left {
    border-left: solid #dc3545;
}
.marketing-price .text-color{
    color: #dc3545;
}

.why-we{
    background: #F2EEF6;
    border-bottom: solid 3px #6b19c9;
}
.why-we .card{
    background: #7F54B1;
    border-radius: 5%;
}

.why-we .txt {
    color: #7f54b1;
    font-weight: 500;
    font-size: 18px;
}

.email-experts{
    border-bottom: solid 3px #6b19c9;
}


.email-experts .left {
    border-left: solid #dc3545;
}
.email-experts .text-color{
    color: #dc3545;
}

.email-experts .cl-1{
    background: #FFA881;
}
.email-experts .cl-1 .card{
    background: #FFA881;
}

.email-experts .cl-2{
    background: #FF9566;
}
.email-experts .cl-2 .card{
    background: #FF9566;
}

.email-experts .cl-3{
    background: #F78350;
}
.email-experts .cl-3 .card{
    background: #F78350;
}

.email-experts .cl-4{
    background: #FA753A;
}
.email-experts .cl-4 .card{
    background: #FA753A;
}

.email-experts .cl-5{
    background: #F16223;
}
.email-experts .cl-5 .card{
    background: #F16223;
}



.turn-emails .left {
    border-left: solid #dc3545;
}
.turn-emails .text-color{
    color: #dc3545;
}
.marketing-tools .m-bg{
    background:url(../img/Rectangle-3915.png) no-repeat;
    background-size: 100% 70%;
    background-position: center;  
}
.marketing-tools .card{
    background:url(../img/rectangle-bg.png) no-repeat; 
    background-size: 80% ; 
    border: none;
}
.marketing-tools .text-color{
    color: #dc3545;
}
.footerFormSection .text-color{
    color: #F16223;
   
}
.marketing-tools .card img {
    max-width: 80%;
    padding: 50px 60px 50px 60px;
}

.case-study {background: #F2EEF6;}
.case-study-1 {background: #E2F0D4;}
.case-study-2 {background: #F2EEF6;}

.case-study .left {
    border-left: solid #dc3545;
}
.case-studies .left {
    border-left: solid #dc3545;
}

.case-study .txt-c,.case-study-1 .txt-c,.case-study-2 .txt-c{
    color: #000;
}
.case-study .percent,.case-study-1 .percent,.case-study-2 .percent{
    font-size: 26px;
    color: #000;
    font-weight: 500;
}
.acquisition-sec , .e-commerce,.powered {
    background-color: #e0edd3;
    border-bottom: solid 2px #004570;
}


.faqs-ecom{
    background: #F5FAF0;
}

.faqs-ecom .text-color{
    color: #F16223;
}
.head-c{
    cursor: pointer;
    color: #223B59;
}
.btm {
    border-bottom: solid 2px #76B632;
}
#sec-1{
    display: block;
}
#sec-2,#sec-3,#sec-4,#sec-5,#sec-6{
    display: none;
}
.acquisition-sec .left-side .line-first, .e-commerce .left-side .line-first{
    border-left: solid #dc3545;
}

.acquisition-sec .right-img img{
    max-width: 100%;
}
.acquisition-sec .right-img .image-circle{
    width: 4% ;
    position: absolute;
    margin: -14px 0px 0px 71px;
}
.acquisition-sec .right-img .image-circle-1{
    width: 4% ;
    position: absolute;
    margin: -14px 0px 0px 212px;
}
.acquisition-sec .right-img .image-circle-2{
    width: 4% ;
    position: absolute;
    margin: 150px 0px 0px 50px;
}
.acquisition-sec .right-img .right-second-img{
    margin-top: -80px;
}

.owl-theme .icon{
    width: 70% !important;
}

.foot-icon .nos{
    color: #ffffff;
    font-size: 36px;
}
.foot-icon .txt{
    color: #ffffff;
}
.better-customer-sec .left-side .line-first {
    border-left: solid #dc3545;
}

.better-customer-sec .text-title {
    margin: -24px 0px 0px 0px;
    font-size: 20px;
    font-weight: 500;
    color: #212529;
}
.better-customer-sec .dot hr{
    border: dotted 2px #1e4030;
    width: 65px;
    margin: 0px 0px 30px 0px;
}

.leave-growth-bg{
    background: url('../img/Group\ 11445.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* height: 55vh; */
}
.leave-growth-bg .left{
margin: 85px;
}


.e-commerce .headd {
    cursor: pointer;
    color:#818181;
    font-size: 20px;
}
.e-commerce .headd.active {
    cursor: pointer;
    color: #223B59;
    font-weight: 500;
    font-size: 20px;
}

.faqs .we-can{
    padding: 0px 37px;
}
.we-can .bg-card{
    background: #e0edd3;
}
.faqs .hesd{
    border-bottom: solid 2px #7F54B1;
}
.faqs p,.e-commerce p,.testimonials p{
font-size: 18px;
line-height: 28px;
}
.faqs  .list-sec .sino {
    border-left: solid #dc3545;
    color: #dc3545;
    font-size: 20px;
    font-weight: 600;
}
.faqs .list-sec .headd{
    color: #223B59;
    font-weight: 500;
    font-size: 18px
}
.faqs .left{
    border-left: solid #dc3545;
}

.powered .left{
    border-left: solid #dc3545;
}
.powered .f-col img , .powered .s-col img{
    max-height: 180px;
}
.powered .f-col{
    margin: -50px 0px 0px 0px;
}
.powered .s-col{
    margin: -10px 0px 0px 0px;
}

.banner-section .special{
    text-decoration: underline;
}

.testimonials {
    background-color: #ffffff;;
}
.testmonial-img{
    max-width: 100% !important;
    width: auto !important;
}
.testimonials .left{
    border-left: solid #dc3545;
}
.testimonials .item p{
    font-size: 22px;
    font-style: italic;
}
.testimonials .first-left{
    background-color: #f9f9f9;
}
.btn-1{
    background-color: #1A71B8;
    border-color: #1A71B8;
    color:#ffffff;
    font-weight: 300;
    padding: 10px;
    border-radius: 10px;
}
.btn-2{
    border-color: #1A71B8;
    color: #ffffff;
    font-weight: 300;
    padding: 10px;
    border-radius: 10px;
}

.banner-section ul li{
    color: #ffffff;
    /* background: url(../images/time-icon.png) left center no-repeat; */
    /* padding-left: 29px; */
    font-size: 17px;
    font-weight: 400;
    line-height: 100px;
    margin: 10px 0px; 
}

.v-line::after{
    position: absolute;
    /* left: 0; */
    /* top: 0; */
    content: '';
    border-left: 1px solid #ffffff;
    margin-left: -12px;
    height: 13%;
}
.v-line:first-of-type:after {
    top: 45%;
  }
  .v-line:last-of-type:after {
    top: -40%;
  }

  .our-guarantees{
    background-color: #EAF2F9;
  }
  .our-guarantees .outer{
    border: solid 1px #a4cbeb;
    border-radius: 4px;
    padding: 2px;
    cursor: pointer;
    margin: 10px 0 10px 0px;
    transition: transform 0.5s;
  } 
  .our-guarantees .outer:hover{
    transform: scale(1.1);    
  }
  
  .our-guarantees .img-card{
    background-color: #EAF2F9;
  }
  .our-guarantees .line {
    border-bottom: solid 4px #1A71B8;
    margin-left: 40%;
    margin-right: 40%;
}
.security-measure .line{
    border-bottom: solid 4px #1A71B8;
    margin-left: 40%;
    margin-right: 40%;
}
  .our-guarantees .title{
    color: #1A71B8;
  }
  .our-guarantees .sub-section{
    background-color: #1B3044;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .what-all{
    background-color: #eaf2f9;
  }
  .what-all .fr-second{
    background-color: #1B3044;
  }
  .what-all .line {
    border-bottom: solid 4px #1A71B8;
    margin-left: 44%;
    margin-right: 44%;
}
.what-all .c-card{
    background-color: #EAF2F9;
    color: #1a71b8;
    cursor: pointer;
    transition: transform 0.5s;
}
.what-all .c-card:hover{
    background-color: #1B3044;
    color: #FFFFFF;
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}
.what-all .c-card .f-sec{
    background: #f8f9fa;
    padding: 10px;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    border: solid 1px;
    margin: 0 60px 0 60px;
}
.what-all .c-card img{
    width: 60px;
    height: 60px;
    padding: 5px;
}

.what-all .c-card .img-bg{
    background: url("../img/circle-bg.png");
    background-repeat: no-repeat;
    background-size: auto;
    
}
.what-all .fr-card{
    margin-top: -120px;
}
.clientLogoWrap  img{
    transition: transform 0.5s;
}
.clientLogoWrap  img:hover{
    cursor: pointer;
    transform: scale(1.1);
}
.clientLogoWrap .line{
    border-bottom: solid 4px #1A71B8;
    margin-left: 44%;
    margin-right: 44%;
}


.fr1-card{
    margin-top: -90px;
    margin-left: 150px;
}
.what-wordpress {
    background-color: #1B3044;
}
.what-wordpress .line {
    border-bottom: solid 4px #1A71B8;
    margin-left: 44%;
    margin-right: 44%;
}
.what-wordpress .content{
    border-left: 5px solid #fff;
    padding: 0 0.5rem;
}
.what-wordpress .content div .bg-btn:nth-child(8) {
    height: 90px;
  }
.what-wordpress .bg-btn{
    background: url("../img/btn-bg.png");
    background-repeat: no-repeat;
    background-repeat: round;
    background-size: auto;
    width: auto;
    height: 84px;
    margin-left: -47px;
    cursor: pointer;
    transition: transform 0.5s;
}
.what-wordpress .bg-btn:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.bg-btn:last-of-type {
    top: -40%;
  }
.bg-circle{
    background: url("../img/sm-circle.png");
    background-repeat: no-repeat;
    background-size: auto;
    width: auto;
    height: 60px;
}
.bg-circle,.bg-circle-filled img{
    padding: 18px;
}

.bg-circle-filled{
    background: url("../img/sm-filled-circle.png");
    background-repeat: no-repeat;
    background-size: auto;
    width: auto;
    height: 60px;
}

.what-wordpress .title{
    color: #1A71B8;;
}
.banner-section .shopify-psnBx img{    margin-bottom: -51px; }





/*  Balu Css Start */

.image {
    width: 100%;
    -webkit-animation:spin 25s linear infinite;
    -moz-animation:spin 25s linear infinite;
    animation:spin 25s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.brand-section{
    background-color: #000000;
}
.project-count{
    background-color: #1B3044;
}
.our-wp-service{
    background-color: #EAF2F9;
}
.our-wp-service .left-sec .sub-head{
   color: #1A71B8;
}
.our-wp-service .left-sec img{
    max-width: 100%;
}
.our-wp-service .right-sec{
    min-height: 600px;
    max-height: 630px;
    overflow-y: scroll;
    scrollbar-color: #1A71B8 #fff;
}
.our-wp-service .right-sec .card{
    background-color: #1B3044;
    border-radius: 10px;
}
.our-wp-service .right-sec .card .head, .details{
    letter-spacing: 1px;
}
.our-wp-service .right-sec .card .details{
    font-weight: 300;
}

.our-wp-guarantees,.security-measure{
    background-color: #EAF2F9;
}
.our-wp-guarantees .left-sec .card-bg1 img{
    width: 100%;
    /* background-color: #fff; */   
    /* background: url('../img/migration.png');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 160px; */
}
.our-wp-guarantees .left-sec .card .card-body{
    align-content: flex-end;
}
.our-wp-guarantees img{
    max-width: 100%;
}
.our-wp-guarantees .right-sec p{
color: #1A71B8;
}

.we-guarantees {
    background-color: #1B3044;
}
.we-guarantees .line {
    border-bottom: solid 4px #1A71B8;
    margin-left: 40%;
    margin-right: 40%;
}

.we-guarantees .bg-btn{
    background: url("../img/btn-bg.png");
    background-repeat: no-repeat;
    background-size: auto;
    height: 80px;  
    cursor: pointer;
    transition: transform 0.5s;
}
.we-guarantees .bg-btn:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}
.we-guarantees  .sm-bg-circle{
    background: url("../img/sm-circle.png");
    background-repeat: no-repeat;
    background-size: auto;
    /* width: auto;
    height: 60px; */
    background-size: 20px 20px;
    padding: 12px;
}
.we-guarantees .sm-bg-circle-filled{
    background: url("../img/sm-filled-circle.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-size: 20px 20px;
    padding: 12px;
}

.our-wp-guarantees .left-sec .card .percentage{
    color: #fff;
    background-color: #1B3044;
}
.our-wp-guarantees .left-sec .card .desc{
    color: #717171;
}
.security-measure .icon-img{
    background: #1A71B8;
    padding: 10px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.security-measure .txt{
    color: #1A71B8;
}
.security-measure img{
    max-width: 100%;
    transition: transform 0.5s;
}
.security-measure img:hover{
    transform: scale(1.1);
    cursor: pointer;
}
.case-studies{
    background-color: #EAF2F9;
}
.case-studies .second-sec{
    background: #1B3044;
    border-radius: 10px;
}


.case-studies .line {
    border-bottom: solid 4px #1A71B8;
    margin-left: 45%;
    margin-right: 45%;
}
.case-studies .title{
    color: #1A71B8;
}

.case-studies .title , .details{
    font-size: 20px;
}
.case-studies .card{
    border-radius: 10px;
    height: 580px;
    cursor: pointer;
}
.case-studies .card img{
    width: 100%;
    transition: transform 0.5s;
}
.case-studies .card img:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}
.case-studies .btn-primary{
    background-color: #1A71B8;
}
.inno-advantage{
    background-color: #EAF2F9;
}

.why-choose{
    background-color: #1B3044;
}
.why-choose .card{
    transition: transform 0.5s;
    padding: 15px;
    font-size: 18px;
}
.why-choose .card:hover{
    cursor: pointer;
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
    -webkit-box-shadow: -5px -8px 34px -11px rgba(209,209,209,0.66);
    -moz-box-shadow: -5px -8px 34px -11px rgba(209,209,209,0.66);
    box-shadow: -5px -8px 34px -11px rgba(209,209,209,0.66);
    background-color: #4b24ef !important;
    color: #fff;
}

.why-choose .line {
    border-bottom: solid 4px #1A71B8;
    margin-left: 45%;
    margin-right: 45%;
}


.banner-section .con{
    border-left: 1px solid #fff;
    padding: 0 0.5rem;
}

.banner-section .l-item {
    margin-left: -20px;
}
.banner-section .l-item .l-title{
    color: #54A0DD;
}
.banner-section .l-item .desc
{
    font-weight: 300;
    font-size: smaller;
}
.inno-advantage .left-sec .count{
    color: #1A71B8;
}
.inno-advantage .left-sec .desc{
    color: #585858;
}
.inno-advantage .right-sec img{
    max-width: 100%;
}
.owl-carousel .owl-item {
    color: #212529;
}

.owl-carousel .owl-item .card img{
    width: auto !important;
    padding: 0 100px 0 100px;
}

/* .owl-carousel .owl-item .item .c-card{
    background:url("../img/inno-adv-bg.png");
    background-repeat: no-repeat;
    background-size: auto;
} */
.owl-carousel .owl-item .item .c-card img{
    width: auto !important;
    padding: 8px;
}
.audit-now{
    background:url("../img/audit-now-bg.png");
    background-repeat: round;
    background-size: auto;
    padding: 10rem 0rem 4rem 0rem;
}

.asked-questions h1, h2, h3 {
    margin: 0px !important;
}

.footerFormSection{
    background: #1c096b;
}
.footerFormSection .form-head{
    border: solid 2px #fd5b0d;
    border-radius: 10px 10px 0px 0px;
}

.footerFormSection .head{
    border-left: solid #dc3545;
}
/*  Balu Css End */


.main-banner{  
   background-color: #fff;  
      padding:30px;
          border: 1px solid #ebebeb;
    border-radius:10px;    
   }
.main-banner ul{display: flex; 
    justify-content: space-between;
        flex-wrap: wrap;
    max-width: 680px;
    margin: auto; }
.main-banner ul li .shopBtn{background-color: #4285F4; 
	color: #fff;
    padding: 12px 40px 14px;
    border:1px solid #4285F4;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px;
transition: .5s;}

.main-banner ul li .shopBtn:hover{background-color: #fff;  border:1px solid #4285F4;
	color: #4285F4;}


.main-banner h3{color: #fff;  font-weight: 600; font-size: 24px; margin-top: 0px;
    margin-bottom: 20px; }

.shopBtn{background-color: #1A71B8; 
	color: #fff;
    padding: 12px 20px 14px 25px;
    border-radius:5px;
    font-weight: 600;
    font-size: 18px;
transition: .5s;}

.shopBtn:hover{background-color: #1A71B8;
	color: #fff;}

.shopBtn i{    margin-left: 3px;
    background-color: #000;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    line-height: 30px;}


    .shopBtn-2{background-color: #fff; 
        color: #1A71B8;
        padding: 12px 20px 14px 25px;
        border-radius: 5px;
        font-weight: 600;
        font-size: 18px;
    transition: .5s;}
    
    .shopBtn-2:hover{background-color: #fff;
        color: #1A71B8;}
    
    .shopBtn-2 i{    margin-left: 3px;
        background-color: #1a71b8;
        color:#fff;
        border-radius: 30px;
        height: 30px;
        width: 30px;
        line-height: 30px;}

.main-banner .banner-form-section{/*border-top: 2px solid #fff;*/
   padding-top:10px; }

.main-banner .form-control{  
    color: #000;
    border-radius:5px;
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
}

.banner-form-section label
{
    color:#222222;
}

.trusted-sec {
   background: #4A6A27;
    padding: 20px 0px;
}

.trusted-sec ul{    display: flex;
    justify-content: space-between;
    align-items: center; list-style-type: none; 
        margin-bottom: 0px;  
        flex-wrap: wrap; 
           padding-left: 0px; }



.choosing-section{background: #F1F4F7; padding: 80px 0px; }
.choosing-section h2{font-size: 42px;
font-style: normal;
font-weight: 600; 
    margin: auto;     margin-bottom: 50px; }

    .choosing-section h2 span {
        background: url(../assets/wordpress-bg.svg) left bottom no-repeat;
        padding-bottom: 15px;
    }

    .choosing-section ul
    {
        text-align: center;
    }

    .choosing-section ul li
    {
        width:18%;
        float: left;
        margin-right:25px;
        display: inline-block;
    }

    .choosing-1
    {
        background-color: #fff;
        padding: 20px;
    }

    .choosing-1 h3
    {
        text-align: left;
    }

    .choosing-1 p
    {
        font-size: 20px;
        text-align: left;
    }


    .choosing-section-2{background: #F1F4F7; padding: 80px 0px; }
.choosing-section-2 h2{font-size: 42px;
font-style: normal;
font-weight: 600; 
    margin: auto;     margin-bottom: 50px; }

    .choosing-section-2 h2 span {
        background: url(../assets/wordpress-bg.svg) left bottom no-repeat;
        padding-bottom: 15px;
    }

    .choosing-section-2 ul
    {
        text-align: center;
    }

    .choosing-section-2 ul li
    {
        width: 23%;
        float: left;
        margin-right:25px;
        display: inline-block;
    }

    .choosing-2
    {
        background-color: #fff;
        padding: 20px;
    }

    .choosing-2 h3
    {
        color: #1A71B8;
        font-size: 40px;
        font-weight: 700;
        margin-top:70px;
        margin-bottom: 10px;
        text-align: left;
    }

    .choosing-2 p
    {
        font-size: 20px;
        text-align: left;
    }

    .choosing-im-2 img {
        float: right;
    }
    

.choosing-inner-one ul{display: flex; justify-content: space-between;     flex-wrap: wrap; }
.choosing-inner-one ul li{color: #000;
font-size: 15px;
font-weight: 400;
line-height: 23px;
/*background-color: #D0DFF2;*/
padding: 15px 0px 15px 60px;
border: 1px solid #525252;
border-radius: 10px; box-shadow:4px 4px #525252;
width: 350px;  
margin-bottom: 40px;
background: url(../images/key-icon.svg) left 10px center no-repeat #FAFFF4;
display: flex;
    align-items: center; }

.choosing-inner-one ul li img{margin-right: 10px;}

.choosing-inner-one ul li:nth-child(2){background-color: #EFFFDF;}
.choosing-inner-one ul li:nth-child(3){background-color: #D3F6B1;}
.choosing-inner-one ul li:nth-child(5){background-color: #EFFFDF;}
.choosing-inner-one ul li:nth-child(6){background-color: #D3F6B1;}
.choosing-inner-one ul li:nth-child(8){background-color: #EFFFDF;}
.choosing-inner-one ul li:nth-child(9){background-color: #D3F6B1;}


.spbg{background: #1A71B8; padding: 80px 0px; }

.choosing-inner-three .before-inner-right {
    width: 400px;
}
.choosing-inner-three .before-inner-left {
    width: 650px;
}

.choosing-inner-three h3{   margin-bottom: 20px; text-transform: capitalize; }
.choosing-inner-three h4{color: #fff;
font-size: 24px;
font-weight: 400;
line-height: 37px; 
text-transform: capitalize; }
.choosing-inner-three p{color: #fff; font-size: 17px; line-height: 27px;     margin-bottom: 40px;  }

.choosing-inner-three .shopBtn i{    margin-left: 40px; color: #fff;}



.choosing-inner-four .visitors-box{border-right: 2px solid #00457021;}
.choosing-inner-four .visitors-box-left{border-left: 2px solid #00457021;}

.choosing-inner-four h1{  
        font-size: 53px;
color: #000;
     font-weight: 800;
  font-style: normal; 
  line-height: 21.09px; 
  text-align: center;
  margin-bottom: 35px;

 }

.choosing-inner-four p{  
      font-family: "Inter", sans-serif;
      font-size: 15px;
  color: #737373;
  font-weight: 500;
  font-style: normal; 
  text-align: center;
 }



.choosing-inner-four{ margin-top: 60px; border-top:1px solid #000; border-bottom:1px solid #000;
padding: 20px 0px;  }


.consider{background: #F90;}



.depends{background: #76B632; padding-bottom: 70px; }
.depends h3{color: #FFF;}

.depends-inner-two ul{display: flex;
    justify-content: space-evenly;
        align-items: center;
    list-style-type: none;
    background-color: #FAFFF4;
    border: 1px solid #222;
    box-shadow: 4px 4px #222;
    padding: 20px 40px;
    border-radius: 13px;
    margin-bottom: 30px;}
.depends-inner-two ul li img{max-width: 180px;}

.depends-inner-one{background-color: #EFFFDF;
    padding: 40px 70px 20px;
    border: 1px solid #000;
    border-radius: 30px;
    box-shadow: 4px 4px #525252;
    }

.depends-inner-one h4{
text-align: center;
font-size: 32px;
font-weight: 600;     margin-bottom: 30px; }   
.depends-inner-one ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.depends-inner-one ul li{color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
    background-color: #FFF; 
    padding: 20px 0px 20px 20px;
    border: 1px solid #525252;
    border-radius: 16px;
    box-shadow: 4px 4px #525252;
    width: 290px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;}

.depends-inner-one ul li img{margin-right: 14px; max-width: 37px;}



.approach{background: #EFFFDF; padding-bottom: 70px;}
.approach .approach-inner-one h3{margin-bottom: 30px; font-size: 36px; }
.approach .approach-inner-one p{color: #000;
font-size: 26px;
font-weight: 400;
line-height: 37px;
text-transform: capitalize;     margin-bottom: 50px; }

.approach .approach-inner-one h4{color: #F90;
font-size: 32px;
font-weight: 600;
line-height: 37px; 
text-transform: capitalize;
margin-top: 30px;
margin-bottom: 100px;  }
.approach .approach-inner-one .shopBtn{ margin-top: 60px;     border: 1.5px solid #222;
    border-radius: 11px;
    box-shadow: 4px 4px #222; }

.approach-inner-two .tales-box{    background-color: #FAFFF4;
    padding: 15px 15px 15px 15px;
    border: 1px solid #000;
    border-radius: 20px;
    box-shadow: 6px 10px;
    height: 532px; }

.approach-inner-two .tales-box1{    background-color: #EFFFDF; }



.approach-inner-two .tales-box h4{
font-size: 18px;
font-weight: 600;
line-height: 25px;
text-transform: capitalize;}


.approach-inner-two .tales-box p{
font-family: Manrope;
color: #4A4A4A;
font-size: 14px;
font-weight: 500;}

.approach-inner-two .tales-box ul{    border-top: 2px dashed #00457021;
    border-bottom: 2px dashed #00457021;
        padding: 12px 0px;
    margin-bottom: 13px;  }
.approach-inner-two .tales-box ul li{
color: #000;
font-size: 15px;
font-weight: 400;
line-height: 30px;
text-transform: capitalize;}

.approach-inner-two .tales-box ul li span{font-weight: 700; margin-right: 10px; }

.approach-inner-two .tales-box h5{
color: #76B632;
font-family: Manrope;
font-size: 22px;
font-weight: 700;
line-height: 29px;
text-transform: capitalize;}
.approach-inner-two .tales-box h5 span{
color: #747474;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;}



.leading-edge-client{  
 background-color: #F5F5F5;  
    padding: 50px 0px; }
.leading-edge-client .owl-carousel .owl-item .edge-client img {
    display: block;
    width: 100px !important;
}


.leading-edge-client h3{ font-size: 40px;     font-weight: 600;      border-bottom: 2px solid #E5F0FF;
    padding-bottom: 30px; margin-bottom: 40px;  }

.leading-edge-client h4{ font-weight: 600;     margin-bottom: 20px;}
.leading-edge-client h5{font-size: 22px;  font-weight: 700;   margin-bottom: 20px;}
.leading-edge-client p{ color: #222222; font-size: 16px; font-weight: 500;  line-height: 27px; }



.footerFormSection h3{font-size: 44px; }
.footerFormSection h5{color: #1A73E8; font-size: 27px; font-weight: 600;   margin-top: 40px; }
.footerFormSection ul li{color: #fff;  font-size: 16px;     line-height: 32px; }

.footerFormSection .form-control{    background-color:transparent; border: 1px solid #ffffff52;color:#fff; }
.footerFormSection .shopBtn {
    background-color: #1B3044;
    color: #FFF;
    padding: 12px 40px 14px;
    border:1px solid #5987b3;
    font-weight: 600;
    font-size: 18px;
    transition: .5s;
    margin-top: 30px;
}

.footerFormSection input::placeholder
{
    color:#bbb0e7;
}

.footerFormSection label
{
    color:#fff;
}

.footerFormSection .shopBtn i{ background-color: #fff; color: #5987b3;     margin-left: 53px;}
.footerFormSection .shopBtn:hover {
    background-color: #fff;
    border: 1px solid #5987b3;
    color: #1B3044;
}

.footer{ background-color: #0b003b; padding: 20px 0px; }


.help-block.with-errors {
    position: absolute;
    margin: 0;
    font-size: 12px;
    color: red;
    font-weight: bold;
    margin-top: 2px;
}

/*.footerFormSection input{color: #fff !important;}*/






@media (min-width: 1400px) and (max-width: 1600px) {

   
.trusted-sec ul img { max-width: 130px; }
    



}

@media (min-width: 1400px) 
{
    .container {
        max-width: 1300px;
    }

}



@media (min-width: 1800px){
.performance-inner-two-box ul li{    font-size: 18px; }
.main-banner h3{font-size: 32px;
    margin-bottom: 40px; }

.audit-section h3{font-size: 50px;}
.audit-section .audit-inner-one p{      font-size: 25px;  line-height: 41px; }
.tab button{    font-size: 20px; }
.campaigns-inner-one h5{    font-size: 30px;
    max-width: 1000px;}
.campaigns-inner-one h3{ font-size: 50px;   max-width: 750px;}
.campaigns-inner-two-box h4{font-size: 28px;}
.campaigns-inner-two-box ul li{    font-size: 20px;}
.performance-section h3{    font-size: 50px; max-width: 1070px;}

.choosing-inner-three .before-inner-right {
    width: 460px;
}

.choosing-inner-three .before-inner-left {
    width: 780px;
}

.before-section h3{ font-size: 50px;}
.leading-edge-client h3{    font-size: 50px; }
.leading-edge-client h4{    font-size: 30px;}
.leading-edge-client p{font-size: 18px;}




.performance-inner-two-box{    padding: 40px 10px 20px;      }
.banner-section h1{font-size: 54px;line-height:70px; color:#000;}
.banner-section h1 span{
    background: url(../assets/wordpress-bg.svg) left bottom no-repeat;
    padding-bottom:15px;
}
.banner-section .shopify-psnBx img { margin-bottom: -59px; }
.banner-section .banner-icon-box{    max-width: 800px;}
.banner-section .banner-icon-box .banner-icon-box-left {
    max-width: 320px;
}
.banner-section .banner-icon-box .banner-icon-box-right {
    max-width: 459px;
}
.banner-section .banner-icon-box .banner-icon-box-right p{font-size: 20px;  line-height: 31px;}



.banner-section h4{    font-size: 22px;}
.banner-section ul li{font-size: 22px;     margin: 0px 0px; }
.choosing-inner-one ul li{    font-size: 17px;     padding: 20px 0px 20px 60px;     width: 400px; }

.choosing-section h3{     font-size: 50px; }
.choosing-inner-three h3{ font-size: 50px; }
.choosing-inner-three h4{    font-size: 30px;}
.choosing-inner-three p{font-size: 21px;
    line-height: 33px;}

.choosing-inner-four{padding: 30px 0px;}
.choosing-inner-four h1{font-size: 63px;     margin-bottom: 45px; }
.choosing-inner-four p{    font-size: 19px;}
.tab{font-size: 18px;}
.approach .approach-inner-one h3{max-width: 960px;}
.approach .approach-inner-one p{     font-size: 30px; }
.approach-inner-two {
    margin-top: 70px;
}
.approach-inner-two .tales-box h4{font-size: 22px;     line-height: 28px; }

.depends h3{    max-width: 800px;}
.depends-inner-one ul li{    width: 350px; }









}



@media (min-width: 999px) {

.approachph{display: none;}


}



@media (min-width: 768px){

    .phoneWrapper {
        padding-right: 15px;
        border-right: 1px solid #fff;
    }
    .topStripRight {
        gap: 15px;
    }



	
}


@media (max-width: 1366px) {


.trusted-sec ul img{max-width: 130px;}







}



@media (min-width: 991px) and (max-width: 1366px) {



     
}




@media (min-width: 991px) and (max-width: 1200px) {


.choosing-inner-three .before-inner-right {
    width: 360px;
} 
.choosing-inner-three .before-inner-left {
    width: 490px;
}
.approach-inner-two .tales-box{     height: 686px; }

     
}



@media (max-width: 1200px) {
.choosing-inner-one ul{justify-content: space-around;}
.choosing-inner-one ul li{    margin-bottom: 20px;}
.choosing-inner-four h1{    font-size: 43px;}
.banner-section h1{    font-size: 37px; margin-top: 30px; }
.main-banner h3{    font-size: 20px; }
.banner-section .shopify-psnBx img { margin-bottom: -43px; }
.depends-inner-one ul{ justify-content: space-around; }







}


@media (max-width: 1024px) {
    .tabs{    padding: 20px 0px; flex-wrap: wrap; }
	
	.trusted-sec ul{    justify-content: space-around;}
    .trusted-sec ul img{        margin-bottom: 20px;}




}

@media (max-width: 991px){
.campaigns-inner-two-box{    padding: 40px 20px 10px;     margin-bottom: 20px; }
.banner-section ul{margin-bottom: 30px; flex-wrap: wrap;
    justify-content: space-around;  }
.choosing-inner-three h3{    margin-top: 20px;}
.approach-inner-two .tales-box{     margin-bottom: 30px; }
.approachdec{display: none;}
.approach-inner-two .tales-box{ height: unset; }


.banner-section h4{max-width: unset;}
.banner-section h1{margin-bottom: 10px;}
.depends-inner-two ul li img { max-width: 140px; }
.depends-inner-two ul{    flex-wrap: wrap; justify-content: space-around; }

.banner-section .shopify-psnBx img{max-width: 470px;}
.banner-section .shopify-psnBx{text-align: center;}

.main-banner{padding: 50px 20px 20px;}





	
}

@media (max-width: 768px) {
	
.main-banner ul{    justify-content: space-around; }
.main-banner ul li .shopBtn{    padding: 10px 33px 13px; font-size: 15px; margin-bottom:20px; }

.banner-section .scrool-box img{    bottom: 66px;
    right: 30px;
    max-width: 50px;}

.banner-section h1{     margin-top: 40px;         font-size: 35px; line-height: 49px;  }

.banner-section ul li{    margin-bottom: 10px; }
.choosing-inner-four .visitors-box {
    border-right: unset;
}
.choosing-inner-four .visitors-box-left {
    border-left: unset;
}
.choosing-inner-four h1{ margin-bottom: 20px; }

.tab{    margin-bottom: 20px;}
.approach .approach-inner-one h4{ margin-bottom: 50px; }
.approach .shopBtn i{margin-left: 20px;}

.footerFormSection h3 { font-size: 35px; }
.depends-inner-one{     padding: 40px 10px 10px;  }
.depends-inner-one ul li{    width: 330px; margin-bottom: 20px;}



.banner-section {
    background: url(../img/banner_bg.jpg) top center no-repeat #1c096b;
    background-size: cover;
    padding: 70px 0px 0px 0px;
    margin-top: -90px;
}


}

@media (max-width: 581px) {
	
    .banner-section {
        background: url(../img/banner_bg.jpg) top center no-repeat #1c096b;
        background-size: cover;
        padding: 70px 0px 0px 0px;
        margin-top: -127px;
    }

    .banner-section .banner-right
    {
        margin-top:40px;
    }

}

@media (max-width:500px) {
	
.logoWrapper img{margin-bottom: 15px; }
.phoneWrapper{    margin-bottom: 10px; }
.banner-section h1{ margin-top: 50px; line-height: 45px; 
 font-weight: 600;     margin-bottom: 20px;         font-size: 29px;  }



.audit-section h3{    font-size: 30px;}
.audit-section .audit-inner-one p{ font-size: 18px;
    line-height: 28px;  }


.campaigns-inner-one h5{    padding: 16px 26px 17px;    font-size: 19px; line-height: 25px;     margin-bottom: 30px; }
.campaigns-inner-one h3{     font-size: 27px; margin-bottom: 30px;  }

.campaigns-inner-two-box ul li{    font-size: 15px; margin-bottom: 11px; }
.campaigns-inner-two-box h4{    font-size: 21px;}

.campaigns-section{    padding: 70px 0px 50px; }
.performance-section h3{     font-size: 30px;  margin-bottom: 40px; }
.performance-inner-two-box ul {
    column-count: 1;
}

.performance-inner-two-box{    padding: 30px 7px 20px; }
.performance-inner-two-box ul li:nth-child(1) {
    border-bottom: unset;
    border-right: unset;
}
.performance-inner-two-box ul li:nth-child(3) {
    border-bottom: unset;
}
.performance-inner-two-box ul li:nth-child(2) {
    border-right: unset;
}
.performance-inner-two-box h4{    margin-bottom: 20px; }
.before-section {
    padding: 30px 0px 50px;
}
.before-section h3 { font-size: 26px; }
.leading-edge-client h3{     font-size: 30px;     padding-bottom: 20px;  }
.leading-edge-client { padding: 20px 0px; }


.audit-section .audit-inner-one p{margin-bottom: 10px; }




.main-banner .banner-form-section{    padding-top:10px;
    margin-top: 20px; }

.audit-section{     padding: 20px 0px 50px;  }
.performance-section{    padding: 50px 0px 30px; }



.banner-section{ padding: 0px 0px 50px; }
.main-banner h3{margin-bottom: 0px;}
.choosing-section h3{    font-size: 30px;     margin-bottom: 30px;}
.footerFormSection .shopBtn i{     margin-left: 30px; }


.banner-section h4{ font-size: 17px;  margin-bottom: 20px; }
.banner-section .shopify-psnBx img{max-width: 100%;}

.banner-section .shopify-psnBx img { margin-bottom: -39px; }
.depends-inner-two ul li img{        margin: 15px 0px;}
.depends-inner-one h4{    font-size: 26px; }
.approach .approach-inner-one p{    font-size: 22px; line-height: 28px; }
	
}

.spbg h3
{
    color:#fff;
    font-size:40px;
    font-weight: 700;
    margin-top:10px;
    margin-bottom: 10px;
}

.choosing-section h3
{
    color:#1A71B8;
    font-size:40px;
    font-weight: 700;
    margin-top:10px;
    margin-bottom: 10px;
}

.choosing-im
{
    width: -webkit-fill-available;
    display: inline-block;
}

.choosing-im img
{
    float: right;
}

.spbg h4
{
    font-size: 24px !important;
    font-weight: 700;
}

.spbg ul li img
{
    float: left;
    display: inline-block;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.whats-covered
{
    padding: 80px 0px;
    background-color: #F1F4F7;
}

.whats-covered h2 {
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    margin: auto;
    margin-bottom: 50px;
}

.whats-covered p {
    font-size:18px;
    line-height:28px;
}

.whats-covered h4 {
    font-weight: 600;
}

.whats-covered ul
{
    margin-top: 26px;
    position: relative;
    z-index: 2;
}

.whats-covered ul li
{
    padding-left:50px;
    background: url(../assets/wa-icons-1.svg) top left no-repeat;
    margin-bottom: 40px;
}

.border-dot {
    position: absolute;
    margin-top: 28px;
    margin-left: 13px;
    z-index: 0;
    height: 565px;
    overflow: hidden;
}

.clients-say
{
    background: rgb(26,113,184);
    background: linear-gradient(90deg, rgba(26,113,184,1) 0%, rgba(26,113,184,1) 29%, rgba(255,255,255,1) 31%);
}

.clients-say-bg
{
    padding:230px 0px;
    background-color: #223B59;
    border-radius: 0px 0px 100px 0px;
}

.clients-say-text
{
    padding: 80px 0px;
}

.clients-say-text p
{
    font-size: 18px;
    line-height: 28px;
}

.clients-say h2
{
    font-size:72px;
    color:#fff;
}

.clients-say .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:#1A71B8;
}

.arrow-right
{
    margin-top: 30px;
    float: right;
}




@media (min-width: 1400px) {
    .email-camp-sec .powered .bg-img{
        position: absolute;
        max-width: 5%;
        max-height: 50%;
        margin: 60px 0 60px 0;
    }
    .email-camp-sec .powered .bg-img1{
        position: absolute;
        max-height: 100%;
        max-width: 6%;
        right: 0px;
        margin: -380px 0px 0px 0px;
    }
    .marketing-price .bg-img{
        position: absolute;
        max-width: 20%;
        max-height: 100%;
        /* height: 70%; */
        margin: 60px 0 60px 0;
    }
    .marketing-price .bg-img1{
        position: absolute;
        max-height: 100%;
        max-width: 100%;
        width: 8%;
        /* height: 92%; */
        right: 0px;
        margin: -630px 0px 0px 0px;
    }
    .marketing-tools .bg-img{
        position: absolute;
        /* max-width: 14%; */
        /* max-height: 100%; */
        height: 25%;
        margin: 330px 0 0px 0;
    }
    .marketing-tools .bg-img1{
        /* position: absolute;
        max-height: 100%;
        max-width: 100%;
        width: 5%;
        height: 40%;
        right: 0px;
        margin: -564px 0px 0px 0px; */
        position: relative;
        /* max-height: 100%; */
        /* max-width: 100%; */
        /* width: 5%; */
        /* height: 40%; */
        float: right;
        margin: -580px 0px 0px 0px;
    }
    .case-study .bg-img{
        position: absolute;
        max-width: 5%;
        max-height: 100%;
        height: 60%;
        margin: 330px 0 0px 0
    }
    .case-study .bg-img1{
        position: absolute;
        max-height: 100%;
        max-width: 8%;
        right: 0px;
        margin: -745px 0px 0px 0px;
    }
    
    .case-study-1 .bg-img{
        position: absolute;
        max-width: 5%;
        max-height: 100%;
        height: 60%;
        margin: 340px 0 0px 0
    }
    .case-study-1 .bg-img1{
        position: absolute;
        max-height: 100%;
        max-width: 8%;
        right: 0px;
        margin: -666px 0px 0px 0px;
    }
    
    .case-study-2 .bg-img{
        position: absolute;
        max-width: 5%;
        max-height: 100%;
        height: 60%;
        margin: 415px 0 0px 0
    }
    .case-study-2 .bg-img1{
        position: absolute;
        max-height: 100%;
        max-width: 8%;
        right: 0px;
        margin: -750px 0px 0px 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {

    .bg-circle-filled{
        width: 14%;
    }
    .choosing-section ul li {
        width: 17%;
        float: left;
        margin-right: 25px;
        display: inline-block;
    }

    .choosing-1 {
        background-color: #fff;
        padding: 20px;
        min-height: 242px;
    }

    .border-dot {
        position: absolute;
        margin-top: 28px;
        margin-left: 13px;
        z-index: 0;
        height: 651px;
        overflow: hidden;
    }

}

@media (min-width: 991px) and (max-width: 1199px) {
.choosing-section ul li {
    width: 32%;
    float: left;
    margin-right: 12px;
    margin-bottom: 15px;
    display: inline-block;
}

.choosing-1 {
    background-color: #fff;
    padding: 20px;
    min-height: 242px;
}

.border-dot {
    position: absolute;
    margin-top: 28px;
    margin-left: 13px;
    z-index: 0;
    height: 644px;
    overflow: hidden;
}

.clients-say-bg {
    padding:176px 0px;
    background-color: #1A71B8;
    border-radius: 0px 0px 100px 0px;
}

}

@media (min-width: 992px) {
    .col-lg-block {
        display: block;
    }
}

.footerFormSection .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgb(0 0 0 / 40%) !important;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color:#fff !important;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}



@media (max-width: 991px){

    .arrow-right
    {
        display: none;
    }

    .clients-say
    {
        background: #fff;
    }

    .clients-say-bg {
        padding:40px 0px;
        background-color: #1A71B8;
        border-radius: 0px 0px 100px 0px;
    }

    .clients-say-text
    {
        background: #fff;
    }


    .choosing-section ul li {
        width: 47%;
        float: left;
        margin-right: 12px;
        margin-bottom: 15px;
        display: inline-block;
    }
    
    .choosing-1 {
        background-color: #fff;
        padding: 20px;
        min-height: 242px;
    }

    .choosing-section-2 ul li {
        width: 47%;
        float: left;
        margin-right: 12px;
        margin-bottom: 15px;
        display: inline-block;
    }
    
    .choosing-2 {
        background-color: #fff;
        padding: 20px;
        min-height: 242px;
    }

    .border-dot {
        position: absolute;
        margin-top: 28px;
        margin-left: 13px;
        z-index: 0;
        height: 649px;
        overflow: hidden;
    }


    


	
}



@media (max-width: 581px) {

    .choosing-section ul li {
        width:100%;
        float: left;
        margin-right:0px;
        margin-bottom: 25px;
        display: inline-block;
    }
    
    .choosing-1 {
        width:100%;
        background-color: #fff;
        padding: 20px;
        min-height: 242px;
    }

    .choosing-section-2 ul li {
        width:100%;
        float: left;
        margin-right:0px;
        margin-bottom: 25px;
        display: inline-block;
    }
    
    .choosing-2 {
        width:100%;
        background-color: #fff;
        padding: 20px;
        min-height: 242px;
    }
	

}

@media (max-width: 991px) {
    .clientLogoWrap .col-lg-2:nth-child(1) {
       border-top-left-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(3) {
       border-top-right-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(16) {
       border-bottom-left-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(18) {
       border-bottom-right-radius: 5px;
   }
}
@media (max-width: 767px) {
   .clientLogoWrap .col-lg-2:nth-child(3) {
       border-top-right-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(16) {
       border-bottom-left-radius: 5px;
   }
}
@media (max-width: 576px) {
   .clientLogoWrap .col-lg-2:nth-child(1) {
       border-top-left-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(2) {
       border-top-right-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(17) {
       border-bottom-left-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(18) {
       border-bottom-right-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(3) {
       border-top-right-radius: 0px;
   }
   .clientLogoWrap .col-lg-2:nth-child(16) {
       border-bottom-left-radius: 0px;
   }
}

@media (min-width: 992px) {
   .clientLogoWrap .col-lg-2:nth-child(1) {
       border-top-left-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(6) {
       border-top-right-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(13) {
       border-bottom-left-radius: 5px;
   }
   .clientLogoWrap .col-lg-2:nth-child(18) {
       border-bottom-right-radius: 5px;
   }
   .acquisition-sec .right-img .right-second-img{
    margin-top: 0px;
    }
}

.clientLogoWrap ul
{
	margin-top:14px;
	text-align: center;
}

.clientLogoWrap ul li
{
	display: inline-block;
	margin-right:70px;
}




@media (max-width: 1800px) {
	
    .what-all .c-card .f-sec{
        margin: 0 60px 0 60px;
    }
}
@media (max-width: 1400px) {
	
    .what-all .c-card .f-sec{
        margin: 0 40px 0 40px;
    }
    
}

@media (max-width: 1200px) {
	
    .what-all .c-card .f-sec{
        margin: auto;
    }
    .i-icon
    {
        display: none;
    }
    .marquee-sec .col-lg-3
    {
        margin-bottom: 15px;
    }
    .marquee-sec .col-lg-2
    {
        margin-bottom: 15px;
    }
}

ul.Integrate {
    text-align: center;
}

ul.Integrate li {
    margin-right: 50px;
    margin-bottom: 20px;
    display: inline-block;
}


@media (max-width: 992px) {
    .acquisition-sec .right-img .right-second-img{
        margin-top: 0px;
        }
        .owl-theme .icon{
            width: 10% !important;
        }
        .faqs .we-can{
            padding: 0px;
        }
        .powered .f-col{
            margin: 0px;
        }
        .powered .s-col{
            margin: 0px;
        }

        .banner-section .banner-right
        {
            margin-top: 30px;
        }

        .banner-section
        {
            text-align: center;
        }

        .theme-cforms label
        {
            text-align: left;
        }
}

@media (max-width:581px) {

    .logoWrapper
    {
        text-align: center;
    }

    .banner-section {
        padding: 0px 0px 50px;
        margin-top: -151px;
        padding-top: 78px;
        text-align: center;
    }

}




