*
{
	margin:0px;
	padding:0px;
}
.god-w-sh {text-align: center;}
.god-w-sh-mob {display: none;}
.god-w-sh-desk-top {width: 85%;}
.g-recaptcha div {margin: 2px auto;height: 65px!important;}
.g-recaptcha iframe {transform: scale(0.8);}
.owl-carousel .owl-item img {margin: 15px 10px;
    filter: grayscale(100%); max-width: 85%;
}
.owl-carousel .owl-item img:hover {
    filter: grayscale(0%);
}
a {outline: none; text-decoration: none;}
body {    font-family: 'Hellix';}
.meet-text {margin-bottom: 60px;}
::placeholder {
  color: #D7D7D7!important;
  opacity: 1; /* Firefox */
}
.slider-container .col-parent {    margin: 0 auto;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#D7D7D7!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #D7D7D7!important;
}
/* .rf-graph .aos-init {width: 0;}
 .rf-graph .aos-animate {width: 100%;}*/
  .floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}

body {background-size: cover ; overflow-x: hidden; background-position: 100% 100%; }
html{font-size: 62.5%;overflow-x: hidden; }
.rf-graph {position: relative;    margin-top: 45px;}
.show-text p {font-size: 18px; color: #FFFFFF;}
.show-text { 
    transition: all 0.5s;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    overflow: hidden;
    max-height: 0;}
.hover-hide {transition:all 0.5s; cursor: pointer;}
.hover-imgh {cursor: pointer;}
.hover-imgh:hover .show-text {height: auto;
    transition: all 0.5s;
    max-height: 175px;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;}
.rf-graph .rf-curve {position: absolute;top: -28px;left: 25px;}
.pay-img {position: relative;}
.floating1 {width: 20%!important; position: absolute;left: 40px;top: 0}
.floating2 {width: 35%!important; position: absolute;top: 60%; right: 0;}
.frm-icon img {margin-right: 5px;vertical-align: text-bottom;}
.frm-icon2 img {margin-right: 5px;vertical-align: text-bottom;}
.clients-slider-sec img {max-width: 100%;}
.newbg-black {background-color: #000000!important; background: #000000!important;}
.lower-footer {padding: 30px 0; background-color: #000000;}
.lower-footer p {font-weight: 400; font-size: 18px;color: #FFFFFF; margin: 0; font-family: 'Hellix';}
.next-level {padding: 80px 0;background-size: cover;}
.next-text h1 {font-size: 74px;color: #FFFFFF;text-align: center;margin-bottom: 20px;}
.next-text h2 {font-size: 74px;text-align: center;    background-image: linear-gradient(to right, #AA3FFF, #AA3FFF, #F8522E,#F8522E);
    color: rgba(0, 0, 0, 0);	 -webkit-background-clip: text;    font-weight: 600; margin-bottom: 30px;}
.next-text a { text-decoration: none;color: #fff; font-size: 20px; background-color: transparent; border-radius: 40px; padding: 15px 8px;
    border: 1px #fff solid;width: 169px; text-align: center; margin: 0 auto; height: 61px; display: block; margin-top: 12px; }
.next-text a:hover { background-image: linear-gradient(to right, #AA3FFF, #F8522E); border: 1px solid #F8522E;}
.afterbefore-btn a:hover { background-image: linear-gradient(to right, #AA3FFF, #F8522E); border: 1px solid #F8522E;}
    nav .nav-link{font-size: 1.5rem;color: var(--color-default);}
.navbar-expand-sm .navbar-nav .nav-link{padding: 0 2rem}
.contact-us {background:var(--bg-danger);border-radius: 30px;font-size: 1.5rem;padding: 1.1rem 3rem}
.contact-us:hover{background:var(--btn-hover);color: var(--bg-white);}
.btn-danger{background:var(--bg-danger);border-radius: 30px;font-size: 2rem;padding: 1.2rem 3rem;    font-weight: 500;}
.btn-danger:hover{background: var(--btn-hover);color: var(--bg-white);}
.header-phone{font-size: 1.5rem;color: var(--color-default);text-decoration: none;}
.header-phone:hover{ color: var(--color-heading-span);   }
.navbar-nav .nav-item{ margin-right: 3.2rem; }
nav .btn{margin-right: 3.2rem;color: #fff}
.banner-middle{ max-width: 106.6rem; margin: 0 auto; text-align: center; padding: 10rem 0}
.banner-middle h1{ font-size: 7.5rem; font-weight: bold;line-height: 8.8rem;}
.banner-middle h1 span{  color: var(--color-heading-span); position: relative;}
    .banner-middle h1 span:after{      content: '';
    background: url(../images/banner-line.svg) no-repeat;
    position: absolute;
    bottom: -10px;
    height: 16px;
    left: 0;
    right: 0;
    top: auto;
    width: 110%;
    background-size: cover;
    z-index: -1;
    background-position: center top;
    }
    .banner-middle p{
            font-size: 2.2rem;
        line-height: 3.2rem;
        font-weight: 300;
            margin-top: 3rem;
    }
    .banner-middle .input-group-blk{
        padding: 5rem 0 3rem;
        max-width: 60rem;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    .input-group-blk input{flex: 1;border: 1px solid #C7C7C7;border-radius: 30px;margin-right: 1.6rem;font-size: 1.5rem;color: #C7C7C7;padding: 0 4rem;}
    .award{max-width: 60rem}
    .font-bold{font-weight: bold;}
    .heading {font-size: 4.5rem;line-height: 5.3rem;margin-bottom: 5rem}
    .heading span{color: var(--color-heading-span);position: relative;    border-bottom: 0px!important;}
    
    .logo-list{    display: flex;
        flex-wrap: wrap;
        justify-content: center;}
    .logo-list a{width: 20%}    
    .logo-list a img{width: 100%;filter: grayscale(100%);
        cursor: pointer;
        transition: .5s all ease;
        }
    .logo-list img:hover{
        filter: grayscale(0);
    }    


    .way-to-seo{
        padding:8rem 0 0rem;
    }
    .description {
        font-size: 2.2rem;
        line-height: 3.2rem;
        font-weight: 300;
    }
    .wts-list h3{
        font-size: 2.4rem;
        font-weight: bold;
        line-height: 3.2rem;
    }
    .wts-list{
        font-size: 1.8rem;
        line-height: 2.4rem;
        font-weight: 300;
    }
    .way-to-seo .description {
        margin: 3.8rem 0;
    }
    .skills-logo{
        border-bottom: 1px solid #f2f0f0;
        padding-bottom: 1rem;
      
    }
    .skills-logo img{
       max-width: 13rem;
         margin: 0 auto;
    }
    .skills-blk{
            background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 18px #0000001f;
        padding: 2rem;
        text-align: center;
    }
    .skill-list{
        padding: 0;
        list-style: none;
        margin: 0;
    }
    .skill-list li{
        padding: 1.5rem 0;
    }
    .skill-list li strong{
        font-size: 2.3rem;
        color: #842D7B;
    }
    .skill-list li p{
        font-size: 1.8rem;
    }
    .skills-blk p{
            font-size: 1.6rem;
        padding: 0 3rem;
        font-weight: 300;
        line-height: 2.4rem;
        position: relative;
    }
    .skills-blk p{
        position: relative;
    }
    .quote{
            max-width: 15rem;
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .skills .owl-stage-outer{
        padding-bottom: 3rem;
    }
    .service-list h4{
        font-size: 2.8rem;
        font-weight: bold;
    }
    .service-list  p{
        font-size: 2rem;
        line-height: 2.8rem;
    }
    .service-icon img {
            max-height: 12rem;
    }
    .service-column{width: 33.33%;    padding:0 5rem;}
    .service-column:first-child .service-list:first-child, .service-column:last-child .service-list:first-child{
        padding-bottom: 8rem;
    }
    .service{
       padding: 10rem 0;
    background: #f6f8fb;
    position: relative;
    z-index: 99;
    }
    .approach .row{
            --bs-gutter-x: 10rem;
    }
    .approach-list{
        padding-bottom: 8rem;
    }

    .approach-img-blk{
        position: relative;
        max-width: 35rem;
    }
    .approach-icon img{
        max-width: 12rem;
    }
   .approach-img-right .approach-icon{
 text-align: center;
    position: absolute;
    top: 1%;
    left: -13%;
    background: #fff;
    padding: 1.5rem 1.5rem;
    border-radius: 0.8rem;
    box-shadow: 0 0 5px #ddd;
    right: auto;
    bottom: auto;
   }
    .approach-icon{
    text-align: center;
    position: absolute;
    bottom: -7%;
    right: -11%;
    background: #fff;
    padding: 1rem 1.5rem;
    border-radius: 0.8rem;
    box-shadow: 0 0 5px #ddd;
    min-height: 13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .approach-content h3{
          font-size: 3.8rem;
    font-weight: 600;
    line-height: 4.6rem;
    margin-bottom: 3rem;
    text-transform: capitalize;
    }
    .approach-content p{
       font-size: 1.8rem;
    line-height: 2.6rem;
        font-weight: 300;
    }
    .why-choose{
    background: transparent linear-gradient(180deg, #7194DE 0%, #6E0963 100%) 0% 0% no-repeat padding-box;
    padding: 10rem 0;
    }
    .why-choose .row{
        --bs-gutter-x: 5rem;
    }
   .why-choose .heading {
    color: #fff;
    margin-bottom: 10rem;
   }
      .why-choose .heading span{color: #fff}
    .p-100{
        padding: 10rem 0;
    }
     .p-50{
        padding: 5rem 0;
    }
    .why-choose-list {
        padding: 0px;
        margin: 0;
        list-style: none;
    }
    .why-choose-list li{        
  font-size: 18px;
    color: #000;
  margin-bottom: 3.9rem;
    display: block;
    float: right;
    width: 100%;
        
    }
    .wcl2{    margin-bottom: 4rem!important;}
 .wcl1 li{
    text-align: right;
    background: #ffc2ad;
    color: #01213A;
   border-radius: 0rem 3rem 3rem 0rem;
    padding: 1rem;
     line-height: 1.8rem;
 }
 .wcl3 li, .wcl1 li{
    height: 4.8rem;
    display: flex;
    align-items: center;
 }
 .wcl1 li{
    justify-content: flex-start;
 }
 .wcl1{
    display: flex;
    flex-wrap: wrap;
 }
.wcl3{
    
    flex-wrap: wrap;
}
 .wcl3 li:nth-child(2){
     max-width: 23rem;;
 }
 .wcl3 li:nth-child(3){
     max-width: 22rem;;
 }
.wcl3 li:nth-child(4){
     max-width: 21rem;;
 }
 .wcl3 li:nth-child(5){
     max-width: 21rem;
 }
.wcl3 li:nth-child(6){
     max-width: 20rem;
 }

  .wcl1 li:nth-child(2){
       max-width: 23rem;;
 }
 .wcl1 li:nth-child(3){
    max-width: 22rem;;
 }
 .wcl1 li:nth-child(4){
    max-width: 21rem;;
 }
 .wcl1 li:nth-child(5){
  max-width: 21rem;   
 }
 .wcl1 li:nth-child(6){
      max-width: 20rem;
 }
 .wcl3 li{
    background: #F0F0F0;
        border-radius: 3rem 0rem 0rem 3rem;
    padding: 1rem;
    color: #ABABAB;
   line-height: 1.8rem;
       display: flex;
    justify-content: flex-end;
 }
/*    .why-choose-list li span{
    background: #ffc2ad;
    color: #01213A;
    height: 30px;
    display: inline-block;
    float: right;
    }
  */

    .why-choose-list li:first-child{
           border-radius: 0;
    font-size: 35px;
    font-weight: 600;
    border: 0;
    background: none;
    color: #fff;
    padding: 0px;
    margin-bottom: 2rem;
    }
    .fr-po { margin-bottom: 4rem!important;}
    .better-seo {background: #f6f8fb}
   .column-3{    --bs-gutter-x: 5rem;}
   .column-3 .clients-video-blk a img{    width: 4rem;}
    .wcl2 li{
      text-align: center;
       padding: 2.9rem 1rem;

    border: 1px solid #fff;
    color: #fff;
    margin-bottom: -1px;
    font-weight: 600;
    }
    .why-choose .btn{margin-top: 5rem}
    .info{
            padding: 10rem 0 0;
    }
    .info-blk{
            display: flex;
    justify-content: space-between;
    text-align: center;
    }
    .info-list {
        text-align: center;
    }
    .info-list h3{
    font-size: 4.5rem;
    font-weight: bold;
    color: var(--bg-white);
    background: -webkit-linear-gradient(#AA3FFF, #E94E57, #080808);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
    .info-list p{
        font-size: 3rem;
        line-height: 2.7rem;
           color: #C7C7C7;
  
    }
    .info-icon img{
        max-height: 14rem;
    }
    .clients{
        padding-top: 10rem;
    }
    .client-img{
            float: left;
        width: 11.4rem;
        height: 11.4rem;
        margin-right: 1rem;
    }
    .clients-blk p{
        font-size: 2rem;
        line-height: 2.6rem;
        color: #5C6077;
        font-weight: 300;
    }
    .clients-blk h5{
            font-size: 2.2rem;
        line-height: 3.2rem;
    }
    .clients-blk  span{
            font-size: 1.8rem;
        font-weight: 600;
        line-height: 3.2rem;
        color: #7D7D7D;
    }
    .clients-video-blk{
        position: relative;
        border-radius: 1rem;
        overflow: hidden;
    }
    .clients-video-blk:before{
        content: '';
        position: absolute;
       /* background: rgba(0, 0, 0, 0.5);*/
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .clients-video-blk a{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 5.5rem;
    }
    .clients-video-blk h6{
            position: absolute;
        bottom: 0.5rem;
        z-index: 9;
        color: #fff;
        font-size: 1.2rem;
        text-align: center;
        display: block;
        width: 100%;
    }
    .contact-detail {
        padding: 10rem 0;
    }
    .contact-detail label{
            font-size: 1.5rem;
        color: #010204;
        left: 2rem;
        top: 1rem;
    }
    .form-floating>.form-control:not(:placeholder-shown)~label{
            transform: scale(.85) translateY(-2.1rem) translateX(-0.8rem);
    }
   /* .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label{
    opacity: .65;
    transform: scale(.85) translateY(-1.8rem) translateX(-0.9rem)!important;
}*/
.upper-block:after{
        top: 8%;
}
   .contact-detail input{
               border-radius: 3rem;
    padding: 2rem!important;
    height: 5rem!important;

    background: transparent;
    box-shadow: 0 0 1rem #ddd;
    border: 0;
     font-size: 1.6rem;
    }
    .contact-detail .row{
        --bs-gutter-x: 4rem;
    }

    .contact-detail .description{
        margin-bottom: 5rem;
    }

    .contact-detail .form-floating>.form-control:focus~label{
            transform: scale(.85) translateY(-1.6rem) translateX(0.15rem);
        padding: 0 1rem;
        background: #fff;
        opacity: 1;
        display: inline-block;
        width: auto;
        height: 2.2rem;
    }
    .contact-detail .form-control:focus{
        box-shadow: none;
        border: 1px solid #F37042;
        background: transparent;
    }
    .blog-list-img{
        position: relative;
    }
    .blog-list{
        position: relative;
    }
    .blog-content{
        position: absolute;
        bottom: 0;
        padding: 1rem;
        width: 100%;
        background: linear-gradient(360deg, #181b31bf, transparent);
        color: #fff;

        border-radius: 0 0 2rem 2rem;
    }
    .blog-list-img{
        position: relative;
            border-radius: 2.5rem;
        overflow: hidden;
          height: 25rem;
    }
     .blog-list-img img{
           object-fit: fill;
     }
    .blog-list-img small{
        position: absolute;
        top: 3rem;
        left: 2rem;
        background: #fff;
        padding: 0.7rem 1.4rem;
        font-size: 1.1rem;
        border-radius: 0.5rem;
        color: #01213A;
    }
    .blog-content h3{
            font-size: 2.6rem;
        font-weight: bold;
        line-height: 3rem;
    }
    .blog-content span{
        font-size: 1.4rem;
        color: #DBDBDB;
    }
    footer{
        padding: 10rem 0 5rem;
    }
    footer h3{
        font-size: 2.4rem;
        line-height: 2.6rem;
        font-weight: 600;
        color: var(--color-para);
        margin-bottom: 2.5rem;
    }
    .fotter-link{
        font-size: 1.6rem;
        line-height: 4rem;
    }
    .fotter-link a{
        text-decoration: none;
            color: #262525;
    }
    .fotter-link a:hover{
        color: var(--color-heading-span);
    }
    footer{
       font-size: 1.5rem;
    }
    .footer-description{
        padding-right: 2rem;
        margin-top: 1rem;
        line-height: 2.5rem;
    }

    footer p a{
            color: #262525;
        text-decoration: none;
        font-size: 1.6rem;
    }
    footer p a:hover{ color: var(--color-heading-span);    }
    .footer-connect{ display: flex; align-items: flex-start; margin-bottom: 3rem;    }
    .footer-icon{
        margin-right: 1rem;
    }
    .address a{
        text-decoration: none;
        color: #262525;
    }
    .footer-bottom{
    background: #000;
    padding: 2.5rem 0;
    box-sizing: border-box;
    z-index: 99;
    position: relative;
    }
    .footer-bottom p{
            text-align: center;
        color: #ddd;
        margin: 0;
        font-size: 1.6rem;
    }
    .contact-detail i{
            font-style: inherit;
    }
    .social a{margin-right: 1.5rem}
    .border-bottom{
       /*  border-bottom: 12px solid #FFBDA6!important;     
         padding-bottom: .5rem; */ 
         position: relative; 
         z-index: 99;
    }
    .border-bottom:before{
       content: '';
    background: url(../images/border-bottom.svg) no-repeat;
    position: absolute;
    bottom: -10px;
    height: 15px;
    left: 0;
    right: 0;
    top: auto;
    width: 110%;
    background-size: contain;
    z-index: -1;
    }
.contact-detail .border-bottom:before{
       content: '';
    background: url(../images/contact-border.svg) no-repeat;
    position: absolute;
    bottom: -10px;
    height: 15px;
    left: 0;
    right: 0;
    top: auto;
    width: 103%;
    background-size: contain;
    z-index: -1;
    }

.approach .border-bottom:before{
        width: 100%;
    z-index: -1;
    background-position: 100% 100%;
    background-size: cover;
}
.why-choose .border-bottom:before{
        width: 110%;
    background-size: contain;
    z-index: -1;
    background-position: 55% 100%;
}
    .owl-dot {
            width: 1.4rem;
        height: 1.4rem;
        background: #E8E9EB!important;
        border-radius: 100%;
        margin: 3px;
    }
    .owl-dot.active{
        background: #F37042!important;
    }
    .skills .owl-dots{
        text-align: center;
    }

    .way-to-seo .description {
              max-width: 83rem;
    margin: 0 auto 3rem;
    font-size: 2.1rem;
    line-height: 3rem;
    }
.way-to-seo .heading{
    margin-bottom: 3rem;
}
    .our-blog .owl-dots{
        text-align: center;
        margin-top: 3rem;
    }
   .logo-slide-list{
      width: 250px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
   }
     .logo-blok2{
        margin-top: 3rem;
    }
    .logo-block .logo-slide-list img{
            filter: grayscale(100%)
    }
      .logo-block .logo-slide-list img:hover{
          filter: grayscale(0)
      }
   .logo-slide-list img{
    max-height:60px;
   }
  
    .scrolltop img{max-height: 2rem}
     .scrolltop .scroll {
            display: flex!important;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    height: 50px;
    background: var(--bg-danger);
    border-radius: 100%;
    position: fixed;
    right: 3rem;
    bottom: 10rem;
    display: none;
       z-index: 99999;
     }
    #register-form .wpcf7-submit{
            background: var(--bg-danger)!important;
    border-radius: 30px;
    font-size: 2rem;
    padding: 1.2rem 3rem!important;
    font-weight: 500;
    color: var(--bg-white)!important;
     }
       #register-form  .wpcf7-submit:hover{
        border-color: var(--bs-btn-hover-border-color)!important;
      }
     #register-form .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1.5em;
    font-weight: 500;
    display: block;
    margin-top: 1rem;
    margin-left: 2rem;
}
   #register-form .wpcf7-spinner {position: absolute;}
 #register-form  .wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid var(--bg-danger);
    font-size: 1.6rem;
    text-align: center;
    font-weight: 500;
    color: var(--bg-danger);
    border-radius: 30px;
}
      .dropdown:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
        padding: 0;
    }

    .dropdown-item{padding: 1rem;border-bottom:1px solid #ddd;font-size: 1.5rem}
      .dropdown-item:hover{
        background: var(--btn-hover);
        color: #fff;
      }
    .dropdown-menu{
        min-width: 20rem;
    }
    .tab{display: none;}
    .clutch-blk{
            display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
    }
    .clutch-logo img{max-height: 15rem;width: auto;}
    .clutch-logo{width: 25%;margin-top: 2rem}
    .better-seo{
        padding: 5rem 0;
    }
    .better-seo .row{
            --bs-gutter-x: 10rem;
    }
    .bs-content h3{
        font-size: 3.5rem;
        font-weight: bold;
    }
     .bs-content p{
        font-size: 2.1rem;
        font-weight: 300;
     }
       .service .row{
            --bs-gutter-x: 2rem;
             --bs-gutter-y: 5rem;
    } 
    .service-list{
        padding: 3rem;
       box-shadow: 0px 3px 12px #DFE2E629;
    background: #F6FCFF;
    border-radius: .8rem;
    }
    .service-img{
        margin-bottom: 5rem;
    }
    .service-content h3{
        font-size: 2.8rem;
        line-height: 3.2rem;
        margin-bottom: 2rem;
    }
    .service-content  p{
        font-size: 1.8rem;
    line-height: 2.6rem;
        font-weight: 300;
    }
      .service .col-lg-4:nth-of-type(1) .service-list{
       margin-top: 10rem;
    }
    .service .col-lg-4:nth-of-type(2) .service-list{
       margin-top: 5rem;
    }
      .service .col-lg-4:nth-of-type(3) .service-list{
       margin-top: 0rem;
    }
     .service .col-lg-4:nth-of-type(4) .service-list{
       margin-top: 6rem;
    }
     .service .col-lg-4:nth-of-type(5) .service-list{
       margin-top: 1rem;
    }
.service a{
    color: #181B31;
    text-decoration: none;
}
.service-list:hover{
    background: var(--bg-danger-second);
    color: var(--bg-white);
}
.service-list:hover p{
    color: var(--bg-white);
}
.service-list svg{
    fill: #d61363;
}
.service-list:hover svg{
    fill: #fff;
}


.beer-slider img{width: 100%}
.beer-slider{width: 100%}
.approach{padding: 10rem 0}
.book-intro{margin-top: 3rem}
.upper-block, .way-to-seo, .service, .approach-section1, .approach-section2, .approach-section4, .clients, .contact-detail, .our-blog, footer {
    position: relative;
}

.upper-block:before{
      content: '';
    position: absolute;
    background: url(../images/top-left-particle.png) no-repeat;
  
    height: 100%;
    top: 10%;
    left: -4%;
    width: 100%;
    max-width: 250px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}

.upper-block:after{
       content: '';
    position: absolute;
    background: url(../images/top-right-particle.png) no-repeat;
    max-width: 250px;
    height: 100%;
    top: 3%;
    right: 0;
    width: 100%;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
    z-index: -1;

}



.way-to-seo:before{
    content: '';
    position: absolute;
    background: url(../images/right-round.png) no-repeat;
    height: 100%;
    top: -3%;
    left: 0;
    width: 100%;
    max-width: 250px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}
.way-to-seo:after{
       content: '';
    position: absolute;
    background: url(../images/way-to-seo-right-particle.png) no-repeat;
    max-width: 250px;
    height: 100%;
    top: 7%;
    right: 0;
    width: 100%;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}



.service:before{
    content: '';
    position: absolute;
    background: url(../images/service-left-particle.png) no-repeat;
    height: 100%;
    top: -15%;
    left: 0;
    width: 100%;
    max-width: 250px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}

.service:after{
      content: '';
    position: absolute;
    background: url(../images/top-right-particle.png) no-repeat;
    max-width: 250px;
    bottom: 10%;
    right: 0;
    width: 100%;
    height: 422px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}

.approach-section1:before{
    content: '';
    position: absolute;
    background: url(../images/approach-left-particle.png) no-repeat;
    height: 100%;
      top: -22%;
    left: 0;
    width: 100%;
    max-width: 250px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}
.approach-section1:after{
      content: '';
    position: absolute;
    background: url(../images/approach-right-particle.png) no-repeat;
    max-width: 250px;
    top: -50%;
    right: 0;
    width: 100%;
    height: 100%;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}
.approach-section2:after{
       content: '';
    position: absolute;
    background: url(../images/approach-section2-right-particle.png) no-repeat;
    max-width: 250px;
    bottom: -50%;
    right: 0;
    width: 100%;
    height: 422px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}
.approach-section4:before{
   content: '';
    position: absolute;
    background: url(../images/approach-section4-left-particle.png) no-repeat;
    height: 100%;
    bottom: -55%;
    left: 0;
    width: 100%;
    max-width: 250px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}
.clients:before{
        content: '';
    position: absolute;
    background: url(../images/client-left-particle.png) no-repeat;
    height: 100%;
    bottom: -60%;
    left: 0;
    width: 100%;
    max-width: 250px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}
.clients:after{
     content: '';
    position: absolute;
    background: url(../images/clients-right-particle.png) no-repeat;
    max-width: 250px;
    top: 12%;
    right: 0;
    width: 100%;
    height: 422px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}
.contact-detail:after{
     content: '';
    position: absolute;
    background: url(../images/contact-right-particle.png) no-repeat;
    max-width: 250px;
    top: 4%;
    right: 0;
    width: 100%;
    height: 100%;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}
.our-blog:before{
    content: '';
    position: absolute;
    background: url(../images/blog-left-particle.png) no-repeat;
    height: 100%;
    top: -20%;
    left: 0;
    width: 100%;
    max-width: 250px;
       animation: dollor 0.1s linear infinite alternate;
    animation-duration: 1s;
}


    .wcl3 li {
    background: #F0F0F0;
    border-radius: 3rem 0rem 0rem 3rem;
    padding: 1rem;
    color: #ffffff;
    line-height: 1.8rem;
    display: flex;
    justify-content: flex-end;font-size: 18px;
    background-image: linear-gradient(to right, #AA3FFF, #F8522E);    text-align: right;
}
.wcl1 li { text-align: right; background: #fff; color:#878181; font-size: 18px;}
.pay-text-he {text-align: center;}
.comparison-slider-wrapper .comparison-slider .divider {
    position: absolute;
    width: 5px}
.pay-text-he h1 {    color: #fff; font-size: 55px;    font-family: 'Hellix'; font-weight: 300;}
.pay-text-he span {
 
    color: #bd3455;
    font-weight: 600;
}
.pay-text-he p {
    font-size: 25px;
    color: #C6C6C6;
    font-weight: 100; margin-bottom: 50px;
}
.comparison-slider img {background-color: #000000;}
.good-work-shows .pay-text-he {margin-bottom: 50px;}
.afterbefore-btn a {text-decoration: none;
    color: #fff;
    font-size: 20px;
    background-color: transparent;
    border-radius: 40px;
    padding: 15px 8px;
    border: 1px #fff solid;
    width: 306px;
    text-align: center;
    margin: 0 auto;
    height: 61px;
    display: block;
    margin-top: 60px;}
    .icon-head a {    color: #FFFFFF;
    font-size: 18px;
    outline: none;
    text-decoration: none;}
/*@keyframes dollor{

0%{transform:translateY(-10px);}
100%{transform:translateY(10px);}

}*/
.navbar {padding-top: 2.5rem}
.error{color: #ff0000!important;margin-top: 1rem}
.contact-detail .mb-3{margin-bottom:5rem!important }
#register-form{
        max-width: 90rem;
    margin: 0 auto;
}


.comparison-slider-wrapper .comparison-slider .divider::before {
  background-color: transparent;
}

.comparison-slider-wrapper .comparison-slider .divider::after {
  background-color: transparent;
  color: orangered;
  margin: 0;
  transform: translate(-50%, -50%); content: ''!important; background-image: url('../images/arow.png');     width: 36px;
    height: 45px;
    background-size: 100%;
    background-repeat: no-repeat
}

.comparison-slider-wrapper .comparison-slider{border: 0px!important}
.comparison-slider-wrapper .comparison-slider .divider{background-color: rgba(255,255,255,0.9)!important}
.comparison-slider-wrapper .comparison-slider .divider:before{display: none!important;}
.comparison-slider-wrapper .comparison-slider .divider:after{margin-left: 1px!important;color: #fff!important}
.approach-section3 .approach-icon{bottom: -18%}
    .fixed {
    position: fixed;
    top: 0;
}
.bs-img img{max-width: 500px}


.banner
{
	padding: 31px 0px;
	padding-bottom: 50px;    background-repeat: no-repeat;

}
.logo p
{
 background-image:linear-gradient(to right, #AA3FFF, #F8522E); color:rgba(0, 0, 0, 0); 
 -webkit-background-clip:text; background-clip:text; position:relative; 
	font-size:16px ;
	margin-top: 50px;
}
.logo span
{
	color:#fff;
	font-size: 13px;
}
.banner-text
{
	margin-top: 50px;
}
.banner-text h1
{
	color: #fff;
    font-size: 74px;
    font-weight: 600;    line-height: 80px;
}
.banner-text p
{
	font-size: 28px;
    font-weight: 400;
    margin-top: 30px;
    color: #7A7A7A;line-height: 40px;
}
.banner-text img
{
	width: 30px;
	margin-top: -15px;
}
.frm-icon2 img {margin-top: -5px;}
.fixed-ul ul { list-style: none;     padding-left: 29px;}
.fixed-ul ul li
{position: relative;
	color: #fff;
	font-size: 23px;    margin-bottom: 4px;
}
.fixed-ul ul li:before {content: ''; position: absolute; background-image: url('../images/Union-3.svg'); width: 20px; height: 20px;    top: 0;
    bottom: 0; margin: auto;  left: -29px;}
.fixed-ul
{
	margin-top: 35px;
}
.frm-brd
{
	background-color:#1a1a1b;
}
.time h1
{
	color:#fff;
	font-size: 32px;    margin-bottom: 5px;

}
.frm-icon
{
	display: inline-block;
}
.frm-icon p
{
	color: #fff;
	font-size: 16px;
}
.frm-icon2 p
{
	color: #fff;
	font-size: 16px;
}
.frm-icon2
{
	display: inline-block;
	margin-left: 30px;
}
.icon-head
{margin-top: 15px;
	text-align: end;
}
.time-frm .form-control
{
	   margin: 8px 0px;
    border-radius: 30px;
    background-color: #2a2a2b;
    border: none;
    height: 40px;
    padding-left: 30px;
    font-size: 16px;
    color: #D7D7D7!important;
}

.time-frm textarea {padding-top: 14px}
.time-frm form textarea {    height: 100px!important;  resize: none;}
.frm-brd
{
	padding: 25px;
	border-radius: 8px;
	max-width: 579px;
	
	margin-top: 20px;
}
.afterbefore-btn {    margin-top: 35px;}
.frm-button input:hover {background-image: linear-gradient(to right, #AA3FFF, #F8522E);
    border: 1px solid #F8522E;}
    label {
    left: 23px;
    bottom: -14px;
    position: absolute;
    display: inline-block;font-size: 15px;
}
#leadForm .row .col {position: relative;    margin-bottom: 6px;}
.frm-button input
{
text-decoration: none;
    color: #fff;
    font-size: 20px;
    background-color: transparent;
    border-radius: 40px;
    padding: 12px 8px;
    border: 1px #fff solid;
    width: 248px;
    text-align: center;
    margin: 0 auto;
    height: 57px;
    display: block;
    margin-top: 12px;
}
.frm-button input
{
	text-decoration: none;
	color:#fff;
}
.meet-text h1
{ font-family: 'Hellix';
    font-weight: 300;
	color: #fff;
	font-size: 55px;
}
.meet-text span
{
	color: #bd3455;
	font-size: 55px;font-weight: 600;
}
.meet-text p
{
	font-size: 25px;
	color: #C6C6C6;
	font-weight:100 ;
}
.meet-logo img
{
	max-width: 100%;
}
.meet-logo h1
{
	font-size: 25px;
	color: #fff;
}
.meet-logo1 h1
{
	font-size: 25px;
	color: #fff;
}
.meet-logo { margin: 21px 16px; width: fit-content; text-align: center;align-items: center; display: flex;}
.meet .mt-4 {}
.meet-logo img {cursor: pointer;max-width: 100%;filter: grayscale(1);}
.meet-logo img:hover {filter: grayscale(0);}
.slick-list { overflow: hidden;}
.slick-slide { float: left;}
.slick-list {    left: 0!important;}
.better {	margin: 50px 0px;}
.pay {margin: 100px 0px;}
.payout {margin: 50px 0;}
.payout {margin: 100px 0; margin-bottom: 0;}
.better-text h1
{
color:#fff;font-size: 55px;font-family: 'Hellix';
    font-weight: 300;}

.better-text span
{
	color:#bd3455;
	font-size: 55px; font-weight: 600;
}
.better-text p
{
    color: #C6C6C6;
    font-size: 40px;
    margin-top: 30px;    line-height: 55px;
}
.better-text p strong {color: #fff;}
.better-text img
{
	max-width: 100%;margin-top: 20px;
}
.pay-img img
{    margin-top: 112px;
    width: 96%;
	max-width: 100%;
}
.meet {padding: 40px 0;}
.pay-text h1
{
	color:#fff;
	font-size: 55px; margin-bottom: 20px;font-family: 'Hellix';  font-weight: 300;
}
.pay-text span
{
	color: #bd3455; font-weight: 600;

}
.pay-text p
{
	font-size: 18px;
    color: #C6C6C6;
    font-weight: 100;line-height: 28px;
}
.payout-text h1
{
	color:#fff;
	font-size: 28px; text-align: center; margin-bottom: 25px;    line-height: 32px;
}
.payout-text img
{
	max-width: 100%;
    width: 80px;
    height: 80px;
}
.payout-text {text-align: center;min-height: 350px;}
.clients-slider-sec {background-color: #2A2A2B;border-radius: 28px;margin: 0 35px;}
.clients-slider-sec img {border-radius: 28px;}
.box-text h2 { font-size: 20px; color: #6A6A6A;width: fit-content; display: inline-block;vertical-align: bottom;}
.box-text { padding: 15px;}
.clients-slider-sec p {    font-size: 20px;
    color: #6A6A6A;margin-top: 10px;}
.box-text span img {width: fit-content; display: inline-block; margin-right: 5px;}
.slick-dots {padding: 0; text-align: center; margin-top: 40px;}
.slick-dots li button {font-size: 0;
    width: 15px;
    height: 15px;
    background-color: #DADADA;
    border-radius: 100%;
    margin: 3px;line-height: 20px;
    border: none;}
    .slick-dots li {display: inline-block; width: fit-content;}
    .slick-active button {background: -webkit-linear-gradient(#AA3FFF, #E94E57);}
    .our-client {padding: 30px 0;}
    .our-client-slider {margin-top: 45px;}
    sub, sup {  position: unset;vertical-align: revert;}
/*responsive start*/
@media(max-width:1400px){
.time h1 { font-size: 30px;}
.banner-text h1 {color: #fff; font-size: 68px;}
.next-text h1 { font-size: 70px;}
.meet-logo { margin: 15px 13px;}
.payout-text { min-height: 367px;}

}

 @media(max-width:1199px){

  .time h1 { font-size: 21px;}
.banner-text h1 { font-size: 55px;}
.meet-text h1 { font-size: 55px;}
.better-text h1 { font-size: 55px;}
.pay-text h1 {font-size: 55px;}
.pay-text p { font-size: 16px;}
.pay-text-he h1 {font-size: 55px;}
.pay-text-he h1 {font-size: 55px;}
.next-text h1 { font-size: 60px;}
.next-text h2 { font-size: 60px;}
.better-text p {font-size: 30px;}
.why-choose-list li:first-child {  border-radius: 0; font-size: 33px;}
.next-level {  padding: 50px 0;}
.why-choose { padding: 6rem 0;}
.info { padding: 5rem 0 0;}
.payout { margin: 50px 0;}
 	}


    @media(max-width:1024px){
nav .btn{ margin-right: 3rem;     }
.navbar-nav .nav-item { margin-right: 1.5rem;}
.heading{ font-size: 3.5rem;}
.upper-block:before, .upper-block:after, .way-to-seo:before, .service:before, .service:after, .approach-section1:after, .approach-section2:after, .approach-section4:before, .clients:after, .clients:before, .contact-detail:after, .our-blog:before, footer:before{    max-width: 18rem;background-size: contain;}
.time h1 { font-size: 21px;}
.banner-text h1 { font-size: 51px;}
.meet-text h1 { font-size: 51px;}
.better-text h1 { font-size: 51px;}
.pay-text h1 {font-size: 50px;}
.pay-text p { font-size: 16px;}
.pay-text-he h1 {font-size: 51px;}
.pay-text-he h1 {font-size: 51px;}
.next-text h1 { font-size: 60px;}
.next-text h2 { font-size: 60px;}
.why-choose-list li:first-child { border-radius: 0; font-size: 3rem;}
.next-level {  padding: 50px 0;}
.why-choose { padding: 6rem 0;}
.info { padding: 5rem 0 0;}
.payout { margin: 50px 0;}

    }


    @media(max-width:992px){
        .god-w-sh-desk-top {display: none;} 
.god-w-sh-mob {display: block; text-align: center; }
.god-w-sh-mob {margin: 0 auto;}

.clients-slider-sec p {font-size: 16px;}
.floating2 { top: 45%;}
.fr-po { margin-bottom: 2rem!important;}
.pay-img img { margin-top: 0; width: 53%; max-width: 100%; margin: 40px auto; margin-top: 0;}
.pay { margin: 50px 0px;margin-bottom: 0}
.payout-text img { max-width: 100%; width: 70px; height: 70px;}
.meet-logo { margin: 21px 24px;}
.why-choose-list.wcl3 {    margin-top: -8px;}
.why-choose-list.wcl1 {    margin-top: -8px;}
.next-level { padding: 50px 0;}
.fr-po { margin-bottom: 3rem!important;}
.why-choose-list li:first-child { border-radius: 0; font-size: 3rem;}.tab{display: block;}
.banner-middle h1 { font-size: 4rem; font-weight: bold; line-height: 5rem; }
.banner-middle h1  br{display: none; }
.banner-middle{    padding: 5rem 0; }
.banner-middle .input-group-blk{  padding: 2rem 0; }
.heading{ font-size: 3.5rem;margin-bottom: 3rem;}
.way-to-seo{padding: 5rem 0}
.service{  padding: 5rem 0; }
.service-column { width: 50%; padding: 0; }
.service-list h4{font-size: 2rem;}
.approach-list h3{
    font-size: 2rem;
    line-height: 3rem;
}
.approach-list p{
    font-size: 1.8rem;
    line-height: 2.4rem;
}
.approach .row {
    --bs-gutter-x: 5rem;
}
.approach-list{
    padding-bottom: 4rem;
}
.why-choose-list li:first-child {

    font-size: 2rem;
}
.why-choose-list li{
    font-size: 1.4rem;
}
.client-video{
    margin-top: 3rem;
}
.contact-detail{
    padding: 5rem 0;
}
.desktop{display: none;}
.info-list h3{
    font-size: 2.4rem;
}
.info-list p{
    font-size: 1.8rem;
}
.info-icon img{max-height: 10rem}
.info{
    padding: 5rem 0;
}
.contact-detail input{
    margin-bottom: 2rem;
}
.upper-block:before, .upper-block:after, .way-to-seo:before, .service:before, .service:after, .approach-section1:after, .approach-section2:after, .approach-section4:before, .clients:after, .clients:before, .contact-detail:after, .our-blog:before, footer:before, .way-to-seo:after{    max-width: 8rem;background-size: contain;}
.better-seo .row { --bs-gutter-x: 2rem;}
.bs-content h3{font-size: 2.4rem;}
.bs-content p{font-size: 1.8rem}
.better-seo{padding: 2rem 0}
.service-content p{font-size: 1.8rem}
.service .col-lg-4:nth-of-type(4) .service-list { margin-top: -5rem;}
.approach-content h3{font-size: 2.4rem;line-height: 3rem}
.approach-content p{font-size: 1.8rem}
.why-choose{padding: 5rem 0; padding-bottom: 0;}
.why-choose .row{--bs-gutter-x: 3rem;}
.wcl2{    margin-top: 0rem;}
.wcl2 li{padding: 3.1rem 1rem;}
.why-choose .heading{margin-bottom: 5rem}
.column-3{    --bs-gutter-x: 2rem;}
.upper-block:after{top: 7%}
.approach-icon{min-height: 9rem;max-height: 9rem;width: auto;}
.approach-icon img {  max-width: 8rem; height: auto;}
.approach{padding: 5rem 0}
.approach .p-50{padding: 4rem 0}
.bs-img img { max-width: 357px;}

.contact-detail .mb-3 { margin-bottom: 3rem!important;}
.time h1 { font-size: 21px;}
.banner-text h1 { font-size: 51px;}
.meet-text h1 { font-size: 51px;}
.better-text h1 { font-size: 51px;}
.pay-text h1 {font-size: 50px;}
.pay-text p { font-size: 16px;}
.pay-text-he h1 {font-size: 51px;}
.pay-text-he h1 {font-size: 51px;}
.next-text h1 { font-size: 45px;}
.next-text h2 { font-size: 50px;}
.lower-footer p { font-size: 15px;}
.payout-text h1 { font-size: 20px;}
.show-text p { font-size: 14px;}
.payout {  margin: 50px 0; margin-bottom: 0;}
.info-blk { width: 80%; margin: 0 auto;}


    }

@media(max-width:768px){
.god-w-sh-mob {
    display: block;
    text-align: center;
    width: 100%;
}

}

    @media (max-width:767px){

.god-w-sh-desk-top {display: none;} 
.god-w-sh-mob {display: block; width: 100%!important;}
        .wcl3 li {text-align: left;}
.hover-imgh:hover .show-text { height: 93px;;}
.payout-text { min-height: 325px;}
.frm-icon { display: inline-block;margin-right: 10px;}
.show-text p { font-size: 13px;}
h1 {line-height: normal!important;}
body {}
.lower-footer { padding: 15px 0;}
.banner-text p {font-size: 24px;  line-height: 30px;}
.payout-text h1 { font-size: 17px;}
.payout-text { text-align: center; margin-bottom:0px;}
.payout {margin: 50px 0;    margin-bottom: 0;}
.banner {padding-bottom: 15px;padding: 15px 0px;}
.afterbefore-btn a {width: 290px;}
.next-level {     padding: 15px 0px; padding-top: 30px;}
.icon-head a { font-size: 16px;}
.pay { margin: 0px 0px;}
.pay-img img {margin-top: 50px;    width: 100%;}
.wcl2 {width: 80%; margin: 0 auto;}
.meet-logo {width: 44%;display: inline;margin: 25px auto;}
.container{max-width: 100%}
.upper-block:before{display: none;}
.upper-block:after{display: none;}
.way-to-seo:before{display: none;}
        .service:before{display: none;}
        .service:after{display: none;}
        .approach-section1:after{display: none;}
        .approach-section1:before{display: none;}
        .approach-section4:before{display: none;}
        .contact-detail:after{display: none;}
        .our-blog:before{display: none;}
        footer:before{display: none;}
        .way-to-seo:after{display: none;}
        .approach-section2:after{display: none;}
        .clients:after{display: none;}

           .banner-text h1 { font-size: 34px;}
   .banner-text p {
    font-size: 24px;}
    .fixed-ul ul li {font-size: 20px;
}
.fixed-ul ul li:before {    left: -26px;}
.icon-head {
    text-align: start;    margin-top: 0;
}
.banner-text {
    margin-top: 10px;
}
.logo-contant {padding-top: 15px;}
.frm-icon2 {margin-left: 0;
    margin-top: 10px;
}
.time h1 {
    color: #fff;
    font-size: 25px;
}
.time-frm .form-control {font-size: 15px;}
.frm-brd { padding: 10px;}
.frm-button { font-size: 17px;padding: 12px 8px;width: 200px;height: 55px;    display: inline;
}
.meet {
    padding: 15px;
}
.meet-text h1 {font-size: 40px;
}
.meet-text span {font-size: 40px;    margin-bottom: 25px;}
.meet-text p {font-size: 24px;}
.better-text h1 {font-size: 40px;}
.better-text h1 span {font-size: 40px;}
.better-text p { font-size: 25px;line-height: 35px;}
.pay-text h1 {
    color: #fff;
    font-size: 40px;
}
.pay-text-he h1 {font-size: 40px;}
.pay-text-he h1 {font-size: 40px;}
.next-text h1 {font-size: 40px;}
.next-text h2 {font-size: 50px;}
.pay-img {text-align: center;}
.pay-img img {max-width: 55%;    margin: 34px 0;}
.frm-brd {    margin: 35px auto;}
.lower-footer p {  font-size: 12px;}
.better-text img { margin-top: 0px;}
.logo p {margin-top: 20px;}
    }


    @media(max-width:575px){
        .meet-logo h1 {
    font-size: 19px;}
        .payout-text { text-align: center; margin-bottom:45px;}
   .banner-text h1 { font-size: 30px;}
   .banner-text p {
    font-size: 24px;}
    .fixed-ul ul li {font-size: 20px;
}
.fixed-ul ul li:before {    left: -26px;   top: 7px;
    margin: unset;
    left: -29px;
    vertical-align: initial;}
.icon-head {
    text-align: start;
}
.frm-icon2 {margin-left: 0;margin-top: 10px;}
.time h1 {color: #fff; font-size: 20px;}
.time-frm .form-control {font-size: 15px;}
.frm-brd { padding: 10px;}
.frm-button { font-size: 17px;padding: 12px 8px;width: 200px;height: 55px;}
.meet { padding: 15px;}
.meet-text h1 {font-size: 32px;}
.meet-text span {font-size: 32px;}
.meet-text p {font-size: 24px;}
.better-text h1 {font-size: 30px;}
.better-text h1 span {font-size: 32px;}
.better-text p { font-size: 25px;}
.pay-text h1 { color: #fff; font-size: 32px;}
.pay-text-he h1 {font-size: 32px;}
.next-text h1 {font-size: 34px;}
.next-text h2 {font-size: 46px;}
.our-client {  padding: 0;}
.clients-slider-sec { background-color: #2A2A2B;border-radius: 28px; margin: 0 5px;}
.clients-slider-sec p {  font-size: 17px;}
body .lower-footer p {text-align: center!important;}
.slick-dots { margin-top: 10px;}
.lower-footer p {font-size: 11px;}
.payout-text h1 { font-size: 17px;}
.lower-footer p {text-align: left!important;}
        body{
                background-position: center center;
        }
        .award{
            width: 100%;
        }
        .services-blk {
            flex-direction: column;
        }
        .service-column{
            width: 100%;
            padding: 0;
        }
        .banner-middle h1 br{
            display: none;
        }
        .banner-middle h1 {
        font-size: 3.4rem;
        font-weight: bold;
        line-height: 4.5rem;
      }
      .heading{
        font-size: 3rem;
         line-height: 4.3rem;
        margin-bottom: 3rem;
      }
      .border-bottom{
        border-bottom: 5px solid #FFBDA6!important;

      }
      .contact-detail input{
        margin-bottom: 2rem;
      }
      .btn-danger{
        font-size: 1.6rem;
      }
      .banner-middle{
            padding: 4rem 0;
      }
      .input-group-blk{
        flex-direction: column;

      }
      .input-group-blk input{
        padding: 1.3rem;
        margin-bottom: 2rem;
      }
      .banner-middle .input-group-blk{
        padding: 3rem 0;
      }
      .way-to-seo{
        padding: 4rem 0 ;
      }
      .service{
        padding: 4rem 0;
      }
      .service-column:first-child .service-list:first-child, .service-column:last-child .service-list:first-child {
        padding-bottom: 2rem;
    }
    .service-list h4{font-size: 2rem}
    .wts-list h3 br{
        display: none;
    }
    .approach-list h3{
        font-size: 2rem;
        line-height: 3rem;
    }
    .approach-list p{
        font-size: 1.6rem;
        line-height: 2.5rem;
    }
    .approach-list {
        padding-bottom: 3rem;
    }
    .info{
           padding: 2rem 0 0;
    }
    .client-video{
        margin-top: 3rem;
    }
    .clients-blk p{
        font-size: 1.6rem;
    }
    .clients-blk h5{font-size: 1.8rem}
    .clients-blk span {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 2rem;
        color: #7D7D7D;
    }
    .contact-detail{
        padding: 4rem 0;
    }
    .description{
        font-size: 1.6rem;
        line-height: 2.5rem;
    }
    .description br{
        display: none;
    }

    .header-right{
            justify-content: space-between;
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
    }
      .header-right a{
        margin: 0;
      }
      .info-blk{
        flex-wrap: wrap;
      }
      .info-list {
            width: 100%;    margin-bottom: 24px;
      }
      .info-list h3{
        font-size: 2.5rem;
      }
      .info-list p{
        font-size: 1.8rem;
      }
      .info-icon img{
            max-height: 8rem;
      }
      .navbar-nav{
        position: absolute;
    background: #fff;
    width: 97%;
    padding: 10px;
    z-index: 99; box-shadow: 0 0 10px #ddd;  }
.dropdown-item { font-size: 1.5rem; border-bottom: 1px solid #ddd; padding: 1rem;  }
.navbar-nav .nav-item{    margin-right: 0;      }
.contact-us {  background: var(--bg-danger);  border-radius: 30px;  font-size: 1.5rem;  padding: 0.7rem 2rem;}
.tab{display: none;}
.clutch-logo{width: 50%}
.bs-content h3{font-size: 2.6rem}
.bs-content p{font-size: 1.6rem}
.service-content h3{font-size: 2.6rem}
.service-content p{font-size: 1.6rem}
.service-list svg{    max-height: 7rem;    }
.service-img{    margin-bottom: 3rem;}
.service .col-lg-4:nth-of-type(2) .service-list{margin-top: 0;}
.service .col-lg-4:nth-of-type(4) .service-list{margin-top: 0;}
.service .col-lg-4:nth-of-type(1) .service-list{    margin-top: 4rem;}
.approach{padding: 5rem 0}
.approach-content h3{font-size: 2.4rem;line-height: 3rem;margin-bottom: 1rem}
.approach-content h3 br{display: none;}
.approach-content p{font-size: 1.6rem;line-height: 2.4rem}
.approach-section2 .row, .approach-section4 .row{flex-direction: column-reverse;}
.approach-img{margin-bottom: 3rem}
.p-50{padding: 2rem 0}
.approach-img-right .approach-icon, .approach-icon{  bottom: -3%;  right: -11%;  top: auto; left: auto;}
.approach-icon img{    max-width: 8rem;}  
.approach-icon{    min-height: 8rem;}
.why-choose-list li:first-child{font-size: 2rem;margin-bottom: 2rem}
.why-choose-list li{margin-bottom: 2rem}
.wcl1 li,.wcl3 li {border-radius: 3rem;display: flex;justify-content: center}
.wcl1, .wcl3{display: flex;justify-content: center;flex-wrap: wrap;} 
.wcl1{margin-bottom: 4rem}
.why-choose .heading{margin-bottom: 3rem}
.wcl2 li{padding: 1rem}
.why-choose{padding: 5rem 0; padding-bottom: 0;}
.clients-video-blk{margin-bottom: 2rem}
.clients-video-blk a img{width: 4rem}
.approach-section3 .approach-icon{bottom: -3%;}
.contact-detail .mb-3{margin-bottom: 3rem!important;}
.clients{padding: 4rem 0 0}
.client-video{margin-top: 0}
.clutch-logo img{max-height: 13rem;}
.bs-img.fixed{position: relative;}
.bs-img img{max-width: 100%}
.better {  margin: 50px 0px; margin-bottom: 10px;}
.frm-icon { display: inline-block; margin-right: 10px;}

}
@media(max-width:575px){
.why-choose-list {width: 300px; margin: 0 auto;    }
.payout-text { min-height: auto;}
}

@media(max-width:400px){
    .show-text p {
    font-size: 14px;
}
.approach-img-blk{ max-width: 33rem;}
.logo-slide-list {width: 135px;}
.rf-graph .rf-curve { position: absolute; top: -10px; left: 0;}
.payout-text { min-height: auto;}
}
@media(max-width:375px){
    .show-text p {
    font-size: 14px;
}
.approach-img-blk{    max-width: 30rem;}
.payout-text { min-height: auto;}
}
@media(max-width:360px){
    .show-text p {
    font-size: 14px;
}
.payout-text { min-height: auto;}
.approach-img-blk{    max-width: 27rem;}
}

@media only screen and (min-width: 579px) and (max-width: 760px) {
.hover-imgh:hover .show-text {  height: 140px;}
}