:root {
  --blue-color: #019b9d4d;
  --light-blue: #0084d74d;
  --green-color: #a4c93a4d;
  --pink-color: #f69d1d33;
  --light-green: #a4c93a;
  --normal-font: "Poppins";
  --heading-color: #3a405b;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.fa-brands,
.link,
.logo {
  cursor: pointer;
}

.xavier-intl {
  padding-block: 9.375vw;
  position: relative;
  display: flex;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 768px) {
  .xavier-intl {
    height: auto;
  }
}
.xavier-intl img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.xavier-intl .section__heading-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 0.75vw, 15px);
  font-family: var(--normal-font);
  text-transform: capitalize;
  padding: clamp(12px, 1.75vw, 1.5vw);
  text-shadow: 0px 2px rgba(58, 64, 91, 0.062745098);
  line-height: 1.25;
  bottom: 0;
}
.xavier-intl .section__heading-content .section__heading {
  font-size: clamp(16px, 1.87vw, 2.77vw);
  font-weight: 700;
}
@media (max-width: 768px) {
  .xavier-intl .section__heading-content .section__heading {
    font-size: clamp(18px, 6vw, 48px);
  }
}
.xavier-intl .section__heading-content .section__heading .subTitle {
  font-size: clamp(10px, 1.46vw, 1.9vw);
  font-weight: 400;
  color: var(--heading-color);
}
@media (max-width: 768px) {
  .xavier-intl .section__heading-content .section__heading .subTitle {
    font-size: clamp(14px, 5vw, 48px);
  }
}
.xavier-intl .section__heading-content p {
  color: rgba(18, 18, 18, 0.5019607843);
  font-size: clamp(5px, 0.63vw, 1vw);
}
@media (max-width: 768px) {
  .xavier-intl .section__heading-content p {
    font-size: clamp(8px, 2.5vw, 26px);
  }
}
@media (max-width: 768px) {
  .xavier-intl .section__heading-content {
    margin-bottom: clamp(30px, 10vw, 60px);
  }
}
.xavier-intl a {
  text-decoration: none;
}
.xavier-intl .xavier-intl_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 50vw;
  gap: clamp(10px, 0.65vw, 1vw);
  margin-block: clamp(12px, 1.75vw, 1.5vw);
  margin-inline: auto;
  place-content: center;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container {
    grid-template-columns: repeat(1, 1fr);
    gap: clamp(18px, 0.65vw, 1vw);
    width: 80%;
  }
}
.xavier-intl .xavier-intl_container .nav_content {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  justify-content: space-between;
  align-items: center;
  margin: clamp(12px, 1.75vw, 1.5vw);
}
.xavier-intl .xavier-intl_container .nav_content .logo {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
}
.xavier-intl .xavier-intl_container .nav_content .logo video {
  position: absolute;
  width: 20vw;
  left: -40%;
}
@media (max-width: 910px) {
  .xavier-intl .xavier-intl_container .nav_content .logo video {
    left: -60%;
  }
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .nav_content .logo video {
    width: 70vw;
    left: 50%;
  }
}
.xavier-intl .xavier-intl_container .nav_content .social {
  display: flex;
  gap: clamp(8px, 0.5vw, 18px);
}
.xavier-intl .xavier-intl_container .nav_content .social .fa-brands {
  opacity: 0.5;
  padding: clamp(8px, 0.5vw, 35px);
  font-size: clamp(10px, 2vw, 1.2vw);
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .nav_content .social .fa-brands {
    font-size: clamp(12px, 4vw, 50px);
  }
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .nav_content {
    flex-direction: column;
    inset: 0;
  }
}
.xavier-intl .xavier-intl_container .item_holder {
  position: relative;
  display: block;
  padding: clamp(10px, 3vw, 2.75vw) clamp(10px, 1vw, 1.5vw);
}
.xavier-intl .xavier-intl_container .item_holder .link {
  position: absolute;
  inset: 0;
  z-index: 3;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder {
    padding: unset;
  }
}
.xavier-intl .xavier-intl_container .item_holder:hover .bg-image,
.xavier-intl .xavier-intl_container .item_holder:hover .overlay-image {
  transform: scale(1.1);
}
.xavier-intl .xavier-intl_container .item_holder .clip-path_container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: drop-shadow(0px 0.4vw 0.4vw rgba(0, 0, 0, 0.19));
}
.xavier-intl .xavier-intl_container .item_holder .clip-path_container .polygon {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder .clip-path_container .polygon {
    width: 80%;
    height: 80%;
    border-radius: 3vw;
  }
}
.xavier-intl .xavier-intl_container .item_holder .clip-path_container .bg-image {
  height: 75%;
}
.xavier-intl .xavier-intl_container .item_holder .clip-path_container .bg-image,
.xavier-intl .xavier-intl_container .item_holder .clip-path_container .overlay-image {
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform 0.4s ease;
}
.xavier-intl .xavier-intl_container .item_holder .item {
  position: relative;
  aspect-ratio: 1.2/1;
  border-radius: 1vw;
  padding: clamp(10px, 1vw, 1.5vw);
  overflow: hidden;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder .item {
    width: 100%;
    border-radius: 3vw;
  }
}
.xavier-intl .xavier-intl_container .item_holder.a-level .item {
  background-color: var(--blue-color);
}
.xavier-intl .xavier-intl_container .item_holder.a-level .bg-image {
  left: 22%;
}
.xavier-intl .xavier-intl_container .item_holder.a-level .overlay-image {
  height: 75%;
  top: 25%;
  left: 22%;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.a-level .overlay-image {
    height: 61%;
    top: 39.5%;
    left: 27.4%;
  }
}
.xavier-intl .xavier-intl_container .item_holder.a-level .section__heading {
  color: #019b9d;
}
.xavier-intl .xavier-intl_container .item_holder.a-level .polygon {
  bottom: 0%;
  right: 0%;
  -webkit-clip-path: polygon(75% 27%, 100% 60%, 100% 100%, 73% 100%, 22% 27%);
          clip-path: polygon(75% 27%, 100% 60%, 100% 100%, 73% 100%, 22% 27%);
  background-image: radial-gradient(155.54% 137.52% at 93.66% 80.79%, #e3e3e3 0%, #cbcac8 100%);
}
.xavier-intl .xavier-intl_container .item_holder.a-level .fa-brands {
  color: #019b9d;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.a-level {
    order: 2;
  }
}
.xavier-intl .xavier-intl_container .item_holder.plus-two .item {
  background-color: var(--green-color);
}
.xavier-intl .xavier-intl_container .item_holder.plus-two .bg-image {
  left: -20%;
}
.xavier-intl .xavier-intl_container .item_holder.plus-two .overlay-image {
  height: 75%;
  top: 25%;
  left: -20%;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.plus-two .overlay-image {
    height: 60%;
    top: 40%;
    left: -26%;
  }
}
.xavier-intl .xavier-intl_container .item_holder.plus-two .section__heading-content {
  right: 0;
  text-align: right;
}
.xavier-intl .xavier-intl_container .item_holder.plus-two .section__heading {
  color: #a4c93a;
}
.xavier-intl .xavier-intl_container .item_holder.plus-two .polygon {
  bottom: 0%;
  left: 0%;
  -webkit-clip-path: polygon(78% 27%, 26% 100%, 0% 100%, 0% 60%, 27% 27%);
          clip-path: polygon(78% 27%, 26% 100%, 0% 100%, 0% 60%, 27% 27%);
  background-image: radial-gradient(152.98% 128.46% at 2.51% 97.76%, #99dbe5 0%, #0098a5 100%);
}
.xavier-intl .xavier-intl_container .item_holder.plus-two .fa-brands {
  color: var(--light-green);
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.plus-two {
    order: 1;
  }
}
.xavier-intl .xavier-intl_container .item_holder.college .item {
  background-color: var(--pink-color);
}
.xavier-intl .xavier-intl_container .item_holder.college .bg-image {
  left: 20%;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.college .bg-image {
    left: -25%;
  }
}
.xavier-intl .xavier-intl_container .item_holder.college .overlay-image {
  height: 71%;
  top: 4%;
  left: 20%;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.college .overlay-image {
    height: 55.7%;
    top: 44%;
    left: -30%;
  }
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.college .social {
    align-self: flex-end;
  }
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.college .section__heading-content {
    left: unset;
    right: 0%;
    bottom: 0;
    text-align: right;
  }
}
.xavier-intl .xavier-intl_container .item_holder.college .section__heading {
  color: #f69d1d;
}
.xavier-intl .xavier-intl_container .item_holder.college .polygon {
  top: 0%;
  right: 0%;
  -webkit-clip-path: polygon(100% 0, 100% 40%, 77% 75%, 23% 75%, 73% 0);
          clip-path: polygon(100% 0, 100% 40%, 77% 75%, 23% 75%, 73% 0);
  background-image: radial-gradient(79.96% 79.82% at 76.32% 69.97%, #2856b4 0%, #11254e 100%);
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.college .polygon {
    -webkit-clip-path: polygon(78% 27%, 26% 100%, 0% 100%, 0% 60%, 27% 27%);
            clip-path: polygon(78% 27%, 26% 100%, 0% 100%, 0% 60%, 27% 27%);
    top: 20%;
    right: unset;
    left: 0%;
  }
}
.xavier-intl .xavier-intl_container .item_holder.college .fa-brands {
  color: #f69d1d;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.college {
    order: 3;
  }
}
.xavier-intl .xavier-intl_container .item_holder.school .item {
  background-color: var(--light-blue);
  transition: border-radius 0.25s linear;
  transition-delay: 0.2s;
}
.xavier-intl .xavier-intl_container .item_holder.school .bg-image {
  left: -21%;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.school .bg-image {
    left: 29.5%;
  }
}
.xavier-intl .xavier-intl_container .item_holder.school .overlay-image {
  height: 70%;
  top: 5%;
  left: -21%;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.school .overlay-image {
    height: 56%;
    top: 43.7%;
    left: 33.5%;
  }
}
.xavier-intl .xavier-intl_container .item_holder.school .section__heading {
  color: #0084d7;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.school .social {
    align-self: flex-start;
  }
}
.xavier-intl .xavier-intl_container .item_holder.school .polygon {
  top: 0%;
  left: 0%;
  -webkit-clip-path: polygon(0 0, 26% 0, 79% 75%, 23% 75%, 0 40%);
          clip-path: polygon(0 0, 26% 0, 79% 75%, 23% 75%, 0 40%);
  background-image: linear-gradient(0deg, #f8b5d2 0%, #f8b5d2 100%);
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.school .polygon {
    -webkit-clip-path: polygon(75% 27%, 100% 60%, 100% 100%, 73% 100%, 22% 27%);
            clip-path: polygon(75% 27%, 100% 60%, 100% 100%, 73% 100%, 22% 27%);
    top: 20%;
    left: unset;
    right: 0;
  }
}
.xavier-intl .xavier-intl_container .item_holder.school .fa-brands {
  color: #0084d7;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.school {
    order: 4;
  }
}
.xavier-intl .xavier-intl_container .item_holder.school .montessori {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 87.75%;
  z-index: 10;
  background-color: #f2dbcb;
  transition: opacity 0.6s ease-in-out, width 0.25s ease-out;
  transform: translateX(100%);
  border-radius: 0 1vw 1vw 0;
}
.xavier-intl .xavier-intl_container .item_holder.school .montessori .section__heading-content {
  opacity: 0;
  text-align: left;
  left: 0;
}
.xavier-intl .xavier-intl_container .item_holder.school .montessori .section__heading-content .section__heading {
  color: #e67225;
}
.xavier-intl .xavier-intl_container .item_holder.school .montessori .fa-brands {
  opacity: 0;
  color: #f69d1d;
}
@media (min-width: 769px) {
  .xavier-intl .xavier-intl_container .item_holder.school:hover .item {
    border-radius: 1vw 0 0 1vw;
    transition: border-radius 0s linear;
  }
  .xavier-intl .xavier-intl_container .item_holder.school:hover .montessori {
    width: 60%;
  }
  .xavier-intl .xavier-intl_container .item_holder.school:hover .montessori .section__heading-content {
    opacity: 1;
    transition: opacity 0.75s ease-in-out;
  }
  .xavier-intl .xavier-intl_container .item_holder.school:hover .montessori .fa-brands {
    opacity: 0.5;
  }
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile {
  display: none;
  padding-right: unset;
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile .item {
  background-color: #f2dbcb;
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile video {
  bottom: 0;
  transform: translate(-50%, 70%);
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile .bg-image {
  height: 70%;
  top: 30%;
  left: -29.5%;
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile .overlay-image {
  height: 40.76%;
  top: 43.5%;
  left: -33.68%;
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile .section__heading {
  color: #e67225;
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile .polygon {
  top: 20%;
  left: 0%;
  background-image: linear-gradient(0deg, #f8b5d2 0%, #f8b5d2 100%);
  -webkit-clip-path: polygon(78% 27%, 26% 100%, 0% 100%, 0% 60%, 27% 27%);
          clip-path: polygon(78% 27%, 26% 100%, 0% 100%, 0% 60%, 27% 27%);
  border-radius: 3vw;
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile .fa-brands {
  color: #e67225;
}
.xavier-intl .xavier-intl_container .item_holder.montessori-mobile .section__heading-content {
  top: 40%;
  right: 0;
  text-align: right;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder.montessori-mobile {
    display: block;
    order: 5;
  }
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(1), .xavier-intl .xavier-intl_container .item_holder:nth-child(2) {
  padding-top: unset;
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(1) .bg-image, .xavier-intl .xavier-intl_container .item_holder:nth-child(2) .bg-image {
  top: 25%;
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(1) .nav_content, .xavier-intl .xavier-intl_container .item_holder:nth-child(2) .nav_content {
  top: 0;
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(1) video, .xavier-intl .xavier-intl_container .item_holder:nth-child(2) video {
  top: 0;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder:nth-child(1) video, .xavier-intl .xavier-intl_container .item_holder:nth-child(2) video {
    top: 0;
    transform: translate(-50%, -30%);
  }
}
@media (min-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder:nth-child(1), .xavier-intl .xavier-intl_container .item_holder:nth-child(2) {
    margin-top: unset;
  }
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(3), .xavier-intl .xavier-intl_container .item_holder:nth-child(4) {
  padding-bottom: unset;
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(3) .bg-image, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .bg-image {
  height: 70%;
  top: 5%;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder:nth-child(3) .bg-image, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .bg-image {
    top: 30%;
  }
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(3) .nav_content, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .nav_content {
  bottom: 0;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder:nth-child(3) .nav_content, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .nav_content {
    bottom: unset;
    inset: 0;
  }
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(3) video, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) video {
  bottom: 0;
  transform: translateY(50%);
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder:nth-child(3) video, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) video {
    bottom: 0;
    transform: translate(-50%, 70%);
  }
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(3) .section__heading-content, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .section__heading-content {
  top: 0;
  padding-bottom: unset;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder:nth-child(3) .section__heading-content, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .section__heading-content {
    top: 40%;
    justify-content: flex-end;
    margin-bottom: clamp(30px, 10vw, 60px);
    padding-bottom: clamp(12px, 1.75vw, 1.5vw);
  }
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(odd) {
  padding-left: unset;
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(odd) .section__heading-content {
  left: 0;
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(even) {
  padding-right: unset;
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(even) .social {
  align-self: flex-end;
}
.xavier-intl .xavier-intl_container .item_holder:nth-child(even) .section__heading-content {
  right: 0;
  text-align: right;
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder:nth-child(2) .social, .xavier-intl .xavier-intl_container .item_holder:nth-child(3) .social, .xavier-intl .xavier-intl_container .item_holder:nth-child(5) .social {
    align-self: flex-end;
  }
  .xavier-intl .xavier-intl_container .item_holder:nth-child(2) .fa-brands, .xavier-intl .xavier-intl_container .item_holder:nth-child(3) .fa-brands, .xavier-intl .xavier-intl_container .item_holder:nth-child(5) .fa-brands {
    padding-right: unset;
  }
  .xavier-intl .xavier-intl_container .item_holder:nth-child(2) .section__heading-content, .xavier-intl .xavier-intl_container .item_holder:nth-child(3) .section__heading-content, .xavier-intl .xavier-intl_container .item_holder:nth-child(5) .section__heading-content {
    padding-right: clamp(12px, 3.75vw, 30px);
  }
  .xavier-intl .xavier-intl_container .item_holder:nth-child(2) .social, .xavier-intl .xavier-intl_container .item_holder:nth-child(3) .social, .xavier-intl .xavier-intl_container .item_holder:nth-child(5) .social {
    margin-right: clamp(6px, 2vw, 25px);
  }
}
@media (max-width: 768px) {
  .xavier-intl .xavier-intl_container .item_holder:nth-child(1) .section__heading-content, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .section__heading-content {
    right: unset;
    text-align: left;
    left: 0;
    padding-left: clamp(12px, 3.75vw, 30px);
  }
  .xavier-intl .xavier-intl_container .item_holder:nth-child(1) .social, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .social {
    align-self: flex-start;
    margin-left: clamp(6px, 2vw, 25px);
  }
  .xavier-intl .xavier-intl_container .item_holder:nth-child(1) .fa-brands, .xavier-intl .xavier-intl_container .item_holder:nth-child(4) .fa-brands {
    padding-left: unset;
  }
}/*# sourceMappingURL=main.css.map */