.about-area-inner{
    display:grid;
    grid-template-columns:1fr 43%
}
@media only screen and (max-width: 1199px){
    .about-area-inner{
        grid-template-columns:1fr 47%
    }
}
@media only screen and (max-width: 991px){
    .about-area-inner{
        grid-template-columns:1fr
    }
}
.about-area-subpage .thumb img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.about-area-subpage .section-content{
    padding:100px 80px;
    position:relative;
    z-index:1
}
@media only screen and (max-width: 1199px){
    .about-area-subpage .section-content{
        padding:60px 50px
    }
}
@media(max-width: 575px){
    .about-area-subpage .section-content{
        padding:60px 30px
    }
}
.about-area-subpage .section-content .bg{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    inset-inline-start:0;
    z-index:-1
}
.about-area-subpage .section-content .bg:after{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background-color:rgba(18,18,18,.85);
    top:0;
    inset-inline-start:0
}
.about-area-subpage .section-content .bg img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.about-area-subpage .section-content .text-wrapper{
    margin-top:323px
}
@media only screen and (max-width: 1919px){
    .about-area-subpage .section-content .text-wrapper{
        margin-top:123px
    }
}
@media only screen and (max-width: 1199px){
    .about-area-subpage .section-content .text-wrapper{
        margin-top:43px
    }
}
@media only screen and (max-width: 991px){
    .about-area-subpage .section-content .text-wrapper{
        margin-top:33px
    }
}
.about-area-subpage .section-content .text{
    font-size:24px;
    line-height:1.35;
    max-width:440px;
    color:var(--white-2)
}
@media only screen and (max-width: 1199px){
    .about-area-subpage .section-content .text{
        font-size:20px
    }
}
.about-area-subpage .section-content .text span{
    color:var(--white)
}
.about-area-subpage .section-content .btn-wrapper{
    margin-top:42px
}
@media only screen and (max-width: 991px){
    .about-area-subpage .section-content .btn-wrapper{
        margin-top:32px
    }
}
.about-area-subpage .section-content .section-title{
    max-width:440px;
    color:var(--white)
}
.about-area-subpage .section-content .wc-btn-primary{
    background-color:var(--white);
    border-color:var(--white);
    color:var(--black)
}
.pricing-area .section-title{
    max-width:680px;
    margin:0 auto
}
.pricing-area .section-header{
    text-align:center
}
.pricing-area .pricing-wrapper-box{
    margin-top:57px
}
@media only screen and (max-width: 1399px){
    .pricing-area .pricing-wrapper-box{
        margin-top:47px
    }
}
@media only screen and (max-width: 1199px){
    .pricing-area .pricing-wrapper-box{
        margin-top:37px
    }
}
.pricing-area .pricing-wrapper{
    display:grid;
    gap:30px;
    grid-template-columns:repeat(3, 1fr)
}
@media only screen and (max-width: 991px){
    .pricing-area .pricing-wrapper{
        grid-template-columns:repeat(2, 1fr)
    }
}
@media only screen and (max-width: 767px){
    .pricing-area .pricing-wrapper{
        grid-template-columns:repeat(1, 1fr)
    }
}
.pricing-box{
    background-color:#fbf9f9;
    padding:47px 50px 50px
}
.dark .pricing-box{
    background-color:#1b1b1b
}
@media only screen and (max-width: 1199px){
    .pricing-box{
        padding:27px 30px 30px
    }
}
.pricing-box .tag{
    font-size:18px;
    color:var(--primary);
    display:inline-block;
    line-height:1
}
.pricing-box .feature-list{
    margin-top:39px
}
.pricing-box .feature-list li{
    display:flex;
    align-items:center
}
.pricing-box .feature-list li:not(:first-child){
    margin-top:15px
}
.pricing-box .feature-list li img{
    margin-inline-end:10px
}
.dir-rtl .pricing-box .feature-list li img{
    transform:rotateY(180deg)
}
.pricing-box .price{
    font-size:60px;
    line-height:1;
    margin-top:17px
}
@media only screen and (max-width: 1399px){
    .pricing-box .price{
        font-size:50px
    }
}
@media only screen and (max-width: 991px){
    .pricing-box .price{
        font-size:40px
    }
}
.pricing-box .wc-btn-primary{
    margin-top:50px
}
@media only screen and (max-width: 1199px){
    .pricing-box .wc-btn-primary{
        margin-top:40px
    }
}
.dark .pricing-box .wc-btn-primary:hover{
    color:var(--black)
}
.contact-area-inner{
    padding-inline:30px;
    background-color:var(--black);
    position:relative;
    z-index:1;
    overflow:hidden
}
.dark .contact-area-inner{
    background-color:#1b1b1b
}
.contact-area-inner .shape-1{
    position:absolute;
    inset-inline-end:-6%;
    top:-15%;
    z-index:-1;
    width:440px
}
@media only screen and (max-width: 1399px){
    .contact-area-inner .shape-1{
        top:-45%
    }
}
@media only screen and (max-width: 1199px){
    .contact-area-inner .shape-1{
        width:340px
    }
}
@media only screen and (max-width: 991px){
    .contact-area-inner .shape-1{
        width:270px;
        top:-35%
    }
}
@media only screen and (max-width: 767px){
    .contact-area-inner .shape-1{
        display:none
    }
}
.dir-rtl .contact-area-inner .shape-1 img{
    transform:rotateY(180deg)
}
.contact-area .section-title{
    max-width:830px;
    margin-inline:auto;
    color:var(--white)
}
@media only screen and (max-width: 1919px){
    .contact-area .section-title{
        max-width:730px
    }
}
@media only screen and (max-width: 1199px){
    .contact-area .section-title{
        max-width:580px
    }
}
@media only screen and (max-width: 991px){
    .contact-area .section-title{
        max-width:480px
    }
}
.contact-area .section-content{
    text-align:center
}
.contact-area .section-content .btn-wrapper{
    margin-top:42px
}
@media only screen and (max-width: 991px){
    .contact-area .section-content .btn-wrapper{
        margin-top:22px
    }
}
.contact-area .section-content .wc-btn-underline{
    color:var(--white);
    text-transform:uppercase
}
.client-area-text{
    position:relative
}
.client-area-text .text{
    font-size:30px;
    line-height:1;
    max-width:370px;
    position:absolute;
    inset-inline-start:40%;
    top:70px
}
@media only screen and (max-width: 1399px){
    .client-area-text .text{
        font-size:26px
    }
}
@media only screen and (max-width: 1199px){
    .client-area-text .text{
        font-size:22px;
        max-width:280px;
        top:50px
    }
}
@media only screen and (max-width: 991px){
    .client-area-text .text{
        font-size:18px;
        max-width:230px;
        top:40px
    }
}
@media only screen and (max-width: 767px){
    .client-area-text .text{
        text-align:center;
        position:static;
        margin:0 auto;
        margin-bottom:10px
    }
}
.client-area .clients-wrapper{
    display:grid;
    grid-template-columns:repeat(6, 1fr)
}
@media only screen and (max-width: 767px){
    .client-area .clients-wrapper{
        grid-template-columns:repeat(3, 1fr)
    }
}
@media(max-width: 575px){
    .client-area .clients-wrapper{
        grid-template-columns:repeat(2, 1fr)
    }
}
.client-area .client-box{
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid var(--border);
    min-width:100px;
    aspect-ratio:100/100;
    padding:0 20px;
    margin-top:-1px;
    border-inline-start-color:rgba(0,0,0,0)
}
@media only screen and (max-width: 767px){
    .client-area .client-box{
        border:none;
        aspect-ratio:100/50
    }
}
.client-area .client-box:hover img{
    opacity:1
}
.client-area .client-box:nth-child(1){
    grid-column-start:2;
    border-inline-start-color:var(--border)
}
@media only screen and (max-width: 767px){
    .client-area .client-box:nth-child(1){
        grid-column-start:auto
    }
}
.client-area .client-box:nth-child(2){
    grid-column-start:1;
    border-inline-start-color:var(--border)
}
@media only screen and (max-width: 767px){
    .client-area .client-box:nth-child(2){
        grid-column-start:auto
    }
}
.client-area .client-box:nth-child(7){
    grid-column-start:2;
    border-inline-start-color:var(--border)
}
@media only screen and (max-width: 767px){
    .client-area .client-box:nth-child(7){
        grid-column-start:auto
    }
}
.client-area .client-box:nth-child(12){
    grid-column-start:5;
    border-inline-start-color:var(--border)
}
@media only screen and (max-width: 767px){
    .client-area .client-box:nth-child(12){
        grid-column-start:auto
    }
}
.client-area .client-box img{
    opacity:.6;
    transition:all .5s
}
.hero-area-inner{
    padding-top:187px;
    display:grid;
    gap:40px 60px;
    grid-template-columns:1fr 630px;
    justify-content:space-between
}
@media only screen and (max-width: 1919px){
    .hero-area-inner{
        padding-top:137px
    }
}
@media only screen and (max-width: 1399px){
    .hero-area-inner{
        grid-template-columns:1fr 530px
    }
}
@media only screen and (max-width: 1199px){
    .hero-area-inner{
        grid-template-columns:1fr 430px
    }
}
@media only screen and (max-width: 991px){
    .hero-area-inner{
        grid-template-columns:1fr 330px
    }
}
@media only screen and (max-width: 767px){
    .hero-area-inner{
        grid-template-columns:1fr
    }
}
.hero-area-subpage .section-title{
    margin-top:40px
}
@media only screen and (max-width: 767px){
    .hero-area-subpage .section-title{
        margin-top:0
    }
}
.hero-area-subpage .section-content .text{
    max-width:300px;
    text-indent:60px
}
@media only screen and (max-width: 991px){
    .hero-area-subpage .section-content .text{
        text-indent:0;
        max-width:100%
    }
}
.hero-area-subpage .section-content .text-wrapper{
    margin-inline-start:140px;
    margin-top:14px
}
@media only screen and (max-width: 991px){
    .hero-area-subpage .section-content .text-wrapper{
        margin-inline-start:0;
        margin-top:24px
    }
}
.hero-area-subpage .section-content .icon{
    margin-top:54px;
    margin-inline-start:140px
}
@media only screen and (max-width: 991px){
    .hero-area-subpage .section-content .icon{
        display:none
    }
}
.clients-area{
    background-color:var(--black)
}
.dark .clients-area{
    background-color:#1b1b1b
}
.clients-area-inner{
    padding:55px 0;
    position:relative;
    padding-inline-start:120px;
    margin-inline-end:calc((100vw - var(--container-max-widths))/-2)
}
@media only screen and (max-width: 1399px){
    .clients-area-inner{
        padding:35px 0;
        padding-inline-start:80px
    }
}
@media only screen and (max-width: 991px){
    .clients-area-inner{
        padding-inline-start:0;
        margin-inline-end:0
    }
}
.clients-area-inner .shape-1{
    width:-moz-max-content;
    width:max-content;
    position:absolute;
    top:0;
    inset-inline-end:100%;
    height:100%;
    overflow:hidden
}
@media only screen and (max-width: 991px){
    .clients-area-inner .shape-1{
        display:none
    }
}
.clients-area-inner .shape-1 img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.dir-rtl .clients-area-inner .shape-1 img{
    transform:rotateY(180deg)
}
.client-slider-active .swiper-slide{
    width:auto
}
.client-slider .swiper-wrapper{
    transition-timing-function:linear
}
.client-box img{
    opacity:.4
}
.service-area-subpage .service-top-wrapper{
    padding-bottom:57px
}
.service-area-subpage .service-top-wrapper{
    display:grid;
    grid-template-columns:1fr 420px;
    align-items:center
}
@media only screen and (max-width: 991px){
    .service-area-subpage .service-top-wrapper{
        grid-template-columns:1fr
    }
}
.service-area-subpage .services-wrapper-box{
    overflow:hidden
}
.service-area-subpage .services-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    margin:0 -70px;
    gap:50px 0
}
@media only screen and (max-width: 1399px){
    .service-area-subpage .services-grid{
        margin:0 -30px
    }
}
@media only screen and (max-width: 1199px){
    .service-area-subpage .services-grid{
        grid-template-columns:repeat(3, 1fr)
    }
}
@media only screen and (max-width: 991px){
    .service-area-subpage .services-grid{
        grid-template-columns:1fr 1fr
    }
}
@media(max-width: 575px){
    .service-area-subpage .services-grid{
        grid-template-columns:1fr
    }
}
.service-area-subpage .service-item{
    padding:0 70px;
    border-inline-start:1px solid #ece7e4
}
.dark .service-area-subpage .service-item{
    border-color:#272727
}
@media only screen and (max-width: 1399px){
    .service-area-subpage .service-item{
        padding:0 30px
    }
}
.service-area-subpage .service-item .icon{
    padding-bottom:48px
}
@media only screen and (max-width: 1199px){
    .service-area-subpage .service-item .icon{
        padding-bottom:25px
    }
}
.service-area-subpage .service-item .title{
    padding-bottom:25px;
    font-size:30px
}
@media only screen and (max-width: 1399px){
    .service-area-subpage .service-item .title{
        font-size:24px
    }
}
.service-area-subpage .service-item .service-features li{
    font-size:18px;
    color:var(--secondary);
    font-weight:300;
    padding-bottom:15px;
    list-style:disc;
    list-style-position:inside
}