:root {
    --landing-space: 60px;
    --landing-band: 100px;
    --banner-overhang: 60px;
}

@media (max-width: 991px) {
    :root {
        --landing-space: 50px;
        --landing-band: 80px;
        --banner-overhang: 0px;
    }
}

@media (max-width: 575px) {
    :root {
        --landing-space: 40px;
        --landing-band: 60px;
    }
}

#content #about,
#content #why-sec,
#content #section-testimonial,
#content #section-faq,
#content #contact {
    padding-top: var(--landing-space);
    padding-bottom: var(--landing-space);
}

#content #section-testimonial {
    padding-top: var(--landing-space) !important;
}

#content #service-sec,
#content #process {
    padding-top: var(--landing-band);
    padding-bottom: var(--landing-band);
}

#content #contact {
    padding-bottom: calc(var(--landing-space) + var(--banner-overhang));
}

#content #why-sec .choose-feature-wrap {
    max-width: none;
}

#content #why-sec .choose-feature-wrap::before {
    display: none;
}

#content #why-sec .choose-feature {
    display: flex;
    position: relative;
    margin-bottom: 0;
}

#content #why-sec .choose-feature .media-body {
    flex: 1;
    padding-bottom: 22px;
    margin-bottom: 22px;
}

#content #why-sec .choose-feature:last-child .media-body {
    margin-bottom: 0;
}

#content #why-sec .choose-feature:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 25px;
    top: 50px;
    bottom: 0;
    width: 1px;
    background-color: var(--primary-color);
    z-index: -1;
}

#content #why-sec .choose-feature .box-number {
    flex: none;
    color: var(--primary-text-lg);
}

#content #why-sec .choose-feature:hover .box-number {
    color: #fff;
}

html body #content .lx-th .lp-why-card .th-btn,
html body #content .lx-th .lp-why-card .th-btn:hover,
html body #content .lx-th .lp-why-card .th-btn:focus,
#section-banner .d-small a {
    color: var(--primary-text);
}

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

html body #content .lx-th .process-card .box-number {
    background: var(--sky-grad);
}

#content #why-sec .choose-feature .box-title {
    font-size: 20px;
    padding-top: 13px;
}

@media (min-width: 1200px) {
    #content #why-sec .row > .col-xl-6:last-child {
        display: flex;
    }

    #content #why-sec .lp-why-collage {
        flex: 1;
        min-height: 400px;
    }

    #content #why-sec .lp-why-collage > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

html body #content .lx-th .title-area .sub-title,
html body #content .lx-cs .cs_section_heading .cs_section_subtitle {
    display: inline-block;
    margin: 0 0 8px;
    padding: 6px 12px;
    border-radius: 30px;
    background: rgba(var(--primary-color-rgb), .2);
    -webkit-background-clip: border-box;
    background-clip: border-box;
    color: var(--primary-text);
    -webkit-text-fill-color: currentColor;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

html body #content .lx-th .title-area .sec-title,
html body #content .lx-cs .cs_section_heading .cs_section_title {
    margin-top: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 53.08px;
    letter-spacing: -1.5px;
    text-transform: none;
}

html body #content #service-sec .service-grid .box-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.2px;
}

footer .footer-contact > span {
    display: flex;
    align-items: flex-start;
}

footer .footer-contact > span > i {
    flex: none;
    margin: 6px 12px 0 0;
}

footer .footer-contact > span > span {
    display: block;
    margin: 0;
}

footer .social-icons .fa-x-logo {
    position: relative;
    top: -1px;
    left: -1px;
}

footer .social-icons i.fa-yp {
    position: relative;
}

footer .social-icons i.fa-yp > .fa-svg {
    visibility: hidden;
}

footer .social-icons .yp-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    transform: translate(-50%, -50%);
    border-radius: 3px;
}

footer .widget h2 {
    margin-bottom: 20px;
    color: var(--title-font-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

html body a.btn-main,
html body .btn-main,
html body #content .lx-th .th-btn {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

header #logo .logo-main,
header #logo .logo-mobile {
    width: auto;
    height: 50px;
    filter: brightness(.72) saturate(1.9) contrast(1.15);
}

@media (max-width: 992px) {
    header #logo .logo-mobile {
        height: 40px;
    }
}

@media (min-width: 993px) {
    header {
        position: fixed;
        top: 0;
    }
}

header.header-mobile:not(.menu-open) #mainmenu {
    visibility: hidden;
}

#mainmenu > li.menu-website {
    display: none;
}

header.header-mobile .menu_side_area .btn-main {
    display: none;
}

header.header-mobile #mainmenu > li.menu-website {
    display: block;
    padding-top: 20px;
    border-bottom: none;
}

header.header-mobile #mainmenu > li.menu-website > a.btn-main {
    padding: 6px 40px;
    color: #fff;
    font-weight: 800;
}

html body header.header-mobile.header-light #menu-btn,
html body header.header-mobile.header-light #menu-btn:hover,
html body header.header-mobile.header-light #menu-btn:hover::before {
    color: var(--primary-text-lg);
}

@media (max-width: 767px) {
    #section-banner .p-sm-30 {
        padding-left: 0;
        padding-right: 0;
    }

    #topbar .topbar-right {
        float: none;
        justify-content: center;
    }
}

@media (max-width: 991px) {
    html body .container,
    html body .lx-th:not(#lx-scope) .container,
    html body .lx-cs:not(#lx-scope) .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 575px) {
    #section-hero h1 {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 359px) {
    #section-hero h1 {
        font-size: 33px;
        line-height: 40px;
    }
}

footer .footer-logo {
    width: auto;
    height: 60px;
    filter: brightness(.72) saturate(1.9) contrast(1.15);
}

.fa {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
    line-height: 0;
    --fa-lh: 1;
}

.fa-lg {
    font-size: 1.33333333em;
    vertical-align: -0.1125em;
    --fa-lh: .75;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-svg {
    margin: calc((var(--fa-lh) - 1) * .5em) 0;
    vertical-align: calc(-0.142857em - (var(--fa-lh) - 1) * .5em);
    fill: currentColor;
    overflow: visible;
}

html body .ul-style-2 li::before {
    content: "";
    height: calc(1em + 8px);
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'%3E%3Cpath d='M1671 566q0 40-28 68l-724 724l-136 136q-28 28-68 28t-68-28l-136-136l-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295l656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/%3E%3C/svg%3E") center / 1em 1em no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'%3E%3Cpath d='M1671 566q0 40-28 68l-724 724l-136 136q-28 28-68 28t-68-28l-136-136l-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295l656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/%3E%3C/svg%3E") center / 1em 1em no-repeat;
}

html body #menu-btn::before,
html body #back-to-top::before {
    content: "";
    display: inline-block;
    height: 1em;
    margin: calc((1lh - 1em) / 2) 0;
    vertical-align: calc(-0.142857em - (1lh - 1em) / 2);
    background-color: currentColor;
}

html body #menu-btn::before {
    margin-top: calc((1lh - 1em) / 2 - 1px);
    width: 0.857143em;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath d='M1536 1344v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zM1536 832v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zM1536 320v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath d='M1536 1344v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zM1536 832v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zM1536 320v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

html body #back-to-top::before {
    width: 0.642857em;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1152 1792'%3E%3Cpath d='M1075 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393l-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1152 1792'%3E%3Cpath d='M1075 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393l-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

html body .de_testi.type-2 blockquote::before {
    content: "";
    width: calc(0.928571em + 40px);
    height: calc(1lh + 20px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1664 1792' fill='rgba(0,0,0,.1)'%3E%3Cpath d='M768 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5t163.5-109.5t198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zM1664 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5t163.5-109.5t198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 20px calc(10px + (1lh - 1em) / 2);
    background-size: 0.928571em 1em;
}

html body .owl-item.active div blockquote::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1664 1792' fill='%23fff'%3E%3Cpath d='M768 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5t163.5-109.5t198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zM1664 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5t163.5-109.5t198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z'/%3E%3C/svg%3E");
}

.accordion-button,
.accordion-button:focus,
.accordion-collapse {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
}

html body #content .lx-th .accordion-card .accordion-button {
    padding-right: 64px;
}

html body #content .lx-th .process-card .box-img .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    background: #fff;
    color: var(--theme-color);
}

html body #content .lx-th .process-card .box-img .img .process-icon {
    width: 76px;
    height: 76px;
    transition: transform .4s ease-in-out;
}

html body #content .lx-th .process-card:hover .box-img .img .process-icon {
    transform: scale(1.08);
}