:root {
    --primary: #dc9d39;
    --primary-accent: #dc8339;
    --primary-support: #f8f4ed;
    --primary-gradient: linear-gradient(135deg, #dc8339, #dc9d39);
    --secondary: #cf2e56;
    --secondary-accent: #c72463;
    --secondary-support: #f3eef0;
    --secondary-gradient: linear-gradient(135deg, #d6364a, #c72463);
    --tertiary: #1a1d56;
    --tertiary-accent: #254791;
    --tertiary-support: #eaeef8;
    --tertiary-gradient: linear-gradient(135deg, #1a1d56, #254791);
    --quaternary: #dc5b39;
    --quaternary-accent: #dc3939;
    --quaternary-support: #fff1ed;
    --quaternary-gradient: linear-gradient(135deg, #dc3939, #dc8a39);
    --text: #8e8e8e;
    --accent: #cf2e56;
    --hover: #c72463;
    --focus: #93c0ee;
    --white: #ffffff;
    --black: #000000;
    --gray: #868686;
    --gray-light: #efefef;
    --gray-dark: #333333;
    --green: #00c100;
    --red: #cf2e56;
    --font-size-html: 10px;
    --font-size: 1.6rem;
    --line-height: 1.5;
    --font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --duration: 0.2s;
    --function: cubic-bezier(0.4, 0, 0.2, 1);
    --container: 117.4rem;
    --container-wide: 158.4rem;
    --gap: 3rem;
    --radius: 0.5rem;
    --overlay: rgba(0, 0, 0, 0.8);
    --shadow: 0 2px 6px -2px rgba(22, 22, 19, 0.1);
    --z-index-modal: 6000;
    --z-index-overlay: 3000;
}

/* Recaptcha */
.grecaptcha-badge {
    visibility: hidden;
}

/* Custom CSS */
.contact-popup {
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.16));
}
.services-overview span.services-overview-item-info {
    /* height: 70px; */
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.services-overview .services-overview-item-text::before {
    content: '...';
    position: absolute;
    bottom: 2.5rem;
    left: 3rem;
    color: var(--text);
    background-color: #FFF;
}
@media (min-width: 1200px) and (max-width: 1899px) {
    /* .hero-feature-icon {
        width: 70px;
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .hero-feature-icon i {
        font-size: 35px;
    }
    .hero-features .container-wide {
        max-width: 1350px;
    }
    .menu > li {
        padding: 0 1.5rem 0 1.5rem;
    }
    .header-contact-link,
    .menu > li > a {
        font-size: 1.7rem;
    }
    .header-site .row {
        padding: 5rem 0 5rem;
        height: 12.6rem;
    }
    
    .dropdown-menu-contact-text {
        font-size: 1.5rem;
    } */
    /* html {
        font-size: 9.5px;
    } */
    body {
        zoom: 90%;
        font-size: 1.8rem;
    }
    .service-detail-advantage {
        font-size: 2.2rem;
    }
    .faq .container,
    .help > .container,
    section > .container, section > .container-fluid, section > .container-lg, section > .container-md, section > .container-sm, section > .container-xl, section > .container-xxl,
    .container-wide {
        zoom: 90%;
    }
    .container-fluid .container-wide h1,
    .container-fluid .container-wide h2,
    .container-fluid .container-wide h3,
    .container-fluid .container-wide h4,
    .container-fluid .container-wide h5,
    .container-fluid .container-wide h6,
    .container-fluid .container-wide span,
    .container-fluid .container-wide p,
    .container-fluid .container-wide li,
    .container-fluid .container-wide a,
    .container-fluid .container-wide .col-xxl-4 > div > div {
       zoom: 111.11%;
    }
    .hero-main-content > .container-wide {
        zoom: unset;
    }
    .contact-popup {
        transform: scale(0.8);
        right: 0rem;
        bottom: 0rem;
    }
}

@media screen and (max-width: 1599px) {
    .content-site .inner-hero .inner-hero-nav {
        right: 3rem;
        padding: 30px;
        top: calc(100% + 100px);
        /* width: 340px; */
    }
}

@media screen and (max-width: 1199px) {
    .content-site .inner-hero .inner-hero-nav {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5rem;
        padding: 30px;
        width: 75%;
        max-width: 75%;
        position: relative;
        transform: none;
    }
}

@media screen and (max-width: 991px) {
    .content-site .inner-hero .inner-hero-nav {
        left: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2rem;
        padding: 30px;
        width: 100%;
        max-width: 100%;
        position: relative;
        transform: none;
    }
}

@media screen and (max-width: 576px) {
    .content-site .inner-hero .inner-hero-nav {
        padding: 20px;
    }

    .content-site .inner-hero .inner-hero-nav .inner-hero-nav-list {
        font-size: 15px;
    }

    .inner-hero-nav-list li a svg {
        margin-top: 0.3rem;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    html {
        font-size: 9.5px;
    }
    .header-contact-link,
    .menu > li > a {
        font-size: 1.5rem;
    }
}
@media (min-width: 1200px) {
    .dropdown-menu-contact {
        flex: 0 0 32.34%;
        max-width: 32.34%;
    }
    .dropdown-menu-contact-title {
        margin-right: -12rem;
    };
}
@media (min-width: 1200px) and (max-height: 1079.98px) {
    .hero-main-background {
        height: 95vh;
    }
    .hero-main-background img {
        min-height: 100%;
        min-width: 100%;
        width: auto;
        object-fit: cover;
    }
    .hero-features {
        margin-top: -5rem;
    }
}
@media (min-width: 1900px) and (max-height: 1079.98px) {
    .hero-main-background {
        height: 80vh;
    }
}
@media screen and (max-width: 1199px) {
    .services-overview .services-overview-item-text::before {
        left: 0px;
    }
}

@media screen and (max-width: 991px) {
    .hero-main-author,
    .hero-main-quote {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .services-overview span.services-overview-item-info {
        height: auto;
        margin-bottom: 0px;
    }

    .services-overview .services-overview-item-text::before {
        display: none;
    }
}
.hero-main-content {
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));
}
@media(min-width: 1900px) {
    .dropdown-menu-list li a span {
        font-size: 16px;
        line-height: 24px;
    }
}

.dropdown-menu-contact-img {
    right: 0;
}
.dropdown-menu-contact {
    overflow: hidden;
}
.timeline-swiper {
    margin-top: 0px;
}
.timeline-swiper, .timeline-swiper-wrapper,
.timeline-swiper .swiper-wrapper,
.timeline-swiper .swiper-slide {
    max-height: 800px;
}
.more-link {
    letter-spacing: 0.1rem;
}
.circle .more-link,
.text-columns .more-link {
    margin-top: 15px;
}