:root {
    --primary-nav-link-active-color: #fc5000;
    --primary-theme-color: #306095;
}

.menu-hidden {
    display: none !important;
}

/************** added this code 24/8/2024  for mobile friendly checklist ******************/
@media screen and (max-width: 999px) {
    .Banner-Grid_banner {
        min-height: 320px;
    }
    .titleBoard {
        top: unset !important;
        bottom: 0;
    }
}
@media screen and (max-width: 999px) {
    .custom-timeline-content,
    .custom-timeline {
        padding-top: 10px;
    }
    .Milestones-contentContainer_timeline.custom-timeline:before {
        z-index: -1;
    }
}
@media screen and (max-width: 999px) {
    .paginate.btn-next {
        top: 0.65rem;
    }
    #promotingWellbeing {
        padding-top: 0;
    }
    .section-mg h2 {
        font-size: 1.375rem;
    }
    .ourApproach-sectionContent span,
    .ourApproach-sectionContent p,
    .ourApproach-sectionContent span,
    .ourApproach-sectionContent p {
        font-size: 1rem !important;
    }
}

/* .detail-text p{

    font-size: 1.125rem;
} */
@media screen and (max-width: 999px) {
    .detail-text p {
        font-size: 1rem;
    }
}

.sub-content-layout {
    overflow: hidden;
}
/********************font size********************/

/*title*/

/*s*/
.title-s-sm {
    font-size: 20px;
    line-height: 32px;
}

.title-s-base {
    font-size: 20px;
    line-height: 32px;
}

.title-s-lg {
    font-size: 20px;
    line-height: 32px;
}

@media (min-width: 1280px) {
    .title-s-sm {
        font-size: 24.5px;
        line-height: 32px;
    }

    .title-s-base {
        font-size: 28px;
        line-height: 32px;
    }

    .title-s-lg {
        font-size: 31.5px;
        line-height: 32px;
    }
}

/*s special start*/
@media (min-width: 1600px) {
    .header-banner-layout .title.title-s-sm {
        font-size: 24.5px;
        line-height: 32px;
    }

    .header-banner-layout .title.title-s-base {
        font-size: 28px;
        line-height: 32px;
    }

    .header-banner-layout .title.title-s-lg {
        font-size: 31.5px;
        line-height: 32px;
    }

    @media (min-width: 1280px) {
        .header-banner-layout .title.title-s-sm {
            font-size: 24.5px;
            line-height: 32px;
        }

        .header-banner-layout .title.title-s-base {
            font-size: 28px;
            line-height: 32px;
        }

        .header-banner-layout .title.title-s-lg {
            font-size: 31.5px;
            line-height: 32px;
        }
    }
}

#allDetail-Board-of-Directors .title-s-base {
    font-size: 0.92em;
    line-height: 1.25rem;
}

@media (min-width: 1280px) {
    #allDetail-Board-of-Directors .title-s-sm {
        font-size: 24.5px;
        line-height: 32px;
    }

    #allDetail-Board-of-Directors .title-s-base {
        font-size: 28px;
        line-height: 32px;
    }

    #allDetail-Board-of-Directors .title-s-lg {
        font-size: 31.5px;
        line-height: 32px;
    }
}

.object-title .title-s-sm {
    font-size: 22px;
    line-height: 28px;
}

.object-title .title-s-base {
    font-size: 22px;
    line-height: 28px;
}

.object-title .title-s-lg {
    font-size: 22px;
    line-height: 28px;
}

@media (min-width: 1280px) {
    .object-title .title-s-sm {
        font-size: 24.5px;
        line-height: 40px;
    }

    .object-title .title-s-base {
        font-size: 28px;
        line-height: 40px;
    }

    .object-title .title-s-lg {
        font-size: 31.5px;
        line-height: 40px;
    }
}

/*s special end*/

/*m*/
.title-m-sm {
    font-size: 22px;
    line-height: 40px;
}

.title-m-base {
    font-size: 22px;
    line-height: 40px;
}

.title-m-lg {
    font-size: 22px;
    line-height: 40px;
}

@media (min-width: 1280px) {
    .title-m-sm {
        font-size: 29.75px;
        line-height: 40px;
    }

    .title-m-base {
        font-size: 34px;
        line-height: 40px;
    }

    .title-m-lg {
        font-size: 38.25px;
        line-height: 40px;
    }
}

/*******m special start*******/
/*.latestNews .title-m-sm {
    font-size: 20px;
    line-height: 28px;
}

.latestNews .title-m-base {
    font-size: 20px;
    line-height: 28px;
}

.latestNews .title-m-lg {
    font-size: 34px;
    line-height: 40px;
}

@media (min-width: 1280px) {
    .latestNews .title-m-sm {
        font-size: 29.75px;
        line-height: 40px;
    }

    .latestNews .title-m-base {
        font-size: 34px;
        line-height: 40px;
    }

    .latestNews .title-m-lg {
        font-size: 38.25px;
        line-height: 40px;
    }
}*/
/*******m special end*******/

/*l*/
.title-l-sm {
    font-size: 24px;
    line-height: 48px;
}

.title-l-base {
    font-size: 24px;
    line-height: 48px;
}

.title-l-lg {
    font-size: 24px;
    line-height: 48px;
}

@media (min-width: 1280px) {
    .title-l-sm {
        font-size: 35px;
        line-height: 48px;
    }

    .title-l-base {
        font-size: 40px;
        line-height: 48px;
    }

    .title-l-lg {
        font-size: 45px;
        line-height: 48px;
    }
}

/*xl*/
.title-xl-sm {
    font-size: 32px;
    line-height: 64px;
}

.title-xl-base {
    font-size: 32px;
    line-height: 64px;
}

.title-xl-lg {
    font-size: 32px;
    line-height: 64px;
}

@media (min-width: 1280px) {
    .title-xl-sm {
        font-size: 47.25px;
        line-height: 64px;
    }

    .title-xl-base {
        font-size: 54px;
        line-height: 64px;
    }

    .title-xl-lg {
        font-size: 60.75px;
        line-height: 64px;
    }
}

/*xl special start*/
@media (min-width: 1280px) {
    .banner-layout.title-xl-sm {
        font-size: 30px;
        line-height: 45px;
    }

    .banner-layout.title-xl-base {
        font-size: 35px;
        line-height: 45px;
    }

    .banner-layout.title-xl-lg {
        font-size: 60.75px;
        line-height: 64px;
    }
}

/*xl special end*/

/*body*/

/*xs*/
.body-xs-sm {
    /*font-size: 10px;*/
    font-size: 12px;
    line-height: 14px;
}

.body-xs-base {
    /*font-size: 10px;*/
    font-size: 12px;
    line-height: 14px;
}

.body-xs-lg {
    /*font-size: 10px;*/
    font-size: 12px;
    line-height: 14px;
}

@media (min-width: 1280px) {
    .body-xs-sm {
        font-size: 10.5px;
        line-height: 14px;
        transform: scale(0.9);
    }

    .body-xs-base {
        font-size: 12px;
        line-height: 14px;
    }

    .body-xs-lg {
        font-size: 13.5px;
        line-height: 14px;
    }
}

/*xs special start*/
@media (min-width: 1280px) {
    .Milestones-contentContainer_contentSubText.body-xs-sm {
        font-size: 10.5px;
        line-height: 14px;
        transform: scale(0.9);
    }

    .Milestones-contentContainer_contentSubText.body-xs-base {
        font-size: 14px;
        line-height: 24px;
    }

    .Milestones-contentContainer_contentSubText.body-xs-lg {
        font-size: 13.5px;
        line-height: 14px;
    }
}

.Milestones-contentContainer_contentText.body-xs-sm {
    /*font-size: 10px;*/
    font-size: 12px;
    line-height: 24px;
}

.Milestones-contentContainer_contentText.body-xs-base {
    /*font-size: 10px;*/
    font-size: 12px;
    line-height: 24px;
}

.Milestones-contentContainer_contentText.body-xs-lg {
    /*font-size: 10px;*/
    font-size: 12px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .Milestones-contentContainer_contentText.body-xs-sm {
        font-size: 14.5px;
        line-height: 18px;
        transform: scale(0.9);
    }

    .Milestones-contentContainer_contentText.body-xs-base {
        font-size: 18px;
        line-height: 28px;
    }

    .Milestones-contentContainer_contentText.body-xs-lg {
        font-size: 20px;
        line-height: 30px;
    }
}

.business-content-btn.body-xs-sm {
    font-size: 14px;
    line-height: 14px;
}

.business-content-btn.body-xs-base {
    font-size: 14px;
    line-height: 14px;
}

.business-content-btn.body-xs-lg {
    font-size: 14px;
    line-height: 14px;
}

@media (min-width: 1280px) {
    .business-content-btn.body-xs-sm {
        font-size: 18px;
        line-height: 14px;
    }

    .business-content-btn.body-xs-base {
        font-size: 18px;
        line-height: 14px;
    }

    .business-content-btn.body-xs-lg {
        font-size: 18px;
        line-height: 14px;
    }
}

/*xs special end*/

/*s*/
.body-s-sm {
    font-size: 12px;
    line-height: 18px;
}

.body-s-base {
    font-size: 12px;
    line-height: 18px;
}

.body-s-lg {
    font-size: 12px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .body-s-sm {
        font-size: 12.25px;
        line-height: 18px;
    }

    .body-s-base {
        font-size: 14px;
        line-height: 18px;
    }

    .body-s-lg {
        font-size: 15.75px;
        line-height: 18px;
    }
}

/********s special start*********/
.latestNews .body-s-sm {
    font-size: 16px;
    line-height: 18px;
}

.latestNews .body-s-base {
    font-size: 16px;
    line-height: 18px;
}

.latestNews .body-s-lg {
    font-size: 16px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .latestNews .body-s-sm {
        font-size: 20px;
        line-height: 18px;
    }

    .latestNews .body-s-base {
        font-size: 20px;
        line-height: 18px;
    }

    .latestNews .body-s-lg {
        font-size: 20px;
        line-height: 18px;
    }
}

.m-10-5 .body-s-sm {
    font-size: 12px;
    line-height: 15px;
}

.m-10-5 .body-s-base {
    font-size: 12px;
    line-height: 15px;
}

.m-10-5 .body-s-lg {
    font-size: 12px;
    line-height: 15px;
}

@media (min-width: 1280px) {
    .m-10-5 .body-s-sm {
        font-size: 16px;
        line-height: 24px;
    }

    .m-10-5 .body-s-base {
        font-size: 16px;
        line-height: 24px;
    }

    .m-10-5 .body-s-lg {
        font-size: 16px;
        line-height: 24px;
    }
}

.Opportunities-tableRow > div.body-s-sm {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-tableRow > div.body-s-base {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-tableRow > div.body-s-lg {
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .Opportunities-tableRow > div.body-s-sm {
        font-size: 16px;
        line-height: 18px;
    }

    .Opportunities-tableRow > div.body-s-base {
        font-size: 16px;
        line-height: 18px;
    }

    .Opportunities-tableRow > div.body-s-lg {
        font-size: 18px;
        line-height: 20px;
    }
}

#chartdesc.body-s-sm {
    font-size: 12px;
    line-height: 18px;
}

#chartdesc.body-s-base {
    font-size: 14px;
    line-height: 20px;
}

#chartdesc.body-s-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    #chartdesc.body-s-sm {
        font-size: 14px;
        line-height: 24px;
    }

    #chartdesc.body-s-base {
        font-size: 16px;
        line-height: 24px;
    }

    #chartdesc.body-s-lg {
        font-size: 18px;
        line-height: 28px;
    }
}

#financialReports .pdf_card p.body-s-sm {
    font-size: 16px;
    line-height: 18px;
}

#financialReports .pdf_card p.body-s-base {
    font-size: 16px;
    line-height: 18px;
}

#financialReports .pdf_card p.body-s-lg {
    font-size: 16px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    #financialReports .pdf_card p.body-s-sm {
        font-size: 16px;
        line-height: 18px;
    }

    #financialReports .pdf_card p.body-s-base {
        font-size: 16px;
        line-height: 18px;
    }

    #financialReports .pdf_card p.body-s-lg {
        font-size: 16px;
        line-height: 18px;
    }
}

.body-s-sm .eNews-formInputLabel,
.body-s-sm .eNews-formInput {
    font-size: 14px;
    line-height: 18px;
}

.body-s-base .eNews-formInputLabel,
.body-s-base .eNews-formInput {
    font-size: 14px;
    line-height: 18px;
}

.body-s-lg .eNews-formInputLabel,
.body-s-lg .eNews-formInput {
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .body-s-sm .eNews-formInputLabel,
    .body-s-sm .eNews-formInput {
        font-size: 12.25px;
        line-height: 18px;
    }

    .body-s-base .eNews-formInputLabel,
    .body-s-base .eNews-formInput {
        font-size: 14px;
        line-height: 18px;
    }

    .body-s-lg .eNews-formInputLabel,
    .body-s-lg .eNews-formInput {
        font-size: 15.75px;
        line-height: 18px;
    }
}

.body-s-sm .contactUs-formInputLabel,
.body-s-sm .contactUs-formInput {
    font-size: 14px;
    line-height: 18px;
}

.body-s-base .contactUs-formInputLabel,
.body-s-base .contactUs-formInput {
    font-size: 14px;
    line-height: 18px;
}

.body-s-lg .contactUs-formInputLabel,
.body-s-lg .contactUs-formInput {
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .body-s-sm .contactUs-formInputLabel,
    .body-s-sm .contactUs-formInput {
        font-size: 12.25px;
        line-height: 18px;
    }

    .body-s-base .contactUs-formInputLabel,
    .body-s-base .contactUs-formInput {
        font-size: 14px;
        line-height: 18px;
    }

    .body-s-lg .contactUs-formInputLabel,
    .body-s-lg .contactUs-formInput {
        font-size: 15.75px;
        line-height: 18px;
    }
}

#ourApproachHeader .body-s-sm {
    font-size: 12px;
    line-height: 20px;
}

#ourApproachHeader .body-s-base {
    font-size: 12px;
    line-height: 20px;
}

#ourApproachHeader .body-s-lg {
    font-size: 12px;
    line-height: 20px;
}
#ourApproachHeader {
    position: sticky;
    left: 0;
    width: 100%;
}
@media (min-width: 1280px) {
    #ourApproachHeader .body-s-sm {
        font-size: 12.25px;
        line-height: 20px;
    }

    #ourApproachHeader .body-s-base {
        font-size: 14px;
        line-height: 20px;
    }

    #ourApproachHeader .body-s-lg {
        font-size: 15.75px;
        line-height: 20px;
    }
}

.Filter-mg .body-s-sm {
    font-size: 16px;
    line-height: 16px;
}

.Filter-mg .body-s-base {
    font-size: 16px;
    line-height: 16px;
}

.Filter-mg .body-s-lg {
    font-size: 16px;
    line-height: 16px;
}

@media (min-width: 1280px) {
    .Filter-mg .body-s-sm {
        font-size: 14.25px;
        line-height: 20px;
    }

    .Filter-mg .body-s-base {
        font-size: 16px;
        line-height: 20px;
    }

    .Filter-mg .body-s-lg {
        font-size: 17.75px;
        line-height: 20px;
    }
}

.para3.body-s-sm {
    font-size: 14px;
    line-height: 18px;
}

.para3.body-s-base {
    font-size: 14px;
    line-height: 18px;
}

.para3.body-s-lg {
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .para3.body-s-sm {
        font-size: 12.25px;
        line-height: 18px;
    }

    .para3.body-s-base {
        font-size: 14px;
        line-height: 18px;
    }

    .para3.body-s-lg {
        font-size: 15.75px;
        line-height: 18px;
    }
}

.Opportunities-mobileResultTitle.body-s-sm {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-mobileResultTitle.body-s-base {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-mobileResultTitle.body-s-lg {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-mobileResultLabel.body-s-sm {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-mobileResultLabel.body-s-base {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-mobileResultLabel.body-s-lg {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-mobileResultValue.body-s-sm {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-mobileResultValue.body-s-base {
    font-size: 14px;
    line-height: 18px;
}

.Opportunities-mobileResultValue.body-s-lg {
    font-size: 14px;
    line-height: 18px;
}

/********s special end*********/
/*m*/
.body-m-sm {
    font-size: 14px;
    line-height: 24px;
}

.body-m-base {
    font-size: 14px;
    line-height: 24px;
}

.body-m-lg {
    font-size: 14px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .body-m-sm {
        font-size: 15.75px;
        line-height: 24px;
    }

    .body-m-base {
        font-size: 18px;
        line-height: 24px;
    }

    .body-m-lg {
        font-size: 20.25px;
        line-height: 24px;
    }
}

.modal-body .body-m-sm {
    font-size: 12px;
    line-height: 24px;
}

.modal-body .body-m-base {
    font-size: 12px;
    line-height: 24px;
}

.modal-body .body-m-lg {
    font-size: 12px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .modal-body .body-m-sm {
        font-size: 14px;
        line-height: 28px;
    }

    .modal-body .body-m-base {
        font-size: 16px;
        line-height: 28px;
    }

    .modal-body .body-m-lg {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (min-width: 1280px) {
    .cv-lineheight .body-m-sm {
        font-size: 15.75px;
        line-height: 28px;
    }

    .cv-lineheight .body-m-base {
        font-size: 18px;
        line-height: 28px;
    }

    .cv-lineheight .body-m-lg {
        font-size: 20.25px;
        line-height: 28px;
    }
}

/*m special start*/
@media (min-width: 1280px) {
    #modal-mt-1 .body-m-sm {
        font-size: 15.75px;
        line-height: 40px;
    }

    #modal-mt-1 .body-m-base {
        font-size: 18px;
        line-height: 40px;
    }

    #modal-mt-1 .body-m-lg {
        font-size: 20.25px;
        line-height: 40px;
    }
}

.ourPeople_object-text.body-m-sm {
    font-size: 16px;
    line-height: 24px;
}

.ourPeople_object-text.body-m-base {
    font-size: 16px;
    line-height: 24px;
}

.ourPeople_object-text.body-m-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .ourPeople_object-text.body-m-sm {
        font-size: 15.75px;
        line-height: 32px;
    }

    .ourPeople_object-text.body-m-base {
        font-size: 18px;
        line-height: 32px;
    }

    .ourPeople_object-text.body-m-lg {
        font-size: 20.25px;
        line-height: 32px;
    }
}

.Milestones-yearText.body-m-sm {
    font-size: 16px;
    line-height: 24px;
}

.Milestones-yearText.body-m-base {
    font-size: 16px;
    line-height: 24px;
}

.Milestones-yearText.body-m-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .Milestones-yearText.body-m-sm {
        font-size: 18px;
        line-height: 40px;
    }

    .Milestones-yearText.body-m-base {
        font-size: 18px;
        line-height: 40px;
    }

    .Milestones-yearText.body-m-lg {
        font-size: 18px;
        line-height: 40px;
    }
}

.Milestones-contentContainer_date.body-m-sm {
    font-size: 14px;
    line-height: 24px;
}

.Milestones-contentContainer_date.body-m-base {
    font-size: 14px;
    line-height: 24px;
}

.Milestones-contentContainer_date.body-m-lg {
    font-size: 14px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .Milestones-contentContainer_date.body-m-sm {
        font-size: 18px;
        line-height: 24px;
    }

    .Milestones-contentContainer_date.body-m-base {
        font-size: 18px;
        line-height: 24px;
    }

    .Milestones-contentContainer_date.body-m-lg {
        font-size: 18px;
        line-height: 24px;
    }
}

.business-title .body-m-sm {
    font-size: 16px;
    line-height: 28px;
}

.business-title .body-m-base {
    font-size: 16px;
    line-height: 28px;
}

.business-title .body-m-lg {
    font-size: 16px;
    line-height: 28px;
}

@media (min-width: 1280px) {
    .business-title .body-m-sm {
        font-size: 18px;
        line-height: 28px;
    }

    .business-title .body-m-base {
        font-size: 18px;
        line-height: 28px;
    }

    .business-title .body-m-lg {
        font-size: 18px;
        line-height: 28px;
    }
}

.business-content_mb h3.body-m-sm {
    font-size: 14px;
    line-height: 24px;
}

.business-content_mb h3.body-m-base {
    font-size: 14px;
    line-height: 24px;
}

.business-content_mb h3.body-m-lg {
    font-size: 14px;
    line-height: 24px;
}

@media only screen and (min-width: 300px) and (max-width: 640px) {
    #mainWrapper .top_page_menu .page_label a.body-m-sm {
        font-size: 16px;
        line-height: 21.6px;
    }

    #mainWrapper .top_page_menu .page_label a.body-m-base {
        font-size: 16px;
        line-height: 21.6px;
    }

    #mainWrapper .top_page_menu .page_label a.body-m-lg {
        font-size: 16px;
        line-height: 21.6px;
    }
}

@media (min-width: 1280px) {
    #Monitor_li .body-m-sm {
        font-size: 15.75px;
        line-height: 70px;
    }

    #Monitor_li .body-m-base {
        font-size: 18px;
        line-height: 70px;
    }

    #Monitor_li .body-m-lg {
        font-size: 20.25px;
        line-height: 70px;
    }
}

#Dividend_li .body-m-sm {
    font-size: 16px;
    line-height: 21.6px;
}

#Dividend_li .body-m-base {
    font-size: 16px;
    line-height: 21.6px;
}

#Dividend_li .body-m-lg {
    font-size: 16px;
    line-height: 21.6px;
}

@media (min-width: 1280px) {
    #Dividend_li .body-m-sm {
        font-size: 15.75px;
        line-height: 70px;
    }

    #Dividend_li .body-m-base {
        font-size: 18px;
        line-height: 70px;
    }

    #Dividend_li .body-m-lg {
        font-size: 20.25px;
        line-height: 70px;
    }
}

.para2.body-m-sm {
    font-size: 16px;
    line-height: 24px;
}

.para2.body-m-base {
    font-size: 16px;
    line-height: 24px;
}

.para2.body-m-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .para2.body-m-sm {
        font-size: 15.75px;
        line-height: 24px;
    }

    .para2.body-m-base {
        font-size: 18px;
        line-height: 24px;
    }

    .para2.body-m-lg {
        font-size: 20.25px;
        line-height: 24px;
    }
}

.accordion-content .body-m-sm {
    font-size: 14px;
    line-height: 24px;
}

.accordion-content .body-m-base {
    font-size: 14px;
    line-height: 24px;
}

.accordion-content .body-m-lg {
    font-size: 14px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .accordion-content .body-m-sm {
        font-size: 15.75px;
        line-height: 28px;
    }

    .accordion-content .body-m-base {
        font-size: 18px;
        line-height: 28px;
    }

    .accordion-content .body-m-lg {
        font-size: 20.25px;
        line-height: 28px;
    }
}

#searchListHeader .body-m-sm {
    font-size: 16px;
    line-height: 24px;
}

#searchListHeader .body-m-base {
    font-size: 16px;
    line-height: 24px;
}

#searchListHeader .body-m-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    #searchListHeader .body-m-sm {
        font-size: 15.75px;
        line-height: 24px;
    }

    #searchListHeader .body-m-base {
        font-size: 18px;
        line-height: 24px;
    }

    #searchListHeader .body-m-lg {
        font-size: 20.25px;
        line-height: 24px;
    }
}

/*m special end*/

/*l*/
.body-l-sm {
    font-size: 16px;
    line-height: 28px;
}

.body-l-base {
    font-size: 16px;
    line-height: 28px;
}

.body-l-lg {
    font-size: 16px;
    line-height: 28px;
}

@media (min-width: 1280px) {
    .body-l-sm {
        font-size: 19.25px;
        line-height: 28px;
    }

    .body-l-base {
        font-size: 22px;
        line-height: 28px;
    }

    .body-l-lg {
        font-size: 24.75px;
        line-height: 28px;
    }
}

/* l special start*/
#tabs-tabContent .body-l-sm {
    font-size: 16px;
    line-height: 32px;
}

#tabs-tabContent .body-l-base {
    font-size: 16px;
    line-height: 32px;
}

#tabs-tabContent .body-l-lg {
    font-size: 22px;
    line-height: 32px;
}

@media (min-width: 1280px) {
    #tabs-tabContent .body-l-sm {
        font-size: 19.25px;
        line-height: 28px;
    }

    #tabs-tabContent .body-l-base {
        font-size: 22px;
        line-height: 28px;
    }

    #tabs-tabContent .body-l-lg {
        font-size: 24.75px;
        line-height: 28px;
    }
}

#tabs-tabContent .talentDevelopment-subtitle.body-l-sm {
    font-size: 20px;
    line-height: 32px;
}

#tabs-tabContent .talentDevelopment-subtitle.body-l-base {
    font-size: 20px;
    line-height: 32px;
}

#tabs-tabContent .talentDevelopment-subtitle.body-l-lg {
    font-size: 20px;
    line-height: 32px;
}

@media (min-width: 1280px) {
    #tabs-tabContent .talentDevelopment-subtitle.body-l-sm {
        font-size: 19.25px;
        line-height: 28px;
    }

    #tabs-tabContent .talentDevelopment-subtitle.body-l-base {
        font-size: 22px;
        line-height: 28px;
    }

    #tabs-tabContent .talentDevelopment-subtitle.body-l-lg {
        font-size: 24.75px;
        line-height: 28px;
    }
}

#presentation #presentation_year h2.body-l-sm,
#presentation #presentation_year label.body-l-sm {
    font-size: 20px;
    line-height: 28px;
}

#presentation #presentation_year h2.body-l-base,
#presentation #presentation_year label.body-l-base {
    font-size: 20px;
    line-height: 28px;
}

#presentation #presentation_year h2.body-l-lg,
#presentation #presentation_year label.body-l-lg {
    font-size: 20px;
    line-height: 28px;
}

@media (min-width: 1280px) {
    #presentation #presentation_year h2.body-l-sm,
    #presentation #presentation_year label.body-l-sm {
        font-size: 19.25px;
        line-height: 28px;
    }

    #presentation #presentation_year h2.body-l-base,
    #presentation #presentation_year label.body-l-base {
        font-size: 22px;
        line-height: 28px;
    }

    #presentation #presentation_year h2.body-l-lg,
    #presentation #presentation_year label.body-l-lg {
        font-size: 24.75px;
        line-height: 28px;
    }
}

.talentDevelopment-subtitle.body-l-sm {
    font-size: 16px;
    line-height: 32px;
}

.talentDevelopment-subtitle.body-l-base {
    font-size: 16px;
    line-height: 32px;
}

.talentDevelopment-subtitle.body-l-lg {
    font-size: 16px;
    line-height: 32px;
}

@media (min-width: 1280px) {
    .talentDevelopment-subtitle.body-l-sm {
        font-size: 19.25px;
        line-height: 40px;
    }

    .talentDevelopment-subtitle.body-l-base {
        font-size: 22px;
        line-height: 40px;
    }

    .talentDevelopment-subtitle.body-l-lg {
        font-size: 24.75px;
        line-height: 40px;
    }
}

.Milestones-contentContainer_year.body-l-sm {
    font-size: 14px;
    line-height: 28px;
}

.Milestones-contentContainer_year.body-l-base {
    font-size: 14px;
    line-height: 28px;
}

.Milestones-contentContainer_year.body-l-lg {
    font-size: 14px;
    line-height: 28px;
}

@media (min-width: 1280px) {
    .Milestones-contentContainer_year.body-l-sm {
        font-size: 19.25px;
        line-height: 28px;
    }

    .Milestones-contentContainer_year.body-l-base {
        font-size: 22px;
        line-height: 28px;
    }

    .Milestones-contentContainer_year.body-l-lg {
        font-size: 24.75px;
        line-height: 28px;
    }
}

.business-content-title.body-l-sm {
    font-size: 22px;
    line-height: 28px;
}

.business-content-title.body-l-base {
    font-size: 22px;
    line-height: 28px;
}

.business-content-title.body-l-lg {
    font-size: 22px;
    line-height: 28px;
}

@media (min-width: 1280px) {
    .business-content-title.body-l-sm {
        font-size: 21.25px;
        line-height: 28px;
    }

    .business-content-title.body-l-base {
        font-size: 24px;
        line-height: 28px;
    }

    .business-content-title.body-l-lg {
        font-size: 26.75px;
        line-height: 28px;
    }
}

.thrivingPeople-sectionTitle.body-l-sm {
    font-size: 20px;
    line-height: 28px;
}

.thrivingPeople-sectionTitle.body-l-base {
    font-size: 20px;
    line-height: 28px;
}

.thrivingPeople-sectionTitle.body-l-lg {
    font-size: 20px;
    line-height: 28px;
}

@media (min-width: 1280px) {
    .thrivingPeople-sectionTitle.body-l-sm {
        font-size: 19.25px;
        line-height: 28px;
    }

    .thrivingPeople-sectionTitle.body-l-base {
        font-size: 22px;
        line-height: 28px;
    }

    .thrivingPeople-sectionTitle.body-l-lg {
        font-size: 24.75px;
        line-height: 28px;
    }
}

/* l special end*/

/*other*/

/*xs*/
.other-xs-sm {
    font-size: 16px;
    line-height: 18px;
}

.other-xs-base {
    font-size: 16px;
    line-height: 18px;
}

.other-xs-lg {
    font-size: 16px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .other-xs-sm {
        font-size: 15px;
        line-height: 18px;
    }

    .other-xs-base {
        font-size: 16px;
        line-height: 18px;
    }

    .other-xs-lg {
        font-size: 18px;
        line-height: 18px;
    }
}

/*xs special*/
.business-content h3.other-xs-sm {
    font-size: 16px;
    line-height: 18px;
}

.business-content h3.other-xs-base {
    font-size: 16px;
    line-height: 18px;
}

.business-content h3.other-xs-lg {
    font-size: 16px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .business-content h3.other-xs-sm {
        font-size: 15px;
        line-height: 18px;
    }

    .business-content h3.other-xs-base {
        font-size: 16px;
        line-height: 18px;
    }

    .business-content h3.other-xs-lg {
        font-size: 18px;
        line-height: 18px;
    }
}

.business-content .other-xs-sm {
    font-size: 16px;
    line-height: 18px;
}

.business-content .other-xs-base {
    font-size: 16px;
    line-height: 18px;
}

.business-content .other-xs-lg {
    font-size: 16px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .business-content .other-xs-sm {
        font-size: 15px;
        line-height: 18px;
    }

    .business-content .other-xs-base {
        font-size: 16px;
        line-height: 18px;
    }

    .business-content .other-xs-lg {
        font-size: 18px;
        line-height: 18px;
    }
}

.thrivingPeople-sectionContent.other-xs-sm {
    font-size: 16px;
    line-height: 24px;
}

.thrivingPeople-sectionContent.other-xs-base {
    font-size: 16px;
    line-height: 24px;
}

.thrivingPeople-sectionContent.other-xs-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .thrivingPeople-sectionContent.other-xs-sm {
        font-size: 15px;
        line-height: 32px;
    }

    .thrivingPeople-sectionContent.other-xs-base {
        font-size: 16px;
        line-height: 32px;
    }

    .thrivingPeople-sectionContent.other-xs-lg {
        font-size: 18px;
        line-height: 32px;
    }
}

.talentDevelopment-contextText.other-xs-sm {
    font-size: 16px;
    line-height: 24px;
}

.talentDevelopment-contextText.other-xs-base {
    font-size: 16px;
    line-height: 24px;
}

.talentDevelopment-contextText.other-xs-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .talentDevelopment-contextText.other-xs-sm {
        font-size: 15px;
        line-height: 32px;
    }

    .talentDevelopment-contextText.other-xs-base {
        font-size: 16px;
        line-height: 32px;
    }

    .talentDevelopment-contextText.other-xs-lg {
        font-size: 18px;
        line-height: 32px;
    }
}

.pressRelease-box-container .title.other-xs-sm {
    font-size: 16px;
    line-height: 20px;
}

.pressRelease-box-container .title.other-xs-base {
    font-size: 16px;
    line-height: 20px;
}

.pressRelease-box-container .title.other-xs-lg {
    font-size: 16px;
    line-height: 20px;
}

@media (min-width: 1280px) {
    .pressRelease-box-container .title.other-xs-sm {
        font-size: 18px;
        line-height: 24px;
    }

    .pressRelease-box-container .title.other-xs-base {
        font-size: 20px;
        line-height: 24px;
    }

    .pressRelease-box-container .title.other-xs-lg {
        font-size: 22px;
        line-height: 24px;
    }
}

.pressRelease-box p:nth-child(2).other-xs-sm {
    font-size: 16px;
    line-height: 20px;
}

.pressRelease-box p:nth-child(2).other-xs-base {
    font-size: 16px;
    line-height: 20px;
}

.pressRelease-box p:nth-child(2).other-xs-lg {
    font-size: 16px;
    line-height: 20px;
}

@media (min-width: 1280px) {
    .pressRelease-box p:nth-child(2).other-xs-sm {
        font-size: 15px;
        line-height: 20px;
    }

    .pressRelease-box p:nth-child(2).other-xs-base {
        font-size: 16px;
        line-height: 20px;
    }

    .pressRelease-box p:nth-child(2).other-xs-lg {
        font-size: 18px;
        line-height: 20px;
    }
}

.pressRelease-box a.other-xs-sm {
    font-size: 16px;
    line-height: 20px;
}

.pressRelease-box a.other-xs-base {
    font-size: 16px;
    line-height: 20px;
}

.pressRelease-box a.other-xs-lg {
    font-size: 16px;
    line-height: 20px;
}

@media (min-width: 1280px) {
    .pressRelease-box a.other-xs-sm {
        font-size: 16px;
        line-height: 22px;
    }

    .pressRelease-box a.other-xs-base {
        font-size: 18px;
        line-height: 22px;
    }

    .pressRelease-box a.other-xs-lg {
        font-size: 20px;
        line-height: 22px;
    }
}

.contact-us-form .other-xs-sm {
    font-size: 16px;
    line-height: 24px;
}

.contact-us-form .other-xs-base {
    font-size: 16px;
    line-height: 24px;
}

.contact-us-form .other-xs-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .contact-us-form .other-xs-sm {
        font-size: 15px;
        line-height: 24px;
    }

    .contact-us-form .other-xs-base {
        font-size: 16px;
        line-height: 24px;
    }

    .contact-us-form .other-xs-lg {
        font-size: 18px;
        line-height: 24px;
    }
}

.ourApproach-sectionContent.other-xs-sm {
    font-size: 16px;
    line-height: 32px;
}

.ourApproach-sectionContent.other-xs-base {
    font-size: 16px;
    line-height: 32px;
}

.ourApproach-sectionContent.other-xs-lg {
    font-size: 16px;
    line-height: 32px;
}

@media (min-width: 1280px) {
    .ourApproach-sectionContent.other-xs-sm {
        font-size: 15px;
        line-height: 32px;
    }

    .ourApproach-sectionContent.other-xs-base {
        font-size: 16px;
        line-height: 32px;
    }

    .ourApproach-sectionContent.other-xs-lg {
        font-size: 18px;
        line-height: 32px;
    }
}

#MainNav .other-xs-sm {
    font-size: 16px;
    line-height: 18px;
}

#MainNav .other-xs-base {
    font-size: 16px;
    line-height: 18px;
}

#MainNav .other-xs-lg {
    font-size: 16px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    #MainNav .other-xs-sm {
        font-size: 16px;
        line-height: 28px;
    }

    #MainNav .other-xs-base {
        font-size: 18px;
        line-height: 28px;
    }

    #MainNav .other-xs-lg {
        font-size: 20px;
        line-height: 28px;
    }
}

.latestNews-TabContent .other-xs-sm {
    font-size: 14px;
    line-height: 24px;
}

.latestNews-TabContent .other-xs-base {
    font-size: 14px;
    line-height: 24px;
}

.latestNews-TabContent .other-xs-lg {
    font-size: 14px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .latestNews-TabContent .other-xs-sm {
        font-size: 15px;
        line-height: 24px;
    }

    .latestNews-TabContent .other-xs-base {
        font-size: 16px;
        line-height: 24px;
    }

    .latestNews-TabContent .other-xs-lg {
        font-size: 18px;
        line-height: 24px;
    }
}

.business-title-province.other-xs-sm {
    font-size: 16px;
    line-height: 20px;
}

.business-title-province.other-xs-base {
    font-size: 16px;
    line-height: 20px;
}

.business-title-province.other-xs-lg {
    font-size: 16px;
    line-height: 20px;
}

@media (min-width: 1280px) {
    .business-title-province.other-xs-sm {
        font-size: 15px;
        line-height: 32px;
    }

    .business-title-province.other-xs-base {
        font-size: 16px;
        line-height: 32px;
    }

    .business-title-province.other-xs-lg {
        font-size: 18px;
        line-height: 32px;
    }
}

#presentation
    #presentation_year
    .presentation_year_container
    .presentation_year_content
    .download_text.other-xs-sm {
    font-size: 14px;
    line-height: 14px;
}

#presentation
    #presentation_year
    .presentation_year_container
    .presentation_year_content
    .download_text.other-xs-base {
    font-size: 14px;
    line-height: 14px;
}

#presentation
    #presentation_year
    .presentation_year_container
    .presentation_year_content
    .download_text.other-xs-lg {
    font-size: 14px;
    line-height: 14px;
}

@media (min-width: 1280px) {
    #presentation
        #presentation_year
        .presentation_year_container
        .presentation_year_content
        .download_text.other-xs-sm {
        font-size: 15px;
        line-height: 16px;
    }

    #presentation
        #presentation_year
        .presentation_year_container
        .presentation_year_content
        .download_text.other-xs-base {
        font-size: 16px;
        line-height: 16px;
    }

    #presentation
        #presentation_year
        .presentation_year_container
        .presentation_year_content
        .download_text.other-xs-lg {
        font-size: 18px;
        line-height: 16px;
    }
}

#reports_container .btn-outline.other-xs-sm {
    font-size: 14px;
    line-height: 16px;
}

#reports_container .btn-outline.other-xs-base {
    font-size: 14px;
    line-height: 16px;
}

#reports_container .btn-outline.other-xs-lg {
    font-size: 14px;
    line-height: 16px;
}

@media (min-width: 1280px) {
    #reports_container .btn-outline.other-xs-sm {
        font-size: 15px;
        line-height: 24px;
    }

    #reports_container .btn-outline.other-xs-base {
        font-size: 16px;
        line-height: 24px;
    }

    #reports_container .btn-outline.other-xs-lg {
        font-size: 18px;
        line-height: 24px;
    }
}

.riskManagement-contentBlockContent.other-xs-sm {
    font-size: 14px;
    line-height: 20px;
}

.riskManagement-contentBlockContent.other-xs-base {
    font-size: 14px;
    line-height: 20px;
}

.riskManagement-contentBlockContent.other-xs-lg {
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 1280px) {
    .riskManagement-contentBlockContent.other-xs-sm {
        font-size: 15px;
        line-height: 28px;
    }

    .riskManagement-contentBlockContent.other-xs-base {
        font-size: 16px;
        line-height: 28px;
    }

    .riskManagement-contentBlockContent.other-xs-lg {
        font-size: 18px;
        line-height: 28px;
    }
}

/*xs special end*/

/*s*/
.other-s-sm {
    font-size: 14px;
    line-height: 18px;
}

.other-s-base {
    font-size: 14px;
    line-height: 18px;
}

.other-s-lg {
    font-size: 14px;
    line-height: 18px;
}

@media (min-width: 1280px) {
    .other-s-sm {
        font-size: 20px;
        line-height: 18px;
    }

    .other-s-base {
        font-size: 20px;
        line-height: 18px;
    }

    .other-s-lg {
        font-size: 20px;
        line-height: 18px;
    }
}

/*s special start*/

/*form cg a*/
@media (min-width: 1280px) {
    .cg-lineheight .other-s-sm {
        font-size: 20px;
        line-height: 26px;
    }

    .cg-lineheight .other-s-base {
        font-size: 20px;
        line-height: 26px;
    }

    .cg-lineheight .other-s-lg {
        font-size: 20px;
        line-height: 26px;
    }
}

/*s special end*/

/*l*/
.other-l-sm {
    font-size: 26px;
    line-height: 40px;
}

.other-l-base {
    font-size: 26px;
    line-height: 40px;
}

.other-l-lg {
    font-size: 26px;
    line-height: 40px;
}

@media (min-width: 1280px) {
    .other-l-sm {
        font-size: 26px;
        line-height: 40px;
    }

    .other-l-base {
        font-size: 26px;
        line-height: 40px;
    }

    .other-l-lg {
        font-size: 26px;
        line-height: 40px;
    }
}

/*l special start*/
#corporateGovernanceNav .other-l-sm {
    font-size: 22px;
    line-height: 28px;
}

#corporateGovernanceNav .other-l-base {
    font-size: 22px;
    line-height: 28px;
}

#corporateGovernanceNav .other-l-lg {
    font-size: 22px;
    line-height: 28px;
}

@media (min-width: 1280px) {
    #corporateGovernanceNav .other-l-sm {
        font-size: 26px;
        line-height: 28px;
    }

    #corporateGovernanceNav .other-l-base {
        font-size: 26px;
        line-height: 28px;
    }

    #corporateGovernanceNav .other-l-lg {
        font-size: 26px;
        line-height: 28px;
    }
}

#corporateGovernanceNav .investorworkFontSize.other-l-sm {
    font-size: 18px;
    line-height: 24px;
}

#corporateGovernanceNav .investorworkFontSize.other-l-base {
    font-size: 18px;
    line-height: 24px;
}

#corporateGovernanceNav .investorworkFontSize.other-l-lg {
    font-size: 18px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    #corporateGovernanceNav .investorworkFontSize.other-l-sm {
        font-size: 26px;
        line-height: 28px;
    }

    #corporateGovernanceNav .investorworkFontSize.other-l-base {
        font-size: 26px;
        line-height: 28px;
    }

    #corporateGovernanceNav .investorworkFontSize.other-l-lg {
        font-size: 26px;
        line-height: 28px;
    }
}

.ImageLink_TitleFont.other-l-sm {
    font-size: 22px !important;
    line-height: 30px;
}

.ImageLink_TitleFont.other-l-base {
    font-size: 22px !important;
    line-height: 30px;
}

.ImageLink_TitleFont.other-l-lg {
    font-size: 22px !important;
    line-height: 30px;
}

@media (min-width: 1280px) {
    .ImageLink_TitleFont.other-l-sm {
        font-size: 26px !important;
        line-height: 40px;
    }

    .ImageLink_TitleFont.other-l-base {
        font-size: 26px !important;
        line-height: 40px;
    }

    .ImageLink_TitleFont.other-l-lg {
        font-size: 26px !important;
        line-height: 40px;
    }
}

.anchor-richtext.other-l-sm {
    font-size: 22px;
    line-height: 40px;
}

.anchor-richtext.other-l-base {
    font-size: 22px;
    line-height: 40px;
}

.anchor-richtext.other-l-lg {
    font-size: 22px;
    line-height: 40px;
}

@media (min-width: 1280px) {
    .anchor-richtext.other-l-sm {
        font-size: 26px;
        line-height: 40px;
    }

    .anchor-richtext.other-l-base {
        font-size: 26px;
        line-height: 40px;
    }

    .anchor-richtext.other-l-lg {
        font-size: 26px;
        line-height: 40px;
    }
}

/*l special end*/

/*xl*/
.other-xl-sm {
    font-size: 34px;
    line-height: 34px;
}

.other-xl-base {
    font-size: 34px;
    line-height: 34px;
}

.other-xl-lg {
    font-size: 34px;
    line-height: 34px;
}

@media (min-width: 1280px) {
    .other-xl-sm {
        font-size: 34px;
        line-height: 34px;
    }

    .other-xl-base {
        font-size: 34px;
        line-height: 34px;
    }

    .other-xl-lg {
        font-size: 34px;
        line-height: 34px;
    }
}

.aboutNws-list-font.other-xl-sm {
    font-size: 22px !important;
    line-height: 34px;
}

.aboutNws-list-font.other-xl-base {
    font-size: 22px !important;
    line-height: 34px;
}

.aboutNws-list-font.other-xl-lg {
    font-size: 22px !important;
    line-height: 34px;
}

@media (min-width: 1280px) {
    .aboutNws-list-font.other-xl-sm {
        font-size: 34px !important;
        line-height: 34px;
    }

    .aboutNws-list-font.other-xl-base {
        font-size: 34px !important;
        line-height: 34px;
    }

    .aboutNws-list-font.other-xl-lg {
        font-size: 34px !important;
        line-height: 34px;
    }
}

/*xl special*/

/*xxl*/
.other-xxl-sm {
    font-size: 38px;
    line-height: 38px;
}

.other-xxl-base {
    font-size: 38px;
    line-height: 38px;
}

.other-xxl-lg {
    font-size: 38px;
    line-height: 38px;
}

@media (min-width: 1280px) {
    .other-xxl-sm {
        font-size: 38px;
        line-height: 38px;
    }

    .other-xxl-base {
        font-size: 38px;
        line-height: 38px;
    }

    .other-xxl-lg {
        font-size: 38px;
        line-height: 38px;
    }
}

/*xxl special start*/
.titleBoard .other-xxl-sm {
    font-size: 28px;
    line-height: 38px;
}

.titleBoard .other-xxl-base {
    font-size: 28px;
    line-height: 38px;
}

.titleBoard .other-xxl-lg {
    font-size: 28px;
    line-height: 38px;
}

@media (min-width: 1280px) {
    .titleBoard .other-xxl-sm {
        font-size: 38px;
        line-height: 38px;
    }

    .titleBoard .other-xxl-base {
        font-size: 38px;
        line-height: 38px;
    }

    .titleBoard .other-xxl-lg {
        font-size: 38px;
        line-height: 38px;
    }
}

/*xxl special end*/

/*32x*/

/*32x special start*/
.business-title_content.other-32x-sm {
    font-size: 22px;
    line-height: 40px;
}

.business-title_content.other-32x-base {
    font-size: 22px;
    line-height: 40px;
}

.business-title_content.other-32x-lg {
    font-size: 22px;
    line-height: 40px;
}

@media (min-width: 1280px) {
    .business-title_content.other-32x-sm {
        font-size: 32px;
        line-height: 40px;
    }

    .business-title_content.other-32x-base {
        font-size: 32px;
        line-height: 40px;
    }

    .business-title_content.other-32x-lg {
        font-size: 32px;
        line-height: 40px;
    }
}

/*32x special end*/

/*20x*/

/*20x special start*/
.financialreport-link.other-20x-sm {
    font-size: 16px;
    line-height: 24px;
}

.financialreport-link.other-20x-base {
    font-size: 16px;
    line-height: 24px;
}

.financialreport-link.other-20x-lg {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 1280px) {
    .financialreport-link.other-20x-sm {
        font-size: 20px;
        line-height: 28px;
    }

    .financialreport-link.other-20x-base {
        font-size: 20px;
        line-height: 28px;
    }

    .financialreport-link.other-20x-lg {
        font-size: 20px;
        line-height: 28px;
    }
}

/*20x special end*/
/********************font size********************/

/********************color********************/
.text-mainBlue {
    color: var(--primary-theme-color);
}

.text-black {
    color: #222222;
}

.text-gray {
    color: #444444;
}

.text-light {
    color: #666666;
}

.text-white {
    color: #ffffff;
}

/********************color********************/

/********************button********************/
.btn-padding {
    padding: 8px 16px 8px 16px;
}

/********************button********************/

/********************font style********************/
.font-semibold {
    font-weight: 600;
}

/********************font style********************/

/*padding*/

.nav-tabs-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/*swiper pagination*/
@media (max-width: 1280px) {
    .paginate.btn-prev {
        top: 1rem;
        left: 0px;
        height: 1.25rem;
        width: 1.25rem;
        background-color: rgb(0, 0, 0, 0);
        padding-left: 0px;
        padding-right: 0px;
    }

    .paginate.btn-next {
        top: 1rem;
        right: 0px;
        height: 1.25rem;
        width: 1.25rem;
        background-color: rgb(0, 0, 0, 0);
        padding-left: 0px;
        padding-right: 0px;
    }
}

/*mobile line height*/
@media (max-width: 1280px) {
    .leading-m-26x {
        line-height: 26px;
    }
}

/* @media (min-height: 600px) and (min-width: 768px) {
    .home-banner {
        padding-bottom: 30vh;
    }
} */

.home-background-banner {
    position: relative;
}

.home-background-banner .home-banner.banner-layout {
    position: absolute;
    padding-bottom: 0px;
}

.home-background-banner .home-banner.banner-layout {
    top: 20%;
}
@media screen and (max-width: 641px) {
    .home-background-banner .home-banner.banner-layout {
        top: 26%;
    }
}

@media (max-height: 600px) {
    .home-banner {
        margin-top: 65px;
        margin-bottom: auto;
    }
}

@media (max-width: 767px) {
    .home-banner {
        font-size: 17px;
        line-height: 25px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }
}

@media (min-width: 1280px) {
    #header #subMenuContent {
        display: grid;
    }
}

@media screen and (max-width: 1279px) {
    #header #categoryList {
        display: none;
    }

    #header #hamburgerOpenBtn {
        display: flex;
    }
}

@media screen and (min-width: 1280px) {
    #header #hamburgerCloseBtn {
        display: none;
    }
}

#header * {
    font-weight: 500;
}

/* added in 06.08.2024 */

#categoryList {
    @media screen and (min-width: 1280px) {
        gap: 2.5rem;
    }

    @media screen and (max-width: 1441px) {
        font-size: 0.875rem !important;
    }
}

.headerOverlaysBody #header {
    #categoryList a::after {
        display: block;
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10" fill="none"><path d="M10.623 9.764l9.14-8.486A.717.717 0 0020 .752a.717.717 0 00-.238-.525l-.01-.009a.8.8 0 00-.262-.161.881.881 0 00-.624 0 .8.8 0 00-.262.161L9.998 8.209 1.396.218a.8.8 0 00-.262-.161.881.881 0 00-.624 0 .8.8 0 00-.262.161l-.01.01A.717.717 0 000 .751c0 .196.085.384.238.526l9.139 8.486a.87.87 0 00.284.174.958.958 0 00.678 0c.107-.04.204-.1.284-.174z" fill="%23222"/></svg>');
        border: 0;

        position: absolute;
        right: -16px;
        top: 2px;
        transform: translateX(-50%) scale(0.65);
    }
}

.headerOverlaysBody.isScrolledTop #header {
    #categoryList a::after {
        display: block;
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10" fill="none"><path d="M10.623 9.764l9.14-8.486A.717.717 0 0020 .752a.717.717 0 00-.238-.525l-.01-.009a.8.8 0 00-.262-.161.881.881 0 00-.624 0 .8.8 0 00-.262.161L9.998 8.209 1.396.218a.8.8 0 00-.262-.161.881.881 0 00-.624 0 .8.8 0 00-.262.161l-.01.01A.717.717 0 000 .751c0 .196.085.384.238.526l9.139 8.486a.87.87 0 00.284.174.958.958 0 00.678 0c.107-.04.204-.1.284-.174z" fill="%23222"/></svg>');
        border: 0;

        position: absolute;
        right: -25px;
        top: 2px;
        transform: translateX(-50%) scale(0.65);
    }
}

/* 07-08-2024 */
.headerOverlaysBody.isScrolledTop #header {
    #categoryList a::after {
        display: block;
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10" fill="none"><path d="M10.623 9.764l9.14-8.486A.717.717 0 0020 .752a.717.717 0 00-.238-.525l-.01-.009a.8.8 0 00-.262-.161.881.881 0 00-.624 0 .8.8 0 00-.262.161L9.998 8.209 1.396.218a.8.8 0 00-.262-.161.881.881 0 00-.624 0 .8.8 0 00-.262.161l-.01.01A.717.717 0 000 .751c0 .196.085.384.238.526l9.139 8.486a.87.87 0 00.284.174.958.958 0 00.678 0c.107-.04.204-.1.284-.174z" fill="%23222"/></svg>');
        border: 0;

        position: absolute;
        right: -25px;
        top: 2px;
        transform: translateX(-50%) scale(0.65);
    }
}
.headerOverlaysBody.isScrolledTop #header {
    #categoryList a:hover::after {
        /* border-left: 2px solid var(--primary-theme-color);
        border-bottom: 2px solid transparent;
        border-top: 2px solid var(--primary-theme-color); */
    }
}
#categoryList {
    @media screen and (min-width: 1440px) {
        gap: 2.5rem;
    }

    @media screen and (max-width: 1439px) {
        gap: 2rem;
    }

    @media screen and (max-width: 1290px) {
        gap: 1.5rem;
    }
}

div#headerContainer #header #logo,
div#headerContainer #header #logo-color {
    min-width: 100px;
}

#header {
    #categoryList a::after {
        display: block;
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10" fill="none"><path d="M10.623 9.764l9.14-8.486A.717.717 0 0020 .752a.717.717 0 00-.238-.525l-.01-.009a.8.8 0 00-.262-.161.881.881 0 00-.624 0 .8.8 0 00-.262.161L9.998 8.209 1.396.218a.8.8 0 00-.262-.161.881.881 0 00-.624 0 .8.8 0 00-.262.161l-.01.01A.717.717 0 000 .751c0 .196.085.384.238.526l9.139 8.486a.87.87 0 00.284.174.958.958 0 00.678 0c.107-.04.204-.1.284-.174z" fill="%23222"/></svg>');
        border: 0;

        position: absolute;
        right: -32px;
        top: 2px;
        transform: translateX(-50%) scale(0.65);
        width: 10px;
        height: 10px;
        right: -16px !important;
    }
}

/* 15/08/2024 */
#header {
    .container-fix {
        @media screen and (min-width: 1600px) {
            padding-left: 5.7rem;
            padding-right: 5.7rem;
        }
        @media screen and (min-width: 1280px) {
            padding-left: 4rem;
            padding-right: 4rem;
        }
    }
}

#header .lang-menu {
    padding: 10px 0;
}

#header #languageDropdownText {
    margin-right: 5px;
}

#header #languageDropdown {
    padding-inline: 20px;
}

#header #languageDropdown > div:not(:last-child) {
    margin-bottom: 6px;
}

.footerleadshiptop a {
    line-height: 150% !important;
}

/* 9/9/2024 */
div#headerContainer #header {
    padding-bottom: 0 !important;
}
a.header-menu-item {
    display: block;
    padding-bottom: 2.5rem;
}
a.header-menu-item.menu-active:before,
a.header-menu-item.active:before {
    display: block;
    content: "";
    width: 100%;
    height: 0.25rem;
    background-color: #fc5000;
    position: absolute;
    left: 0;
    top: 65%;
}
.header-menu-item-content.active:before {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: -20px;
    left: 15%;
    background-color: rgba(24, 49, 96, 0.1);
}
.header-menu-item-content.active:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: -20px;
    width: 90%;
    left: 8%;
    margin: 0 auto;
    background-color: rgba(24, 49, 96, 0.1);
}
.header-menu-item-content.active {
    position: fixed;
    left: 0;
    width: 100%;
    display: block;
    background-color: white;
    color: #000;
    left: 0;
    padding-left: 540px;
    padding-top: 0rem;
    padding-bottom: 2.5rem;
}

@media screen and (min-width: 1280px) {
    .detail-text span,
    .detail-text p,
    .detail-text li {
        font-size: 1rem !important;
        line-height: 2rem;
    }
}
.detail-text span,
.detail-text p,
.detail-text li {
    line-height: 1.25rem;
}

.business-toggle {
    cursor: pointer;
}

@media screen and (min-width: 1280px) {
    .detail-text span,
    .detail-text p,
    .detail-text li {
        font-size: 1rem !important;
        line-height: 2rem;
    }
}
.detail-text span,
.detail-text p,
.detail-text li {
    line-height: 1.25rem;
}

.detail-text ul {
    list-style: disc !important;
    padding-left: 1.5rem;
}
.footerleadshiptop {
    background-color: #cdd1d5;
    color: #222;
}
.bg-mainBlue.footerleadshiptop {
    background-color: #cdd1d5;
    color: #222;
}

/* 28/11/2024 */
.footer-contents-container {
    align-items: center;
    color: #222;
    background-color: #cdd1d5;
}

@media screen and (max-width: 1279px) {
    div#headerContainer #header {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    div#headerContainer #header #logo,
    div#headerContainer #header #logo-color {
        max-width: 100px !important;
    }
}
.bg-mainBlue.footerleadshiptop .footer-contents-container,
.bg-mainBlue.footerleadshiptop .bg-mainBlue,
.bg-mainBlue.footerleadshiptop {
    background-color: #f0f2f4;
    color: #222;
}
#categoryList a {
    color: #222;
}

.headerOverlaysBody.isScrolledTop #header div#headerSeparator,
#header .lang-menu,
#zoomOut,
#zoomIn {
    color: #222;
}

@media screen and (max-height: 1281px) {
    .headerOverlaysBody.isScrolledTop #header {
        #categoryList a::after {
            right: -16px;
        }
    }
}
#hamburgerCloseBtn {
    [class*="ci-"] {
        background: #fff !important;
    }
}
#mobileMenu .header-layout {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.corporateReportButton:hover {
    background-color: #fc5000 !important;
}

.home-background-banner {
    max-width: 78.23%;
    min-height: 969px;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    background-size: 112%;
    background-repeat: no-repeat;
    background-position: right;
}
.home-background-banner .home-banner.banner-layout {
    padding-left: 0;
    padding-right: 0;
    color: #005286;
}
.home-background-banner .home-banner.banner-layout .w-20.h-2.bg-white.mt-2 {
    background-color: #ea5207;
}
@media screen and (max-width: 1281px) {
    .home-background-banner {
        min-height: 800px;
    }
}
@media screen and (max-width: 1025px) {
    .home-background-banner {
        max-width: 90%;
        min-height: 600px;
    }
}
@media screen and (max-width: 641px) {
    .home-background-banner {
        min-height: 300px;
    }
}
/*for event target a tag*/

.content-layout .btn-outline_arrowRight:focus-visible,
.content-layout .btn-outline_arrowRight:focus-within,
.content-layout .btn-outline_arrowRight:target,
.content-layout .btn-outline_arrowLeft:focus-visible,
.content-layout .btn-outline_arrowLeft:focus-within,
.content-layout .btn-outline_arrowLeft:target,
.carousel-control-next:focus-visible,
.carousel-control-next:focus-within,
.carousel-control-next:target {
    span {
        border: 2px solid #0000ee;
    }
}
.redirect-link-box-dotwrapper,
.investorWorld-financialReportDotWrapper {
    border-color: transparent !important;
}
.investor-world-playpause-btn img,
.latest-news-playpause-btn img,
.announcements-playpause-btn img,
.grouplink-playpause-btn img,
.meth-playpause-btn img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(87%) saturate(7485%)
        hue-rotate(86deg) brightness(100%) contrast(97%);
}
.investor-world-playpause-btn,
.latest-news-playpause-btn,
.announcements-playpause-btn,
.grouplink-playpause-btn,
.meth-playpause-btn {
    display: flex;
    justify-content: center;
}

.aboutus-swiper .swiper-slider img {
    max-width: 100% !important;
}

.custom-pagination-container .btn-outline_arrowLeft {
    background-color: transparent;
    mask: unset;
}

#promotingWellbeing .thrivingPeople-sectionContent {
    padding-left: 0 !important;
}

.custom-modal-close-icon {
    top: 40px;
    right: 40px;
}

/* #header #categoryList a.no-submenu-item::before, */
#header #categoryList a.no-submenu-item::after {
    display: none !important;
}

.filter.Executive-Directors,
.senior-management {
    cursor: pointer;
    text-align: left;
}

.leading-normal {
    line-height: normal !important;
}
#landing h2 {
    display: flex;
}
#landing h2 span:first-child {
    margin-right: 4px;
}

.aboutus-swiper .swiper-slide img{
    max-width: 100% !important;

    margin-left:auto;

    margin-right:auto;
}

.Opportunities-inputRow .selectbox ul {
    top: 60px;
}
.Opportunities-inputRow .selectbox li input[type="checkbox"] {
    accent-color: #183160;
}
.Opportunities-inputRow .selectbox ul li {
    padding: 2px 10px;
}

#carouselCaptions .carousel-control-next-icon,
#carouselCaptions .carousel-control-prev-icon {
    background-color: white;
}
.custom-download-color {
    color: rgba(34, 34, 34, 0.8);
}
.fadeInRight,
.fadeInLeft,
.fadeIn,
.fadeInTop,
.fadeInBottom {
    visibility: visible !important;
}
.carousel-indicators {
    display: flex;
    align-items: center;
}
.our-business-bottom-nav .custom-slide-pagination {
    width: auto;
    display: flex;
    align-items: center;
}
.business-slider {
    position: relative;
}

.our-business-bottom-nav {
    position: absolute;
    bottom: 16px !important;
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    justify-content: center;
    width: auto;
    max-width: 85%;
    background: rgba(0, 0, 0, 0.5);
    padding-left: 20px;
    padding-right: 20px;
}
.custom-slide-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
.custom-slide-pagination .swiper-pagination-bullet {
    opacity: 0.6;
    height: 5px;
    width: 80px;
    margin: 0 10px !important;
    background-color: #fff;
    border-radius: 0;
}

.business-slider .swiper-button-prev {
    width: 48px;
    height: 48px;
    background-image: url(https://www.ctfs.com.hk/images/hero_banner_arrow-left.svg);
    color: transparent;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.business-slider .swiper-button-next {
    width: 48px;
    height: 48px;
    background-image: url(https://www.ctfs.com.hk/images/hero_banner_arrow-right.png);
    color: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 999px) {
    .custom-slide-pagination .swiper-pagination-bullet {
        width: 20px;
    }
    .inner-content-container .swiper_modal_body {
        padding: 20px;
    }
}

#businessDetail .popup-swiper {
    height: auto !important;
}
.modal.show .modal-dialog,
#leadership .modal.show .modal-dialog {
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.modal.show .modal-dialog .modal-content,
#leadership .modal.show .modal-dialog .modal-content {
    padding-top: 3.5rem !important;
}

@media screen and (max-width: 1023px) {
    .modal.show .modal-dialog .modal-content,
    #leadership .modal.show .modal-dialog .modal-content {
        padding-top: 1rem;
    }
}

#boardCommittees .tab-content img,
.Executive-Directors img,
.senior-management img {
    aspect-ratio: 160 / 217;
    max-width: 160px;
    object-fit: contain;
    height: auto;
}
#boardCommittees .tab-content .mt-auto,
.Executive-Directors .mt-auto,
.senior-management .mt-auto {
    margin-top: 0;
}
@media screen and (max-width: 999px) {
    #boardCommittees .tab-content img,
    .Executive-Directors img,
    .senior-management img {
        max-width: 100px;
    }
}

.senior-management span.custom-list-style {
    display: block;
}

.business-modal {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: none;
    width: 100%;
}

.business-modal.active {
    display: block;
}
.custom-multiselect-icon{
    position: absolute;
    right:12px;
    top: 50%;
    transform: translateY(-50%);
}
.custom-pagination-container .text-\[\#44444480\]{

    color:#232323;
}
.header-banner-layout .breadcrumbs{
    color:rgba(34, 34, 34, 0.8) !important;
}

.tab-pane .slick-slider{
    -webkit-user-select:auto !important;
    user-select:auto !important;
}

.home-tabs-slider#tabs-tabContent .fade:not(.show) {
    max-height: 0 !important;
    display: block !important;
}

.home-tabs-slider#tabs-tabContent .fade {
    max-height: max-content !important;
    display: block !important;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.documents-on-display .swiper-wrapper {
  justify-content: center;
}


.ourApproach-sectionContent * {
  line-height: normal;
}
.ourApproach-sectionContent p {
  line-height: 150%;
}

.ourApproach-sectionContent h2{
  font-size: 38px !important;
}
@media screen and (max-width:1025px) {
  .ourApproach-sectionContent h2{
    font-size: 20px !important;
  }
}

.container-footer {
        @media screen and (min-width: 1600px) {
            padding-left: 5.7rem;
            padding-right: 5.7rem;
        }
        @media screen and (min-width: 1280px) {
            padding-left: 4rem;
            padding-right: 4rem;
        }
}