.text-dark-blue {
    color: #013957;
}
.bg-dark-blue {
    background-color: #013957;
}
.section-desc {
    font-size: 18px; line-height: 25px;
}


#schoolPageBanner .bannerDesc {
    width: 534px;
    font-size: 20px;
    line-height: 23px;
    top: 183px;
    left: 513px;
}
#pageBanner .bannerDesc .btn {font-size: 20px; text-transform: uppercase;color: #333333;}
#pageBanner .bannerDesc .openingCourse {
    width: 468px;height:23px;color:#FFEC1F;font-weight:700;font-size:18px;background: url("../images/program-banner-bullets.png") no-repeat center;background-size: 468px;}
#pageBanner .bannerDesc .openingCourse span {font-size: 23px;}
#navigations .navigator {position: relative; padding-bottom: 1.5rem;display: block; width: 100%; height: 100%;}
#navigations .navigator:after {
    content: "";
    position: absolute; left: calc(50% - 25px); bottom: 0;
    width: 50px; height: 1px; border-bottom: solid 6px #013957;
    transition: all 0.25s ease-in-out;
}

#navigations .navigator:hover:after {
    width: 100px; left: calc(50% - 50px);
}

#globalPartners {
    background-image: url('../images/glp-global-partners-bg.jpg');
    height: fit-content;
}
#globalPartners .globalPartnerList {height: 306px;}
#globalPartners .globalPartner {width: 269px; height: 100%;border-radius: 10px;background-color: #fff;}
#globalPartners .globalPartner .head {height: 173px;}
#globalPartners .globalPartner .bottom {
    height: 133px;background-color: #EEF3F6;border-radius: 10px;
}
#globalPartners .globalPartner .bottom p {
    font-size: 18px; line-height: 23px; text-align: center!important;
}
#targetAndAttendee .target,
#targetAndAttendee .attendee {height: 476px;}
#targetAndAttendee .attendee .info,
#targetAndAttendee .target .info {max-width: 492px; height: 476px;background: url('../images/program-target-bg.png') no-repeat; background-size: 100% 100%;}
#targetAndAttendee .target .info {top:0;right:0;}
#targetAndAttendee .attendee .info {top:0;left:0;}
#targetAndAttendee h5 {
    color: #013957; font-size: 24px; line-height: 31px;
}
#targetAndAttendee p {
    font-size: 16px; line-height: 20.8px; padding-left: 2rem; position: relative;
}
#targetAndAttendee p .bullet {
    display: block; width: 10px; height: 16px; background-image: url("../images/bullet-arrow-right.png");
    background-repeat: no-repeat; background-position: center;
    position: absolute; top: 2px; left: 4px; background-size: 10px;
}

#outstandingFeatures {
    background-image: url('../images/reinvent-highlight-program-bg.jpg');
}
#outstandingFeatures .info {width: calc(100% - 472px);}
#outstandingFeatures .info .feature h6 {font-size: 22px;}
#outstandingFeatures .info .feature {padding-left: 2.5rem; position: relative;color: #034786;}
#outstandingFeatures .info .feature .bullet {
    position: absolute; display: block; left: 0;
    width: 27px; height: 27px;
    background-image: url("../images/arrow-with-yellow-bg.png");
    background-repeat: no-repeat;
    background-size: 27px;
}
#outstandingFeatures .feature p {font-size: 16px;line-height: 20px;}
#outstandingFeatures .photo {width: 472px;}

#trainingChannels {}
#trainingChannels .channel {}
#trainingChannels .channel .desc {width: calc(100% - 672px);}
#trainingChannels .channel .desc h5 {font-size: 37px; line-height: 45px;color: #013957;}
#trainingChannels .channel .desc p {font-size: 18px; line-height: 23px;color: #6A6D71;}
#trainingChannels .channel .photo {width: 672px;}

#nextgenModel .nextgenModelBackground {background-color: #00336460;border-radius: 10px;}
#nextgenModel .roundedTitleComponent {
    max-width: 870px;width: 100%;color: #00AEEF; box-sizing: border-box;border: solid 3px #fff!important;
    font-size: 26px;
}
#nextgenModel .pillComponent {
    cursor: pointer;
    position: absolute; width: 240px; height: 85px; border-radius: 85px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    font-size: 24px;line-height: 31px; text-align: center; color: #00AEEF; font-weight: 700;
    background: #fff; box-sizing: border-box;
}
#nextgenModel .pillComponent span {font-size: 18px;line-height:23px;color: #333;font-style: italic;font-weight: 400;}
#nextgenModel .roundedTitleComponent:hover,
#nextgenModel .pillComponent:hover {color: #fff;background: #F28922!important;border: solid 3px #FFDF0B!important;}
#nextgenModel .pillComponent:hover span {color: #fff;}
#nextgenModel .bottomDesc {font-size: 18px; line-height: 23px;}

.bg-pace-orange {
    background-color: #FF8C01;
}
.bg-pace-light-orange {
    background-color: #FEBF00;
}

#brochureDownload a {height: 67px;font-size: 32px;}

#scheduleAndRegister .desc {font-size: 20px; line-height: 24px;}
#scheduleAndRegister .schedule {background-color: #027DB3;}
#scheduleAndRegister .schedule a {color: #FFEC1F; font-size: 18px; line-height: 21px;}

.pillComponent {}
.pillComponent.top {top: 0; left: 315px;}
.pillComponent.left {top: 166px; left: 0px;}
.pillComponent.center {top: 165px; left: 315px;}
.pillComponent.right {top: 166px; right: 0px;}
.pillComponent.bottom {bottom: 0; left: 315px;}
.pillComponent.left,
.pillComponent.center,
.pillComponent.right {
    top: 166px;
}
.model-second .pillComponent.left,
.model-second .pillComponent.center,
.model-second .pillComponent.right {
    top: 47px!important;
}

#highlightCourses {height: fit-content;}
.highlightBox {
    border: solid 1px #A1E6FF; background-color: #fff; color: #0062A0;
}
.web-training-program-show #scheduleAndRegister {
    top: 65%;left:36%; width: 517px;
}

.offcanvas .body {display: none;}
.offcanvas .bannerDesc {font-size: 12px; line-height: 1.2;width:621px;top: 170px;left: 437px;}
.offcanvas .bannerDesc .openingCourse {
    font-weight: 700;font-size: 14px; color: #FFEC1F; background-color: #025DAC; padding: 4px 14px;
    width: fit-content!important;
}
.offcanvas .bannerDesc .btn {font-size: 15px;}
.offcanvas .highlightBox {font-size: 27px; line-height: 32px;background-color: #F5FCFF;}
.offcanvas .text-highlight {color: #005E90;}
.offcanvas p {font-size: 14px; line-height: 21.6px!important;}
.offcanvas h5 {font-size: 18px;}
.offcanvas .info .subTitle {font-size: 24px;}
.offcanvas .info .subTitleDesc {font-size: 21px;}
.offcanvas .accordion .accordion-item {
    border-radius: 0!important;
    border: solid #000 !important;
    border-width: 1px 0 0 0 !important;
}
.offcanvas .accordion .accordion-item .accordion-button {
    font-weight: 700; font-size: 18px; color: #333 !important;
}
.offcanvas .accordion .accordion-item .accordion-button::after {
    background-image: url('../images/arrow-down-with-circle.png') !important; background-size: 20px;
    transform: rotate(0deg) !important;
}
.offcanvas .accordion .accordion-item .accordion-button.collapsed::after {
    transform: rotate(-180deg) !important;
}

#entrepreneurship .entrepreneurship-item,
#miniMBA .mba-item {
    width: fit-content;
    border: solid 1px #A1E6FF;
    background-color: #f5fcff;
    border-radius: 10px;
}
#entrepreneurship .entrepreneurship-item .title,
#miniMBA .mba-item .title {font-size: 18px;}
#entrepreneurship .entrepreneurship-item .desc,
#miniMBA .mba-item .desc {font-size: 15px;}
#miniMBA .mba-item.first-line {width: 330px; text-align: center;}
#entrepreneurship .entrepreneurship-item {width: 25%!important;text-align: center;}
#entrepreneurship .entrepreneurship-item .icon-download {width: 16px; height: 16px;}


#educationExperience .component h5 {font-size: 38px; line-height: 45px;font-weight: 700;}
#educationExperience .component p,
#educationExperience .component ul {font-size: 18px; line-height: 23px; color: #6A6D71;}
#educationExperience .component .photo {width: 672px;}
#educationExperience .component .info {width: calc(100% - 672px);}
#educationExperience .highlightBox {font-size: 18px; line-height: 23px;}

.web-training-program-show #scheduleAndRegister {
    top: 67%!important;
    left: 39%!important;
}

.books .book {width: 346px;}
.books .book:hover {box-shadow: 0px 2px 40px rgba(17, 39, 64, 0.2);}
.books .book img {height: 198px;}
.books .book h6 {line-height: 22px;}
.books .book p {line-height: 19px;}

#trainingMethod .brochureBlueBg {
    background: rgb(0,94,144); padding: 13px 13px 40px 13px;
    background: linear-gradient(180deg, #005E90 2.71%, #003157 81.56%, #005382 98.2%);
}
#trainingMethod .brochure p {font-size: 18px; line-height: 27px;}
#trainingMethod .brochure .h1 {font-size: 44px; line-height: 52px; color: #005E90;}
#trainingMethod .info p {
    font-size: 18px; line-height: 27px;color: #333;padding-left: 2.5rem;
}
#trainingMethod p.hasBullet {position: relative;padding-left: 2.5rem;}
#trainingMethod .brochure p.hasBullet {position: relative;padding-left: 2rem;}
#trainingMethod p.hasBullet .bullet {
    display: block; width: 19px; height: 19px; background-image: url("../images/arrow-with-yellow-bg.png");
    background-repeat: no-repeat; background-position: center;
    position: absolute; top: 4px; left: 4px; background-size: 19px;
}
#trainingMethod .brochure hr {
    width: 84%;height: 2px;background: #FFD200;opacity: 1;
}

#registerFormHeader.registerFormHeader {
    background: linear-gradient(90deg, #01396D 0%, #1F5E99 100%);border-bottom: solid 4px #FFD200;
}

#registerFormHeader p {font-size: 21px; line-height: 23px;}
#registerFormHeader p.mainTitle {font-size: 46px;line-height: 50px;}


/* `xsm` applies to small devices (portrait phones, less than 321px) */
@media (max-width: 319.98px) {

}

/* `sm` applies to small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #globalPartners .globalPartnerList {height: fit-content;}
    #globalPartners .globalPartnerList .globalPartner {width: 100%!important;}

    #globalPartners .globalPartner .head {height: fit-content;}

    #targetAndAttendee img {display: none !important;}
    #targetAndAttendee .target,
    #targetAndAttendee .attendee {height: auto !important;}
    #targetAndAttendee .attendee .info,
    #targetAndAttendee .target .info {max-width: none; height: auto; position: relative!important;}

    #outstandingFeatures .info,
    #outstandingFeatures .photo {width: 100%;}

    #trainingChannels .channel .desc {width: 100%!important;}
    #trainingChannels .channel .desc h5 {
        font-size: calc(30px + 5 * ((100vw - 320px) / 255));
        line-height: calc(36px + 6 * ((100vw - 320px) / 255));
    }
    #trainingChannels .channel .photo {width: 100%!important;}

    #nextgenModel .roundedTitleComponent {
        font-size: calc(18px + 4 * ((100vw - 320px) / 255))!important;
    }
    #nextgenModel .pillComponent {
        width: calc(73px + 77 * ((100vw - 320px) / 255));
        height: calc(32px + 20 * ((100vw - 320px) / 255));
        font-size: calc(7px + 9 * ((100vw - 320px) / 255));
        line-height: calc(7px + 9 * ((100vw - 320px) / 255));
    }
    #nextgenModel .pillComponent span {
        font-size: calc(8px + 6 * ((100vw - 320px) / 255));
        line-height: calc(8px + 8 * ((100vw - 320px) / 255));
    }
    .pillComponent.top {top: 0; left: calc(50% - calc(36px + 42 * ((100vw - 320px) / 255)));}
    .pillComponent.left {top: calc(43px + 53 * ((100vw - 320px) / 255)); left: 0px;}
    .pillComponent.center {
        top: calc(43px + 53 * ((100vw - 320px) / 255));
        left: calc(50% - calc(36px + 42 * ((100vw - 320px) / 255)));}
    .pillComponent.right {top: calc(43px + 53 * ((100vw - 320px) / 255)); right: 0px;}
    .pillComponent.bottom {bottom: 0; left: calc(50% - calc(36px + 42 * ((100vw - 320px) / 255)));}

    #miniMBA .mba-item {width: 100%!important;}
    #entrepreneurship .entrepreneurship-item {width: 100%!important;}
    #entrepreneurship .entrepreneurship-item .title,
    #miniMBA .mba-item .title {font-size: calc(12px + 5 * ((100vw - 320px) / 255));}

    .model-second .pillComponent.left,
    .model-second .pillComponent.center,
    .model-second .pillComponent.right {
        top: calc(12px + 13 * ((100vw - 320px) / 255))!important;
    }

    #highlightCourses {height: fit-content;}

    .web-training-program-show #scheduleAndRegister {
        top: 68%!important;
        left:28% !important;
        width: fit-content!important;
    }
    .web-training-program-show #highlightCourses #scheduleAndRegister .btn {
        font-size: calc(6px + 6 * ((100vw - 320px) / 255)) !important;
    }

    #trainingMethod .brochure .h1 {
        font-size: calc(21px + 9 * ((100vw - 320px) / 255))!important;
    }

    #registerFormHeader p {
        font-size: calc(10px + 5 * ((100vw - 320px) / 255));
    }
    #registerFormHeader p.mainTitle {
        margin-top: 8px;
        font-size: 26px;
        line-height: 32px;
    }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .w-md-100 {width: 100% !important;}
    .w-md-50 {width: 50% !important;}
    #navBar.scrolling {height: 69px;}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .w-lg-100 {width: 100% !important;}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .w-xl-100 {width: 100% !important;}
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .w-xxl-100 {width: 100% !important;}
}
#schoolPageBanner .bannerDesc {
    width: 631px!important;
    font-size: 20px;
    line-height: 23px;
    top: 210px!important;
    left: 477px;
}
@media (max-width: 575.98px) {
#schoolPageBanner .bannerDesc {
    width: 100%!important;
    height: 100%!important;
    font-size: inherit!important;
    line-height: inherit!important;
    top: 0!important;
    left: 0!important;
    padding-bottom: 1rem!important;
    position: relative !important;
}
}