/*-----import-styles-start-----*/
@import url(../global/global.css?ver=3.01);
@import url(../layout/header.css?ver=2.01);
@import url(../layout/footer.css);
/*-----import-styles-end-----*/

/*-----💡-hero-banner-section-start-----*/
.hero-banner-section img {
    border-radius: 24px;
    height: 450px;
}

@media (max-width: 768px) {
    .hero-banner-section img {
        border-radius: 16px;
        height: 200px;
    }
}

/*-----💡-hero-banner-section-end-----*/

/*-----💡-stats-section-start-----*/
.stats-section {
    padding: 1rem;
    background: var(--primary-color);
    border-radius: 24px;
}

.stats-section .stats-box .icon-stat {
    background-color: var(--white-color);
    border-radius: 16px;
    padding: 8px;
}

.stats-section .stats-box .stat .number-stat {
    font-size: 42px;
    font-weight: 600;
    background: var(--secondary-linear);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.stats-section .stats-box .stat .number-stat::after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='52' height='48' viewBox='0 0 52 48' fill='none'><path d='M38 25.5H14C13.18 25.5 12.5 24.82 12.5 24C12.5 23.18 13.18 22.5 14 22.5H38C38.82 22.5 39.5 23.18 39.5 24C39.5 24.82 38.82 25.5 38 25.5Z' fill='url(%23paint0_linear_1210_32676)'/><path d='M26 37.5C25.18 37.5 24.5 36.82 24.5 36V12C24.5 11.18 25.18 10.5 26 10.5C26.82 10.5 27.5 11.18 27.5 12V36C27.5 36.82 26.82 37.5 26 37.5Z' fill='url(%23paint1_linear_1210_32676)'/><defs><linearGradient id='paint0_linear_1210_32676' x1='39.5' y1='24' x2='12.5' y2='24' gradientUnits='userSpaceOnUse'><stop offset='0.5' stop-color='%23FECE2C'/><stop offset='1' stop-color='%23FBBD14'/></linearGradient><linearGradient id='paint1_linear_1210_32676' x1='27.5' y1='24' x2='24.5' y2='24' gradientUnits='userSpaceOnUse'><stop offset='0.5' stop-color='%23FECE2C'/><stop offset='1' stop-color='%23FBBD14'/></linearGradient></defs></svg>");
    display: inline-block;
    width: 52px;
    height: 48px;
}

.stats-section .stats-box .stat .title-stat {
    font-size: 20px;
    font-weight: 500;
    color: var(--white-color);
}

@media (max-width: 992px) {
    .stats-section .stats-box .icon-stat {
        border-radius: 24px;
        width: 38px;
        height: 38px;
        padding: 6px;
    }

    .stats-section .stats-box .stat {
        width: 100%;
    }

    .stats-section .stats-box .stat .number-stat {
        font-size: 28px;
    }

    .stats-section .stats-box .stat .number-stat::after {
        content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='38' height='36' viewBox='0 0 52 48' fill='none'><path d='M38 25.5H14C13.18 25.5 12.5 24.82 12.5 24C12.5 23.18 13.18 22.5 14 22.5H38C38.82 22.5 39.5 23.18 39.5 24C39.5 24.82 38.82 25.5 38 25.5Z' fill='url(%23paint0_linear_1210_32676)'/><path d='M26 37.5C25.18 37.5 24.5 36.82 24.5 36V12C24.5 11.18 25.18 10.5 26 10.5C26.82 10.5 27.5 11.18 27.5 12V36C27.5 36.82 26.82 37.5 26 37.5Z' fill='url(%23paint1_linear_1210_32676)'/><defs><linearGradient id='paint0_linear_1210_32676' x1='39.5' y1='24' x2='12.5' y2='24' gradientUnits='userSpaceOnUse'><stop offset='0.5' stop-color='%23FECE2C'/><stop offset='1' stop-color='%23FBBD14'/></linearGradient><linearGradient id='paint1_linear_1210_32676' x1='27.5' y1='24' x2='24.5' y2='24' gradientUnits='userSpaceOnUse'><stop offset='0.5' stop-color='%23FECE2C'/><stop offset='1' stop-color='%23FBBD14'/></linearGradient></defs></svg>");
        width: 38px;
        height: 36px;
    }

    .stats-section .stats-box .stat .title-stat {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .stats-section .stats-box .icon-stat {
        width: 30px;
        height: 30px;
        padding: 5px;
    }

    .stats-section .stats-box .stat {
        width: 100%;
    }

    .stats-section .stats-box .stat .number-stat {
        font-size: 18px;
    }

    .stats-section .stats-box .stat .number-stat::after {
        content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='28' viewBox='0 0 52 48' fill='none'><path d='M38 25.5H14C13.18 25.5 12.5 24.82 12.5 24C12.5 23.18 13.18 22.5 14 22.5H38C38.82 22.5 39.5 23.18 39.5 24C39.5 24.82 38.82 25.5 38 25.5Z' fill='url(%23paint0_linear_1210_32676)'/><path d='M26 37.5C25.18 37.5 24.5 36.82 24.5 36V12C24.5 11.18 25.18 10.5 26 10.5C26.82 10.5 27.5 11.18 27.5 12V36C27.5 36.82 26.82 37.5 26 37.5Z' fill='url(%23paint1_linear_1210_32676)'/><defs><linearGradient id='paint0_linear_1210_32676' x1='39.5' y1='24' x2='12.5' y2='24' gradientUnits='userSpaceOnUse'><stop offset='0.5' stop-color='%23FECE2C'/><stop offset='1' stop-color='%23FBBD14'/></linearGradient><linearGradient id='paint1_linear_1210_32676' x1='27.5' y1='24' x2='24.5' y2='24' gradientUnits='userSpaceOnUse'><stop offset='0.5' stop-color='%23FECE2C'/><stop offset='1' stop-color='%23FBBD14'/></linearGradient></defs></svg>");
        width: 30px;
        height: 28px;
    }

    .stats-section .stats-box .stat .title-stat {
        font-size: 8px;
    }
}

/*-----💡-stats-section-end-----*/

/*-----💡-about-us-section-start-----*/
.about-us .introduction-box p,
.about-us .info-box p {
    font-size: 18px;
}

@media (max-width: 576px) {
    .about-us .introduction-box p,
    .about-us .info-box p {
        font-size: 14px;
    }
}

.about-us .info-box img {
    border-radius: 24px;
    height: 400px !important;
}

@media (max-width: 768px) {
    .about-us .info-box img {
        border-radius: 16px;
        height: 250px !important;
    }
}

.about-us .info-box .content-box .section-title {
    font-size: 24px;
}

/*-----💡-about-us-section-end-----*/

/*-----💡-our-colleagues-section-start-----*/
.our-colleagues-section {
    background-color: var(--primary-color-50);
    border-radius: 24px;
    padding: 1rem;
}

.our-colleagues-section .section-title {
    font-size: 24px;
}

.our-colleagues-section .colleague-card {
    box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.02), 0 4px 8px -2px rgba(16, 24, 40, 0.06);
    background-color: var(--white-color);
    border: 1px solid var(--tertiary-color-50);
    border-radius: 12px;
    transition: 0.3s all;
}

.our-colleagues-section .colleague-card:hover {
    box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.06), 0 4px 6px -2px rgba(16, 24, 40, 0.25);
}

.our-colleagues-section .colleague-card .content-box .name {
    color: var(--tertiary-color-950);
    font-size: 18px;
    font-weight: 600;
}

.our-colleagues-section .colleague-card .content-box .job-position {
    color: var(--tertiary-color-600);
    font-size: 18px;
    font-weight: 500;
}

@media (max-width: 768px) {
    .our-colleagues-section .colleague-card .content-box .name,
    .our-colleagues-section .colleague-card .content-box .job-position {
        font-size: 14px;
    }
}

/*-----💡-our-colleagues-section-end-----*/

/*-----💡-customers-section-start-----*/
.customers-section .section-title {
    font-size: 24px;
}

/*-----💡-customers-section-end-----*/