html {
  scroll-behavior: smooth;
  zoom: normal;
  overflow-y: scroll;
}


body {
  font-size: 100%;
}


.wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  overflow: hidden
}

body.glightbox-open {
  overflow: scroll !important;
  padding-right: 0 !important;
}


.email-link {
  text-decoration: underline;
  color: #000000;
  background-color: transparent;
  padding: 0px 0px;
  border-radius: 5px;
  font-size: 3rem;
  font-weight: 300;
  transition: background-color 0.3s ease;
}

.email-link:hover {
  text-decoration: none;
}

.white_text_box {
  background-color: white;
  color: #000000;
  border-radius: 10px;
  max-width: 100%;
  margin: 10px 0;
  overflow-wrap: break-word;
  margin-right: 20rem;
  margin-left: 20rem;
  font-weight: 300;
  font-size: 2.75rem;
  padding: 1rem;
}

.white_text_box h1 {
  font-weight: normal;
  font-size: 4rem;
}

.white_text_box p {
  text-align: justify;
}

.stacked_tiles {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: rgb(19, 19, 19);
}

.tile_title_article {
  color: rgb(255, 255, 255);
  white-space: normal;
  overflow-wrap: break-word;
  padding: 1rem;
}

.tile_title_article h1 {
  font-size: 4rem !important;
  font-weight: bold !important;
}

.tile_title_article p {
  font-weight: normal !important;
}

.header-row {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.header-icons {
  display: flex;
  gap: 15px;
}

.icon-link {
  color: #000000;
  font-size: 6rcap;
  transition: color 0.2s;
}

.icon-link:hover {
  color: #0072b1;
}

/* Easter egg article refresh: remove this section and the body class to revert. */
.easter-egg-page {
  min-height: 100vh;
  /* padding: clamp(2rem, 6vw, 5rem) 0 3rem !important; */
  box-sizing: border-box;
  color: #f4f4ed;
  background:
    radial-gradient(ellipse at 88% 12%, rgba(47, 105, 88, 0.38), transparent 34rem),
    radial-gradient(ellipse at 8% 92%, rgba(27, 76, 69, 0.34), transparent 38rem),
    linear-gradient(145deg, #101b19 0%, #172623 52%, #111917 100%);
  background-attachment: fixed;
  font-family: 'Barlow', sans-serif;
}

.easter-egg-page .wrapper,
.easter-egg-page .wrapper_alt {
  width: min(96%, 112rem) !important;
  max-width: 112rem !important;
  margin: 0 auto 1.75rem !important;
  padding: clamp(0.5rem, 2vw, 1.25rem) 0;
  background: transparent;
  overflow: visible;
  box-sizing: border-box;
}

.easter-egg-page .egg_container,
.easter-egg-page .egg_container_alt {
  align-items: center;
  gap: clamp(1.75rem, 4vw, 4.5rem) !important;
  padding: clamp(1.5rem, 3.5vw, 3rem);
  border: 1px solid rgba(192, 223, 204, 0.18);
  border-radius: 2rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035));
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.easter-egg-page .white_text_box {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  margin: 0 !important;
  padding: clamp(2rem, 4.5vw, 4.5rem);
  border: 1px solid rgba(25, 62, 53, 0.12);
  border-top: 4px solid #78b99a;
  border-radius: 1.25rem;
  background: linear-gradient(145deg, #fffefa, #f1f3eb);
  box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.22);
  color: #23332f;
  font-size: 1.3rem;
  line-height: 1.8;
}

.easter-egg-page .white_text_box h1,
.easter-egg-page .white_text_box h2 {
  margin: 0 0 1rem;
  color: #174b43;
  font-family: 'Victor Mono', monospace;
  font-size: clamp(2.1rem, 3.8vw, 3.2rem) !important;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.045em;
}

.easter-egg-page .white_text_box p {
  margin: 0 0 1rem;
  color: #43534f;
  font-size: clamp(1.2rem, 1.65vw, 1.5rem) !important;
  line-height: 1.8;
  text-align: left;
}

.easter-egg-page .white_text_box p:last-child {
  margin-bottom: 0;
}

.easter-egg-page .white_text_box a {
  color: #176b64;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.easter-egg-page .egg_image_container {
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.75rem) !important;
  min-width: 0;
}

.easter-egg-page .egg_image_container > img {
  width: 100% !important;
  height: auto;
  min-width: 0;
  max-width: 100%;
  max-height: 78vh;
  padding: clamp(0.65rem, 1.25vw, 1rem);
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 1.1rem;
  background: #f4f2e9;
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.34);
  box-sizing: border-box;
}

.easter-egg-page .egg_image {
  width: 100% !important;
  max-width: 100%;
  max-height: 78vh;
  border-radius: 1rem;
  object-fit: contain;
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.3);
}

.easter-egg-page .image-map-container {
  align-items: center;
  gap: clamp(1.25rem, 3vw, 3rem);
  padding: clamp(1.25rem, 3vw, 2.5rem);
  border: 1px solid rgba(192, 223, 204, 0.14);
  border-radius: 1.75rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
  box-shadow: 0 1.75rem 4.5rem rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-sizing: border-box;
}

.easter-egg-page .image-map-container > img {
  max-width: 100%;
  max-height: 78vh;
  height: auto;
  object-fit: contain;
  padding: clamp(0.5rem, 1.1vw, 0.9rem);
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 1.1rem;
  background: #f4f2e9;
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.34);
  box-sizing: border-box;
}

.easter-egg-page .text_box {
  margin: clamp(1.5rem, 4vw, 3rem) auto 0;
  padding: 0 0 0.5rem;
  background: transparent !important;
  box-shadow: none !important;
}

.easter-egg-page .heading_and_button {
  justify-content: center;
  background: transparent !important;
}

.easter-egg-page .heading_and_button button {
  display: inline-flex;
  min-height: 3.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0.8rem 1.65rem;
  border: 1px solid rgba(206, 241, 220, 0.7);
  border-radius: 999px;
  background: #174b43;
  box-shadow: 0 0.8rem 1.8rem rgba(0, 0, 0, 0.25);
  color: #fff;
  font: 600 1.1rem 'Barlow', sans-serif;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.easter-egg-page .heading_and_button button::before {
  content: "\2190";
  font-size: 1.2em;
  line-height: 1;
}

.home-link {
  position: fixed;
  z-index: 10000;
  top: auto;
  right: clamp(1rem, 3vw, 2.5rem);
  bottom: clamp(1rem, 3vw, 2.5rem);
  left: auto;
  display: inline-flex;
  width: auto;
  min-height: 3.75rem;
  height: 3.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0 1.25rem;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  background: rgba(15, 27, 24, 0.82);
  box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: background-color 160ms ease, transform 160ms ease;
}

.home-link:hover {
  transform: translateY(-2px);
  background: #236657;
}

.home-link:focus-visible {
  outline: 3px solid #c5f1d6;
  outline-offset: 3px;
}

.chips-background-page .image-map-container,
.form-background-page .image-map-container {
  position: fixed;
  z-index: 0;
  inset: 0;
  display: flex;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 88% 12%, rgba(47, 105, 88, 0.38), transparent 34rem),
    radial-gradient(ellipse at 8% 92%, rgba(27, 76, 69, 0.34), transparent 38rem),
    linear-gradient(145deg, #101b19 0%, #172623 52%, #111917 100%);
}

.chips-background-page .image-map-container > img,
.form-background-page .image-map-container > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;

}

.easter-egg-page .heading_and_button button:hover {
  background: #276b5c;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.32);
  transform: translateY(-3px);
}

.easter-egg-page .heading_and_button button:focus-visible {
  outline: 3px solid #82b8ab;
  outline-offset: 3px;
}

.hom-dip-page .hom-dip-layout {
  display: flex;
  align-items: stretch;
  gap: clamp(1rem, 2.5vw, 2.5rem);
}

html.hom-dip-document,
html.diffraction-document {
  overflow-y: auto;
}

.hom-dip-page .hom-dip-image {
  flex: 0 1 44%;
  min-width: 0;
  padding: clamp(0.75rem, 1.5vw, 1.5rem);
}

.hom-dip-page .hom-dip-image img {
  width: 100%;
  max-height: 65vh;
  /* object-fit: contain; */
  padding: 2rem;
  /* clamp(0.5rem, 1vw, 1rem); */
  background-color: white;
}

.hom-dip-page .white_text_box {
  align-self: center;
}

.diffraction-page .egg_container {
  gap: clamp(1rem, 2vw, 2rem) !important;
  padding: clamp(0.9rem, 1.75vw, 1.75rem);
}

.diffraction-page .egg_image_container {
  flex-direction: row !important;
  flex: 1 1 0;
}

.diffraction-page .egg_image_container > img {
  width: calc(50% - 0.5rem) !important;
  max-height: 42vh;
}

.diffraction-page .white_text_box {
  padding: clamp(1.5rem, 2.5vw, 2.5rem);
}




@media (max-width: 760px) {
  .easter-egg-page .wrapper,
  .easter-egg-page .wrapper_alt {
    width: min(94%, 48rem) !important;
  }

  .easter-egg-page .egg_container,
  .easter-egg-page .egg_container_alt,
  .easter-egg-page .image-map-container {
    flex-direction: column !important;
    align-items: stretch;
  }

  .hom-dip-page .hom-dip-layout {
    flex-direction: column;
  }

  .hom-dip-page .hom-dip-image {
    flex-basis: auto;
  }

  .diffraction-page .egg_image_container {
    flex-direction: column !important;
  }

  .diffraction-page .egg_image_container > img {
    width: 100% !important;
    max-height: 45vh;
  }

  .easter-egg-page .egg_container,
  .easter-egg-page .egg_container_alt {
    padding: 0.75rem;
    border-radius: 1.25rem;
  }

  .easter-egg-page .white_text_box {
    padding: clamp(1.5rem, 5vw, 2.5rem);
  }

  .easter-egg-page .egg_image_container > img {
    max-height: 62vh;
  }

  .easter-egg-page .image-map-container > img {
    max-height: 62vh;
    object-fit: contain;
  }

  .easter-egg-page .heading_and_button button {
    min-height: 3.25rem;
    padding: 0.7rem 1.35rem;
    font-size: 1rem;
  }

  .home-link {
    top: auto;
    right: auto;
    bottom: 0.75rem;
    left: 0.75rem;
    min-height: 3.25rem;
    height: 3.25rem;
    padding: 0 1rem;
  }

  .connect-page .home-link {
    right: 0.75rem;
    left: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .easter-egg-page .heading_and_button button,
  .home-link {
    transition: none;
  }
}


@media screen and (min-width: 1670px) {

  .tile_title_article h1,
  .white_text_box h1 {
    font-size: 2.75rem !important;
  }

  .tile_title_article p,
  .white_text_box p {
    font-size: 1.75rem !important;
  }

  .white_text_box {
    margin: 0px 16.5rem;
  }

  .tile_title_article {
    margin: 1rem;
  }

  .white_text_box h2 {
    font-size: 2.5rem;
  }

  .email-link {
    font-size: 1.75rem
  }
}

@media screen and (min-width: 2400px) {
  .wrapper {
    max-width: 65%;
  }
}

@media screen and (min-width: 1650px) and (max-width: 2100px) {
  .white_text_box {
    margin: 0px 22rem;
  }

  .tile_title_article {
    margin: 1rem;
  }
}

@media screen and (min-width: 2100px) and (max-width: 2400px) {
  .white_text_box {
    margin: 0px 30.5rem;
  }
}

@media screen and (max-width: 1670px) {

  .tile_title_article h1,
  .white_text_box h1 {
    font-size: 2.25rem !important;
  }

  .tile_title_article p,
  .white_text_box p {
    font-size: 1.5rem !important;
  }

  /* .tile.image_tile {
    flex: 1;
  } */

  .white_text_box {
    margin: 0px 15rem;
  }

  .tile_title_article {
    margin: 1rem;
  }

  .white_text_box h2 {
    font-size: 2rem;
  }

  .email-link {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 1450px) {

  .tile_title_article p,
  .white_text_box p {
    font-size: 0.9rem !important;
  }

  .white_text_box {
    margin: 0px 10.5rem;
  }

  .tile_title_article h1,
  .white_text_box h1, .white_text_box h2 {
    font-size: 1.5rem !important;
  }

  .email-link {
    font-size: 1.25rem
  }

  .icon-link {
    font-size: 3rem;
  }
}


@media screen and (max-width: 900px) {

  .tile_title_article h1,
  .white_text_box h1 {
    font-size: 1.75rem !important;
  }

  .tile_title_article p,
  .white_text_box p {
    font-size: 0.9rem !important;
  }

  .tile_title_article,
  .white_text_box {
    margin: 0px 7rem;
  }

  .white_text_box h2 {
    font-size: 1.5rem;
  }

  .email-link {
    font-size: 1rem
  }

  .icon-link {
    font-size: 2rem;
  }
}

@media screen and (max-width: 769px) {
  .image-map-container {
    flex-direction: column;
  }

  .tile.image_tile {
    padding: 0;
  }

  .tile_title_article h1,
  .white_text_box h1 {
    font-size: 1.7rem !important;
  }

  .tile_title_article p,
  .white_text_box p {
    font-size: 1rem !important;
  }

  .tile_title_article,
  .white_text_box {
    margin: 0px 5rem;
  }

  .white_text_box h2 {
    font-size: 1.5rem;
  }

  .email-link {
    font-size: 1rem
  }

  ;
}

@media screen and (max-width: 550px) {

  .tile_title_article h1,
  .white_text_box h1 {
    font-size: 1.5rem !important;
  }

  .tile_title_article p,
  .white_text_box p {
    font-size: 1rem !important;
  }

  .tile_title_article,
  .white_text_box {
    margin: 0px 2.25rem;
  }

  .white_text_box h2 {
    font-size: 1.35rem;
  }

  .email-link {
    font-size: 1rem
  }

  .icon-link {
    font-size: 1.5rem;
  }

  .header-row {
    gap: 10px;
  }

  .header-icons {
    gap: 10px;
  }
}

@media screen and (max-width: 400px) {

  .tile_title_article h1,
  .white_text_box h1 {
    font-size: 1.3rem !important;
  }

  .tile_title_article p,
  .white_text_box p {
    font-size: 0.8rem !important;
  }

  .tile_title_article,
  .white_text_box {
    margin: 0px 1.25rem;
  }

  .white_text_box h2 {
    font-size: 1.1rem;
  }

  .email-link {
    font-size: 0.8rem
  }

  .icon-link {
    font-size: 1.25rem;
  }
}




/* Container for the images/videos (Chips)*/
.media-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 0rem;
  gap: 0.25rem;
  margin-bottom: -24rem;
}

/* Container for the images/videos (Real Time)*/
.media-container-alt {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: center;
  margin-bottom: -24rem;
}

/* Container for the images/videos (Quantum)*/
.single-media-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: flex-start;
  margin-bottom: -30rem;
  margin-top: 5rem;
}



/* Container for the images (Hello worlds / Connect)*/
.quote-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0rem;
  margin: 3rem 0;
}

.quote-container .white_text_box p {
  text-align: left;
}

.quote-image {
  padding-right: 1rem;
}

.quote-image img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
}

.founders-image {
  padding-right: 1rem;
  width: 100%;
}

.founders-image img {
  width: 100%;
  height: auto;
}



/* Each media item (Real Time)*/
.media-item {
  width: 33%;
  margin: 0;
  position: relative;
}

/* Each media item (Chips)*/
.media-item-alt {
  width: 75%;
  margin: 0;
  position: relative;
  /* margin-bottom: 20rem; */
}

/* Each media item (Quantum)*/
.single-media-item {
  width: 100%;
  margin: 0;
  position: relative;
  margin-bottom: 20rem;
}


/* Media (video) styling (Real Time)*/
.media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/4;
}

/* Media (video) styling (Chips)*/
.media-alt {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* aspect-ratio: 16/9; */
}

/* Media (video) styling (Quantum)*/
.single-media {
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 3/2 
}



/* Media styling (Easter egg pages)*/
.egg_image {
  width: 50%;
}

.egg_container {
  display: flex;
  flex-direction: row;
  padding-bottom: 5rem;
  padding-top: 3rem;

}

.egg_container_alt {
  display: flex;
  flex-direction: row;
  padding-bottom: 5rem;
}


/* For the carousel on Connect  */
.swiper-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  overflow: hidden;
}

.mousewheel-control {
  overscroll-behavior: contain;
}

.mousewheel-control:hover {
  pointer-events: all;
}

.swiper-wrapper-outer {
  margin: 0 auto;
  overflow: visible;
  position: relative;
}

.single-team-media {
  aspect-ratio: 3 / 2;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.swiper-slide img {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: rgb(0, 0, 0);
  transform: scale(1);
}

.swiper-button-next {
  right: -40px;
}

.swiper-button-prev {
  left: -40px;
}

.swiper-pagination {
  bottom: 10px !important;
  text-align: center;
}

.swiper-pagination-bullet {
  background: #c4c4c4;
  opacity: 0.7;
}

.swiper-pagination-bullet-active {
  background: #007aff;
  opacity: 1;
}


@media screen and (min-width: 1600px) and (max-width: 2300px) {
  .media-container {
    margin-bottom: -22.5rem;
    margin-right: -7rem;
    gap: 0.5rem;
  }

  .media-container-alt {
    margin-bottom: -1rem;
  }

  /* .media-item-alt { */
    /* margin-bottom: 22rem; */
  /* } */

  .single-media-container {
    margin-bottom: -19rem;
  }
}

@media screen and (min-width: 1651px) {
  .media-container {
    margin-bottom: -23rem;
    margin-right: -6rem;
    gap: 0.5rem;
  }

  .media-container-alt {
    margin-bottom: -2rem;
  }
}

@media screen and (min-width: 2100px) and (max-width:2300px) {
  .media-container {
    margin-bottom: -22rem;
    margin-right: -7rem;
  }

  .media-container-alt {
    margin-bottom: -2rem;
  }
}

@media screen and (min-width: 2300px) and (max-width: 2400px) {
  .media-container {
    margin-bottom: -30rem;
    margin-right: -8.5rem;
  }

  .media-container-alt {
    margin-bottom: -2rem;
  }

  /* .media-item-alt {
    margin-bottom: 30rem;
  } */

  .single-media-container {
    margin-bottom: -20rem;
  }
}

@media screen and (min-width: 2400px) and (max-width:3400px) {
  .media-container {
    margin-bottom: -17rem;
    margin-right: -6.5rem;
  }

  .media-container-alt {
    margin-bottom: -2rem;
  }

  /* .media-item-alt {
    margin-bottom: 16rem;
  } */

  .single-media-container {
    margin-bottom: -20rem;
  }
}

@media screen and (min-width: 3000px) {
  .media-container {
    margin-right: -9rem;
  }
}

@media screen and (min-width: 3400px) {
  .single-media-container {
    margin-bottom: -21rem;
    margin-top: 7rem;
  }

  .media-container {
    margin-bottom: -20rem;
    margin-right: -11rem;
  }

  .media-container-alt {
    margin-bottom: -3rem;
  }
}

@media screen and (max-width: 1600px) {
  .media-container {
    margin-bottom: -10rem;
    margin-right: -5.5rem;
  }

  .media-container-alt {
    margin-bottom: -1rem;
  }

  /* .media-item-alt {
    margin-bottom: 10rem;
  } */

  .single-media-container {
    margin-bottom: -19rem;
  }
}



@media screen and (max-width: 1450px) {
  .egg_image {
    width: 50%;
  }


  /* .egg_container_alt {
    flex-direction: column-reverse;
  } */
}

@media (min-width:1150px) and (max-width:1250px) {
  .media-container {
    margin-right: -5.5rem;
  }

  .TE-media-container {
    margin-right: -12rem;
  }



  .egg_image {
    width: 20%;
  }

  .egg_container {
    /* display: flex; */
    flex-direction: column;
    padding-bottom: 0rem;
    padding-top: 0rem;


  }
  .egg_image_container {
    /* display: flex; */
    /* padding-left:33%; */
    justify-content: center;
  }
  .egg_container_alt {
    /* display: flex; */
    flex-direction: column-reverse;
    padding-bottom: 0rem;

  }
}




@media screen and (max-width: 769px) {
  .media-container {
    margin-bottom: 0rem;
    margin-left: -24%;
    margin-right: 0rem;
    flex-direction: column;
    /* justify-content: ; */
    align-content: start;
    width: calc(155%);
  }

  /* .media-alt {
    width: calc(222%);
    height: auto;
    display: block;
  } */

  .founders-image {
    width: 90%;
    padding-right: 0rem;
  }

  /*   
  .quote-image {
    width: 148%;
  } */

  .media-item-alt {
    margin-bottom: 0rem;
  }

  .media-container-alt {
    margin-bottom: -1rem;
    margin-top: -2rem;
    gap: 0.1rem;
  }

  .media-item {
    width: 49%;
    margin: 0;
    position: relative;
  }

  .single-media-container {
    /* position: relative; */
    /* left: 50%; */
    /* right: 50%; */

    margin-top: 2rem;
    margin-left: -14vw;
    margin-right: -14vw;
    /* margin-  right: 0rem; */
    flex-direction: column;
    align-content: start;
    max-width: none;
  }

  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination {
    transform: scale(0.5);
  }
}

@media screen and (max-width: 680px) {

  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination {
    transform: scale(0.5);
  }

  .swiper-pagination {
    bottom: -10px !important;
  }

  .single-media-container {
    margin-left: -18vw;
    margin-right: -18vw;
  }
}

@media screen and (max-width: 550px) {

  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination {
    transform: scale(0.4);
  }

  .swiper-pagination {
    bottom: -10px !important;
  }

  .single-media-container {
    margin-left: -13vw;
    margin-right: -13vw;
  }
}

@media screen and (max-width: 450px) {
  .media-container {
    margin-top: 0rem;
  }
}

@media screen and (max-width: 400px) {
  .media-container-alt {
    margin-top: -3rem;
  }

  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination {
    transform: scale(0.3);
  }

  .swiper-button-next {
    right: -30px;
  }

  .swiper-button-prev {
    left: -30px;
  }

  .swiper-pagination {
    bottom: -2rem !important;
  }

  .swiper-container {
    padding: 0.5rem 0;
  }

  .single-media-container {
    margin-left: -12vw;
    margin-right: -12vw;
  }
}

@media screen and (max-width:350px) {
  .white_text_box h1 {
    font-size: 1.1rem;
  }
}