@media(min-width:1280px){
    
header .navigation ul.inner-submenu > li > a{
    font-size:15px;
    line-height:24px;
    font-weight:300;
}   
 header .navigation ul.inner-submenu {
        padding-top: 21px;
        display: block;
        padding-left: 0;
        min-width: 130px;
 }
header .navigation ul.inner-submenu.spilt{
    column-count: 2;
    column-gap: 70px;
}
header .navigation ul.inner-submenu li+li {
    margin-top: 12px;
}
header .navigation .submenu{
   width: calc(100% + 80px);
}
.page-template-paid_landing_page .footer-row .mobTxt{
    display:none;
}

}


@media(max-width:1890px){
    .container{
        max-width: 1430px;
        margin:0 auto;
    }
    .main-header{
        padding-left: 60px;
    }
    .main-wrapper{
        overflow: hidden;
    }
    header .navigation > li > a{
        font-size: 13px;
        line-height: 18px;
    } 
    header .navigation >li.has-child:after{
        width:8px;
        height:9px;
    }
    .side_header ul.timezone li > a, .side_header ul.contact-bar li> a{
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
    }
    .side_header ul.timezone {
        gap: 30px;
    }
    a.btn.big{
        padding: 12px 24px 14px 56px;
    }
    .hero { 
              padding-top: 25vh;
        height: calc(100vh - 25vh);
    }
    .hero h1 {
        font-size: 72px;
        line-height: 72px;
    }
    .hero .hero-img{
        left: 50%;
        top:60%;
    }
        .bannertxt:before {
        left: 18px;
        top: 102px;
        background-size: 71%;
    }

    .partners-row{ 
        gap: 217px;
    }
    .portfolio {
        padding: 123px 0 201px;
    }
    .sec-head h3{
        font-size: 36px;
    line-height: 44px;
    }
    .portfolio-row {
        margin-top: 56px;
    }
    .swiper-navigate.top-right{
        top: -77px;
    }
    .portfolio-box .feature-cat ul{
            gap: 4px;
    }
    .about-us-home{
        padding: 139px 0 118px;
    }
    .results-inner{
        margin-top: 33px;
        gap:31px;
    }
    .results .sec-head h4 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
    }
    .results .results-inner .result-box h4 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 12px;
    }
    .results .results-inner .result-box{
        padding: 28px 25px 27px 26px;
    }
    .results{
        padding-bottom: 160px;
    }
    .things-wedo-inner{
        margin-top: 43px;
    }
    .things-wedo .wedo-contact.float{
        height: 200px;
        gap: 20px;
    }
    .things-wedo-inner .wedo-box{
        padding: 0 50px;
            min-height: 589px;
    }
    .things-wedo-inner{
        gap: 34px;
    }
    .things-wedo{
        padding-bottom: 167px;
    }
    .partners {
        padding: 160px 0;
    }
    .testimonials .sec-head h3{
        margin-bottom: 20px;
    }
    .common-questions .questions-inner .sec-head h3{
        margin-bottom: 22px;
    }
    .testimonial-inner{
        gap: 81px;
    }
    .testimonial-inner .join-head {
        margin-top: 80px;
    }
    .inner-container {
        max-width: 1285px;
    }
    .common-questions .questions-inner{
        gap: 189px;
    }
        .accordion .acc-head {
        font-size: 17px;
        font-weight: 200;
        line-height: 24px;
        margin-bottom:20px;
    }
    .common-questions{
        padding-bottom: 170px;
    }
    .trusted-partner-reivew{
        padding: 160px 0 175px;
    }
    .blog-section{
        padding: 160px 0 0;
    }
    .trusted-partner-reivew:after {
        top: -74%;
        height: 190%;
            left: 101px;
        transform: none;
    }
    .home-contact .contact-form .form{
        gap: 31.5px 30px;
    }
    .home-contact {
        padding-bottom: 170px;
    }
    .trusted-partner-reivew .clients-row{
        margin: 0 53px;
        gap:130px;
    }
    ul.ft-list.cols2 {
        display: flex;
        flex-direction: column;
    }
    footer .footer-row .ftdetails-box{
        padding-right: 74px;
                position: relative;
        z-index: 9;
    }
    .copyrightrow{
        padding: 116.9px 0 106.1px;
    }
    .copyrightrow:before{
        background-size: contain;
        background-position: center;
        width: 102%;
    }
    .partner-slider .container {
        max-width: 100%;
    }
    main.innercontent.work .hero h3{
        font-size: 36px;
        line-height: 44px;
    }
    main.innercontent.work .hero .left-box {
        max-width: 296px;
        margin-top: 29px;
    }
    main.innercontent.work .bannertxt:before{
              top: 3px;
        background-size: 75%;
    }
    .work-box .portfolio-box .portfolio-description .work-number {
        display: none;
    }
    .work-box .portfolio-box .heading-portfolio h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 26px;
    }
    main.innercontent.work .work-list .feature-work{
        gap: 90px;
    }
    .all-work.listings .work-title h4 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
    }
    .all-work.listings ul.listing-row li{
        padding: 52px 0 57px;
    }
    main.innercontent.work .work-list {
        padding-bottom: 161px;
    }

    main.innercontent.work-detail .hero h1 {
        font-size: 36px;
        line-height: 44px;
    }
    main.innercontent.work-detail .hero {
        padding-top: 268px;
        padding-bottom: 390px;
    }
    main.innercontent.work-detail.light .hero{
        padding-top: 265px;
    }
    main.innercontent.work-detail .hero .work-features{
        margin: 74px 0 73px;
    }
    .hero p {
        font-size: 17px;
    }
    main.innercontent.work-detail .txt-content h4, main.innercontent.work-detail .txt-content h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 12px;
    }
    main.innercontent.work-detail .txt-content h3 {
        margin-bottom: 20px;
    }
    main.innercontent.work-detail .txt-content + .txt-content {
        margin-top: 40px;
    }
    main.innercontent.work-detail .work-content .txt-container {
        padding: 154px 291px 160px;
    }
    main.innercontent.work-detail .hero h1{
        max-width: 639px;
    }
    main.innercontent.work-detail .breadcrumb {
        margin-bottom: 36px;
    }
    main.innercontent.work-detail section.work-content .feature-image img {
        margin-top: -390px;
    }
    main.innercontent.work-detail .bannertxt:before{
        top: 57%;
    }
    
    main.innercontent.work-detail .work-content .txt-container.glow:after{
         right: -221px;
    }
    main.innercontent.work-detail.light .work-content .txt-container.glow:after{
        right: -164px;
    }
    main.innercontent.work-detail .txt-content + .txt-content h4 {
        margin-bottom: 20px;
    }
    .work-content .overview-btn{
        bottom: 170px;
    }
    .contact .right-col .submit-row{
        gap: 44px;
    }
    main.innercontent.contact .hero .bannertxt:before {
       top: 3%;
        background-size: 84%;
    }
    main.innercontent.contact .hero {
        padding-bottom: 166px;
        padding-top: 326px
    }
    .contact .home-contact:before {
                top: -22%;
        background-size: 80%;
        left: 33%;
    }
    .contact .home-contact {
        padding-top: 185px;
    }
    .contact .home-contact:after {
    top: 297px;
    right: 152px;
}
    main.innercontent.contact .hero-cols{
        gap: 149.5px;
        grid-template-columns: 650px 1fr;
        margin-right:0;
    }
    main.innercontent.contact .hero h1{
        max-width: 100%;
    }
    .partners-row .clients ul.clients-list{
        gap: 20px;
    }
    .about-us-home .sec-head {
        max-width: 960px;
    }
    .about-descriptionbox{
    column-gap: 60px;
    }
    .things-wedo:before{
        right: -1%;
        top: -61%;
        width: 50%;
        height: 100%;
    }
    .things-wedo-inner .wedo-box .wedo-desc h4 {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 32px;
    }
    .things-wedo-inner .wedo-box .wedo-desc {
        margin-top: 40px;
    }
    .things-wedo-inner .wedo-box-outer{
        gap: 25px;
            height: 589px;
    }
    .things-wedo-inner .wedo-box.noimg .wedo-desc h4 {
        margin-bottom: 12px;
    }
    .things-wedo-inner .wedo-box .wedo-feature{
        width:251px;
        height: 185px;
    }
    .things-wedo-inner .wedo-box .wedo-feature img{
        height: 100%;
        width: 100%;
    }

    .partners:after{
        background-size: 49%;
        left: 218px;
    }
    
    .results:before {
    background-size: 81%;
    background-position: 19%;
}
.partners:before{
    left: 227px;
}
.common-questions:before{
        top: 0;
        right: -114px;
}
.testimonials{
        padding-bottom: 170px;
}

.blog-section .sec-head{
        margin-bottom: 42px;
                margin-right: 75px;
}
    
    
.trusted-partner-reivew .sec-head{
        margin-bottom: 40px;
}    
.client-reviewbox .reviewbox{
        gap: 10px;
}


h3.midhead{
        font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
.home-contact .contact-form .contact-head h3.midhead{
        max-width: 500px;
        margin-bottom: 26px;
}
.home-contact:after{
    height: 700px;
    right: 170px;
    top: 94px;
}
footer .footer-row {
    gap: 81px;
}

.results .results-inner .result-box:before{
 content:url('../images/result-border-391.svg');
}


.wedo-box dotlottie-player {
    width: 355px;
}
.things-wedo-inner .wedo-box.noimg{
        padding: 55px 60px;
}


main.innercontent.faqs .hero{
    padding-top: 326px;
    padding-bottom: 60px;
}
main.innercontent.faqs .inner-container {
    max-width: 1430px;
}
main.innercontent.faqs .questions-cols{
    gap:117px;
}
main.innercontent.faqs .bannertxt:before{
           background-position: 29% -35%;
        background-size: 76%;
}
main.innercontent.faqs .table-of-content li a{
    font-weight: 300;
}
main.innercontent.faqs .questions-sec{
padding-bottom: 166px;
}




/* insights  */



main.innercontent.insight-inner .bannertxt {
    padding-left: 5px;
}
main.innercontent.insight-inner .bannertxt:before{
    left:55%;
    top:-47px;
}


main.innercontent.insights section.hero{
    padding-top: 326px;
}
main.innercontent.insights .hero h1 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 22px;
}

.feature-insights .insights-row .insights-box {
    max-width: 456px;
}
.feature-insights .insights-row .insights-box .imgbox, .feature-insights .insights-row .insights-box .imgbox img {
    width: 100%;
    object-fit: cover;
}
.insights-description {
    padding: 30px 10px 0 0px;
}
.pagination-box {
    padding-top: 60px;
}

.insights-main{
    padding-bottom: 184px;
}



main.innercontent.faqs.insight-inner .hero h1 {
    font-size: 36px;
    max-width: 687px;
    line-height: 44px;
}
main.innercontent.faqs.insight-inner .bannertxt p{
    margin-bottom: 46px;
}
main.innercontent.faqs.insight-inner .hero{
    padding-bottom: 62px;
}

.insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content h4{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 18px;
}

main.innercontent.faqs.insight-inner .hero {
    padding-top: 258px;
}
main.innercontent.faqs.insight-inner .hero h1{
    margin-bottom: 34px;
}
main.about-us .hero {
    padding-top: 25vh;
}
.about-us .hero .herotxt {
    width: 551px;
} 
.author-gallery-box{
    max-width: 725px;
    margin-top: -205px;
}
.author-gallery .imgbox:nth-child(1) {
    width: 198px;
    height: 198px;
}
.author-gallery .imgbox:nth-child(2), .author-gallery .imgbox:nth-child(3) {
    width: 149px;
    height: 148px;
}
.author-gallery .imgbox:nth-child(4), .author-gallery .imgbox:nth-child(5) {
    width: 165px;
    height: 239px;
}
.author-gallery .imgbox img{
    width:100%;
}

.author-banner {
    padding-top: 326px;
    padding-bottom: 127px;
}
.author-banner .auth-head h1{
    margin-bottom: 35px;
    font-size: 36px;
    line-height: 44px;
}
.cols2-p{
    max-width: 609px;
}
.author-banner-inner{
    grid-template-columns: 1fr 725px;
}
.author-banner .author-head {
    margin-bottom: 88px;
}
.author-banner-right .readmorebtn {
    margin-top: 163px;
}

.designPage .hero{ 
      padding-top: 29vh;
}  
.designPage .hero:after {
    left: 11px;
    right: auto;
    top: 40%;
    opacity: .5;
    background-size: contain;
}
.designPage .bannertxt:before{
    right: -266px;
}
.designPage .hero .herotxt {
    width: 574px;
} 
.main-wrapper.designPage .hero h1 {
    margin-bottom: 28px;
}

.impact-areas .sec-head{
    gap: 34px;
}
.main-wrapper.designPage .portfolio{
    padding-top: 216px;
            position: relative;
        z-index: 9;
}


.growth-inner-foundation .foundation-box {
    padding: 25px;
}

.growth-inner-foundation .foundation-box img{
    max-width:402px;
}
    
.premium-features:after{
        width: 768px;
    height: 768px;
}  
.premium-features .features-list{
        gap: 30px;
}

.flexible-plans {
    padding: 147px 0 152px;
}
.powerful-host{
    padding-top: 180px;
}  

.premium-features:after {
        width: 600px;
        height: 600px;
        left: 60px;
}    
    
    
    .flexible-plans.maintenance .container{
        margin:0 80px;
    }
    .flexible-plans.maintenance .sec-head{
        max-width: 300px;
    }
    .maintenanceplan-inner .plan-box .offers {
    top: 17px;
}
.maintenanceplan-inner .plan-box {
    padding: 45px 30px 25px;
}

.flexible-plans.maintenance .sec-head h3 {
    margin-bottom: 72px;
}
    
    
.suppport-package.premium-features .features-list{
        grid-template-columns: 340px 539px 1fr;
}    
.suppport-package.premium-features .features-list .package-description, .suppport-package.premium-features .features-list .performance-feature{
    padding-top: 5px;
}
  
  
 .work .hero {
    padding-top: 326px;
    overflow:visible;
} 
 main.innercontent.work .hero .hero-img{
         left: 69%;
 }  
 
 .feature-work .work-box:nth-child(2){
         margin-top: 129px;
 }  
 
 .all-work.listings:before {
        scale: .8;
        top: -11%;
        left: auto;
        right: 13%;
}
.all-work.listings ul.listing-row li .feature-img > img {
    width: 530px;
    height: 370px;
    object-fit: cover;
    border-radius: 10px;
}
main.innercontent.work section.home-contact {
    padding: 185px 0 100px;
}
main.innercontent.work .home-contact:before{
    top: -24%;
    left: 33%;
}
   
main.innercontent.work .home-contact {
        padding-bottom: 148px;
    } 

main.innercontent.work .ftbrand-box .imgbox img{
    left: -49px;
    width: 126%;
}    
    
main.innercontent.work-detail .hero:after {
        right: 9%;
        top: -9%;
        width: 60%;
}

main.innercontent.work-detail.light .hero:after {
    right: 19%;
    top: 4%;
    width: 60%;
}

main.innercontent.work-detail .bannertxt:before {
        display: block;
        background-position: -61px -43px;
        top: 53%;
        left: 14%;
    }
main.innercontent.work-detail.light .bannertxt:before {
    display: none;
}


main.innercontent.work-detail .hero .hero-img{
    left: 83%;
    top: 63%;
}

main.innercontent.work-detail.light .hero .hero-img{
        left: 81%;
    top: 71%;
}


main.innercontent.work-detail .work-content .txt-container.revbg{
        background-position: 99% 4%;
}

main.innercontent.work-detail.light .work-content .txt-container.revbg {
    background-position: 56% 4%;
}
main.innercontent.work-detail.light .work-content .txt-container{
    padding-left:200px;
    padding-right:200px;
}

main.innercontent.work-detail .home-contact {
    margin-top: 11px;
}
main.innercontent.work-detail.light .home-contact {
    margin-top: 0;
}

main.innercontent.insights .hero:after {
    right: 154px;
    filter: contrast(1.1);
}
main.innercontent.insights .home-contact:before{
    left: 31%;
    top: -53%;
}


.insight-main-content .insights-inner-main{
        gap: 117px;
}
 main.innercontent.insight-inner .inner-container {
        max-width: 1285px;
    }


.insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .img-blox{
    gap: 20px;
}

 main.innercontent.insight-inner .home-contact:after{
    top: 255px;
}

 main.innercontent.insight-inner .insight-main-content{
   background-position: center 28%;
}

.about-us .bannertxt:before {
    top: 87px;
    background-size: 92%;
    left: -37px;
}
    .about-us .bannertxt:before {
        top: 125px;
        background-size: 83%;
        left: 5px;
    }
    

.about-us .hero .hero-img > img {
    width: 87%;
}

main.about-us .hero:after{
        right: -45px;
    top: 1%;
        background-size: 92%;
}

.about-us .results:after {
        top: -126%;
        right: -8%;
        height: 700px;
}

.about-us .results {
    padding-bottom: 161px;
}

.who-we-are.about {
    padding-top: 160px;
}

.about-us .who-we-are.about:after {
    right: 68px;
    top: -128px;
}

.team-slider.swiper {
    padding: 53px 0 160px 15px;
}
.global-team .sec-head h4{
        max-width: 778px;
}
.global-team .global-description{
    max-width: 542px;
}


.global-team-gallery .imgbox:nth-child(1) img, .global-team-gallery .imgbox:nth-child(5) img, .global-team-gallery .imgbox:nth-child(6) img {
    height: 216px;
    width: 216px;
}
.global-team-gallery .imgbox:nth-child(2) img {
    height: 281px;
    width: 481px;
}
.global-team-gallery .imgbox:nth-child(3) img, .global-team-gallery .imgbox:nth-child(4) img, .global-team-gallery .imgbox:nth-child(7) img {
    height: 281px;
    width: 216px;
}

.global-team-gallery{
        gap: 22px;
}
    .about-us .testimonials:before {
        top: -56%;
        background-size: contain;
        right: 1%;
        width: 800px;
        height: 572px;
    }
.global-team {
    margin-bottom: 106px;
}


.about-us .testimonials {
    padding-bottom: 163px;
}

.blog-section .sec-head h3{
 font-weight: 200;
}
.about-us .trusted-partner-reivew:after{
    top: -72%;
        left: 97px;
} 

main.innercontent.faqs .questions-cols .content-head {
    padding-right: 181px;
}

.questions-sec:before{
        left: 50px;
}
.questions-sec:after{
        left: 25%;
        right: 100px;
            background-position: 65px;
                background-size: 76%;
}

.accordion .acc-box{
        padding: 30px 30px 10px;
}

main.innercontent.faqs .home-contact {
    padding-top: 185px;
}

.form .inputbox label sup {
    position: absolute;
    right: -17px;
    top: -2px;
    font-size: 11px;
}

.form-tab .form-tabbing{
    margin-top:6px;
}

.author-banner:after{
        content: url(../images/glow-dark.svg);
    position: absolute;
    left: 41%;
    top: -22%;
    width: 726px;
    height: 621px;
    transform: translateX(-50%);
    mix-blend-mode: lighten;
    scale: .9;
 }
    
    .author-banner:before { 
    right: -32%;
    bottom: -26%; 
    background-size: 79%;
}


.author-gallery{
        gap: 16px;
}


.articles-list {
    padding-top: 31px;
}

.designPage .hero .hero-img {
    right: -32%;
}
.designPage .impact-areas:after {
    left: 44px;
    top: 379px;
}
.designPage .portfolio-row {
    margin-top: 42px;
}
.main-wrapper.designPage .portfolio{ 
    padding-bottom: 234px;
}
 
    .designPage .results .container {
        margin-right: 0;
        margin-left: 60px; 
    } 

.designPage .results .results-inner::-webkit-scrollbar{
    height:0;
}

.design-skill:before{
        left: -3.7%;
    top: -49%;
    z-index: -1;
    scale: .7;
}


.design-skill:after{
    right:-4%;
}
.designskillset {
    margin-top: 60px;
}

.design-skill .container {
    margin-right: 0;
    margin-left: 80px;
    max-width: 100%;
}

.designPage .our-process {
    padding: 135px 0 189px;
}
.our-process .sec-head{
    max-width: 769px;
    gap:12px;
}

.designPage .partners { 
    background-position: 141% -2rem;
}

.testimonial-inner .left-head{
    min-width:390px;
}

.testimonial-slider .swiper-slide{
    max-width:100%;
}

.designPage .testimonials {
        padding-bottom: 297px;
}
.designPage .testimonials:after {
    left: -54px;
    background-size: 48%;
    top: 114px;
}
.designPage .testimonial-box .reviews {
    padding: 30px 0 60px;
}
.designPage .common-questions {
        padding-bottom: 240px;
}

.designPage .blog-section {
        padding: 206px 0 0;
    }

.designPage .home-contact {
  padding-bottom: 183px;
 }


.design-skill.develop .swiper-navigate {
    position: relative;
    display: flex;
    justify-content: end;
    gap: 10px;
}

.articles-row {
    padding: 28px 30px 30px 30px;
    gap:10px
}

.hero.landing {
    padding-top: 25vh;
} 

.about-us-home.landing .about-descriptionbox{
    max-width:780px;
    width:auto;
}


.develop.design-skill .sec-head.cols2{
    gap: 10px;
}

.impact-areas .lottie-containerwhite{ 
    left: 4%;
    top: 25%;
    width: 45%; 
}

.premium-features .lottie-container{ 
    top: 7%;
    width: 49%;
    left: 4%;
}
.about-us .hero .hero-img{
    left: 50%;
    top: 58%;
}

 .landing-new .bannertxt h1{
         max-width: 51%;
 }
.landing-new .banner-contact .form{
    max-width: 687px;
            flex-wrap: wrap;
                    gap: 18px 10px;
}
.landing-new .banner-contact .inputbox {
    width: 49%;
}
.banner-reviews .testimonial-box .reviews p {
    font-size: 18px;
} 

.landing-new .hero.landing .herotxt {
    max-width: 600px;
}
.banner-reviews{ 
    bottom: 0;
}
 
.landing-new .about-new .left-content{
    margin-left:500px;
}
.landing-new .about-newinner{
    gap:100px;
}
.landing-new .approach-slider-wrapper .approach-box {
    width: auto;
}
.dutch_rates_section .white_section {
    min-height: 350px;
}
.team_commitment_section .team_commitment_bottom .team-commitment_box {
    padding: 30px;
}

}

 


@media(max-width:1679px){
    
    .container {
        max-width: 1240px;
    }
    .main-header {
    
        padding-left: 35px;
    }
    .container-fluid {
        margin-left: 60px;
    }
    .side_header ul.timezone li > a, .side_header ul.contact-bar li> a {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }
    .side_header{
        gap: 100px;
    }
    .side_header ul.contact-bar {
        gap: 30px;
    }
    .hero {
        padding-top: 25vh;
    }
    .hero h1 {
        font-size: 60px;
        line-height: 60px;
        max-width: 780px;
    }
    .partners-row { 
        gap: 137px;
    }
    .hero p{
        font-size: 17px;
        line-height: 24px;
    }

    .partners-row .clients ul.clients-list li > a {
        width: 160px;
        height: 70px;
    }
    .portfolio {
        padding: 131px 0 170px;
    }
    .sec-head h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .portfolio-row {
        margin-top: 30px;
    }
    .swiper-navigate.top-right {
        top: -46px;
    }
    .portfolio-box .category {
        margin-bottom: 12px;
    }
    .portfolio-box .feature-cat ul li a {
        font-size: 12px;
    }
    .portfolio-box .portfolio-head {
        padding-top: 30px;
    }
    .portfolio-box .heading-portfolio h4{
        font-size: 19px;
        font-weight: 500;
        line-height: 23px;
    }
    .about-us-home {
        padding: 140px 0 142px;
    }
    .about-us-home .sec-head {
        max-width: 734px;
    }
    .about-descriptionbox{
        margin-top: 30px;
        column-gap: 50px;
    }
    .about-descriptionbox .readmoreBtn {
        grid-column-start: 2;   
        margin-top: 30px;
    }
    .results-inner {
        margin-top: 30px;
                gap: 35px;
    }
    .results .results-inner .result-box h4 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .things-wedo:before{
        top: -72%;
                right: -13%;
    }
    .about-descriptionbox p{
            font-size: 14px;
    line-height: 22px;
    max-width:290px;
    }
    .about-us-home.landing .about-descriptionbox p{
        max-width:100%;
    }
    .things-wedo-inner {
        margin-top: 32px;
    }
    .things-wedo .wedo-contact.float {
        height: 180px;
    }
    .things-wedo-inner {
        gap: 36px;
    }
    .things-wedo-inner .wedo-box {
        padding: 0 40px;
        min-height: 547px;
    }
    .things-wedo-inner .wedo-box .wedo-desc h4 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .things-wedo-inner .wedo-box .wedo-desc p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }
    .things-wedo-inner .wedo-box .wedo-desc {
        margin-top: 40px;
    }
    .things-wedo-inner .wedo-box-outer{
        gap: 37px;
    }
    .things-wedo-inner .wedo-box.noimg{
        padding: 50px 39px;  
    }
    .things-wedo-inner .wedo-box .wedo-desc .category p{
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }
    .things-wedo .wedo-contact.float h4{
        font-size: 17px;
        line-height: 23px;
                max-width: 270px;
    }
    .things-wedo .wedo-contact.float{
        gap: 30px;
    }
    .things-wedo {
        padding-bottom: 141px;
    }
    .things-wedo-inner .wedo-box a.txtbtn.secondary {
        margin-top: 30px;
    }
    .partners {
    background: none;
        padding: 143px 0 141px;
    }
    .partners .sec-head h4 {
        font-size: 17px;
        line-height: 23px;
    }
    .partners .sec-head .description{
        padding-top: 20px;
    }
    .partners .sec-head .description p, .testimonials .sec-head p, .testimonial-box .reviews p, .testimonial-box .client-meta h5.name, 
    .common-questions .questions-inner .sec-head h5, .blog-row .blog-box .blog-description p {
        font-size: 16px;
        line-height: 22px;
    }
    .testimonial-inner .join-head {
        margin-top: 70px;
    }
    .testimonial-inner .join-head h4{
        font-size: 17px;
        line-height: 23px;
    }
    .testimonials .sec-head h3 {
        margin-bottom: 22px;
    }
    .testimonial-inner .join-head a.txtbtn{
        font-size: 12px;
        line-height: 18px;
            margin-top: 29px;
    }
    .testimonial-box .reviews {
        padding: 20px 0 40px;
    }
    .accordion .acc-head {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;
    }
    .accordion .acc-body p {
        font-size: 14px;
        line-height: 22px;
    }
    main.innercontent.work-detail .hero .work-features h6{
        font-size:14px;
    }
    main.innercontent.work-detail.light .work-content .overview-btn {
        bottom: 80px;
    }
    .common-questions {
        padding-bottom: 141px;
        overflow: visible;
    }
    .blog-section {
        padding: 120px 0 0;
    }
    .blog-section .sec-head {
        margin-bottom: 30px;
    }
    .blog-row .blog-box .blog-title h4{
        font-size: 17px;
        font-weight: 500;
        line-height: 23px;
    }
    .swiper-navigate.bottom{
        margin: 64px auto 0;
    }
    .home-contact:before {
       left: 11%;
        top: -32%;
        width: 494px;
        height: 516px;
    }
    .home-contact {
        padding-bottom: 201px;
    }
    footer .footer-row{
        gap:113px;
    }
    footer .footer-row .ftdetails-box {
        padding-right: 41px;
    }
    .ftdetails-box .ft-featurebox h4.ft-head {
        font-size: 12px;
    }
    ul.ft-list {
        margin-top: 23px;
    }
    .copyrighttxt p {
        font-size: 12px;
        line-height: 18px;
    }
    ul.ft-list.cols2, ul.ft-list{
        gap: 10px;
    }
    .ftbrand-box .addressbox p, .ftbrand-box .ftheadline p {
        font-size: 12px;
        line-height: 20px;
    }
    .home-contact .contact-form{
        padding:50px;
        width: calc(680px - 100px);
    }
    .home-contact .contact-form .submit-row .subhead p {
        font-size: 13px;
        line-height: 20px;
    }
    .home-contact .contact-form .contact-head h3.midhead {
        max-width: 400px;
    }
    h3.midhead {
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
    }
    .home-contact .contact-form .contact-head p {
        font-size: 16px;
        line-height: 22px;
    }
    a.btn.big {
        padding: 12px 33px 14px 56px;
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
    }
    .form .inputbox label {
        font-size: 12px;
    }
    .home-contact .contact-form .submit-row{
        gap: 41px;
        grid-template-columns: 341px 1fr;
    }

    main.innercontent.work .bannertxt:before {
               left: auto;
                top: 34px;
    }
    main.innercontent.work .hero .hero-img{
        transform: translate(-45%, -30%);
    }
    .all-work.listings ul.listing-row li {
        padding: 40px 0;
    }
    .all-work.listings .work-number {
        margin-right: 40px;
    }
    .all-work.listings .work-title h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
    }
    .all-work.listings ul.listing-row li .work-detail-link a.hoverout img {
        width: 20px;
        height: 20px;
    }
    main.innercontent.work .home-contact:before {
        top: -31%;
        left: 23%;
    }
    main.innercontent.work-detail .hero h1 {
        font-size: 30px;
        line-height: 36px;
    }
    main.innercontent.work-detail .breadcrumb {
        margin-bottom: 30px;
    }
    main.innercontent.work-detail .breadcrumb p{
        font-size: 14px;
        line-height: 22px;
    }
    main.innercontent.work-detail .hero .work-category {
        margin-top: 21px;
    }
    main.innercontent.work-detail .hero .work-category ul li a {
        font-size: 12px;
    }
    main.innercontent.work-detail .hero .work-features {
        margin: 60px 0 86px;
    }
    main.innercontent.work-detail .work-content .txt-container {
        padding: 139px 252px 148px;
    }
    main.innercontent.work-detail .txt-content h4, main.innercontent.work-detail .txt-content h3 {
        font-size: 22px;
        line-height: 30px;
    }
    main.innercontent.work-detail .txt-content p {
        font-size: 14px;
        line-height: 22px;
    }
    main.innercontent.work-detail .txt-content h5 {
        font-size: 17px;
        line-height: 23px;
    }
    main.innercontent.work-detail section.work-content {
        padding-bottom: 12px;
    }

    main.innercontent.contact .hero .offce-address .address-row .address{
        max-width: 328px;
    }
    main.innercontent.contact .bannertxt h4 {
        font-size: 17px;
        font-weight: 400;
        line-height: 23px;
    }
    main.innercontent.contact .hero h1 {
        margin-bottom: 30px;
    }
    main.innercontent.contact .hero-cols {
        gap: 118.5px;
        grid-template-columns: 560px 1fr;
    }
    main.innercontent.contact .hero .right-col{
        max-width: 560px;
    }
    main.innercontent.contact .hero .offce-address .address-row +.address-row {
        margin-top: 53px;
    }
    main.innercontent.contact .hero .offce-address{
        padding-top: 31px;
    }

    main.innercontent.contact .hero{
        padding-top: 314px;
                padding-bottom: 119px;
    }
    main.innercontent.contact .hero .offce-address{
        margin-top: 87px;
    }
    main.innercontent.contact .hero .offce-address .address-row .address p, main.innercontent.contact .hero .offce-address .address-row .city p {
        font-size: 14px;
        line-height: 22px;
    }
    main.innercontent.contact .hero .offce-address .address-row .address p:nth-child(2) {
        font-size: 12px;
    }
    main.innercontent.contact .hero .right-col p {
        font-size: 14px;
        line-height: 22px;
            padding-right: 27px;
    }
        .hero:after {
        right: -7%;
        background-size: contain;
        top: -14px;
    }
        header .navigation > li > a {
        font-size: 12px;
        }


    .bannertxt:before{
                left: -1px;
        top: 86px;
    }
        .hero .hero-img {
              left: 50%;
        width: 62%;
        top: 56%;
    }
    
       .side_header a.btn.big.ylw {
        padding: 12px 23px 14px 55px;
        }

.partners-row .clients ul.clients-list{
            gap: 10px;
            margin-top: 20px;
}       
a.txtbtn {
    font-size: 13px;
    
}

.portfolio-box .feature-img{
    height: 480px;
}
.portfolio-box .category p{
    font-size: 16px;
    line-height: 22px;
}
.about-gallery img{
    object-fit:cover;
}
.about-gallery img:nth-child(1){
    width: 200px;
    height: 200px;
}
.about-gallery img:nth-child(2), .about-gallery img:nth-child(3) {
    width: 150px;
    height: 150px;
}
.about-gallery img:nth-child(4) {
    width: 316px;
    height: 250px;
}
.about-gallery img:nth-child(5){
        width: 167px;
    height: 216px;
}
.about-gallery{
        width: 882px;
        gap: 17px;
            margin-top: -72px;
}
    .results .sec-head h4 {
        font-size: 22px;
        line-height: 30px;
    }

.results .results-inner .result-box p{
        font-size: 12px;
}
    .results {
        padding-bottom: 139px;
    }
    .results:before{
        top: 61px;
    }
    
      .wedo-box-outer:last-child .wedo-box .wedo-feature {
        width: 239px;
        height: 176px;
    }
        .partners:before {
        left: 0;
        top: -57%;
    }
    
    .partners:after {
        left: 336px;
        top: -18%;
        background: url(../images/newcircledark-small.svg) no-repeat;
    }
    
    .testimonials:before{
    width: 60%;
    height: 492px;
    }
    .partners .partner-block {
    margin-top: 41px;
}
    .testimonial-inner {
        gap: 73px;
    }
    .testimonial-inner .left-head{
        max-width: 358px;
    }
    .testimonial-box:before{
    left: -19.5%;
    top: -15%;
    scale: .8 .9;
    }
    .testimonials:after{
               left: 136px;
        top: 195px;
        background-size: 32%;
    }
    .common-questions:before{
                left: 25%;
                        top: -68px;
    }
    .testimonial-box .ratings p{
            font-size: 14px;
    line-height: 22px;
    color:var(--themewhite);
    gap:15px;
    }
    .testimonial-box .client-meta h6.role {
    font-size: 12px;
    }
        .testimonials {
        padding-bottom: 146px;
    }
        .common-questions .questions-inner .sec-head h3 {
        margin-bottom: 24px;
    }
    .common-questions .questions-inner .description {
    font-size: 14px;
    line-height: 20px;
}
.common-questions .questions-inner{
    grid-template-columns: 358px 1fr;
    gap:206px;
}
.accordion{
        gap: 11px;
}
.trusted-partner-reivew:after{
             top: -33%;
        background-size: 61%;
        left: 130px;
}
.blog-row .blog-box .category p{
    font-size: 12px;
}
.trusted-partner-reivew {
        padding: 142px 0 179.9px;
    }
    
.trusted-partner-reivew .sec-head h4 {
    font-size: 17px;
    line-height: 23px;
}  
.trusted-partner-reivew .clients-row{
        gap: 77px;
}
.home-contact .contact-form .contact-head {
    max-width: 560px;
}

.home-contact .contact-form .form {
    margin: 42px 0 34px;
    gap: 40px 20px;
}    
    
    
    .home-contact:after {
    height: 650px;
        background-size: 88%;
        right: -1%;
        top: 33%;
        background-position: left;
    }    
    .ftbrand-box .imgbox{
        width: 156px;
    height: 51px;
    margin-bottom: 58px;

    }
    .ftbrand-box .imgbox img {
    display: block;
    position: relative;
    left: -30px;
    width: 100%;
    top: -23px;
    height: auto;
}
    .ftbrand-box .addressbox {
    margin-bottom: 35px;
}

ul.ft-list li a, .terms-link ul li a {
    font-size: 12px;
    line-height: 20px;
    
}


.results .results-inner .result-box{
    padding: 28px 25px 29px 26px;
    min-height:auto;
}

    .results .results-inner .result-box:before {
        content: url(../images/result-border-326.svg);
            left: -22px;
    top: -22px;
    }
    
        .wedo-box dotlottie-player {
        width: 300px;
    }
    
    main.innercontent.faqs .inner-container {
        max-width: 100%;
        margin: 0 60px;
    } 
    main.innercontent.faqs .hero {
        padding-top: 311px;
        padding-bottom: 40px;
    }
    main.innercontent.faqs .questions-cols {
        gap: 60px;
    }
    main.innercontent.faqs .table-of-content ul.context-point {
        margin-top: 33px;
    }
    main.innercontent.faqs .questions-cols .content-row .content-head p, .accordion .acc-body h5{
        font-size: 14px;
        line-height: 20px;
    }
    .content-data h4.faqcontent-head{
        margin: 43px 0 13px;
        font-size: 17px;
        line-height: 23px;
    }
    main.innercontent.faqs .table-of-content li a, .accordion .acc-body ul li {
        font-size: 14px;
        line-height: 22px;
    }
    main.innercontent.faqs .accordion {
        gap: 10px;
    }
    main.innercontent.faqs .table-of-content ul.context-point li.active ul.context-innerpoint{
        padding: 16px 0 7px;
    }
    main.innercontent.faqs .table-of-content ul.context-point li+li {
        margin-top: 12px;
    }
    main.innercontent.faqs .questions-sec {
        padding-bottom: 141px;
    }   
    main.innercontent.faqs .bannertxt:before{
        background-position: -11% -19%;
                left: 62%;
    }
        main.innercontent.faqs .questions-cols .content-head {
        padding-right: 48px;
    }
    main.innercontent.faqs .table-of-content h4.head {
        font-size: 17px;
        font-weight: 300;
        line-height: 23px;
    
    }
    main.innercontent.faqs .home-contact:before {
        top: -4%;
        left: 19%;
    }

    main.innercontent.insights section.hero {
        padding-top: 306px;
    }
    ul.insight-category{
        margin-bottom: 40px;
    }
    main.innercontent.insights .hero h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .feature-insights .insights-row{
        gap: 37px;
    }
    .insights-description .insights-meta{
        gap: 26px;
    }
    .insights-description .insight-title h5{
        font-size: 17px;
    line-height: 23px;
    }
    .insights-description p {
        font-size: 14px;
        line-height: 22px;
    }
    .insights-full {
        padding-top: 88px;
    }
    .insights-full .insight-boxouter{
        padding: 20px;
    }
    .insights-full .insights-box{
        gap: 68px;
    }
    .insights-description .insights-meta .insight-cat p, .insights-description .insights-meta .insights-date p {
        font-size: 12px;
    }
    .insights-description .insights-meta .insights-date p {
    font-size: 13px;
}

    main.innercontent.faqs.insight-inner .hero {
        padding-top: 257px;
        padding-bottom: 50px;
    }
    
    .insight-main-content .insights-inner-main{
        gap: 50px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content h4{
        margin-top: 40px;
        margin-bottom: 12px;
        font-size: 22px;
        line-height: 30px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data img{
        margin-top: 60px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .img-blox{
        margin-top: 60px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content h5, .insight-main-content .insights-inner-main .left-context-box h5 {
        font-size: 17px;
        line-height: 23px;
    }
    .insight-main-content .insights-inner-main .left-context-box ul li, .insight-main-content .insights-inner-main .left-context-box ol li, 
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content p, .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content ul li{
        font-size: 14px;
        line-height: 20px;
        margin-bottom:12px;
    }
    .insight-main-content .insights-inner-main .left-context-box ul{
        max-height: 276px;
        margin-top:33px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .insight-signature-footer .author-detail ul li img{
        padding: 0;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .insight-signature-footer .author-detail ul li{
        font-size: 13px;
        line-height: 20px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .insight-signature-footer{
        margin-top: 45px;
    }
    .lets-talk-box a.btn.big{
        margin-top: 18px;
    }
    main.innercontent.faqs.insight-inner .hero h1 {
        font-size: 30px;
        max-width: 600px;
        line-height: 36px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-detail-feature img {
        margin: 0;
        padding-bottom: 0;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .img-blox{
        gap: 20px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .insight-signature-footer .link-box p span img{
        padding: 0;
    } 
    main.about-us .hero {
        padding-top: 25vh;
    } 
    .about-us .about-us-home {
        padding: 120px 0 154px;
    }
    .about-us .about-us-home .sec-head {
        max-width: 672px;
    }
    .about-us .about-descriptionbox {
        width: 572px;
    }
    .about-us .results {
        padding-bottom: 140px;
    }
    .about-us .about-gallery{
        margin-top: -50px;
    }
    .about-us .results:after {
        right: -11%;
        top: -149%;
        width: 740px;
        height: 740px;
    }
    .who-we-are.about {
        padding-top: 140px;
    }
    .who-we-are.about:after {
        background-size: 37%;
    }
    .swiper-wrapper .team-box .member-detail .about-member h4{
        font-size: 17px;
        line-height: 23px;
    }
    .team-slider.swiper{
        padding: 51px 0 140px 15px;
    }
    .swiper-wrapper .team-box .member-detail .about-member p {
        font-size: 13px;
    }
    .global-team-gallery .imgbox:nth-child(1) img, .global-team-gallery .imgbox:nth-child(5) img, .global-team-gallery .imgbox:nth-child(6) img {
        height: 188px;
        width: 187px;
    }
    .global-team-gallery .imgbox:nth-child(2) img {
        height: 244px;
        width: 417px;
    }
    .global-team-gallery .imgbox:nth-child(3) img, .global-team-gallery .imgbox:nth-child(4) img, .global-team-gallery .imgbox:nth-child(7) img {
        height: 244px;
        width: 187px;
    }
    .global-team .sec-head p{
        font-size: 14px;
        line-height: 22px;
    }
    .global-team .sec-head h4{
        max-width: 679px;
    }
    .global-team .global-description {
        max-width: 466px;
        margin-top: 29px;
    }
    .global-team-gallery{
        margin-top: -166px;
    }
    .global-team {
        margin-bottom: 140px;
    }
    .about-us .testimonials {
        padding-bottom: 140px;
    }


    .cols2-p {
        max-width: 500px;
    }
    .author-gallery .imgbox:nth-child(1) {
        width: 158px;
        height: 158px;
    }
    .author-gallery .imgbox:nth-child(2), .author-gallery .imgbox:nth-child(3) {
        width: 120px;
        height: 119px;
    }
    .author-gallery .imgbox:nth-child(4), .author-gallery .imgbox:nth-child(5) {
        width: 134px;
        height: 209px;
    }
    .author-gallery-box {
        max-width: 606px;
    }
    .author-banner-inner {
        grid-template-columns: 1fr 690px;
    }
    .author-banner-right .readmorebtn {
        margin-top: 84px;
    }
    .author-gallery-box{
        margin-top: -248px;
    }
    .articles-row .article-head h4 {
        font-size: 17px;
        line-height: 25px;
    }
    .articles-written {
        padding: 80px 0 154px;
    } 
    .develop.design-skill .sec-head.cols2 {
    padding-right: 0;
}
        .growth-inner-foundation .foundation-box img {
        max-width: 100%;
    }


.premium-features:before{
    width: 680px;
    height: 680px;
        top: -31%;
}

    .premium-features .features-list {
                display: -webkit-box;
        overflow: scroll;
    }
    .premium-features .features-list .advanced-security {
    max-width: 62%;
}
    .host-features{
            gap: 22px;
    }
    
        .flexible-plans.maintenance .container {
        margin: 0 60px;
    }
        .flexible-plans.maintenance .sec-head {
        max-width: 225px;
    }
        .flexible-plans.maintenance .sec-head h3 {
        margin-bottom: 76px;
    }
    .hostingplans-list .plan-box{
        gap: 10px;
    }
    .maintenanceplan-inner .plan-box .offers {
        top: 10px;
    }
    
        .suppport-package.premium-features .features-list {
        grid-template-columns: 300px 417px 1fr;
    }
    
     
        main.innercontent.work .home-contact {
        padding-bottom: 170px;
    }
    
    main.innercontent.work .work-list:after{
        bottom: -15%;
    }
    main.innercontent.work-detail .home-contact:before {
    top: 2%;
    left: 18%;
}
    
    main.innercontent.work-detail.light .work-content .txt-container{
    padding-left:100px;
    padding-right:100px;
}
    
.insights-box .imgbox img{
        max-height: 220px;
    min-height: 220px;
}    

.insights-full .insights-box .imgbox img{
    max-height: 170px;
    min-height: 170px;
}
.insights-full .insights-box .imgbox{
        height: 170px;
}
 
 .insights-full .insights-box{
     grid-template-columns: 338px 1fr;
     gap:10px;
 }   
   
      .pagination-box {
        padding-top: 30px;
    }
 
.insights .home-contact .contact-form .contact-head p {
    max-width: 519px;
}  

  main.innercontent.insights .home-contact:after{
     right: 2%;
             top: 24%;
}
  main.innercontent.insights .home-contact:before {
        left: 13%;
        top: -35%;
    }

 main.innercontent.insights .terms-link ul {
    padding-right: 0;
}  


 main.innercontent.insights .copyrightrow:before{
    width: 101%;
}

main.innercontent.insight-inner .bannertxt:before {
        left: 64%;
        top: -2px;
        width: 41%;
    }

main.innercontent.faqs.insight-inner .bannertxt p{
    font-size:14px;
    line-height:20px;
    margin-bottom: 30px;
}

.insight-main-content .insights-inner-main .insight-detail-meta ul.insight-tags li a{
        font-size: 12px;
}
.insight-main-content .insights-inner-main .insight-detail-meta{
    gap:48px;
}
.insight-main-content .insights-inner-main .insight-inner-data {
    margin-top: 21px;
}

.insight-main-content .insights-inner-main .insight-detail-meta ul.insight-tags{
    padding-left:0;
}
    
.insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .insight-signature-footer .link-box p {
    font-size: 12px;
}    
 main.innercontent.insight-inner .insight-main-content{
     padding-bottom: 140px;
 }
 
     main.innercontent.insight-inner .home-contact:after {
        top: 303px;
        right: 2%;
    }
    
main.innercontent.insight-inner .copyrightrow:before{
    width: 99%;
}    
    
    
    .about-us .bannertxt:before {
        top: 85px;
        background-size: 97%;
        left: -35px;
    }    
        .about-us .bannertxt  {
       padding-left:5px;
    }
        main.about-us .hero:after {
        right: -202px;
        top: 0%;
        background-size: 78%;
    }
        .about-us .hero .hero-img {
        left: 48%;
        top: 78%;
    }
    .about-us .about-descriptionbox{
        margin-top:0;
    }
    
        .about-us .about-us-home .sec-head {
        max-width: 692px;
    }
    .about-us .results:after{
                right: -11%;
        top: -166%;
    }
        .about-gallery img:nth-child(1) {
        width: 209px;
        height: 209px;
    }
        .about-gallery img:nth-child(2), .about-gallery img:nth-child(3) {
        width: 157px;
        height: 157px;
    }
     .about-gallery img:nth-child(3) {
        height: 156px;
    }
        .about-gallery img:nth-child(4) {
        width: 329px;
        height: 261px;
    }
        .about-gallery img:nth-child(5) {
        width: 174px;
        height: 226px;
    }
    .about-us .results:before {
        top: -86%;
        left: 9px;
        background-size: 96%;
    }
     .about-us .results {
        padding-bottom: 160px;
    }
        .about-us .who-we-are.about:after {
        right: 3px;
        top: -199px;
    }
        .team-slider.swiper {
        padding: 32px 0 140px 15px;
    }
    .team-slider .team-box .member-detail{
            padding: 34px 20px 0;
    }
    .swiper-wrapper .team-box .member-detail .about-member h4{
        margin-bottom: 12px;
    }
        .global-team-gallery .imgbox:nth-child(1) img, .global-team-gallery .imgbox:nth-child(5) img, .global-team-gallery .imgbox:nth-child(6) img {
        height: 187px;
        width: 187px;
    }
        .global-team-gallery {
        gap: 19px;
                margin-top: -144px;
    }
        .about-us .testimonials:before {
        top: 13%;
        right: 11%;
        width:600px;
    }
    .about-us .trusted-partner-reivew:after {
        top: -51%;
        left: 52px;
        background-size: 55%;
                height: 141%;
    }
    .about-us .home-contact:after{
         right: 3%;
    }
    .about-us .home-contact .contact-form .contact-head p {
        max-width: 503px;
    }


    .questions-sec:before{
         left: 50px;
        top: 15%;
    }
    .accordion .acc-head{
        margin-bottom:12px;
    }
        .accordion .acc-box {
        padding: 30px 30px 18px;
    }
        main.innercontent.faqs .home-contact {
        padding-top: 180px;
    }
        main.innercontent.faqs .home-contact:before {
        top: 2%;
        left: 13%;
    }
   main.innercontent.faqs .home-contact:after {
        top: 53%;
        right: 0%;
    }

main.innercontent.contact .hero .bannertxt:before {
        top: 7%;
        background-size: 66%;
        left: 11%;
    }
    
    main.innercontent.contact .hero .hero-img{
            left: 111%;
    }
    main.innercontent.contact .bannertxt .bookbtn {
    margin-top: 12px;
}
       .form-tab .form-tabbing {
        margin-top: 30px;
    }

    .form-tab .form-tabbing li a{
            font-size: 12px;
            line-height: 18px;
    }
    
    main.innercontent.contact .hero .right-col .form {
    margin: 30px 0 30px;
    }
    main.innercontent.contact .hero .right-col .submit-row .subhead p{
            padding-right: 10px;
    }

    .contact .home-contact {
        padding-top: 140px;
    }
    .contact .home-contact:before {
        top: -8%;
        background-size: 100%;
        left: 21%;
    }
        .contact .home-contact:after {
        top: 209px;
        right: 13px;
    }


    .designPage .hero {
        padding-top: 25vh;
            height: calc(100vh - 25vh);
    }

    .designPage .bannertxt:before {
        right: -403px;
    }
        .main-wrapper.designPage .hero h1 {
        margin-bottom: 20px;
    }
        .designPage .hero .herotxt {
        width: 526px;
    }
      .designPage .hero .hero-img {
        right: -57%;
        top: 113%;
    }
    .designPage .hero{
        padding-bottom:0;
    } 
    .designPage .impact-areas {
    padding: 120px 0 629px;
    }
   .designPage .impact-areas .sec-head {
        gap: 20px;
        max-width: 736px;
    }
    .designPage .impact-areas .impacts-row {
    padding-top: 48px;
}
 
    .designPage .impact-areas:after {
        top: 541px;
        left: 62px;
    }
     
        .main-wrapper.designPage .portfolio {
        padding-top: 138px;
    }
    .designPage .portfolio .swiper-navigate.top-right {
    top: -46px;
}
    
        .designPage .portfolio-row {
        margin-top: 30px;
    }

        .main-wrapper.designPage .portfolio {
        padding-top: 140px;
    }

.designPage .results {
    padding-bottom: 139px;
}

.designPage .design-skill{
    padding: 140px 0 0;
}
.design-skill:before{
    left: -5.4%;
}
    .design-skill:after {
        right: -8%;
        scale: .75;
    }
   .designPage .design-skill .sec-head.cols2 p {
    font-size: 14px;
    line-height: 22px;
            max-width: 736px;
}

     .designPage .designskillset {
        margin-top: 30px;
    }
        .designPage .our-process {
        padding: 120px 0 189px;
    }

    .our-process .sec-head {
        max-width: 844px;
    }
    .our-process .process-list {
    padding-top: 10px;
            z-index: 9;
        position: relative;
}
.our-process .process-row{
    padding:30px 0;
}
.our-process .process-row .process-heads{
    gap:45px;
}
.our-process .process-row .process-heads h4.process-title {
    font-size: 17px;
    line-height: 23px;
}
.our-process .process-row .process-descripton p{
        font-size: 14px;
    line-height: 22px;
}
    .designPage .testimonials {
        padding-bottom: 145px;
    }

 .designPage .testimonials:after{
     display:none;
 }
 .designPage .common-questions .questions-inner {
    grid-template-columns: 335px 1fr;
}
    .designPage .common-questions {
        padding-bottom: 141px;
    }
        .designPage .blog-section {
        padding: 120px 0 0;
    }
    
    .articles-row .article-head {
    width: 45%;
}
 
 
 header .navigation .submenu{
         gap: 122px;
 }
     header .navigation ul.inner-submenu > li > a {
        font-size: 14px;
        line-height: 22px;
     }
     
header .navigation .submenu li > a{
        font-size: 17px;
            line-height: 23px;
}     
          main.innercontent.work-detail.light .home-contact {
        margin-top: -2px;
    }
    
    main.innercontent.work-detail .work-content {
    font-size: 14px;
    line-height: 22px;
}
    
    
    .things-wedo .lottie-containerwhite{
            width: 800px;
    height: 800px;
    }
    
.impact-areas .lottie-containerwhite{
        top: 12%;
}

.design-skill .lottie-container{
    width:46%;
    top:-27%;
}
 
.landing-new .approach-slider-wrapper .approach-box{
    width:auto;
}

.box-border.resultborder div:nth-child(2):before{
    right: 0;
}
.box-border div:nth-child(2):before{
    right:1px;
}
.landing-new .about-new .about-new-gallery{ 
        margin-top: -35px;
}
.landing-new .approach .swiper-navigate.top-right{
        top: -57px;
}
.landing-new .client-review .swiper-navigate.top-right {
    top: -18px;
}
.landing-new .approach:before{
    scale:.7;
    left:-3%; 
}
.landing-new .client-review .container.review-container{
    margin-left:40px;
}
.banner-reviews{
    height:auto;
}
.landing-new .container-fluid {
        margin-left: 40px;
 }
 
.landing-new .hero.landing {
        padding-top: 19vh;
    }

.landing-new .hero.landing{
   height: calc(100vh - 19vh);
}


.about-gallery img:nth-child(3){
  margin-top: -51px;
}
/*PRICING-PAGE-CODE*/
.dutch_rates_section .white_section {
    min-height: 350px;
}
.team_commitment_section .team_commitment_bottom .team-commitment_box {
    padding: 30px;
}
.landing-new.pricing-new .about-new .about-new-gallery {
    grid-template-columns: 240px 290px 200px;
}


}



@media(max-width:1439px){

    .main_logo.fixed{
        height: 70px;
    }
    header .header-main{
    grid-template-columns: 70px 1fr;
    }
    .main-wrapper main {
        width: calc(100% - 70px);
    }
    .fixed-nav-left {
        width: 70px;
    }
    .hero:before{
        left: -70px;
    top: 70px;
    width: calc(100% + 70px);
    }
    .main-header.active .navigation {
        opacity: 1; 
        transform: translateY(0); 
        pointer-events: auto;
        width: calc(100% + 30px);
    }
    
    header .navigation >li.has-child:after{
        filter: brightness(0);
    }
    .container {
        max-width: 100%;
        padding: 0 30px;
    }    
    
    header .navigation >li.active > .submenu{
        padding: 50px 30px;
    }
    header .navigation .submenu li > span a{
        font-size: 17px;
    line-height: 23px;
        color: var(--themeblack);
    }
    header .navigation ul.inner-submenu {
        padding-top: 20px;
    }

    a.btn.big {
        padding: 12px 13px 12px 41px;
    }
    a.btn.big:before{
        width:26px;
        height:26px;
    }
    .hero h1 {
        font-size: 44px;
        line-height: 48px;
    } 
    .hero .hero-img img {
        width: 100%;
        height: 100%;
        left: 50%;
    }
    
    .bannertxt:before {
        left: -85px;
        top: 7%;
        width: 379px;
        height: 379px;
        background-size: cover;
        background-position: center center;
    }
    .hero {
        padding-top: 25vh;
        overflow:visible; 
    }
    .hero:after{
                top: 40%;
        width:496px;
        height:496px;
        background-size: contain;
        right: -23%;
    } 
    .portfolio {
        padding: 135px 0 97px; 
    }
    .container-fluid {
        margin-left: 30px;
    }
    .swiper-navigate.top-right{
        right:44px;
    }
    .sec-head h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .portfolio-box .category p {
        color: #73737E;
        font-size: 14px;
        line-height: 22px;
    }
    .about-us-home .sec-head {
        max-width: 600px;
    }
    .about-us-home {
        padding: 100px 0;
    }
    .about-gallery {
        width: 815px;
        margin-top: -32px;
        gap: 17px;
        z-index: 1;
        position: relative;
        grid-template-columns: repeat(5, 1fr);
    }
    .about-descriptionbox {
        margin-top: 38px;
    }
    .about-gallery img:nth-child(3){
        margin-top: 0;
    }
    .about-gallery img:nth-child(4), .about-gallery img:nth-child(5){
        margin-top: -72px;
    }
    .about-descriptionbox .readmoreBtn{
        margin-top: 30px;
    }
    .about-gallery > img{
        width: 100%;
    }
    .results .sec-head h4 {
        font-size: 19px;
        line-height: 27px;
    }
    .results-inner {
        margin-top: 21px;
    }
    .results .results-inner .result-box h4 {
        font-size: 24px;
        line-height: 30px;
    }
    .results .results-inner .result-box p {
        font-size: 12px;
        min-height: 57px;
    }
    .results .results-inner .result-box {
        padding: 25px 25px 24px 30px;
        width: calc(284px - 57px);
        height: calc(159px - 51px);
    }
     .slider-box {
        overflow: scroll;
        padding: 0 20px 10px;
        margin-left: -20px;
    }
    .slider-box::-webkit-scrollbar{
        height:0;
    }
    .results:before {
        width: 390px;
        height: 392px;
        top: 25px;
        left: 62px;
    }
    .results {
        padding-bottom: 110px;
    }
    .things-wedo {
        padding-bottom: 123px;
    }
    .things-wedo:before {
        top: -77%;
        width: 580px;
        height: 580px;
        z-index: 0;
    }
    .things-wedo-inner{
        gap:28px;
    }
    .things-wedo .wedo-contact.float h4{
        width: 200px;
    }
    .things-wedo-inner .wedo-box.noimg {
        padding: 32px 30px;
    }
    .things-wedo-inner .wedo-box .wedo-desc h4 {
        font-size: 19px;
        line-height: 25px;
    }
    .things-wedo-inner .wedo-box.noimg{
        align-self: flex-start;
    }
    .things-wedo-inner .wedo-box{
        padding: 30px;
        min-height: auto;
        justify-content: normal;
        align-self: baseline;
    }
    .things-wedo .wedo-contact.float .txtbtn {
        position: relative;
        left: -21px;
    }
    .things-wedo-inner .wedo-box .wedo-feature img {
        width: 200px;
        height: 159px;
    }
    .things-wedo-inner .wedo-box .wedo-desc {
        margin-top: 30px;
    }
    
    
    .partners:before {
        width: 494px;
        height: 494px;
        left: 26px;
        top: -44%;
    }
    .partners:after {
        width: 580px;
        height: 580px;
        background-size: contain;
        left: 0;
        top: -17%;
    }
    .partners {
        padding: 100px 0;
    }
    .partner-slider .container {
        padding: 0;
    }
    .testimonial-inner .left-head {
        max-width: 280px;
        min-width:280px;
    }
    .testimonials .sec-head h3 {
        margin-bottom: 24px;
    } 

    .testimonial-inner .join-head{
        margin-top: 30px;
    }
    .testimonial-inner .join-head a.txtbtn {
        margin-top: 31px;
    }
    .testimonials:after {
        width: 440px;
        height: 440px;
        background-size: contain;
        left: 42%;
        transform: translateX(-50%);
        top: 35%;
    }
    .testimonials {
        padding-bottom: 104px;
    }
    .common-questions .questions-inner {
        grid-template-columns: 280px 1fr;
        gap: 90px;
    }
    .accordion .acc-box{
        padding: 20px 30px 10px;
    }
    .common-questions {
        padding-bottom: 102px;
    }
    .blog-section {
        padding: 100px 0 0;
    }
    .trusted-partner-reivew {
        padding: 100px 0 101px;
    }
    .trusted-partner-reivew .clients-row{
        gap:100px;
        margin: 0 50px;
    }
    .client-reviewbox {
        flex-direction: column;
        align-items: flex-start;
    }
    .client-reviewbox .client-img {
        display: flex;
        width: 44px;
        height: 50px;
    }
    
    ul.ft-list li a {
        font-size: 12px;
        line-height: 20px;
    }    
    footer .footer-row .ftdetails-box {
        padding-right: 0;
    }
    
    
    .copyrightrow:before {
        background-size: contain;
        background-position: center;
        top: 34px;
    }
    footer{
        overflow: hidden;
    }
    
    .contact .ftbrand-box{
        height:auto;
    } 

    
    .contact-form .submit-row .submit-btn {
        text-align: right;
                max-width: 179px;
        margin-left: auto;
    }
    h3.midhead {
        font-size: 19px;
        line-height: 27px;
    }
    .home-contact .contact-form .contact-head h3.midhead {
        max-width: 100%;
        margin-bottom: 12px;
    }
    .home-contact .contact-form .form{
        margin:40px 0 30px;
    }
    .ftbrand-box .imgbox img{
        width: 126px;
    height: 52px;
    }
    .ftbrand-box .imgbox {
        margin-bottom: 40px;
    }
    .ftbrand-box .addressbox {
        margin-bottom: 20px;
    }
    
   
    .things-wedo .wedo-contact.float{
        order: 1;
    }
    .things-wedo-inner .wedo-box-outer {
        gap: 27px;
    }

    main.innercontent.work .bannertxt:before {
        top: 6px;
        right: -234px;
        height: 443px;
    }
    main.innercontent.work section.home-contact {
        padding: 160px 0 201px;
    }
    .all-work.listings .work-number {
        margin-right: 30px;
    }
    .all-work.listings ul.listing-row li{
        gap: 25px;
    } 
    .form-tab .form-tabbing{
        margin-top: 30px;
    }
    main.innercontent.contact .hero {
        padding-top: 235px;
    }
    main.innercontent.contact .hero .bannertxt:before {
        top: 5%;
        background-size: 130%;
        left: 3%;
    }
    main.innercontent.contact .hero .offce-address {
        margin-top: 60px;
        padding-top: 20px;
    }
    main.innercontent.contact .hero .offce-address .address-row .address {
        width: 268px;
        gap: 52px;
        justify-content: space-between;
    }
    main.innercontent.contact .hero .offce-address .address-row {
        display: flex;
        justify-content: space-between;
    }
    main.innercontent.contact .hero .offce-address .address-row .address p{
        max-width: 153px;
    }
    main.innercontent.contact .hero .right-col .form{
        margin: 30px 0;
        gap: 27.5px 22px;
    }
    
        .contact .home-contact:before {
        top: -27%;
        background-size: 49%;
        left: 56%;
    }
    
    main.innercontent.contact .hero .right-col .submit-row .subhead p {
        font-size: 12px;
        line-height: 20px;
    }
    main.innercontent.contact .bannertxt .bookbtn {
        margin-top: 12px;
    }
    
    .main_logo.fixed >img {
    width: 115px;
    height: 108px;
    }
    .bannertxt:before{
                top: -1%;
                left: 0;
    }
        .side_header a.btn.big.ylw {
        padding: 7px 10px 7px 37px;
    }
    .hero .herotxt {
    width: 100%;
    max-width:55%;
    }
    .hero .hero-img{
             top: 53%;
        left: 50%;
        width: 65%;
    }
        .portfolio-row {
        margin-top: 34px;
    }
        .portfolio-box .feature-img {
        height: 360px;
    }
    .portfolio-box .heading-portfolio {
    max-width: 450px;
}
.about-descriptionbox{
          column-gap: 40px;
              width: 568px;
}
.about-gallery img:nth-child(3) {
        margin-top: -47px;
    }
    .about-descriptionbox .readmoreBtn {
        margin-top: 20px;
    }
        .things-wedo:before {
               top: -72%;
        right: -19%;
                background: url(../images/about-cirlcenew.svg) no-repeat;
        }
        
.things-wedo-inner {
        gap: 30px;
    }        
    .results-inner{
                gap: 31px;
    }
    
    .wedo-box-outer:last-child .wedo-box .wedo-feature{
        width:216px;
        height:159px;
    }
    .things-wedo-inner .wedo-box .wedo-desc{
                max-width: 100%
    }
        .things-wedo-inner .wedo-box .wedo-feature {
        width: 200px;
        height: 159px;
    }
    .things-wedo-inner .wedo-box .wedo-desc h4{
               margin-bottom: 10px; 
    }
        .things-wedo-inner {
        gap: 28px;
    }
    .things-wedo .wedo-contact.float {
        gap: 20px;
    }
    .things-wedo .wedo-contact.float a.txtbtn {
    max-width: 67%;
    margin-left:0;
    }
    .things-wedo-inner .wedo-box-outer{
        height:auto;
    }
        .things-wedo {
        padding-bottom: 103px;
    }
        .partners:before {
        left: 19px;
        top: -45%;
        background-size: 87%;
    }
        .partners:after {
        left: 54px;
    }
        .partners .partner-block {
        margin-top: 30px;
    }
    .partners .partner-block.slider2 {
    margin-top: 10px;
}
    .testimonial-inner .join-head a.txtbtn {
        margin-top: 29px;
    }
        .common-questions:before {
                left: 20%;
        top: 48px;
        background-size: contain;
    }
        .testimonial-box:before {
        left: -18.5%;
        top: -15%;
        scale: .8 .9;
    }
        .ftbrand-box .imgbox {
        width: 126px;
        height: 52px;
        }
        
        .ftbrand-box .imgbox img {
        width: 100%;
        height: 112px;
        left: -24px;
    }    
    .testimonial-box{
        padding: 41px 37px 42px 39px;
    }
        .common-questions .questions-inner .sec-head h3 {
        margin-bottom: 26px;
    }
    .common-questions .questions-inner .sec-head h5 {
    line-height: 20px;
}
    .container {
        padding: 0 44px 0 30px;
    }
        
        .blog-section .sec-head {
        margin-bottom: 31px;
    }
    
    .swiper-navigate.bottom{
        margin: 51px auto 0;
    }
        .trusted-partner-reivew .sec-head {
        margin-bottom: 30px;
    }
        .home-contact:before {
        left: 19%;
        top: -71%;
    }
     
    /*.home-contact{*/
    /*    z-index: 0;*/
    /*}*/
        .home-contact:before {
        left: 56%;
        top: -52%;
        background: url(../images/contactbggradient.svg) no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
                mix-blend-mode: color;
    }
    .trusted-partner-reivew:after{
         left: 68px;
        background-size: 62%;
        background: url(../images/about-cirlcenew.svg) no-repeat;
        top: -58%;
    }
        .container-fluid {
        margin-left: 30px;
        margin-right: 44px;
    }
        .ftbrand-box .imgbox img {
        width: 100%;
        height: 119px;
        left: -16px;
        transform: scale(1.3);
    }
    .home-contact .contact-form .submit-row a.btn.big.ylw {
    padding: 13px 17px 13px 40px;
}


.results .results-inner .result-box:before{
            left: -21px;
        top: -23px;
}


    .wedo-box dotlottie-player {
        width: 210px;
    }

    main.innercontent.faqs .inner-container {
        max-width: 100%;
        margin: 0 30px;
    }

    main.innercontent.faqs .questions-cols{
        grid-template-columns: 260px 1fr;
    }
    main.innercontent.faqs .bannertxt:before {
        background-position: -36% 13%;
        left: 53%;
        top: -34px;
        width: 41%;
    }
    main.innercontent.faqs .table-of-content{
        padding: 30px;
    }
    main.innercontent.faqs .table-of-content ul.context-point {
        margin-top: 20px;
    }
    main.innercontent.faqs .table-of-content ul.context-point li.active ul.context-innerpoint {
        padding: 12px 0 7px;
    }
    main.innercontent.faqs .table-of-content ul.context-point li.has-child:after{
        top: 8px;
    }
    main.innercontent.faqs .table-of-content ul.context-point >li{
        padding-left: 25px;
    }

    .content-data h4.faqcontent-head {
        margin: 60px 0 13px;
    }
    main.innercontent.faqs .table-of-content ul.context-innerpoint li+li {
        margin-top: 11px;
    }
    main.innercontent.faqs .table-of-content ul.context-point li ul.context-innerpoint li a {
        font-size: 12px;
    }
    main.innercontent.faqs .questions-sec {
        padding-bottom: 100px;
    }
    /*main.innercontent.faqs .home-contact .contact-form {*/
    /*    top: calc(100% + 80px);*/
    /*}*/
    main.innercontent.faqs .home-contact:before {
        top: 1%;
        left: 50%;
    }

    main.innercontent.faqs .home-contact:after {
               right: 2%;
        top: 33%;
    }
    main.innercontent.faqs .home-contact {
        padding-top: 100px;
                z-index: 9;
    }

    main.innercontent.insights section.hero {
        padding-top: 240px;
    }
    ul.insight-category {
        margin-bottom: 62px;
    }
    .feature-insights .insights-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 44px;
    }
    .feature-insights .insights-row .insights-box:nth-child(3) {
        display: none;
    }
    main.innercontent.insights .container {
        padding: 0 40px 0 30px;
    }
    .insights-box .imgbox img{
        max-height: 240px;
    min-height: 240px;
    }
    ul.insight-category li a {
        font-size: 12px;
    }
    .insights-full .insights-box {
        gap: 40px;
        grid-template-columns: 248px 1fr;
    }
    .insights-full {
        padding-top: 103px;
    }
    .insights-description .insights-meta {
        gap: 20px;
    }
    .insights-description p {
        font-size: 14px;
        line-height: 22px;
        -webkit-line-clamp: 3;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .insights-full .insights-box .imgbox img{
        max-height: 170px;
    min-height: 170px;
    }
    .insights-full .insights-box .imgbox{
        height: 170px;
    }
    .insights-full{
        gap: 10px;
    }
    .insights-main {
        padding-bottom: 160px;
    }

    .insight-main-content .insights-inner-main{
        grid-template-columns: 260px 1fr;
        gap:28px;
    }
    main.innercontent.faqs.insight-inner .inner-container {
        margin: 0 40px 0 30px;
    }
    .insight-main-content .insights-inner-main .left-context-box{
        padding: 30px;
    }
    .insight-main-content .insights-inner-main .left-context-box ul {
        max-height: 258px;
    }
    .insight-main-content .insights-inner-main .left-context-box ul{
        margin-top: 20px;
        padding-right: 15px;
    }
    main.innercontent.faqs.insight-inner .hero {
        padding-top: 140px;
        padding-bottom: 40px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data {
        margin-top: 30px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content {
        margin-top: 40px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content h5{
        margin-bottom: 12px;
                font-size: 19px;
        line-height: 27px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data img {
        margin-top: 40px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .img-blox img {
        height: 207px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .img-blox {
        margin-top: 40px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .insight-signature-footer {
        margin-top: 30px;
    }
    a.txtbtn.secondary.reverse::after{
        width:32px;
        height: 32px;
    }
    .insight-main-content{
        padding-bottom: 105px;
    }
    .insight-main-content .insights-inner-main .left-context-box{
        padding: 30px 0px 30px 30px;
    }
    main.about-us .hero {
        padding-top: 25vh;
    }
    .about-us .partners-row { 
        margin-bottom: 0;
    }
    .about-us .hero .hero-img{
        top: 55%;
    }
    .about-us .about-gallery {
        margin-top: 60px;
    }   
    .about-descriptionbox p {
        max-width: 265px;
    }
    .about-us .results:after {
        right: -38%;
        top: -187%;
        background: url(../images/about-cirlcenew.svg)no-repeat;
    }
    .about-us .about-us-home {
        padding: 100px 0 63px;
    }
    /*.about-us .results .slider-box {*/
    /*    overflow: inherit;*/
    /*}*/
    .about-us .results {
        padding-bottom: 105px;
    }
    .who-we-are.about:after {
        background-size: 46%;
    }
    .who-we-are.about > .container{
        margin-left: 0;
    }
    .swiper-wrapper .team-box .member-detail .about-member h4{
        margin-bottom: 12px;
    }
    .global-team .sec-head h4 {
        max-width: 573px;
        font-size: 19px;
        line-height: 25px;
    }
    .global-team .global-description {
        max-width: 513px;
        margin-top: 33px;
        margin-left: 134px;
    }
   
    .global-team {
        margin-bottom: 102px;
    }
    .about-us .testimonials >.container-fluid {
        margin-right: 0;
    }

    .author-gallery-box {
        margin-top: 50px;
    }
    .cols2-p {
        max-width: 100%;
    }
    .author-banner-inner {
        grid-template-columns: 1fr;
    }
    .author-banner .author-head {
        margin-bottom: 20px;
    }
    .author-banner-right .readmorebtn {
        margin-top: 35px;
    }
    .author-banner:after{
        left: 40%;
    }
    .author-banner {
        padding-top: 240px;
                padding-bottom: 179px;
    }
    .articles-row {
        padding: 20px;
    }
    .articles-row .article-head h4 {
        font-size: 14px;
        line-height: 22px;
    }
    .author-banner:after {
        left: 26%;
        scale: .7;
    }
    
    .main-wrapper.designPage .hero h1 {
    max-width: 637px;
            margin-bottom: 20px;
    }
    .designPage .hero:after{
       left: 46%;
        right: auto;
        opacity: 1;
        top: 0%;
    }
        .designPage .bannertxt:before {
        right: auto;
        top: 46%;
    }
    .designPage .hero .hero-img {
        left: auto;
               top: 93%;
        right: -44%;
    }
    
    .designPage .hero {
               padding-top: 26vh;
        height: calc(100vh - 26vh);
    }
    
    .impact-areas .sec-head >h3{
        max-width: 100%;
    }
    .impact-areas .sec-head{
            max-width: 596px;
            gap: 12px;
    }
    .impact-areas{
        padding:100px 0 502px;
    }
    .impact-areas .impact-box{
        padding:30px;
    }
    .impact-areas .impact-box .detail-box h4{
            font-size: 17px;
    line-height: 23px;
    }
    .impact-areas .impact-box .detail-box p{
         font-size: 14px;
        line-height: 22px;
    }
    .impact-areas:after{
        top: 365px;
      background-size: 62%;
    }
        .main-wrapper.designPage .portfolio {
        padding: 101px 0 100px;
    }
    
    /*.designPage .results>.container {*/
    /*padding-right: 0;*/
    /*}*/
    .main-wrapper.designPage .portfolio .container-fluid {
    margin-right: 0;
}

.designPage .results {
    padding-bottom: 108px;
}
.design-skill{
    padding:100px 0 0;
}

.design-skill:after{
        width: 494px;
    height: 494px;
    scale: .6;
        right: -11%;
    top: -67%;
}
.design-skill.wordpress:after {
    top: -72%;
}
.design-skill .sec-head.cols2{
    grid-template-columns: 1fr 790px;
            margin-right: 44px;
            gap:10px;
}
.designPage .design-skill .sec-head.cols2 p{
    max-width:100%;
}

.design-skill:before {
    content: url(../images/newcircledark-small.svg);
    top: -21%;
}
.our-process{
    padding:105px 0 189px;
}
.design-skill .container {
    padding-right: 0;
    margin-left:0;
}
.designskillset {
    margin-top: 41px;
}
.designskillset .skillset-box .skillset-inner {
    padding: 40px 49px 31px;
}
.our-process .sec-head p{
    font-size:14px;
}
.our-process .process-list {
    padding-top: 10px;
}


.our-process .process-row .process-heads .process-title {
    font-size: 17px;
    line-height: 23px;
}
.our-process .process-row .process-descripton p{
        font-size: 14px;
    line-height: 22px;
}
.our-process{
  padding: 105px 0 71px;
}
.testimonials .container-fluid {
    margin-right: 0;
}
.designPage .trusted-partner-reivew {
    margin-bottom: 0px;
}

.our-process .process-descripton {
    margin-top: 10px;
}
    .designPage .common-questions {
        padding-bottom: 100px;
    }
    
    .designPage .frameworks {
    padding: 70px 0 20px;
    }
    .flexible-plans .container {
    margin: 0;
    max-width: 100%;
    padding-right: 0;
}


.premium-features {
    padding: 178px 0 80px;
}

    .flexible-plans.maintenance .container {
        margin: 0;
        padding: 0 44px 0 30px;
    }
    .maintenanceplan-inner .hostingplans-list.desktop .hostingList {
    display: none;
}
.maintenance .flexible-plans .sec-head {
    float: none;
            max-width: 100%;
    margin: 0 0 31px;
}
.maintenanceplan-inner .sec-head ul.plan-featurelist{
    display:none;
}

.hostingplans-list.desktop {
    display: none;
}
.hostingplans-list {
    display: block;
}
    .suppport-package.premium-features .features-list {
        grid-template-columns: 1fr 1fr;
                gap: 25px;
    }
    .suppport-package.premium-features .features-list .package-description{
        margin-left:0;
    }
    .suppport-package.premium-features .features-list .performance-feature{
        margin-left:0;
                grid-column: span 2;
    }
    
    .main_logo.fixed a >img {
           width: 112px;
        height: 112px;
        left: -22px;
        position: relative;
        top: -13px;
}

.hero-img{
    display:none;
}
.hero-img.mobile{
    display:block;
} 

.testimonials:before{
 background-size: 100%;
}

.blog-section .container-fluid {
    margin-right: 0;
}

    .home-contact .contact-form:before {
        background: url(../images/contact-border.svg) no-repeat;
        left: -26px;
        top: -31px;
    }
    
    
.home-contact .contact-form .submit-row .subhead p{
    padding-right: 10px;
}    
    
    
    main.innercontent.work .hero:after {
    top: 42%;
    left: 3%;
}
main.innercontent.work .portfolio-box .feature-img {
    height: 360px;
}
    
    main.innercontent.work .home-contact:before {
        top: 0;
        left: 53%;
    }   
    main.innercontent.work .ftbrand-box .imgbox img{
        left: -20px;
    }
        
        main.innercontent.work-detail .home-contact:before{
            left: 50%;
                    top: -50px;
        }
        main.innercontent.work-detail.light .home-contact:before {
                top: 2%;
                left: 50%;
            }
        
    main.innercontent.work-detail .hero:after{
        right: 27%;
    top: 18%;
        width: 66%;
    }   
        main.innercontent.work-detail .work-content .txt-container {
        padding: 139px 152px 148px;
    }
      
    
    main.innercontent.work-detail .work-content .overview-btn{
        bottom:70px;
    }
     main.innercontent.work-detail.light .work-content .overview-btn {
        bottom: 25px;
    }   




 main.innercontent.work-detail .work-features .visit-btn {
    align-self: flex-end;
}
    
main.innercontent.work-detail .hero .work-features > .feature-list{
    gap:40px;
}    


main.innercontent.work-detail .home-contact {
    padding-top: 105px;
    margin-top:0;
}
main.innercontent.work-detail .home-contact {
   padding-top: 205px;
}

 

    main.innercontent.insights .hero h1 {
        font-size: 24px;
        line-height: 30px; 
    }

.insights-main ul.insight-category{
    padding:0;
}    
 main.innercontent.insights .hero:after {
        right: 10px;
        top: -2%;
 }
     .insights-description {
        padding: 31px 10px 0 0px;
    }
.pagination-box {
        padding-top: 40px;
    }
    
  main.innercontent.insights .home-contact:before {
        left: 57%;
        top: -35%;
    }
    .insights-full .insight-boxouter{
        padding: 19px;
    }
    main.innercontent.insights .home-contact:after{
      top: 10%;
    }
    main.innercontent.insights .home-contact:before{
       top: -47%;
    }
    
    main.innercontent.insights footer .footer-row .ftdetails-box{
        margin-top: 102px;
    }
    main.innercontent.insights .home-contact .contact-form .contact-head h3.midhead br{
        display:none;
    }
    
    main.innercontent.faqs.insight-inner .bannertxt p{
        line-height:22px;
    }
    
    main.innercontent.faqs.insight-inner .hero h1 {
        font-size: 24px;
        max-width: 600px;
        line-height: 30px; 
        margin-bottom:0;
    }
    
    .insight-main-content .insights-inner-main .insight-inner-data .insight-detail-feature img{
        height: 290px;
    }
    
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content h4{
        font-size: 19px;
        line-height: 27px;
    }
    div#lets-talk {
    max-width: calc(100% - 32px);
}


.lets-talk-box a.btn.big{
        padding: 6px 14px 8px 40px;
    border-radius: 3px;
}

    main.innercontent.insight-inner .insight-main-content {
        padding-bottom: 105px;
        z-index: 99;
        position: relative;
    }
        main.innercontent.insight-inner .home-contact {
        padding-top: 94px;
    }

    main.innercontent.insight-inner .home-contact:before {
        top: -19%;
        left: 59%;
    }
    main.innercontent.insight-inner .home-contact:after{
        top: 37%;
    }

    .about-us .about-descriptionbox {
        margin-top: 30px;
    }

        .about-us .bannertxt:before {
        top: -6px;
        background-size: 97%;
        left: 0;
    }
        main.about-us .hero:after {
        right: -108px;
        top: 4%;
        } 

.about-us .hero .hero-img {
        top: 75%;
        width: 71%;
        left: 44%;
    }
        .about-us .about-us-home .sec-head {
        max-width: 727px;
    }
     
    .about-us .results:after{
        top: -195%;
    }
        .about-gallery img:nth-child(1) {
        width: 200px;
        height: 200px;
    }
        .about-gallery img:nth-child(2), .about-gallery img:nth-child(3) {
        width: 149px;
        height: 150px;
    }
        .about-gallery img:nth-child(3) {
        height: 149px;
    }
        .about-gallery img:nth-child(4) {
        width: 315px;
        height: 249px;
    }
        .about-gallery img:nth-child(5) {
        width: 167px;
        height: 215px;
    } 
        .about-us .results:before {
        top: -97%;
        left: 33px;
            
        }

       .about-us .results-inner {
        margin-top: 31px;
    }
        .who-we-are.about {
        padding-top: 201px;
    }
        .team-slider.swiper {
        padding: 34px 0 140px 15px;
    }
    
    .about-us .trusted-partner-reivew:after{
        background-size: 62%;
    }
   
     main.innercontent.faqs .bannertxt:before{
         width: 64%;
    }
        main.innercontent.faqs .hero {
        padding-top: 240px;
        padding-bottom:30px;
        }
     main.innercontent.faqs .questions-cols {
        gap: 28px;
    }
     .questions-sec:after {
        left: 25%;
        right: 100px;
        background-position: 65px;
        background-size: 41%;
        bottom: -251px;
    }
    
        main.innercontent.contact .hero .bannertxt:before {
        top: 10%;
        background-size: 101%;
        left: 6%;
    }
    
        main.innercontent.contact .hero {
        padding-top: 240px;
        z-index:9;
    }
        main.innercontent.contact .hero .hero-img {
        left: 96%;
        top: 4%;
    } 
    main.innercontent.contact .hero .right-col{
                margin-top: 3px;
    }
    
    main.innercontent.contact .hero{
                padding-bottom: 81px;
    }

    .contact .home-contact {
        padding-top: 94px; 
    }
        .contact .home-contact:after {
        top: 144px;
        }
    .about-us-home.landing .about-descriptionbox {
        width: auto;
        column-gap: 50px;
        margin-top: 20px;
        max-width: 100%;
        margin-bottom: 40px;
    }   
    .about-us-home.landing .about-descriptionbox p {
        max-width: 100%;
    }
    .landing .about-gallery {
    margin-top: 28px;
}
.landing .things-wedo-inner .wedo-box.noimg {
    padding: 22px 30px;
}


.author-banner .container:before{
        top: -172px;
}

    .designPage .hero .herotxt {
        width: 378px;
    } 
  
    .designPage .impact-areas .sec-head p {
        font-size: 14px;
        line-height: 22px;
    }
    .designPage .impact-areas .sec-head {
        max-width: 600px;
    }

     .designPage .impact-areas .impacts-row {
        padding-top: 46px;
    }
        .designPage .impact-areas:after {
                top: 528px;
        left: 80px;
        background-size: 57%;
    }
    .designPage .impact-areas{
                padding: 120px 0 490px;
    }
    
        .designPage .portfolio-row {
        margin-top: 34px;
    }

    .designPage .results .container{
        margin-left:0;
    } 
    .design-skill.develop .container{
        margin-left:0;
    }
    .design-skill:before{
                left: 3.6%;
                        scale: 1;
    }
    
        .designPage .designskillset {
        margin-top: 41px;
    }

.designPage .our-process .sec-head p {
    font-size: 14px;
    line-height: 22px;
}
.designPage .our-process .sec-head {
        max-width: 547px;
    }
    .designPage .our-process{
                padding: 120px 0 71px;
    }
    
        .designPage .testimonials {
        padding-bottom: 106px;
    }
      .designPage .testimonials:after {
          display:block;
        left: 46%;
        background-size: 106%;
        top: 212px;
        background-position: right;
    }
    
    .develop.design-skill .sec-head.cols2{
        padding-right:0;
    }
    
    .premium-features:after{
        left: 0;
        top: 49%;
    }
    
    .maintenanceplan-inner ul.plan-featurelist li{
            display: flex;
            flex-direction: column;
            align-items: baseline;
            gap: 5px;
    }
    
    .box-border.resultborder div:nth-child(2){
        right: -1px;
    }
    
    .partners-row{
        background:none;
    }
    .trusted-partners {
    position: absolute;
    bottom: 100px; 
}

.landing-new .trusted-partners { 
    bottom: 25px; 
}


.box-border.resultborder div:nth-child(4):before{
    bottom: -3px;
}

    .slider-box {
        overflow-y: hidden;
        width: 100%;
    }
    
    
    .ftbrand-box .imgbox img{
        top: -9px;
    }
    .results .results-inner .result-box {
     width: auto;
  }
  
  .side_header ul.timezone{
      padding-left:0;
  }
  
  .trusted-partners .container {
    padding: 0;
}
.things-wedo-inner .wedo-box .wedo-desc .category p {
    max-width: 100%;
}
 
 .contact .right-col .submit-row .submit-btn {
        text-align: right;
         align-self: center;
    }
        .contact .right-col .submit-row {
        gap: 14px;
    }
    a.btn.big{
    border-radius:4px;
}
.formbox .submit-btn{
    border-radius:4px;
}
.our-process .process-row{
    gap:22px;
}

main.innercontent.faqs .home-contact .contact-form {
    top: calc(60px - 0px);
}

 .trusted-partner-reivew .clients-row .client-img {
    margin-left: -8px;
} 

main.innercontent.contact .hero-cols{
    grid-template-columns: 1fr 1fr;
    gap:75px;
}
.global-team-gallery .imgbox img {
  display:block;
}

.global-team-gallery .imgbox:nth-child(1) img, .global-team-gallery .imgbox:nth-child(5) img, .global-team-gallery .imgbox:nth-child(6) img {
        height: 187px;
        width: 175px;
    }
        .global-team-gallery .imgbox:nth-child(2) img {
        height: 244px;
        width: 370px;
    }
        .global-team-gallery .imgbox:nth-child(3) img, .global-team-gallery .imgbox:nth-child(4) img, .global-team-gallery .imgbox:nth-child(7) img {
        height: 244px;
        width: 175px;
    }  

 .whatup-section{
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 10px;
 }
    .whatup-section img {
    width: 30px;
    height: 30px;
}

.landing-new .banner-contact .form {
  max-width: 556px;
}
 
    
.landing-new .client-review .container.review-container{
    margin-left:0;
    padding-right:0;
}    

    .banner-reviews {
        bottom: -7%;
        max-width: 400px;
    } 
    
        .landing-new .about-new .left-content {
        margin-left: 316px;
        gap: 10px;
    }

.landing-new .about-new .about-new-gallery{
    max-width:100%;
}
.landing-new .about-new .about-new-gallery img {
    width: 100%;
}
.landing-new .about-new .about-new-gallery img:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 4;
}
.landing-new .about-new .about-new-gallery img:nth-child(3) {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 4;
}
.landing-new .about-new .sec-head h3 {
    font-size: 35px;
    font-weight: 400;
    line-height: 42px;
    margin-bottom: 12px;
}
.landing-new .hero .herotxt p {
    font-size: 17px;
    line-height: 22px;
}
    .banner-reviews .testimonial-box .reviews p {
        font-size: 16px;
    }
    
.landing-new .hero.landing .hero-img{
    width:54%;
}
.page-template-paid_landing_page .footer-row { 
    padding-bottom: 114px;
}
.page-template-paid_landing_page .ftbrand-box {
  width: 100%;
  height: auto;
          flex-direction: row;
 }
 
.page-template-paid_landing_page .terms-link{
  margin-bottom: 0;
}
.page-template-paid_landing_page .footer-row .ft-brandinfo { 
    gap: 90px;
}
    .page-template-paid_landing_page .footer-row {
        padding-bottom: 10px;
        row-gap: 75px;
    }
    
#myModal .modal-content{
    max-width: 800px;
}    
    
.modal-content .header h2{
    font-size: 33px;
    line-height: 40px;
} 
    
.modal-content .header p {
    font-size: 17px;
    line-height: 22px;
} 
.modal-content .unlock-feature {
    flex-wrap: wrap;
    gap: 10px 15px;
}
.modal-content .header span#closeModalBtn{
    top: -40px;
}
.modal-footer p {
    font-size: 12px;
}
.modal-content .unlock-feature{
    padding:25px;
}

/*PRICING-PAGE-CODE*/
.dutch_rates_section .white_section {
    min-height: 350px;
}
.team_commitment_section .team_commitment_bottom .team-commitment_box {
    padding: 30px;
}
.landing-new.pricing-new .about-new .about-new-gallery {
    grid-template-columns: 240px 290px 200px;
}
    
}


@media(min-width:1023px) and (max-width:1439px){
    
    
    .box-border.resultborder div:nth-child(2):before{
        right:0;
    }
    
    .trusted-partners{
        bottom: 15px;
    }
    
    .contact .copyrightrow .copyright-inner {
    display: flex;
    align-items: center;
}

.contact footer .footer-row {
    flex-direction: row;
}
    
    .contact .ftbrand-box .ftheadline p {
    display: none;
}

.contact .ftbrand-box .mobTxt{
    display:none;
}
    .contact footer .footer-row .ftdetails-box {
        margin-top: 0;
        gap: 71px;
    }
    
    .contact footer .footer-row{
         gap: 104px;
                 justify-content: space-between;
    }
    .contact .ftbrand-box{
        width:auto;
    }
    .contact .tabview{
        display:block;
    }
    .contact .notabview {
    display: none !important;
}   



   .contact .copyrightrow {
        padding: 109px 0 84px;
    }
    .contact .copyrightrow .ftheadline {
    z-index: 9;
}
.contact .copyrightrow:before{
    top:0;
}

 


.hero h1{
        max-width: 55%;
}

.portfolio-box .feature-img img{
        object-fit: cover;
    object-position: top;
    }
    

   .main-header {
        padding-left: 2px;
        width: calc(100% - 30px);
    }
    
   

}


@media(max-width:1279px){
    
    .results .results-inner .result-box {
     width: calc(282px - 63px);
    }
  
   header .navigation {
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        opacity: 0; 
        transform: translateY(20px); 
        pointer-events: none; 
        background: #fff;
        transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    }
  
  .side_header {
        width: 100%;
        justify-content: space-between;
        position:relative;
    }
  
  header .navigation > li > a{
        color:var(--themeblack)
    }
    
    .side_header ul.contact-bar{
        padding-right:74px;
    } 
    
    .toggle-menu {
        display: grid;
    }
    
    .main-header {
        padding-left: 30px;
        width: calc(100% - 60px);
    }
    header .navigation >li.has-child a:after{
        filter: invert(1);
    }
    header .navigation .submenu {
        width: calc(100% - 60px);
        padding: 0 30px;
        gap:inherit;
        justify-content: space-between;
    }
    
    main.innercontent.contact .hero-cols {
        gap: 60.5px;
        grid-template-columns: 380px 1fr;
        padding-right: 10px;
    }
    .contact .right-col .submit-row {
        gap: 20px;
        flex-direction: column;
    }
    
     main.innercontent.contact .formbox .submit-btn{
        display: table;
    margin-left: auto;
    }
   
   
   .design-skill .sec-head.cols2{
         grid-template-columns: 1fr 600px;
   } 
.our-process .process-row .process-heads{
        gap: 30px;
        min-width:auto;
}

.our-process.design-skill.landing .container {
    padding-right: 30px;
}

.our-process .process-row{
   grid-template-columns: 275px 1fr; 
   align-items: baseline;
}

   .about-us .about-descriptionbox {
        margin-top: 38px;
    }
     
    .faqs .home-contact{
        padding-bottom:79px;
    } 
    main.innercontent.insight-inner footer .footer-row .ftdetails-box{
        margin-top: 60px;
    }
     
    main.innercontent.work-detail footer .footer-row .ftdetails-box{
     margin-top: 70px;
}
 main.innercontent.work-detail.light footer .footer-row .ftdetails-box{
    margin-top: 40px;
}
    .partners-row {
        gap: 40px;
    }
    
    .container-fluid{
        margin-right: 30px;
    }
        .container {
        padding: 0 30px 0 30px;
    }
    .swiper-navigate.top-right {
        right: 0;
    }
    .about-descriptionbox > div p{
            font-size: 14px;
            line-height:22px;
    font-weight: 300;
    }
        .about-us-home .sec-head {
        max-width: 689px;
    }
    
    .about-gallery{
        margin-top: 0px;
    }
    
    .common-questions .questions-inner{
       gap: 74px;
    }
    .testimonial-inner {
        gap: 60px;
    }
         .testimonial-slider .swiper-navigate.top-right {
        right: 30px;
    }
     
         main.innercontent.insights .container {
        padding: 0 30px 0 30px;
    }
     
    .feature-insights .insights-row{
                gap: 30px;
    } 
    main.innercontent.insight-inner .insight-main-content{
        z-index: 9; 
    }
    main.innercontent.faqs .bannertxt:before{
       z-index: 1;
               position: fixed;
    } 
    main.innercontent.insight-inner .home-contact{
        z-index:1;
    }
    .about-us .home-contact {
        padding-bottom: 288px;
    }
        main.innercontent.work .work-list .feature-work {
        gap: 30px;
    }
         .work .hero {
        padding-top: 240px;
         }
         
             main.innercontent.work section.home-contact, main.innercontent.insight-inner .home-contact {
        padding: 160px 0 79px;
    }
         main.innercontent.work .home-contact .contact-form, main.innercontent.faqs .home-contact .contact-form {
    top: 100%;
}
    main.innercontent.work-detail.light .hero {
        padding-top: 165px;
    }
 
main.innercontent.work-detail.light .work-content .txt-container {
    padding: 50px 158px 50px;
}
main.innercontent.insights footer .footer-row .ftdetails-box{
    margin-top:0;
}

 
main.innercontent.work-detail .txt-content a:hover {
    text-decoration: underline;
}
main.innercontent.work-detail .txt-content a {
    font-size: 14px;
    color: var(--themewhite);
}
 
main.innercontent.work-detail.light .txt-content a {
    font-size: 14px;
    color: var(--themeblack);
}

main.innercontent.work-detail .home-contact .contact-form {
    top: 100%;
}

 



/*footer */


.home-contact .contact-form {
        padding: 39px 40px 42px 39px;
        width: calc(559px - 79px);
        right: 30px;
        top: 100%;
        transform: translate(0);
        left: auto;
    }

.ftbrand-box {
        width: 238px;
        height: 640px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

footer .footer-row {
        display: flex    ;
        flex-direction: column;
        gap:100px;
    }
    
    .ftbrand-box .mobTxt {
        display: block;
    }
        
.copyrightrow .copyright-inner{
        display: none;
    }
    
     .copyrightrow {
        padding: 148px 0 0;
    }
 .terms-link {
        margin-bottom: 40px;
    }
    
    .home-contact {
        padding-bottom: 80px;
    }
    
    .home-contact .contact-form .submit-row{
        grid-template-columns: 1fr;
        gap: 20px;
    }
          .home-contact:after {
        right: auto;
        top: 16%;
        width: 350px;
        height: 350px;
        left: 49%;
    }
    
     .about-us .home-contact {
        padding-bottom: 79px;
    }
    
    /*footer end */
    
  .blog-row .blog-box{
          max-height: 300px;
  }


    .premium-features .features-list .advanced-security {
        max-width: 85%;
    }
        .testimonial-inner .left-head {
        max-width: 336px;
        min-width: 336px;
    }
    
        .global-team-gallery .imgbox:nth-child(1) img, .global-team-gallery .imgbox:nth-child(5) img, .global-team-gallery .imgbox:nth-child(6) img {
        height: 133px;
        width: 133px;
    }
     .global-team-gallery .imgbox:nth-child(1) img, .global-team-gallery .imgbox:nth-child(5) img, .global-team-gallery .imgbox:nth-child(6) img {
        height: 133px;
        width: 134px;
    }
    .global-team-gallery .imgbox:nth-child(2) img {
        height: 174px;
        width: 297px;
    }
    .global-team-gallery .imgbox:nth-child(3) img, .global-team-gallery .imgbox:nth-child(4) img, .global-team-gallery .imgbox:nth-child(7) img {
        height: 174px;
        width: 133px;
    }
    .global-team-gallery {
        margin-top: -90px;
        gap: 14px;
        width: 100%;
    }
        .global-team .global-description {
        max-width: 445px;
        }
        
        
     main.innercontent.work-detail .txt-content ul li, main.innercontent.work-detail .txt-content ol li {
        font-size: 14px;
        color: #73737E;
   }   
    main.innercontent.work-detail.light .txt-content ul li, main.innercontent.work-detail.light .txt-content ol li {
        font-size: 14px;
        color: #0e0e14;
   }   
   
   .portfolio-box .feature-cat ul{
               display: flex;
        flex-wrap: wrap;
   }
   
    .designPage.detail .our-process .container {
    padding-right: 30px;
    }
    
    .whatup-section{
            width: 50px;
    height: 50px;
    bottom: 20px;
    right: 10px;
    }
    .whatup-section img {
    width: 25px;
    height: 25px;
}

.accordion .acc-body ul li > ul li{
    font-size:14px;
    line-height:22px;
}

.portfolio.landing {
    padding-bottom: 50px;
}
.main-wrapper.designPage .hero h1 br{
    display:none;
}

.things-wedo .lottie-containerwhite{
            width: 600px;
        height: 600px;
}
.trusted-partner-reivew .lottie-containerwhite{
    width: 80%;
}

.banner-reviews{
        position: absolute;
        right: 30px;
        max-width: 320px;
        height: 300px;
        bottom: 0;
        width: 100%;
    }
    .banner-reviews .swiper-pagination {
    position: relative;
    bottom: 0 !important;
}
    
.landing-new .trusted-partners{
    bottom: 30px;
}    
    .landing-new .banner-contact .form {
        max-width: 715px;
    }
    
.landing-new .testimonial-box .reviews {
        padding: 0px 0 40px;
    }    
    
.landing-new .hero.landing {
   padding-top: 20vh; 
           height: calc(100vh - 20vh);
 }    

 
.landing-new .hero{
     height: calc(100vh - 20vh);
 }
     
.landing-new .approach .swiper-navigate.top-right { 
    top: -55px;
    right: 30px;
}
.landing-new .approach-swiper .swiper-wrapper{
    margin:0 -20px;
}

.landing-new .approach-slider-wrapper .approach-box{
   padding: 38px 26px;
}

.landing-new .approach.flaws .approach-slider-wrapper .approach-box .questions{
   gap: 20px;
}

  .landing-new .about-new .left-content {
        margin-left: 0;
        } 
.landing-new .about-new .about-new-gallery{
    margin-top:45px;
}
    .landing-new .about-newinner {
        gap: 55px;
    }
.landing-new .about-new .right-content .factor-list h4 {
           font-size: 26px;
        line-height: 21px;
}
  .landing-new .approach-slider-wrapper .approach-box h4 {
    font-size: 57px;
    font-weight: 500;
    line-height: 56px;
}  
.landing-form .landing-form-box{
    padding:30px;
}
.landing-new .about-newinner {
    flex-flow: wrap;
}  
.landing-new .about-new .right-content {
    max-width: 100%;
}
.landing-new .about-new{
  padding: 140px 0 100px;
}

 .landing-new .about-new .right-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
            gap: 0 15px;
}
.landing-new .about-new .right-content > p {
    grid-column: span 3;
}
.landing-new .about-new .right-content .factor-list{
        flex-direction: column;
        gap: 12px 0;
}

.page-template-paid_landing_page .home-contact .contact-form {
    position: relative;
    width: 82%;
    margin: 0 auto;
    left: 0;
    top: 30px;
}
.page-template-paid_landing_page .home-contact:before {
        left: 50%;
        top:0;
    }
    
    
.landing-new .testimonials:after{
        background-size: contain;
}    
    

}


@media(min-width:1024px) and (max-width:1279px){
    
    .global-team-gallery .imgbox:nth-child(1) img, .global-team-gallery .imgbox:nth-child(5) img, .global-team-gallery .imgbox:nth-child(6) img {
        height: 133px;
        width: 100%;
        object-fit:cover;
        object-position:top;
    }
   .global-team-gallery .imgbox:nth-child(3) img, .global-team-gallery .imgbox:nth-child(4) img, .global-team-gallery .imgbox:nth-child(7) img {
        height: 174px;
        width: 100%;
        object-fit:cover;
        object-position:top;
    } 
    
        main.innercontent.work-detail.light .work-content .overview-btn {
        bottom: 0;
        padding-left: 154px;
    }
    
    
    
    
    
}



@media(min-width:768px) and (max-width:1279px){

   .main-header .toggle-menu:before {
        content: "";
        background: #fff;
        position: absolute;
        left: 50%;
        width: 70px;
        height: 0;
        transform: translate(-50%, -50%);
        top: 50%;
    } 
    .main-header.active .toggle-menu:before{
        height:70px;
    }
    .main-header .navigation{
                width: calc(100% + 45px);
    }
    .main-header.active .toggle-menu span {
    background: var(--themeblack);
}
        header .navigation .submenu {
        width: calc(100% + 15px);
        gap:128px;
        justify-content:normal;
        }
    .main-header.active .navigation >li > .submenu {
    height: auto;
    opacity: 1;
    transform: translateY(-70px);
    transition: all .4s ease-in-out;
           padding: 50px 30px;
           z-index:1;
}
 .main-header .navigation > li.menu-wrap-main > a {
    opacity: 0;
}
header .navigation{
    background:transparent;
}    

    .main-wrapper.designPage .portfolio .container-fluid {
        margin-right: 30px;
    }
    main.innercontent.contact .hero-cols{
                grid-template-columns: 1fr 1fr;
    }
        .contact footer .footer-row {
        gap: 0;
        }
    .contact .home-contact{
        padding-bottom:87px;
    }
    
    
    .flexible-plans.maintenance {
    padding: 119px 0 224px;
    }
   .flexible-plans.maintenance .sec-head h3 {
        margin-bottom: 35px;
    }
    .premium-features.suppport-package {
    padding-top: 109px;
}
.suppport-package.premium-features .features-list .package-description, .suppport-package.premium-features .features-list .performance-feature {
    margin-left: 20px;
}
.suppport-package.premium-features .features-list .package-img {
    max-width: 300px;
}
    
.our-process.landing {
    padding: 100px 0 189px;
}    
    
    .powerful-host {
        padding-top: 90px;
    }    
    .powerful-host.bottom-empty {
    padding-bottom: 101px;
}
.premium-features .features-list .performance-feature, .premium-features .features-list .advanced-security {
    margin-right: 20px;
}
    
 .designPage .design-skill .sec-head.cols2 p {
    max-width: 100%;
    margin-left: auto;
 }    
    
.designPage.detail .our-process{
    padding: 100px 0 169px;
}    
    
    
        .all-work.listings ul.listing-row li .feature-img > img {
        width: 430px;
        height: 320px;
        }
    
   .all-work.listings ul.listing-row li .feature-img{
           left: 35%;
   } 
   
   main.innercontent.faqs .bannertxt:before{
               height: 15%;
        top: 0;
   }
   
   .accordion .acc-body a {
    color: #73737E;
}
   
       .landing-new .hero.landing .herotxt {
        max-width: 457px;
    }
    
}
 
 
 
 
@media(min-width:992px) and (max-width:1279px){
    .trusted-partner-reivew .clients-row.client-slider {
        margin: 0 0;
    }
    /*Navigation tab*/
    .main-header.active .navigation{
        display:none;
    }
    .navigation-tab {
        display:block;
        position: absolute;
        left: 0;
        top: 100%;
        background: var(--themewhite);
        width: calc(100% - 30px); 
        transform: translateY(10px);
        height:0;
        padding: 0 30px 0;
        overflow:hidden;
        transition:.4s ease-in-out;
    }
    .main-header.active .navigation-tab{
        height:auto;
        padding: 50px 30px 58px;
        transform:translateY(0);
        transition:.4s ease-in-out;
    }
    .navigation-tab ul.tab-menu-list{
        list-style: none;
        padding-left: 0;
        display: flex;
        justify-content: space-between;
    }
    .navigation-tab ul.tab-menu-list > li > a {
        font-size: 17px;
        line-height: 23px; 
        color: #0E0E14;
         font-weight: 500;
    }
    .navigation-tab ul.tab-menu-inner{
        padding-left:0;
        margin-top:20px;
        list-style:none;
    }
    .navigation-tab ul.tab-menu-inner li.has-child-menu {
    display: none;
}
    .navigation-tab ul.tab-menu-inner li+li{
        margin-top:12px;
    }
    .navigation-tab ul.tab-menu-inner > li > a {
        font-size: 15px;
        line-height:24px;
        color:#0E0E14;
    }
    
    
    /*Navigation tab end */    
    
    
} 
 
 



@media(max-width:1024px){
    
    .trusted-partner-reivew .clients-row.client-slider {
        margin: 30px 0;
    }
    .partners-row .scroll-options {
        display: none;
    }    
    .partners-row {
        grid-template-columns: 1fr;
        gap: 0;
        display: block;
    }
     .trusted-partners { 
    left: 50%;
    transform: translateX(-50%);
    width:100%;
    z-index:999;
}

 main.innercontent.work .home-contact .contact-form {
    top: 100%;
}
main.innercontent.faqs .home-contact .contact-form {
    top: 100%;
}  
    .partners-row .clients ul.clients-list {
        display: flex;
        width: 100%;
        overflow: unset;
    }
    .partners-row .clients ul.clients-list::-webkit-scrollbar{
        display:none;
    }

    .main-header{
        width: calc(100% - 60px);
    }
    
}



@media(max-width:1023px){
    .container-fluid{
        margin: 0 30px;
    }
    .contact-slider .swiper-wrapper {
        display: grid;
        gap: 9.3px;
        grid-template-columns: repeat(6, 1fr);
    }
    main.innercontent.work .bannertxt:before {
        top: 16px;
        right: -234px;
        height: 443px;
    }
    main.innercontent.work-detail .hero {
        padding-top: 165px;
    }
    main.innercontent.work-detail .work-content .txt-container {
        padding: 100px 32px;
    }
    main.innercontent.work-detail section.work-content {
        padding-bottom: 129px;
    }
    .work-content .overview-btn {
        bottom: 85px;
    }
    main.innercontent.work-detail .home-contact .contact-form {
        top: calc(100% + 80px);
    }
    main.innercontent.contact .hero-cols{
        grid-template-columns: 1fr;
        gap: 80px;
        padding-right: 0;
    }
    main.innercontent.contact .hero h1{
        margin-bottom: 20px;
    }
    main.innercontent.contact .hero .offce-address{
        position: relative;
        width: 100%;
        margin: 49px 0 0 auto;
    }
    main.innercontent.contact .hero .right-col {
        max-width: 100%;
    }
    .form-tab .form-tabbing {
        gap: 30px;
    }
    .contact .right-col .submit-row {
        gap: 37px;
        flex-direction: row;
    }
    .contact .right-col .submit-row .subhead {
        max-width: 100%;
    }
    main.innercontent.contact .hero{
        padding-bottom: 122px;
    }
    .form-tab .form-tabbing li a{
        font-size: 12px;
    }
    main.innercontent.contact .hero {
        padding-top: 240px;
    }
    
    
        .bannertxt:before {
        top: -2%;
        background-size: 82%;
    }
        .hero .hero-img {
               left: 50%;
        top: 64%;
        width: 68%;
    }
        .hero:after {
        right: -214px;
        top: 0;
    }
     
    .portfolio .container-fluid {
    margin-right: 0;
    }

    .container {
        padding: 0 30px;
    }
        .about-gallery {
        margin-top: 11px;
            
        }
            .about-gallery img:nth-child(1) {
        width: 142px;
        height: 142px;
    }
        .about-gallery img:nth-child(2), .about-gallery img:nth-child(3) {
        width: 105px;
        height: 105px;
    }
        .about-gallery img:nth-child(4) {
        width: 223px;
        height: 176px;
    }
        .about-gallery img:nth-child(5) {
        width: 118px;
        height: 152px;
    }
        .about-gallery img:nth-child(3) {
        margin-top: -36px;
    }
        .things-wedo:before {
        right: -33%;
        top: -46.7%;
        background: url(../images/about-cirlcenew.svg) no-repeat;
        background-position: center;
        background-size: 91%;
    }
    .results .container {
    padding-right: 0;
}
    
    
        .results .results-inner .result-box {
        padding: 25px 23px 24px 28px;
        width: calc(284px - 53px);
        }
           .results:before {
        width: 390px;
        height: 225px;
        top: 73%;
        left: 4px;
    }
        
    .things-wedo-inner {
        gap: 31px;
    }
    .partners:before{
        top: -47%;
    }
    .partners:after{
       background: url(../images/newcircledark-small.svg) no-repeat;
        background-size: 90%;
        left: 114px;
    }
    .partners .partner-block .partners-box {
    width: 100%;
    height: 100px;}
    .testimonial-inner .left-head{
        padding-top:0;
    }
    
    .partners{
                background-position: 20rem;
    }
    .testimonials > .container-fluid {
    margin-right: 0;
}
        .testimonials:after {
        right: -17px;
        bottom: -11%;
        }
        
            .common-questions:before {
        top: 27%;
        left: 15%;
    }
    
    .blog-section .container-fluid {
    margin-right: 0;
}
    
        .home-contact:after {
        right: 6%;
        top: 8%;
        height: 24%;
        width: 70%;
        left: 27%;
    }

    .home-contact:before {
        left: 40%;
        top: -15%;
        background-size: contain;
        width: 58%;
        height: 29%;
    }
    .contact-slider .swiper-slide img+img {
    margin-top: 7px;
}
.contact-slider .swiper-wrapper{
    gap:7px;
}
.trusted-partner-reivew{
    padding: 99px 0 101px;
}
.home-contact .contact-form{
        width: calc(100% - 83px);
}
.home-contact .contact-form .form{
    gap: 40px 34px;
    margin: 40px 0 29px;
}
    .ftdetails-box .ft-featurebox.active ul.ft-list li {
        position: relative;
        padding-left: 18px;
    }
.ftdetails-box .ft-featurebox.active ul.ft-list li:before {
   content: url(../images/newarrow-right.svg);
        position: absolute;
        left: 0;
        top: 0;
        width: 8px;
        height: 9px;
}
.copyrightrow:before{
    display:none;
}
    .copyrightrow {
        padding: 92px 0 0;
    }

    main.innercontent.insights .hero h1 {
        font-size: 24px;
        line-height: 30px;
    }
    ul.insight-category{
        gap:5px;
    }

    .feature-insights .insights-row{
        gap: 22px;
    }
    .insights-box .imgbox img {
        max-height: 180px;
        min-height: 180px;
    }
    .insights-description .insight-title h5 br{
        display: none;
    }
    .feature-insights .insights-box:first-child .insights-description .insight-title h5 br {
        display: block;
    }
    main.innercontent.insights .container {
        padding: 0 30px;
    }

    .insights-full .insights-box {
        gap: 30px;
        grid-template-columns: 220px 1fr;
    }
    .insights-full .insights-description{
        padding: 0;
    }
    .insights-full .insight-boxouter {
        padding: 20px 30px 20px 20px;
    }
    .insights-description p{
        -webkit-line-clamp: 5;
    }
    .insights-main {
        padding-bottom: 124px;
    }

    .insight-main-content .insights-inner-main{
        grid-template-columns: 1fr;
        gap: 0;
    }
    main.innercontent.faqs.insight-inner .hero h1{
        font-size: 24px;
        line-height: 30px;
        max-width: 520px;
    }
    .prev-page-box {
        text-align: right;
                margin-left: auto;
    }
    main.innercontent.faqs .bannertxt:before {
        background-position: center center;
        background-size: 100%;
        left: auto;
        width: 440px;
        height: 442px;
        right: 0;
    }
    .insight-main-content .insights-inner-main .insight-inner-data {
        margin-top: 40px;
    }
    .insight-main-content .insights-inner-main .left-context-box ul {
        max-height: 252px;
        height:0;
        margin:0;
        background: #EBEBF0;
    }
    .insight-main-content .insights-inner-main .left-context-box {
        padding: 10px 20px;
        justify-self: baseline;
        max-height: 35px;
        overflow: hidden;
        background: #EBEBF0;
        border:1px solid #0E0E14;
        border-radius: 5px;
    }
    .insight-main-content .insights-inner-main .left-context-box.active{
        max-height: 100%;
        overflow: visible;
    }
    .insight-main-content .insights-inner-main .left-context-box.active:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -9px;
        width: calc(100% - 40px);
        height: 1px;
        border-top: 1px dotted #73737E;
    }
    .insight-main-content .insights-inner-main .left-context-box.active ul {
        height: auto;
        position: absolute;
        bottom: 0;
        z-index: -1;
        width: 100%;
        left: 0;
        overflow: visible;
        max-height: max-content;
        padding: 24.2px 20px 55px;
        border-radius: 10px;
    }
    .lets-talk-box a.btn.big, .insight-main-content .prev-page-box a{
                    z-index: -1;
        position: relative;
    }
    .insight-main-content .insights-inner-main .left-context-box h5 {
        font-size: 12px;
        line-height: 18px;
        color: var(--themeblack);
        font-family: var(--secondaryfont);
        text-transform: uppercase;
        font-weight: 400;
    }
    .insight-main-content .insights-inner-main .left-context-box h5:after {
        content: url(../images/plus-white.svg);
        filter: invert(1);
        right: 20px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .insight-main-content .insights-inner-main .left-context-box ul li a, .insight-main-content .insights-inner-main .left-context-box ol li a,
    .insight-main-content .insights-inner-main .left-context-box ul li, .insight-main-content .insights-inner-main .left-context-box ol li
     {
        color: var(--themeblack);
        font-size: 14px;
        line-height: 22px;
    }
    .insight-main-content .insight-detail-content {
        margin-top: -40px;
    }
    main.innercontent.faqs.insight-inner .hero{
        overflow: visible;
    }    
    .about-us .results .slider-box {
                overflow-x: scroll;
        overflow-y: hidden;
    }
    .team-slider .team-box .team-imgbox img{
        height: 200px;
    }
    .global-team-gallery{
        overflow-x: scroll;
        overflow-y:hidden;
        grid-template-columns: auto;
        margin-top: 38px;
        gap: 0 10px;
    }
    .global-team-gallery .imgbox:nth-child(4){
        grid-row-start: 2;
        grid-row-end: 4;
    }
    .global-team-gallery .imgbox:nth-child(5){
        grid-column-start: 5;
        grid-column-end: 5;    
    }
    .global-team-gallery .imgbox:nth-child(6){
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 6;
        grid-column-end: 6;  
        align-self: end;  
    }
    .global-team-gallery .imgbox:nth-child(7){
        grid-column-start: 7;
        grid-column-end: 7; 
    }
    .global-team .global-description {
        margin-left: 0;
        max-width: 100%;
        margin-top: 20px;
    }
    .global-team-gallery::-webkit-scrollbar {
        display: none;
    }

    .author-banner{
        padding-bottom: 38vh;
    }
.author-banner-right .cols2-p {
    grid-template-columns: 1fr;
}
    .author-banner:before {
        right: auto;
        bottom: -52%;
        width: 1000px;
        height: 1000px;
        background-size: 41%;
        left: 65%;
    }
    .articles-row{
        flex-direction: column;
        align-items: baseline;
        gap: 10px;
    }
    .articles-row .article-meta{
        width: auto;
        gap: 20px;
    }
    
    
    .hero h1{
        max-width:600px;
    }
    
    .main-wrapper.designPage .hero h1 br{
        display:none;
    }
    
    .landing-new .hero:after { 
    right: 0;
    top: -9%;
    height: 100%;
}
    .landing-new .about-new {
        padding: 100px 0 100px;
    }
      
   
    
}

@media(max-width:991px){

     
     .hero, .designPage .hero {
        padding-top: 16vh;
        height: calc(100vh - 16vh);
    }

    .hero h1{
        width:100%;  
    }
    .hero .herotxt, .designPage .hero .herotxt, .hero h1, .about-us .hero h1{
        width: 100%; 
        max-width:100%;
    }
   
    .partners-row .clients ul.clients-list li > a {
        width: 140px;
        height: 60px;
    }
    .partners-row .clients ul.clients-list{
        gap: 21px;
    }
    .portfolio {
        padding: 107px 0 145px;
    }
    .about-us-home .sec-head{
        max-width: 100%;
    }
    .about-descriptionbox{
        width: 100%;
    }
    .about-descriptionbox{
        column-gap: 58px;
    }
    .about-gallery {
        margin-top: 7px;
        gap: 12px;
    }
   
    .results {
        padding-bottom: 103px;
    }
    .things-wedo-inner {
        margin-top: 20px;
        grid-template-columns: 1fr 1fr;
    }
    .things-wedo-inner .wedo-box-outer:nth-child(2) {
        order: 2;
        grid-column: 2 span;
        grid-template-columns: 1fr 1fr;
    }
    .things-wedo {
        padding-bottom: 100px;
    }
    .testimonial-inner {
        gap: 57px;
        flex-direction: column;
    }
    .testimonial-inner .left-head {
        display: flex;
        width: 100%;
        max-width: 100%;
        gap: 59px;
    }
    .testimonial-inner .left-head .sec-head {
        max-width: 330px;
    }
    .testimonials .sec-head h3 {
        margin-bottom: 23px;
    }
    .testimonial-inner .join-head {
        margin-top: 54px;
    }
    .testimonial-inner{
        display: block;;
    }
    .swiper.testimonial-slider {
        padding-top: 56.6px;
        display: flex;
        flex-direction: column-reverse;
    }
    .testimonial-slider .swiper-navigate.top-right{
        top:0;
        position:relative;
        left:0;
        margin-top: 61px;
        justify-content: center;
        width: auto;
    }
    .testimonials {
        padding-bottom: 100px;
    }
    .common-questions .questions-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .common-questions {
        padding-bottom: 439.8px;
    }
    .testimonials:after {
        right: 0;
        top: auto;
        bottom: -13%;
        left: auto;
        transform: translate(0);
    }
    .trusted-partner-reivew:after {
        top: -55%;
        transform: none;
        width: 580px;
        height: 580px;
        background-size: contain;
    }
    .blog-section .sec-head {
        margin-bottom: 31px;
    }
    .blog-row .blog-box {
        max-width: 380px;
    }
    .swiper-navigate.bottom {
        margin: 54px auto 0;
    }
    .trusted-partner-reivew .clients-row {
        gap: 54px;
        margin: 0;
    }
    .client-reviewbox .reviewbox{
        gap: 20px;
    }
    .client-reviewbox {
        gap: 20px;
    }
    .client-reviewbox .reviewbox .reviews span {
        padding-left: 5px;
    }
    .home-contact .contact-form {
        position: relative;
        left: 0;
        transform: translate(0);
        right: auto;
        margin-top: 50.8px;
    }
    .home-contact .contact-form .submit-row {
        grid-template-columns: 357px 1fr;
        gap: 0;
    }
    a.btn.big {
        padding: 8px 15px 8px 42px;
    }
    .home-contact {
        padding-bottom: 60px;
    }
    footer .footer-row {
        display: flex;
        flex-direction: row;
        gap: initial;
        justify-content: space-between;
    }
    footer .footer-row .ftdetails-box{
        width: 309px;
        flex-direction: column;
        justify-content: flex-start;
        gap:21px;
    }
    footer .footer-row .ftdetails-box ul.ft-list {
        height: 0;
        overflow: hidden;
        opacity: 0;
        margin: 12px 0 0;        
        gap: 8px;
        transition: all .4s ease-in-out;
    }
    .ftbrand-box{
        height:auto;
    }
    footer .footer-row .ftdetails-box .ft-featurebox {
        border: 1px solid #fff;
        padding: 22px 19px 12px;
        background: var(--lightgrey);
        border-radius: 10px;
        z-index: 9;
    }
        .ftdetails-box .ft-featurebox h4.ft-head {
        position: relative;
        font-weight: 500;
    }
    .ftdetails-box .ft-featurebox h4.ft-head:after {
        content: "";
        background: url(../images/plus.svg) no-repeat;
        position: absolute;
        right: 0;
        top: 0;
        width: 16px;
        height: 16px;
        transition: all .4s ease-in-out;
    }
    footer .footer-row .ftdetails-box .ft-featurebox.active .ft-head:after {
        transform: rotate(45deg);
        transition: all .4s ease-in-out;
    }


    .feature-work .work-box:nth-child(2) {
        margin-top: 0;
    }
    .all-work.listings {
        padding-top: 80px;
    }
    .all-work.listings ul.listing-row li {
        gap: 15px;
        flex-direction: column;
    }
    .all-work.listings ul.listing-row li .work-detail-link {
        margin-top: -50px;
    }
    .all-work.listings .work-title {
        max-width: 90%;
    }
    main.innercontent.work .work-list .feature-work {
        gap: 35px;
        flex-direction:column;
    }
    main.innercontent.work-detail .hero .work-features > .feature-list{
        gap: 22px;
    }
    main.innercontent.work-detail .work-features .visit-btn{
        margin-top: 20px;
    }
    main.innercontent.work-detail.light .work-features .visit-btn{
        margin-top: 0;
    }
    main.innercontent.work-detail.light .hero .work-features > .feature-list{
        gap: 34px;
    }
    main.innercontent.work-detail .hero h1 {
        font-size: 22px;
        line-height: 32px;
    }
    main.innercontent.work-detail .hero .work-features {
        flex-direction: column;
        align-items: baseline;
        gap: 34px;
    }
    .detail-images + .detail-images {
        margin-top: 40px;
    }
    main.innercontent.work-detail .work-content .txt-container {
        padding: 50px 0px;
    }
    main.innercontent.work-detail.light .work-content .txt-container {
    padding: 50px 0;
    }
    .work-content .detail-images {
        gap: 20px;
        z-index: 9;
        position: relative;
    }
    
    main.innercontent.work-detail .txt-content ul, main.innercontent.work-detail .txt-content ol{
            gap: 15px;
    }
    
        .wedo-box dotlottie-player {
        width: 240px;
    }
    
    main.innercontent.faqs .hero h1{
        font-size: 28px;
        line-height: 36px;
    }
    main.innercontent.faqs .hero {
        padding-top: 197px;
        padding-bottom: 15px;
    }
    main.innercontent.faqs .questions-cols {
        grid-template-columns: 1fr;
        gap: 0;
    }
    main.innercontent.faqs .table-of-content {
        display: block;
        position: absolute;
        top: 179px;
        width: calc(100% - 60px);
        left: 0;
        z-index: 9;
        max-height: 40px;
        overflow: hidden;
        padding: 8px 20px;
    }
    main.innercontent.faqs .table-of-content ul.context-point {
        display: none;
    }
    .content-data h4.faqcontent-head {
        margin: 40px 0 13px;
    }
    .faqmobiletabs{
        display: block;
        margin-top: 63px;
        padding-bottom: 50px;
    }
    .faqmobiletabs h5 {
        font-size: 12px;
        font-weight: 400;
        font-family: var(--secondaryfont);
        color: var(--themewhite);
        text-transform: uppercase;
        line-height: 18px;
    }
    main.innercontent.faqs .table-of-content h4.head {
        font-size: 14px;
        font-weight: 200;
        line-height: 22px;
    }

    main.innercontent.faqs.legal .content-data h3 {
        font-size: 23px;
        line-height: 31px;
        margin-top: 0;
    }
    main.innercontent.faqs.legal .content-data{
        margin-top: 150px;
    }
    main.innercontent.faqs.legal .table-of-content{
        top: 110px;
        z-index: 99;
    }
    main.innercontent.faqs.legal .legal-content-mobile-head{
        display: block;
        margin-top: 60px;
    }
    main.innercontent.faqs.legal .legal-content-mobile-head p{
       font-size: 12px;
       font-weight: 400;
       line-height: 18px;
       font-family: var(--secondaryfont);
       color: var(--themewhite);
       text-transform: uppercase;
    }
    main.innercontent.faqs.legal .bannertxt:before {
        z-index: 9;
        background-size: 90%;
        background-position: -115% 0%;
        left: 3%;
        height: 330px;
    }

     .designPage .common-questions {
        padding-bottom: 100px;
    }
    .designskillset .skillset-box .skillset-content h4 {
        font-size: 17px;
        line-height: 23px;
    }
    
    .develop.design-skill .sec-head.cols2 {
            padding-right: 0;
        grid-template-columns: 1fr;
        gap: 10px;
}


.growth-inner-foundation .foundation-row{
    grid-template-columns: 1fr;
}



.growth-inner-foundation .foundation-box:nth-child(1) {
       grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
}
.growth-inner-foundation .foundation-box:nth-child(2) {
       grid-row-start: 1;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 1;
}
.growth-inner-foundation .foundation-box:nth-child(3) {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
}
.growth-inner-foundation .foundation-box:nth-child(4) {
    grid-row-start: 2;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 1;
}
.growth-inner-foundation .foundation-box:nth-child(5) {
        grid-row-start: 4;
    grid-row-end: 6;
    grid-column-start: 2;
    grid-column-end: 2;
}
.growth-inner-foundation .foundation-box:nth-child(6) {
        grid-row-start: 2;
    grid-row-end: 6;
    grid-column-start: 3;
    grid-column-end: 3;
}


.growth-inner-foundation .foundation-row {
           display: flex;
        flex-direction: column;
        gap: 25px;
}
.growth-inner-foundation .foundation-row > div {
    width: 80%;
    margin: 0 auto;
}
    .growth-inner-foundation .foundation-box {
        width: calc(70% - 50px);
    }
    
    
.host-features {
    grid-template-columns: repeat(2, 1fr);
}    
    
.flexible-plans:before{
    z-index: -1;
    top: -192px;
}

.premium-features:after{
            left: 17px;
}

.premium-features:before{
            right: -28%;
}
.premium-features .features-list{
    grid-template-columns:1fr; 
}
    .powerful-host {
        padding-top: 100px;
    }


.about-us-home .sec-head h3{ 
    z-index:9;
    position:relative;
}

    .things-wedo-inner .wedo-box .wedo-desc {
        max-width: 100%;
    }

.things-wedo-inner .wedo-box{
  padding: 5px 25px 30px;
}
.things-wedo-inner .wedo-box .wedo-desc .category ul li+li{
        padding-left: 8px;
}
.things-wedo-inner .wedo-box-outer{
    height:auto;
}

    main.innercontent.work .hero .left-box {
        max-width: 296px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    main.innercontent.work .hero:after{
                left: -1%;
    }

        main.innercontent.work .home-contact:before {
        top: -6%;
        }
        
        
        
        
            main.innercontent.work-detail footer .footer-row .ftdetails-box {
        margin-top: 0;
    }
        main.innercontent.work-detail.light footer .footer-row .ftdetails-box {
        margin-top: 70px;
    }
    
    
    main.innercontent.work-detail.light .home-contact:before {
        top: 9%;
        left: 30%;
    }
        main.innercontent.work-detail.light .home-contact {
        padding-top: 105px;
    }
    
        main.innercontent.insights .home-contact:before {
        top: -10%;
        left: 35%;
    }
        main.innercontent.insights footer .footer-row .ftdetails-box {
        margin-top: 0;
    }
    
    .insights-description .insights-meta{
        gap: 10px 20px;        
        flex-wrap: wrap;
    }
    .side_header ul.timezone{
        padding-left:0;
    }
    
        .designPage .common-questions .questions-inner {
        grid-template-columns: 1fr;
    }
    
    .detail.dev .design-skill.develop{
        padding: 100px 0 0;
    }
    .designPage.detail .our-process{
        padding: 100px 0 169px;
    } 
     

.box-border div:nth-child(4){
    left: -18px;
}

.box-border.mobile{
    display:block;
}
 

    .articles-row .article-head {
        width: 100%;
    }
    
    
    .develop.designskill-slider{
            padding-bottom: 70px;
    }
    
    .design-skill .sec-head.cols2 {
        grid-template-columns: 1fr;
        margin-right: 0;
        gap: 10px;
    }
    
        main.innercontent.work section.home-contact {
        padding: 160px 0 100px;
    }


.global-team-gallery{
 width: 100%;
}
    .swiper-navigate.top-right {
        right: 30px;
    }
    
    header .navigation .submenu{
        gap: 45px;
    }
    header .navigation > ul > li.active > .submenu{
        padding:25px;
    }
    
    .lets-talk-box a.btn.big, .insight-main-content .prev-page-box a{
                z-index: 9;
    }
    
    
    .landing-new .bannertxt h1 {
        max-width: 100%;
    }
    
    .landing-new .hero {
        height: 100%;
    }
    .banner-reviews {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 22px;
}
    .hero .herotxt, .hero.landing .herotxt{
        max-width:100%;
    }
    
    .landing-new .trusted-partners{
        display:none;
    }
    
    
    

.landing-new .approach .swiper-navigate.top-right {
    position: relative;
    left: 0;
    top: 0;
    margin: 30px auto;
}

 

.landing-new .approach{
        padding: 0 0 100px;
}
.landing-form .landing-form-box{
  padding: 50px 30px;
}
.landing-form .landing-form-box .formbox .form {
    display: flex;
    flex-direction: column;
    gap: 25px 0;
}

    .page-template-paid_landing_page .footer-row .ft-brandinfo {
        gap: 0;
        flex-direction: column;
    }
    .page-template-paid_landing_page .ftbrand-box{
                align-items: end;
    }
    
    
    .about-gallery{
          grid-template-columns: repeat(7, 1fr);
    }
    
    
        #myModal .modal-content {
        max-width: 76%;
    }
    .modal-content:after{
            top: -9%;
    }
.modal-footer p {
        font-size: 10px;
    }
    .global-team-gallery .swiper-slide {
        width: auto !important; 
    }
}





@media(max-width:767px){
        .container-fluid {
        margin: 0 40px;
    }

    header {
        position: relative;
    }
        .things-wedo-inner .wedo-box a.txtbtn.secondary {
        margin-top: 34px;
    }
    header .header-main {
        grid-template-columns: 1fr;
        position:fixed;
        width:100%;
    }
        .partners .partner-block {
        margin-top: 40px;
    }
        .about-us-home {
        padding: 80px 0;
    }
    .about-descriptionbox p{
        max-width: 304px;
    }
    .hero .clients p {
    font-size: 12px;
    line-height: 20px;
}
    .portfolio-box .feature-img {
        height: 248px;
    }
    .portfolio-box .feature-cat ul li a{
            padding: 4px 10px 3px;
    }
    .main-header{
        padding-left: 0;
    }
    .main-wrapper{
        position: relative;
    }
    .main-wrapper:before {
        content: "";
        position: absolute;
        left: 10px;
        top: 0;
        width: 1px;
        height: 100%;
        z-index: 2;
        border-left: 1px solid #f8f9fa26;
    }
    .main-wrapper:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 0;
        width: 1px;
        height: 100%;
        z-index: 1;
        border-left: 1px solid #f8f9fa26;
    }
    .fixed-nav-left {
        width: 10px;
    }
    .main-wrapper main {
        width: 100%;
        border: none;
        margin: 0 auto;
    }
    .hero:before{
        content:none;
    }
    .side_header ul.contact-bar {
        padding-right: 0;
        justify-content: flex-end;
        flex-direction: row-reverse;
        width: 100%;
        padding:0;
    }
    .toggle-menu-main {
        position: fixed;
        bottom: 10px;
        width: calc(100% - 43px);
        background: var(--grey);
        left: 10px;
        padding: 0 10px;
        min-height: 54px;
        align-items: center;
        display: flex;        
        border: 1px solid #46464A;
        justify-content: space-between;
    }
    .toggle-menu {
        display: grid;
        left: 52%;
        right: auto;
        transform: translate(-50%, -45%);
        /*position: relative;*/
        /*left: auto;*/
        /*top: auto;*/
        /*transform: translate(0);*/
    }
    .side_header {
               width: 100%;
        justify-content: space-between;
        position: relative;
        padding-right: 40px;
        padding-left: 35px;
        gap: initial;
    }
    .moblogo {
        display: flex;
       height: 100px;
      width:60px;
      align-items:center;
    }
    .main_logo.fixed  {
        display: none;
    }
    .moblogo a, .moblogo a img {
        display: block;
    }
    .bannertxt:before{
              left: -26px;
        top: -5%;
        width: 390px;
        height: 392px;
    }
    .hero:after {
        left: 0;
        height: 980px;
        width: 980px;
        top: 16%;
        z-index: 1;
    }
    .hero {
        padding-bottom:10px;
        padding-top: 140px; 
        overflow:visible;
        height:auto;
    }
    .hero h1 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .partners-row {
        padding: 100px 0 0;
    }
    .partners-row .clients{
        text-align: left;
    }
    .partners-row .clients ul.clients-list {
        gap: 10px;
        padding-left:0;
        width:100%;
    }
    .partners-row .clients ul.clients-list li > a {
        width: 150px;
        height: 73px;
    }
    .trusted-partners .partners-row {
        background: none;
        z-index: 2;
        position: relative;
    }
    .trusted-partners {
        position: relative;
        background: linear-gradient(122deg, var(--themeblack), transparent);
        background:none;
        /*transform:translate(0);*/
        /*left:0;*/
        bottom:30px;
        z-index:9;
        width: calc(100vw - 43px);
    } 
    .trusted-partners .container{
        padding:0;
    }
    .portfolio {
        padding: 48px 0 180px;
        background: linear-gradient(360deg, var(--themeblack), var(--themeblack), var(--themeblack), transparent);
        z-index:1;
    }
    .sec-head h3 {
        font-size: 23px;
        line-height: 31px;
    }
    .portfolio-inner .sec-head {
        max-width: 78%;
    }
    .portfolio-box .category {
        margin-bottom: 10px;
    }
    .swiper-navigate.top-right {
        right: auto;
        position: absolute;
        left: 45%;
        transform: translateX(-50%);
        top: auto;
        bottom: -80px;
    }
    .about-descriptionbox {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .about-descriptionbox .readmoreBtn {
        margin-top:10px;
    }
    .about-descriptionbox {
        margin-top: 30px;
                width: 94%;
        margin-right: auto;
        margin-left: 0;
    }
    .about-gallery {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 40px;
        gap:14px;
        width:max-content;
    }
    
    .partners-row .clients ul.clients-list li > div{
        width: auto;
    }
    
    .about-gallery img:nth-child(1){
        margin-top: 30px;
                width: 169px;
        height: 140px;
        object-fit: cover;
    }
    .about-gallery img:nth-child(3) {
        margin-top: -45px;
    }
    .about-gallery img:nth-child(4) {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: 2;
        margin-top: 0;
                 width: 169px;
        height: 140px;
        object-fit: cover;
    }
        .about-gallery img:nth-child(2), .about-gallery img:nth-child(3) {
        width: 127px;
        height: 127px;
    }
    .about-gallery img:nth-child(5) {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 3;
        margin-top: -27px;
    }  
    .results-inner {
        grid-template-columns: 1fr;
        gap: 21px;
                margin-top: 25px;
    }
        .results .results-inner .result-box h4 {
        font-size: 23px;
        line-height: 31px;
    }
    .results .sec-head {
      max-width: 100%;
    }
    .results .sec-head h4 {
        font-size: 19px;
        line-height: 25px;
    }
    .things-wedo:before {
        right: auto;
        top: -55%;
        left: 69px;
    }
    .results .results-inner .result-box {
        width: calc(309px - 53px);
        height: calc(149px - 51px);
        align-items: baseline;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .results .results-inner .result-box p {
    padding-right: 20px;
}
    .hero .hero-img {
               width: 500px;
        z-index: 0;
        height: 500px;
        top: auto;
        background-size: contain;
        left: -169px;
                bottom: -54%;
    }
    .container{
        padding:0 40px;
    }
    .things-wedo-inner {
        display: flex;
        flex-direction: column;
        gap: 21px;
        margin-top: 24px;
    }
    .things-wedo-inner .wedo-box.noimg {
        margin-top: 0;
    }
    .things-wedo-inner .wedo-box-outer{
        height: auto;
    }
    .things-wedo-inner .wedo-box-outer:nth-child(2) {
        grid-template-columns: 1fr;
        gap: 21px;
    }
    .results {
        padding-bottom: 110px;
    }
    .partners .partner-block .partners-box {
        width: 100%;
        height: 75px;
    }

    .partners{
        /*background-color: var(--themeblack);*/
        overflow: hidden;
        padding-bottom: 0;
        /*z-index: 2;*/
    }
    .partners:before {
        left: auto;
        top: -55%;
        right: 0%;
    }
    .partners:after{
   top: -68%;
        background-size: 124%;
        left: 40px;
    }
    .partners .sec-head .description {
        padding-top: 12px;
    }
    .partners .partner-block.slider2 {
        margin-top: 20px;
    }
    .testimonial-inner .left-head {
        flex-direction: column;
        gap: 0;
        padding-top: 100px;
    }
    .testimonial-box .reviews {
        padding: 30px 0 60px;
    }
    .testimonial-box{
        padding: 41px 30px 42px 30px;
    }
    .testimonial-box .client-meta h6.role {
        font-size: 12px;
    }
    .testimonial-slider .swiper-navigate.top-right{
        left: 45%;
        transform: translateX(-50%);
        margin-top: 21px;
    }
    .swiper-navigate div{
        width: 38px;
    }
    .swiper.testimonial-slider {
        padding-top: 41px;
        padding-left: 15px;
        margin-left: -15px;
    }
    .testimonial-inner .join-head {
        margin-top: 0;
        position: absolute;
        bottom: 8px;
    }
        .testimonial-inner .join-head a.txtbtn {
        margin-top: 31px;
    }
    .testimonials {
        padding-bottom: 132px;
        background: var(--themeblack); 
        z-index:1;
    }
    .testimonials .sec-head h3 {
        margin-bottom: 12px;
    }
    .partners .sec-head .description {
        max-width: 310px;
    }
    .testimonial-inner .left-head .sec-head {
        max-width: 310px;
    }
    .testimonials:after {
        right: -26%;
        bottom: 5%;
    }
    .common-questions{
        padding: 100px 0;
        background-color: var(--themeblack); 
    }
    .common-questions .questions-inner .sec-head h3{
        margin-bottom: 12px;
    }
    .accordion .acc-box {
        padding: 20px 20px 10px;
        z-index:9;
    }
    .accordion .acc-head{
        padding-right: 36px;
    }
    .accordion .acc-head:after {
        filter: brightness(10);
                top: 35%;
    }
    .blog-row .blog-box {
        max-width: 310px;
    }
    .blog-section .sec-head{
        text-align: left;
        margin-bottom: 20px;
        z-index:9;
        position:relative;
    }
    .blog-section .sec-head h3 {
        font-weight: 300;
    }
    
    .blog-section {
        padding: 80px 0 0;
    }
    .blog-row .blog-box .blog-title h4{
        margin: 12px 0 20px;
    }
    .trusted-partner-reivew:after {
       top: -21%;
        transform: none;
        width: 580px;
        height: 580px;
        right: 10%;
        left: auto;
        background: url(../images/about-cirlcenew.svg);
    }
    .trusted-partner-reivew .sec-head {
        max-width: 183px;
        margin: 0 auto;
    }
    .trusted-partner-reivew .sec-head h4 {
        font-size: 17px;
        line-height: 23px;
    }
    .trusted-partner-reivew .clients-row{
        flex-direction: column;
        margin-top: 40px;
        gap: 40px;
    }
    .client-reviewbox {
        gap: 23px;
        flex-direction: row;
        align-items: center;
                max-width: calc(100% - 48px);
    }
    .client-reviewbox .reviewbox{
        flex-direction: row;
    }
    .client-reviewbox .reviewbox .viewbtn-box {
        padding-left: 24px;
    }    
    .home-contact .contact-form .submit-row {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .home-contact .contact-form {
        padding: 33px 30px 35px 29px;
        width: calc(100% - 60px);
        margin-top: 100px;
    }
    h3.midhead {
        font-size: 19px;
        line-height: 25px;
    }
    .home-contact .contact-form .form{
        display: flex;
        flex-direction: column;
        gap:30px;
    }
    .submit-btn a.btn.big {
        padding: 15px 0 14px;
        width: 100%;
        text-align: center;
    }
    .home-contact {
        padding-top: 81px;
    }
    .home-contact:before {
        left: 30%;
        top: auto;
        width: 494px;
        height: 516px;
        bottom: -7%;
    }
    footer .footer-row {
        flex-flow: column-reverse;
        gap: 81px;
    }
    .ftbrand-box .imgbox {
        margin-bottom: 41px;
    }
    .ftdetails-box .ft-featurebox h4.ft-head:after{
        filter: brightness(0);
    }
    .ftbrand-box {
        width: 100%;
        position: relative;
    }
    .ftbrand-box .mobTxt .terms-link {
        position: absolute;
        right: 0;
        top: 0;
    }
    .ftheadline {
        margin-bottom: 50px;
    }
    .things-wedo > .container {
        position: relative;
        z-index: 3;
    }
    .contact-bar .mobTxt {
        display: block;
    }
    .side_header a.btn.big.ylw {
        background: none;
        color: var(--themewhite);
        padding: 7px 10px 7px 42px;
    }
    a.btn.big:before {
        background: var(--yellow) url(../images/btn-arrow.svg) no-repeat;
        background-position: center;
    }
    ul.languageBox {
        bottom: -13px;
        left: auto;
        transform: translate(0);
        right: -10px;
        top: auto;
        gap: 13px;
    }
    .side_header ul.contact-bar li.langSelector.mob {
        display: none;
        position: relative;
    }
    .side_header ul.contact-bar li.langSelector {
        display: none;
    }
    .side_header ul.contact-bar li.langSelector.mob:before {
        content: "";
        background: url(../images/select-circle.svg) no-repeat;
        position: absolute;
        left: -28px;
        top: 50%;
        width: 20px;
        height: 20px;
        transform: translateY(-50%);
        background-size: contain;
        z-index: 9;
    }
    
    .side_header ul li{
        text-align: right;
    }
    .side_header ul.contact-bar li.langSelector.mob.active > a{
        color:#73737E;
    }
    ul.languageBox li.switchelem {
        opacity: 0;
    }
    header .navigation {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        background: #fff;
        left: 0;
        display: block;
        overflow: scroll;
    }
    header .navigation >li {
        padding: 20px 0;
        cursor: pointer;
        /*border-bottom: 1px dotted #73737E;*/
        margin: 0 30px;
        background-image: linear-gradient(to right, #73737E 30%, rgba(255, 255, 255, 0) 6%);
        background-position: bottom;
        background-size: 7px 2px;
        background-repeat: repeat-x;
    }
    header .navigation >li.has-child:after {
        width: 8px;
        height: 9px;
        left: calc(100% - 20px);
        top: 31px;
    }
    header .navigation >li.has-child {
        position: relative;
            padding: 23px 36px 26px 0;
    }
    header .navigation .submenu {
        position: relative;
        left: 0;
    }
    header .navigation >li.active:after {
        transform: translate(100%, 0) scale(-1);
        top: 31px;
    }

    header .navigation >li.active{
        padding:20px 0;
    }
    header .navigation:before {
        content: "";
        background: var(--themewhite);
        position: absolute;
        left: 10px;
        top: 10px;
        width: calc(100% - 25px);
        height: 100%;
        z-index: 0;
        border: 1px solid #EBEBF0;
    }
    header .navigation li {
        position: relative;
        z-index: 1;
    }
    header .navigation .submenu{
        padding: 0;
    }
    header .navigation >li.active > .submenu {
        padding: 5px 0 0;
        height:auto;
        opacity:1;
    }
    header .navigation >li > .submenu {
        flex-direction: column;
        gap: 15px;
    }
    header .navigation .submenu li > span a {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: var(--secondaryfont);
    }
    header .navigation ul.inner-submenu {
        gap: 10px;
        position: relative;
        height: 0;
        overflow: hidden;
        padding: 0;
        transition: all .4s ease-in-out;
    }
    header .navigation ul.inner-submenu > li > a {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px;
        color: var(--themeblack);
        font-family: var(--primary);
        text-transform: capitalize;
    }
    header .navigation >li.active{
        border-bottom: none;
                background-image: linear-gradient(to right, #73737E 30%, rgba(255, 255, 255, 0) 6%);
        background-position: bottom;
        background-size: 7px 2px;
        background-repeat: repeat-x;
    }
    header .navigation >li > .submenu li.active > .inner-submenu {
        height: auto;
        overflow: visible;
        padding:12px 0;
        transition: all .4s ease-in-out;
    }

     header .navigation >li > .submenu > li.has-child > a:after{
        display:none;
    }
    header .navigation >li > .submenu > li.has-child > span:after {
       content: "";
        background: url(../images/arrow_down.svg) no-repeat;
        position: absolute;
        right: -50px;
        width: 10px;
        height: 10px;
        top: 50%;
        filter: brightness(0);
        z-index:-1;
        transform: translateY(-50%);
    }
    header .navigation >li > .submenu li.active.has-child:after{
        transform: scale(-1);
    }
    header .navigation >li > .submenu > li.has-child > span {
        position: relative;
    }
     header .navigation >li > .submenu > li{
         position:relative;
         padding-left: 11px;
     }
    header .navigation >li > .submenu > li:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 14px;
    transform:translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    transition:.4s ease-in-out;
}
    header .navigation >li > .submenu > li.has-child.active > span:after{
        transform:translateY(-50%) rotate(180deg);
        transition:.4s ease-in-out;
    }
    .contact-slider .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
                gap: 14px;
    }
    .contact-slider .swiper-slide img+img {
        margin-top: 14px;
    }
    .contact-slider .swiper-slide .imgbox {
        display: block;
        height: 100%;
    }
    .contact-slider .swiper-slide .imgbox img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .contact-slider .swiper-wrapper .swiper-slide:nth-child(3) .imgbox img,  .contact-slider .swiper-wrapper .swiper-slide:nth-child(4) .imgbox img {
        height: auto;
    }
    .contact-slider .swiper-wrapper .swiper-slide:nth-child(3) .imgbox img:nth-child(2) {
        height: 120px;
    }
    .contact-slider .swiper-wrapper .swiper-slide:nth-child(3) .imgbox img:first-child {
        height: 180px;
        margin-top:-14px;
    }
    .contact-slider .swiper-wrapper .swiper-slide:nth-child(5) .imgbox img, .contact-slider .swiper-wrapper .swiper-slide:nth-child(6) .imgbox img{
        height: 148px;
    }
    .home-contact:after {
        content: "";
        background: url(../images/yelw-gradient.svg) no-repeat;
        position: absolute;
       left: -69px;
        top: -8%;
        width: 680px;
        height: 680px;
        background-size: contain;
        background-position: top right;
    }

    main.innercontent.work .hero h3 {
        font-size: 23px;
        line-height: 31px; 
    }
    main.innercontent.work .hero .left-box {
        max-width: 296px;
        margin-top: 50px;
    }
    main.innercontent.work .hero:after {
        background-size: contain;
        right: 10px;
        top: 23%;
        left: auto;
    }
    main.innercontent.work .bannertxt:before {
               top: -128px;
        right: auto;
        height: 443px;
        left: 70px;
    }
    main.innercontent.work .work-list .feature-work {
        gap: 73px;
        margin-top: 0;
        display: flex;
        flex-direction: column;
    }
    .feature-work .work-box:nth-child(2) {
        margin-top: 0;
    }
    main.innercontent.work .hero .hero-img {
            transform: translate(0) scale(0.7);
        width: 700px;
        height: 700px;
        left: auto;
        top: 126%;
        right: 62%;
    }
    .work-box .portfolio-box .heading-portfolio h4, .all-work.listings .work-title h4 {
        font-size: 17px;
        font-weight: 500;
        line-height: 23px;
    }
    .all-work.listings ul.listing-row li > .work-head {
        flex-direction: column;
        align-items: baseline;
        gap: 12px;
    }
    .all-work.listings ul.listing-row li > .work-description{
        min-width: auto;
    }
    .all-work.listings ul.listing-row li {
        padding: 30px 0;
        max-height:100%;
    }
    .all-work.listings .work-title{
        max-width: 100%;
    }
    .all-work.listings ul.listing-row li .work-detail-link {
        margin-top: -97px;
        transition: all .4s ease-in-out;
    }
    main.innercontent.work .work-list:after{
        display: none;
    }

    .all-work.listings ul.listing-row li .feature-img {
        position: relative;
        transform: translate(0);
        left: 0;
        width: 310px;
        height: 0;
        opacity: 1;
        transition: all .4s ease-in-out;
    }
    .all-work.listings ul.listing-row li:hover .feature-img{
        height: 220px;
        margin: 30px 0;
        transition: all .4s ease-in-out;
    }
    .all-work.listings ul.listing-row li:hover .work-detail-link {
        margin-top: 0;
        transition: all .4s ease-in-out;
    }
    .all-work.listings ul.listing-row li .feature-img img{
        width: 100%;
        height: 100%;
    }
    .all-work.listings ul.listing-row li .work-category {
        max-width: 50%;
    }
    main.innercontent.work-detail .hero {
        padding-top: 157px;
        padding-bottom: 0;
    }
    main.innercontent.work-detail .breadcrumb {
        margin-bottom: 25px;
    }
    main.innercontent.work-detail .hero h1 {
        font-size: 23px;
        line-height: 31px;
        margin-bottom: 20px;
    }
    main.innercontent.work-detail .hero .work-category {
        margin-top: 20px;
    }
    main.innercontent.work-detail .hero .work-features {
        margin: 50px 0 61px;
        position:relative;
    }
    main.innercontent.work-detail .hero .work-features > .feature-list {
        gap: 24px 100px;
        flex-wrap: wrap;
        z-index: 9;
        justify-content:center;
    }
    main.innercontent.work-detail .hero .work-features .visit-btn {
                display: block;
        position: absolute;
             top: -44%;
        right: -22px;
    }
    
    main.innercontent.work-detail.light .hero .work-features .visit-btn{
        top:-40%;
        z-index:9;
    }
    
    
    main.innercontent.work-detail .work-features .visit-btn{
        margin-top:0;
    }
    main.innercontent.work-detail a.txtbtn.secondary.whitelogo.live::after{
        background-color:#4c4c5a;
    }
    main.innercontent.work-detail .hero .work-features .visit-btn a.txtbtn {
    font-size: 0;
}
    main.innercontent.work-detail section.work-content .feature-image img {
        margin-top: -97px;
            height: 196px;
    object-fit: cover;
    }
    .work-content .detail-images{
        flex-direction: column;
        gap: 60px;
    }
    main.innercontent.work-detail .bannertxt:before {
        top: 4%;
        background-size: 73%;
        left: 23%;
        display:none;
    }
    
    main.innercontent.work-detail .hero:after {
        background-size: 237%;
        background-position: 16%;
        right: auto;
        top: 32%;
        width: 100%;
        height: 100%;
        left: 26%;
    }
    
    
    main.innercontent.work-detail.light .hero:after{
              width: 82%;
        left: 35%;
        top: 25%;
    }
    
    main.innercontent.work-detail .work-content .txt-container.glow:after{
        display: none;
    }
    main.innercontent.work-detail section.work-content {
        background: linear-gradient(86deg, var(--themeblack), transparent);
    }
    .work-content .detail-images img{
            width: 100%;
        height: 350px;
        object-fit: cover;
        object-position: top;
    
    }
    main.innercontent.work-detail .hero .hero-img {
                left: auto;
        top: 67%;
        width: 74%;
        right: 101%;
        height: 100%;
        transform: scale(1.7);
    }
    main.innercontent.work-detail .hero .work-features > .feature-list div p{
        font-size: 14px;
    }
    main.innercontent.work-detail .work-content .txt-container {
        padding: 70px 0px 60px;
    }
    main.innercontent.work-detail .txt-content h4, main.innercontent.work-detail .txt-content h3 {
        font-size: 17px;
        line-height: 23px;
    }
    main.innercontent.work-detail .txt-content h5 {
        font-size: 14px;
        line-height: 22px;
    }
    main.innercontent.work-detail .txt-content + .txt-content h4, main.innercontent.work-detail .txt-content h3 {
        margin-bottom: 12px;
    }
    main.innercontent.work-detail .txt-content p{
        margin-bottom: 20px;
    }
    .work-content .overview-btn {
        bottom: 0;
        position: relative;
    }
    main.innercontent.work-detail section.work-content {
        padding-bottom: 111px;
    }
    main.innercontent.work-detail .txt-content h5 + h5 {
        margin-top: 20px;
    }
    main.innercontent.work-detail .txt-content h5:not(:first-of-type) {
        padding-top: 20px;
    }


    main.innercontent.work-detail .hero{
        padding-bottom: 97px;
    }
        main.innercontent.work-detail .work-content .txt-container {
        background-size: 144% !important;
    }

    .hero .hero-img img{
        position: relative;
    }
    main.innercontent.contact .hero .offce-address{
        margin: 30px 0;
        width: 100%;
    }
    main.innercontent.contact .hero-cols {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        padding-top: 80px;
        gap:60px;
    }
    main.innercontent.contact .hero h1 {
        position: absolute;
        top: 0;
        margin-bottom:15px;
    }
    main.innercontent.contact .hero .offce-address .address-row .address{
        width: 100%;
    }
    main.innercontent.contact .hero .offce-address .address-row{
        flex-direction: column;
        gap: 10px;
    }
    main.innercontent.contact .hero .offce-address .address-row +.address-row {
        margin-top: 48px;
    }
    .contact .right-col .submit-row{
        flex-direction: column;
        gap: 30px;
    }
    main.innercontent.contact .hero .right-col{
        margin-top:0;
    }
    main.innercontent.contact .hero .right-col .submit-btn a.btn.big.ylw {
        max-width: 122px;
    }
    .contact .right-col .submit-row .submit-btn a.btn.big::before {
        background-color: var(--themeblack);
    }
    main.innercontent.contact .hero .right-col .form {
        display: flex;
        flex-direction: column;
                margin: 31px 0 30px;
                        row-gap: 40px;
    }
    main.innercontent.contact .hero .bannertxt:before {
               top: 2%;
        background-size: 98%;
        left: 2%;
        z-index: 9;
    }
       main.innercontent.contact .hero .hero-img {
        left: 31%;
        top: -8%;
        width: 156%;
        height: 120%;
    }
    .form .inputbox textarea {
        min-height: 52px;
    }
    
        .swiper-navigate.bottom {
        margin: 40px auto 0;
        transform:translateX(-25%);
    }
    
    .contact-slider .swiper-wrapper .swiper-slide:nth-child(1) .imgbox img{
        height:169px;
        width:148px;
    }
    .contact-slider .swiper-wrapper .swiper-slide:nth-child(4) .imgbox img {
    height: 180px;
     width:148px;
}
    .contact-slider .swiper-wrapper .swiper-slide:nth-child(2) .imgbox img{
        height:180px;
    }

.contact-slider .swiper-wrapper .swiper-slide:nth-child(4) .imgbox img:first-child {
    height: 109px;
}


.form .inputbox label sup{
   font-size: 7px;
   position: relative;
   left: 0;
   top: 0;
}

.home-contact .contact-form .submit-row a.btn.big.ylw{
            width: auto;
        display: block;
}
    .home-contact .contact-form .submit-row a.btn.big.ylw:before{
        background-color:var(--themeblack);
    }
    
    header .navigation > li > a{
        font-size: 18px;
        line-height: 24px;
    }
    .side_header a.btn.big.ylw::before {
           height: 30px;
        width: 30px;
        background: var(--yellow) url(../images/btn-arrow-black.svg) no-repeat;
        background-position: center;
}
.side_header a.btn.big.ylw:hover{
    background:none;
}
.main-header.active .toggle-menu-main {
    background: var(--themewhite);
    border: 1px solid #EBEBF0;
}
.main-header.active .side_header a.btn.big.ylw {
    color: var(--themeblack);
}
    
    .main-header.active .side_header ul.contact-bar li.langSelector.mob > a {
    color: var(--themeblack);
}
     .main-header.active .toggle-menu span {
        background: var(--themeblack);
    }
    .main-header.active ul.languageBox{
        background: #fff;
    }
    .main-header.active ul.languageBox li{
        color:var(--themeblack);
    }
    
    .results .results-inner .result-box:before{
       content: url(../images/result-border-149.svg);
    }
    main.innercontent.faqs.legal .legal-content-mobile-head{
      margin-top: 40px;
    }
    main.innercontent.faqs.legal .table-of-content {
        top: 115px;
    }
    main.innercontent.faqs .table-of-content{
              top: 16.5rem;
        border-radius: 5px;
        transition:.4s ease-in-out;
    }
    main.innercontent.faqs.scrolled .table-of-content, main.innercontent.faqs.legal.scrolled .table-of-content{
        position: fixed;
        bottom: 70px;
        top: auto;
        left: 10px;
        width: calc(100% - 63px);
          transition:.4s ease-in-out;
                  padding: 10px 20px;
    }
    .questions-sec:after{
        display: none;
    }

    main.innercontent.insights section.hero {
        padding-top: 200px;
        padding-bottom: 170px;
    }
    main.innercontent.insights .hero:after{
             height: 480px;
        width: 480px;
        top: -16%;
        left: auto;
        right: -63%;
    }
    main.innercontent.insights .hero h1 {
        font-size: 23px;
        line-height: 31px;
        max-width: 252px;
        margin-bottom: 29px;
    }
    main.innercontent.insights .bannertxt {
        padding-left: 10px;
    }
    ul.insight-category {
        margin-left: 10px;
        display: -webkit-box;
        overflow: auto;
        padding-bottom: 15px;
        margin-bottom: 43.5px;
    }
    .feature-insights .insights-row{
        grid-template-columns: 1fr;
        gap: 60px;
    }
    .feature-insights .insights-row .insights-box:nth-child(3){
        display: block;
    }
    ul.insight-category::-webkit-scrollbar {
        height: 1.5px;
        background: var(--grey);
    }
    ul.insight-category::-webkit-scrollbar-thumb {
        background: #73737E; /* color of the thumb */
        border-radius: 4px;
    }

    .feature-insight-top {
        margin-top: -170px;
    }

    .insights-description, .insights-full .insights-description {
        padding: 20px 40px 0 20px;
    }
    .feature-insights .insights-box:first-child .insights-description .insight-title h5 br{
        display: none;
    }

    .insights-description .insights-meta {
        margin-bottom: 12px;
    }
    .insights-description .insight-title h5{
        margin-bottom: 20px;
    }
    .insights-full {
        padding-top: 60px;
        gap: 60px;
    }
    .insights-full .insights-box {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .insights-full .insight-boxouter {
        padding: 0;
        border:none;
    }
    .feature-insights .insights-row .insights-box, .insights-full .insights-box {
        max-width: 350px;
        margin: 0 auto;
    }
    .about-gallery img:nth-child(5) {
        width: 127px;
        height: 160px;
        margin-top: -58px;
    }
    .wedo-box:before{
        background: url(../images/wedoborder-mobile.svg) no-repeat;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .img-blox img {
        height: 140px;
    }
    main.innercontent.faqs.insight-inner .inner-container {
        margin: 0 20px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .img-blox{
        gap: 10px;
    }
    .insight-main-content {
        background: linear-gradient(360deg, var(--themeblack) 0%, var(--themeblack) 95%, transparent 100%);
        z-index: 9;
        position: relative;
    }
    .insight-main-content .insights-inner-main .insight-detail-meta .insight-date {
        display: none;
    }
    .insight-main-content .insights-inner-main .insight-detail-meta ul.insight-tags{
        gap:10px;
    } 
    ul.insight-category{
        gap:0;
    }
    .insights-main ul.insight-category li+li{
        margin-left:10px;
    }
    .insight-date.mobile {
        display: block;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .insight-date.mobile p{
        display: block;
        font-size: 12px;
        font-weight: 300;
        line-height: 18px;
        color: var(--themewhite);
        font-family: var(--secondaryfont);
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content{
        margin-top: 30px;
    }
    main.innercontent.insight-inner .insight-inner-content{
       padding: 0 20px;
    }
    main.innercontent.faqs.insight-inner .hero h1 {
        font-size: 23px;
        line-height: 31px;
    }
    .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content h4 {
        font-size: 19px;
        line-height: 25px;
    }
    .insight-main-content:after {
        content: "";
        background: url(../images/newcircledark-small.svg) no-repeat;
        position: absolute;
       top: 14.2rem;
        right: -28px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-position: top right;
    }
    .insight-main-content:before {
        content: "";
        background: url(../images/hero-gradient-right.svg) no-repeat;
        position: absolute;
        background-position: center;
        left: 0;
        height: 980px;
        width: 980px;
        top: -103px;
        z-index: 1;
    }

        .about-us .bannertxt:before {
        background-size: 103%;
        left: -42px;
        top: -1%;
    }
    .about-us .hero .herotxt {
        width: 310px;
    }
    .about-us .partners-row{
        padding: 90px 0 0;
    }
    .about-us .partners-row{
        margin-bottom: 0;
    }
    .about-us .results:after {
        right: auto;
        top: 23%;
        background: url(../images/about-cirlcenew.svg) no-repeat;
        left: 36%;
        height: 584px;
        width: 584px;
        background-size: auto;
    }
    .about-us .about-us-home {
        padding: 99px 0 63px;
    }
        .about-us .results-inner {
        margin-top: 20px;
                gap: 22px;
    }
    .about-us .results .slider-box{
        overflow: visible;
    }
    .about-us .results:after{
        right: auto;
        top: 21%;
        background: url(../images/about-cirlcenew.svg) no-repeat;
        left: 10%;
        height: 584px;
        width: 584px;
        background-size: auto;
    }
    .who-we-are.about {
        padding-top: 100px;
        z-index: 9;
        position: relative;
        background: var(--themeblack);
        overflow: hidden;
    }
    .who-we-are.about:after {
        background-size: 82%;
        top: -80px;
    }
    .global-team-gallery{
        z-index: 9;
        position: relative;
        margin-top: 40px;
    }
    .global-team-gallery .imgbox:nth-child(2) img {
        height: 200px;
        width: 350px;
    }
    .global-team-gallery .imgbox:nth-child(1) img, .global-team-gallery .imgbox:nth-child(5) img, .global-team-gallery .imgbox:nth-child(6) img {
        height: 153px;
        width: 152px;
    }
    .global-team-gallery .imgbox:nth-child(3) img, .global-team-gallery .imgbox:nth-child(4) img, .global-team-gallery .imgbox:nth-child(7) img {
        height: 200px;
        width: 154px;
    }
    .global-team-gallery .swiper-slide {
        width: auto !important; 
    }
    
    .about-us .results:before {
        top: -25%;
        left: 14px;
    }
    .who-we-are.about .who-weare-inner .swiper-wrapper {
        display: grid;
        gap: 61px;
    }
    .team-slider .team-box .member-detail {
        display: flex;
        justify-content: space-between;
        padding: 20px 0 0;
    }
    .swiper-wrapper .team-box .member-detail .about-member h4 {
        margin-bottom: 5px;
    }
    .global-team .container {
        padding: 0;
    }
    .global-team .sec-head {
        padding: 0 40px;
    }
    .global-team {
        background: var(--themeblack);
        z-index: 9;
        position: relative;
        margin: 0;
    }
    .about-us .testimonials {
        padding-bottom: 239px;
    }
    .about-us .testimonial-inner .join-head{
        bottom: 100px;
    }

    .cols2-p{
        grid-template-columns: 1fr;
        gap: 30px;
        margin-top: 12px;
    }

    .author-banner .auth-head h1{
        margin-bottom: 20px;
        font-size: 23px;
        line-height: 31px;
    }
    .author-banner .author-head {
        margin-bottom: 40px;
    }
    .author-banner-right h5 {
        font-size: 15px;
        line-height: 21px;
    }
    .cols2-p p {
        font-size: 14px;
        line-height: 22px;
    }
    .author-banner:after {
        left: 5%;
        scale: .5;
        top: -131px;
    } 
    .author-banner .author-head h5 {
        font-size: 14px;
        line-height: 22px;
    }
    .author-banner-right .readmorebtn {
        margin-top: 0;
    }
    .author-banner {
        padding-top: 200px;
        padding-bottom: 80px;
        height:auto;
    }
    .author-gallery{
        gap: 16px;
    }
    .author-gallery .imgbox:nth-child(4), .author-gallery .imgbox:nth-child(6), .author-gallery .imgbox:nth-child(5) {
        display: none;
    }
    .author-banner .author-head p {
    font-size: 12px;
    line-height: 20px; 
    color: #73737E;
}
.author-banner-right {
    padding-right: 10px;
}
    .author-gallery .imgbox:nth-child(1) {
        width: 191px;
        height: 191px;
    }
    .author-gallery .imgbox:nth-child(2), .author-gallery .imgbox:nth-child(3) {
        width: 143px;
        height: 143px;
    }
    .author-banner .container {
        padding: 0 20px;
    }
    .author-banner-inner{
        padding: 0 20px;
    }
    .auth-head {
        padding: 0 20px;
    }
    /*main.innercontent.work .home-contact:before{*/
    /*    display: none;*/
    /*}*/
    .author-banner:before{
              bottom: -28%;
        left: 22%;
        background: url(../images/circle-dark-mobile.svg)no-repeat;
    }
    .articles-written .container {
        padding: 0 20px;
    }
    .articles-row .article-head h4 {
        font-size: 17px;
        line-height: 23px;
    }
    .articles-row .article-meta{
        font-size: 12px;
       gap: 10px 20px;
        flex-wrap: wrap;      
    }
    .side_header ul.timezone{
        min-width: initial;
        padding: 0;
    }
     .designPage .hero {
        padding-top: 140px;  
        height: auto;
        padding-bottom:50px;
    }
    .impact-areas .sec-head{
        text-align: left;
    }
        .designPage .hero .herotxt {
        width: 95%;
    }
    .designPage .hero:after {
        left: 40%;
        right: 0;
        top: 31%;
        background-size: 52%;
    }
        .designPage .bannertxt:before {
             right: auto;
        top: -5%;
        left: -41px;
    }
    
    .designPage.develop .bannertxt:before{
                top: -5%;
        left: -37px;
    }
        .impact-areas .sec-head >h3 {
        max-width: 283px;
        margin: 0;
    }
    
    .impact-areas .impacts-row {
    padding-top: 51px;
    }
       .impact-areas:after {
        top: 85%;
        background: url(../images/about-cirlcenew.svg) no-repeat;
        background-size: 100%;
        height: 100%;
        left: -167px;
        width: 125%;
    }
        .impact-areas {
        padding: 100px 0 588px;
    }
    .designPage .impact-areas .swiper-navigate {
    display: flex;
    justify-content: center;
    margin-top: 71px;
    gap: 8px;
    margin-left: -52px;
    }
    .designPage .impact-areas .swiper-navigate > div{
        background:var(--themewhite);
        border-color:var(--themewhite);
    }
    .designPage .impact-areas .swiper-navigate .swiper-button-next:after, .designPage .impact-areas .swiper-navigate .swiper-button-prev:after{
        filter:invert(1);
    }
    .main-wrapper.designPage .portfolio{
        padding: 101px 0 100px;
    }
    .designPage .results{
            padding-top: 61px;
        padding-bottom: 101px;
        z-index: 2;
    }
        .design-skill .sec-head.cols2 {
        grid-template-columns: 1fr;
        margin-right: 40px;
                gap: 12px;
    }
     .design-skill .sec-head.cols2 p {
        font-size: 14px;
        line-height: 22px;
    }
    .design-skill:after{
     left: 57%;
        right: auto;
        top: -71%;
    }
    .designskillset .skillset-img {
    height: 160px;
    }
        .designskillset .skillset-box .skillset-inner {
        padding: 30px;
    }
    .design-skill:before {
               top: -48%;
        left: -53%;
        scale: .8;
    }
    .our-process .sec-head h3, .our-process .sec-head p{
        text-align: left;
    }
    
    .our-process .process-row .process-heads {
    display: grid;
    gap: 6px;
    }
    .our-process .process-row{
        padding: 30px 0;
    }
    .our-process{
                z-index: 9;
        position: relative;
    }
    .designPage .testimonials:before{
        display:none;
    }
    
   .framework-slides .swiper-wrapper .swiper-slide {
    max-width: 35px;
    max-height:35px;
} 

.designPage .frameworks{
    z-index:9;
    position:relative;
    background:var(--themeblack);
    padding: 80px 0 20px;
}
    
    .growth-inner-foundation .foundation-box {
        width: calc(100% - 60px);
                padding: 30px;
    }
    .growth-foundation{
          padding: 100px 0 115px;
}
.growth-inner-foundation .foundation-row .foundation-desc h4 {
    font-size: 17px;
    line-height: 23px;
}
    .growth-inner-foundation .foundation-row .foundation-desc p{
        font-size:14px;
        line-height:22px;
    }
    .develop.designskill-slider .swiper-slide {
    min-width: min-content;
}
.testimonials.infra {
    padding-top: 0;
}
    
    
.develop .swiper-navigate{
        justify-content: center;
}   
.develop.designskill-slider{
padding-right: 40px;
    
}

.powerful-host {
        padding-top: 0;
    }
  .host-features .host-boxes {
    padding: 15px;
    min-height: 85px;
  }  
  
  .host-features .host-boxes p {
    font-size: 13px;
    line-height: 17px;
}
.flexible-plans .swiper-navigate.top-right {
    top: 0;
    position: relative;
    margin-top: 70px;
}
    .flexible-plans {
        padding: 100px 0 82px;
                z-index: 4;
    }
    
        .premium-features .features-list {
        padding: 30px 15px;
    }
.premium-features .features-list .advanced-security ul {
    column-count: 1;
    column-gap: 60px;
} 
.premium-features .started-link {
    position: relative;
    left: 0;
    right: auto;
    margin-top: 50px;
}
    .premium-features {
        background: var(--themeblack);
        z-index: 2;
    }
    .testimonials.infra-detail::after {
    z-index: -1;
}
    
    .premium-features:before {
        top: -26%;
        background-size: 49%;
    }
    
    
    .flexible-plans.maintenance .container {
    padding-right: 0;
            padding-left: 40px;
}
.maintenance .flexible-plans .sec-head{
    max-width:301px;
}

    .flexible-plans.maintenance .sec-head h3 {
        margin-bottom: 31px;
    }
    .flexible-plans.maintenance .sec-head h3 br {
    display: none;
}


.hostingplans-list .plan-pricing h4 {
    font-size: 23px;
    line-height: 31px;
}
.premium-features.suppport-package:before{
    display:none;
}
.maintenanceplan-inner ul.plan-featurelist{
        margin-top: 20px;
}
.maintenanceplan-inner ul.plan-featurelist li h5 {
    font-size: 12px;
    line-height: 18px;
}

.hostingplans-list .plan-box .plan-pricing p{
    font-size:14px;
    line-height:22px;
}

.maintenanceplan-inner ul.plan-featurelist li{
            padding: 15px 0;
        display: grid;
        gap: 8px;
}
    .maintenanceplan-inner .plan-box .offers {
        top: 80px;
    }


.flexible-plans.maintenance {
        padding: 80px 0 82px;
    }
    
     .suppport-package.premium-features .features-list {
        gap: 20px 0;
        display: flex;
        flex-direction: column;
    }
    .flexible-plans.maintenance .swiper-navigate {
    margin-top: 80px;
}
    .testimonials:before {
                background-size: cover;
        top: 103px;
        background-position: 100%;
        left: 0;
        width: 100%;
    }
    
    .home-contact .contact-form .contact-head p{
        max-width:231px;
    }


.header-main.mobfix .moblogo, .header-main.mobfix .timezone {
   height:0;
   opacity:0;
   transition:.4s ease-in-out;
}
    .work .hero {
        padding-top: 200px;
                padding-bottom: 36px;
    }
    .work .bannertxt {
    padding-left: 0;
}
    main.innercontent.work .portfolio-box .feature-img {
        height: 248px;
    }
    .portfolio-box .feature-caption{ 
    width: calc(180px - 56px);
    height: calc(180px - 53px); 
            top: 10px;
        bottom: auto;
        right: 10px;
    }
    .all-work.listings:before{
                top: -18%;
                scale: .6;
    }
    .portfolio-box .feature-cat ul{
     display: flex;
        overflow: visible;
        flex-wrap: wrap;
    }
    .portfolio-box .feature-cat ul li+li {
    margin-left: 0;
    }
    .portfolio-box .feature-cat ul::-webkit-scrollbar {
        height: 0;
    }
    .all-work.listings ul.listing-row {
     padding: 0;
    }  
    .all-work.listings .work-number p {
    font-size: 12px;
    }
    .all-work.listings ul.listing-row li > .work-description .work-category{
            max-width: 100%;
    }
    .all-work.listings ul.listing-row li:hover > .work-description .work-category{
         max-width: 150px;
    }
    .all-work.listings ul.listing-row li{
        gap: 10px;
    }
    
    .all-work.listings ul.listing-row li .work-detail-link a.hoverout {
        position: absolute;
        top: 30px;
        right: 0;
    }

    main.innercontent.work section.home-contact {
        padding: 102px 0 0;
    }
    
    main.innercontent.work .home-contact {
        padding-bottom: 81px;
    }
      main.innercontent.work .home-contact:before {
        top: 87%;
        left: 43%;
    }
main.innercontent.work .home-contact:after {
    top: -5%;
}
main.innercontent.work .ftbrand-box .imgbox img{
  width: 105%;
}
    
main.innercontent.work-detail.light .bannertxt:before{
    display:block;
    top: 0;
    background-size: 65%;
    left:0;
}    
    
 main.innercontent.work-detail .hero .work-features h6{
     font-size: 12px;
     line-height: 20px;
 }   
    
    
main.innercontent.work-detail .hero .work-features > .feature-list > div{
    gap:5px;
}    

main.innercontent.work-detail section.work-content .container {
    padding: 0 20px;
}
main.innercontent.work-detail section.work-content .container .txt-container {
    padding-left: 20px;
    padding-right: 20px;
}
main.innercontent.work-detail section.work-content .container .txt-container ol, main.innercontent.work-detail section.work-content .container .txt-container ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

main.innercontent.work-detail .home-contact:after {
    top: -6%;
    left: -56px;
}
    main.innercontent.work-detail.light .home-contact:after {
        top: -7%;
        left: -5%;
    }
    main.innercontent.work-detail .home-contact:before {
        left: 147px;
        top: 86%;
    }
    
 main.innercontent.work-detail footer .footer-row .ftdetails-box {
        margin-top: 0;
 }    
 
 
 main.innercontent.work-detail .work-features .visit-btn a.txtbtn:after {
     content: "";
     background: #4c4c5a url(../images/chain-link.svg) no-repeat;
     filter: invert(0);
     border-radius: 50%;
     background-position: center center;
     background-size: 46%;
     top:21px;
 }
 
 main.innercontent.work-detail .home-contact{
     padding-top: 102px;
 }
     main.innercontent.work-detail .work-content .overview-btn {
        bottom: 0;
        position: relative;
        padding-left:20px;
    }
    
    main.innercontent.work-detail.light .home-contact:before{
        top: 86%;
        left: 35%;
    }
    
        main.innercontent.work-detail.light .home-contact {
        padding-top: 0;
        margin-top:-1;
    }
    
    main.innercontent.work-detail .hero .work-category ul{
        display: -webkit-box;
            overflow: scroll;
     position: relative;
        z-index: 9;
    }
     main.innercontent.work-detail .hero .work-category ul::-webkit-scrollbar{
         height:0;
     }
     .insights-main ul.insight-category {
     padding-bottom: 15px;
    }
    
        .insights-box .imgbox img {
        max-height: 170px;
        min-height: 170px;
    }
    
        main.innercontent.insights .container {
        padding: 0 20px;
    }
    
        .pagination-box {
        padding-top: 60px;
    }
    
    .pagination-box .navigations >div.prev {
        position: absolute;
        left: -47.5px;
    }
    .pagination-box .navigations >div.next {
        position: absolute;
        right: -47.5px;
    }
        .insights-main {
            padding-bottom: 101px;
        }
    
        main.innercontent.insights .home-contact:before {
            top: 86%;
            left: 40%;
        }
            main.innercontent.insights .home-contact:after {
            top: -13%;
            left:-17%;
        }
        main.innercontent.insights footer .container {
            padding: 0 40px;
        }
        
        header .navigation >li.has-child {
    flex-direction: column;
    align-items: baseline;
}
    
    
header .navigation >li.mobile {
    display: block;
}
header .navigation >li.desktop {
    display: none;
}

main.innercontent.insight-inner .bannertxt:before{
            right: -23%;
        top: -32%;
}


main.innercontent.insight-inner .bannertxt {
   padding-left: 20px;
 }
main.innercontent.insight-inner .bannertxt p{
          margin-bottom: 25px;
}
main.innercontent.insight-inner .insight-inner-data {
        margin-top: 20px;
 }
main.innercontent.insight-inner .insight-detail-meta{
         padding-left: 20px;
  }  
  
     .insight-main-content .insights-inner-main .insight-inner-data .insight-detail-feature img {
        height: 170px;
    } 
  
 .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content h5{
     line-height:25px;
 } 

  .insight-main-content .insights-inner-main .insight-inner-data .insight-inner-content .insight-signature-footer{
              margin-top: 40px;
              padding-bottom:20px;
  }
  main.innercontent.insight-inner .insight-main-content{
              padding-bottom: 100px;
  }
  
 main.innercontent.insight-inner .lets-talk-box a.btn.big {
               margin-left: auto;
        display: table;
        margin-right: -38px;
        margin-top: 30px;
        padding: 10px 14px 10px 40px;
    }
      main.innercontent.insight-inner .prev-page-box {
        text-align: left;
        margin-left: 0;
                max-width: max-content;
    }
  
  main.innercontent.insight-inner div#lets-talk {
        max-width: calc(100% - 19px);
    }
    
        main.innercontent.insight-inner .home-contact {
        padding-top: 102px;
    }
    
          main.innercontent.insight-inner .home-contact:after {
        top: -1%;
        left: -15%;
    }
    main.innercontent.insight-inner .home-contact:before {
        top: 86%;
        left: 42%;
    }
        .about-us .bannertxt {
        padding-left: 0;
    }
    .about-us .hero h1 {
    max-width: 100%; 
}

    main.about-us .hero:after {
        right: 0;
        top: 23%;
        left: 44px;
    }
        .about-us .hero .hero-img {
        top: 91%;
        width: 114%;
        left: -25%;
    } 
    
        .about-us .about-us-home .sec-head {
        max-width: 100%;
    }
        .about-us .about-descriptionbox {
        width: 100%;
    }
        .about-us .about-descriptionbox {
        margin-top: 30px;
    }
       .about-us .results {
        padding-bottom: 100px;
    }
    
        .about-us .who-we-are.about:after {
        right: 26px;
        top: -66px;
    }
    .team-slider.swiper {
                padding: 21px 15px 80px;
        margin-right: -15px;
    }

    .team-slider .team-box .team-imgbox img{
        width: 100%;
    }
        .swiper-wrapper .team-box .member-detail .about-member h4 {
        font-size: 15px;
        line-height: 21px;
    }
    .team-box .div.member-social a img {
    height: 18px;
    width: 18px;
    display: block;
}

    .global-team .sec-head h4 {
        max-width: 296px;
    }
      .about-us .testimonials:before {
        top: -8%;
        right: 0;
        width: 600px;
        left: 12%;
    }
    .about-us .trusted-partner-reivew:after {
        background-size: 100%;
        background-repeat: no-repeat;
        top: -17%;
        left: -58%;
    }
    main.innercontent.faqs .bannertxt:before{
        background-size: 69%;
        right: 10px;
        top: -21%;
    }
        main.innercontent.faqs .hero {
        padding-top: 200px;
        }
        
    main.innercontent.faqs .questions-cols .content-row .content-head p {
                line-height: 22px;
    }    
        main.innercontent.faqs .questions-cols .content-head {
        padding-right: 46px;
    }
    
    .faqmobiletabs{
        margin-top: 60px;
    }
    
    main.innercontent.faqs .table-of-content h4.head{
        position:relative;
    }

    main.innercontent.faqs .table-of-content h4.head:after {
        content: "";
        background: url(../images/arrow_down.svg) no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        width: 8px;
        height: 9px;
        transform:translateY(-50%);
    }
     main.innercontent.faqs .table-of-content.active h4.head:after {
        transform: translateY(-50%) scaleY(-1);
    }
    
        .content-data h4.faqcontent-head {
        margin: 40px 0 20px;
    }
    
        main.innercontent.faqs .home-contact {
        padding-top: 102px;}
        
    main.innercontent.faqs .home-contact:after{
                top: -2%;
        left: -57px;
    }
        main.innercontent.faqs .home-contact:before {
        top: 87%;
        left: 45%;
    }
    
        .form-tab .form-tabbing {
        margin-top: 15px;
         gap: 44px;
    }
    .contact .form-tab .form-tabbing {
        margin-top: 30px;
    }
    .form-tab .form-tabbing li a{
        padding-bottom:16px;
    }
    
        main.innercontent.contact .hero {
        padding-top: 200px;
        padding-bottom:70px;
        z-index:auto;
    }
    
     main.innercontent.contact .hero .right-col .submit-row .subhead p {
        padding-right: 27px;
    }
    .contact .formbox .submit-btn input {
    padding: 12px 22px 10px 54px;
}

main.innercontent.contact .hero-cols .left-col {
    border-top: 1px solid #4C4C5A;
    padding-top: 30px;
}
      main.innercontent.contact .bannertxt .bookbtn {
        margin-top: 10px;
    }  
    
main.innercontent.contact .hero .offce-address .address-row .address p:nth-child(2){
            position: relative;
        top: -30px;
}    
    
    
        .contact .home-contact:before {
        top: 70%;
        background-size: 57%;
        left: 52%;
    }
        .contact .home-contact:after {
        top: -25.5%;
        height: 198px;
        width: 100%;
        background-size: 144%;
        left: 47%;
        transform: translateX(-50%);
        background-position: top;
    }
        .contact .home-contact {
        padding-top: 18px;
    }
    .contact .home-contact {
        padding-bottom: 98px;
    } 
    
    main.innercontent.faqs.legal .legal-content-mobile-head p{
        padding-left:0;
    }
    .legal .content-data h4.faqcontent-head:first-of-type {
    margin-top: 20px;
}
.legal .content-data h4.faqcontent-head {
    margin-bottom: 12px;
}
.hero.landing {
    padding-top: 160px; 
} 
.hero.landing .bannertxt:before {
        left: -39px;
        top: -4%;
        background-size: 104%;
    }
  
.hero.landing .herotxt {
    max-width: 95%;
}
    
.hero.landing .hero-img {
    left: -39%;
    top: 94%;
}    
    
    
    .about-us-home.landing {
    padding: 80px 0 99px;
} 
.about-us-home.landing .about-descriptionbox{
    margin-top:30px;
}
.about-us-home.landing .about-descriptionbox{
        padding-right: 7px;
}
      .landing .about-gallery {
        margin-top: 60px;
    }
    
        .results.landing:before { 
        top: -4%;
        left: 4px; 
    }
    
       .things-wedo.landing:before {
        top: -20%;
        left: 4px;
    }
        .results.landing {
        padding-bottom: 101px;
    }
    
    .landing .things-wedo-inner{
        margin-top:41px;
    }
    .landing.things-wedo .wedo-contact.float h4 {
    max-width: 100%;
    width: 87%;
}
.our-process.design-skill.landing:before {
    left: -4%;
    top: -38%;
    scale: .8;
}
    
    .our-process.design-skill.landing:after {
           top: -26%;
        left: 69%;
}
    .our-process.landing{
        padding:100px 0 20px;
        background:var(--themeblack);
    }
    .our-process.landing .sec-head{
        gap:12px;
    }
    .our-process.landing .sec-head p {
    font-size: 17px;
    line-height: 22px;
}
    
    .our-process.landing .process-row p.process-number {
    font-size: 12px;
    }
    .landing .testimonial-inner .left-head{
        padding-top: 110px;
    }
    .testimonials.landing {
        background-image: url(../images/dotsbg.svg);
        background-size: contain;
    }
    
    .testimonials.landing:after{
        display:none;
    }
    
    .designPage .hero .hero-img{ 
        right: -72%;
        top: 87%;
    }
    .our-process.wordpress .sec-head p {
    max-width: 100%;
    margin: 0;
}
    .designPage .partners{
            background: var(--themeblack);
    }
    
        .author-banner .container:before {
        display:none;
        }
        .articles-list {
        padding-top: 20px;
    }
        .articles-written {
        padding: 60px 0 101px;
    }
        .author-gallery-box {
        margin-top: 95px;
    }
    .articles-written .main-heading {
    padding-left: 22px;
}
    .articles-row .article-meta p.date{
        text-transform:uppercase;
        align-self:baseline;
    }
    .articles-row{
        gap:12px;
        max-height:100%;
    }
    main.innercontent.insights.author .home-contact:after{
            top: -10%;
        left: -28%;
        background-size: 118%;
    }
    main.innercontent.insights.author .home-contact:before{
        left: 36%;
    }
    
    .main-wrapper.designPage .hero h1{
        margin-bottom: 15px;
    }
     
     
         .designPage .hero:after {
        left: -67%;
        right: 0;
        top: 34%;
        background-size: 52%;
    }
     
    
    .designPage .impact-areas {
        padding: 80px 0 0;
        background: #ebebf0;
        z-index: 2;
    }
    .designPage .impact-areas .impacts-row{
                position: relative;
      padding-top: 51px;    
    }
    .designPage .impact-areas .container, .designPage.detail.dev .impact-areas .container {
    padding-right: 0;
}
    
    
        .designPage .impact-areas .sec-head {
        max-width: 310px;
        margin-left: 0;
        gap:12px;
    }
    
    
        .designPage .impact-areas:after {
              top: 78%;
        left: -54%;
        background-size: 100%;
        z-index: -1;
        width: 143%;
    }
    .designPage .impact-areas.infrastructure:after{
        top: 78%;
        left: -54%;
    }
        .designPage .portfolio .swiper-navigate.top-right {
        top: 100%;
    }
        .designPage .portfolio-row {
        margin-top: 30px;
    }
    
        .designPage .results .results-inner {
            overflow:hidden;
        display: grid;
        gap: 22px;
                padding: 15px;
        margin: 25px -15px 0;
    }
    
    .designskillset .skillset-box .skillset-content{
            margin-top: 25px;
    }
    .design-skill .swiper-navigate.design {
    display: flex;
    }
    .design-skill .swiper-navigate {
    display: flex;
    position: relative;
    margin: 40px auto 0;
    gap: 8px;
    justify-content: center;
    left: -20px;
}
    .designPage .our-process {
        padding: 100px 0 71px;
    }
      .designPage .our-process .sec-head {
        max-width: 293px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .our-process .process-row p.process-number {
    font-size: 12px;
    }
    
        .designPage .testimonials {
        padding-bottom: 136px;
    }
    .designPage .testimonials:after{
        top: 41%;
        left: 14%;
    }
    .designPage .testimonial-slider .swiper-navigate.top-right{
                margin-top: 30px;
    }
    
    .designPage .common-questions .questions-inner .sec-head {
    max-width: 95%;
}

    .common-questions:before { 
        background-size: 109%;
        display:none;
    }

.main-wrapper.designPage.detail .container {
    padding: 0 40px;
}
.main-wrapper.designPage.detail .trusted-partners .container {
    padding: 0;
}
.designPage.detail .our-process {
    padding: 100px 0 0;
}

.designPage.develop .partners-row {
    padding: 100px 0 0;
}

    .designPage.develop .impact-areas .sec-head {
        gap: 12px;
    } 

.design-skill.develop:after{
  top: -49%;
        left: 70%;
}

.design-skill.develop:before{
 top: -61%;
        left: -67%;
        scale: 1.1;
}
.design-skill.develop .swiper-navigate{
  justify-content: center;
  left: 0;
        margin-top: 21px;
}
.designPage .frameworks .sec-head h3{
    font-size: 19px;
    line-height: 25px;
}

.develop.design-skill .sec-head.cols2{
   gap: 12px;
}
.designPage .frameworks .sec-head {
    max-width: 99%;
}
    .designPage.develop .designskillset {
        margin-top: 40px;
    }
    
   
    .detail.dev .design-skill.develop .container {
        padding: 0 0 0 40px;
    }
    
    
    .growth-inner-foundation .foundation-row > div{
        width:auto;
    }
    
    .designPage.infra .partners-row {
    padding-top: 90px;
}
    
     

.growth-inner-foundation .foundation-row{
    margin-top:31px;
    gap:20px;
}
    
    .infra .design-skill::after {
        display: block;
        top: -75%;
        left: 43%;
    }
    
    .swiper.testimonial-slider {
    gap: 40px;
}

.designPage .design-skill{
   padding: 102px 0 0;
}
.infra .design-skill .sec-head.cols2{
            margin-right: 53px;
}
    .designPage .designskillset {
        margin-top: 51px;
    }
    
.infra .testimonial-inner .left-head{
padding-top: 107px;
    } 
    .designPage.detail .hero .herotxt {
    width: auto;
}

.designPage.detail.infras .bannertxt:before {
    top: 53%;
    right: 0;
    left: -52%;
    filter: brightness(3);
} 
.detail.infras .impact-areas .container {
    padding-right: 0;
}
.powerful-host {
    padding: 60px 0 0;
}
    
    .flexible-plans > .container {
    padding-right: 0 !important;
}
    .slider-box {
        overflow: visible;
    }


.results-inner .box-border{
  width: 313px;
}

.box-border div:nth-child(4){
        left: -10px;
}








.box-border{
  left: -3px;
  width: calc(100% + 4px);
}

.designPage .design-skill .container {
    margin-left: 0;
}




header .navigation.mobile {
    display: block;
}

header .navigation {
    display: none;
}

header .navigation .submenu >li.has-child a:after{
    display:none;
}




.things-wedo-inner .wedo-box .wedo-desc .category p {
    max-width: 100%;
}


.hero.nothing h1{
    font-size: 7rem; 
    line-height: 6rem;
}
.hero.nothing p {
    font-size: 1rem;
}
.main-header.active .navigation{
    width:100%;
}

.premium-features .features-list{ 
    display:grid;
    overflow:visible;
}

    .main-header {
        width: 100%;
    }


.results .container{
    padding-right:40px;
} 

.things-wedo .wedo-contact.float h4{
    width: 248px;
} 


.contact-form .submit-row .submit-btn{
    width: 100%;
    max-width: 100%;
}
    .formbox .submit-btn input {
        width: 100%;
        padding: 13px 0 13px 10px;
    }

    .ftbrand-box .imgbox img {
        top: -17px;
    }

    .copyrightrow {
        padding: 160px 0 0;
    }
    
    header .navigation >li.activate > a {
    border-bottom: none;
}
header .navigation.mobile .logo-mobile {
    position: relative;
            max-height: 100px;
}
header .navigation.mobile .logo-mobile a img {
    margin-left: -12px;
}

.main-header.active .side_header .moblogo {
    opacity: 0;
}
header .navigation.mobile li.activate > a {
    color: #707070;
}

header .navigation >li:hover{
            background-image: linear-gradient(to right, #73737E 30%, rgba(255, 255, 255, 0) 6%);
        background-position: bottom;
        background-size: 7px 2px;
        background-repeat: repeat-x;
}


header .navigation >li.has-child a:after{
        right: -40px;
}


.main-header.active .toggle-menu-main{
  width: calc(100% - 45px);
}


.designPage.detail.infras .impact-areas .sec-head {
    max-width: 100%;
    width: calc(100% - 40px);
}
.our-process .process-row{
    grid-template-columns:1fr;
    gap: 10px;
}
.load-morebtn{
    transform: translateX(-30%);
}
main.innercontent.work-detail .txt-content ul, main.innercontent.work-detail .txt-content ol{
    margin-bottom:10px;
}
main.innercontent.work-detail section.work-content .container .txt-container ol li, main.innercontent.work-detail section.work-content .container .txt-container ul li {
    font-size: 14px;
    color: #0E0E14;
}
main.innercontent.work-detail section.work-content .container .txt-container ol li, main.innercontent.work-detail section.work-content .container .txt-container ul li {
    font-size: 14px;
    color: #73737E;
}
main.innercontent.work-detail.light section.work-content .container .txt-container ol li, main.innercontent.work-detail.light section.work-content .container .txt-container ul li {
    color: #0E0E14;
}
.insights-description .insights-meta .insight-cat p, .insights-description .insights-meta .insights-date p{
    font-weight:400;
}
 
main.innercontent.insight-inner .lets-talk-box a.btn.big::before {
    background: var(--themeblack) url(../images/btn-arrow.svg) no-repeat;
    background-position: center;
}
.designPage .design-skill{
 overflow: hidden;
}
.design-skill .container{
    padding-right:30px;
}

.designPage .partners.wordpress{
    background: var(--themeblack);
}


.partners.landing{
   background: var(--themeblack);
}
.things-wedo-inner .wedo-box .wedo-desc p{
    max-width:100%;
}
.things-wedo-inner .wedo-box .wedo-feature{
    width:100%;
}
.things-wedo-inner .wedo-box .wedo-feature img{
    width:100%;
    object-fit:cover;
}
.things-wedo .wedo-contact.float a.txtbtn{
    text-align:center;
}

.insights-inner-main .left-context-box {
    position: fixed;
    bottom: 69px;
    width: calc(100% - 65px);
    left: 10px; 
    padding: 12px 20px;
}

main.innercontent.insight-inner .home-contact, main.innercontent.insight-inner footer {
   z-index:9;
}
        .insight-main-content .insight-detail-content {
        margin-top: 0;
    }
    .things-wedo-inner .wedo-box .wedo-desc .category ul{ 
    gap: 8px 4px;
}     

.wedo-box-outer:last-child .wedo-box .wedo-feature{
            width: 100%;
}


 


.whatup-section {
    display: none;
}
.whatsapp-icon{
    display:block;
}
    .whatsapp-icon a {
        color: var(--themewhite);
        font-family: var(--secondaryfont);
        text-transform: uppercase;
        font-size: 13px;
         display: flex;
        gap: 10px;
        align-items: center;
    }
   .whatsapp-icon a span img{
            max-width: 14px;
        filter: invert(1);
        position: relative;
        margin: 0;
        top: 3px;
   }
  main.innercontent.work-detail .hero .work-category ul li+li {
    margin-left: 4px!important;
}


.things-wedo-inner .wedo-box .wedo-desc .category ul li+li {
    padding-left: 8px;
}


    .portfolio.landing {
        padding-bottom: 100px;
    }

.main-header.active .whatsapp-icon a {
    filter: invert(1);
}


.home-contact .contact-form .contact-head h3.midhead{
        font-size: 17px;
}

.testimonials.infra-detail {
    padding-top: 0;
}
.things-wedo .lottie-containerwhite{
    width:400px;
    height:400px;
}
.partners .lottie-container {
    position: absolute;
    left: 73%;
    top: -15%;
}

    .landing-new .banner-contact .form {
        max-width: 100%;
            margin-top: 30px;
    }
    .landing-new .form .inputbox label{
            margin-bottom: 12px;
    }
    .landing-new .banner-contact .inputbox {
        width: 100%;
    }
    .banner-reviews{
        height:100%;
        margin-top: 69.3px;
                z-index: 9;
    }
    
       .landing-new .hero {
        padding-bottom: 98.3px;
    }
    
    
    
    .landing-new .client-review .container.review-container{
                z-index: 99;
        position: relative;
    }
    .landing-new .hero .herotxt p {
    font-size: 14px;
    line-height: 22px;
}
 
.landing-new .hero.landing .hero-img {
    left: 28%;
    top: 16%;
    width: 100%;
}
.landing-new .formbox .submit-btn{
    width: 100%;
            margin-top: 2px;
}


.landing-new .hero:after { 
    background-size: 35%;
    top: 48%;
    left: 32%;
}

.banner-reviews .testimonial-box {
    text-align: left;
   padding: 30px;
}

    .banner-reviews .testimonial-box .reviews p {
        font-size: 14px;
        font-weight: 300;
        color: #73737E;
    }

    .banner-reviews .swiper-pagination { 
        bottom: -23px !important;
    }
.landing-new .about-new{
        padding: 80px 0;
}
    .landing-new .about-new .sec-head h3 {
        font-size: 23px;
        font-weight: 200;
        line-height: 31px;
    }

.landing-new .about-newinner{
  margin-top: 30px;
}
.landing-new .about-new .left-content{
    gap: 20px;
}
.landing-new .about-new .left-content p:first-child {
    font-size: 17px;
    line-height: 23px;
}
.landing-new .about-new .left-content p:last-child {
    font-size: 14px;
    line-height: 23px;
}
.landing-new .about-new .about-new-gallery{
    gap:10px;
            margin-top: 49px;
}

.landing-new .about-new .about-new-gallery img:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
}

    .landing-new .about-new .about-new-gallery img:nth-child(2) {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 3;
        grid-row-end: 4;
    }

    .landing-new .about-new .about-new-gallery img:nth-child(3) {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: -1;
        grid-row-end: 4;
        height: 127px;
        width: 127px;
        top: 22px;
        position: relative;
    }

.landing-new .approach .sec-head{
    margin-left:0;
}
    .landing-new .about-newinner {
        gap: 30px;
    }

.landing-new .about-new .right-content>p{
    font-size: 14px;
    margin-bottom:15px;
}

.landing-new .about-new .right-content .factor-list p {
    font-size: 12px;
}
.landing-new .about-new .right-content .factor-list {
    margin-bottom: 20px;
    gap: 26px;
}
.landing-new .approach .sec-head h3{
    text-align:left;
}
.landing-new .approach:after { 
     right: 0;
    top: -49%; 
    scale: .6;
    left: 0;
}
    .landing-new .about-new .right-content .factor-list h4 {
        font-size: 23px;
        line-height: 31px;
    }
        .landing-new .approach:before {
        scale: .8;
        left: auto;
        right: -16%;
        top: -9%;
    }
    
.landing-new .approach-slider-wrapper {
    margin-top: 36px;
}
  .landing-new .approach .swiper-navigate.top-right{
      left: 25px;
  }  
  .approach-btn a.btn.big:before{
      background-color:var(--themeblack);
  }
  .landing-new .approach:before{
            scale: .7;
            top: 35%;
  }
  .landing-new .impact-areas{
      padding:140px 0 100px; 
  }
    .landing-new .portfolio{
        padding: 81px 0 0;
    }
    .landing-new .client-review{
        padding:0;
    }
    .landing-form:before{
        display:none;
    }
    .landing-new .impact-areas .container {
    padding-right: 0;
}
    .landing-new .impact-areas .impacts-row{
        position:relative;
    }
   .landing-new .portfolio .swiper-navigate div { 
        background: #F8F9FA;
        border-color: #F8F9FA;
    }
  .landing-new .portfolio .swiper-navigate .swiper-button-next::after, .landing-new .portfolio .swiper-navigate .swiper-button-prev::after {
    filter: invert(1);
}
.landing-new .approach.flaws .approach-slider-wrapper .approach-box h4 {
    font-size: 60px;
    font-weight: 500;
    line-height: 78px;
}

.landing-new .approach.flaws .approach-slider-wrapper .approach-box h5 {
    font-size: 17px;
    line-height: 23px;
}
.landing-new .approach.flaws .approach-slider-wrapper .approach-box .questions h5{
    margin-bottom:5px;
}
.landing-new .approach.flaws .approach-slider-wrapper .approach-box .questions p{
        font-size: 14px;
}
.landing-new .approach{
  padding: 0 0 128px;
}
.landing-form .landing-form-box .sec-head {
    text-align: center;
    padding: 0 10px;
}
.landing-form .landing-form-box .sec-head p{
        font-size: 14px;
    line-height: 22px;
}
.landing-form .landing-form-box .sec-head h3{
    margin-bottom:11px;
}
.landing-form .landing-form-box {
        padding: 50px 20px;
    }
.landing-form .landing-form-box .formbox .submit-row.full {
    flex-direction: column-reverse;
}
.landing-form {
    padding: 0 0 82px;
}

.banner-reviews .testimonial-box .ratings {
    display: block;
    margin-bottom: 20px;
}



.landing-new .approach.flaws{
        padding-top: 114px;
}

.landing-new .approach-swiper .swiper-wrapper {
    padding: 20px 20px 30px;
}

.landing-form .landing-form-box .formbox .submit-row.full p{
        font-size: 12px;
    font-weight: 200;
}
.landing-new .partners.landing{
        padding-top: 82px;
}

.landing-new .testimonials:after{
    display:block;
        left: 31%;
    top: 122%;
    background-size: 127%;
} 


.landing-new .about-new .right-content{
   display:block;
}

    a.btn.big:before {
        width: 36px;
        height: 36px;
    }
    
    .landing-new .hero.landing{
                height: 100%;
    }
    
    .page-template-paid_landing_page .toggle-menu-main .toggle-menu, .page-template-paid_landing_page .whatsapp-icon {
    display: none;
}
    .page-template-paid_landing_page .toggle-menu-main {
    width: auto;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%);
}
        .page-template-paid_landing_page .ftbrand-box { 
        flex-direction: column; 
    }
    .page-template-paid_landing_page .footer-row .ft-brandinfo{
       width: 100%;
    }
    .page-template-paid_landing_page .ftbrand-box .mobTxt{
        width:100%;
    }
    .page-template-paid_landing_page .side_header ul.timezone{
        display:none;
    }
    
     .header-ratings h5 {
        font-size: 12px;
        color: #fff;
        font-family: var(--secondaryfont);
        text-transform: uppercase;
        font-weight: 400;
                display: flex;
        flex-wrap: wrap;
                align-items: center;
        justify-content: right;
    }
.header-ratings h5 span:first-of-type {
    margin-left: 5px;
}

    .banner-contact a.btn.big {
        padding: 13px 30px 13px 60px;
    }
    .banner-contact a.btn.big:before {
    background-color: #000;
}
.page-template-paid_landing_page .header-ratings{
    display:block;
}

.page-template-paid_landing_page .header-main.mobfix .header-ratings
    {
        height: 0;
        opacity: 0;
        transition: .4s ease-in-out;
    }
 
.header-ratings h5 span.star img {
    width: 10px;
    height: 10px;
    margin:0 1px;
}


    #myModal .modal-content {
           max-width: 85%;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
    }
    #myModal .modal-content::-webkit-scrollbar{
        display:none;
    }
    #myModal .modal-content .header h2 {
        font-size: 30px;
        line-height: 32px;
    }
    #myModal .modal-content .header p {
        font-size: 15px;
        line-height: 19px;
    } 
      
#myModal .lottie-container {
    position: absolute;
    left: 49%;
    top: 15%;
    transform: translate(-50%, -50%);
    z-index: -3;
    width: 100%;
} 
      
     #myModal .modal-content .unlock-feature .features-box h4{
         margin-bottom;10px;
     } 
    .modal-content .header {
    position: relative;
    margin-top: 150px;
}
      
main.innercontent.work-detail .hero .work-category ul li{
        display: table;
    margin: 0 auto;
}        
.trusted-partner-reivew .lottie-containerwhite    {
    top: -67%;
}    
        
        
}