@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap');

body {
  overflow-x: hidden !important;
}

.site-main {
  padding: 0;
  max-width: unset !important;
  margin: unset !important;
}

.page-container {
  margin: auto;
}

.home-banner {
  padding: 80px 0;
  max-width: 1192px;
  margin: auto;
  position: relative;
  z-index: 3;
}

.banner-container {
  background: url("/assets/img/banner-background-2.png");
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  z-index: 1;
}

.banner-container #video-background {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-banner h1 {
  font-family: Poppins, sans-serif;
  font-size: 96px;
  font-weight: 300;
  line-height: 86px;
  letter-spacing: -0.04em;
  text-align: center;
  margin-bottom: 80px;
  color: var(--black);
  opacity: 0;
  transition: 0.6s opacity ease-in-out;
}

.home-banner h1 .abyssinica{
  font-family: Abyssinica SIL, serif !important;
  font-weight: 300;
  font-style: italic;
}

.banner-widget {
  display: flex;
  gap: 52.33px;
}
.banner-widget > .content{
  opacity: 0;
  transition: 0.6s opacity ease-in-out;
}
.banner-widget .btn-outline{
  border-color: var(--black) !important;
  color: var(--black) !important;
}
.banner-widget .btn-outline:hover {
  background: var(--deep-saffron) !important;
  border-color: var(--deep-saffron) !important;
  color: var(--white) !important;
}

.banner-widget .content p{
  color: var(--black);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
}

.widget-container .stats {
  display: flex;
  gap: 50px;
  opacity: 0;
  transition: 0.6s opacity ease-in-out;
}

.widget-container p {
  color: var(--black);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.widget-container{
  width: 554.667px;
}

.home-banner .content{
  width: 585px;
}

.stats-item h2{
  color: var(--black);
  font-family: IvyJournal !important;
  font-size: 56px;
  font-style: italic;
  font-weight: 400;
  line-height: 52px; /* 92.857% */
  letter-spacing: -2.24px;
  margin-top: 0;
  margin-bottom: 16px;
}

.widget-container > p{
  margin-bottom: 16px;
}

@media (max-width: 375px) {
  .btn-group {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 500px) {
  .home-banner {
    padding: 52px 31px 34px 31px;
    z-index: unset;
  }
  .home-banner h1 {
    text-align: left;
    font-family: Poppins, sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -4%;
    text-align: left;
    margin-bottom: 24px;
  }
  .home-banner h1 .text-italic{
    line-height: 44px;
  }
  .banner-widget {
    flex-direction: column;
    gap: 24px;
  }
  .widget-container {
    width: 100%;
    display: none;
  }
  .widget-container .stats {
    flex-direction: column;
    border-bottom: 1px solid #09100F;
    gap: 0;
  }
  .home-banner .content {
    width: 100%;
  }
  .stats-item h2 {
    font-size: 42px;
    line-height: 40px;
  }
  .banner-widget .content p {
    font-size: 16px;
  }
  .banner-container #video-background {
    display: none !important;
  }
  .banner-container {
    background: url(/assets/img/banner-background-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: unset;
  }
}

.awards-container {
  background-color: var(--black);
  background-image: url(/assets/img/bottom-right.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 50% 100%;
}

.awards-container .content-wrap{
  padding: 48px 0;
  display: flex;
  gap: 137.33px;
}

.awards-container .content-wrap div:first-of-type{
  width: 32%;
}

.awards-container .content-wrap div:last-of-type{
  display: flex;
  gap: 24px;
  align-items: center;
}

.awards-container .content-wrap div:last-of-type img{
  width: 100%;
}

.awards-container h3 { 
  margin: 0;
  color: var(--white);
  position: relative;
}

.awards-container h3:after { 
  content: url(/assets/img/vector-arrow-right.svg);
  position: absolute;
  top: 36px;
  right: -110px;
}

@media (max-width: 500px) {
  
  .awards-container .content-wrap div:first-of-type{
    width: unset;
  }
  .awards-container .content-wrap{
    flex-direction: column;
    gap: 40px;
    padding: 0;
  }
  .awards-container {
    background-color: var(--black);
    background-image: url("/assets/img/awards-mobile-background.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 32px;
  }
  .awards-container .content-wrap div:last-of-type {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two columns in the first row */
    grid-template-rows: auto auto;
    column-gap: 0;
    row-gap: 24px;
    justify-items: center;
  }
  .awards-container .content-wrap div:last-of-type img:nth-last-of-type(-n+2){
    grid-column: span 2;
  }
  .awards-container h3:after {
    content: url(/assets/img/vector-arrow-down.svg);
    position: absolute;
    right: -21px;
    bottom: -42px;
    top: unset;
  }
}

.video-content {
  /* background: url("/assets/img/dark-background.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom; */
  background-color: var(--white);
}

.video-content .content-wrap {
  display: flex;
  gap: 64px;
}

.video-content .w-chrome{
  border-radius: 12px !important;
}

.video-content .video-content-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

/* .video-content .video-content-container:before {
  content: url("/assets/img/arrow-down-coral.svg");
  position: absolute;
  top: 0;
  right: -65px;
} */

.video-content .video-content-container:after {
  content: url("/assets/img/star-deep-saffron.svg");
  position: absolute;
  bottom: 211px;
  right: -55px;
}

.video-content-container .list-item h5:after{
  content: url("/assets/img/arrow-right-custom-2.svg");
  filter: invert(77%) sepia(2%) saturate(32%) hue-rotate(316deg) brightness(93%) contrast(86%);
  margin-left: 16px;
}
.video-content-container .list-item a:hover{
  text-decoration: none;
}
.video-content-container .list-item a:hover h5:after{
  filter: unset;
  margin-left: 21px;
}
.video-content-container .list-item h5 {
  color: var(--black);
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.96px;
}
.video-content-container .list-item h5:hover {
  background: var(--deep-saffron-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.video-content-container .list-item:not(:last-of-type) p {
  border-bottom: 1px solid var(--Dark-Grey, #AEAEAE);
}
.video-content-container .list-item p {
  color: var(--black);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 150% */
  margin-bottom: 0;
  padding-bottom: 16px;
}

.video-content .content-wrap .video-container p {
  color: var(--black);
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  text-align: left;
}

.video-content .content-wrap .video-container h3:after {
  content: url("/assets/img/start-sm-skyblue.svg");
  position: absolute;
  left: 335px;
  top: 0;
}

.video-content .content-wrap .video-container > h3 > span:after {
  content: url("/assets/img/start-white.svg");
  position: absolute;
  position: absolute;
  left: 375px;
  top: 22px;
}

.video-content h3 span{
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.video-content h3 {
  position: relative;
  color: var(--black);
  font-family: Poppins, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 95.238% */
  letter-spacing: -1.68px;
  margin-top: 0;
  margin-bottom: 24px;
}

.quiz-start-again {
  padding: 10px 18px;
}

@media (max-width: 500px) {
  .video-content {
    padding: 52px 32px 56px;
  }
  .video-content .content-wrap{
    padding: 0;
    flex-direction: column;
    gap: 24px;
  }
  .video-content-container .list-item h5 {
    margin-top: 0;
  }
  .video-content .content-wrap .video-container span:after {
    left: 275px;
  }
  .video-content .content-wrap .video-container h3:after {
    left: 230px;
  }
  .wistia_responsive_wrapper {
    width: 100% !important;
    height: 100% !important;
  }
  .video-content .video-content-container:after {
    content: ""
  }
  .video-content .video-content-container {
    gap: 32px;
  }
  .video-content .content-wrap .video-container p {
    font-size: 16px;
  }
  .video-content h3 {
    font-family: Poppins;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.04em;
  }
}

.content-wrap {
  padding: 80px 0;
  max-width: 1192px;
  margin: auto;
}

.logo-partners {
  background: var(--black);
}

.logo-partners .group-logo img {
  height: 48px;
}

.logo-partners .content-wrap p{
  color: var(--white);
}

.logo-partners .content-wrap{
  padding: 48px 0;
  margin: auto;
  text-align: center;
}

@media (max-width: 500px) {
  .logo-partners {
    padding: 56px 32px;
  }
  .logo-partners .content-wrap {
    padding: 0;
  }
  .logo-partners .group-logo {
    flex-direction: column;
    gap: 20.35px;
  }
  /* .logo-partners .group-logo img{
    width: 80%;
  } */
  /* .logo-partners .group-logo img:nth-child(5){
    margin-left: -90px;
  } */
  .logo-partners .content-wrap > div {
    display: flex;
    gap: 20px;
  }
  .logo-partners .content-wrap > div > div{
    flex: 1;
  }
  .content-wrap .group-logo:first-of-type {
    justify-content: flex-start;
    gap: 11.35px;
  }
}

.group-logo {
  display: flex;
  gap: 64px;
  justify-content: center;
}

.content-wrap p{
  color: var(--black);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 150% */
  margin-bottom: 24px;
}

.content-wrap .group-logo:first-of-type{
  margin-bottom: 24px;
}

.image-content {
  padding-top: 80px;
  padding-bottom: 80px;
}

.image-content {
  padding-top: 80px;
  padding-bottom: 80px;
}

.image-content.dark{
  background-image: url("/assets/img/top-right.svg");
  background-color: var(--black);
  background-repeat: no-repeat;
  background-position: top right;
}

.image-content.light{
  background: url("/assets/img/light-background-rtl.svg");
  background-size: cover;
  background-position: bottom right;
  position: relative;
}
.image-content.light:before{
  content: url('/assets/img/eclipse-coral.svg');
  position: absolute;
  left: 0;
  bottom: -6px;
  z-index: 0;
}
.image-content.light .btn {
  background: var(--deep-saffron-gradient);
  color: var(--white);
}
.image-content.light .btn:hover {
  background: var(--black);
}
.image-content.dark .btn {
  background: var(--deep-saffron-gradient);
  color: var(--white);
}
.image-content.dark .btn:hover {
  background: var(--white);
  color: var(--black);
}

.image-content h2 {
  margin: 24px 0;
  font-family: Poppins !important;
  font-size: 56px;
  font-weight: 400;
  line-height: 58px;
  letter-spacing: -0.04em;
}

.image-content p {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 160% */
  margin-bottom: 0;
}

.image-content .btn {
  display: inline-block;
  margin-top: 24px;
}

.image-content.dark p, .image-content.dark h2 {
  color: var(--white);
}

.image-content.light p, .image-content.light h2 {
  color: var(--black);
}

.image-content .content-wrap {
  display: flex;
  gap: 32px;
  position: relative;
  z-index: 1;
  padding: 0;
}

.image-content .image-section {
  display: flex;
  gap: 32px;
  justify-content: space-between;
}

.image-content .content-container .image-section:first-of-type {
  margin-bottom: 120px;
}

.image-content .content-container .image-section:first-of-type {
  position: relative;
}

/* .image-content .content-wrap img{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 150px;
  width: 100%;
  transition: opacity .5s ease-in-out, top .5s ease-in-out;
}

.image-content .content-wrap img.show{
  opacity: 1;
  visibility: visible;
  top: 0;
} */

.image-content .image-section > div:first-of-type{
  width: 587px;
}

.image-content .image-section > div:last-of-type{
  width: 558px;
  position: relative;
}

.image-content .image-tag {
  padding: 8px 12px;
  border-radius: 40px;
  display: inline-block;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}

.image-content.dark .image-tag {
  border: 1px solid var(--white);
  color: var(--white);
}

.image-content.light .image-tag {
  border: 1px solid var(--black);
  color: var(--black);
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

@media (max-width: 500px) {
  .image-content {
    padding: 56px 32px;
  }
  .image-content.dark {
    background-position: top left;
  }
  .image-content .content-wrap {
    display: block;
  }
  .image-content .image-section > div:first-of-type {
    width: 100%;
  }
  .image-content .image-section > div:last-of-type {
    width: 100%;
  }
  .image-content .image-section {
    flex-direction: column;
    gap: 40px !important;
  }
  .image-content .content-wrap img {
    position: unset;
    width: 100%;
  }
  .image-content.light .image-section{ 
    flex-direction: column-reverse !important;
  }
  .image-content .content-container .image-section:first-of-type{
    margin-bottom: 40px;
  }
  .image-content h2 {
    font-family: Poppins, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .image-content h2 span{
    letter-spacing: -0.04em;
    display: block;
  }
}

.partners-ratings {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.partners-info p {
  font-family: Poppins !important;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: var(--white);
}

.partners-ratings .logos{
  justify-content: center;
  display: flex;
  gap: 221.21px;
}

.partners-ratings p{
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.partners-info {
  background-color: var(--black);
}

.partners-info .partners-speaker {
  padding: 80px 0;
  max-width: 1192px;
  margin: auto;
}

.partners-info span {
  font-family: Poppins, sans-serif;
}

.partners-info .partners-speaker h2{
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Poppins !important;
  font-size: 56px;
  font-weight: 400;
  line-height: 58px;
  letter-spacing: -0.04em;
  color: var(--white);
}

.partners-speaker .speaker-images .speaker-item{
  height: 555px;
  background-color: var(--white);
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  transition: width .5s ease-in-out;
  width: 286.59px;
}
.partners-speaker .speaker-images .speaker-item .item-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 185px;
}
.partners-speaker .speaker-images .speaker-item p {
  margin: 16px;
  align-self: flex-start;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  transition: max-width .5s ease-in-out, opacity .5s ease-in-out;
  color: var(--black);
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.partners-speaker .speaker-images .speaker-item a { 
  margin: 16px;
  align-self: flex-start;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  transition: max-width .5s ease-in-out, opacity .5s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
}

.partners-speaker .speaker-images .speaker-item:before{
  content: " ";
  background: #09100F66;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.partners-speaker .speaker-images .speaker-item:hover:before{
  display: none;
}

.partners-speaker .speaker-images .speaker-item:hover {
  width: 32.48%;
  flex: 0 0 auto;
}

.partners-speaker .speaker-images .speaker-item:hover .item-wrapper{
  display: flex;
}


.partners-speaker .speaker-images .speaker-item:hover a{
  max-width: 191px;
  opacity: 1;
}

.partners-speaker .speaker-images .speaker-item:hover p{
  max-width: 340px;
  opacity: 1;
}

.partners-speaker .speaker-images{
  display: flex;
  gap: 16px;
  position: relative;
}

.partners-speaker .speaker-images:before{
  content: url("/assets/img/top-right-decor.svg");
  position: absolute;
  right: -100px;
  top: -100px;
}

.partners-carousel {
  padding: 48px;
  text-align: center;
}

.partners-carousel .logos{
  justify-content: center;
  display: flex;
  gap: 64px;
}

.partners-carousel .logos img{
  height: 48px;
}

/* responsive */
@media (max-width: 500px) {
  .partners-info {
    padding: 28px 32px 56px;
  }
  .partners-info .partners-ratings {
    padding: 0;
  }
  .partners-ratings {
    padding: 56px 32px;
  }
  .partners-info .partners-speaker {
    padding: 0;
  }
  .partners-ratings .logos {
    gap: 80px;
    flex-direction: column;
    text-align: center;
  }
  .partners-ratings .logos img{
    width: 182px;
    margin: auto;
  }
  .partners-carousel .logos {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .partners-carousel .logos img:nth-child(5) {
    grid-column: span 2; /* Span across two columns */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .partners-speaker .speaker-images{
    width: 110% !important;
    overflow: hidden;
    padding-right: 10%;
  }
  .partners-speaker .speaker-images .speaker-item{
    width: 166px;
  }
  .partners-speaker .speaker-images .speaker-item:hover {
    width: 100%;
  }
  .partners-info .partners-speaker h2 {
    font-family: Poppins, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.04em;
  }
  .partners-info .partners-speaker h2 span{
    display: inline;
  }
}


.graph-section {
  padding: 80px 0;
  max-width: 1192px;
  margin: auto;
  display: flex;
  gap: 92px;
  position: relative;
}

.graph-section .graph-image #animation-container {
  width: 480px;
  height: 410px;
  position: absolute;
  right: 0;
  top: 35px;
}

.graph-section .cta{
  display: flex;
  gap: 16px;
}

.graph-section h2{
  margin-top: 0;
  margin-bottom: 24px;
}

.graph-section p{
  font-family: Poppins !important;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  margin-bottom: 24px;
}

.graph-section img {
  display: block;
  margin-bottom: 24px;
}

.graph-section lottie-player {
  width: 516px; 
  position: absolute; 
  top: 0;
}

/* responsive */
@media (max-width: 500px) {
  .graph-section {
    padding: 56px 32px;
    flex-direction: column;
    gap: 24px;
  }
  .graph-section .graph-content img{
    width: 100%;
  }
  .graph-section .graph-image #animation-container {
    position: static;
    width: 100%;
    height: auto;
  }
  .graph-section h2{
    font-family: Poppins, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.04em;
  }
  .graph-section h2 span{
    display: inline;
  }
  .graph-section lottie-player {
    width: 100%; 
    position: unset;
  }
}

@media (max-width: 400px) {
  .graph-section .cta {
    flex-direction: column;
    align-items: flex-start;
  }
}



.cta-section {
  background: var(--deep-saffron-gradient);
  padding: 82px 0;
}

.cta-section .cta-content{
  max-width: 1192px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.cta-section .cta-content h3{
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins !important;
  font-size: 42px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.04em;
  color: var(--black);
}

/* responsinve */
@media (max-width: 500px) {
  .cta-section {
    padding: 56px 32px;
  }
  .cta-section .cta-content {
    align-items: flex-start;
    flex-direction: column;
  }
  .cta-section .cta-content h3{
    margin-bottom: 24px;
  }
  br {
    display: none;
  }
  .speaker-item br {
    display: block;
  }
}

.form-section {
  padding: 80px 0;
  background-image: url("/assets/img/eclipse-light-blue.svg");
  background-color: var(--white);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.form-section .form-content {
  max-width: 1192px;
  margin: auto;
}

.form-section .form-content h2{
  margin-top: 0;
  margin-bottom: 24px;
}

.form-section .form-header {
  max-width: 1192px;
  margin: auto;
  border-bottom: 1px solid var(--deep-saffron);
  text-align: right;
  padding-bottom: 15px;
}

.form-section .form-header, .form-section .form-footer {
  cursor: pointer;
}

.form-section .form-container {
  margin-top: -60px;
}

.form-section .form-header .next, .form-section .form-footer .next {
  content: url("/assets/img/circle-arrow-right.svg");
}

.form-section .form-header .prev, .form-section .form-footer .prev{
  content: url("/assets/img/circle-arrow-left.svg");
  margin-right: 24px;
}

.form-section .form-header .prev.disabled, .form-section .form-footer .prev.disabled {
  filter: invert(72%) sepia(12%) saturate(0%) hue-rotate(207deg) brightness(96%) contrast(89%);
  cursor: unset;
}

.form-section .form-header .next.disabled, .form-section .form-footer .next.disabled {
  filter: invert(72%) sepia(12%) saturate(0%) hue-rotate(207deg) brightness(96%) contrast(89%);
  cursor: unset;
}

.form-section .form-footer {
  display: none;
}
.form-section p {
  font-family: Poppins, sans-serif;
}
.form-section .text-bg-asterisk-coral {
  background-position: 382px 4px;
}
.form-section .quiz-breadcrumb {
  margin: auto;
  max-width: 1192px;
  font-family: Poppins, sans-serif;
  margin-top: 24px;
}
.quiz-breadcrumb span{
  font-family: Poppins, sans-serif !important;
  font-size: 14px;
}
@media (max-width: 500px) {
  h2 .text-italic {
    line-height: 40px;
    margin-bottom: -10px;
  }
  .form-section .quiz-breadcrumb {
    margin-top: 32px;
  }
  .form-section .form-header {
    padding-bottom: 0;
  }
  .form-section .form-body h5 {
    margin-top: 0 !important;
  }
  .form-section {
    padding: 56px 32px;
  }
  .form-section .form-content h2 {
    padding-right: 0;
    font-family: Poppins, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.04em;
    padding-top: 0;
  }
  .form-section h2{
    font-family: Poppins, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.04em;
  }
  .form-section .text-bg-asterisk-coral {
    background: none;
  }
  .form-section .quiz-options {
    display: flex !important;
    gap: 16px !important;
    flex-direction: column;
  }
  .form-section .form-footer {
    display: block;
    margin-top: 40px;
    text-align: right;
  }
  .form-section .form-container {
    margin-top: 0;
  }
  .form-section #form-quiz-result {
    flex-direction: column;
    gap: 32px !important;
  }
  .form-section #form-quiz-result .result-content {
    width: 100% !important;
  }
  .form-section #form-quiz-result .result-links {
    width: 100% !important;
  }
  .result-links h5 {
    margin-top: 0 !important;
  }
}
@media (max-width: 350px) {
  .form-section .form-content h2 {
    letter-spacing: -0.09em !important;
  }
}

.chart-slide-controller {
  margin-top: 40px;
}

.chart-slide-controller .next {
  content: url("/assets/img/circle-arrow-right.svg");
  cursor: pointer;
}

.chart-slide-controller .prev {
  content: url("/assets/img/circle-arrow-left.svg");
  cursor: pointer;
  margin-right: 24px;
}

.chart-slide-controller .prev.disabled {
  filter: invert(72%) sepia(12%) saturate(0%) hue-rotate(207deg) brightness(96%) contrast(89%);
  cursor: unset;
}

.chart-slide-controller .next.disabled {
  filter: invert(72%) sepia(12%) saturate(0%) hue-rotate(207deg) brightness(96%) contrast(89%);
  cursor: unset;
}

.form-section .form-body {
  max-width: 1192px;
  margin: auto;
  display: flex;
}

.form-section .slide-wrapper {
  width: 4768px;
  display:flex;
}

.form-section .form-body > .slide-wrapper > .form-quiz-item{
  max-height: 0;
  visibility: hidden;
}

.form-section .form-body > .slide-wrapper > .form-quiz-item .wistia_responsive_wrapper{
  display: none;
}

.form-section .form-body > .slide-wrapper > .form-quiz-item.active .wistia_responsive_wrapper{
  display: block;
}

.form-section .form-body > .slide-wrapper > .form-quiz-item.active{
  max-height: 100%;
  visibility: visible;
}


.form-section .quiz-options {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.form-section .quiz-icon {
  height: 40px;
  width: 40px;
  margin-right: 8px;
}

.form-section .quiz-options .quiz-option {
  flex: 1;
  background-color: #F9F8F5;
  color: var(--black);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0px 4px 10px 0px #0000001A;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.form-section .quiz-options .quiz-option:hover {
  cursor: pointer;
  background-color: var(--black);
  color: var(--white);
}

.form-section .quiz-options .quiz-option.active {
  background-color: var(--black);
  color: var(--white);
}

.form-section #form-quiz-result {
  display: flex;
  gap: 84px;
  justify-content: space-between;
}

.form-section #form-quiz-result .result-links{
  width: 388px;
}

.form-section #form-quiz-result .result-content{
  width: 720px;
}

.form-section #form-quiz-result .result-content img{
  width: 100%;
  margin-bottom: 24px;
}

.form-section .quiz-result-link{
  display: inline-block;
}
.form-section .btn-group {
  margin-top: 24px;
}
.form-section .quiz-result-description {
  margin-bottom: 0;
}
.quiz-result-description ul {
  display: block;
}

.form-section .form-body h5{
  margin-top: 40px;
  margin-bottom: 24px;
}

.form-section .result-links .list-item {
  display: flex;
  justify-content: space-between;
}

.form-section .result-links .list-item a {
  color: var(--black);
  width: 100%;
  display: flex;
  /* justify-content: space-between; */
  gap: 16px;
  text-decoration: none;
}

.form-section .result-links .list-item:hover p{
  color: var(--deep-saffron);
} 

.form-section .result-links .list-item a:hover:after {
  filter: unset;
}

#imageContentDarkImg {
  opacity: 0; /* Initially hide the image */
  transition: opacity 0.5s ease;
}

.visible {
  opacity: 1; /* Show image when container is in view */
}

.form-section .result-links .list-item a:after{
  content: url(/assets/img/arrow-right-custom.svg);
  filter: invert(77%) sepia(2%) saturate(32%) hue-rotate(316deg) brightness(93%) contrast(86%);
}

.form-section .result-links p {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
}

@media (max-width: 500px) {
  .form-section .quiz-options .quiz-option span{
    margin-left: 48px;
  }
}

.resource-library {
  padding: 80px 0;
  background-image: url("/assets/img/eclipse-grey-light.svg");
  background-color: var(--black);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.resource-library .no-results p{
  color: var(--white);
}

.resource-library .wrap-content .post-container-header > h2{
  color: var(--white);
  margin-top: 0;
  margin-bottom: -10px;
}

.resource-library .wrap-content .post-container-header .btn {
  margin-top: 24px;
}

.resource-library .wrap-content{
  max-width: 1192px;
  margin: auto;
}

.resource-library .sponsor-slider-section {
  padding-top: 0;
  padding-bottom: 0;
}

.resource-library .post-container-row .post-container-filter .micro-post-filter{
  background: none;
  color: var(--white);
}

.resource-library .post-container-row .post-container-filter .micro-post-filter:hover{
  background: #171E1D;
  color: var(--white);
}

.resource-library .post-container-row .post-container-filter .micro-post-filter.active{
  background: var(--white);
  color: var(--black);
}

.resource-library .post-container-row .post-container-filter {
 border-color: var(--white);
}

.resource-library .post-container-footer {
  margin-top: 48px;
  text-align: right;
}

.resource-library #ViewAllFilterText {
  text-transform: lowercase;
  font-weight: 400 !important;
}
.post-container-filter-mobile {
  display: none;
}
.post-container-filter-mobile #mobileLibraryFilter {
  background: none;
  color: var(--white);
  border-radius: 5px;
  border: 1px solid var(--white);
  -webkit-appearance: none;
  -moz-appearance: none !important;
  background: url(/assets/img/arrow-down-white.svg) no-repeat right center !important;
  background-position-x: calc(100% - 13px) !important;
  background-position-y: calc(100% - 20px) !important;
}
#mobileLibraryFilter option {
  color: var(--black);
}
/* assets/img/arrow-down-white.svg */
@media (max-width: 500px) {
  .resource-library {
    padding: 56px 32px;
  }
  .post-container-row .post-container-header {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 48px;
  }
  .resource-library .post-container-footer {
    text-align: left;
  }
  .micro-post-result-loading {
    display: flex;
    flex-direction: column;
  }
  .post-container-filter-mobile {
    display: block;
    padding-bottom: 24px;
  }
  .no-results p {
    color: var(--white);
  }
  .resource-library .wrap-content .post-container-header > h2 {
    font-family: Poppins, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.04em;
  }
}

.pmm-chart-container {
  max-width: 1192px;
  margin: auto;
  padding-top: 94px;
  padding-bottom: 94px;
}

.pmm-chart-container h2{
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Poppins, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 58px;
  letter-spacing: -0.04em;
  text-align: left;
}

.pmm-chart-container .chart-slide-item p {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  display: block;
  margin-bottom: 0;
  width: 80%;
}

.pmm-chart-container .chart-slide-item .chart-content .btn {
  display: inline-block;
  margin-top: 24px;
}

.pmm-chart-container .chart-slide-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .5s ease-in-out;
}

.pmm-chart-container .chart-slide-item.active {
  max-height: 100%;
  visibility: visible;
  opacity: 1;
}

.pmm-chart-container .list-group ul {
  padding-left: 0;
  flex: 1;
  margin-bottom: 0;
}

.pmm-chart-container .list-group {
  display: flex;
}

.pmm-chart-container .list-group ul li {
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.pmm-chart-container .list-group ul li:last-of-type {
  margin-bottom: 0;
}

.pmm-chart-container .list-group ul li:before {
  content: url("/assets/img/check-bullet-point.svg");
  margin-right: 12px;
}

#backToTop{
  margin-left: 16px;
  position: relative;
  padding-right: 35px;
}

#backToTop:hover:after{
  content: url("/assets/img/refresh-coral.svg");
}

#backToTop:after {
  content: url("/assets/img/refresh.svg");
  position: absolute;
  top: 13px;
  right: 15px;
}

.chart-slide-controller-mobile {
  display: none;
}

.chart-slide-controller-mobile .chart-pagination ul{
  list-style: none;
  text-align: center;
  margin-bottom: 30px;
  padding: 0;
}
.chart-slide-controller-mobile .chart-pagination ul li{
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.chart-slide-controller-mobile .chart-pagination ul li button{
  outline: none;
  background: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  height: 20px;
  width: 20px;
  padding: 5px;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 20px;
  text-align: center;
  margin-top: -10px;
}
.chart-slide-controller-mobile .chart-pagination ul li button:before {
  content: "•";
  font-size: 40px;
  color: var(--black);
  opacity: 0.2;
  margin: 0;
  padding: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
.chart-slide-controller-mobile .chart-pagination ul li.active button:before {
  opacity: 1;
}

@media (max-width: 500px) {
  .pmm-chart-slider {
    padding: 56px 32px;
  }
  .pmm-chart-container {
    padding: 0;
  }
  .pmm-chart-container .chart-slide-item {
    flex-direction: column;
    gap: 40px;
  }
  .pmm-chart-container .chart-slide-item img {
    width: 100%;
  }
  .chart-slide-controller {
    display: none;
  }
  .chart-slide-controller-mobile {
    display: flex;
    gap: 16px;
  }
  .pmm-chart-container h2{
    font-family: Poppins, sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.02em;
  }
}

@media (max-width: 500px) {
  .wistia_popover_overlay {
    width: 100% !important;
  }
  .wistia_popover_embed {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: none;
  }
  .wistia_popover_mode .wistia_popover_embed {
    display: block;
  }
}

.latest-resources-container {
  background-color: var(--black);
  background-image: url(/assets/img/vector-top-right.svg);
  background-position: top right;
  background-repeat: no-repeat;
  overflow: hidden;
}

.latest-resources-container .content-wrap {
  padding-bottom: 0;
}

.latest-resources-container .post-tags {
  display: flex;
  gap: 8px;
  margin-bottom: 56px;
  flex-wrap: wrap;
}

.latest-resources-container .post-tags a{
  border: 1px solid var(--white);
  color: var(--white);
  padding: 8px 12px;
  border-radius: 40px;
  text-decoration: none;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}

.latest-resources-container .post-tags a:hover {
  border-color: var(--deep-saffron);
  color: var(--deep-saffron);
}

.latest-resources-container .content-header {
  display: flex;
  margin-bottom: 24px;
}

.latest-resources-container .content-header a{
  align-self: flex-end;
  margin-left: auto;
}

.latest-resources-container .content-header > h2{
  margin: 0;
  color: var(--white);
}

.latest-resources-container .slider-wrapper {
  /* width: 4290px; */
  /* display: grid; */
  /* grid-auto-flow: column; */
  /* grid-auto-columns: calc((100% / 15) - 12px); */
  /* overflow-x: hidden;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none; */
  /* margin-left: -45.5%; */
  padding-top: 20px;
}

.latest-resources-container .slider-wrapper article{
  width: 286px;
}

.latest-resources-container #left{
  content: url("/assets/img/circle-arrow-left.svg");
  margin-right: 24px;
}

.latest-resources-container #right{
  content: url("/assets/img/circle-arrow-right.svg");
  
}

.latest-resources-container .slide-arrow > a {
  filter: invert(100%);
  cursor: pointer;
  user-select: none;
}

.latest-resources-container .slide-arrow > a:hover {
  filter: invert(62%) sepia(92%) saturate(765%) hue-rotate(347deg) brightness(103%) contrast(104%);
}

.latest-resources-container .slide-arrow {
  margin-top: 44px;
  text-align: right;
}

.latest-resources-container .post-card {
  transition: margin-top .2s ease-in-out, margin-bottom .2s ease-in-out;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.latest-resources-container .post-card:hover {
  margin-bottom: 20px !important;
  margin-top: -20px !important;
}

@media (max-width: 500px) {
  .latest-resources-container {
    padding: 56px 32px 28px;
    background-image: url(/assets/img/homepage-slider-mobile-background.png);
    background-size: cover;
    background-position: unset;
  }
  .latest-resources-container .content-wrap {
    padding: 0;
  }
  .latest-resources-container .content-header {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
  }
  .latest-resources-container .content-header a {
    align-self: flex-start;
    margin-left: unset;
  }
  .latest-resources-container .slider-wrapper {
    margin-left: 0;
    grid-auto-columns: calc((100% / 14) - 16px);
  }
  .latest-resources-container .content-header > h2 {
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -0.04em;
  }
  .pmm-chart-container .chart-slide-item p {
    width: 100%;
  }
  .image-content.dark .content-container .image-section:last-of-type {
    flex-direction: column-reverse;
  }
  .image-content.light .content-container .image-section:last-of-type {
    flex-direction: column !important;
  }
}

@media (min-width: 600px) and (max-width: 820px) {

}

@media (min-width: 1200px) and (max-width: 1600px) {
  .latest-resources-container .slider-wrapper {
    margin-left: -20%;
  }
}

.periodic-section {
  padding: 80px 0;
  max-width: 1192px;
  margin: auto;
}

.periodic-section .content-header {
  display: flex;
  justify-content: space-between;
}

.periodic-section .btn {
  align-self: flex-end;
}

.periodic-section .content-header {
  margin-bottom: 24px;
}

.periodic-section h2{
  margin-top: 0;
  margin-bottom: 0;
  color: var(--black);
}

.periodic-section img {
  /* width: 980px; */
  margin: auto;
  display: block;
}

@media (max-width: 500px) {
  .periodic-section {
    padding: 56px 32px;
  }
  .periodic-section .content-header {
    flex-direction: column;
  }
  .periodic-section h2 {
    margin-bottom: 24px;
    font-size: 42px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.02em;
  }
  .periodic-section img {
    width: 100%;
  }
}

@media (min-width: 501px) and (max-width: 1200px) {
  .home-banner {
    padding: 80px 32px;
  }
  .home-banner .content {
    width: 100%;
    text-align: center;
  }
  .home-banner .content .btn-group{
    justify-content: center;
  }
  .home-banner .widget-container {
    display: none;
  }
  .periodic-section img {
    width: 100%;
  }
  .awards-container .content-wrap div:first-of-type {
    width: unset;
  }
  .awards-container {
    background-size: 120%;
    background-position: unset;
  }
  .awards-container .content-wrap {
    padding: 48px 32px;
    gap: 24px;
    flex-direction: column;
  }
  .awards-container .content-wrap > div:first-of-type{
    text-align: center;
  }
  .awards-container .content-wrap > div:last-of-type{
    text-align: center;
    justify-content: center;
  }
  .video-content .content-wrap {
    padding: 80px 32px;
    flex-direction: column;
    gap: 24px;
  }
  .logo-partners .content-wrap {
    padding: 48px 32px;
  }
  .logo-partners .content-wrap > div > .group-logo:last-of-type{
    flex-wrap: wrap;
    column-gap: 64px;
    row-gap: 24px;
  }
  .form-section {
    padding: 80px 32px;
  }
  .form-section .quiz-options {
    grid-template-columns: 1fr 1fr;
  }
  .image-content {
    padding: 80px 32px;
  }
  .image-content.dark .image-section {
    flex-direction: column-reverse;
  }
  .image-content.dark .content-container .image-section:first-of-type {
    flex-direction: column;
  }
  .image-content.light .image-section {
    flex-direction: column-reverse;
  }
  
  .image-content.light .content-container > .image-section:last-of-type {
    flex-direction: column;
  }
  .image-content.light .image-section > div:last-of-type {
    align-self: center;
  }
  .image-content.light .image-section > div:first-of-type {
    width: 100%;
  }
  .image-content.dark .image-section > div:last-of-type {
    width: 100%;
  }
  .image-content.dark  .image-section > div:first-of-type {
    align-self: center;
  }
  .image-content .image {
    align-self: center;
    text-align: center;
  }
  .image-content .content-container {
    width: 100%;
  }
  .image-content.light .image-section > div:last-of-type {
    width: 100%;
  }
  .image-content.dark .image-section > div:first-of-type {
    width: 100%;
  }
  .partners-ratings .logos {
    gap: 48px;
  }
  .latest-resources-container .content-wrap{
    padding: 80px 32px;
  }
  .latest-resources-container .slider-wrapper {
    margin-left: -31.5%;
  }
  .latest-resources-container .content-header {
    flex-direction: column;
  }
  .latest-resources-container .content-header a {
    white-space: nowrap;
    align-self: flex-start;
    margin-top: 24px;
    margin-left: unset;
  }
  .partners-info .partners-speaker {
    padding: 80px 32px;
  }
  .partners-carousel .logos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    justify-items: center;
  }
  .partners-speaker .speaker-images {
    width: 100% !important;
    overflow: hidden;
  }
  .partners-speaker .speaker-images .speaker-item .item-wrapper {
    width: 232px;
  }
  .partners-speaker .speaker-images .speaker-item:hover {
    width: 40%;
  }
  .partners-speaker .speaker-images .speaker-item p {
    white-space: wrap;
  }
  .partners-speaker .speaker-images:before {
    display: none;
  }
  .graph-section {
    padding: 80px 32px;
    gap: 24px;
    flex-direction: column;
  }
  .graph-section lottie-player{
    margin: auto;
  }
  .graph-section br {
    display: none;
  }
  .graph-section lottie-player {
    position: unset;
  }
  .cta-section {
    padding: 82px 32px;
  }
  .cta-section .cta-content {
    gap: 24px;
    justify-content: unset;
    align-items: unset;
    flex-direction: column;
  }
  .cta-section .btn {
    align-self: flex-start;
  }
  .cta-section br {
    display: none;
  }
  .pmm-chart-container {
    padding: 94px 32px;
  }
  .chart-slide-controller-mobile {
    display: flex;
    gap: 16px;
  }
  .pmm-chart-container .chart-slide-item {
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
  }
  .chart-slide-controller {
    display: none;
  }
  .periodic-section {
    padding: 80px 32px;
  }
  .resource-library {
    padding: 80px 32px;
  }
  .micro-post-result {
    grid-template-columns: repeat(2, 1fr);
  }
  .micro-post-result-loading {
    grid-template-columns: repeat(2, 1fr);
  }
  .pmm-chart-container .chart-slide-item p {
    width: 100%;
  }
  .post-container-row .post-container-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .resource-library .post-container-footer {
    text-align: center;
  }
}