/* --- 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: auto;
  overflow-x: hidden;
}
/* 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-4040c5d6.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:600,500,400,700|Playfair+Display:700,600");
* {
  -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-4040c5d6.css --- */


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

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

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

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

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

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

.MVA .home {
  position: relative;
  width: 44px;
  height: 17px;
}

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

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

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

.MVA .admissions {
  position: relative;
  width: 82px;
  height: 17px;
}

.MVA .facilities {
  position: relative;
  width: 62px;
  height: 17px;
}

.MVA .gallery {
  position: relative;
  width: 50px;
  height: 17px;
}

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

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

.MVA .overlap-wrapper {
  position: relative;
  width: 1441px;
  height: auto;
  top: 0;
  left: 0;
  overflow: visible;

}

.MVA .overlap-wrapper::-webkit-scrollbar {
  width: 0;
  display: none;
}

.MVA .overlap {
  position: relative;
  width: 1441px;
  height: 2977px;
}

.MVA .group {
  position: absolute;
  width: 1441px;
  height: 2977px;
  top: 0;
  left: 0;
}

.MVA .home-our-programs {
  position: absolute;
  width: 1441px;
  height: 594px;
  top: 1290px;
  left: 0;
  background-color: #f1f3f4;
}

.MVA .group-2 {
  position: relative;
  width: 1278px;
  height: 403px;
  top: 90px;
  left: 82px;
}

.MVA .group-3 {
  position: absolute;
  width: 1278px;
  height: 302px;
  top: 101px;
  left: 0;
}

.MVA .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 258px;
  height: 294px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #ffffff;
  border-radius: 5px;
}

.MVA .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.MVA .layer {
  position: relative;
  width: 62px;
  height: 41px;
  background-image: url(../assets/anima/mfnu08tq6cMf1t/image-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.MVA .academic-excellence {
  position: relative;
  width: 218px;
  margin-right: -20.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.MVA .p {
  position: relative;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #666666;
  font-size: 14px;
  letter-spacing: 0.84px;
  line-height: normal;
}

.MVA .frame-4 {
  display: flex;
  flex-direction: column;
  width: 258px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 340px;
  background-color: #ffffff;
  border-radius: 5px;
}

.MVA .image {
  position: relative;
  width: 56px;
  height: 56px;
  object-fit: cover;
}

.MVA .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.MVA .frame-5 {
  display: flex;
  flex-direction: column;
  width: 258px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 680px;
  background-color: #ffffff;
  border-radius: 5px;
}

.MVA .text-wrapper-4 {
  position: relative;
  align-self: stretch;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #666666;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.MVA .frame-6 {
  display: flex;
  flex-direction: column;
  width: 258px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 1020px;
  background-color: #ffffff;
  border-radius: 5px;
}

.MVA .group-4 {
  position: absolute;
  width: 671px;
  height: 89px;
  top: 0;
  left: 361px;
}

.MVA .student-life {
  position: absolute;
  height: 34px;
  top: 0;
  left: 73px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #063a46;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 34px;
  white-space: nowrap;
}

.MVA .text-wrapper-5 {
  position: absolute;
  height: 48px;
  top: 41px;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #b89561;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

.MVA .footer-wrapper {
  position: absolute;
  width: 1440px;
  height: 332px;
  top: 2645px;
  left: 1px;
}

.MVA .footer {
  width: 1440px;
  height: 332px;
  background-color: transparent;
}

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

.MVA .group-5 {
  position: absolute;
  width: 1314px;
  height: 243px;
  top: 40px;
  left: 74px;
}

.MVA .group-6 {
  position: absolute;
  width: 372px;
  height: 225px;
  top: 0;
  left: 0;
}

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

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

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

.MVA .group-wrapper {
  position: absolute;
  width: 417px;
  height: 145px;
  top: 0;
  left: 897px;
}

.MVA .group-7 {
  position: relative;
  width: 419px;
  height: 145px;
}

.MVA .group-8 {
  position: absolute;
  width: 222px;
  height: 19px;
  top: 87px;
  left: 5px;
}

.MVA .vector {
  width: 19px;
  height: 19px;
  top: 0;
  position: absolute;
  left: 0;
}

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

.MVA .group-9 {
  position: absolute;
  width: 416px;
  height: 21px;
  top: 46px;
  left: 3px;
}

.MVA .text-wrapper-6 {
  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;
}

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

.MVA .group-10 {
  position: absolute;
  width: 297px;
  height: 19px;
  top: 126px;
  left: 2px;
}

.MVA .text-wrapper-7 {
  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;
}

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

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

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

.MVA .overlap-group-2 {
  position: relative;
  width: 188px;
  height: 243px;
}

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

.MVA .frame-8 {
  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;
}

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

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

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

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

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

.MVA .a-b-dropdown-comp {
  position: relative;
  width: 178px;
  height: 40px;
  margin-top: -1.50px;
  margin-bottom: -1.50px;
  margin-right: -10.00px;
}

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

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

.MVA .component-2 {
  width: 102px;
  height: 40px;
  margin-bottom: -3.00px;
  position: relative;
}

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

.MVA .text-wrapper-11 {
  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;
}

.MVA .group-11 {
  position: absolute;
  width: 266px;
  height: 162px;
  top: 0;
  left: 612px;
}

.MVA .text-wrapper-12 {
  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;
}

.MVA .text-wrapper-13 {
  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;
}

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

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

.MVA .text-wrapper-14 {
  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;
}

.MVA .group-12 {
  position: absolute;
  width: 1064px;
  height: 661px;
  top: 1934px;
  left: 190px;
}

.MVA .contactus-package {
  position: absolute;
  width: 1062px;
  height: 607px;
  top: 54px;
  left: 0;
}

.MVA .overlap-2 {
  position: relative;
  height: 607px;
  top: 26px;
  background-image: url(../assets/anima/mfnu08tq6cMf1t/freepik--the-style-is-candid-image-photography-with-natural--515-2.png);
  background-size: cover;
  background-position: 50% 50%;
}

.MVA .form {
  border-right: 1px solid rgba(0,0,0,0.15);
  position: absolute;
  width: 367px;
  height: 521px;
  top: 17px;
  left: 695px;
  background-color: #ffffff;
  border-radius: 2px;
}

.MVA .full-name {
  position: absolute;
  width: 308px;
  height: 42px;
  top: 80px;
  left: 29px;
  background-color: #ffffff;
  border-radius: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #000000;
}

.MVA .text-wrapper-15 {
  position: absolute;
  width: 109px;
  top: 13px;
  left: 5px;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.MVA .message {
  position: absolute;
  width: 308px;
  height: 42px;
  top: 288px;
  left: 29px;
  background-color: #ffffff;
  border-radius: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #000000;
}

.MVA .phone {
  position: absolute;
  width: 308px;
  height: 42px;
  top: 219px;
  left: 29px;
  background-color: #ffffff;
  border-radius: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #000000;
}

.MVA .email {
  position: absolute;
  width: 308px;
  height: 42px;
  top: 150px;
  left: 29px;
  background-color: #ffffff;
  border-radius: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #000000;
  border: none;
  font-family: "Montserrat", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  padding: 0;
  padding-left: 5px;
}

.MVA .group-13 {
  position: absolute;
  width: 156px;
  height: 42px;
  top: 369px;
  left: 213px;
}

.MVA .overlap-group-3 {
  position: relative;
  width: 154px;
  height: 42px;
  background-color: #b89561;
}

.MVA .text-wrapper-16 {
  position: absolute;
  width: 98px;
  top: 14px;
  left: 28px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.MVA .group-14 {
  position: absolute;
  width: 678px;
  height: 273px;
  top: 131px;
  left: 0;
}

.MVA .text-wrapper-17 {
  width: 674px;
  height: 67px;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  line-height: normal;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Montserrat", Helvetica;
  letter-spacing: 0;
}

.MVA .every-message-writes {
  position: absolute;
  width: 651px;
  height: 196px;
  top: 77px;
  left: 0;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #f8f4f1;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.MVA .text-wrapper-18 {
  position: absolute;
  top: 0;
  left: 412px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #063a46;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.MVA .group-15 {
  position: absolute;
  width: 1292px;
  height: 367px;
  top: 873px;
  left: 75px;
}

.MVA .group-16 {
  position: absolute;
  width: 573px;
  height: 48px;
  top: 0;
  left: 0;
}

.MVA .group-17 {
  position: relative;
  width: 575px;
  height: 48px;
}

.MVA .text {
  position: absolute;
  width: 573px;
  top: 0;
  left: 0;
  font-family: "Playfair Display", Helvetica;
  font-weight: 600;
  color: #063a46;
  font-size: 48px;
  letter-spacing: 2.88px;
  line-height: 28px;
}

.MVA .frame-11 {
  position: absolute;
  width: 1292px;
  height: 284px;
  top: 83px;
  left: 0;
}

.MVA .group-18 {
  position: relative;
  height: 284px;
}

.MVA .image-2 {
  position: absolute;
  width: 481px;
  height: 262px;
  top: 22px;
  left: 811px;
  object-fit: cover;
}

.MVA .bullet-points {
  position: absolute;
  width: 759px;
  height: 284px;
  top: 0;
  left: 0;
}

.MVA .group-19 {
  position: absolute;
  width: 604px;
  height: 28px;
  top: 203px;
  left: 0;
}

.MVA .vector-5 {
  width: 21px;
  height: 16px;
  top: 6px;
  position: absolute;
  left: 0;
}

.MVA .text-wrapper-19 {
  position: absolute;
  width: 561px;
  top: 0;
  left: 41px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 28px;
  white-space: nowrap;
}

.MVA .group-20 {
  position: absolute;
  width: 646px;
  height: 29px;
  top: 98px;
  left: 0;
}

.MVA .vector-6 {
  width: 21px;
  height: 16px;
  top: 7px;
  position: absolute;
  left: 0;
}

.MVA .text-wrapper-20 {
  position: absolute;
  width: 603px;
  top: 0;
  left: 41px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 28px;
  white-space: nowrap;
}

.MVA .group-21 {
  position: absolute;
  width: 681px;
  height: 29px;
  top: 49px;
  left: 0;
}

.MVA .text-wrapper-21 {
  position: absolute;
  width: 638px;
  top: 0;
  left: 41px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 28px;
  white-space: nowrap;
}

.MVA .group-22 {
  position: absolute;
  width: 576px;
  height: 29px;
  top: 0;
  left: 0;
}

.MVA .text-wrapper-22 {
  position: absolute;
  width: 533px;
  top: 0;
  left: 41px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 28px;
  white-space: nowrap;
}

.MVA .group-23 {
  position: absolute;
  width: 761px;
  height: 29px;
  top: 255px;
  left: 0;
}

.MVA .text-wrapper-23 {
  position: absolute;
  width: 718px;
  top: 0;
  left: 41px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 28px;
  white-space: nowrap;
}

.MVA .group-24 {
  position: absolute;
  width: 711px;
  height: 29px;
  top: 150px;
  left: 0;
}

.MVA .text-wrapper-24 {
  position: absolute;
  width: 668px;
  top: 0;
  left: 41px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 28px;
  white-space: nowrap;
}

.MVA .group-25 {
  position: absolute;
  width: 1442px;
  height: 823px;
  top: 0;
  left: 1px;
}

.MVA .overlap-3 {
  position: relative;
  width: 1440px;
  height: 823px;
  background-image: url(../assets/anima/mfnu08tq6cMf1t/image-5.png);
  background-size: cover;
  background-position: 50% 50%;
}

.MVA .text-wrapper-25 {
  position: absolute;
  top: 189px;
  left: 857px;
  font-family: "Playfair Display", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: normal;
}

.MVA .group-26 {
  position: absolute;
  width: 439px;
  height: 64px;
  top: 873px;
  left: 75px;
}

.MVA .frame-12 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
}

.MVA .text-wrapper-26 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Montserrat", Helvetica;
  font-weight: 600;
  color: #063a46;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

/* --- end: css/style-mva.css --- */

/* -----------------OVerrides--------------------------- */

/* Normalize all four inputs to the same darker 1px border */
    #contactForm input.email,
    #contactForm input.input-fullname,
    #contactForm input.input-phone,
    #contactForm textarea.input-message {
      box-sizing: border-box !important;
      background: #ffffff !important;
      border: 1px solid rgba(0,0,0,0.50) !important; /* same visual weight as Email */
      border-radius: 6px !important;
      box-shadow: none !important;
    }

    /* Optional but nice: consistent hover/focus */
    #contactForm input.email:hover,
    #contactForm input.input-fullname:hover,
    #contactForm input.input-phone:hover,
    #contactForm textarea.input-message:hover {
      border-color: rgba(0,0,0,0.55) !important;
    }
    #contactForm input.email:focus,
    #contactForm input.input-fullname:focus,
    #contactForm input.input-phone:focus,
    #contactForm textarea.input-message:focus {
      outline: none !important;
      border-color: rgba(0,0,0,0.65) !important;
    }

    /* Remove the old bottom-only stroke on the decorative wrappers
       so the full 1px border is the only border you see */
    #contactForm .full-name,
    #contactForm .phone,
    #contactForm .message {
      border: none !important;
    }


/* === Contact form normalization (moved from MVA__index.html) === */
/* Ensure all four inputs (Full name, Email, Phone, Message) share the same full 1px border */
#contactForm input.email,
#contactForm input.input-fullname,
#contactForm input.input-phone,
#contactForm textarea.input-message {
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.50) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #000 !important;
}

/* Unified hover/focus for all four */
#contactForm input.email:hover,
#contactForm input.input-fullname:hover,
#contactForm input.input-phone:hover,
#contactForm textarea.input-message:hover {
  border-color: rgba(0,0,0,0.55) !important;
}
#contactForm input.email:focus,
#contactForm input.input-fullname:focus,
#contactForm input.input-phone:focus,
#contactForm textarea.input-message:focus {
  outline: none !important;
  border-color: rgba(0,0,0,0.65) !important;
}

/* Remove bottom-only borders from wrapper boxes so the full 1px border is the only visible border */
#contactForm .full-name,
#contactForm .phone,
#contactForm .message {
  border: none !important;
  border-bottom: none !important;
}

/* Keep labels visually consistent */
.contactus-package .form .full-name .text-wrapper-15,
.contactus-package .form .phone .text-wrapper-15,
.contactus-package .form .message .text-wrapper-15 {
  opacity: 0 !important; /* using placeholders only */
  pointer-events: none !important;
}

/* Match field heights to original design */
#contactForm input.email,
#contactForm input.input-fullname,
#contactForm input.input-phone,
#contactForm textarea.input-message {
  height: 42px !important;
  line-height: 26px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Keep the tiny right-edge stroke on the form card to differentiate from page background */
.MVA .form { border-right: 1px solid rgba(0,0,0,0.15) !important; }

/* Placeholder color (subtle) */
#contactForm input::placeholder,
#contactForm textarea::placeholder {
  color: #6b7280;
}


/* === Adjustments: make Message box taller by ~2 lines and push button down === */
#contactForm textarea.input-message {
  height: 98px !important;        /* ~2 more lines than a single-line field */
  min-height: 98px !important;
  line-height: 22px !important;    /* normal multi-line line-height */
  padding-top: 10px !important;    /* comfortable top padding */
  padding-bottom: 10px !important;
  overflow: auto !important;     /* keep scrollbars hidden as per earlier request */
}

/* Move Send Message button down by the same offset (increase top by +56px) */
.MVA .group-13 {
  top: 425px !important;
}


/* === Final alignment fixes === */
/* Restore left alignment with comfortable vertical padding for inputs */
#contactForm input.email,
#contactForm input.input-fullname,
#contactForm input.input-phone {
  text-align: left !important;
  height: 42px !important;
  line-height: normal !important;     /* avoid forced centering that can look off */
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Keep left alignment on focus as well */
#contactForm input.email:focus,
#contactForm input.input-fullname:focus,
#contactForm input.input-phone:focus {
  text-align: left !important;
}

/* Make sure placeholders are left-aligned */
#contactForm input::placeholder,
#contactForm textarea::placeholder {
  text-align: left !important;
}

/* Message box: taller, no resizer/scrollbars, left-aligned text with normal line-height */
#contactForm textarea.input-message {
  text-align: left !important;
  height: 98px !important;
  min-height: 98px !important;
  line-height: 22px !important;
  padding: 10px !important;
  resize: none !important;            /* hide the diagonal resize handle */
  overflow: hidden !important;        /* hide scrollbars */
}


/* QUICK LINKS WHITE OVERRIDE */
.footer a,
footer a {
  color: #FFFFFF !important;
  text-decoration: none;
}
.footer a:visited,
footer a:visited {
  color: #FFFFFF !important;
}
.footer a:hover,
footer a:hover {
  color: #FFFFFF !important;
  text-decoration: underline;
}


/* Keep the actual submit button aligned with the visible button */
#contactForm button[type="submit"] {
  top: 425px !important;    /* match .group-13 new top */
  left: 213px !important;
  width: 156px !important;
  height: 42px !important;
  cursor: pointer !important;
  z-index: 6;               /* keep it above */
}

/* Make the visible area show a pointer and avoid text selection */
#contactForm .overlap-group-3,
#contactForm .text-wrapper-16 {
  cursor: pointer !important;
  user-select: none !important;
}