/* --- Extracted & simplified styles from the original --- */
 body {
     font-family: 'Lato', Helvetica, Arial, sans-serif;
     margin: 0;
     padding: 0;
 }

 .flex-center {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .header__section {
     position: relative;
     background: #fff;
     padding: 10px 0;
     border-bottom: 1px solid #eee;
 }

 .logo img {
     height: 78px;
 }

 .navigation_left {
     position: absolute;
     left: 10px;
     top: 12px;
 }

 .contact_right {
     position: absolute;
     right: 10px;
     top: 12px;
     display: flex;
     justify-content: end;
 }

 /* Slideout admissions button */
 #slideout_adm {
     position: fixed;
     right: 0;
     top: 75px;
     z-index: 9999;
 }

 #sticky-button_adm {
     background: #f34c3c;
     height: 60px;
     margin-right: -24px;
     transition: margin 0.2s ease-out;
     width: 200px;
     top: 45px;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 #sticky-button_adm.active {
     margin-right: -3px;
 }

 #sticky-button_adm a {
     color: #fff;
     font-weight: 700;
     text-decoration: none;
     display: block;
     width: 100%;
     text-align: center;
 }

 /* overlay (mobile menu) */
 .overlay,
 .overlay2 {
     position: fixed;
     height: 100%;
     width: 0;
     top: 0;
     z-index: 2000;
     transition: 0.3s;
     overflow-x: hidden;
     background: rgb(0 0 0 / 77%);
 }

 .overlay .closebtn {
     position: absolute;
     right: 20px;
     top: 20px;
     font-size: 36px;
     color: #fff;
     text-decoration: none;
 }

 .overlay .overlay-content {
     position: relative;
     top: 60px;
     width: 100%;
     text-align: left;
     padding: 20px;
 }

 /* Scrollbar styling (Chrome / Edge) */
 .overlay-content::-webkit-scrollbar {
     width: 3px;
 }

 .overlay-content::-webkit-scrollbar-thumb {
     background: rgba(255, 255, 255, 0.4);
     border-radius: 10px;
 }

 .overlay a {
     display: block;
     color: #fff;
     font-size: 20px;
     padding: 8px 0;
     text-decoration: none;
 }

 .overlay2 {
     width: 0;
     height: 0;
 }

 /* Banner / carousel area */
 .ccr_banner {
     position: relative;
 }

 .banner_text {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 10px 0;
     color: #fff;
 }

 .banner_text .main__text {
     padding: 8px 12px;
 }

 /* About / blue section */
 .ccr__section {
     padding: 40px 0;
     position: relative;
 }

 .blue__background {
     background: #034f84;
     color: #fff;
 }

 .white__text {
     color: #fff;
 }

 .blue__text {
     color: #034f84;
 }

 .about__right--image {
     position: absolute;
     right: 0;
     top: 0;
     opacity: .95;
     width: 35rem;
 }

 .about__right--image img {
     width: 100%;
     display: block;
 }

 /* Footer */
 footer.blue__background {
     background: #034f84;
     color: #fff;
     padding: 30px 0 0;
 }

 .bottom__footer {
     background: #022f4a;
     color: #fff;
     padding: 12px 0;
     margin-top: 10px;
 }

 /* responsive adjustments */
 @media (max-width: 768px) {
     .about__right--image {
         display: none;
     }

     #sticky-button_adm {
         width: 140px;
         height: 45px;
         top: 45px;
         margin-right: -24px;
     }

     #sticky-button_adm a {
         font-size: 15px;
     }
 }

 /* small niceties */
 .read__more {
     display: inline-block;
     padding: 8px 14px;
     border-radius: 3px;
     background: #034f84;
     color: #fff;
     text-decoration: none;
     margin-top: 12px;
 }

 .school__address a,
 .key__links a {
     display: block;
     color: inherit;
     text-decoration: none;
     margin: 6px 0;
 }

 .social_media__icon ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     gap: 12px;
 }

 .social_media__icon a {
     color: #fff;
     font-size: 18px;
 }

 #openNav,
 #openNav2 {
     font-size: 19px;
     cursor: pointer;
     background: #f34c3c;
     height: 50px;
     width: 70px;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
 }