:root {
  --contents-titles: white;
  --menu-icon: #002f6c;
  --section1bg: #002f6c;
  --section2bg: #fff;
  --section3bg: var(--section1bg);
  --section4bg: #002f6c;
  --section5bg: #e6e6e6;
  --section6bg: #fff;
  --section7bg: #002f6c;
  --h1: white;
  --section2-content: #dadada00;
  --stats-lrg: #fff;
  --card: white;
  --testimonial: #fedb00;
  --section5-overlay-color: #ed8b00ed;
  --grid-bg: #fff;
  --location-stationary: #000c;
  --location-blk: #fff;
  --nav-icon-wrapper: #ed8b00;
  --tabs-color: #ed8b00;
  --contact-tab-color: #ed8b00;
  --grid-txt2-bg: #232323;
  --clip-mask: 0%;
  --location2-bg: #fff0;
  --transparent: #0000;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.lookbook-wrapper {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.tabs-panel {
  z-index: 9999;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  pointer-events: auto;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 8em;
  height: 25%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.tab {
  background-color: #d7d7d7;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3em;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
  box-shadow: 0 2px 5px #0000005c;
}

.tab:hover, .tab:focus {
  background-color: #fff;
}

.tab-link {
  color: #363636;
  font-weight: 700;
}

.nav {
  pointer-events: none;
}

.menu_icon {
  z-index: 4;
  pointer-events: auto;
  cursor: pointer;
  flex: none;
  width: 1.9em;
  height: auto;
  position: relative;
}

.nav_contents {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  width: 89%;
  max-width: 1200px;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.nav-txt {
  z-index: 4;
  pointer-events: auto;
  color: #002f6c;
  position: relative;
}

.contents_blk {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  width: 25%;
  display: flex;
}

.contents-img {
  max-width: none;
  height: 9em;
}

.img_cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img_cover._1-bg {
  z-index: 0;
  pointer-events: none;
  position: static;
}

.img_cover.apply {
  object-fit: cover;
  max-width: none;
}

.img_cover.from-bottom, .img_cover.from-top {
  object-position: 50% 0%;
}

.img_cover.from-left {
  object-position: 83% 50%;
}

.img_cover.admission {
  object-position: 20% 50%;
}

.img_cover.from-right {
  object-position: 100% 50%;
}

.img_cover.c8 {
  object-position: 50% 0%;
}

.p {
  font-family: heebo, sans-serif;
  font-size: 1em;
}

.p.contents {
  color: #002f6c;
  padding-top: .75em;
  font-family: heebo, sans-serif;
  font-size: 1.2em;
  font-weight: 700;
}

.p.white {
  color: #fff;
  text-align: left;
}

.p.white.centered {
  text-align: center;
}

.p.white.testimonial-txt {
  color: #002f6c;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}

.p.location-intro {
  color: #fff;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
}

.p.centered.location-title {
  color: #002f6c;
  font-size: 1.4em;
  font-weight: 900;
}

.p.contact-txt {
  text-align: center;
}

.p.footer, .p.footer-txt, .p.cover {
  color: #fff;
  text-align: center;
}

.p.header-p {
  color: #fff;
  text-align: center;
  font-size: 2.7em;
  font-weight: 900;
  line-height: 1.3;
}

.p.deanza-p {
  color: #002f6c;
  font-weight: 400;
}

.p.card-intro {
  font-size: 1.4em;
  line-height: 1.2;
}

.p.list-why {
  font-size: .9em;
  line-height: 1.3;
}

.p.svcs {
  color: #002f6c;
  text-align: left;
  margin-bottom: 0;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.2;
}

.p.safari {
  color: #002f6c;
  text-align: left;
  font-weight: 400;
}

.p.safari.location-title {
  color: #002f6c;
  font-size: 1.4em;
  font-weight: 900;
}

.p.content-titles {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

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

.nav-dropdown {
  z-index: 8;
  pointer-events: auto;
  background-color: #002f6c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: -100vh;
  padding: 6em 5em 8em 6em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nav-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  width: 100%;
  display: flex;
}

.navigaton {
  z-index: 9998;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  pointer-events: none;
  width: 100%;
  padding-top: 3em;
  padding-bottom: 2em;
  padding-left: 3em;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.hamburger {
  grid-column-gap: .2em;
  grid-row-gap: .2em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon-line {
  background-color: var(--menu-icon);
  width: 100%;
  height: .2em;
}

.body {
  pointer-events: none;
  max-width: 100vw;
  overflow: visible;
}

.content {
  background-color: #585858;
  width: 100%;
  max-width: 100vw;
}

.section-1 {
  background-color: var(--section1bg);
  height: auto;
  position: static;
  top: 0;
}

.section-1.slide1, .section-1.slide2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: sticky;
}

.section-1.slide3, .section-1.slide4 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: sticky;
}

.section-1.slide5 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section-2 {
  z-index: 4;
  background-color: var(--section2bg);
  pointer-events: auto;
  width: 100%;
  height: 115vh;
  position: relative;
}

.section-2.disabled {
  display: flex;
}

.section-3 {
  z-index: 4;
  background-color: var(--section3bg);
  pointer-events: auto;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  height: auto;
  position: sticky;
  top: 0;
}

.section-4 {
  z-index: 4;
  grid-column-gap: 8em;
  grid-row-gap: 8em;
  background-color: var(--section4bg);
  pointer-events: auto;
  background-image: linear-gradient(#002f6c, #9bcaf8);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 8em;
  padding-bottom: 8em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-5 {
  z-index: 4;
  background-color: var(--section5bg);
  pointer-events: auto;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
}

.section-6 {
  z-index: 4;
  background-color: var(--section6bg);
  pointer-events: auto;
  width: 100%;
  height: auto;
  position: relative;
}

.section-7 {
  z-index: 4;
  background-color: var(--section7bg);
  pointer-events: auto;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-bottom: 14em;
  display: flex;
  position: relative;
  top: 0;
}

.mask-layer {
  background-color: #53525200;
  width: 100%;
  height: 100vh;
  position: relative;
}

.section-content {
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.section-content.disabled {
  display: none;
}

.home_content {
  z-index: 1;
  pointer-events: auto;
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 300vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 0%;
}

.title_txt {
  z-index: 2;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.h1 {
  color: var(--h1);
  text-align: center;
  white-space: pre-line;
  font-family: heebo, sans-serif;
  font-size: 3.4em;
  font-weight: 900;
  line-height: 1.1;
}

.mask-layer-example {
  clip-path: circle(var(--clip-mask) at 50% 50%);
  background-color: #53525200;
  width: 100%;
  height: 150vh;
}

.section-bg-video {
  width: 100%;
  height: 100%;
}

.bg-video {
  pointer-events: auto;
  width: 100%;
  height: 100%;
}

.section2-content {
  z-index: 2;
  background-color: var(--section2-content);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.content-overlay {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  pointer-events: auto;
  background-color: #0000009e;
  border: 8px solid #fff;
  border-radius: 2em;
  flex-flow: column;
  width: 70%;
  height: auto;
  max-height: 80%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.stats-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 20%;
  display: flex;
}

.stats-overlay-blk {
  background-color: #ed8b00;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: auto;
  padding: 1em;
  display: flex;
}

.stats-overlay-blk._50 {
  background-color: #ed8b00;
  border-style: solid;
  flex: none;
  width: 50%;
  height: auto;
  min-height: 100%;
}

.stats {
  color: #002f6c;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: heebo, sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2em;
}

.stats-lrg {
  color: var(--stats-lrg);
  font-family: heebo, sans-serif;
  font-size: 1.6em;
  font-weight: 900;
}

.cards-wrapper {
  flex-flow: column;
  width: 100%;
  margin-top: -100vh;
  display: flex;
}

.card-layer {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: static;
  top: 0;
}

.card-layer.cover {
  position: static;
}

.card-layer.disabled {
  display: none;
}

.card-layer.first {
  position: static;
}

.card-layer.first.sticky, .card-layer.sticky {
  position: sticky;
}

.card {
  background-color: var(--card);
  pointer-events: auto;
  border-radius: 2em;
  width: 70%;
  max-width: 1000px;
  height: 70%;
  margin-top: 0;
  display: block;
  overflow: hidden;
  box-shadow: 0 2px 15px #0003;
}

.card-content {
  width: 100%;
  height: 100%;
  display: flex;
}

.card-content.services {
  flex-flow: column;
}

.card-txt {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 2em 4em;
  display: flex;
}

.card-txt._100 {
  background-color: #fff;
  width: 100%;
  padding-left: 6em;
  padding-right: 6em;
}

.card-txt._100.sticky {
  position: sticky;
  top: 0;
}

.card-txt.services {
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.card-txt.services._2-col {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
}

.card-img {
  width: 50%;
  display: flex;
  position: relative;
}

.card-img.curriculum {
  position: relative;
}

.h2 {
  color: #002f6c;
  font-family: heebo, sans-serif;
  font-size: 2.2em;
  font-weight: 900;
}

.h2.cover {
  text-align: center;
}

.h2.white {
  color: #fff;
}

.h2.white.centered {
  text-align: center;
  font-size: 2.6em;
}

.button {
  color: #002f6c;
  background-color: #ed8b00;
  border-radius: 3em;
  font-family: heebo, sans-serif;
  font-weight: 700;
}

.button.download {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.button.translate {
  justify-content: center;
  align-items: center;
  width: 14em;
  display: flex;
}

.button.college {
  text-align: center;
  background-color: #fedb00;
  justify-content: center;
  align-items: center;
  width: 12em;
  display: flex;
}

.button.apply {
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.2em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.button.apply:hover {
  background-color: #fedb00;
}

.button.apply-2 {
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: 20px 40px;
  font-size: 1.5em;
  display: flex;
}

.button.apply-2:hover {
  background-color: #fedb00;
}

.button.card-btn {
  z-index: 3;
  text-align: center;
  cursor: pointer;
  background-color: #fedb00;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 1em;
  margin-right: 1em;
  line-height: 16px;
  display: flex;
  position: static;
  inset: auto 0% 2em;
  box-shadow: 0 2px 5px #0003;
}

.button.card-btn:hover {
  background-color: #fff;
}

.h3 {
  color: #002f6c;
  font-family: heebo, sans-serif;
  font-size: 2.3em;
  font-weight: 900;
  line-height: 33px;
}

.h3.white {
  color: #fff;
  font-size: 2.3em;
  line-height: 1.2;
}

.h3.school {
  color: #ed8b00;
  font-size: 3em;
}

.h3.school._2 {
  color: #002f6c;
  font-size: 3.8em;
  line-height: 1;
}

.h3.apply-header {
  font-size: 2.8em;
}

.h3.foothill {
  color: #ed8b00;
  font-size: 3.8em;
  line-height: 1;
}

.h3.foothill._2 {
  color: #002f6c;
}

.h3.cards-title {
  font-size: 3.3em;
  line-height: 1;
}

.h3.stats-centered {
  color: #fff;
  text-align: center;
  font-size: 2.6em;
}

.h3.download {
  font-size: 1.9em;
}

.testimonial {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: var(--testimonial);
  border-radius: 14em;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  padding: 4em;
  display: flex;
}

.testimonial-img {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  border: 11px solid #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18em;
  height: 18em;
  display: block;
  overflow: hidden;
}

.testimonial-txt {
  justify-content: flex-start;
  align-items: center;
  width: 67%;
  display: flex;
}

.section5-bg {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.section5-contents {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--section5-overlay-color);
  mix-blend-mode: normal;
  border: 3px solid #fff;
  border-radius: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding: 2em 4em;
  display: flex;
  position: absolute;
}

.section5-grid-wrapper {
  z-index: 3;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 110vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 14em;
  display: flex;
  position: relative;
  inset: 0%;
}

.grid-base {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--grid-bg);
  flex-flow: column;
  width: 65%;
  padding: 1em;
  display: flex;
}

.grid-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  width: 100%;
  display: flex;
}

.grid-block {
  width: 50%;
}

.grid-block.txt {
  background-color: #ed8b00;
  justify-content: center;
  align-items: center;
  padding: 2em 3em;
  display: flex;
}

.grid-block.txt.double {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  padding-top: 3em;
  padding-bottom: 3em;
}

.grid-block.txt._2 {
  background-color: #fedb00;
}

.grid-block._3rds {
  width: 33.3%;
}

.grid-block._3rds.txt2 {
  background-color: #002f6c;
  justify-content: center;
  align-items: center;
  padding: 2em;
  display: flex;
}

.grid-block._3rds._2of3 {
  background-color: #002f6c;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  padding: 2em;
  display: flex;
}

.grid-block._60 {
  width: 60%;
}

.grid-block._40 {
  width: 40%;
}

.grid-block._100 {
  width: 100%;
}

.grid-block._1of3 {
  width: 40%;
}

.grid-block._1of3.txt2 {
  background-color: #002f6c;
  justify-content: center;
  align-items: center;
  padding: 2em;
  display: flex;
}

.grid-block._1of3._2of3 {
  background-color: #002f6c;
  justify-content: center;
  align-items: center;
  width: 60%;
  padding: 2em;
  display: flex;
}

.grid-img {
  width: 100%;
  height: 100%;
}

.grid-txt {
  color: #002f6c;
  text-align: center;
  white-space: pre-wrap;
  word-break: normal;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-family: heebo, sans-serif;
  font-size: 2em;
  font-weight: 900;
  line-height: 1.2;
  display: flex;
}

.grid-txt.btm {
  border-top: 1px solid #002f6c;
  padding-top: 1em;
}

.grid-txt.p {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  text-align: left;
  flex-flow: column;
  font-size: 1.2em;
  font-weight: 700;
}

.grid-txt.p.white {
  justify-content: center;
  align-items: flex-start;
}

.grid-txt.orange {
  color: #ed8b00;
}

.grid-row-3rds {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  width: 100%;
  display: flex;
}

.location-bg {
  flex-flow: column;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.location-stationary {
  z-index: 4;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--location-stationary);
  opacity: 1;
  mix-blend-mode: normal;
  border-radius: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35%;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 6em;
  padding: 2em 3em 3em;
  display: flex;
  position: absolute;
  inset: 16% auto auto 0%;
}

.location-scroll {
  grid-column-gap: 10em;
  grid-row-gap: 10em;
  background-color: #fff0;
  flex-flow: column;
  width: 40%;
  height: auto;
  margin-left: auto;
  margin-right: 10em;
  padding-top: 8em;
  padding-bottom: 14em;
  display: flex;
  position: relative;
}

.location-bg-vid {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.location-blk {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--location-blk);
  border-radius: 2em;
  flex-flow: column;
  padding: 1em;
  display: flex;
  position: relative;
}

.location-blk-vid {
  width: 100%;
  height: 25em;
}

.location-label {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-icon-wrapper {
  z-index: 999;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--nav-icon-wrapper);
  cursor: auto;
  border-radius: 2em;
  padding: .25em 1em;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.nav-icon-wrapper:hover {
  background-color: #fedb00;
  box-shadow: 0 2px 5px #0003;
}

.section7-header {
  flex: none;
  width: 100%;
  height: 42em;
  position: sticky;
  top: 0;
}

.section7-content {
  background-color: #fff;
  border-radius: 2em;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 4em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.section7-txt {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.section7-form {
  background-color: #fff;
  border-radius: 2em;
  flex-flow: column;
  width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 4em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.form-embed {
  width: 100%;
}

.form-embed.disabled {
  flex-flow: column;
  flex: none;
}

.section7-scroll-wrapper {
  z-index: 3;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.footer {
  z-index: 4;
  pointer-events: auto;
  background-color: #011e43;
  background-image: linear-gradient(#002f6c, #011e43);
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-bottom: 4em;
  position: relative;
}

.play-pause, .play-pause-locations {
  width: 2.5em;
  height: 2.5em;
}

.contact {
  z-index: 999;
  pointer-events: auto;
  background-color: #b1b1b147;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
}

.contact-modal {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  border-radius: 2em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 4em;
  display: flex;
  position: fixed;
  box-shadow: 0 2px 5px #0003;
}

.contact-txt {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.contact-title {
  text-align: center;
  font-size: 2em;
  font-weight: 700;
}

.contact-p {
  text-align: center;
  font-size: 1.3em;
}

.code-embed {
  width: 100%;
}

.contact-close {
  border-radius: 50%;
  flex: none;
  position: absolute;
  inset: 1em 1em auto auto;
}

.modal-component.disabled {
  display: none;
}

.button-2 {
  background-color: var(--tabs-color);
  color: #002f6c;
  cursor: pointer;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  font-size: .9em;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  transition-property: none;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.button-2:hover {
  color: #002f6c;
  background-color: #fedb00;
}

.button-2.modal-open_btn {
  background-color: var(--contact-tab-color);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 9px 15px;
  font-family: heebo, sans-serif;
  font-size: .9em;
  font-weight: 700;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.button-2.modal-open_btn:hover {
  color: #002f6c;
  background-color: #fedb00;
}

.modal-wrapper {
  z-index: 99999;
  background-color: #141414cc;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modal-wrapper._2, .modal-wrapper._3 {
  display: none;
}

.modal-container {
  z-index: 5;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #fff;
  border-radius: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  max-width: 600px;
  max-height: 65vh;
  margin: 10em auto auto;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: auto;
}

.modal-container.translate {
  width: 30%;
  margin-top: 14em;
}

.modal-close_btn {
  z-index: 10;
  color: #000;
  padding: 12px 16px;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: .7;
  text-decoration: none;
  transition: opacity .2s;
  position: absolute;
  inset: 0% 0% auto auto;
}

.modal-close_btn:hover {
  color: #444;
}

.sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.modal-close_area {
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.contact-form-embed {
  width: 100%;
  margin-top: 1em;
}

.footer-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  display: flex;
}

.footer-link {
  color: #69caf1;
}

.cover-cards {
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.cover-card {
  pointer-events: auto;
  background-color: #0e0e0ecf;
  border-radius: 2em;
  width: 70%;
  height: 70%;
  margin-top: 0;
  display: block;
  position: fixed;
  top: 10em;
  overflow: visible;
  box-shadow: 0 2px 15px #0003;
}

.cover-card-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2em 6em;
  display: flex;
  position: static;
  top: 0;
  overflow: visible;
}

.title_txt1 {
  z-index: 2;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 35em;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.title_txt2 {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 35em;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.title_txt3, .title_txt4, .title_txt5 {
  z-index: 2;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.buffer {
  height: 800vh;
}

.section-1-new {
  width: 100%;
  height: auto;
  display: none;
  position: relative;
}

.heading-wrapper {
  z-index: -1;
  background-color: #f4c347;
  width: 100%;
  height: 800vh;
  position: relative;
}

.heading-content {
  z-index: 3;
  pointer-events: auto;
  background-color: #000000c7;
  border: 3px solid #fff;
  border-radius: 2em;
  width: 46%;
  height: 25em;
  min-height: 25em;
  margin: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.heading-content.logo {
  z-index: 2;
  background-color: #0000;
  background-image: linear-gradient(#fff6, #a5b5cb69 81%, #002f6c);
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  min-height: auto;
  margin-top: auto;
}

.section1-n_background {
  z-index: 2;
  pointer-events: none;
  background-color: #fff0;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.cover-video {
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #0000;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100svh;
  max-height: 100vh;
  padding-bottom: 0%;
  display: flex;
  position: sticky;
  overflow: visible;
}

.cover-video.disabled {
  display: none;
}

.div-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.header-txt_1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30em;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
  position: static;
  inset: 0%;
}

.header-txt_2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30em;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
  position: static;
  inset: 0%;
}

.yellow {
  color: #fedb00;
}

.header-txt_3, .header-txt_4, .header-txt_5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30em;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
  position: static;
  inset: 0%;
}

.apply-now_wrapper {
  pointer-events: auto;
}

.no-break {
  white-space: nowrap;
  word-break: keep-all;
}

.h3-bigger {
  font-size: 1.5em;
}

.yellow-lrg {
  color: #fedb00;
  font-size: 1.4em;
}

.quote-name {
  font-size: .9em;
  font-weight: 400;
}

.foothill-contents {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  mix-blend-mode: normal;
  background-color: #002f6cd9;
  border: 3px solid #fff;
  border-radius: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding: 2em 4em;
  display: flex;
  position: absolute;
  top: auto;
}

.deanza-contents {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--section5-overlay-color);
  mix-blend-mode: normal;
  border: 3px solid #fff;
  border-radius: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding: 2em 4em;
  display: flex;
  position: absolute;
}

.gradient-deanza {
  background-image: linear-gradient(#95a71ec9, #002f6c00);
  width: 100%;
  height: 8em;
  position: absolute;
  inset: 0% 0% auto;
}

.gradient-foothill {
  background-image: linear-gradient(0deg, #95a71ec9, #fff0);
  width: 100%;
  height: 8em;
  position: absolute;
  inset: auto 0% 0%;
}

.grid-block-deanza {
  width: 50%;
}

.grid-block-deanza.txt {
  background-color: #fedb00;
  justify-content: center;
  align-items: center;
  padding: 2em 3em;
  display: flex;
}

.grid-block-deanza.txt.double {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  padding-top: 3em;
  padding-bottom: 3em;
}

.grid-block-deanza.txt._2 {
  background-color: #fedb00;
}

.grid-block-deanza._3rds {
  width: 33.3%;
}

.grid-block-deanza._3rds.txt2 {
  background-color: var(--grid-txt2-bg);
  justify-content: center;
  align-items: center;
  padding: 2em;
  display: flex;
}

.grid-block-deanza._60 {
  width: 60%;
}

.grid-block-deanza._40 {
  width: 40%;
}

.grid-block-deanza._100 {
  width: 100%;
}

.grid-block-orange {
  width: 50%;
}

.grid-block-orange.txt {
  background-color: #ed8b00;
  justify-content: center;
  align-items: center;
  padding: 2em 3em;
  display: flex;
}

.grid-block-orange.txt.double {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  padding-top: 3em;
  padding-bottom: 3em;
}

.grid-block-orange.txt._2 {
  background-color: #fedb00;
}

.grid-block-orange._3rds {
  width: 33.3%;
}

.grid-block-orange._3rds.txt2 {
  background-color: #ed8b00;
  justify-content: center;
  align-items: center;
  padding: 2em;
  display: flex;
}

.grid-block-orange._60 {
  width: 60%;
}

.grid-block-orange._40 {
  width: 40%;
}

.grid-block-orange._100 {
  width: 100%;
}

.school-header {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.school-logo {
  background-color: #fff;
  flex: none;
  width: 6em;
  padding: .5em;
}

.school-logo.da {
  width: 7em;
}

.img-contain {
  object-fit: contain;
  width: auto;
  height: 100%;
}

.logo {
  background-color: #0000;
  background-image: none;
  height: 26.8em;
  margin-top: -3em;
  padding: 1em;
}

.list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
}

.highlight {
  background-color: #fedb00;
  padding: 0 .5em;
}

.quick-stack {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  margin-top: auto;
  margin-bottom: auto;
}

.svcs-cell {
  border: 1px solid #ed8b00;
  justify-content: center;
  align-items: center;
  padding: .5em;
}

.card-grid {
  width: 85%;
  display: flex;
}

.svcs-grid-wrap {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 2em;
  display: flex;
}

.svcs-row {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.svcs-block {
  background-color: #fedb00;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: auto;
  padding: .5em 1em;
  display: flex;
}

.svcs-block._50 {
  width: 50%;
}

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

.buttons-schools {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  width: 100%;
  display: flex;
}

.card-txt-grid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 2em 4em;
  display: flex;
}

.card-txt-grid._100 {
  background-color: #fff;
  width: 100%;
  padding-left: 6em;
  padding-right: 6em;
}

.card-txt-grid.services {
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.card-txt-grid.services._2-col {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
}

.stats-title {
  padding-top: 1em;
  padding-bottom: 1em;
}

.heading-txt-wrap {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.cover-slide-vid {
  flex: none;
  width: 100%;
  height: 100%;
}

.stacking-intro {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.arrow-animate-1 {
  z-index: 3;
  transform-style: preserve-3d;
  width: 10em;
  height: 9.8em;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4em;
  display: flex;
  position: static;
  inset: auto 0% 5em;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.arrow-animate-1.lm {
  transform-style: preserve-3d;
  transform: none;
}

.lottie-animation {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.lottie-animation.arrow {
  transform: rotate(0);
}

.lottie-animation.arrow.lm {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.lottie-animation.arrow-lm {
  margin-right: 0;
  transform: rotate(180deg);
}

.section3-bg-vid {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.section3-vid {
  width: 100%;
  height: 100%;
}

.content-lm {
  background-color: #585858;
  width: 100%;
  max-width: 100vw;
}

.stacking-intro-lm {
  width: 100%;
}

.section-2-lm {
  z-index: 4;
  background-color: var(--section2bg);
  pointer-events: auto;
  width: 100%;
  height: 115vh;
  position: relative;
}

.section-2-lm.disabled {
  display: flex;
}

.section-4-lm {
  z-index: 4;
  background-color: var(--section4bg);
  pointer-events: auto;
  background-image: linear-gradient(#002f6c, #9bcaf8);
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 8em;
  padding-bottom: 8em;
  display: flex;
  position: relative;
}

.section-5-lm, .section-5-copy, .section-5-lm2 {
  z-index: 4;
  background-color: var(--section5bg);
  pointer-events: auto;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
}

.section-6-lm {
  z-index: 4;
  background-color: var(--section6bg);
  pointer-events: auto;
  width: 100%;
  height: auto;
  position: relative;
}

.section-7-lm {
  z-index: 4;
  background-color: var(--section7bg);
  pointer-events: auto;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-bottom: 14em;
  display: flex;
  position: relative;
  top: 0;
}

.footer-lm {
  z-index: 4;
  pointer-events: auto;
  background-color: #011e43;
  background-image: linear-gradient(#002f6c, #011e43);
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-bottom: 4em;
  position: relative;
}

.section-1-lm {
  background-color: var(--section1bg);
  height: auto;
  position: static;
  top: 0;
}

.section-1-lm.slide1 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: relative;
}

.section-1-lm.slide2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: sticky;
}

.section-1-lm.slide3, .section-1-lm.slide4 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: sticky;
}

.section-1-lm.slide5 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section-lm2 {
  background-color: var(--section1bg);
  height: auto;
  position: static;
  top: 0;
}

.section-lm2.slide1 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: sticky;
}

.section-lm2.slide2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: relative;
}

.section-lm2.slide3, .section-lm2.slide4 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: sticky;
}

.section-lm2.slide5 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section-1-lm3 {
  background-color: var(--section1bg);
  height: auto;
  position: static;
  top: 0;
}

.section-1-lm3.slide1, .section-1-lm3.slide2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: sticky;
}

.section-1-lm3.slide3 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section-1-lm3.slide4 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: sticky;
}

.section-1-lm3.slide5 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section-1-lm4 {
  background-color: var(--section1bg);
  height: auto;
  position: static;
  top: 0;
}

.section-1-lm4.slide1, .section-1-lm4.slide2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: sticky;
}

.section-1-lm4.slide3 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: sticky;
}

.section-1-lm4.slide4, .section-1-lm4.slide5 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section-1-lm5 {
  background-color: var(--section1bg);
  height: auto;
  position: static;
  top: 0;
}

.section-1-lm5.slide1, .section-1-lm5.slide2 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: sticky;
}

.section-1-lm5.slide3, .section-1-lm5.slide4 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: sticky;
}

.section-1-lm5.slide5 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.section-3-lm {
  z-index: 4;
  background-color: var(--section3bg);
  pointer-events: auto;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  height: auto;
  position: relative;
  top: 0;
}

.mask-layer-lm {
  background-color: #53525200;
  width: 100%;
  height: 100vh;
  position: relative;
}

.section-content-lm {
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.section-content-lm.disabled {
  display: none;
}

.arrow-animate-1lm {
  z-index: 3;
  transform-style: preserve-3d;
  width: 10em;
  height: 14em;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 4em;
  display: flex;
  position: absolute;
  inset: auto 0% 8em;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.heading-content-lm {
  z-index: 3;
  pointer-events: auto;
  background-color: #000000c7;
  border: 3px solid #fff;
  border-radius: 2em;
  width: 46%;
  height: 25em;
  min-height: 25em;
  margin: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.heading-content-lm.logo {
  z-index: 2;
  background-color: #0000;
  background-image: linear-gradient(#0000 58%, #012f6b);
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  min-height: auto;
  margin-top: auto;
}

.cover-slide-vid-lm {
  flex: none;
  width: 100%;
  height: 100%;
}

.heading-content-copy {
  z-index: 3;
  pointer-events: auto;
  background-color: #000000c7;
  border: 3px solid #fff;
  border-radius: 2em;
  width: 46%;
  height: 25em;
  min-height: 25em;
  margin: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.heading-content-copy.logo {
  z-index: 2;
  background-color: #0000;
  background-image: linear-gradient(#0000 58%, #012f6b);
  border-style: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  min-height: auto;
  margin-top: auto;
}

.section3-vid-lm {
  width: 100%;
  height: 100%;
}

.content-overlay-lm {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  pointer-events: auto;
  background-color: #0000009e;
  border: 8px solid #fff;
  border-radius: 2em;
  flex-flow: column;
  width: 70%;
  height: auto;
  max-height: 80%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.testimonial-lm {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: var(--testimonial);
  border-radius: 14em;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  padding: 4em;
  display: flex;
}

.foothill-contents-lm {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  mix-blend-mode: normal;
  background-color: #002f6cd9;
  border: 3px solid #fff;
  border-radius: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding: 2em 4em;
  display: flex;
  position: absolute;
  top: auto;
}

.deanza-contents-lm {
  z-index: 2;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--section5-overlay-color);
  mix-blend-mode: normal;
  border: 3px solid #fff;
  border-radius: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding: 2em 4em;
  display: flex;
  position: absolute;
}

.bg-video-lm {
  pointer-events: auto;
  width: 100%;
  height: 100%;
}

.logo-lm {
  height: 12em;
  margin-top: -8em;
}

.safari-hint {
  background-color: #cbe1fe;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 1em;
  display: flex;
}

.download-btns {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.safari-steps {
  width: 100%;
  margin-top: 1em;
  display: flex;
}

.safari-step {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: row;
  display: flex;
}

.step-number {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.share-icon {
  border-radius: 10px;
  width: 3em;
  overflow: hidden;
}

.add-img {
  border-radius: 0;
  width: 15em;
  overflow: hidden;
}

.btns-card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0 2em;
}

.alumni-header {
  width: 705px;
}

.nav-icon-wrapper-2 {
  z-index: 999;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #ed8b00;
  border-radius: 2em;
  padding: .25em 1em;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.nav-icon-wrapper-2:hover {
  background-color: #fedb00;
  box-shadow: 0 2px 5px #0003;
}

.nav-dropdown-2 {
  z-index: 8;
  pointer-events: auto;
  background-color: #002f6c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: -100vh;
  padding: 6em 5em 8em 6em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.icon-line-2 {
  background-color: #002f6c;
  width: 100%;
  height: .2em;
}

.menu_icon-2 {
  z-index: 4;
  pointer-events: auto;
  flex: none;
  width: 1.9em;
  height: auto;
  position: relative;
}

.button-3 {
  color: #002f6c;
  background-color: #ed8b00;
  border-radius: 3em;
  font-family: heebo, sans-serif;
  font-weight: 700;
}

.button-3.apply {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 1.2em;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.button-3.apply:hover {
  background-color: #fedb00;
}

.testimonial-vid {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 4px #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: 4em;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.test-vid-embed {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 20px;
  flex: 0 auto;
  width: 62%;
  height: 100%;
  overflow: hidden;
}

.video-testimonial {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: var(--testimonial);
  border-radius: 14em;
  justify-content: center;
  align-items: center;
  width: 70%;
  padding: 4em;
  display: flex;
}

.grid-video {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border: 10px #fff;
  border-radius: 0;
  flex: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .tabs-panel {
    margin-bottom: 2em;
  }

  .nav_contents {
    margin-top: 4em;
  }

  .img_cover.from-left {
    object-position: 50% 30%;
  }

  .img_cover.admission {
    object-position: 50% 0%;
  }

  .p {
    font-size: 1em;
  }

  .p.white.testimonial-txt {
    text-align: center;
    width: 100%;
  }

  .p.contact-title {
    font-size: 2em;
  }

  .nav-dropdown {
    max-width: 100%;
    overflow: clip;
  }

  .navigaton {
    padding-top: 2em;
    padding-left: 2em;
    display: flex;
  }

  .body {
    overflow: clip;
  }

  .section-2 {
    height: auto;
    position: sticky;
  }

  .section-4 {
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
    display: flex;
  }

  .home_content {
    padding-left: 0;
  }

  .title_txt {
    margin-top: 14.4em;
    margin-left: auto;
    margin-right: auto;
  }

  .section-bg-video {
    z-index: 2;
    height: 100vh;
    position: sticky;
    inset: 0%;
  }

  .section2-content {
    z-index: 4;
    height: auto;
    margin-top: -80vh;
    padding-bottom: 14em;
    position: static;
  }

  .content-overlay {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    width: 70%;
    height: auto;
    padding-bottom: 3em;
    position: relative;
    top: 7em;
  }

  .stats-row {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 1em;
    padding-bottom: 0;
  }

  .stats-overlay-blk, .stats-overlay-blk._50 {
    width: 80%;
  }

  .card {
    width: 70%;
    height: 76%;
  }

  .card-content {
    flex-flow: column;
  }

  .card-txt {
    width: 100%;
    height: 45%;
    padding-bottom: 1em;
  }

  .card-txt._100 {
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }

  .card-txt.academics {
    height: 47%;
  }

  .card-img {
    width: 100%;
    height: 55%;
  }

  .card-img.curriculum {
    height: 50%;
    margin-top: auto;
  }

  .h2 {
    margin-bottom: 0;
    font-size: 2em;
  }

  .button.college {
    width: 50%;
  }

  .button.apply-2 {
    width: 100%;
  }

  .h3.apply-header {
    line-height: 1.3;
  }

  .h3.foothill {
    font-size: 3.1em;
  }

  .testimonial {
    border-radius: 8em;
    flex-flow: column;
    width: 70%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .testimonial-txt {
    width: 80%;
  }

  .grid-base {
    width: 70%;
  }

  .grid-row {
    flex-flow: column;
  }

  .grid-block, .grid-block.txt, .grid-block._3rds, .grid-block._3rds._2of3, .grid-block._60, .grid-block._40, .grid-block._1of3 {
    width: 100%;
  }

  .grid-row-3rds {
    flex-flow: column;
  }

  .location-stationary {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0%;
  }

  .location-scroll {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    pointer-events: none;
    width: 70%;
    margin-right: auto;
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .location-blk {
    pointer-events: auto;
  }

  .section7-content {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .section7-txt {
    width: 80%;
  }

  .form-embed.disabled {
    display: flex;
  }

  .play-pause {
    width: 2.5em;
    height: 2.5em;
    inset: 2em 2em auto auto;
  }

  .modal-wrapper, .modal-wrapper._3 {
    display: none;
  }

  .modal-container {
    width: 70%;
    margin-top: 25%;
  }

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

  .cover-card {
    width: 70%;
  }

  .cover-card-content {
    width: 100%;
  }

  .title_txt1, .title_txt2, .title_txt3, .title_txt4, .title_txt5 {
    margin-top: 14.4em;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-content {
    width: 60%;
    height: 25.6em;
    min-height: auto;
  }

  .heading-content.logo {
    background-image: linear-gradient(#ffffff4a, #a5b5cb69 81%, #002f6c);
  }

  .cover-video {
    width: 100%;
    height: 100%;
  }

  .header-txt_1 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .foothill-contents {
    width: 60%;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .deanza-contents {
    z-index: 2;
    width: 60%;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .gradient-deanza {
    z-index: 1;
  }

  .grid-block-deanza, .grid-block-deanza.txt, .grid-block-deanza._3rds, .grid-block-deanza._60, .grid-block-deanza._40, .grid-block-orange, .grid-block-orange.txt, .grid-block-orange._3rds, .grid-block-orange._60, .grid-block-orange._40 {
    width: 100%;
  }

  .school-header {
    grid-column-gap: 2.1em;
    grid-row-gap: 2.1em;
  }

  .card-grid {
    width: 100%;
    height: 70%;
  }

  .svcs-grid-wrap {
    padding-left: 1em;
    padding-right: 1em;
  }

  .card-txt-grid {
    width: 100%;
    height: 35%;
    padding-bottom: 1em;
  }

  .card-txt-grid._100 {
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }

  .section-2-lm {
    height: auto;
    position: sticky;
  }

  .section-4-lm {
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .heading-content-lm, .heading-content-copy {
    width: 60%;
    height: 25.6em;
    min-height: auto;
  }

  .content-overlay-lm {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    width: 70%;
    height: auto;
    padding-bottom: 3em;
    position: relative;
    top: 7em;
  }

  .testimonial-lm {
    border-radius: 8em;
    flex-flow: column;
    width: 70%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .foothill-contents-lm {
    width: 60%;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .deanza-contents-lm {
    z-index: 2;
    width: 60%;
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .testimonial-vid {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .test-vid-embed {
    margin-bottom: 0;
  }

  .video-testimonial {
    border-radius: 8em;
    flex-flow: column;
    width: 70%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .grid-video {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .lookbook-wrapper {
    width: 100vw;
    overflow: visible;
  }

  .tabs-panel {
    width: 8.4em;
  }

  .nav_contents {
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
  }

  .nav-txt {
    justify-content: center;
    align-items: center;
    padding-bottom: .2em;
    display: flex;
  }

  .contents_blk {
    justify-content: flex-start;
    align-items: flex-start;
    width: 80%;
  }

  .contents-img {
    display: none;
  }

  .p.contents {
    font-size: 1.1em;
  }

  .p.white.testimonial-txt {
    font-size: 1.2em;
  }

  .nav-dropdown {
    pointer-events: auto;
    flex: none;
    max-width: 100%;
    margin-top: -100vh;
    padding-left: 2em;
  }

  .nav-row {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .nav-row.end {
    margin-top: -1em;
  }

  .navigaton {
    padding-top: 2em;
    padding-bottom: 1em;
  }

  .body {
    overflow: visible;
  }

  .section-4 {
    min-height: 80vh;
    display: flex;
  }

  .section-content {
    pointer-events: auto;
    justify-content: flex-start;
    align-items: center;
  }

  .h1 {
    font-size: 3em;
  }

  .content-overlay {
    width: 80%;
    padding-top: 3em;
  }

  .stats-overlay-blk {
    background-color: #ed8b00;
    width: 80%;
  }

  .stats-overlay-blk._50 {
    background-color: #ed8b00;
  }

  .stats {
    color: #002f6c;
    font-size: 1.7em;
  }

  .card {
    width: 80%;
    height: 65%;
  }

  .card-txt {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    padding-top: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .card-txt._100 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .card-txt.academics {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .button.download {
    text-align: center;
  }

  .button.apply {
    font-size: 1.1em;
  }

  .h3 {
    margin-top: 0;
    font-size: 2.1em;
    line-height: 1.1;
  }

  .h3.school._2 {
    font-size: 2.7em;
  }

  .h3.foothill {
    font-size: 2.8em;
  }

  .section5-contents {
    width: 64%;
  }

  .grid-base, .location-stationary {
    width: 80%;
  }

  .location-scroll {
    width: 80%;
    margin-right: auto;
    padding-top: 1em;
  }

  .location-blk-vid {
    height: 18em;
  }

  .section7-content {
    width: 80%;
  }

  .section7-txt {
    width: 100%;
  }

  .section7-form {
    justify-content: center;
    align-items: center;
    width: 80%;
    padding: 3em;
  }

  .form-embed.disabled {
    margin-bottom: 0;
    display: flex;
  }

  .contact {
    display: flex;
  }

  .button-2, .button-2.modal-open_btn {
    font-size: 1em;
  }

  .modal-wrapper {
    max-width: 100%;
  }

  .modal-wrapper._3 {
    display: none;
  }

  .modal-container {
    width: 80%;
  }

  .modal-close_btn {
    font-size: 1.8rem;
  }

  .cover-card {
    width: 80%;
  }

  .heading-wrapper {
    height: 100vh;
  }

  .heading-content {
    width: 70%;
  }

  .heading-content.logo {
    z-index: 3;
    pointer-events: auto;
  }

  .heading-content.lrg, .heading-content.lrg-lm {
    height: 25em;
  }

  .header-txt_1 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .header-txt_4 {
    font-size: 12px;
  }

  .foothill-contents, .deanza-contents {
    width: 80%;
    padding-top: 2em;
  }

  .logo {
    height: 40%;
    margin-top: 0;
  }

  .highlight.card-title {
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
    padding-top: 1em;
    display: flex;
  }

  .card-grid {
    height: 74%;
  }

  .card-txt-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    height: 25%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .heading-txt-wrap {
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .arrow-animate-1 {
    margin-top: 0;
    position: static;
    top: 65%;
    bottom: auto;
  }

  .arrow-animate-1.lm {
    transform: none;
  }

  .section-4-lm {
    min-height: 80vh;
  }

  .section-content-lm {
    justify-content: flex-start;
    align-items: center;
  }

  .arrow-animate-1lm {
    top: 46%;
    bottom: auto;
  }

  .heading-content-lm {
    width: 70%;
  }

  .heading-content-lm.logo {
    z-index: 3;
  }

  .heading-content-lm.lrg {
    height: 25em;
  }

  .heading-content-copy {
    width: 70%;
  }

  .heading-content-copy.logo {
    z-index: 3;
  }

  .heading-content-copy.lrg {
    height: 25em;
  }

  .content-overlay-lm {
    width: 80%;
    padding-top: 3em;
  }

  .foothill-contents-lm, .deanza-contents-lm {
    width: 80%;
    padding-top: 2em;
  }

  .logo-lm {
    margin-top: 47%;
  }

  .safari-step {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    border: 2px solid #002f6c;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
  }

  .nav-dropdown-2 {
    pointer-events: auto;
    margin-top: -100vh;
    padding-left: 2em;
  }

  .button-3.apply {
    font-size: 1.1em;
  }

  .test-vid-embed {
    width: 93%;
  }

  .grid-video {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .tabs-panel {
    width: 7.5em;
    margin-bottom: 3em;
  }

  .nav_contents {
    padding-bottom: 6em;
  }

  .contents_blk {
    width: 100%;
  }

  .img_cover.apply {
    object-position: 50% 50%;
  }

  .p {
    font-size: .9em;
  }

  .p.contents {
    font-size: 1.1em;
  }

  .p.white.foothill {
    font-size: .9em;
  }

  .p.centered.location-title {
    text-align: center;
  }

  .p.deanza-p {
    font-size: .9em;
  }

  .p.card-intro {
    font-size: 1em;
  }

  .p.safari {
    text-align: center;
  }

  .nav-dropdown {
    flex: none;
    height: auto;
    margin-top: -100%;
    padding-bottom: 8em;
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
    overflow: hidden;
  }

  .nav-row.end {
    padding-bottom: 3em;
  }

  .navigaton {
    padding-top: 2em;
    padding-left: 1em;
  }

  .section-3 {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .section-4 {
    display: flex;
  }

  .home_content {
    justify-content: flex-start;
    align-items: center;
    padding-top: 11em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .title_txt {
    margin-top: -1.3em;
  }

  .h1 {
    font-size: 2.7em;
  }

  .content-overlay {
    width: 80%;
  }

  .stats-overlay-blk, .stats-overlay-blk._50 {
    width: 90%;
  }

  .stats {
    font-size: 1.3em;
  }

  .card-layer {
    height: auto;
    padding-top: 7em;
  }

  .card {
    flex: none;
    width: 85%;
    height: 60vh;
  }

  .card-txt {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding: 1em;
  }

  .card-txt._100 {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .card-txt.academics {
    height: 82%;
    padding-top: 1em;
    padding-bottom: 0;
  }

  .card-txt.affordable {
    height: 61%;
  }

  .card-txt.teachers {
    height: 60%;
  }

  .card-txt.opportunities {
    height: 64%;
  }

  .card-img.curriculum {
    height: 26%;
  }

  .card-img.affordable, .card-img.teachers {
    height: 40%;
  }

  .card-img.opportunities {
    height: 36%;
  }

  .h2 {
    font-size: 1.6em;
    line-height: 1.1;
  }

  .button.download {
    width: 100%;
  }

  .button.college {
    line-height: 18px;
  }

  .button.apply {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1em;
  }

  .button.card-btn {
    text-align: center;
  }

  .h3 {
    margin-bottom: 0;
    font-size: 1.6em;
    line-height: 1;
  }

  .h3.white {
    font-size: 1.7em;
  }

  .h3.school._2 {
    margin-bottom: 0;
    font-size: 2.3em;
  }

  .h3.apply-header {
    text-align: center;
    font-size: 2.5em;
  }

  .h3.foothill {
    margin-bottom: 0;
    font-size: 2.3em;
  }

  .h3.cards-title {
    font-size: 2.2em;
  }

  .h3.download {
    text-align: center;
  }

  .testimonial {
    border-radius: 2em;
    width: 85%;
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .testimonial-img {
    width: 15em;
    height: 15em;
  }

  .testimonial-txt {
    width: 80%;
  }

  .section5-contents {
    width: 85%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .grid-base {
    width: 85%;
  }

  .grid-txt {
    font-size: 1.7em;
  }

  .location-stationary {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    width: 85%;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .location-scroll {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    width: 90%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .location-blk-vid {
    height: 15em;
  }

  .nav-icon-wrapper {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section7-header {
    height: 17.7em;
  }

  .section7-content {
    padding: 2em;
  }

  .section7-txt {
    width: 100%;
  }

  .section7-form {
    padding-left: 2em;
    padding-right: 2em;
  }

  .form-embed.disabled {
    flex-flow: column;
    display: none;
  }

  .play-pause {
    top: 2.7em;
    right: 1em;
  }

  .button-2 {
    padding: 5px 5px 5px 9px;
    font-size: .9em;
    line-height: 1;
  }

  .button-2.modal-open_btn {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .9em;
    line-height: 1;
  }

  .button-2.modal-open_btn:focus {
    border: 2px solid #ff9500;
  }

  .modal-wrapper._3 {
    display: none;
  }

  .modal-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form-embed {
    display: none;
  }

  .cover-card {
    width: 85%;
    height: 60%;
  }

  .cover-card-content {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding: 0 2em 2em;
  }

  .title_txt1, .title_txt2, .title_txt3, .title_txt4, .title_txt5 {
    margin-top: -1.3em;
  }

  .heading-content {
    width: 80%;
    height: 28.2em;
    min-height: auto;
  }

  .cover-video {
    height: 100%;
  }

  .foothill-contents {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    width: 90%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .deanza-contents {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    width: 90%;
    padding: 1em;
  }

  .school-header {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: .5em;
  }

  .school-logo {
    width: 4em;
    display: none;
  }

  .logo {
    height: 17em;
    margin-top: 0;
  }

  .svcs-row {
    flex-flow: column;
  }

  .svcs-block, .svcs-block._50 {
    width: 100%;
  }

  .buttons-schools {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .card-txt-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding: 0 2em 2em;
  }

  .arrow-animate-1 {
    width: 12em;
    height: 7em;
    padding-left: 5em;
    top: 56%;
  }

  .section3-bg-vid {
    height: 100%;
  }

  .section-3-lm {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .arrow-animate-1lm {
    height: 9em;
    padding-left: 3em;
  }

  .heading-content-lm, .heading-content-copy {
    width: 80%;
    height: 28.2em;
    min-height: auto;
  }

  .content-overlay-lm {
    width: 80%;
  }

  .testimonial-lm {
    border-radius: 2em;
    width: 85%;
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .foothill-contents-lm {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    width: 85%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .deanza-contents-lm {
    width: 85%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .logo-lm {
    height: 8em;
  }

  .safari-hint {
    margin-top: 1em;
  }

  .download-btns {
    flex-flow: column;
  }

  .safari-step {
    padding: 1em .5em;
  }

  .step-number {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .step-number._1 {
    flex-flow: row;
  }

  .add-img {
    width: 10em;
  }

  .nav-icon-wrapper-2 {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-dropdown-2 {
    flex: 0 auto;
    height: 100vh;
    padding-bottom: 8em;
    padding-left: 2em;
    padding-right: 2em;
    overflow: auto;
  }

  .button-3.apply {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1em;
  }

  .testimonial-vid {
    width: 80%;
  }

  .video-testimonial {
    border-radius: 2em;
    width: 85%;
    padding-top: 3em;
    padding-left: 1em;
    padding-right: 1em;
  }
}

#w-node-_0baef445-1443-400d-db35-03d1689e8ceb-7c33e748 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0baef445-1443-400d-db35-03d1689e8cf7-7c33e748 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c74fb527-5fac-f2c8-e052-3071fbaec99d-7c33e748 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c74fb527-5fac-f2c8-e052-3071fbaec9aa-7c33e748, #w-node-a7b616ea-0737-d1fa-2fb3-4809af9ef0de-7c33e748 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0baef445-1443-400d-db35-03d1689e8ceb-e723e0dc {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0baef445-1443-400d-db35-03d1689e8cf7-e723e0dc {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c74fb527-5fac-f2c8-e052-3071fbaec99d-e723e0dc {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c74fb527-5fac-f2c8-e052-3071fbaec9aa-e723e0dc, #w-node-a7b616ea-0737-d1fa-2fb3-4809af9ef0de-e723e0dc {
  grid-area: 2 / 1 / 3 / 2;
}