/* ==== BEGIN css/style.css ==== */
/* --- BEGIN globals.css (original) --- */
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:600,500,400,700|Playfair+Display:700,600");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  min-height: 100%;
  height: auto;
}
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
/* --- END globals.css --- */

/* --- BEGIN style.css (original) --- */
.MVCO {
  background-color: #ffffff;
  width: 100%;
  min-width: 1440px;
  min-height: 1024px;
  display: flex;
  flex-direction: column;
}
.MVCO .navbar-updated {
  height: 100px;
  width: 1440px;
  align-self: center;
  background-color: #ffffff;
}
.MVCO .frame {
  display: inline-flex;
  align-items: center;
  gap: 263px;
  position: relative;
  width: 89.1%;
  height: 73%;
  top: 14%;
  left: 5.42%;
}
.MVCO .maple-valley-logo {
  position: relative;
  width: 173px;
  height: 73px;
  object-fit: cover;
}
.MVCO .div {
  display: flex;
  width: 847px;
  align-items: center;
  gap: 48px;
  position: relative;
}
.MVCO .home {
  position: relative;
  width: 44px;
  height: 17px;
}
.MVCO .text-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #000000;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}
.MVCO .about-us {
  position: relative;
  width: 66px;
  height: 17px;
}
.MVCO .academics-beyond {
  position: relative;
  width: 151px;
  height: 17px;
}
.MVCO .admissions {
  position: relative;
  width: 82px;
  height: 17px;
}
.MVCO .facilities {
  position: relative;
  width: 62px;
  height: 17px;
}
.MVCO .gallery {
  position: relative;
  width: 50px;
  height: 17px;
}
.MVCO .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #c9b089;
  border-radius: 4px;
}
.MVCO .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.MVCO .group-wrapper {
  width: 100%;
  max-width: 1440px;
  height: auto;
  display: block;
  overflow: visible;
  overflow-y: scroll;
}
.MVCO .group-wrapper::-webkit-scrollbar {
  width: 0;
  display: none;
}
.MVCO .group {
  width: 100%;
  max-width: 1440px;
  height: auto;
  display: flex;
  flex-direction: column;
}

.MVCO .frame-2 {
  margin-left: 10px;
  width: 1420px;
  min-height: 709px;
  height: auto;
  display: flex;
}
.MVCO .group-2 {
  flex: 1;
  width: 1420px;
  display: flex;
}
.MVCO .group-3 {
  flex: 1;
  width: 1424px;
  position: relative;
}
.MVCO .rectangle {
  width: 99.72%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.MVCO .text-wrapper-3 {
  position: absolute;
  width: 52.35%;
  height: 9.3%;
  top: 8.2%;
  left: 2.82%;
  font-family: "Playfair Display", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: normal;
}
.MVCO .p {
  position: absolute;
  width: 54.61%;
  height: 9.03%;
  top: 82.09%;
  left: 38.25%;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.MVCO .frame-3 {
  margin-left: 70px;
  width: 1300px;
  height: 393.29px;
  margin-top: 50px;
  display: flex;
}
.MVCO .group-4 {
  flex: 1;
  width: 1300px;
  position: relative;
}
.MVCO .the-maple-valley-wrapper {
  display: flex;
  width: 100%;
  height: 78.27%;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 21.73%;
  left: 0;
}
.MVCO .the-maple-valley {
  position: relative;
  width: 1280px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 2.34px;
  line-height: 34px;
}
.MVCO .about-the-central-wrapper {
  display: inline-flex;
  height: 60px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  top: calc(50% - 197px);
  left: calc(50% - 229px);
}
.MVCO .about-the-central {
  position: relative;
  width: fit-content;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}
.MVCO .span {
  color: #063a46;
}
.MVCO .text-wrapper-4 {
  color: #000000;
}

.MVCO .frame-4 {
  margin-left: 81px;
  width: 1279px;
  margin-top: 49.7px;
  display: flex;
}
.MVCO .group-5 {
  width: 1279px;
  height: 419px;
  position: relative;
}
.MVCO .group-6 {
  position: absolute;
  width: 20.69%;
  height: 8.11%;
  top: 0;
  left: 39.64%;
  display: flex;
}
.MVCO .group-7 {
  flex: 1;
  width: 264.63px;
  display: flex;
}
.MVCO .group-8 {
  flex: 1;
  width: 266.63px;
  display: flex;
}
.MVCO .text-wrapper-5 {
  flex: 1;
  width: 264.63px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #063a46;
  font-size: 36px;
  letter-spacing: -0.36px;
  line-height: 34px;
}
.MVCO .group-9 {
  position: absolute;
  top: 84px;
  left: 0;
  width: 1279px;
  height: 335px;
  display: flex;
  gap: 21px;
}
.MVCO .element {
  margin-top: 1px;
  width: 304px;
  height: 332px;
  position: relative;
}
.MVCO .img {
  margin-top: 2px;
  width: 304px;
  height: 330px;
  position: relative;
}
.MVCO .element-2 {
  width: 304px;
  height: 335px;
  position: relative;
}

.MVCO .contactus-package-wrapper {
  margin-left: 189px;
  width: 1062px;
  margin-top: 50px;
  display: flex;
}
.MVCO .contactus-package {
  width: 1062px;
  height: 606.74px;
  position: relative;
}
.MVCO .freepik-the-style-is {
  position: absolute;
  width: 99.98%;
  top: calc(50% - 277px);
  left: 0;
  height: 607px;
  object-fit: cover;
}

/* White form panel */
.MVCO .form {
  position: absolute;
  width: 34.57%;
  height: 85.87%;
  top: 7.08%;
  left: 65.43%;
  background-color: #ffffff;
  border-radius: 2px;
  overflow: hidden;
}

/* ---- INPUT WRAPPERS: full bordered boxes (all four) ---- */
.MVCO .full-name,
.MVCO .email,
.MVCO .phone,
.MVCO .message {
  position: absolute;
  width: 83.99%;
  height: 7.99%;
  left: 7.98%;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1.5px solid #3b3b3b; /* full border like Email */
  /* remove old bottom-only border styles */
  border-bottom-width: 1.5px;
  border-bottom-style: solid;
  border-color: #3b3b3b;
}

/* keep the original vertical placement */
.MVCO .full-name {
  top: 15.38%;
}
.MVCO .email {
  top: 28.7%;
}
.MVCO .phone {
  top: 42.01%;
}
/* Taller message box per your earlier request */
.MVCO .message {
  top: 55.33%;
  height: 20% !important;
}

/* Focus highlight on the whole box */
.MVCO .full-name:focus-within,
.MVCO .email:focus-within,
.MVCO .phone:focus-within,
.MVCO .message:focus-within {
  border-color: #063a46;
  box-shadow: 0 0 0 2px rgba(6, 58, 70, 0.08) inset;
}

/* Field elements fill their wrapper boxes */
.MVCO .contact-form {
  position: absolute;
  inset: 0;
}
.MVCO .form .field-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  outline: none;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}
.MVCO .form .field-textarea {
  resize: none;
}

/* Send Message button group */
.MVCO .group-10 {
  position: absolute;
  /* below the taller message box with a gap */
  top: calc(55.33% + 20% + 4%) !important;
  left: auto !important;
  right: 7.98% !important;
  width: min(42.54%, calc(100% - 15.96%)) !important;
  height: 7.99%;
  box-sizing: border-box;
}
.MVCO .rectangle-2 {
  width: 100% !important;
  height: 100%;
  background-color: #b89561;
  position: absolute;
  top: 0;
  left: 0 !important;
}
.MVCO .send-btn {
  position: absolute;
  inset: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
}

/* Headline block */
.MVCO .group-11 {
  position: absolute;
  top: 157px;
  left: 40px;
  width: 720px;
  height: 273px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.MVCO .text-wrapper-8 {
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: left;
  height: 67px;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  line-height: normal;
  font-family: "Montserrat", Helvetica;
  letter-spacing: 0;
}
.MVCO .every-message-writes {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 651px;
  height: 196px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #f8f4f1;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 1.05;
}

.MVCO .frame-wrapper {
  width: 1440px;
  height: 332px;
  margin-top: 50.3px;
  display: flex;
}
.MVCO .footer-wrapper {
  flex: 1;
  width: 1440px;
  display: flex;
}
.MVCO .footer {
  flex: 1;
  width: 1440px;
  position: relative;
  background-color: transparent;
}
.MVCO .rectangle-3 {
  width: 100%;
  height: 109.94%;
  position: absolute;
  top: 0;
  left: 0;
}
.MVCO .group-12 {
  position: absolute;
  height: 73.15%;
  top: 12.05%;
  left: calc(50% - 646px);
  width: 1314px;
}
.MVCO .group-13 {
  position: absolute;
  width: 28.31%;
  height: 92.73%;
  top: 0;
  left: 0;
}
.MVCO .rectangle-4 {
  width: 20.09%;
  height: 46.27%;
  border: 0px none;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.MVCO .shaping-minds {
  position: absolute;
  width: 99.46%;
  height: 35.97%;
  top: 50.71%;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
}
.MVCO .group-14 {
  position: absolute;
  top: 205px;
  left: 0;
  width: 99px;
  height: 20px;
}
.MVCO .group-15 {
  position: absolute;
  width: 31.74%;
  height: 59.71%;
  top: 0;
  left: 68.26%;
  display: flex;
}
.MVCO .group-16 {
  width: 419px;
  height: 145px;
  position: relative;
}
.MVCO .group-17 {
  position: absolute;
  width: 52.03%;
  height: 13.1%;
  top: 60%;
  left: 0;
}
.MVCO .vector {
  width: 8.72%;
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
}
.MVCO .element-3 {
  position: absolute;
  width: 83.03%;
  height: 100%;
  top: 0;
  left: 16.06%;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #fffbfb;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}
.MVCO .group-18 {
  position: absolute;
  width: 98.57%;
  height: 14.48%;
  top: 31.72%;
  left: 0;
}
.MVCO .text-wrapper-9 {
  width: 91.53%;
  height: 66.67%;
  top: 14.29%;
  left: 7.99%;
  font-weight: 600;
  color: #fffbfb;
  line-height: normal;
  white-space: nowrap;
  position: absolute;
  font-family: "Montserrat", Helvetica;
  font-size: 14px;
  letter-spacing: 0;
}
.MVCO .vector-2 {
  width: 3.87%;
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
}
.MVCO .group-19 {
  position: absolute;
  width: 69.69%;
  height: 13.1%;
  top: 86.9%;
  left: 0;
}
.MVCO .text-wrapper-10 {
  position: absolute;
  width: 86.99%;
  height: 100%;
  top: 0;
  left: 12.33%;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #fffbfb;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}
.MVCO .vector-3 {
  width: 7.19%;
  height: 84.21%;
  top: 5.26%;
  position: absolute;
  left: 0;
}
.MVCO .text-wrapper-11 {
  position: absolute;
  width: 21.72%;
  height: 15.17%;
  top: 0;
  left: 0;
  font-weight: 600;
  color: #b89561;
  font-size: 16px;
  line-height: 22.4px;
  white-space: nowrap;
  font-family: "Montserrat", Helvetica;
  letter-spacing: 0;
}
.MVCO .group-20 {
  position: absolute;
  width: 14.46%;
  height: 100%;
  top: 0;
  left: 30.21%;
}
.MVCO .frame-5 {
  display: inline-flex;
  flex-direction: column;
  height: 22.3%;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 77.7%;
  left: calc(50% - 95px);
}
.MVCO .frame-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -2.85px;
}
.MVCO .text-wrapper-12 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}
.MVCO .facilities-default {
  display: inline-flex;
  flex-direction: column;
  height: 22.3%;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 63.62%;
  left: calc(50% - 95px);
}
.MVCO .component {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -2.85px;
  position: relative;
}
.MVCO .component-wrapper {
  display: inline-flex;
  flex-direction: column;
  height: 22.3%;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 49.54%;
  left: calc(50% - 95px);
}
.MVCO .a-b-dropdown-comp-wrapper {
  display: flex;
  flex-direction: column;
  width: 98.95%;
  height: 23.47%;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 34.28%;
  left: 0;
}
.MVCO .a-b-dropdown-comp {
  position: relative;
  width: 178px;
  height: 40px;
  margin-top: -1.5px;
  margin-bottom: -1.5px;
  margin-right: -10px;
}
.MVCO .text-wrapper-13 {
  top: 10px;
  left: 10px;
  color: #ffffff;
  position: absolute;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}
.MVCO .frame-7 {
  display: inline-flex;
  flex-direction: column;
  height: 23.47%;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 19.02%;
  left: calc(50% - 95px);
}
.MVCO .component-2 {
  width: 102px;
  height: 40px;
  margin-bottom: -3px;
  position: relative;
}
.MVCO .frame-8 {
  display: flex;
  flex-direction: column;
  width: 47.89%;
  height: 22.3%;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 4.94%;
  left: 0;
}
.MVCO .text-wrapper-14 {
  position: absolute;
  width: 51.05%;
  height: 9.06%;
  top: 0;
  left: 10.53%;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #b89561;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}
.MVCO .group-21 {
  position: absolute;
  width: 20.24%;
  height: 66.71%;
  top: 0;
  left: 46.58%;
}
.MVCO .text-wrapper-15 {
  position: absolute;
  width: 37.59%;
  height: 13.58%;
  top: 0;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #b89561;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}
.MVCO .text-wrapper-16 {
  width: 60.53%;
  height: 12.35%;
  top: 25.93%;
  left: 0;
  font-weight: 500;
  color: #ffffff;
  line-height: 19.6px;
  white-space: nowrap;
  position: absolute;
  font-family: "Montserrat", Helvetica;
  font-size: 14px;
  letter-spacing: 0;
}
.MVCO .text-wrapper-17 {
  position: absolute;
  width: 96.99%;
  height: 12.35%;
  top: 50.62%;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19.6px;
  white-space: nowrap;
}
.MVCO .maple-valley-school {
  width: 91.73%;
  height: 24.69%;
  top: 75.31%;
  left: 0;
  font-weight: 500;
  color: #ffffff;
  line-height: 19.6px;
  position: absolute;
  font-family: "Montserrat", Helvetica;
  font-size: 14px;
  letter-spacing: 0;
}
.MVCO .vector-4 {
  position: absolute;
  top: 300px;
  left: 84px;
  width: 1280px;
  height: 1px;
  object-fit: cover;
}
.MVCO .text-wrapper-18 {
  position: absolute;
  top: 322px;
  left: calc(50% - 245px);
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}
/* --- END style.css --- */

/* === Layout centering patch === */
.MVCO {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}
.MVCO > div,
.MVCO > section,
.MVCO > header,
.MVCO > main,
.MVCO > footer,
.MVCO [class^="group"],
.MVCO [class*=" group"],
.MVCO [class^="frame"],
.MVCO [class*=" frame"] {
  margin-left: auto;
  margin-right: auto;
}
.MVCO .navbar-updated {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/* === End patch === */

/* === Hero scrolling fix === */
.MVCO .group-wrapper {
  height: auto !important;
  overflow: visible !important;
}
.MVCO .group-wrapper::-webkit-scrollbar {
  width: auto !important;
  display: initial !important;
}
/* === End fix === */

/* Right-edge background shadow next to form (kept) */
.MVCO .contactus-package {
  position: relative;
}
.MVCO .freepik-the-style-is {
  z-index: 0;
}
.MVCO .form {
  z-index: 2;
  box-shadow: none;
}
.MVCO .form::after {
  content: "";
  position: absolute;
  top: 0;
  right: -32px;
  width: 36px;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

/* Keep the button inside the panel */
.MVCO .group-10 {
  right: 7.98% !important;
  width: min(42.54%, calc(100% - 15.96%)) !important;
}
.MVCO .send-btn {
  inset: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ==== END css/style.css ==== */

/* ==== BEGIN css/style-mission-vision.css ==== */
/* --- begin: css/globals.css --- */
/* Merged globals: globals.css, globals-2.css, globals-3.css */

@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,400,600|Playfair+Display:700");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,700,600|Playfair+Display:700");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

:root {
  --primary-color: rgba(222, 110, 75, 1);
}

/* --- end: css/globals.css --- */

/* --- begin: css/style-shared-09dfd9ec.css --- */
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700,600|Playfair+Display:700");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

/* --- end: css/style-shared-09dfd9ec.css --- */

/* --- begin: css/style-mission-vision.css --- */
.mission-vision {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100%;
}

.navbar {
  position: relative; /* stays in normal flow, not fixed */
  z-index: 10; /* ensures it stacks above absolutely positioned content */
}

.mission-vision .div {
  background-color: #ffffff;
  overflow: visible;
  width: 1440px;
  height: auto;
  position: relative;
  min-height: 0;
}

.mission-vision .navbar-updated {
  position: absolute;
  width: 1440px;
  height: 100px;
  top: 0;
  left: 0;
  background-color: #ffffff;
}

.mission-vision .frame {
  display: inline-flex;
  align-items: center;
  gap: 263px;
  position: relative;
  top: 14px;
  left: 78px;
}

.mission-vision .maple-valley-logo {
  position: relative;
  width: 173px;
  height: 73px;
  object-fit: cover;
}

.mission-vision .frame-2 {
  display: flex;
  width: 847px;
  align-items: center;
  gap: 48px;
  position: relative;
}

.mission-vision .home {
  position: relative;
  width: 44px;
  height: 17px;
}

.mission-vision .text-wrapper {
  position: absolute;
  top: -1px;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.mission-vision .about-us {
  position: relative;
  width: 66px;
  height: 17px;
}

.mission-vision .academics-beyond {
  position: relative;
  width: 151px;
  height: 17px;
}

.mission-vision .admissions {
  position: relative;
  width: 82px;
  height: 17px;
}

.mission-vision .facilities {
  position: relative;
  width: 62px;
  height: 17px;
}

.mission-vision .gallery {
  position: relative;
  width: 50px;
  height: 17px;
}

.mission-vision .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #c9b089;
  border-radius: 4px;
}

.mission-vision .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.mission-vision .group-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  overflow: visible;
}

.mission-vision .group-wrapper::-webkit-scrollbar {
  width: 0;
  display: none;
}

.mission-vision .group {
  position: relative;
  width: 1471px;
  height: auto;
  min-height: 0;
}

.mission-vision .footer-wrapper {
  position: static;
  width: 100%;
  height: auto;

  top: 1555px;
  left: 0;
  right: 0;
  margin-top: 48px;
}

.mission-vision .footer {
  width: 100%;
  height: auto;
  background-color: transparent;
  display: block;
  margin: 0;
  padding-bottom: 0;
}

.mission-vision .overlap {
  position: relative;
  width: 1440px;
  height: 365px;
  background-image: url(../assets/anima/mfmbej8lZcYzEk/rectangle-9.svg);
  background-size: 100% 100%;
}

.mission-vision .group-2 {
  position: absolute;
  width: 1314px;
  height: 243px;
  top: 40px;
  left: 74px;
}

.mission-vision .group-3 {
  position: absolute;
  width: 372px;
  height: 225px;
  top: 0;
  left: 0;
}

.mission-vision .rectangle {
  position: absolute;
  width: 75px;
  height: 104px;
  top: 0;
  left: 0;
  border: 0px none;
  object-fit: cover;
}

.mission-vision .shaping-minds {
  position: absolute;
  width: 370px;
  top: 114px;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
}

.mission-vision .img {
  position: absolute;
  width: 99px;
  height: 20px;
  top: 205px;
  left: 0;
}

.mission-vision .group-4 {
  position: absolute;
  width: 417px;
  height: 145px;
  top: 0;
  left: 897px;
}

.mission-vision .group-5 {
  position: relative;
  width: 419px;
  height: 145px;
}

.mission-vision .group-6 {
  position: absolute;
  width: 222px;
  height: 19px;
  top: 87px;
  left: 5px;
}

.mission-vision .vector {
  width: 19px;
  height: 19px;
  top: 0;
  position: absolute;
  left: 0;
}

.mission-vision .element {
  position: absolute;
  width: 181px;
  top: 0;
  left: 39px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #fffbfb;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.mission-vision .group-7 {
  position: absolute;
  width: 416px;
  height: 21px;
  top: 46px;
  left: 3px;
}

.mission-vision .p {
  width: 378px;
  top: 0;
  left: 36px;
  font-weight: 600;
  color: #fffbfb;
  line-height: normal;
  white-space: nowrap;
  position: absolute;
  font-family: "Montserrat", Helvetica;
  font-size: 14px;
  letter-spacing: 0;
}

.mission-vision .vector-2 {
  width: 16px;
  height: 21px;
  top: 0;
  position: absolute;
  left: 0;
}

.mission-vision .group-8 {
  position: absolute;
  width: 297px;
  height: 19px;
  top: 126px;
  left: 2px;
}

.mission-vision .text-wrapper-3 {
  position: absolute;
  width: 254px;
  top: 0;
  left: 41px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #fffbfb;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.mission-vision .vector-3 {
  width: 21px;
  height: 16px;
  top: 2px;
  position: absolute;
  left: 0;
}

.mission-vision .text-wrapper-4 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #b89561;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.mission-vision .overlap-group-wrapper {
  position: absolute;
  width: 190px;
  height: 243px;
  top: 0;
  left: 397px;
}

.mission-vision .overlap-group {
  position: relative;
  width: 188px;
  height: 243px;
}

.mission-vision .frame-wrapper {
  display: inline-flex;
  flex-direction: column;
  height: 54px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 189px;
  left: 0;
}

.mission-vision .frame-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -2.85px;
}

.mission-vision .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.mission-vision .facilities-default {
  display: inline-flex;
  flex-direction: column;
  height: 54px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 154px;
  left: 0;
}

.mission-vision .component {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -2.85px;
  position: relative;
}

.mission-vision .component-wrapper {
  display: inline-flex;
  flex-direction: column;
  height: 54px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 120px;
  left: 0;
}

.mission-vision .a-b-dropdown-comp-wrapper {
  display: flex;
  flex-direction: column;
  width: 188px;
  height: 57px;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 83px;
  left: 0;
}

.mission-vision .a-b-dropdown-comp {
  position: relative;
  width: 178px;
  height: 40px;
  margin-top: -1.5px;
  margin-bottom: -1.5px;
  margin-right: -10px;
}

.mission-vision .text-wrapper-6 {
  top: 9px;
  left: 10px;
  color: #ffffff;
  position: absolute;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.mission-vision .frame-4 {
  display: inline-flex;
  flex-direction: column;
  height: 57px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 46px;
  left: 0;
}

.mission-vision .component-2 {
  width: 102px;
  height: 40px;
  margin-bottom: -3px;
  position: relative;
}

.mission-vision .frame-5 {
  display: flex;
  flex-direction: column;
  width: 91px;
  height: 54px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 12px;
  left: 0;
}

.mission-vision .text-wrapper-7 {
  position: absolute;
  top: 0;
  left: 20px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #b89561;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.mission-vision .group-9 {
  position: absolute;
  width: 266px;
  height: 162px;
  top: 0;
  left: 612px;
}

.mission-vision .text-wrapper-8 {
  top: 42px;
  left: 0;
  font-weight: 500;
  color: #ffffff;
  line-height: 19.6px;
  white-space: nowrap;
  position: absolute;
  font-family: "Montserrat", Helvetica;
  font-size: 14px;
  letter-spacing: 0;
}

.mission-vision .text-wrapper-9 {
  position: absolute;
  top: 82px;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19.6px;
  white-space: nowrap;
}

.mission-vision .maple-valley-school {
  top: 122px;
  left: 0;
  font-weight: 500;
  color: #ffffff;
  line-height: 19.6px;
  position: absolute;
  font-family: "Montserrat", Helvetica;
  font-size: 14px;
  letter-spacing: 0;
}

.mission-vision .vector-4 {
  position: absolute;
  width: 1280px;
  height: 1px;
  top: 300px;
  left: 84px;
  object-fit: cover;
}

.mission-vision .text-wrapper-10 {
  position: absolute;
  top: 321px;
  left: 475px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.mission-vision .group-10 {
  position: absolute;
  width: 1109px;
  height: 312px;
  top: 650px;
  left: 197px;
}

.mission-vision .group-11 {
  height: 312px;
}

.mission-vision .group-12 {
  position: relative;
  width: 1109px;
  height: 312px;
}

.mission-vision .group-13 {
  position: absolute;
  width: 505px;
  height: 312px;
  top: 0;
  left: 0;
  background-color: #f8f4f1;
  border-radius: 6px;
}

.mission-vision .group-14 {
  position: relative;
  width: 427px;
  height: 246px;
  top: 33px;
  left: 40px;
}

.mission-vision .group-15 {
  position: absolute;
  width: 206px;
  height: 48px;
  top: 0;
  left: 111px;
}

.mission-vision .text-wrapper-11 {
  position: absolute;
  width: 137px;
  top: 0;
  left: 0;
  font-family: "Playfair Display", Helvetica;
  font-weight: 700;
  color: #063a46;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.mission-vision .unsplash {
  position: absolute;
  width: 36px;
  height: 35px;
  top: 7px;
  left: 168px;
  object-fit: cover;
}

.mission-vision .text-wrapper-12 {
  position: absolute;
  width: 425px;
  top: 74px;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 24px;
}

.mission-vision .group-16 {
  position: absolute;
  width: 487px;
  height: 312px;
  top: 0;
  left: 622px;
  background-color: #f8f4f1;
  border-radius: 6px;
}

.mission-vision .group-17 {
  position: relative;
  width: 412px;
  height: 246px;
  top: 33px;
  left: 39px;
}

.mission-vision .group-18 {
  position: absolute;
  width: 172px;
  height: 48px;
  top: 0;
  left: 107px;
}

.mission-vision .text-wrapper-13 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Playfair Display", Helvetica;
  font-weight: 700;
  color: #063a46;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.mission-vision .auge {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 7px;
  left: 135px;
}

.mission-vision .text-wrapper-14 {
  position: absolute;
  width: 410px;
  top: 74px;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 24px;
}

.mission-vision .group-19 {
  position: absolute;
  width: 1440px;
  height: 533px;
  top: 992px;
  left: 2px;
  background-color: #f8f4f1;
}

.mission-vision .group-20 {
  position: relative;
  width: 1107px;
  height: 448px;
  top: 43px;
  left: 163px;
}

.mission-vision .core-values {
  position: absolute;
  width: 233px;
  top: 0;
  left: 441px;
  font-family: "Montserrat", Helvetica;
  font-weight: 700;
  color: #044454;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 24px;
}

.mission-vision .group-21 {
  position: absolute;
  width: 1105px;
  height: 366px;
  top: 82px;
  left: 0;
}

.mission-vision .group-22 {
  position: absolute;
  width: 1101px;
  height: 170px;
  top: 0;
  left: 4px;
}

.mission-vision .element-2 {
  position: absolute;
  width: 521px;
  height: 170px;
  top: 0;
  left: 0;
}

.mission-vision .element-3 {
  position: absolute;
  width: 521px;
  height: 170px;
  top: 0;
  left: 580px;
}

.mission-vision .group-23 {
  position: absolute;
  width: 1105px;
  height: 170px;
  top: 196px;
  left: 0;
}

.mission-vision .element-4 {
  position: absolute;
  width: 522px;
  height: 170px;
  top: 0;
  left: 0;
}

.mission-vision .element-5 {
  position: absolute;
  width: 523px;
  height: 170px;
  top: 0;
  left: 582px;
}

.mission-vision .overlap-wrapper {
  position: absolute;
  width: 1445px;
  height: 620px;
  top: 0;
  left: 0;
}

.mission-vision .mission-vision-wrapper {
  position: relative;
  width: 1443px;
  height: 620px;
  background-image: url(../assets/anima/mfmbej8lZcYzEk/f7bf2119-dfd7-4f7d-91dd-a9da94cc276b-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.mission-vision .text-wrapper-15 {
  position: absolute;
  top: 373px;
  left: 468px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 64px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

/* --- end: css/style-mission-vision.css --- */

/* ==== END css/style-mission-vision.css ==== */

/* ==== BEGIN css/components.css ==== */
/* Navbar styles */
:root {
  --nav-bg: #ffffff;
  --nav-text: #000000;
}

.navbar {
  background: var(--nav-bg);
  color: var(--nav-text);
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  position: sticky;
  top: 0;
  z-index: 1000;
  border-radius: 12px 12px 0 0;
}
.navbar .nav-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0.9rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.nav-logo img {
  height: 73px;
  width: auto;
  display: block;
}

.nav-menu {
  display: flex;
  gap: 2.25rem;
  margin-left: auto;
  align-items: center;
}
.nav-item > a {
  color: var(--nav-text);
  font-weight: 500;
  letter-spacing: 0.2px;
  padding: 0.25rem 0;
}
.nav-item > a:hover {
  opacity: 0.9;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Dropdowns */
.has-dropdown {
  position: relative;
}
.dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 260px;
  background: #fff;
  color: #111;
  border: 1px solid #e5e5e5;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0;
  border-radius: 8px;
}
.dropdown a {
  color: #111;
  padding: 0.55rem 0.9rem;
  display: block;
}
.dropdown a:hover {
  background: #f3f6fb;
}

/* Nested submenu */
.has-sub > .sub-dropdown {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  min-width: 320px;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0;
  border-radius: 8px;
}

.has-dropdown:hover > .dropdown {
  display: block;
}
.has-sub:hover > .sub-dropdown {
  display: block;
}

/* Accessibility */
.nav-item a:focus,
.dropdown a:focus {
  outline: 2px solid #cde1ff;
  outline-offset: 2px;
}

/* shared navbar behavior */
.navbar {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10000;
  background: #fff; /* so content won't show through while scrolling */
}

/* ==== Navbar typography (canonical) ==== */
:root {
  --navbar-font: "Montserrat", Helvetica, Arial, sans-serif;
}

.navbar,
.navbar a,
.navbar .nav-menu > li > a,
.navbar .dropdown a,
.navbar .sub-dropdown a {
  font-family: var(--navbar-font);
  font-weight: 500;
  letter-spacing: 0; /* keep your current look */
  text-decoration: none; /* guard against browser defaults */
}

/* Mobile fallback */
@media (max-width: 900px) {
  .nav-menu {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .dropdown,
  .sub-dropdown {
    position: static;
    display: none;
    box-shadow: none;
    border: none;
  }
  .has-dropdown:hover > .dropdown,
  .has-sub:hover > .sub-dropdown {
    display: block;
  }
}

/* ==== END css/components.css ==== */

/* ==== BEGIN css/globals.css ==== */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    sans-serif;
  line-height: 1.5;
  color: #1f2937;
  background: #fff;
}
a {
  text-decoration: none;
}
ul {
  list-style: none;
}

.social-emotional .group-2 {
  z-index: 0;
}

/* Import Montserrat font */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

body {
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  color: #1f2937;
  background: #fff;
}

a {
  text-decoration: none;
}

/* ---------------------------------OVER-RIDES----------------------------------------------- */

/* ==== END css/globals.css ==== */

/* ==== BEGIN css/fixes.css ==== */
/* === Footer gap fix === */
/* The wrapper we cloned around the footer carries a .mission-vision .div with min-height:100vh; collapse it here */
.mission-vision .div {
  min-height: 0 !important;
  height: auto !important;
}

/* === Hero visibility fix === */
/* Keep hero visible while allowing page to flow naturally */
.MVCO {
  height: auto !important;
  min-height: 0 !important;
}
.MVCO .group-wrapper {
  overflow: visible !important;
}
/* Ensure hero section keeps its intended height */
.MVCO .frame-2 {
  height: auto !important;
  min-height: 709px !important;
}
/* Remove stray spacing at end of contact block */
.MVCO .group-11 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* ==== END css/fixes.css ==== */