.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: .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;
}

@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: #183160;
}

.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;
    }
}

@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.isScrolledTop #header {
    #categoryList a::after {
        display: block;
        content: '';
        border-left: 2px solid #fff;
        border-bottom: 2px solid transparent;
        border-top: 2px solid #fff;
        width: 10px;
        height: 10px;
        transform: rotate(-135deg);
        position: absolute;
        right: -15px;
        top: 2px;
    }
}

/* 07-08-2024 */
.headerOverlaysBody.isScrolledTop #header {
    #categoryList a::after {
        display: block;
        content: '';
        border-left: 2px solid #fff;
        border-bottom: 2px solid transparent;
        border-top: 2px solid #fff;
        width: 10px;
        height: 10px;
        transform: rotate(-135deg);
        position: absolute;
        right: -25px;
        top: 8%;
        transform: translateX(-50%) rotate(-135deg);
    }
}
.headerOverlaysBody.isScrolledTop #header {
    #categoryList a:hover::after {
    border-left: 2px solid #183160;
        border-bottom: 2px solid transparent;
        border-top: 2px solid #183160;
    }
}
#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: '';
        border-left: 2px solid #000;
        border-bottom: 2px solid transparent;
        border-top: 2px solid #000;
        width: 10px;
        height: 10px;
        transform: rotate(-135deg);
        position: absolute;
        right: -25px;
        top: 8%;
        transform: translateX(-50%) rotate(-135deg);
    }
}

/* 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.active:before{
      display:block;
      content:'';
       width:100%;
      height:0.25rem;
      background-color:#183160;
      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;
  }