*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body {
  -webkit-overflow-scrolling: touch; /* Ensures smooth scrolling on mobile devices */
}

@font-face {
  font-family: "AbolitionTest-Regular";
  src: url("../fonts/AbolitionTest/AbolitionTest-Regular.otf");
}
/* @font-face {
  font-family: "Avenir";
  src: url("../fonts/Avenir/Avenir.ttc");
} */
@font-face {
  font-family: "Avenir";
  src: url("../fonts/Avenir/AvenirLTStd-Light.otf");
}

@font-face {
  font-family: "AvenirLTStd-Book";
  src: url("../fonts/Avenir/AvenirLTStd-Book.otf");
}
@font-face {
  font-family: "AvenirLTStd-Black";
  src: url("../fonts/Avenir/AvenirLTStd-Black.otf");
}
@font-face {
  font-family: "AvenirLTStd-Heavy";
  src: url("../fonts/Avenir/AvenirLTStd-Heavy.otf");
}
@font-face {
  font-family: "AvenirLTStd-Medium";
  src: url("../fonts/Avenir/AvenirLTStd-Medium.otf");
}
@font-face {
  font-family: "AvenirLTStd-Roman";
  src: url("../fonts/Avenir/AvenirLTStd-Roman.otf");
}

@font-face {
  font-family: "AvenirLTStd-MediumOblique";
  src: url("../fonts/Avenir/AvenirLTStd-MediumOblique.otf");
}
@font-face {
  font-family: "GraphikBold";
  src: url("../fonts/Graphic/GraphikBold.otf");
}

/* .hero-section {
    background-image: url('../images/about-hero-img.jpg'); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    width: 100%; 
    height: 86.5vh;
  } */
/* Scroll Down Arrow */
.scroll-down-wrapper {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: end;
  padding-bottom: 1rem;
}
.scroll-down {
  /* position: absolute;
  bottom: 0.5%;
  left: 50%;
  transform: translateX(-50%); */
  z-index: 2;
  cursor: pointer;
  animation: bounce 2s infinite;
}
.scroll-down svg {
  width: 3vw;
}
@keyframes bounce {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hero-section {
  width: 100%;
  height: 86.5vh;
  overflow: hidden;
  position: relative;
  background-image: url(../images/about-hero-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}
/* .hero-img-mob {
  display: none;
}
.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
} */
.hero-content-wrapper {
  position: absolute;
  /* top: 0;
  left: 0; */
  width: 100%;
  height: 100%;
  z-index: 2;
  background: transparent;
  /* display: flex;
  justify-content: start; */
}
.hero-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.hero-content .inner_container > div {
  padding-top: 12%;
  padding-right: 54%;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.hero-title {
  font-family: "AbolitionTest-Regular";
  font-weight: normal;
  font-size: 60px;
  color: white;
  letter-spacing: 2px;
}
.hero-description {
  font-family: "Avenir";
  font-size: 30px;
  text-align: left;
  color: white;
  line-height: 1.35;
}

.container {
  /* padding: 4rem 5.5rem 8rem 5.5rem; */
  /* padding: 4rem 5.5rem 5rem 5.5rem; */
  padding: 4rem 12.5rem 5rem 12.5rem;
}
.title {
  font-family: "AbolitionTest-Regular";
  font-weight: normal;
  color: #d2ab6f;
  letter-spacing: 5.5px;
  /* font-size: 90px;
    margin-bottom: 3rem; */
  /* font-size: 4.69vw; */
  font-size: 120px;
}
.para {
  font-family: "AvenirLTStd-Medium";
  color: #1d1d1d;
  /* font-size: 22px;
    line-height: 34px; */
  /* font-size: 1.145vw;
  line-height: 1.77vw; */
  line-height: 1.5;
  font-size: 29px;
  text-align: justify;
}
.para strong {
  /* font-family: "AvenirLTStd-Medium"; */
  font-family: "AvenirLTStd-Heavy";
}

.para:not(:first-child) {
  /* margin-top: 2rem; */
  margin-top: 1.65vw;
}
.para:not(:last-child) {
  /* margin-bottom: 0rem; */
}
.sub-title {
  font-family: "AvenirLTStd-Heavy";
  color: #1d1d1d;
  /* font-size: 30px;
    line-height: 46px; */
  font-size: 1.56vw;
  line-height: 2.4vw;
}
/* ------list start------- */

.awards-and-recognitions.list-wrapper {
  background: #284a06;
}

.list-container {
  /* padding: 6rem 0; */
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
/* .list-wrapper .container {
  padding-top: 5rem;
  padding-bottom: 10rem;
} */
.awards-and-recognitions .container {
  padding-top: 3.5rem;
  padding-bottom: 8.5rem;
}
.extra-awards-and-recognitions .container {
  padding-top: 3.5rem;
  padding-bottom: 6.5rem;
}
.list-container h3 {
  font-family: "AvenirLTStd-Heavy";
  font-size: 45px;
  text-align: center;
}
.awards-and-recognitions h3 {
  color: white;
  font-family: "AvenirLTStd-Heavy";
  font-size: 45px;
  text-align: center;
  padding-top: 4rem;
}
.awards-and-recognitions .host-list-item {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 2rem;
}
.host-list-item h4 {
  font-family: "AvenirLTStd-Heavy";
  /* font-size: 40px; */
  font-size: 29px;
  text-align: center;
}
.awards-and-recognitions .host-list-item h4 {
  color: #d2ab6f;
}
.awards-and-recognitions .host-list-item p {
  font-family: "AvenirLTStd-Medium";
  /* font-size: 30px; */
  font-size: 20px;
  color: #d2ab6f;
  text-align: center;
}
.list-container .splide__arrows {
  display: none;
}
.splide__pagination {
  bottom: -4.5em !important;
}
.splide__pagination__page {
  background: #d8cfc0 !important;
}
.splide__pagination__page.is-active {
  transform: none !important;
  background: #d3ac6f !important;
}
.splide__pagination__page {
  width: 12px !important;
  height: 12px !important;
}
.extra-awards-and-recognitions .host-list-item h4 {
  color: black;
}
.extra-awards-and-recognitions .list-container h3 {
  color: black;
}
.extra-awards-and-recognitions.list-wrapper {
  background: #f0efed;
}
.extra-awards-and-recognitions .host-list-item {
  background: white;
  border: 1px solid #d6b75c;
  padding: 1.8rem;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .extra-awards-and-recognitions .host-list-item > .title-para-wrapper{
  display:
} */
.extra-awards-and-recognitions .host-list-item p {
  /* font-family: "AvenirLTStd-Heavy"; */
  font-family: "AvenirLTStd-Medium";
  /* font-size: 30px; */
  font-size: 29px;
  text-align: center;
  color: black;
}
.extra-awards-and-recognitions .host-list-item .para {
  font-size: 18px;
  margin-top: 1rem;
}
.extra-awards-and-recognitions .host-list-item p strong {
  font-family: "AvenirLTStd-Heavy";
}
/* ------list end------- */
.host-list {
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  /* gap: 2.4rem; */
  gap: 1rem;
}

.host-list li {
  font-family: "AvenirLTStd-Medium";
  color: #1d1d1d;
  /* font-size: 22px;
    line-height: 34px; */
  font-size: 1.15vw;
  line-height: 1.8vw;
  text-align: justify;
}
.host-list li::marker {
  /* font-size: 1.4rem; */
  font-size: 1.2vw;
  color: black;
}

@media (max-width: 1600px) {
  .container {
    padding: 4rem 0;
  }
  .aboutTheHost {
    padding: 0 14rem !important;
  }
  .spacer-2 {
    margin: 1rem 0 !important;
  }
  .spacer-4 {
    margin: 2rem 0 !important;
  }
  .title {
    font-size: 100px;
    line-height: 60px;
    margin-bottom: 4rem;
  }
  .list-container h3,
  .awards-and-recognitions h3 {
    font-size: 36px;
  }
  .awards-and-recognitions h3 {
    padding-top: 3rem;
  }
  .para,
  .host-list-item h4,
  .extra-awards-and-recognitions .host-list-item p {
    font-size: 24px;
  }
  /* .awards-and-recognitions .host-list-item p {
    font-size: 22px;
  } */
  .extra-awards-and-recognitions .host-list-item {
    /* padding: 3rem; */
  }
  .awards-and-recognitions .container {
    padding-top: 3rem;
    padding-bottom: 7rem;
  }
  .extra-awards-and-recognitions .container {
    padding-top: 2.5rem;
    padding-bottom: 5.5rem;
  }
  .splide__pagination {
    bottom: -3.5em !important;
  }
  .list-container {
    gap: 2rem;
  }
  .hero-content .inner_container > div {
    /* padding-bottom: 10rem; */
    /* padding-right: 30%; */
  }
  .hero-description {
    font-size: 26px;
  }
}

@media (max-width: 1440px) {
  .aboutTheHost {
    padding: 0 9rem !important;
  }
  /* .extra-awards-and-recognitions .host-list-item {
    padding: 2rem;
} */
  .hero-title {
    font-size: 52px;
  }
  .hero-description {
    font-size: 24px;
  }
  .hero-content .inner_container > div {
    /* padding-top: 8%; */
    padding-right: 46%;
  }
}
@media screen and (max-width: 1360px) {
  .inner_container {
    padding: 0 2rem !important;
  }
}
@media (max-width: 1280px) {
  .aboutTheHost {
    padding: 0 4rem !important;
  }
  .title {
    font-size: 90px;
    line-height: 60px;
    margin-bottom: 3rem;
  }
  .list-container h3,
  .awards-and-recognitions h3 {
    font-size: 30px;
  }
  .para,
  .host-list-item h4,
  .extra-awards-and-recognitions .host-list-item p {
    font-size: 22px;
  }
  .awards-and-recognitions .host-list-item p {
    font-size: 18px;
  }
  .extra-awards-and-recognitions .host-list-item {
    /* padding: 2rem; */
  }
  .splide__pagination__page {
    width: 10px !important;
    height: 10px !important;
  }
  .awards-and-recognitions .container {
    padding-top: 2.5rem;
    padding-bottom: 6.5rem;
  }
  .hero-content .inner_container > div {
    padding-right: 39%;
}
}
/* Tablet view */
@media (max-width: 1024px) {
  .hero-section {
    height: 70vh;
  }
  .aboutTheHost {
    padding: 0 2rem !important;
  }
  .hero-content .inner_container > div {
    /* padding-bottom: 8rem; */
    padding-right: 19%;
  }
  .hero-title {
    font-size: 46px;
  }
  .hero-description {
    font-size: 22px;
  }
  .hero-section {
    background-image: url(../images/about-hero-img-mob.jpg);
    /* background-position: top; */
    background-position: bottom right;
  }
}

@media (max-width: 980px) {
  .title {
    font-size: 60px;
    margin-bottom: 2rem;
  }
  .para {
    font-size: 20px;
  }
  /* .hero-img {
    display: none;
  }
  .hero-img-mob {
    display: block;
  } */

  .container {
    padding: 3rem 0;
  }
  .para:not(:first-child) {
    /* margin-top: 2rem; */
    margin-top: 2.65vw;
  }
  .hero-content .inner_container > div {
    /* padding-bottom: 7.5rem; */
    padding-right: 12%;
  }
  .hero-title {
    font-size: 42px;
  }
  .scroll-down svg {
    width: 4.5vw;
  }
}

/* Mobile view */
@media (max-width: 768px) {
  .hero-section {
    height: 74vh;
    background-position: bottom;
  }
  .hero-description{
    text-align: left;
  }
  .hero-content {
    justify-content: center;
  }
  .extra-awards-and-recognitions .host-list-item {
    /* padding: 4rem; */
  }
  .container {
    padding: 2rem 0;
  }
  .para {
    font-size: 16px;
  }
  .para:not(:first-child) {
    /* margin-top: 2rem; */
    margin-top: 3.65vw;
  }
  .host-list-item h4,
  .extra-awards-and-recognitions .host-list-item p {
    font-size: 18px;
  }
  .awards-and-recognitions .host-list-item p {
    font-size: 17px;
  }
  .list-container {
    gap: 3rem;
  }
  .awards-and-recognitions .container {
    /* padding-top: 2.5rem;
    padding-bottom: 7rem; */
    padding: 3rem 5rem;
  }
  .awards-and-recognitions .inner_container {
    padding: 0 !important;
  }
  .awards-and-recognitions .splide__arrows {
    display: block;
  }
  .splide__arrow--prev {
    left: -4rem !important;
  }
  .splide__arrow--next {
    right: -4rem !important;
  }

  .splide__pagination__page {
    width: 14px !important;
    height: 14px !important;
    margin: 5px !important;
  }
  .list-container h3,
  .awards-and-recognitions h3 {
    font-size: 26px;
  }
  .hero-content .inner_container > div {
    /* padding-bottom: 8.5rem; */
    padding:0;
    padding-bottom: 8%;
  }
  .hero-title {
    font-size: 40px;
  }
  .hero-description {
    font-size: 18px;
  }
  .awards-and-recognitions h3 {
    padding-top: 2rem;
  }
  .scroll-down-wrapper {
    padding-bottom: 0.6rem;
  }
  .scroll-down svg {
    width: 1.8rem;
  }
  .splide__arrow {
    top: 30% !important;
  }
  
}
@media (max-width: 680px) {
}
@media (max-width: 540px) {
  .awards-and-recognitions .container {
    padding: 3rem 4rem;
  }
  .splide__arrow--prev {
    left: -3rem !important;
  }
  .splide__arrow--next {
    right: -3rem !important;
  }
}

@media (max-width: 480px) {
  .title {
    font-size: 50px;
    letter-spacing: 4.96px;
    margin-bottom: 1rem;
  }
  .container {
    padding: 1rem 0;
  }
  /* .para {
  text-align: left;
} */
  .para {
    /* font-size: 14px; */
  }
  .para:not(:first-child) {
    /* margin-top: 2rem; */
    margin-top: 4.65vw;
  }
  .list-container {
    gap: 2rem;
  }
  .splide__pagination__page {
    width: 9px !important;
    height: 9px !important;
    margin: 4px !important;
  }
  .host-list-item h4,
  .extra-awards-and-recognitions .host-list-item p {
    /* font-size: 16px; */
  }
  .host-list-item h4,
  .extra-awards-and-recognitions .host-list-item p {
    /* font-size: 14px; */
  }
  .list-container h3,
  .awards-and-recognitions h3 {
    font-size: 24px;
  }
  .awards-and-recognitions .container {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }
  .awards-and-recognitions .splide__pagination {
    bottom: -1.5em !important;
  }
  .extra-awards-and-recognitions .container {
    padding-top: 2.5rem;
    padding-bottom: 4.5rem;
  }
  .extra-awards-and-recognitions .host-list-item {
    padding: 1.4rem;
  }
  .extra-awards-and-recognitions .splide__pagination {
    bottom: -2.5em !important;
  }

  .extra-awards-and-recognitions .host-list-item .para {
    font-size: 16px;
    margin-top: 0rem;
  }
  .hero-content .inner_container > div {
    /* padding-bottom: 4rem; */
  }
  .hero-title {
    font-size: 36px;
  }
  .awards-and-recognitions .container {
    padding: 2rem 3rem;
  }
  .splide__arrow--prev {
    left: -2rem !important;
  }
  .splide__arrow--next {
    right: -2rem !important;
  }
  /* .inner_container {
  padding: 0 1rem !important;
}
.aboutTheHost {
  padding: 0 2rem !important;
} */
  .scroll-down-wrapper {
    padding-bottom: 0.4rem;
  }
}

@media (max-width: 375px) {
  .hero-title {
    font-size: 34px;
  }
  .awards-and-recognitions .container {
    padding: 2rem 2.5rem;
  }
  .splide__arrow--prev {
    left: -2rem !important;
  }
  .splide__arrow--next {
    right: -2rem !important;
  }
}