@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Bold-Italic.otf') format("opentype"), url('../fonts/Brownfox---Geometria-ExtraBold-Italic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Light-Italic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Dstype leituranews roman 2";
  src: url('../fonts/DSType---LeituraNews-Roman-2.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Dstype leituranews roman 4";
  src: url('../fonts/DSType---LeituraNews-Roman-4.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Dstype leituranews roman 3";
  src: url('../fonts/DSType---LeituraNews-Roman-3.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Dstype leituranews roman 1";
  src: url('../fonts/DSType---LeituraNews-Roman-1.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Dstype leituranews 4";
  src: url('../fonts/DSType---LeituraNews-Italic-4.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Dstype leituranews 3";
  src: url('../fonts/DSType---LeituraNews-Italic-3.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Dstype leituranews 1";
  src: url('../fonts/DSType---LeituraNews-Italic-1.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Thin-Italic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Dstype leituranews 2";
  src: url('../fonts/DSType---LeituraNews-Italic-2.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Medium-Italic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-ExtraLight-Italic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Heavy-Italic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Brownfox geometria;
  src: url('../fonts/Brownfox---Geometria-Bold.otf') format("opentype"), url('../fonts/Brownfox---Geometria-ExtraBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.landing-page {
  background-image: url('../images/Suresh-Punjabi-Landing.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block {
  background-color: #020202a3;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 12vh 0;
}

.heading {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  margin-top: 10px;
  font-family: Brownfox geometria, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 32px;
}

.text-block {
  color: #fff;
  text-align: center;
  padding-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-weight: 200;
}

.text-block-2 {
  color: #fff;
  letter-spacing: 2px;
  font-family: Brownfox geometria, sans-serif;
  font-size: 12px;
}

.div-line {
  background-color: #ffffff7a;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 150px;
  height: .5px;
  margin-top: 1px;
  padding-top: 0;
  display: flex;
}

.text-block-3 {
  color: #fff;
  text-align: center;
  letter-spacing: 1.5px;
  margin-bottom: -10px;
  padding-bottom: 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 14px;
  line-height: 26px;
}

.text-block-4 {
  color: #fff;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 100px;
  font-family: Merriweather, serif;
  font-style: italic;
  display: none;
}

.sec-statement {
  background-color: #323232;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.heading-3 {
  color: #fff;
  text-align: center;
  flex-flow: column;
  place-content: center;
  align-items: center;
  width: 70vw;
  font-family: Brownfox geometria, sans-serif;
  font-size: 32px;
  font-weight: 200;
  line-height: 60px;
  display: flex;
  position: static;
}

.heading-3.bold {
  font-weight: 200;
}

.sec-fix-img {
  background-color: #323232;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32vh;
  display: flex;
  overflow: hidden;
}

.sec-fix-img.still3, .sec-fix-img.still4 {
  height: 32vh;
}

.div-block-2 {
  background-image: url('../images/3Parralax_PHY.12259.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  align-self: flex-start;
  width: 100%;
  height: 32vh;
}

.sec-slider-white {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.sec-slider-text {
  background-color: #f4f4f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  padding-left: 220px;
  padding-right: 135px;
  display: flex;
  overflow: hidden;
}

.slide {
  cursor: pointer;
  background-image: url('../images/Screenshot-2020-11-11-at-12.00.24-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.slide.a {
  background-image: url('../images/PHY.12240hr.jpg');
}

.slide.b {
  background-image: url('../images/PHY.12263_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 115% 115%;
}

.slide.c {
  background-image: url('../images/PHY.12264.jpg');
}

.slide-2 {
  cursor: pointer;
  background-image: url('../images/PHY.12222.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-2.b {
  background-image: url('../images/PHY.12229.jpg');
}

.slide-2.c {
  cursor: pointer;
  background-image: url('../images/_img0032-copy.jpg');
}

.slide-3 {
  cursor: pointer;
  background-image: url('../images/PHY.12249.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
}

.slide-3.a {
  background-image: url('../images/PHY.12196.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.sec-video {
  background-color: #4e4e4e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.sec-text-2cols {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.sec-text-2cols.type2 {
  background-color: #f4f4f4;
  height: 100vh;
  min-height: auto;
}

.sec-text-2cols.type2.m-ack {
  background-color: #fff;
  height: auto;
  min-height: 100vh;
  padding-top: 50px;
  padding-bottom: 50px;
}

.div-block-3 {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70vw;
  height: 60vh;
  display: flex;
}

.div-block-3.a {
  flex-direction: row;
  align-items: flex-start;
  min-width: 940px;
  padding-top: 35px;
}

.columns-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.column-2 {
  align-self: flex-start;
  padding-right: 20px;
}

.column-3 {
  align-self: flex-start;
  padding-left: 25px;
}

.text-block-7 {
  padding-left: 0;
  padding-right: 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.text-block-8 {
  font-family: Brownfox geometria, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.section-carousel {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.section-carousel.carousel1 {
  background-color: #fff;
  width: 100%;
  min-width: auto;
  max-width: none;
}

.section-carousel.carousel1.min-padding {
  min-height: auto;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 25px;
  grid-row-gap: 26px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-4.part1 {
  grid-column-gap: 25px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
}

.div-block-4.type2 {
  grid-column-gap: 19px;
  grid-template-rows: auto;
}

.div-block-4.type3 {
  grid-column-gap: 46px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.div-block-4.part1 {
  grid-column-gap: 25px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr minmax(auto, 1fr);
  place-items: center;
  width: auto;
  height: auto;
}

.image {
  width: 100%;
  height: 100%;
}

.image.img-car {
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-clip: border-box;
  display: inline;
}

.image.img-car {
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-clip: border-box;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  display: inline;
}

.image.img-car:hover {
  opacity: .9;
}

.slide-6 {
  cursor: pointer;
  background-image: url('../images/PHY.12265_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-7 {
  background-image: url('../images/PHY.12251.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-8 {
  background-image: url('../images/PHY.12225.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-9 {
  background-image: url('../images/PHY.12214.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sec-hs1 {
  background-image: url('../images/PHY.12260.jpg');
  background-position: 0 90%;
  background-size: 177%;
  height: 100vh;
}

.sec-hs1.main {
  background-color: #f4f4f4;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vw;
  display: flex;
  overflow: hidden;
}

.slide4x1 {
  height: 50%;
  margin-top: 0;
  padding-top: 110px;
}

.section-image {
  background-color: #525151;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100vh;
  display: block;
  overflow: hidden;
}

.horiz-wrap-b {
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: auto;
  height: 60%;
  margin-top: 0%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  top: 10%;
  overflow: visible;
}

.div-block-s3 {
  background-image: url('../images/POP.10124.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 128%;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 32vh;
  display: flex;
}

.div-block-s4 {
  background-image: url('../images/A-moi-seul-1978-c-Malick-Sidibé.-Courtesy-Galerie-MAGNIN-A-Paris.jpg');
  background-position: 50% 10%;
  background-size: cover;
  background-attachment: fixed;
  align-self: flex-start;
  width: 100%;
  height: 32vh;
}

.timeline {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: auto;
}

.div-block-12 {
  width: 70vh;
  height: 70vh;
}

.image-3 {
  cursor: pointer;
  width: 100%;
  height: auto;
}

.clip-mask {
  opacity: 1;
  object-fit: contain;
  object-position: 50% 50%;
  background-image: url('../images/Album-stretch_new-1---R1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 20839px;
  height: 1000px;
  display: flex;
  overflow: hidden;
}

.div-block-15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 32vw;
  height: 56%;
  max-height: 32vw;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.container-txt-right {
  height: 50vh;
  padding: 10px;
}

.container-txt-left {
  padding: 10px;
}

.image-8, .image-9 {
  opacity: 1;
}

.heading-8 {
  color: #000;
  letter-spacing: 0;
  align-self: flex-start;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.div-block-17 {
  width: 100%;
  height: 75px;
}

.mi-button {
  z-index: 990;
  width: 60px;
  height: 60px;
  margin-top: 35px;
  margin-left: 25px;
  padding-top: 0;
  padding-left: 0;
  position: fixed;
  inset: 0% auto auto 0%;
}

.menu-container {
  z-index: 999;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  width: 50px;
  height: 50px;
  margin-top: 0;
  margin-right: 0;
  padding-top: 17px;
  padding-bottom: 17px;
  transition: transform .3s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: fixed;
  inset: 40px 35px auto auto;
  overflow: visible;
}

.menu-container:hover {
  transform: scale(1.1);
}

.menu-stripe {
  color: #fff;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 25px;
  height: 2px;
  margin-bottom: 0;
  display: block;
}

.popup-car1-14 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-14.a14 {
  z-index: 997;
  justify-content: center;
  align-items: center;
  display: none;
}

.text-block-13 {
  align-self: baseline;
  margin-top: 15px;
  padding: 20px 15px 10px 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.close-button {
  z-index: 999;
  opacity: .5;
  cursor: pointer;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-right: 0;
  transition: transform .2s cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
  position: absolute;
  inset: 50px 60px auto auto;
}

.close-button:hover {
  opacity: 1;
}

.div-block-19 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: contain;
  background-color: #fff;
  flex-direction: row;
  flex: 0 auto;
  grid-template: "Area-2 Area"
  / .8fr .75fr;
  grid-auto-columns: 1fr;
  place-content: space-around space-between;
  align-self: auto;
  place-items: start center;
  width: 100%;
  height: 95vw;
  min-height: auto;
  padding: 50px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.div-block-20 {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.div-block-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: 65vh;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  align-items: end;
  width: 275%;
  height: auto;
  padding: 0 50px;
  display: grid;
  overflow: visible;
}

.div-block-22 {
  object-fit: fill;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  height: 100%;
  margin-bottom: 0;
  padding: 12px 24px 0 35px;
  display: flex;
  overflow: hidden;
}

.heading-9 {
  color: #a7a7a7;
  letter-spacing: 3px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 17px;
  font-weight: 500;
  display: block;
}

.text-block-14 {
  color: #757575;
  width: 80%;
  padding-top: 30px;
  padding-bottom: 5px;
  font-family: Brownfox geometria, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.text-block-15 {
  letter-spacing: 0;
  padding-top: 10px;
  font-family: "Dstype leituranews roman 1", sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.div-block-23 {
  background-color: #9c9c9c;
  width: 120px;
  height: 1px;
  margin-top: 28px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.timeline-part {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-5"
                 "Area-3"
                 "Area-2"
                 "Area-6"
                 "."
                 / 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.timeline-part._1 {
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-auto-rows: min-content;
}

.paragraph {
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 0;
  padding-bottom: 49px;
  font-family: Brownfox geometria, sans-serif;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.div-block-26 {
  background-color: #000;
  width: 14.5%;
  height: 4px;
  margin-top: 489px;
  position: absolute;
}

.div-block-26._1 {
  width: 102.5%;
  margin-top: 0;
  position: static;
}

.div-block-26._2 {
  width: 102.5%;
  height: 3px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.mask-timeline {
  flex: none;
  width: 100%;
  height: auto;
  margin-bottom: 0%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  overflow: visible;
}

.image-13 {
  transition: transform .3s cubic-bezier(.77, 0, .175, 1);
}

.image-13:hover {
  transform: scale(1.1);
}

.popup-car1-2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-2.a2 {
  z-index: 997;
  display: none;
}

.popup-car1-3 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-3.a3 {
  z-index: 997;
  display: none;
}

.popup-car1-4 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-4.a4 {
  z-index: 997;
  display: none;
}

.popup-car1-5 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-5.a5 {
  z-index: 997;
  display: none;
}

.popup-car1-6 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-6.a6 {
  z-index: 997;
  display: none;
}

.popup-car1-7 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-7.a7 {
  z-index: 997;
  display: none;
}

.popup-car1-8 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-8.a8 {
  z-index: 997;
  display: none;
}

.popup-car1-9 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-9.a9 {
  z-index: 997;
  display: none;
}

.popup-car1-10 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-10.a10 {
  z-index: 997;
  display: none;
}

.popup-car1-11 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-11.a11 {
  z-index: 997;
  justify-content: center;
  align-items: center;
  display: none;
}

.popup-car1-12 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-12.a12 {
  z-index: 997;
  display: none;
}

.popup-car1-13 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-13.a13 {
  z-index: 997;
  display: none;
}

.popup-car1-15 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-15.a15 {
  z-index: 997;
  display: none;
}

.popup-car1-16 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-16.a16 {
  z-index: 997;
  display: none;
}

.popup-car2-1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-1.b1 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car1-1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car1-1.a1 {
  z-index: 997;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
}

.popup-car2-2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-2.b2 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-3 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-3.b3 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-4 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-4.b4 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-5 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-5.b5 {
  z-index: 996;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-6 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-6.b6 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-7 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-7.b7 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-8 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-8.b8 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-9 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-9.b9 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-10 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-10.b10 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-11 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-11.b11 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-12 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-12.b12 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-13 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-13.b13 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-14 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-14.b14 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-15 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-15.b15 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-16 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-16.b16 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-17 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-17.b17 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car2-18 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car2-18.b18 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.image-14 {
  text-shadow: 1px 1px 6px #000;
  object-fit: cover;
  flex: 0 auto;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
  height: auto;
  min-height: auto;
  margin-bottom: 0;
  padding-top: 0%;
  display: block;
  overflow: visible;
}

.div-block-29 {
  flex-flow: column wrap;
  place-content: space-around flex-start;
  align-items: center;
  width: 100%;
  min-width: 200px;
  max-width: 650px;
  height: auto;
  min-height: 200px;
  max-height: 650px;
  padding: 5px;
  display: flex;
  overflow: hidden;
}

.text-block-18 {
  z-index: 996;
  clear: none;
  opacity: .75;
  color: #fff;
  background-color: #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-family: Brownfox geometria, sans-serif;
  font-weight: 300;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
}

.horiz-wrap-a {
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: auto;
  height: 100vh;
  margin-top: 0%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: auto;
}

.text-block-19 {
  margin-top: 26px;
  margin-bottom: 50px;
  font-family: Brownfox geometria, sans-serif;
  font-size: 24px;
}

.div-ht-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/MAP_SURESH-PUNJABI_29.10.20200081fin.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-style: none;
  border-width: 0;
  grid-template: "Area" 25vw
                 "Area-2" 25vw
                 "Area-3" 25vw
                 "Area-4" 25vw
                 "Area-4"
                 / 100vw;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: space-between;
  place-items: center;
  width: 100vw;
  height: 100vw;
  display: grid;
}

.ht-icon-1 {
  cursor: pointer;
  transition: transform .3s cubic-bezier(.77, 0, .175, 1);
  position: relative;
  top: 38%;
  left: 9%;
}

.ht-icon-1:hover {
  transform: scale(1.2);
}

.ht-icon-1.type1 {
  z-index: 1000;
  top: 5%;
  left: -38%;
}

.ht-icon-3 {
  cursor: pointer;
  transition: transform .3s cubic-bezier(.77, 0, .175, 1);
  position: relative;
  top: 4%;
  left: 23.5%;
}

.ht-icon-3:hover {
  transform: scale(1.2);
}

.ht-icon-3.type1 {
  z-index: 1000;
  top: 24%;
  left: 10.5%;
}

.ht-icon-2 {
  cursor: pointer;
  transition: transform .3s cubic-bezier(.77, 0, .175, 1);
  position: relative;
  top: 60%;
  left: -33%;
}

.ht-icon-2:hover {
  transform: scale(1.2);
}

.ht-icon-2.type1 {
  z-index: 1000;
  top: 0%;
  left: 10%;
}

.ht-a-t1 {
  z-index: 995;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 190px;
  display: flex;
  position: relative;
  top: 5%;
  left: -25.25%;
  overflow: hidden;
}

.ht-a-t2 {
  z-index: 997;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 210px;
  display: flex;
  position: relative;
  top: 0%;
  left: -2.75%;
  overflow: hidden;
}

.ht-a-t3 {
  z-index: 996;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 290px;
  display: flex;
  position: relative;
  top: 22%;
  left: 23.5%;
  overflow: hidden;
}

.progress-bar {
  z-index: 999;
  transform-origin: 0%;
  object-fit: contain;
  object-position: 0% 50%;
  background-color: #d62937;
  width: 100%;
  height: .39%;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.menu {
  z-index: 998;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  object-fit: fill;
  background-color: #0c0c0c;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-43 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  flex: none;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  place-items: center;
  width: 50vh;
  height: 50vh;
  transition: opacity .2s cubic-bezier(.77, 0, .175, 1);
  display: grid;
  position: static;
}

.text-block-20 {
  opacity: .85;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  width: 85%;
  font-family: Brownfox geometria, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  transition: transform .4s cubic-bezier(.77, 0, .175, 1);
}

.text-block-20:hover {
  opacity: 1;
  border: 1px #141414;
}

.enter-button {
  transition: transform .2s;
}

.enter-button:hover {
  transform: scale(1.1);
}

.div-block-45 {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 50vw 45vw 2.5vw;
  grid-auto-columns: 1fr;
  align-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 110px;
  margin-bottom: 120px;
  padding-left: 45px;
  display: flex;
  position: sticky;
  inset: 0 auto auto 0;
  overflow: hidden;
}

.div-slider-x {
  grid-column-gap: 25px;
  grid-row-gap: 26px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-slider-x.typex {
  grid-column-gap: 46px;
  grid-row-gap: 0px;
  grid-template-rows: 75% 25%;
  grid-template-columns: 65vw;
  place-content: space-between center;
  place-items: center;
  padding: 50px;
}

.sst-img4 {
  background-image: url('../images/S2.png');
  background-position: 50%;
  background-size: cover;
  width: 425px;
  min-width: 300px;
  height: 425px;
  min-height: 300px;
  margin-top: -20px;
  margin-bottom: 0;
  margin-right: 15px;
}

.sst-img4._2 {
  background-image: url('../images/malick-sidibe_un-jeune-gentleman-36_custom-1e1af614e052ae362ce746c586cb6971e5a5a22d.jpg');
}

.sst-img4._3 {
  background-image: url('../images/Pornsak-Sakdaenprai-copy-1.jpg');
}

.sst-img4._1 {
  background-image: url('../images/Hashem-el-Madani2.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.sst-img {
  background-image: url('../images/S1.png');
  background-position: 50%;
  background-size: cover;
  width: 425px;
  min-width: 300px;
  height: 425px;
  min-height: 300px;
  margin-top: -20px;
  margin-bottom: 0;
  margin-left: 15px;
}

.sst-img._2 {
  background-image: url('../images/PHY.12236.jpg');
}

.sst-img._3 {
  background-image: url('../images/PHY.12216.jpg');
}

.sst-img._1 {
  background-image: url('../images/PHY.12266.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.s5-s2x1-p1 {
  overflow: hidden;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-template-rows: 480px;
  grid-template-columns: 540px 540px;
  place-items: start center;
  margin-top: 60px;
}

.link-block {
  padding-top: 0;
}

.video-2 {
  background-color: #292626;
  border: 0 solid #000;
  padding-bottom: 0;
  box-shadow: 1px 1px 19px 4px #d6d6d6;
}

.div-block-47 {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 200px;
  max-width: 32vw;
  height: auto;
  min-height: 0;
  max-height: 32vw;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  right: 0;
}

.container-outer {
  background-color: #f4f4f4;
  flex-direction: column;
  grid-template-rows: 500px 180px;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 75vw;
  min-width: 900px;
  max-width: 75vw;
  height: 720px;
  min-height: auto;
  display: flex;
}

.container-top_row {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  place-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  display: flex;
}

.text_br {
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.popup-car3-1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-1.c1 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-2.c2 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-3 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-3.c3 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-4 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-4.c4 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-5 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-5.c5 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-6 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-6.c6 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-7 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-7.c7 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-8 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-8.c8 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-9 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-9.c9 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-10 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-10.c10 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-11 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-11.c11 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-12 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-12.c12 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-13 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-13.c13 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-14 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-14.c14 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-15 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-15.c15 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-16 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-16.c16 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-17 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-17.c17 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car3-18 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car3-18.c18 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car4-1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car4-1.d1 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car4-2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car4-2.d2 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car4-3 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car4-3.d3 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car4-4 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car4-4.d4 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car4-5 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car4-5.d5 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-car4-6 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-car4-6.d6 {
  z-index: 996;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.slider-3 {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
}

.ts-2 {
  cursor: pointer;
  background-image: url('../images/_img0032.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.ts-3 {
  cursor: pointer;
  background-image: url('../images/3.PNG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-nav-9 {
  opacity: 0;
}

.slide-3a {
  cursor: pointer;
  background-image: url('../images/PHY.12256.jpg');
  background-position: 50%;
  background-size: contain;
}

.right-arrow-5, .left-arrow-5 {
  opacity: 0;
}

.heading-8-t2 {
  color: #000;
  letter-spacing: 1px;
  align-self: flex-start;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 70px 20px 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 36px;
  display: flex;
}

.heading-8-t2.m {
  padding-left: 10px;
  font-size: 17px;
  font-weight: 700;
}

.link-block-2 {
  opacity: .5;
  cursor: pointer;
  padding: 40px 40px 40px 0;
  transition: transform .2s cubic-bezier(.77, 0, .175, 1);
  position: relative;
}

.link-block-2:hover {
  opacity: 1;
}

.link-block-2.ex {
  top: 25px;
}

.div-block-51 {
  width: 60%;
}

.div-block-51a {
  width: 70%;
}

.popup-s2-slide1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s2-slide1.ps1-1 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
}

.popup-s2-slide2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s2-slide2.ps2-2 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
}

.popup-s3-slide1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s3-slide1.ps3-1 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s3-slide2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s3-slide2.ps3-2 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s3-slide3 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s3-slide3.ps3-3 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s3-slide4 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s3-slide4.ps3-4 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s4-slide1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s4-slide1.ps4-1 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s4-slide2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s4-slide2.ps4-2 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s4-slide3 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s4-slide3.ps4-3 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s5-slide1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s5-slide1.ps5-1 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s5-slide2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s5-slide2.ps5-2 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-s5-slide3 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s5-slide3.ps5-3 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-t-i-1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-t-i-1.pt-i-1 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.ht-a-t4 {
  z-index: 996;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 170px;
  display: flex;
  position: relative;
  top: 2%;
  left: -20%;
  overflow: hidden;
}

.ht-icon-4 {
  cursor: pointer;
  transition: transform .3s cubic-bezier(.77, 0, .175, 1);
  position: relative;
  top: 2%;
  left: -7%;
}

.ht-icon-4:hover {
  transform: scale(1.2);
}

.sec-hs2a {
  background-image: url('../images/PHY.12260.jpg');
  background-position: 0 90%;
  background-size: 177%;
  height: 100vh;
}

.sec-hs2a.main-2 {
  background-color: #323232;
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vw;
  display: flex;
  overflow: hidden;
}

.div-ht-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('../images/MAP_SURESH-PUNJABI_29.10.20200147-2fin.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0 solid #000;
  grid-template: "Area" 25%
                 "Area-2" 25%
                 "Area-3" 50%
                 / 100%;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  width: 100%;
  height: 100vw;
  display: grid;
}

.ht-b-t2 {
  z-index: 997;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 275px;
  display: flex;
  position: relative;
  top: 12%;
  left: -32.5%;
  overflow: hidden;
}

.ht-b-t1 {
  z-index: 995;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 190px;
  display: flex;
  position: relative;
  top: 39%;
  left: 22%;
  overflow: hidden;
}

.ht-b-t3 {
  z-index: 996;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 230px;
  display: flex;
  position: relative;
  top: 4%;
  left: 36.5%;
  overflow: hidden;
}

.text-block-20-heading {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: auto;
  background-color: #0000;
  width: 85%;
  font-family: Brownfox geometria, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.text-block-20-heading:hover {
  opacity: 1;
  border: 1px #141414;
}

.div-cont-video {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-53 {
  padding: 20px;
}

.slide-10 {
  cursor: pointer;
  background-image: url('../images/PHY.12208.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.popup-s4-slide4 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-s4-slide4.ps4-4 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-sm-slide1 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-sm-slide1.sm-1 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-sm-slide2 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-sm-slide2.sm-2 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.popup-sm-slide3 {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-sm-slide3.sm-3 {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: auto;
}

.footer {
  background-color: #000;
  width: 100%;
  height: 200px;
}

.sec-afterword {
  background-color: #f4f4f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding: 50px 50px 120px;
  display: flex;
  overflow: hidden;
}

.popup-sp-main {
  z-index: 990;
  background-color: #000000b3;
  width: 100%;
  height: 100vh;
  padding: 25px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-sp-main.main {
  z-index: 1001;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: none;
}

.credits {
  width: 70vw;
  min-width: 940px;
  height: auto;
  padding-bottom: 0;
}

.div-block-54 {
  width: 70vw;
  min-width: 940px;
}

.italic-text-2 {
  font-style: normal;
}

.image-17 {
  width: 140px;
  line-height: 19px;
}

.image-18 {
  width: 140px;
}

.image-19 {
  width: 60vw;
}

.div-container-main {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 900px;
  max-width: 70vw;
  height: auto;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.container-text {
  flex-direction: column;
  align-self: center;
  width: 50%;
  max-height: 49vw;
  padding-top: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.slider-4 {
  background-color: #fff0;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-left: 86px;
  padding-right: 85px;
  display: flex;
  overflow: visible;
}

.container-slider {
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  width: 700px;
  min-width: auto;
  height: auto;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.text-block-23 {
  align-self: center;
  font-family: Brownfox geometria, sans-serif;
  font-size: 14.5px;
  line-height: 24px;
}

.heading-13 {
  margin-top: 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

.left-arrow-slider {
  opacity: .4;
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 15px;
  display: flex;
}

.left-arrow-slider:hover {
  opacity: .8;
}

.right-arrow-slider {
  opacity: .4;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 0;
  padding-left: 15px;
  display: flex;
}

.right-arrow-slider:hover {
  opacity: .8;
}

.mask-slider {
  width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.slide-nav-10 {
  opacity: 0;
}

.left-arrow-car {
  opacity: .4;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 30px;
  display: flex;
}

.left-arrow-car:hover {
  opacity: .8;
}

.slide-nav-carousel {
  justify-content: center;
  align-items: center;
  font-size: 6px;
  display: flex;
  bottom: -80px;
}

.slider-carousel {
  background-color: #fff;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
  overflow: visible;
}

.div-block-58 {
  width: auto;
  padding-right: 0;
}

.div-container-car {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.right-arrow-car {
  opacity: .4;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-right: 30px;
  display: flex;
}

.right-arrow-car:hover {
  opacity: .8;
}

.mask-carousel {
  width: auto;
  min-width: auto;
  max-width: 1090px;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.image-20 {
  width: 100%;
  height: 100%;
}

.container-fix-img {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: 55vh;
  height: auto;
  min-height: 510px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.cont-text {
  flex-direction: column;
  align-self: center;
  width: 50%;
  max-height: 49vw;
  padding-top: 0;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.sec-slider-text2 {
  background-color: #f4f4f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 135px;
  padding-right: 135px;
  display: flex;
  overflow: hidden;
}

.sec-textandimage-v2 {
  background-color: #f4f4f4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 220px;
  padding-right: 220px;
  display: flex;
  overflow: hidden;
}

.slide-nav-ot {
  font-size: 6px;
  display: none;
  inset: auto 0%;
}

.afterword {
  padding-left: 0;
  padding-right: 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.afterword.mod {
  padding-left: 60px;
  padding-right: 60px;
  font-size: 14px;
}

.para-in-sldier {
  width: 942px;
  height: 155px;
  margin-top: -15px;
  margin-bottom: 0;
  padding: 0 10px;
  font-family: Brownfox geometria, sans-serif;
  font-size: 12px;
  line-height: 22px;
  position: static;
}

.text-block-24 {
  color: #b8b8b8;
  text-align: center;
  padding-top: 30px;
  font-size: 11px;
  text-decoration: none;
}

.text-span {
  color: #fff;
}

.div-afterword {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70vw;
  height: 60vh;
  display: flex;
}

.div-afterword.a {
  flex-direction: row;
  min-width: 940px;
}

.div-afterword.m.a {
  flex-direction: column;
  height: 100vh;
}

.image-21 {
  height: 150px;
}

.image-courtesy-text-timeline {
  color: #919191;
  padding-top: 10px;
  padding-bottom: 0;
  font-family: Brownfox geometria, sans-serif;
  font-size: 9px;
  line-height: 11px;
}

.image-22 {
  height: 150px;
}

.section_car_r1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: none;
}

.left-arrow {
  align-items: center;
  display: flex;
  inset: 0% auto 0% 0%;
}

.div-slider-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.grid_4x1 {
  grid-column-gap: 18px;
  grid-row-gap: 25px;
  grid-template: "Area Area-2 Area-3 Area-4" minmax(auto, 1fr)
  / 1fr 1fr 1fr 1fr;
  place-content: center;
  place-items: stretch stretch;
  width: 100%;
  height: auto;
}

.mask {
  min-width: 922px;
  max-width: 1090px;
  height: auto;
  min-height: auto;
}

.right-arrow {
  inset: 0% 0% 0% auto;
}

.grid_2x1 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-areas: "Area Area-2";
  width: 100%;
  height: auto;
}

.slider-4x1-2x1 {
  background-color: #dddddd85;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  padding-left: 0;
  display: flex;
}

.slide-grid-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-23, .image-24, .image-25 {
  cursor: pointer;
}

.html-embed {
  width: 100%;
  height: 100%;
}

.video-3 {
  width: 65vw;
  height: auto;
}

.div-block-59 {
  width: 1000px;
}

@media screen and (max-width: 991px) {
  .div-block {
    width: 90%;
  }

  .sec-statement {
    height: auto;
    min-height: 100vh;
  }

  .heading-3 {
    width: 95%;
    padding: 10px;
    font-size: 24px;
    line-height: 42px;
  }

  .sec-slider-white {
    height: auto;
    min-height: 100vh;
  }

  .sec-slider-text {
    width: 100%;
    height: auto;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 0 45px 25px;
    display: flex;
  }

  .sec-text-2cols {
    width: 100%;
    display: flex;
  }

  .sec-text-2cols.type2 {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 45px;
  }

  .sec-text-2cols.type2.m-ack {
    height: auto;
    min-height: 100vh;
    padding: 45px;
  }

  .div-block-3 {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }

  .div-block-3.a {
    min-width: 100%;
    padding: 0;
  }

  .columns-3 {
    flex-direction: column;
    justify-content: space-between;
    align-self: auto;
    height: 100%;
    padding: 0;
    display: flex;
  }

  .column-2 {
    flex-direction: row;
    order: -1;
    padding: 0 0 45px;
    display: block;
    position: static;
  }

  .column-3 {
    order: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .text-block-8 {
    padding-top: 0;
  }

  .section-carousel.carousel1 {
    width: 100vw;
    height: auto;
    min-height: 100vh;
    padding: 25px;
  }

  .section-carousel.carousel1.min-padding {
    width: 100%;
    padding: 50px 0;
  }

  .div-block-4.type2 {
    grid-row-gap: 23px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: auto;
    height: auto;
  }

  .div-block-4.type3 {
    grid-column-gap: 46px;
    grid-row-gap: 26px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: center;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: 50%;
    margin-left: 0;
    padding-left: 25.75%;
    padding-right: 25.75%;
    display: grid;
    position: absolute;
  }

  .div-block-4.part1 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .image.img-car {
    align-self: center;
  }

  .slide-6 {
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .sec-hs1.main {
    justify-content: center;
  }

  .slide-2x1 {
    margin-left: auto;
    margin-right: auto;
  }

  .slide-2x1.t2 {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .slide4x1 {
    height: 100%;
    margin-top: 0;
    padding-top: 0;
  }

  .horiz-wrap-b {
    overflow: visible;
  }

  .div-block-s4 {
    background-repeat: no-repeat;
  }

  .clip-mask {
    width: 2713%;
    overflow: auto;
  }

  .div-block-15 {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    width: 42.5vw;
    max-width: 45vw;
    height: auto;
    max-height: 45vw;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-txt-right, .container-txt-right.m {
    height: auto;
    padding: 0;
  }

  .container-txt-left {
    padding: 0;
  }

  .heading-8 {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .popup-car1-14.a14 {
    justify-content: center;
    display: none;
  }

  .text-block-13 {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 18px;
    overflow: visible;
  }

  .close-button {
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
  }

  .div-block-19 {
    grid-template-columns: .8fr .5fr;
    width: 100vw;
    height: 70vw;
    padding: 15px;
  }

  .div-block-21 {
    width: 346%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-22 {
    flex-direction: column;
    padding-left: 0;
    padding-right: 20px;
  }

  .heading-9 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .text-block-14 {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 11px;
    line-height: 16px;
  }

  .text-block-15 {
    padding-top: 0;
    font-size: 18px;
  }

  .div-block-23 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .popup-car1-2.a2, .popup-car1-3.a3, .popup-car1-4.a4, .popup-car1-5.a5, .popup-car1-6.a6, .popup-car1-7.a7 {
    justify-content: center;
    display: none;
  }

  .popup-car1-8.a8, .popup-car1-9.a9 {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .popup-car1-10.a10, .popup-car1-11.a11, .popup-car1-12.a12, .popup-car1-13.a13, .popup-car1-15.a15, .popup-car1-16.a16 {
    justify-content: center;
    display: none;
  }

  .popup-car2-1.b1 {
    display: flex;
  }

  .popup-car1-1.a1 {
    flex-direction: column;
    display: none;
  }

  .popup-car2-18.b18 {
    display: none;
  }

  .image-14 {
    min-height: auto;
  }

  .div-block-29 {
    justify-content: flex-start;
    padding: 0;
  }

  .text-block-18 {
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .horiz-wrap-a {
    overflow: visible;
  }

  .div-ht-1 {
    grid-template-rows: 25vw 25vw 25vw;
    grid-template-columns: 100vw;
    grid-auto-rows: minmax(0, 25vw);
    grid-auto-flow: row;
    width: 100%;
    height: 100%;
  }

  .ht-icon-3 {
    top: 40%;
  }

  .ht-icon-2 {
    top: 50%;
    left: -32%;
  }

  .ht-a-t1 {
    width: 280px;
    height: auto;
    display: flex;
    top: 5%;
    left: -17%;
  }

  .ht-a-t2 {
    width: 280px;
    height: auto;
    display: flex;
    top: -2%;
    left: -10.75%;
  }

  .ht-a-t3 {
    width: 280px;
    height: auto;
    display: flex;
    top: 24%;
    left: 31.5%;
  }

  .div-block-45 {
    margin-bottom: 145px;
    padding-left: 45px;
  }

  .div-slider-x.typex {
    grid-column-gap: 46px;
    grid-row-gap: 23px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: stretch stretch;
    width: auto;
    height: auto;
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
    display: grid;
    position: relative;
    inset: auto 0% 0%;
  }

  .sst-img4 {
    width: 300px;
    height: 300px;
    margin-right: 55px;
  }

  .sst-img4._2, .sst-img4._3 {
    margin-top: 0;
    margin-right: 0;
  }

  .sst-img4._1 {
    width: 300px;
    min-width: 200px;
    height: 300px;
    min-height: 200px;
    margin-top: 0;
    margin-right: 0;
  }

  .sst-img {
    width: 300px;
    height: 300px;
  }

  .sst-img._2, .sst-img._3 {
    margin-top: 0;
    margin-left: 0;
  }

  .sst-img._1 {
    background-position: 50%;
    background-size: contain;
    width: 300px;
    min-width: 200px;
    height: 300px;
    min-height: 200px;
    margin-top: 0;
    margin-left: 0;
  }

  .s5-s2x1-p1 {
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2 {
    grid-template-rows: auto;
    grid-template-columns: 50% repeat(auto-fit, 50%);
    grid-auto-flow: row dense;
    place-content: center space-between;
    place-items: center stretch;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-47 {
    width: 42.5vw;
    max-width: 45vw;
    height: auto;
    max-height: 45vw;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-outer {
    grid-template-rows: 400px 180px;
    width: 100%;
    min-width: 750px;
    max-width: 100%;
    height: auto;
    padding-left: 25px;
    padding-right: 25px;
  }

  .container-top_row {
    grid-template-rows: 100%;
    grid-template-columns: 50% 50%;
    justify-content: space-between;
    margin-top: 0;
  }

  .text_br {
    padding: 25px 0 0;
  }

  .popup-car3-1.c1, .popup-car3-18.c18, .popup-car4-1.d1 {
    display: none;
  }

  .heading-8-t2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 25px;
  }

  .heading-8-t2.m {
    padding-bottom: 25px;
  }

  .link-block-2 {
    position: static;
  }

  .link-block-2.ex {
    padding-top: 40px;
    padding-right: 0;
    position: static;
    top: 0;
  }

  .popup-s2-slide1.ps1-1, .popup-s2-slide2.ps2-2 {
    flex-direction: column;
    display: none;
  }

  .popup-s3-slide1.ps3-1, .popup-s3-slide2.ps3-2, .popup-s3-slide3.ps3-3, .popup-s3-slide4.ps3-4 {
    justify-content: center;
    display: none;
  }

  .popup-s4-slide3.ps4-3, .popup-s5-slide1.ps5-1, .popup-s5-slide2.ps5-2, .popup-s5-slide3.ps5-3, .popup-t-i-1.pt-i-1 {
    display: none;
  }

  .ht-a-t4 {
    width: 280px;
    height: auto;
    display: flex;
    top: 5%;
    left: -28%;
  }

  .sec-hs2a.main-2 {
    justify-content: center;
  }

  .div-ht-2 {
    grid-template-rows: 25vw 25vw 25vw 25vw;
    grid-template-columns: 100vw;
    width: 100vw;
    height: 100vw;
  }

  .ht-b-t2 {
    width: 270px;
    height: 210px;
    display: flex;
    top: -20.5%;
    left: -28%;
  }

  .ht-b-t1 {
    width: 270px;
    height: 140px;
    display: flex;
    top: 37%;
    left: 31%;
  }

  .ht-b-t3 {
    width: 270px;
    height: 160px;
    display: flex;
    top: -16%;
    left: 24%;
  }

  .div-cont-video {
    width: auto;
    height: auto;
  }

  .div-block-53 {
    padding: 0;
  }

  .popup-s4-slide4.ps4-4 {
    display: none;
  }

  .sec-afterword {
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 45px;
    display: flex;
  }

  .popup-sp-main.main {
    flex-direction: column;
    display: none;
  }

  .credits {
    width: 100%;
    min-width: auto;
    height: auto;
  }

  .div-block-54 {
    width: 100%;
    min-width: auto;
    padding: 0;
  }

  .div-container-main {
    width: 100%;
    min-width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .container-text {
    max-height: 45vw;
    overflow: visible;
  }

  .slider-4 {
    padding-left: 65.5px;
    padding-right: 65.5px;
  }

  .container-slider {
    max-width: 60vw;
  }

  .text-block-23 {
    height: auto;
    overflow: auto;
  }

  .heading-13 {
    margin-top: 0;
  }

  .left-arrow-slider {
    padding-right: 30px;
  }

  .right-arrow-slider {
    flex-direction: row;
    align-items: center;
  }

  .italic-text-3 {
    font-style: normal;
  }

  .left-arrow-car {
    justify-content: flex-start;
    padding-left: 10px;
  }

  .slide-nav-carousel {
    opacity: 1;
    padding-top: 0;
    bottom: -46px;
  }

  .slider-carousel {
    padding-left: 40px;
    padding-right: 40px;
    overflow: visible;
  }

  .right-arrow-car {
    justify-content: flex-end;
    padding-right: 10px;
  }

  .mask-carousel {
    max-width: none;
  }

  .container-fix-img {
    max-width: 50vw;
    padding-left: 10px;
  }

  .cont-text {
    max-height: 50vw;
    padding-right: 10px;
    overflow: visible;
  }

  .sec-slider-text2 {
    width: 100%;
    height: auto;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 0;
    display: flex;
  }

  .sec-textandimage-v2 {
    width: 100%;
    height: auto;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding: 45px 25px;
    display: flex;
  }

  .slide-nav-ot {
    bottom: -40px;
  }

  .afterword.mod {
    padding-left: 0;
    padding-right: 0;
  }

  .para-in-sldier {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 100%;
    line-height: 200%;
    position: relative;
    top: 0;
    overflow: hidden;
  }

  .div-afterword {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }

  .div-afterword.a {
    min-width: 100%;
    padding: 0;
  }

  .div-afterword.m.a {
    height: auto;
  }

  .mask {
    min-width: 768px;
  }
}

@media screen and (max-width: 767px) {
  .div-block {
    flex-direction: column;
    width: 95%;
  }

  .grid {
    width: 90%;
    height: 90%;
  }

  .sec-statement {
    height: 100vh;
    min-height: auto;
    padding: 25px;
  }

  .heading-3 {
    width: 90%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 24px;
    line-height: 42px;
  }

  .sec-slider-white {
    height: 100vh;
    min-height: auto;
    max-height: none;
    padding: 100px 0;
  }

  .sec-slider-text {
    width: 100%;
    height: auto;
    min-height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
  }

  .sec-text-2cols {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .sec-text-2cols.type2 {
    width: 100%;
  }

  .sec-text-2cols.type2.m-ack {
    min-height: auto;
  }

  .div-block-3 {
    flex-direction: column;
    order: 0;
    align-self: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-3.a, .columns-3 {
    flex-direction: column;
  }

  .column-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-7 {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .section-carousel.carousel1 {
    width: 100%;
    height: 100vh;
  }

  .section-carousel.carousel1.min-padding {
    height: auto;
    min-height: auto;
  }

  .div-block-4.type2 {
    grid-column-gap: 6.5px;
    grid-row-gap: 6.5px;
    grid-template-rows: 48.25vw 48.25vw;
    grid-template-columns: 48.25vw 48.25vw;
    place-content: center;
    place-items: center;
    width: auto;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .div-block-4.type3 {
    grid-column-gap: 6.5px;
    grid-row-gap: 6.5px;
    grid-template-rows: 48.25vw;
    grid-template-columns: 48.25vw;
    grid-auto-rows: 48.25vw;
    align-content: center;
    place-items: center;
    width: auto;
    height: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .div-block-4.type3.x {
    padding-left: 147px;
    padding-right: 147px;
  }

  .div-block-4.part1 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: 30vw 30vw 30vw;
    grid-template-columns: 30vw 30vw 30vw;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 0;
  }

  .sec-hs1.main {
    background-position: 50%;
    background-size: cover;
  }

  .slide-2x1 {
    width: 568px;
    height: 568px;
  }

  .slide-2x1.t2 {
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .slide4x1, .section-image {
    width: 100%;
    height: 100%;
  }

  .timeline {
    height: auto;
    min-height: auto;
    padding-bottom: 25px;
  }

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

  .clip-mask {
    width: 100%;
    height: 100%;
  }

  .div-block-15 {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-left: 0;
  }

  .image-8 {
    align-self: auto;
  }

  .heading-8 {
    margin-bottom: 0;
    padding-bottom: 15px;
  }

  .text-block-13 {
    padding-bottom: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .close-button {
    top: 20px;
    right: 20px;
  }

  .div-block-19 {
    flex-direction: column;
    height: auto;
    display: flex;
  }

  .div-block-21 {
    width: 500%;
  }

  .div-block-22 {
    height: auto;
    padding: 0 35px 20px;
  }

  .heading-9 {
    margin-bottom: 0;
  }

  .popup-car2-1.b1 {
    min-height: auto;
    display: none;
  }

  .image-14 {
    min-width: 150px;
  }

  .div-block-29 {
    max-height: none;
    padding-top: 35px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .text-block-18 {
    font-size: 12px;
    line-height: 16px;
  }

  .text-block-19 {
    margin-bottom: 0;
  }

  .ht-icon-1 {
    left: 10%;
  }

  .ht-icon-2.type1 {
    top: 8%;
    left: -5%;
  }

  .ht-a-t1 {
    width: 30vh;
    height: 14vh;
    display: none;
    top: 4%;
    left: -10%;
  }

  .ht-a-t2 {
    width: 30vh;
    height: 16vh;
    display: none;
    top: 6%;
    left: 24.2%;
  }

  .ht-a-t3 {
    width: 34vh;
    height: 19vh;
    display: none;
    top: 24%;
    left: -21%;
  }

  .div-slider-x.typex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 45%;
    grid-template-columns: 100%;
    align-content: center;
    width: auto;
    height: 100%;
    margin-left: 0;
    padding: 0 10px;
  }

  .sst-img4 {
    width: 274.25px;
    min-width: auto;
    height: 274.25px;
    min-height: auto;
    margin-top: auto;
    margin-right: auto;
  }

  .sst-img4._2 {
    background-image: url('../images/malick-sidibe_un-jeune-gentleman-36_custom-1e1af614e052ae362ce746c586cb6971e5a5a22d.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 43.5vw;
    height: 45vw;
  }

  .sst-img4._3 {
    background-image: url('../images/Pornsak-Sakdaenprai-copy-1.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 43.5vw;
    height: 45vw;
  }

  .sst-img4._1 {
    width: 43.5vw;
    height: 45vw;
    padding-left: 0;
    padding-right: 0;
  }

  .sst-img {
    width: 274.25px;
    min-width: auto;
    height: 274.25px;
    min-height: auto;
    margin-top: auto;
    margin-left: auto;
  }

  .sst-img._2 {
    background-image: url('../images/PHY.12236.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 43.5vw;
    height: 45vw;
  }

  .sst-img._3 {
    background-image: url('../images/PHY.12216.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 43.5vw;
    height: 45vw;
  }

  .sst-img._1 {
    width: 43.5vw;
    height: 45vw;
  }

  .s5-s2x1-p1 {
    width: auto;
    height: auto;
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid-2 {
    flex-direction: row;
    grid-template-rows: 50vw;
    grid-template-columns: 50vw 50vw;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 35px;
    display: flex;
    position: relative;
    top: 0;
  }

  .div-block-47 {
    justify-content: flex-end;
    min-width: auto;
    max-width: none;
    max-height: none;
    margin-left: 0;
    margin-right: 0;
  }

  .container-outer {
    min-width: auto;
    height: auto;
  }

  .container-top_row {
    margin-top: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .text_br {
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 0 25px;
  }

  .heading-8-t2 {
    padding-bottom: 0;
  }

  .heading-8-t2.m {
    padding-left: 0;
  }

  .ht-a-t4 {
    width: 30vh;
    height: 12vh;
    display: none;
    top: 1%;
    left: 22.5%;
  }

  .sec-hs2a.main-2 {
    background-position: 50%;
    background-size: cover;
  }

  .ht-b-t2 {
    height: 19.5vh;
    display: none;
    top: -33.5%;
    left: -24%;
  }

  .ht-b-t1 {
    height: 14vh;
    display: none;
    top: 34%;
    left: -19.5%;
  }

  .ht-b-t3 {
    height: 21vh;
    display: none;
    top: -48%;
  }

  .sec-afterword {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .image-19 {
    width: auto;
  }

  .div-container-main {
    flex-direction: column;
    width: 100%;
    max-width: 100vw;
  }

  .container-text {
    width: auto;
  }

  .slider-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-slider {
    width: auto;
    max-width: none;
  }

  .text-block-23 {
    padding-bottom: 0;
    overflow: auto;
  }

  .left-arrow-slider, .right-arrow-slider {
    display: none;
  }

  .slide-nav-10 {
    opacity: 1;
    font-size: 8px;
  }

  .left-arrow-car {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    display: flex;
    position: absolute;
    left: 0;
  }

  .slide-nav-carousel {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .slider-carousel {
    align-self: auto;
    width: 100%;
    min-width: auto;
    height: 100%;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-container-car {
    width: 100%;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .right-arrow-car {
    justify-content: flex-end;
    padding-right: 10px;
    inset: 0% 0% 0% auto;
  }

  .mask-carousel {
    align-self: center;
    width: auto;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .container-fix-img {
    flex-direction: column;
    order: 1;
    max-width: 100vw;
    min-height: auto;
    padding-left: 0;
  }

  .cont-text {
    order: -1;
    width: auto;
    padding-bottom: 25px;
    padding-right: 0;
  }

  .sec-slider-text2 {
    width: 100%;
    height: auto;
    padding-bottom: 17px;
  }

  .sec-textandimage-v2 {
    width: 100%;
    height: auto;
    min-height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .slide-nav-ot {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
    inset: auto 0% -20px;
  }

  .afterword {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .para-in-sldier {
    width: 100%;
    height: 50vw;
    margin-bottom: 0;
    padding: 0;
    font-size: 100%;
    position: relative;
    bottom: 0;
    overflow: auto;
  }

  .div-afterword {
    flex-direction: column;
    order: 0;
    align-self: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-afterword.m.a {
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  .div-block {
    width: 95%;
  }

  .grid {
    align-items: center;
    width: 95%;
    height: 85%;
    margin-bottom: 0;
  }

  .heading {
    font-size: 32px;
    font-weight: 400;
  }

  .text-block {
    font-size: 16px;
  }

  .text-block-2 {
    line-height: 16px;
  }

  .text-block-3 {
    font-size: 12px;
  }

  .text-block-4 {
    font-size: 11px;
  }

  .heading-3 {
    width: 95%;
    padding: 10px;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
  }

  .div-block-2 {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sec-slider-white {
    overflow: hidden;
  }

  .sec-slider-text {
    flex-direction: column;
    width: 100vw;
    height: auto;
    padding-bottom: 0;
    display: flex;
  }

  .slide-3 {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .sec-video {
    background-position: 50%;
    background-attachment: fixed;
  }

  .sec-text-2cols {
    width: 100vw;
    padding: 10px;
  }

  .sec-text-2cols.type2 {
    width: 100vw;
    height: auto;
  }

  .sec-text-2cols.type2.m-ack {
    height: auto;
    padding: 25px;
  }

  .div-block-3 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .div-block-3.a {
    margin-top: 0;
    padding: 0;
    position: relative;
    top: 0;
    bottom: 0;
  }

  .columns-3 {
    flex-direction: column;
    padding: 0;
  }

  .column-3 {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 20px;
  }

  .text-block-7 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 22px;
  }

  .text-block-8 {
    width: auto;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 22px;
  }

  .section-carousel.carousel1 {
    width: 100%;
  }

  .section-carousel.carousel1.min-padding {
    height: auto;
    max-height: none;
    padding: 25px 0 0;
  }

  .div-block-4.type2 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    grid-template-rows: 49vw 49vw;
    grid-template-columns: 48vw 48vw;
    justify-content: center;
    place-items: center;
    width: 100%;
    height: 100%;
    margin-top: 0;
  }

  .div-block-4.type3 {
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    grid-template-rows: minmax(250px, 49vw);
    grid-template-columns: minmax(250px, 49vw);
    grid-auto-rows: minmax(250px, 49vw);
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    width: 21%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    inset: 0%;
  }

  .div-block-4.part1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: 148px 148px 148px 148px;
    grid-template-columns: 148px 148px;
    width: auto;
    height: auto;
  }

  .sec-hs1.main {
    background-image: none;
    display: none;
  }

  .slide-2x1 {
    width: 100vw;
    height: 100vw;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-2x1.t2 {
    width: 100%;
    height: 100%;
  }

  .slide4x1 {
    width: 100vw;
    height: 100vw;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .horiz-wrap-b {
    height: 100%;
    overflow: auto;
  }

  .div-block-s3 {
    background-position: 50%;
    background-size: cover;
  }

  .timeline {
    width: 100vw;
    overflow: hidden;
  }

  .div-block-12 {
    width: 100%;
    height: auto;
  }

  .div-block-15 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85vw;
    height: 48vw;
    margin-left: 0;
    display: flex;
    top: 25px;
  }

  .container-txt-right {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-txt-left {
    padding-top: 0;
    padding-bottom: 35px;
  }

  .heading-8 {
    padding-bottom: 20px;
  }

  .mi-button {
    width: 50px;
    height: 50px;
    margin-top: 25px;
  }

  .menu-container {
    top: 25px;
    right: 25px;
  }

  .text-block-13 {
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .close-button {
    height: 10px;
    top: 20px;
    right: 15px;
  }

  .div-block-19 {
    flex-direction: column;
    height: 90vh;
    display: flex;
  }

  .div-block-21 {
    width: 350%;
    padding-left: 37.5px;
    padding-right: 37.5px;
    overflow: visible;
  }

  .div-block-22 {
    flex: 0 auto;
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 15px;
    padding-right: 0;
    overflow: hidden;
  }

  .mask-timeline {
    overflow: hidden;
  }

  .image-14 {
    min-width: 100px;
  }

  .div-block-29 {
    padding-top: 35px;
  }

  .horiz-wrap-a {
    height: 100%;
    overflow: auto;
  }

  .ht-icon-1, .ht-icon-3, .ht-icon-2 {
    display: none;
  }

  .div-block-45 {
    margin-bottom: 145px;
    padding-top: 32.5px;
    padding-left: 37.5px;
  }

  .div-slider-x.typex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100vw;
    grid-template-columns: 100vw;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: static;
    inset: 0%;
  }

  .sst-img4 {
    width: 150px;
    min-width: 150px;
    height: 150px;
    min-height: 150px;
    margin-top: auto;
    margin-right: 0;
  }

  .sst-img4._1 {
    width: 80vw;
    min-width: auto;
    height: 350px;
    min-height: auto;
    padding-left: 0;
    position: relative;
    top: 0;
  }

  .sst-img {
    width: 150px;
    min-width: 150px;
    height: 150px;
    min-height: 150px;
    margin-top: auto;
    margin-left: 0;
    margin-right: 10px;
    padding-right: 0;
  }

  .sst-img._3 {
    margin-right: 0;
  }

  .sst-img._1 {
    width: 80vw;
    min-width: auto;
    height: 300px;
    min-height: auto;
    margin-right: 0;
    position: relative;
    top: 0;
  }

  .s5-s2x1-p1 {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-2 {
    flex-direction: column;
    height: 100%;
    padding-bottom: 0;
    display: flex;
    position: relative;
    top: auto;
    bottom: 0;
  }

  .div-block-47 {
    flex-direction: column;
    align-self: auto;
    align-items: center;
    width: 85vw;
    height: 85vw;
    margin-left: 0;
    top: 40px;
    right: auto;
  }

  .container-outer {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    display: flex;
  }

  .container-top_row {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: auto;
    margin-top: 0;
    padding-top: 130px;
    display: flex;
    position: relative;
    top: -37px;
  }

  .text_br {
    margin-top: 0;
    padding: 20px 10px 120px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
    top: 0;
  }

  .slider-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .slide-3a {
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .right-arrow-5, .left-arrow-5 {
    display: none;
  }

  .heading-8-t2 {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 28px;
  }

  .heading-8-t2.m {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    position: static;
  }

  .link-block-2 {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .sec-hs2a.main-2 {
    background-image: none;
    display: flex;
  }

  .div-ht-2 {
    display: flex;
  }

  .div-cont-video {
    width: 100%;
  }

  .ss {
    width: 100%;
    height: 100%;
  }

  .sec-afterword {
    width: 100vw;
    padding: 25px 25px 10px;
  }

  .container-text {
    max-height: none;
  }

  .slider-4 {
    padding-bottom: 25px;
  }

  .text-block-23 {
    padding-bottom: 15px;
    overflow: visible;
  }

  .slide-nav-10 {
    padding-bottom: 0;
    font-size: 6px;
    bottom: -12.5px;
  }

  .slide-nav-carousel {
    bottom: -45px;
  }

  .slider-carousel {
    flex-direction: row;
  }

  .div-container-car {
    padding-bottom: 50px;
  }

  .cont-text {
    max-height: none;
  }

  .sec-slider-text2 {
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    min-height: auto;
    max-height: none;
    display: flex;
  }

  .sec-textandimage-v2 {
    flex-direction: column;
    width: 100vw;
    height: auto;
    display: flex;
  }

  .slide-nav-ot {
    bottom: 0;
  }

  .afterword {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 0;
    font-size: 12px;
    line-height: 22px;
  }

  .para-in-sldier {
    width: auto;
    height: auto;
    margin-bottom: 0;
    padding: 25px 50px 50px;
    font-size: 12px;
    line-height: 22px;
    top: 0;
    bottom: 0;
  }

  .text-block-24 {
    padding-left: 75px;
    padding-right: 75px;
  }

  .div-afterword {
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .div-afterword.a {
    margin-top: 0;
    padding: 0;
    position: relative;
    top: auto;
    bottom: 15px;
  }

  .div-afterword.m.a {
    height: 70%;
    bottom: 10px;
  }
}

#w-node-a7af090b-e68b-e940-772d-ae94af1d9212-d1527de2 {
  place-self: center;
}

#w-node-a7af090b-e68b-e940-772d-ae94af1d9214-d1527de2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7af090b-e68b-e940-772d-ae94af1d9218-d1527de2 {
  place-self: start center;
}

#w-node-b0ca6d9f-6d06-c660-2c66-f9c1912e546e-d1527de2 {
  align-self: center;
}

#w-node-_120eadb5-34c9-cd0f-f808-7e8cdb280d68-8f527de5 {
  place-self: center;
}

#w-node-_120eadb5-34c9-cd0f-f808-7e8cdb280d6a-8f527de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_120eadb5-34c9-cd0f-f808-7e8cdb280d6e-8f527de5 {
  place-self: start center;
}

#w-node-_2f272d63-efdd-503c-fa30-256c78ed4232-8f527de5 {
  grid-area: Area;
  place-self: start;
}

#w-node-_2f272d63-efdd-503c-fa30-256c78ed4233-8f527de5 {
  grid-area: Area;
}

#w-node-cf0c38e8-bd5f-69ae-eab7-6e7fa7db7873-8f527de5 {
  grid-area: Area;
  place-self: start;
}

#w-node-cf0c38e8-bd5f-69ae-eab7-6e7fa7db7874-8f527de5 {
  grid-area: Area;
}

#w-node-ccac322c-76c6-b06f-6f03-2fa398b05c2f-8f527de5 {
  grid-area: Area;
  place-self: start;
}

#w-node-ccac322c-76c6-b06f-6f03-2fa398b05c30-8f527de5 {
  grid-area: Area;
}

#w-node-c0bbd1ee-f9fe-ae85-2b92-d936b84be923-8f527de5 {
  grid-area: Area;
  place-self: start;
}

#w-node-_62e56b70-96c0-2498-30f0-6e123b57e519-8f527de5, #w-node-c0d23b92-7c47-02e1-c6a8-e684395e49e6-8f527de5, #w-node-c0d23b92-7c47-02e1-c6a8-e684395e49e7-8f527de5, #w-node-_747af284-3d33-1683-e37d-9355a993583e-8f527de5, #w-node-_747af284-3d33-1683-e37d-9355a993583f-8f527de5, #w-node-_83118833-353c-19b6-0670-ab06a6514137-8f527de5, #w-node-_83118833-353c-19b6-0670-ab06a6514138-8f527de5, #w-node-e3847d7e-79d6-9578-e838-503bb3b7e3f5-8f527de5, #w-node-e3847d7e-79d6-9578-e838-503bb3b7e3f6-8f527de5, #w-node-e32d3e91-3b33-ca7e-d8bb-8f077107ee86-8f527de5, #w-node-e32d3e91-3b33-ca7e-d8bb-8f077107ee87-8f527de5, #w-node-a9a9e35b-6534-76b9-dd7b-03ab2c066329-8f527de5, #w-node-a9a9e35b-6534-76b9-dd7b-03ab2c06632a-8f527de5, #w-node-_55edf874-63f3-f818-72ee-624df88055fa-8f527de5, #w-node-_55edf874-63f3-f818-72ee-624df88055fb-8f527de5, #w-node-fa497f7b-86ec-88b5-e8ba-4267f2c6e6fb-8f527de5, #w-node-fa497f7b-86ec-88b5-e8ba-4267f2c6e6fc-8f527de5, #w-node-_9242d935-41cb-4a31-f6c2-368ec146122b-8f527de5, #w-node-_9242d935-41cb-4a31-f6c2-368ec146122c-8f527de5, #w-node-_32ca21c8-a920-6460-17d8-437ef4cd4304-8f527de5, #w-node-_32ca21c8-a920-6460-17d8-437ef4cd4305-8f527de5, #w-node-d9c3468e-a9a5-0866-647c-7a8b9ed3cec9-8f527de5, #w-node-d9c3468e-a9a5-0866-647c-7a8b9ed3ceca-8f527de5, #w-node-_3b8d6589-0d1a-25f6-c211-bbb5a524329e-8f527de5, #w-node-_3b8d6589-0d1a-25f6-c211-bbb5a524329f-8f527de5, #w-node-_64bb3878-e4c2-2587-42f5-8a7ee1f1eec4-8f527de5, #w-node-_64bb3878-e4c2-2587-42f5-8a7ee1f1eec5-8f527de5, #w-node-_38f4cf0c-ca3a-469d-1bab-093c9d72fcd0-8f527de5, #w-node-_38f4cf0c-ca3a-469d-1bab-093c9d72fcd1-8f527de5, #w-node-_6186fa5a-9c3a-1e37-d47a-3d840f4575df-8f527de5, #w-node-_6186fa5a-9c3a-1e37-d47a-3d840f4575e0-8f527de5, #w-node-_9b34a972-52c3-377c-3641-19099abedc94-8f527de5, #w-node-_9b34a972-52c3-377c-3641-19099abedc95-8f527de5, #w-node-_453a5c13-7781-6e42-7f13-477cb013af98-8f527de5, #w-node-_453a5c13-7781-6e42-7f13-477cb013af99-8f527de5, #w-node-_6d634aeb-3564-bf2a-30ad-bbaed5dad914-8f527de5, #w-node-_6d634aeb-3564-bf2a-30ad-bbaed5dad915-8f527de5, #w-node-_1e378d9a-b2c6-e8e0-7d93-fb505f939035-8f527de5, #w-node-_1e378d9a-b2c6-e8e0-7d93-fb505f939036-8f527de5, #w-node-_17ccf891-c9ec-6023-753f-fb25871118ad-8f527de5, #w-node-_825dfdae-9d3d-a145-4bee-217449679f9f-8f527de5 {
  grid-area: Area;
}

#w-node-_5633a4c1-04ed-dea7-f4b3-c37f8d48fc09-8f527de5, #w-node-cab27a1e-8044-b147-bdea-0ca36204a9d7-8f527de5 {
  grid-area: Area-2;
}

#w-node-_840cadc4-c344-95fe-3325-07851c39df3a-8f527de5, #w-node-_3d9c5604-f584-52f0-c34d-f6263aa80e29-8f527de5 {
  grid-area: Area-3;
}

#w-node-_5c465b7f-916b-5b5f-2592-75b289591587-8f527de5 {
  grid-area: Area-4;
}

#w-node-f9497bd7-6b15-82b0-7c53-37e4c70d6183-8f527de5 {
  order: -9999;
  grid-area: Area-4;
  align-self: auto;
}

#w-node-f1c45233-56fb-fd06-3a83-352b51ce19ec-8f527de5, #w-node-f1c45233-56fb-fd06-3a83-352b51ce19ed-8f527de5, #w-node-f86d12fe-d752-bab4-1d6e-3bd0a2cb902a-8f527de5, #w-node-f86d12fe-d752-bab4-1d6e-3bd0a2cb902b-8f527de5, #w-node-_7c87ba47-f269-8f60-9a4b-15d7c4ec48c2-8f527de5, #w-node-_7c87ba47-f269-8f60-9a4b-15d7c4ec48c3-8f527de5, #w-node-_6c21f47e-4b5c-8999-6d3c-2bd04a20d73f-8f527de5, #w-node-_6c21f47e-4b5c-8999-6d3c-2bd04a20d740-8f527de5, #w-node-_3612a99b-e5ca-b50a-e7e2-7bee45400b77-8f527de5, #w-node-_3612a99b-e5ca-b50a-e7e2-7bee45400b78-8f527de5, #w-node-_9772aa22-2e67-b802-9d8b-7b3e14ca5923-8f527de5, #w-node-_9772aa22-2e67-b802-9d8b-7b3e14ca5924-8f527de5, #w-node-_62ce00b5-b04a-8138-cf09-d5eb43b6a441-8f527de5, #w-node-_62ce00b5-b04a-8138-cf09-d5eb43b6a442-8f527de5, #w-node-e8031d61-46f5-e1fa-47ca-558da4cdb4f5-8f527de5, #w-node-e8031d61-46f5-e1fa-47ca-558da4cdb4f6-8f527de5, #w-node-_48502180-ed7b-acbb-f0ed-8d2bf9414b0e-8f527de5, #w-node-_48502180-ed7b-acbb-f0ed-8d2bf9414b0f-8f527de5, #w-node-_2329353e-5fde-9a84-1ce6-a06e713d1526-8f527de5, #w-node-_2329353e-5fde-9a84-1ce6-a06e713d1527-8f527de5, #w-node-ac3e5bb1-18a4-0745-c675-6db0e3bce2c5-8f527de5, #w-node-ac3e5bb1-18a4-0745-c675-6db0e3bce2c6-8f527de5, #w-node-_7b4ad91c-d4cc-f8e2-5602-f1cbf2c8f5af-8f527de5, #w-node-_7b4ad91c-d4cc-f8e2-5602-f1cbf2c8f5b0-8f527de5, #w-node-_44b871dc-fe6c-e301-c822-a2096516ace8-8f527de5, #w-node-_44b871dc-fe6c-e301-c822-a2096516ace9-8f527de5, #w-node-c36e0aa9-08c5-5de3-7b63-0d4c1e14a2ee-8f527de5, #w-node-c36e0aa9-08c5-5de3-7b63-0d4c1e14a2ef-8f527de5, #w-node-a3ae7476-a81a-4e49-0da2-6416ad68a073-8f527de5, #w-node-a3ae7476-a81a-4e49-0da2-6416ad68a074-8f527de5, #w-node-_48ba0b36-4cb6-740a-8bca-e301d12419ce-8f527de5, #w-node-_48ba0b36-4cb6-740a-8bca-e301d12419cf-8f527de5, #w-node-_27e7606c-bce8-be16-104f-ff1bc20b76dc-8f527de5, #w-node-_27e7606c-bce8-be16-104f-ff1bc20b76dd-8f527de5, #w-node-_629bc36b-c798-7fea-f090-c863c7c55f07-8f527de5, #w-node-_629bc36b-c798-7fea-f090-c863c7c55f08-8f527de5, #w-node-_92c67195-db14-38a6-3620-b40dd7934814-8f527de5, #w-node-_92c67195-db14-38a6-3620-b40dd7934815-8f527de5, #w-node-_2bef21e6-d3fd-1ca3-816c-3cc73ed5f362-8f527de5, #w-node-_2bef21e6-d3fd-1ca3-816c-3cc73ed5f363-8f527de5, #w-node-_51fde771-9106-7f70-4b5d-6e20bcf6862d-8f527de5, #w-node-_51fde771-9106-7f70-4b5d-6e20bcf6862e-8f527de5, #w-node-dd9dceba-a53d-f68a-bcdb-b1fe6488abbe-8f527de5, #w-node-dd9dceba-a53d-f68a-bcdb-b1fe6488abbf-8f527de5, #w-node-ee321987-8c22-407f-81c0-7d63b9f739c2-8f527de5, #w-node-ee321987-8c22-407f-81c0-7d63b9f739c3-8f527de5, #w-node-_3d32dd4a-075e-5de3-375e-e52f8cfc9252-8f527de5, #w-node-_3d32dd4a-075e-5de3-375e-e52f8cfc9253-8f527de5, #w-node-d2e6cc70-0f88-fc25-1db4-66cd41b41785-8f527de5, #w-node-d2e6cc70-0f88-fc25-1db4-66cd41b41786-8f527de5, #w-node-_9d96ab1f-95bc-aa7e-5e38-696fa6bf60c6-8f527de5, #w-node-_9d96ab1f-95bc-aa7e-5e38-696fa6bf60c7-8f527de5, #w-node-fa9e3800-85d7-bc32-eca2-cb6638e09220-8f527de5, #w-node-fa9e3800-85d7-bc32-eca2-cb6638e09221-8f527de5, #w-node-ec869bb4-e587-1768-c60a-500645cd1823-8f527de5, #w-node-ec869bb4-e587-1768-c60a-500645cd1824-8f527de5, #w-node-_214a8da9-5092-c2e2-39f4-963effe7667e-8f527de5, #w-node-_214a8da9-5092-c2e2-39f4-963effe7667f-8f527de5, #w-node-_5739b76a-4ebd-a408-aa21-268caf7d17f7-8f527de5, #w-node-_5739b76a-4ebd-a408-aa21-268caf7d17f8-8f527de5, #w-node-_025f1b28-596f-cdb0-7ad1-8bf3b78f6326-8f527de5, #w-node-_025f1b28-596f-cdb0-7ad1-8bf3b78f6327-8f527de5, #w-node-_96a18c2a-a509-6f5a-2d78-a47511ce5df5-8f527de5, #w-node-_96a18c2a-a509-6f5a-2d78-a47511ce5df6-8f527de5, #w-node-c6a9e6fb-ea4e-16e6-801b-e6827a300354-8f527de5, #w-node-c6a9e6fb-ea4e-16e6-801b-e6827a300355-8f527de5, #w-node-e49cb302-a739-8e13-3400-3b5815f6df20-8f527de5, #w-node-e49cb302-a739-8e13-3400-3b5815f6df21-8f527de5, #w-node-_5240f03f-4d67-b418-26cc-2a8a23a7970a-8f527de5, #w-node-_5240f03f-4d67-b418-26cc-2a8a23a7970b-8f527de5, #w-node-_52c76599-4e05-87f2-7805-7c9659b8c98c-8f527de5, #w-node-_52c76599-4e05-87f2-7805-7c9659b8c98d-8f527de5, #w-node-_5fb2fb0d-7c4b-da6c-50b0-b6cac165b8e8-8f527de5, #w-node-_5fb2fb0d-7c4b-da6c-50b0-b6cac165b8e9-8f527de5 {
  grid-area: Area;
}

#w-node-bb22b036-644c-a30c-5ccf-e6397f2f9a17-8f527de5 {
  align-self: center;
}

#w-node-ed0facfe-65e4-8e8c-bc38-50285ab5f930-8f527de5, #w-node-be281cb8-0438-df15-d0aa-cc5fcce6a462-8f527de5 {
  place-self: center;
}

#w-node-_45f4ad27-7359-be96-183e-f540277f54fb-8f527de5, #w-node-_45f4ad27-7359-be96-183e-f540277f54fc-8f527de5, #w-node-_60ab47ad-59f7-d1e2-1922-51cfe70db22d-8f527de5, #w-node-_60ab47ad-59f7-d1e2-1922-51cfe70db22e-8f527de5, #w-node-_59156a3d-5663-4e62-d3f0-e2d0313279af-8f527de5, #w-node-_59156a3d-5663-4e62-d3f0-e2d0313279b0-8f527de5, #w-node-_4cb684a4-ec58-b566-2c7d-a9317ae2e808-8f527de5, #w-node-_4cb684a4-ec58-b566-2c7d-a9317ae2e809-8f527de5, #w-node-_96cf7659-e461-f1af-a223-0a760712bf67-8f527de5, #w-node-_96cf7659-e461-f1af-a223-0a760712bf68-8f527de5, #w-node-_06f98d47-b664-2411-01e0-7aea6cd50c29-8f527de5, #w-node-_06f98d47-b664-2411-01e0-7aea6cd50c2a-8f527de5, #w-node-_0dca9ad3-384d-e5b4-2a14-c022c29c5e4f-8f527de5, #w-node-_0dca9ad3-384d-e5b4-2a14-c022c29c5e52-8f527de5 {
  grid-area: Area;
}

#w-node-_0dca9ad3-384d-e5b4-2a14-c022c29c5e53-8f527de5, #w-node-_0dca9ad3-384d-e5b4-2a14-c022c29c5e56-8f527de5 {
  grid-area: Area-2;
}

#w-node-_0dca9ad3-384d-e5b4-2a14-c022c29c5e57-8f527de5, #w-node-_0dca9ad3-384d-e5b4-2a14-c022c29c5e5a-8f527de5 {
  grid-area: Area-3;
}

#w-node-_984b6b07-3fc5-6728-0176-06de9d03fba6-8f527de5, #w-node-_984b6b07-3fc5-6728-0176-06de9d03fba7-8f527de5, #w-node-_5a7375ae-3999-7e52-f5e4-b92b67c27369-8f527de5, #w-node-_5a7375ae-3999-7e52-f5e4-b92b67c2736a-8f527de5, #w-node-_530dcc66-21f3-5804-8092-8945e0d1c0c3-8f527de5, #w-node-_530dcc66-21f3-5804-8092-8945e0d1c0c4-8f527de5, #w-node-dc55bad5-e69f-3c0c-2e56-d9f173536bfc-8f527de5, #w-node-dc55bad5-e69f-3c0c-2e56-d9f173536bfd-8f527de5, #w-node-_73dd42ad-f8e5-46db-e8ba-067b031f8f1d-8f527de5, #w-node-_73dd42ad-f8e5-46db-e8ba-067b031f8f1e-8f527de5, #w-node-_8cba448c-5117-bdcc-affc-3f18cc55ae2d-8f527de5, #w-node-_8cba448c-5117-bdcc-affc-3f18cc55ae2e-8f527de5, #w-node-c039a72d-7fba-86dd-0d13-58296f1cd48f-8f527de5, #w-node-c039a72d-7fba-86dd-0d13-58296f1cd490-8f527de5, #w-node-d8c70469-9aba-c6ba-337e-94dd4b0cfee4-8f527de5, #w-node-d8c70469-9aba-c6ba-337e-94dd4b0cfee5-8f527de5, #w-node-ca22ed24-3c48-b91c-4102-5e84daa1f892-8f527de5, #w-node-ca22ed24-3c48-b91c-4102-5e84daa1f893-8f527de5, #w-node-a0c76a5a-32a6-110a-bf78-09af0b2c7862-8f527de5, #w-node-a0c76a5a-32a6-110a-bf78-09af0b2c7863-8f527de5 {
  grid-area: Area;
}

#w-node-_096ee470-b875-877c-c700-4005b748599b-8f527de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_096ee470-b875-877c-c700-4005b748599e-8f527de5 {
  align-self: start;
}

#w-node-_8e93844d-0305-b38d-25c0-022970c90a26-8f527de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_8e93844d-0305-b38d-25c0-022970c90a29-8f527de5 {
  align-self: start;
}

#w-node-d361b6de-2583-c2d0-75cf-98329421cbc7-8f527de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-d361b6de-2583-c2d0-75cf-98329421cbca-8f527de5 {
  align-self: start;
}

#w-node-f3e81201-ddb6-7167-a1ff-e7984c1a573b-8f527de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c2370e0-6d11-1f1f-15f8-725f5da3da2c-8f527de5 {
  grid-area: Area-3;
}

#w-node-f3e81201-ddb6-7167-a1ff-e7984c1a573e-8f527de5, #w-node-f3e81201-ddb6-7167-a1ff-e7984c1a5740-8f527de5 {
  grid-area: Area-2;
}

#w-node-b44b1526-46b0-d46b-083d-10a427e59008-8f527de5 {
  grid-area: Area-6;
}

#w-node-c385fdcf-1f51-d1bb-205f-3de3701e918e-8f527de5 {
  grid-area: Area-3;
}

#w-node-_4e94e2ae-451a-6ee6-1a93-16df8f074271-8f527de5, #w-node-_4e94e2ae-451a-6ee6-1a93-16df8f074273-8f527de5 {
  grid-area: Area-2;
}

#w-node-_98ba2107-cf72-992b-72bd-6b30276c606d-8f527de5 {
  grid-area: Area-6;
}

#w-node-_20b04e9a-98b7-7345-00e7-5a78fc57900f-8f527de5 {
  grid-area: Area-3;
}

#w-node-b5f5c081-c2ea-d016-aff8-89f768fa15bf-8f527de5, #w-node-b5f5c081-c2ea-d016-aff8-89f768fa15c1-8f527de5 {
  grid-area: Area-2;
}

#w-node-_79f92d22-5e4e-2b95-183b-97259814ee0f-8f527de5 {
  grid-area: Area-6;
}

#w-node-_7d683efd-0a37-f803-60c8-ecd475dd1d23-8f527de5, #w-node-_7d683efd-0a37-f803-60c8-ecd475dd1d25-8f527de5 {
  grid-area: Area-2;
}

#w-node-_05db80d9-cd1f-638f-1b58-4d7a5ade79d7-8f527de5 {
  grid-area: Area-6;
}

#w-node-_50094757-da0b-0c45-b9f7-0ed3cb872559-8f527de5, #w-node-_50094757-da0b-0c45-b9f7-0ed3cb87255b-8f527de5 {
  grid-area: Area-2;
}

#w-node-d15b1f11-bbf2-4fa7-762c-64232b95ada6-8f527de5 {
  grid-area: Area-6;
}

#w-node-_2f4f6fd7-b278-b12e-603f-d01c755093b6-8f527de5 {
  grid-area: Area-3;
}

#w-node-baf416f8-d592-28c3-62a9-71226ceeda9e-8f527de5, #w-node-baf416f8-d592-28c3-62a9-71226ceedaa0-8f527de5 {
  grid-area: Area-2;
}

#w-node-b9ceeae1-c2d9-d07c-b488-64dfcd55a3c4-8f527de5 {
  grid-area: Area-6;
}

#w-node-c3424ab0-1e15-5372-b07e-c6ac55613f81-8f527de5, #w-node-c3424ab0-1e15-5372-b07e-c6ac55613f83-8f527de5 {
  grid-area: Area-2;
}

#w-node-_81575226-b5f3-8bad-8ad6-2081200a06e6-8f527de5 {
  grid-area: Area-6;
}

#w-node-_299344cd-d2a2-8940-878e-c83daf87979d-8f527de5 {
  grid-area: Area-3;
}

#w-node-a4b8c2a5-18f4-730b-9ccc-935a72609b50-8f527de5, #w-node-a4b8c2a5-18f4-730b-9ccc-935a72609b52-8f527de5 {
  grid-area: Area-2;
}

#w-node-c23c1a0c-3d0c-8e43-a659-f293e384c2c4-8f527de5 {
  grid-area: Area-6;
}

#w-node-f6cf1b95-9e44-a3bf-4500-6481f7762610-8f527de5 {
  grid-area: Area-3;
}

#w-node-_1d5b2c03-f70a-3e79-3513-2845b77267ee-8f527de5, #w-node-_1d5b2c03-f70a-3e79-3513-2845b77267f0-8f527de5 {
  grid-area: Area-2;
}

#w-node-_40b72c19-1745-421a-8435-afb6f9960896-8f527de5 {
  grid-area: Area-6;
}

#w-node-_9f7947ef-e312-1e24-7ac0-f140a64931a4-8f527de5, #w-node-_9f7947ef-e312-1e24-7ac0-f140a64931a6-8f527de5 {
  grid-area: Area-2;
}

#w-node-_593f98bc-a818-0ac4-548e-71a2bb7bebc1-8f527de5 {
  grid-area: Area-6;
}

#w-node-b79bf4bc-af6f-7d76-0bcf-bcae3737e23e-8f527de5 {
  grid-area: Area-3;
}

#w-node-ad6e3319-32b9-8395-7928-322b45f1a945-8f527de5, #w-node-ad6e3319-32b9-8395-7928-322b45f1a947-8f527de5 {
  grid-area: Area-2;
}

#w-node-edc64c68-55bb-f2f8-7214-e816c1afa14b-8f527de5 {
  grid-area: Area-6;
}

#w-node-_4e4a3b53-5b06-ae9a-c508-a711b196ae96-8f527de5 {
  grid-area: Area-3;
}

#w-node-a7d3aad0-0b78-0e32-4d45-5063f46c7802-8f527de5, #w-node-a7d3aad0-0b78-0e32-4d45-5063f46c7804-8f527de5 {
  grid-area: Area-2;
}

#w-node-a7d3aad0-0b78-0e32-4d45-5063f46c7805-8f527de5 {
  grid-area: Area-6;
}

#w-node-_3d0884d8-4a1b-debc-02ca-78f8a2d56607-8f527de5 {
  grid-area: Area-3;
}

#w-node-dcdd36d3-1efa-b1de-88af-7f79f639983d-8f527de5, #w-node-dcdd36d3-1efa-b1de-88af-7f79f639983f-8f527de5 {
  grid-area: Area-2;
}

#w-node-dcdd36d3-1efa-b1de-88af-7f79f6399840-8f527de5 {
  grid-area: Area-6;
}

#w-node-_2bdf2f25-94b9-9407-5802-bfeae024d8cb-8f527de5, #w-node-_2bdf2f25-94b9-9407-5802-bfeae024d8cd-8f527de5 {
  grid-area: Area-2;
}

#w-node-_2bdf2f25-94b9-9407-5802-bfeae024d8ce-8f527de5 {
  grid-area: Area-6;
}

#w-node-a0713263-a4b7-826c-f6bb-7a8f540a3dc4-8f527de5, #w-node-a0713263-a4b7-826c-f6bb-7a8f540a3dc6-8f527de5 {
  grid-area: Area-2;
}

#w-node-a0713263-a4b7-826c-f6bb-7a8f540a3dc7-8f527de5 {
  grid-area: Area-6;
}

#w-node-_06a43d7e-8e8b-7bfb-48ba-b70c897d8874-8f527de5 {
  grid-area: Area-3;
}

#w-node-fb509b0e-44ca-5104-9010-e0c6041ea99b-8f527de5 {
  grid-area: Area-2;
}

#w-node-_06a43d7e-8e8b-7bfb-48ba-b70c897d8873-8f527de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fb509b0e-44ca-5104-9010-e0c6041ea99d-8f527de5 {
  grid-area: Area-2;
}

#w-node-fb509b0e-44ca-5104-9010-e0c6041ea99e-8f527de5 {
  grid-area: Area-6;
}

#w-node-f5974519-d105-ae11-cf58-37a25ffbf140-8f527de5, #w-node-f5974519-d105-ae11-cf58-37a25ffbf142-8f527de5 {
  grid-area: Area-2;
}

#w-node-f5974519-d105-ae11-cf58-37a25ffbf143-8f527de5 {
  grid-area: Area-6;
}

@media screen and (max-width: 991px) {
  #w-node-_2f272d63-efdd-503c-fa30-256c78ed4230-8f527de5, #w-node-cf0c38e8-bd5f-69ae-eab7-6e7fa7db7871-8f527de5, #w-node-ccac322c-76c6-b06f-6f03-2fa398b05c2d-8f527de5, #w-node-_8bafee50-56c3-5a18-f870-df6408d77291-8f527de5, #w-node-_3250d3f0-7ce2-5cc8-447e-ffe63e784e3f-8f527de5 {
    align-self: center;
  }

  #w-node-_699640b2-4a0f-2d29-c64c-9b6a7fcd48cc-8f527de5 {
    place-self: center;
  }

  #w-node-d77bfde8-0990-16e0-059e-623c5ddf10f2-8f527de5, #w-node-_2ee4331b-e63a-4226-7d7e-ab87d48fd9c2-8f527de5, #w-node-_8cdf23c3-3313-6440-16f9-0c1e4dd920a7-8f527de5, #w-node-_6182f526-c8e4-75a0-26d0-362e8003196d-8f527de5, #w-node-c6d82663-87f2-012c-f1fd-33f217137efe-8f527de5, #w-node-_8ec83d6d-a86f-8ad5-aba8-62098afa9fd6-8f527de5, #w-node-_355abc80-2f5e-e224-7fdb-d340ede83af3-8f527de5, #w-node-_17d6ff4c-d66e-7526-4680-876afd26dce9-8f527de5, #w-node-_072b8a6b-30ce-a13d-5881-f80a5a1ff359-8f527de5, #w-node-ce0a6f96-78dd-5550-51b9-7d3002d63218-8f527de5, #w-node-_9b34a972-52c3-377c-3641-19099abedc92-8f527de5, #w-node-_453a5c13-7781-6e42-7f13-477cb013af96-8f527de5, #w-node-_6d634aeb-3564-bf2a-30ad-bbaed5dad912-8f527de5, #w-node-_1e378d9a-b2c6-e8e0-7d93-fb505f939033-8f527de5, #w-node-ff08a39f-e0a6-4190-c0fd-fb275ff924a6-8f527de5 {
    align-self: center;
  }

  #w-node-ed0facfe-65e4-8e8c-bc38-50285ab5f930-8f527de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_45f4ad27-7359-be96-183e-f540277f54f9-8f527de5, #w-node-_984b6b07-3fc5-6728-0176-06de9d03fba4-8f527de5, #w-node-_5a7375ae-3999-7e52-f5e4-b92b67c27367-8f527de5, #w-node-_530dcc66-21f3-5804-8092-8945e0d1c0c1-8f527de5, #w-node-dc55bad5-e69f-3c0c-2e56-d9f173536bfa-8f527de5 {
    align-self: center;
  }

  #w-node-c80038a7-179c-2637-f5c7-8960d528c4ff-8f527de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a0c76a5a-32a6-110a-bf78-09af0b2c7860-8f527de5 {
    align-self: center;
  }

  #w-node-_096ee470-b875-877c-c700-4005b748599b-8f527de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_096ee470-b875-877c-c700-4005b748599c-8f527de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_096ee470-b875-877c-c700-4005b748599e-8f527de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ed0facfe-65e4-8e8c-bc38-50285ab5f930-8f527de5 {
    justify-self: start;
  }

  #w-node-be281cb8-0438-df15-d0aa-cc5fcce6a462-8f527de5 {
    justify-self: end;
  }

  #w-node-_096ee470-b875-877c-c700-4005b748599b-8f527de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_096ee470-b875-877c-c700-4005b748599c-8f527de5 {
    place-self: auto start;
  }

  #w-node-_096ee470-b875-877c-c700-4005b748599e-8f527de5, #w-node-_8e93844d-0305-b38d-25c0-022970c90a29-8f527de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_096ee470-b875-877c-c700-4005b748599e-8f527de5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }
}


@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Bold-Italic.otf') format('opentype'), url('../fonts/Brownfox---Geometria-ExtraBold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Light-Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Dstype leituranews roman 2';
  src: url('../fonts/DSType---LeituraNews-Roman-2.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dstype leituranews roman 4';
  src: url('../fonts/DSType---LeituraNews-Roman-4.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dstype leituranews roman 3';
  src: url('../fonts/DSType---LeituraNews-Roman-3.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dstype leituranews roman 1';
  src: url('../fonts/DSType---LeituraNews-Roman-1.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dstype leituranews 4';
  src: url('../fonts/DSType---LeituraNews-Italic-4.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Dstype leituranews 3';
  src: url('../fonts/DSType---LeituraNews-Italic-3.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Dstype leituranews 1';
  src: url('../fonts/DSType---LeituraNews-Italic-1.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Thin-Italic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Dstype leituranews 2';
  src: url('../fonts/DSType---LeituraNews-Italic-2.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Medium-Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-ExtraLight-Italic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Heavy-Italic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Brownfox geometria';
  src: url('../fonts/Brownfox---Geometria-Bold.otf') format('opentype'), url('../fonts/Brownfox---Geometria-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}