.banner-image .module-btn{
    right:19%;
    top:32vh
}
.banner-image .btn{
    --icon-font-size: 22px
}
.banner-image .btn-icon:before{
    border-color:#fff
}
@media(max-width:1199px){
    .banner-image .module-img{
        width:600px;
        max-width:600px
    }
    .banner-image .module-btn{
        right:17%;
        z-index:5;
        top:19vh
    }
}
@media(max-width:767px){
    .banner-image .module-img{
        width:100vw;
        max-width:100vw;
        top:65px
    }
    .banner-image .lqd-imggrp-single{
        margin:-65px 0 0
    }
    .banner-image .module-btn{
        right:30vw
    }
}
.banner .module-bg{
    background-position:95% 95%
}
.banner .btn-xl{
    --btn-pt: 1.5em;
    --btn-pe: 3.15em;
    --btn-pb: 1.5em;
    --btn-ps: 3.15em
}
@media(max-width:1199px){
    .banner{
        padding:0 30px;
        z-index:2
    }
}
@media(max-width:767px){
    .banner{
        padding:320px 10px 50px
    }
    .banner .ld-fancy-heading h1{
        font-size:10vw
    }
    .banner .module-text p{
        font-size:18px
    }
    .banner .btn-solid{
        margin-bottom:15px
    }
}
@media(max-width:767px){
    .clients .ld-fancy-heading p{
        margin-bottom:1em
    }
}
@media(max-width:767px){
    .about{
        padding:20px 10px 0
    }
    .about .module-first{
        margin-bottom:30px
    }
}
.digital-experience .module-img-1{
    right:4vw
}
.digital-experience .module-img-2{
    right:55px
}
.digital-experience .module-img-3{
    left:-19%
}
@media(max-width:1199px){
    .digital-experience{
        padding:50px 30px
    }
    .digital-experience .module-img-2{
        width:192px;
        max-width:192px;
        top:6.5%;
        right:5%
    }
    .digital-experience .module-img-3{
        width:272px;
        max-width:272px;
        top:0%;
        left:15px
    }
    .digital-experience .module-img-4{
        width:319px;
        max-width:319px
    }
}
@media(max-width:767px){
    .digital-experience{
        padding:0 10px 30px
    }
    .digital-experience .btn{
        margin-bottom:15px
    }
}
@media(max-width:1199px){
    .digital-experience-counter{
        padding:50px 30px 60px
    }
    .digital-experience-counter .module-counter{
        padding:10px
    }
}
@media(max-width:767px){
    .digital-experience-counter{
        padding:30px 10px 0
    }
}
.services .icon-box-bg-color:hover{
    background-color:#fff;
    box-shadow:0 25px 70px 0 rgba(0,0,0,.07)
}
.services .icon-box-bg-color:hover .iconbox-heading-arrow-onhover h3 svg{
    opacity:1;
    transform:translateX(.5em)
}
.services .icon-box-bg-color:hover p{
    color:var(--lqd-color-title)
}
@media(max-width:1199px){
    .services{
        padding:0 40px
    }
    .services .col-sm-12{
        padding:0
    }
    .services .icon-box-bg-color{
        padding:20px
    }
}
@media(max-width:767px){
    .services{
        padding:50px 20px
    }
}
.case-studies .liquid-filter-items{
    margin-bottom:50px
}
@media(max-width:1199px){
    .case-studies{
        padding:100px 30px 50px
    }
}
@media(max-width:767px){
    .case-studies{
        padding:0 10px
    }
}
.testimonials .carousel-nav{
    bottom:-40px
}
.testimonials .flickity-button,.testimonials .flickity-button:focus,.testimonials .flickity-button:hover{
    background-color:transparent;
    color:#000
}
.testimonials .d-flex .module-shape-2{
    right:3vw
}
.testimonials .carousel-dots-mobile.carousel-dots-mobile-outside .flickity-page-dots{
    margin-top:2.25em
}
@media(max-width:1199px){
    .testimonials{
        padding-right:30px;
        padding-left:30px
    }
    .testimonials .d-flex .module-shape-2{
        bottom:-70px;
        right:-50px
    }
}
@media(max-width:767px){
    .testimonials{
        padding-right:10px;
        padding-left:10px
    }
    .testimonials .carousel-item-content{
        font-size:20px
    }
    .testimonials .module-last{
        margin-bottom:20px
    }
}
@media(max-width:1199px){
    .global-companies{
        padding:40px 30px 60px
    }
    .global-companies .lqd-imggrp-single{
        margin:40px 0 0
    }
}
@media(max-width:767px){
    .global-companies{
        padding:0 10px
    }
    .global-companies .lqd-imggrp-single{
        margin:0 0 15px
    }
    .global-companies .btn-solid{
        margin-bottom:15px
    }
}
@media(max-width:1199px){
    .blog{
        padding:50px 30px
    }
}
@media(max-width:767px){
    .blog{
        padding:20px 10px 40px
    }
}
@media(max-width:1199px){
    .contact{
        padding:0 30px 70px
    }
    .contact .module-content{
        padding:40px
    }
    .contact .module-shape{
        top:-10px;
        right:32%
    }
}
@media(max-width:767px){
    .contact{
        padding:0 10px
    }
    .contact .module-content{
        padding:40px 15px
    }
    .contact .btn-solid{
        margin-bottom:15px
    }
}
