main.xy-about-us-page {
    overflow-x: hidden;
    --xy-au-inline: 16px;
    --xy-au-banner-pad: 16px;
    --xy-au-history-content-inline: 16px;
    --xy-au-history-viewport-offset: 200px;
    --xy-au-history-timeline-gap: 20px;
    --xy-au-history-half-gap: 0px;
    --xy-au-history-content-pad: 20px;
    --xy-au-history-media: clamp(72px, calc((100vh - var(--xy-au-history-viewport-offset) - 2 * var(--xy-au-history-timeline-gap)) / 3 - 84px), 96px);
    --xy-au-banner-title-size: 24px;
    --xy-au-overview-title-size: 18px;
    --xy-au-overview-left-block: 20px;
    --xy-au-overview-left-inline: 16px;
    --xy-au-overview-cell-min-h: 220px;
    --xy-au-section-title-block: 28px;
    --xy-au-section-title-inline: 16px;
    --xy-au-driven-text-block: 20px;
    --xy-au-driven-text-inline: 16px;
    --xy-au-driven-subtitle-mb: 20px;
    --xy-au-driven-item-h4-size: 16px;
    --xy-au-driven-item-p-lh: 16px;
    --xy-au-driven-item-pl: 16px;
    --xy-au-driven-item-icon: 8px;
    --xy-au-achieve-box-pad: 12px;
    --xy-au-achieve-img-w: 82px;
    --xy-au-achieve-img-h: 55px;
    --xy-au-achieve-box-ratio: 4 / 3;
    --xy-au-achieve-content-gap: 4px;
    --xy-au-achieve-num-content-gap: 10px;
    --xy-au-achieve-num-size: 20px;
    --xy-au-other-blogs-controls-block: 20px;
    --xy-au-other-blogs-controls-inline: 16px;
    --xy-au-driven-card-h: 220px;
    --xy-au-contact-actions-left: 16px;
    --xy-au-contact-actions-bottom: 28px;
}

@media (min-width: 390px) and (max-width: 429.98px) {
    main.xy-about-us-page {
        --xy-au-inline: 18px;
        --xy-au-banner-pad: 18px;
        --xy-au-history-content-inline: 18px;
        --xy-au-banner-title-size: 26px;
        --xy-au-overview-title-size: 20px;
        --xy-au-overview-left-block: 22px;
        --xy-au-overview-left-inline: 18px;
        --xy-au-overview-cell-min-h: 228px;
        --xy-au-section-title-block: 30px;
        --xy-au-section-title-inline: 18px;
        --xy-au-driven-text-block: 20px;
        --xy-au-driven-text-inline: 18px;
        --xy-au-driven-subtitle-mb: 22px;
        --xy-au-driven-item-h4-size: 16px;
        --xy-au-driven-item-p-lh: 17px;
        --xy-au-driven-item-pl: 18px;
        --xy-au-driven-item-icon: 9px;
        --xy-au-achieve-box-pad: 14px;
        --xy-au-achieve-img-w: 89px;
        --xy-au-achieve-img-h: 59px;
        --xy-au-achieve-content-gap: 4px;
        --xy-au-achieve-num-content-gap: 12px;
        --xy-au-achieve-num-size: 21px;
        --xy-au-other-blogs-controls-block: 22px;
        --xy-au-other-blogs-controls-inline: 18px;
        --xy-au-driven-card-h: 228px;
        --xy-au-contact-actions-left: 18px;
        --xy-au-contact-actions-bottom: 30px;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    main.xy-about-us-page {
        --xy-au-inline: 20px;
        --xy-au-banner-pad: 20px;
        --xy-au-history-content-inline: 20px;
        --xy-au-history-media: clamp(76px, calc((100vh - var(--xy-au-history-viewport-offset) - 2 * var(--xy-au-history-timeline-gap)) / 3 - 80px), 104px);
        --xy-au-banner-title-size: 28px;
        --xy-au-overview-title-size: 22px;
        --xy-au-overview-left-block: 24px;
        --xy-au-overview-left-inline: 20px;
        --xy-au-overview-cell-min-h: 232px;
        --xy-au-section-title-block: 32px;
        --xy-au-section-title-inline: 20px;
        --xy-au-driven-text-block: 22px;
        --xy-au-driven-text-inline: 20px;
        --xy-au-driven-subtitle-mb: 24px;
        --xy-au-driven-item-h4-size: 17px;
        --xy-au-driven-item-p-lh: 18px;
        --xy-au-driven-item-pl: 20px;
        --xy-au-driven-item-icon: 10px;
        --xy-au-achieve-box-pad: 16px;
        --xy-au-achieve-img-w: 95px;
        --xy-au-achieve-img-h: 63px;
        --xy-au-achieve-content-gap: 5px;
        --xy-au-achieve-num-content-gap: 14px;
        --xy-au-achieve-num-size: 22px;
        --xy-au-other-blogs-controls-block: 24px;
        --xy-au-other-blogs-controls-inline: 20px;
        --xy-au-driven-card-h: 236px;
        --xy-au-contact-actions-left: 20px;
        --xy-au-contact-actions-bottom: 32px;
    }
}
@media (min-width: 480px) and (max-width: 639.98px) {
    main.xy-about-us-page {
        --xy-au-inline: 22px;
        --xy-au-banner-pad: 22px;
        --xy-au-history-content-inline: 22px;
        --xy-au-history-timeline-gap: 24px;
        --xy-au-history-media: clamp(80px, calc((100vh - var(--xy-au-history-viewport-offset) - 2 * var(--xy-au-history-timeline-gap)) / 3 - 76px), 108px);
        --xy-au-banner-title-size: 30px;
        --xy-au-overview-title-size: 24px;
        --xy-au-overview-left-block: 28px;
        --xy-au-overview-left-inline: 24px;
        --xy-au-overview-cell-min-h: 236px;
        --xy-au-section-title-block: 34px;
        --xy-au-section-title-inline: 24px;
        --xy-au-driven-text-block: 24px;
        --xy-au-driven-text-inline: 24px;
        --xy-au-driven-subtitle-mb: 28px;
        --xy-au-driven-item-h4-size: 18px;
        --xy-au-driven-item-p-lh: 19px;
        --xy-au-driven-item-pl: 22px;
        --xy-au-driven-item-icon: 11px;
        --xy-au-achieve-box-pad: 18px;
        --xy-au-achieve-img-w: 105px;
        --xy-au-achieve-img-h: 70px;
        --xy-au-achieve-content-gap: 5px;
        --xy-au-achieve-num-content-gap: 16px;
        --xy-au-achieve-num-size: 23px;
        --xy-au-other-blogs-controls-block: 24px;
        --xy-au-other-blogs-controls-inline: 24px;
        --xy-au-driven-card-h: 244px;
        --xy-au-contact-actions-left: 22px;
        --xy-au-contact-actions-bottom: 34px;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    main.xy-about-us-page {
        --xy-au-inline: 24px;
        --xy-au-banner-pad: 24px;
        --xy-au-history-content-inline: 24px;
        --xy-au-history-viewport-offset: 220px;
        --xy-au-history-timeline-gap: 28px;
        --xy-au-history-content-pad: 24px;
        --xy-au-history-media: clamp(84px, calc((100vh - var(--xy-au-history-viewport-offset) - 2 * var(--xy-au-history-timeline-gap)) / 3 - 72px), 112px);
        --xy-au-banner-title-size: 32px;
        --xy-au-overview-title-size: 26px;
        --xy-au-overview-left-block: 32px;
        --xy-au-overview-left-inline: 28px;
        --xy-au-overview-cell-min-h: 240px;
        --xy-au-section-title-block: 36px;
        --xy-au-section-title-inline: 28px;
        --xy-au-driven-text-block: 28px;
        --xy-au-driven-text-inline: 28px;
        --xy-au-driven-subtitle-mb: 32px;
        --xy-au-driven-item-h4-size: 19px;
        --xy-au-driven-item-p-lh: 20px;
        --xy-au-driven-item-pl: 24px;
        --xy-au-driven-item-icon: 12px;
        --xy-au-achieve-box-pad: 20px;
        --xy-au-achieve-img-w: 117px;
        --xy-au-achieve-img-h: 78px;
        --xy-au-achieve-content-gap: 6px;
        --xy-au-achieve-num-content-gap: 18px;
        --xy-au-achieve-num-size: 24px;
        --xy-au-other-blogs-controls-block: 28px;
        --xy-au-other-blogs-controls-inline: 28px;
        --xy-au-driven-card-h: 252px;
        --xy-au-contact-actions-left: 24px;
        --xy-au-contact-actions-bottom: 36px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    main.xy-about-us-page {
        --xy-au-inline: 32px;
        --xy-au-banner-pad: 32px;
        --xy-au-history-content-inline: 32px;
        --xy-au-history-viewport-offset: 240px;
        --xy-au-history-timeline-gap: 40px;
        --xy-au-history-half-gap: 28px;
        --xy-au-history-content-pad: 28px;
        --xy-au-history-media: clamp(132px, calc((100vh - var(--xy-au-history-viewport-offset) - 2 * var(--xy-au-history-timeline-gap)) / 3 * 0.82), 172px);
        --xy-au-banner-title-size: 36px;
        --xy-au-overview-title-size: 28px;
        --xy-au-overview-left-block: 36px;
        --xy-au-overview-left-inline: 32px;
        --xy-au-overview-cell-min-h: 360px;
        --xy-au-section-title-block: 38px;
        --xy-au-section-title-inline: 32px;
        --xy-au-driven-text-block: 32px;
        --xy-au-driven-text-inline: 32px;
        --xy-au-driven-subtitle-mb: 40px;
        --xy-au-driven-item-h4-size: 20px;
        --xy-au-driven-item-p-lh: 21px;
        --xy-au-driven-item-pl: 28px;
        --xy-au-driven-item-icon: 13px;
        --xy-au-achieve-box-pad: 22px;
        --xy-au-achieve-img-w: 148px;
        --xy-au-achieve-img-h: 99px;
        --xy-au-achieve-box-ratio: 3 / 2;
        --xy-au-achieve-content-gap: 6px;
        --xy-au-achieve-num-content-gap: 20px;
        --xy-au-achieve-num-size: 26px;
        --xy-au-other-blogs-controls-block: 32px;
        --xy-au-other-blogs-controls-inline: 32px;
        --xy-au-driven-card-h: 385px;
        --xy-au-contact-actions-left: 32px;
        --xy-au-contact-actions-bottom: 64px;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    main.xy-about-us-page {
        --xy-au-inline: 60px;
        --xy-au-banner-pad: 80px;
        --xy-au-history-content-inline: 20px;
        --xy-au-history-viewport-offset: 260px;
        --xy-au-history-timeline-gap: 48px;
        --xy-au-history-half-gap: 32px;
        --xy-au-history-content-pad: 40px;
        --xy-au-history-media: clamp(140px, calc((100vh - var(--xy-au-history-viewport-offset) - 2 * var(--xy-au-history-timeline-gap)) / 3 * 0.8), 180px);
        --xy-au-banner-title-size: 40px;
        --xy-au-overview-title-size: 30px;
        --xy-au-overview-left-block: 40px;
        --xy-au-overview-left-inline: 32px;
        --xy-au-overview-cell-min-h: 400px;
        --xy-au-section-title-block: 40px;
        --xy-au-section-title-inline: 32px;
        --xy-au-driven-text-block: 40px;
        --xy-au-driven-text-inline: 32px;
        --xy-au-driven-subtitle-mb: 48px;
        --xy-au-driven-item-h4-size: 22px;
        --xy-au-driven-item-p-lh: 22px;
        --xy-au-driven-item-pl: 32px;
        --xy-au-driven-item-icon: 15px;
        --xy-au-achieve-box-pad: 24px;
        --xy-au-achieve-img-w: 180px;
        --xy-au-achieve-img-h: 120px;
        --xy-au-achieve-box-ratio: 3 / 2;
        --xy-au-achieve-content-gap: 6px;
        --xy-au-achieve-num-content-gap: 24px;
        --xy-au-achieve-num-size: 28px;
        --xy-au-other-blogs-controls-block: 30px;
        --xy-au-other-blogs-controls-inline: 32px;
        --xy-au-driven-card-h: 440px;
        --xy-au-contact-actions-left: 60px;
        --xy-au-contact-actions-bottom: 60px;
    }
}
@media (min-width: 1366px) {
    main.xy-about-us-page {
        --xy-au-inline: 0px;
        --xy-au-banner-pad: 80px;
        --xy-au-history-content-inline: 20px;
        --xy-au-history-viewport-offset: 280px;
        --xy-au-history-timeline-gap: 56px;
        --xy-au-history-half-gap: 40px;
        --xy-au-history-content-pad: 36px;
        --xy-au-history-media: clamp(148px, calc((100vh - var(--xy-au-history-viewport-offset) - 2 * var(--xy-au-history-timeline-gap)) / 3 * 0.78), 188px);
        --xy-au-banner-title-size: 42px;
        --xy-au-overview-title-size: 30px;
        --xy-au-overview-left-block: 40px;
        --xy-au-overview-left-inline: 40px;
        --xy-au-overview-cell-min-h: 420px;
        --xy-au-section-title-block: 40px;
        --xy-au-section-title-inline: 40px;
        --xy-au-driven-text-block: 40px;
        --xy-au-driven-text-inline: 40px;
        --xy-au-driven-subtitle-mb: 56px;
        --xy-au-driven-item-h4-size: 22px;
        --xy-au-driven-item-p-lh: 22px;
        --xy-au-driven-item-pl: 32px;
        --xy-au-driven-item-icon: 15px;
        --xy-au-achieve-box-pad: 28px;
        --xy-au-achieve-img-w: 197px;
        --xy-au-achieve-img-h: 131px;
        --xy-au-achieve-content-gap: 8px;
        --xy-au-achieve-num-content-gap: 28px;
        --xy-au-achieve-num-size: 30px;
        --xy-au-other-blogs-controls-block: 30px;
        --xy-au-other-blogs-controls-inline: 40px;
        --xy-au-driven-card-h: 476px;
        --xy-au-contact-actions-left: 40px;
        --xy-au-contact-actions-bottom: 80px;
    }
}

@media (min-width: 1513px) and (max-width: 1599.98px) {
    main.xy-about-us-page {
        --xy-au-banner-title-size: 44px;
        --xy-au-overview-cell-min-h: 428px;
        --xy-au-driven-subtitle-mb: 64px;
        --xy-au-driven-item-h4-size: 24px;
        --xy-au-driven-item-pl: 36px;
        --xy-au-driven-item-icon: 16px;
        --xy-au-achieve-box-pad: 28px;
        --xy-au-achieve-img-w: 213px;
        --xy-au-achieve-img-h: 142px;
        --xy-au-achieve-content-gap: 8px;
        --xy-au-achieve-num-content-gap: 30px;
        --xy-au-achieve-num-size: 30px;
        --xy-au-driven-card-h: 488px;
        --xy-au-contact-actions-left: 40px;
        --xy-au-contact-actions-bottom: 80px;
    }
}

@media (min-width: 1600px) {
    main.xy-about-us-page {
        --xy-au-banner-title-size: 46px;
        --xy-au-overview-cell-min-h: 432px;
        --xy-au-driven-subtitle-mb: 80px;
        --xy-au-driven-item-h4-size: 24px;
        --xy-au-driven-item-pl: 40px;
        --xy-au-driven-item-icon: 18px;
        --xy-au-achieve-box-pad: 28px;
        --xy-au-achieve-img-w: 224px;
        --xy-au-achieve-img-h: 149px;
        --xy-au-achieve-content-gap: 8px;
        --xy-au-achieve-num-content-gap: 32px;
        --xy-au-achieve-num-size: 30px;
        --xy-au-other-blogs-controls-block: 30px;
        --xy-au-other-blogs-controls-inline: 40px;
        --xy-au-driven-card-h: 500px;
        --xy-au-contact-actions-left: 40px;
        --xy-au-contact-actions-bottom: 80px;
    }
}

main.xy-about-us-page .xy-about-overview-container,
main.xy-about-us-page .xy-about-driven-container,
main.xy-about-us-page .xy-about-driven-bottom-container,
main.xy-about-us-page .xy-about-foot-container,
main.xy-about-us-page .xy-about-history-container {
    max-width: 1296px;
}

main.xy-about-us-page .xy-about-achieve-container {
    max-width: 1296px;
    padding-bottom: 0;
}

main.xy-about-us-page .xy-about-overview-container {
    box-sizing: border-box;
}

main.xy-about-us-page .xy-about-driven-bottom-container {
    box-sizing: border-box;
    padding-block: 20px;
    padding-inline: 0;
}

main.xy-about-us-page .xy-about-driven-card {
    height: var(--xy-au-driven-card-h);
    flex: none;
}

main.xy-about-us-page .xy-about-driven-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
}

@media (min-width: 1025px) {
    main.xy-about-us-page .xy-about-driven-card {
        flex: 1;
    }
}

@media (min-width: 390px) and (max-width: 429.98px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 22px;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 24px;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 24px;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 32px;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 40px;
    }
}

@media (min-width: 1366px) and (max-width: 1512px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 40px;
    }
}

@media (min-width: 1513px) and (max-width: 1599.98px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 48px;
    }
}

@media (min-width: 1600px) {
    main.xy-about-us-page .xy-about-driven-bottom-container {
        padding-block: 56px;
    }
}

main.xy-about-us-page .xy-about-foot-content-wrap {
    box-sizing: border-box;
    padding-block: 24px;
    padding-inline: 16px;
}

@media (min-width: 390px) and (max-width: 429.98px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 26px;
        padding-inline: 18px;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 28px;
        padding-inline: 20px;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 30px;
        padding-inline: 24px;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 32px;
        padding-inline: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 36px;
        padding-inline: 32px;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 40px;
        padding-inline: 32px;
    }
}

@media (min-width: 1366px) and (max-width: 1512px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 40px;
        padding-inline: 40px;
    }
}

@media (min-width: 1513px) and (max-width: 1599.98px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 48px;
        padding-inline: 40px;
    }
}

@media (min-width: 1600px) {
    main.xy-about-us-page .xy-about-foot-content-wrap {
        padding-block: 56px;
        padding-inline: 40px;
    }
}

main.xy-about-us-page .xy-about-overview,
main.xy-about-us-page .xy-about-driven-section,
main.xy-about-us-page .xy-about-driven-bottom-section,
main.xy-about-us-page .xy-about-foot,
main.xy-about-us-page .xy-about-achieve,
main.xy-about-us-page .xy-about-history-section {
    box-sizing: border-box;
    padding-inline: var(--xy-au-inline);
}

main.xy-about-us-page .other-blogs-section {
    box-sizing: border-box;
    padding-inline: var(--xy-au-inline) !important;
}

main.xy-about-us-page .other-blogs-header {
    padding-block: var(--xy-au-section-title-block);
    padding-inline: var(--xy-au-section-title-inline);
}

main.xy-about-us-page .other-blogs-controls {
    padding-block: var(--xy-au-other-blogs-controls-block);
    padding-inline: var(--xy-au-other-blogs-controls-inline);
}

main.xy-about-us-page .xy-shortcode-product-contact .product-series-contact__actions {
    top: auto;
    bottom: var(--xy-au-contact-actions-bottom);
}

@media (min-width: 768px) {
    main.xy-about-us-page .xy-shortcode-product-contact .product-series-contact__actions {
        left: var(--xy-au-contact-actions-left);
        right: auto;
        width: auto;
        max-width: min(650px, calc(100% - 2 * var(--xy-au-contact-actions-left)));
        box-sizing: border-box;
    }
}

@media (min-width: 1025px) {
    main.xy-about-us-page .xy-about-banner {
        padding: var(--xy-au-banner-pad);
    }
}

main.xy-about-us-page .xy-about-banner-title {
    font-size: var(--xy-au-banner-title-size);
}

@media (max-width: 1024px) {
    main.xy-about-us-page .xy-about-banner {
        height: 461px;
        min-height: 0;
        padding: 0;
        background: #F3F5F7;
        display: flex;
        align-items: flex-end;
        overflow: hidden;
    }

    main.xy-about-us-page .xy-about-banner-bg {
        position: absolute;
        top: 0;
        width: 711px;
        height: 461px;
        left: calc(50% - 711px / 2 + 0.5px);
        object-fit: cover;
    }

    main.xy-about-us-page .xy-about-banner-mask {
        display: block;
        background: linear-gradient(0deg, rgba(27, 33, 41, 0.6) 2.84%, rgba(27, 33, 41, 0) 98.08%);
    }

    main.xy-about-us-page .xy-about-banner-content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 20px;
        gap: 12px;
        height: auto;
        z-index: 2;
        box-sizing: border-box;
    }

    main.xy-about-us-page .xy-about-banner-title {
        font-family: "Archivo", sans-serif;
        font-weight: 900;
        font-size: var(--xy-au-banner-title-size);
        line-height: 1.1;
        color: #EDEDED;
        margin: 0;
    }

    main.xy-about-us-page .xy-about-banner-subtitle {
        font-family: "Archivo", sans-serif;
        font-weight: 400;
        color: #EDEDED;
        margin: 0;
        font-size: 14px;
        line-height: 1.4;
    }

    main.xy-about-us-page .xy-about-banner-desc {
        font-family: "Archivo", sans-serif;
        font-weight: 100;
        color: #EDEDED;
        margin: 0;
        width: 350px;
        max-width: 100%;
        font-size: 14px;
        line-height: 20px;
    }
}

main.xy-about-us-page .xy-about-overview-left {
    padding-block: var(--xy-au-overview-left-block);
    padding-inline: var(--xy-au-overview-left-inline);
}

main.xy-about-us-page .xy-about-overview-title {
    font-size: var(--xy-au-overview-title-size);
}

main.xy-about-us-page .xy-about-overview-desc {
    max-width: none;
}

main.xy-about-us-page .xy-about-overview-cell {
    min-height: var(--xy-au-overview-cell-min-h);
}

main.xy-about-us-page .xy-about-driven-title-block,
main.xy-about-us-page .xy-about-foot-title-block,
main.xy-about-us-page .xy-about-history-title-block,
main.xy-about-us-page .xy-about-achieve-title-block {
    padding-block: var(--xy-au-section-title-block);
    padding-inline: var(--xy-au-section-title-inline);
}

main.xy-about-us-page .xy-about-driven-title,
main.xy-about-us-page .xy-about-foot-title,
main.xy-about-us-page .xy-about-history-title,
main.xy-about-us-page .xy-about-achieve-title {
    font-size: 16px;
}

@media (min-width: 390px) and (max-width: 429.98px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 17px;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 18px;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 18px;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 19px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 20px;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 24px;
    }
}

@media (min-width: 1366px) and (max-width: 1512px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 24px;
    }
}

@media (min-width: 1513px) and (max-width: 1599.98px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 26px;
    }
}

@media (min-width: 1600px) {
    main.xy-about-us-page .xy-about-driven-title,
    main.xy-about-us-page .xy-about-foot-title,
    main.xy-about-us-page .xy-about-history-title,
    main.xy-about-us-page .xy-about-achieve-title {
        font-size: 28px;
    }
}

main.xy-about-us-page .xy-about-driven-text {
    padding-block: var(--xy-au-driven-text-block);
    padding-inline: var(--xy-au-driven-text-inline);
}

main.xy-about-us-page .xy-about-driven-subtitle {
    margin-bottom: var(--xy-au-driven-subtitle-mb);
    font-size: 16px;
}

@media (min-width: 390px) and (max-width: 429.98px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 18px;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 20px;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 22px;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 26px;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 30px;
    }
}

@media (min-width: 1366px) and (max-width: 1512px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 30px;
    }
}

@media (min-width: 1513px) and (max-width: 1599.98px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 32px;
    }
}

@media (min-width: 1600px) {
    main.xy-about-us-page .xy-about-driven-subtitle {
        font-size: 36px;
    }
}

main.xy-about-us-page .xy-about-driven-item {
    padding-left: var(--xy-au-driven-item-pl);
}

main.xy-about-us-page .xy-about-driven-item svg {
    width: var(--xy-au-driven-item-icon);
    height: var(--xy-au-driven-item-icon);
}

main.xy-about-us-page .xy-about-driven-item h4 {
    font-size: var(--xy-au-driven-item-h4-size);
}

main.xy-about-us-page .xy-about-driven-item p {
    line-height: var(--xy-au-driven-item-p-lh);
}

main.xy-about-us-page .xy-about-history-timeline {
    gap: var(--xy-au-history-timeline-gap);
}

main.xy-about-us-page .xy-about-history-content {
    box-sizing: border-box;
    padding-inline: var(--xy-au-history-content-inline);
    padding-block: var(--xy-au-history-content-pad);
}

main.xy-about-us-page .xy-about-history-image {
    width: var(--xy-au-history-media);
    height: var(--xy-au-history-media);
    max-width: 100%;
}

main.xy-about-us-page .xy-about-history-text {
    height: var(--xy-au-history-media);
    min-height: 0;
}

main.xy-about-us-page .xy-about-history-text-top {
    gap: clamp(8px, 1.2vh, 14px);
}

main.xy-about-us-page .xy-about-history-text h4 {
    line-height: 1.3;
    font-size: 14px;
}

@media (min-width: 390px) and (max-width: 429.98px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 15px;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 16px;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 16px;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 18px;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 20px;
    }
}

@media (min-width: 1366px) and (max-width: 1512px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 20px;
    }
}

@media (min-width: 1513px) and (max-width: 1599.98px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 20px;
    }
}

@media (min-width: 1600px) {
    main.xy-about-us-page .xy-about-history-text h4 {
        font-size: 20px;
    }
}

main.xy-about-us-page .xy-about-history-text p {
    font-size: clamp(12px, 1.35vh, 13px);
    line-height: 1.35;
}

main.xy-about-us-page .xy-about-history-date {
    line-height: 1.2;
    font-size: clamp(12px, 1.35vh, 13px);
}

main.xy-about-us-page .xy-about-history-dot {
    width: clamp(12px, 1.6vh, 16px);
    height: clamp(12px, 1.6vh, 16px);
}

main.xy-about-us-page .xy-about-history-image-wrap {
    padding-right: var(--xy-au-history-half-gap);
}

main.xy-about-us-page .xy-about-history-text-wrap {
    padding-left: var(--xy-au-history-half-gap);
}

main.xy-about-us-page .xy-about-history-item:nth-child(even) .xy-about-history-image-wrap {
    padding-right: 0;
    padding-left: var(--xy-au-history-half-gap);
}

main.xy-about-us-page .xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
    padding-left: 0;
    padding-right: var(--xy-au-history-half-gap);
}

@media (max-width: 767.98px) {
    main.xy-about-us-page .xy-about-history-item,
    main.xy-about-us-page .xy-about-history-item:nth-child(even) {
        gap: 16px;
    }

    main.xy-about-us-page .xy-about-history-image {
        width: min(100%, var(--xy-au-history-media));
        margin-inline: auto;
    }

    main.xy-about-us-page .xy-about-history-text {
        height: auto;
        min-height: 72px;
    }

    main.xy-about-us-page .xy-about-history-half,
    main.xy-about-us-page .xy-about-history-image-wrap,
    main.xy-about-us-page .xy-about-history-text-wrap,
    main.xy-about-us-page .xy-about-history-item:nth-child(even) .xy-about-history-image-wrap,
    main.xy-about-us-page .xy-about-history-item:nth-child(even) .xy-about-history-text-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 389.98px) {
    main.xy-about-us-page .xy-about-banner-subtitle,
    main.xy-about-us-page .xy-about-banner-desc {
        font-size: 13px;
        line-height: 1.55;
    }

    main.xy-about-us-page .xy-about-banner-desc {
        line-height: 24px;
    }

    main.xy-about-us-page .xy-about-overview-top {
        flex-direction: column;
        gap: 16px;
    }

    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 16px 24px;
    }

    main.xy-about-us-page .xy-about-overview-desc {
        font-size: 14px;
        line-height: 1.55;
    }
}

@media (min-width: 390px) and (max-width: 429.98px) {
    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 18px 26px;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 20px 28px;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 24px 32px;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    main.xy-about-us-page .xy-about-overview-top {
        gap: 24px;
    }

    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 28px 36px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 32px 40px;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 32px 40px;
    }
}

@media (min-width: 1366px) and (max-width: 1512px) {
    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 40px 44px;
    }
}

@media (min-width: 1600px) {
    main.xy-about-us-page .xy-about-overview-right {
        padding: 0 40px 40px;
    }
}

@media (hover: hover) and (pointer: fine) {
    main.xy-about-us-page .xy-about-overview-link {
        transition: opacity 0.2s ease;
    }
}

main.xy-about-us-page .xy-about-achieve-title-line {
    top: 50%;
    transform: translateY(-50%);
}

main.xy-about-us-page .xy-about-achieve-title-divider {
    display: none !important;
}

main.xy-about-us-page .xy-about-achieve-grid {
    margin-bottom: 0;
    padding-bottom: 16px;
    box-sizing: border-box;
}

@media (max-width: 389.98px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 16px;
    }
}

@media (min-width: 390px) and (max-width: 429.98px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 18px;
    }
}

@media (min-width: 430px) and (max-width: 479.98px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 20px;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 22px;
    }
}

@media (min-width: 640px) and (max-width: 767.98px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 28px;
    }
}

@media (min-width: 1025px) and (max-width: 1365.98px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 40px;
    }
}

@media (min-width: 1366px) and (max-width: 1512px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 80px;
    }
}

@media (min-width: 1513px) and (max-width: 1599.98px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 80px;
    }
}

@media (min-width: 1600px) {
    main.xy-about-us-page .xy-about-achieve-grid {
        padding-bottom: 80px;
    }
}

main.xy-about-us-page .xy-about-achieve-box {
    aspect-ratio: var(--xy-au-achieve-box-ratio);
    padding: 0;
}

main.xy-about-us-page .xy-about-achieve-box-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: var(--xy-au-achieve-box-pad);
}

main.xy-about-us-page .xy-about-achieve-box-num {
    position: static;
    left: auto;
    top: auto;
    flex-shrink: 0;
    align-self: flex-start;
    margin-bottom: var(--xy-au-achieve-num-content-gap);
    font-size: var(--xy-au-achieve-num-size);
    line-height: 1;
}

main.xy-about-us-page .xy-about-achieve-box-content {
    margin-top: auto;
    align-self: stretch;
    gap: var(--xy-au-achieve-content-gap);
}

main.xy-about-us-page .xy-about-achieve-box-title {
    line-height: 1.35;
}

main.xy-about-us-page .xy-about-achieve-box-desc {
    line-height: 1.4;
}

main.xy-about-us-page .xy-about-achieve-box-img img {
    width: var(--xy-au-achieve-img-w);
    height: var(--xy-au-achieve-img-h);
    max-width: none;
    max-height: none;
    object-fit: contain;
}