body.page-template-new-frontpage-php .h1,
body.page-template-new-frontpage-php h1,
body.page-template-new-frontpage-php .h2,
body.page-template-new-frontpage-php h2,
body.page-template-new-frontpage-php .h3,
body.page-template-new-frontpage-php h3,
body.page-template-new-frontpage-php .h4,
body.page-template-new-frontpage-php h4,
body.page-template-new-frontpage-php .h5,
body.page-template-new-frontpage-php h5,
body.page-template-new-frontpage-php .h6,
body.page-template-new-frontpage-php h6 {
    color: #143F84;
    font-weight: 400;
}

body.page-template-new-frontpage-php .container {
    max-width: 81rem;
}

body.page-template-new-frontpage-php p:last-child {
    margin-bottom: 0;
}

body.page-template-new-frontpage-php .component-space {
    margin: clamp(3.125rem, 2.0246rem + 4.6948vw, 6.25rem) 0;
}

body.page-template-new-frontpage-php .swiper-button-next,
body.page-template-new-frontpage-php .swiper-button-prev {
    --swiper-navigation-size: 3.125rem;
    --swiper-navigation-height: 5.625rem;
    --swiper-navigation-color: #1A2B3E;
    --swiper-navigation-sides-offset: 0;
    --swiper-background-color: #fff;
    top: 50%;
    margin-top: 0;
    height: var(--swiper-navigation-height);
    background-color: var(--swiper-background-color);
    transition: 0.35s ease 0s;
    transform: translateY(-50%);
}

body.page-template-new-frontpage-php .swiper-button-next:hover,
body.page-template-new-frontpage-php .swiper-button-prev:hover {
    --swiper-navigation-color: #fff;
    --swiper-background-color: #00489A;
}

body.page-template-new-frontpage-php .swiper-button-next.-style1,
body.page-template-new-frontpage-php .swiper-button-prev.-style1 {
    --swiper-navigation-color: #fff;
    --swiper-background-color: #00489A;
}

body.page-template-new-frontpage-php .swiper-button-next.-style1:hover,
body.page-template-new-frontpage-php .swiper-button-prev.-style1:hover {
    --swiper-navigation-color: #00489A;
    --swiper-background-color: #fff;
}

body.page-template-new-frontpage-php .swiper-button-next .swiper-navigation-icon,
body.page-template-new-frontpage-php .swiper-button-prev .swiper-navigation-icon {
    width: .5625rem;
    height: 1.125rem;
}

body.page-template-new-frontpage-php .swiper-pagination {
    --swiper-pagination-bullet-inactive-color: #00489A;
    --swiper-pagination-color: #00489A;
    --swiper-pagination-bullet-horizontal-gap: .375rem;
    --swiper-pagination-bullet-size: .375rem;
    position: relative;
    margin-top: 2rem;
    align-items: center;
    bottom: 0;
}

body.page-template-new-frontpage-php .swiper-pagination:not(.swiper-pagination-lock) {
    display: flex;
}

.btn-new:not(.-link) {
    display: inline-flex;
    color: #fff;
    padding: .9375rem 1.25rem;
    background-color: #143F84;
}

.btn-new {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    transition: 0.35s ease 0s;
}

.btn-new:not(.-link):hover {
    background-color: #00489A;
}

.btn-new::after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    margin-left: .9375rem;
    font-weight: 900;
    font-size: inherit;
    transition: inherit;
}

.btn-new.-link {
    display: inline-block;
}

/* Header */
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.75rem 0;
    height: auto;
    z-index: 999;
    transition: 0.35s ease 0s;
}

.main-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 171%;
    background: linear-gradient(#000 0%, rgba(84, 84, 84, 0) 100%);
    opacity: 0.88;
    z-index: -1;
    transition: inherit;
    pointer-events: none;
}

.main-header .container {
    max-width: 81.875rem;
}

.main-header .mh-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.main-header .brand-logo-wrap {
    max-width: 8.125rem;
    width: 100%;
    margin-right: 1.875rem;
}

.main-header .brand-logo {
    display: flex;
    justify-content: space-between;
    max-width: 8.125rem;
    width: 100%;
    transition: 0.35s ease 0s;
}

.main-header .brand-logo img {
    width: 100%;
    height: auto;
    display: block;
}

.main-header .mh-top-menu {
    flex: 1;
}

.main-header .mh-top-menu ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-header .mh-top-menu li {
    display: flex;
}

.main-header .mh-top-menu li:not(:last-child) {
    position: relative;
    padding-right: 1.25rem;
    margin-right: 1.25rem;
}

.main-header .mh-top-menu li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 85%;
    transform: translateY(-50%);
    background-color: #fff;
}

.main-header .mh-top-menu li a {
    color: #fff;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.main-header .mh-top-menu li a:hover {
    color: #ffe524;
}

.main-header .mh-search .searchform {
    width: auto;
    height: inherit;
    padding: 0;
    overflow: visible;
    display: flex;
}

.main-header .mh-search .searchform.openSearch .searchInput {
    top: calc(100% + 10px);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.main-header .mh-search .searchInput {
    top: 100%;
    position: absolute;
    right: 0;
    height: 2.8125rem;
    padding: 1rem;
    min-width: 18.75rem;
    color: #1A2B3E;
    background: white;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.main-header .mh-search .searchSubmit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    right: 0;
    margin: 6px 32px 20px;
    font-size: 20px;
    color: #fff;
    padding: 2px;
    transition: 0.35s ease 0s;
}

.main-header .mh-search .searchSubmit:hover {
    color: #ffe524;
}

.main-header .mh-search .searchSubmit::before {
    content: '';
    position: absolute;
    inset: -30px -32px;
    background: #00489A;
    opacity: 0;
    z-index: -1;
    transition: inherit;
}

.main-header .menu-toggle {
    margin-left: 2.5rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

.main-header .menu-toggle:hover span {
    background-color: #fff;
}

.main-header .menu-toggle .toggleIcon {
    position: relative;
    background-color: transparent;
}

.main-header .menu-toggle .toggleIcon span {
    width: 100%;
}

.main-header .menu-toggle .toggle-text {
    margin-left: 1.375rem;
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.2em;
}

body.fixedHeader .main-header {
    padding: .625rem 0;
    background-color: #143F84;
}

body.fixedHeader .main-header::before {
    opacity: 0;
}

body.fixedHeader .main-header .brand-logo {
    width: 5.875rem;
}

body.fixedHeader .main-header .mh-wrap {
    align-items: center;
}

body.fixedHeader .main-header .mh-search .searchSubmit {
    margin-top: 20px;
}

body.fixedHeader .main-header .mh-search .searchSubmit::before {
    opacity: 1;
}

/* Footer */
.main-footer {
    padding: 0;
    overflow: hidden;
    /* background-color: #1A2B3E; */
    background-color: #00489A;
}

.main-footer .footer-top .container-left {
    padding-left: calc((100% - (79.125rem + 1.875rem * 2)) / 2);
}

.main-footer .footer-top .container-left>div {
    padding-left: .9375rem;
}

.main-footer .mf-logo {
    display: flex;
}

.main-footer .mf-logo .logo {
    display: flex;
    max-width: 12rem;
    width: 100%;
}

.main-footer .mf-logo .logo img {
    width: 100%;
}

.main-footer .mft-legal-menu ul,
.main-footer .mft-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.main-footer .mft-menu ul li {
    padding: .125rem 0;
}

.main-footer .mft-menu ul li ul.sub-menu {
    margin-top: 1.25rem;
}

.main-footer .mft-menu ul a {
    color: #fff;
    font-size: 1.125rem;
}

.main-footer .mft-menu ul.menu>li>a[href="#"] {
    pointer-events: none;
}

.main-footer .mft-legal-menu ul a:hover,
.main-footer .mft-menu ul a:hover {
    color: #ffe524;
}

.main-footer .mft-menu ul.menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.main-footer .mft-menu ul.menu>li>a {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.main-footer .mft-legal-menu ul {
    display: flex;
    align-items: center;
}

.main-footer .mft-legal-menu ul li {
    display: flex;
}

.main-footer .mft-legal-menu ul li:not(:last-child) {
    padding-right: .5rem;
    margin-right: .5rem;
    border-right: 1px solid rgba(255, 255, 255, 0.8);
}

.main-footer .mft-legal-menu ul a {
    font-size: .875rem;
    color: rgba(255, 255, 255, 0.8);
}

.main-footer .mf-top-left {
    display: flex;
    flex-direction: column;
    padding: 5rem 1.5rem 2.185rem 0;
    justify-content: space-between;
}

.main-footer .mft-left-row.-bottom {
    margin-top: 1.5rem;
}

.main-footer .mf-tagline {
    max-width: 15.625rem;
}

.main-footer .mft-copyright {
    font-size: .875rem;
}

.main-footer .mft-left-col .mf-tagline {
    margin-top: 1.5625rem;
    font-family: "EB Garamond", serif;
    font-weight: 600;
    line-height: 1.5;
}

.main-footer .mft-left-col .mf-social-media {
    margin-top: 3.125rem;
}

.main-footer .mf-social-media ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 1.125rem;
}

.main-footer .mf-social-media a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .3125rem;
    width: 2.8125rem;
    height: 2.8125rem;
    color: #fff;
    font-size: 1.25rem;
    background-color: rgba(255, 255, 255, 0.11);
    border-radius: 100%;
    transition: 0.35s ease 0s;
}

.main-footer .mf-social-media a:hover {
    color: #143F84;
    background-color: #fff;
}

.main-footer .footer-bottom {
    padding: 1.625rem 0;
    border-top: 1px solid #48545E;
}

.main-footer .footer-bottom .mfb-logos {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-footer .footer-bottom .mfb-logos img {
    width: auto;
    height: auto;
    max-height: 4.5rem;
    object-fit: contain;
}

.main-footer .mft-right-col-wrap {
    position: relative;
    padding: 4.6875rem 2.8125rem 2.125rem 3.625rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.main-footer .mft-right-col-wrap .mft-map {
    position: absolute;
    inset: 0;
    opacity: 0.83;
    z-index: -1;
}

.main-footer .mft-right-col-wrap .mft-map a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.main-footer .mft-right-col-wrap .mft-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-footer .mft-contact-box {
    padding: 1.75rem;
    font-size: 1.125rem;
    color: #143f84;
    background-color: #fff;
}

.main-footer .mft-social-media ul {
    padding: 0;
    margin: .25rem 0 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.main-footer .mft-right-col-wrap .btn-wrap {
    margin-top: 1.25rem;
}

.main-footer .mft-social-media a,
.main-footer .mft-contact-info a {
    color: #143F84;
}

.main-footer .mft-social-media a:hover,
.main-footer .mft-contact-info a:hover {
    opacity: 0.8;
}

.main-footer .footer-bottom .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: #fff;
}

.main-footer .footer-bottom .swiper-pagination-bullet {
    --swiper-pagination-color: #fff;
}

/* Home Hero section Start */
.home-hero-section .hh-content {
    position: relative;
    padding: 5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(31.25rem, 28.3187rem + 17.8404vw, 44.375rem);
    background-color: #143F84;
    z-index: 1;
}

.home-hero-section .hh-bg-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}

.home-hero-section .hh-bg-media::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.13);
    z-index: 1;
}

.home-hero-section .hh-bg-media video,
.home-hero-section .hh-bg-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-hero-section .hh-container {
    max-width: 46.875rem;
    margin: 3.75rem auto;
}

.home-hero-section .hh-container h1 {
    margin: 0;
}

.home-hero-section .hh-btn-list {
    flex-wrap: wrap;
}

.home-hero-section .hh-btn-list .btn-new {
    justify-content: center;
    flex: 1 0 25%;
}

.home-hero-section .hh-btn-list .btn-new:nth-child(even) {
    background-color: #00489A;
}

.home-hero-section .hh-btn-list .btn-new:nth-child(even):hover {
    background-color: #143F84;
}


/* Home Hero section End */

/* Fifty Fifty Component Start */
.fifty-fifty-component .ffc-content {
    max-width: 32.75rem;
    margin: 0 auto;
}

.fifty-fifty-component .ffc-content h2 {
    margin-bottom: 2.1875rem;
}

.fifty-fifty-component .ffc-content {
    font-size: 1.125rem;
    color: #1A2B3E;
}

.fifty-fifty-component .ffc-image {
    position: relative;
    aspect-ratio: 633 / 484;
    overflow: hidden;
}

.fifty-fifty-component .ffc-image img,
.fifty-fifty-component .ffc-image video,
.fifty-fifty-component .ffc-image iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Fifty Fifty Component End */

/* Stat Component Start */
.stats-component .sc-content .sc-heading+.btn-wrap {
    margin-top: 2rem;
}

.stats-component .sc-stats-row {
    margin: 0 -1rem;
}

.stats-component .sc-stat {
    padding: 1rem;
}

.stats-component .sc-stat .sc-stat-text {
    text-transform: uppercase;
    color: #1A2B3E;
    font-size: 1rem;
    letter-spacing: 0.2em;
}

.stats-component .sc-stat-value {
    color: #143F84;
    font-family: "eb-garamond", serif;
    font-size: clamp(3.125rem, 2.2887rem + 3.5681vw, 5.5rem);
    font-weight: 600;
    line-height: 1;
}

.stats-component .sc-stat-value .stat-prefix,
.stats-component .sc-stat-value .stat-suffix {
    font-size: calc(clamp(3.125rem, 2.2887rem + 3.5681vw, 5.5rem) / 2.16);
}

.stats-component .sc-stats {
    overflow: hidden;
}

/* Stat Component End */

/* Full Width Banner Start */
.full-width-banner-component .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.full-width-banner-component .bg-img::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(26, 43, 62, 0.31);
}

.full-width-banner-component .fwb-content {
    font-size: 1.125rem;
}

.full-width-banner-component .fwb-content .fwb-heading {
    margin-bottom: 1.5rem;
}

.full-width-banner-component .fwb-content .btn-wrap {
    margin-top: 2.1875rem;
}

/* Full Width Banner End */

/* Testimonial Component Start */
.testimonial-component {
    background-color: #143F84;
}

.testimonial-component .container-left {
    padding-left: calc((100% - (79.125rem + 1.875rem * 2)) / 2);
}

.testimonial-component .tc-row {
    align-items: center;
}

.testimonial-component .tc-content-wrap {
    padding: 4.25rem 6.25rem 4.25rem 4.0625rem;
    height: 100%;
}

.testimonial-component .tc-icon {
    display: inline-flex;
    width: 2.625rem;
    height: 2.25rem;
    margin-bottom: 3rem;
}

.testimonial-component .tc-icon svg {
    width: 100%;
    height: auto;
}

.testimonial-component .tc-content .quote {
    font-family: "EB Garamond";
    font-size: 1.625rem;
}

.testimonial-component .tc-content .quote p::before,
.testimonial-component .tc-content .quote p::after {
    display: inline-block;
}

.testimonial-component .tc-content .quote p::before {
    content: '“';
}

.testimonial-component .tc-content .quote p::after {
    content: '”';
}

.testimonial-component .tc-content .cite {
    margin-top: 2rem;
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: 0.2em;
}

.testimonial-component .tc-content .cite::before {
    content: '“';
    display: inline-block;
}

.testimonial-component .tc-content .cite::after {
    content: '”';
    display: inline-block;
}

.testimonial-component .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-color: #fff;
}

.testimonial-component .swiper-pagination-bullet {
    --swiper-pagination-color: #fff;
}

.testimonial-component .swiper-button-prev {
    left: clamp(-3.4375rem, 120.3125rem + -137.5vw, 0rem);
}

.testimonial-component .tc-video,
.testimonial-component .tc-image {
    position: relative;
    aspect-ratio: 683 / 618;
    height: 100%;
}

.testimonial-component .tc-video video,
.testimonial-component .tc-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Testimonial Component End */

/* Learning Activities Start */
.learning-activities-section {
    padding: clamp(3.125rem, 2.0246rem + 4.6948vw, 6.25rem) 0;
    overflow: hidden;
    background-color: #F3F4F5;
}

.learning-activities-section .sec-heading {
    margin-bottom: 2rem;
}

.learning-activities-section .las-slider:not(.swiper-initialized) .las-slide {
    max-width: 18.9375rem;
    margin-right: 1.125rem;
}

.learning-activities-section .las-card {
    position: relative;
    display: flex;
    background-color: #143F84;
    min-height: 28.625rem;
}

.learning-activities-section .las-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.learning-activities-section .las-image.extra-curricular-wraparound img {
    object-position: right 35% top 50%;
}

.learning-activities-section .las-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #1a2b3e 0%, rgba(26, 43, 62, 0) 100%);
    opacity: 0.75;
    mix-blend-mode: multiply;
}

.learning-activities-section .las-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.learning-activities-section .las-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 1.125rem 3.4375rem 1.125rem 1.375rem;
    z-index: 1;
}

.learning-activities-section .las-title h3 {
    margin: 0;
}

.learning-activities-section .las-title .las-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
    transform: none;
}

.learning-activities-section .las-title .las-arrow {
    color: #fff;
    background-color: #00489A !important;
}

.learning-activities-section .las-card:hover .las-arrow {
    color: #00489A;
    background-color: #fff !important;
}

.learning-activities-section .las-pagination {
    justify-content: center;
}

/* Learning Activities End */

/* School Divisions Start */
.school-divisions-section {
    overflow: hidden;
}

.school-divisions-section .sds-row {
    margin: 0 -0.375rem;
}

.school-divisions-section .sds-left,
.school-divisions-section .sds-right {
    padding: 0 .375rem;
}

.school-divisions-section .sec-heading {
    height: 100%;
    padding: 2.375rem 1.75rem;
    background-color: #F3F4F5;
}

.school-divisions-section .sec-heading .h2 {
    margin: 0;
}

.school-divisions-section .sdc-divisions-slider:not(.swiper-initialized) .sdc-divisions-item {
    max-width: 19rem;
    margin-right: 1.125rem;
}

.school-divisions-section .sdc-divisions-item {
    height: auto;
}

.school-divisions-section .sdc-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #143F84;
}

.school-divisions-section .sdc-card:hover .btn-new::after {
    transform: translateX(-10px);
}

.school-divisions-section .sdc-card .card-img {
    position: relative;
    aspect-ratio: 304 / 299;
    overflow: hidden;
}

.school-divisions-section .sdc-card .card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.school-divisions-section .sdc-card .card-content {
    padding: 2.375rem 1.25rem;
}

.school-divisions-section .card-content .card-title {
    margin: 0;
}

.school-divisions-section .card-content .card-title+.btn-new {
    margin-top: 2rem;
}

/* School Divisions End */

/* Fifty Fifty With Logo Start */
.learning-activities-section+.fifty-fifty-with-logo-component {
    padding-top: 0;
}

.fifty-fifty-with-logo-component {
    padding: clamp(3.125rem, 2.0246rem + 4.6948vw, 6.25rem) 0;
    overflow: hidden;
    background-color: #F3F4F5;
}

.fifty-fifty-with-logo-component .ffwl-content {
    max-width: 32.75rem;
    margin: 0 auto;
}

.fifty-fifty-with-logo-component .ffwl-content h2 {
    margin-bottom: 2.1875rem;
}

.fifty-fifty-with-logo-component .ffwl-image {
    position: relative;
    aspect-ratio: 633 / 607;
    overflow: hidden;
}

.fifty-fifty-with-logo-component .ffwl-image img,
.fifty-fifty-with-logo-component .ffwl-image video,
.fifty-fifty-with-logo-component .ffwl-image iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fifty-fifty-with-logo-component .ffwl-content {
    font-size: 1.125rem;
    color: #1A2B3E;
}

.fifty-fifty-with-logo-component .ffwl-content p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.fifty-fifty-with-logo-component .ffwl-row+.ffwl-logos-slider {
    margin-top: 4rem;
}

.fifty-fifty-with-logo-component .ffwl-logos-slider:not(.swiper-initialized) .ffwl-logos-item {
    max-width: 13.5625rem;
    margin-right: 2.8125rem;
}

.fifty-fifty-with-logo-component .ffwl-logos-slider .ffwl-logos-list {
    max-width: max-content;
    margin: 0 auto;
}

.fifty-fifty-with-logo-component .ffwl-logos-slider .ffwl-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 13.5625rem;
    margin: 0 auto;
}

.fifty-fifty-with-logo-component .ffwl-logos img {
    width: 100%;
    height: 100%;
    max-height: 5.375rem;
    object-fit: contain;
}

/* Fifty Fifty With Logo End */

/* Social Media Start */
.social-media-section {
    overflow: hidden;
}

.social-media-section .sms-heading+.sms-social-media,
.social-media-section .sms-description+.sms-social-media,
.social-media-section .sms-heading+.sms-description {
    margin-top: 2.1875rem;
}

.social-media-section .sms-description {
    font-size: 1.125rem;
    color: #1A2B3E;
}

.social-media-section .sms-grid {
    display: grid;
    grid-template-columns: 15.625rem calc(100% - 15.625rem - 1.5625rem);
    gap: 1.5625rem;
    margin-right: -3.125rem;
}

.social-media-section .sms-grid-right {
    position: relative;
    padding: 0 3.125rem;
}

.social-media-section .sms-images-slider {
    position: unset;
}

.social-media-section .sms-images-slider:not(.swiper-initialized) .sms-image {
    max-width: 18.125rem;
    margin-right: 2.1875rem;
}

.social-media-section .sms-image {
    position: relative;
}

.social-media-section .sms-image::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.social-media-section .sms-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.social-media-section .sms-social-media ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 1.125rem;
}

.social-media-section .sms-social-media a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .3125rem;
    width: 2.8125rem;
    height: 2.8125rem;
    color: #143F84;
    font-size: 1.25rem;
    background-color: rgba(20, 63, 132, 0.11);
    border-radius: 100%;
    transition: 0.35s ease 0s;
}

.social-media-section .sms-social-media a:hover {
    color: #fff;
    background-color: #143F84;
}

/* Social Media End */

/* Responsive */
@media (min-width: 992px) {
    .learning-activities-section .las-title h3 {
        font-size: 2rem;
    }

    .social-media-section .sms-heading,
    .fifty-fifty-with-logo-component .ffwl-heading,
    .stats-component .sc-heading,
    .fifty-fifty-component .ffc-content h2 {
        font-size: 2.1875rem;
    }

    .school-divisions-section .sec-heading .h2 {
        font-size: 2.5rem;
    }

    .fifty-fifty-with-logo-component .ffwl-content p:not(:last-child) {
        margin-bottom: 2rem;
    }

    .social-media-section .container {
        max-width: 85.375rem !important;
        padding: 0 3.125rem;
    }
}

@media (min-width: 768px) {

    .fifty-fifty-with-logo-component .ffwl-content-col,
    .fifty-fifty-component .ffc-content-col {
        padding: 0 2rem;
    }

    .full-width-banner-component .fwb-content .fwb-heading {
        font-size: 2.8125rem;
        margin-bottom: 2.1875rem;
    }

    .full-width-banner-component {
        position: relative;
        overflow: hidden;
        padding: clamp(3.125rem, 2.0246rem + 4.6948vw, 6.25rem) 0;
        background-color: #143F84;
        z-index: 1;
        min-height: 31.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .full-width-banner-component::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, #1a2b3e 0%, rgba(26, 43, 62, 0) 100%);
        opacity: 0.75;
        z-index: -1;
        mix-blend-mode: multiply;
    }

    .full-width-banner-component .bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        overflow: hidden;
        pointer-events: none;
    }

    .full-width-banner-component .fwb-content * {
        color: #fff;
    }

    .full-width-banner-component .fwb-content {
        max-width: 32rem;
    }
}

@media (max-width: 1199px) {
    .testimonial-component .tc-content-wrap {
        padding: 3.75rem;
    }

    .school-divisions-section .sds-right {
        margin-top: 2rem;
    }

    .main-footer .mft-left-col .mf-social-media {
        margin-top: 1.5rem;
    }

    .main-footer .mf-top-left .mft-right-col {
        margin-top: 1.5rem;
    }
}

@media (max-width: 991px) {

    .testimonial-component .swiper-button-next,
    .testimonial-component .swiper-button-prev {
        display: none;
    }

    .testimonial-component .tc-row {
        flex-direction: column-reverse;
    }

    .social-media-section .sms-grid {
        grid-template-columns: 100%;
        margin-right: 0;
        gap: 0;
    }

    .social-media-section .sms-grid .sms-grid-right {
        margin: 0 -0.9375rem;
    }

    .social-media-section .sms-grid .sms-grid-left+.sms-grid-right {
        margin-top: 2rem;
    }

    .main-footer .mft-right-col-wrap {
        padding: 2rem;
    }
}

@media (max-width: 767px) {

    .main-header {
        padding: .75rem 0;
    }

    .main-header .mh-wrap {
        align-items: center;
    }

    .main-header .menu-toggle .toggle-text,
    .main-header .menu-toggle {
        margin-left: 1rem;
    }

    .fifty-fifty-with-logo-component .ffwl-content-col,
    .fifty-fifty-component .ffc-content-col {
        margin-top: 2rem;
    }

    .fifty-fifty-component .ffc-content h2 {
        margin-bottom: 1.5rem;
    }

    .fifty-fifty-with-logo-component .ffwl-content,
    .fifty-fifty-component .ffc-content {
        max-width: 100%;
    }

    .stats-component .sc-row-left+.sc-row-right {
        margin-top: 2rem;
    }

    .full-width-banner-component .bg-img {
        position: relative;
        aspect-ratio: 16 / 9;
    }

    .full-width-banner-component .fwb-content {
        margin-top: 2rem;
    }

    .testimonial-component .tc-content-wrap {
        padding: 2rem 1.5rem;
    }

    .home-hero-section .hh-btn-list .btn-new {
        flex: 1 0 100%;
    }

    .school-divisions-section .sdc-card .card-content {
        padding: 1.25rem;
    }

    .social-media-section .sms-heading+.sms-social-media,
    .social-media-section .sms-description+.sms-social-media,
    .social-media-section .sms-heading+.sms-description {
        margin-top: 1.5rem;
    }

    .main-footer .footer-top .container-left>div {
        padding-left: 0;
    }

    .main-footer .mf-top-left {
        padding: 2.5rem .9375rem 2rem;
    }

    .main-footer .mft-menu ul.menu,
    .main-footer .mft-left-row.-bottom,
    .main-footer .mf-logo-tagline {
        text-align: center;
    }

    .main-footer .mft-legal-menu ul,
    .main-footer .mf-social-media ul,
    .main-footer .mf-logo {
        justify-content: center;
    }

    .main-footer .mft-left-col .mf-tagline {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .learning-activities-section .las-slider {
        overflow: visible;
    }

    .school-divisions-section .sdc-divisions-slider {
        overflow: visible;
    }
}