@charset "UTF-8";
a, .botton, .nav-link {
  cursor: pointer !important;
}
@keyframes MoveScaleUpInitial {
  to {
    transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
    opacity: 0;
  }
}
@keyframes MoveScaleUpEnd {
  from {
    transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
#main-banner.fill-screen {
  max-height: 100%;
  height: 100dvh;
}
#main-banner.home-banner_new .figure-caption, #main-banner.banner-image .figure-caption {
  color: #ffffff;
}
#main-banner.home-banner_new .figure-caption .button, #main-banner.banner-image .figure-caption .button {
  font-size: 1.2rem;
  color: #454545;
}

.btn-splash span svg {
  fill: #454545;
  margin-left: 10px;
}
.btn-splash:hover span svg {
  fill: #ffffff;
}

.navbar-nav .nav-item--cta {
  display: flex;
  align-items: center;
}
.navbar-nav .nav-item--cta span {
  display: inline;
}
.navbar-nav .nav-item--cta .nav-cta {
  padding: 0.55rem 1.6rem;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .navbar-nav .nav-item--cta {
    margin: 0.75rem 0 0.5rem;
    justify-content: center;
  }
  .navbar-nav .nav-item--cta .nav-cta {
    padding: 0.7rem 2.4rem;
  }
  .navbar-nav .nav-item--cta .nav-cta.btn-tiket-blue {
    background-color: #0072EF;
    color: white;
    border-color: #0072EF;
  }
  .navbar-nav .nav-item--cta .nav-cta.btn-tiket-blue:hover {
    border-color: #FEDD00;
  }
  .navbar-nav .nav-item--cta .nav-cta.btn-tiket-blue.btn-splash:before, .navbar-nav .nav-item--cta .nav-cta.btn-tiket-blue.btn-splash:after {
    background: #FEDD00;
  }
}

header {
  z-index: 1054;
}
header .navbar {
  padding: 0.75rem 0;
}
header .navbar-brand {
  z-index: 200;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
header .navbar-brand img {
  width: 160px;
}
header .navbar-brand span {
  font-family: "Gotham Rounded", "TiketOdysseyDisplay", sans-serif;
  font-size: 1.55rem;
  font-weight: 500;
  color: white;
}
header .navbar-light .navbar-nav .nav-item {
  padding: 0.5rem 0 0.5rem 0;
}
header .navbar-light .navbar-nav .nav-link {
  position: relative;
}
header .navbar-light .navbar-nav .nav-link span {
  transition: opacity 0.3s ease, visibility 0.3s 0s;
}
header .navbar-light .navbar-nav .nav-link:after {
  content: attr(title);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  font-weight: 500;
  visibility: hidden;
  opacity: 0;
  transform-origin: left center;
  transition: opacity 0.3s ease, visibility 0.3s 0s;
  white-space: nowrap;
}
header .navbar-light .navbar-nav .nav-link:hover, header .navbar-light .navbar-nav .nav-link.active {
  color: #FEDD00;
}
header .navbar-light .navbar-nav .nav-link:hover span, header .navbar-light .navbar-nav .nav-link.active span {
  visibility: hidden;
  opacity: 0;
}
header .navbar-light .navbar-nav .nav-link:hover:after, header .navbar-light .navbar-nav .nav-link.active:after {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 991.98px) {
  #navbarMenuButton::before {
    transition: transform 0.6s ease-in-out, opacity 0.3s 0.45s ease;
  }
  #navbarMenuButton.clicked::before {
    opacity: 0;
  }
  body.menu-show #navbarMenu {
    max-height: 600px;
    padding: 5rem 1.25rem 1.5rem;
  }
  body.menu-show header .navbar {
    background-color: #fff;
    box-shadow: none;
  }
  body.menu-show header .navbar-brand span {
    color: #0072EF;
  }
  body.menu-show header .navbar-brand img.brand-color {
    display: block;
  }
  body.menu-show header .navbar-brand img.brand-white {
    display: none;
  }
  body.menu-show header .navbar-light .navbar-nav .nav-link {
    color: #000000;
  }
  body.menu-show header .navbar-light .navbar-nav .nav-link.active, body.menu-show header .navbar-light .navbar-nav .nav-link:hover {
    color: #0072EF;
  }
}
.main-title {
  color: #000000;
  font-weight: 800;
}
.main-title.x1 {
  font-size: 3rem;
  line-height: 1.2;
}

#discover-more {
  background-image: unset;
}

footer {
  background-image: unset;
  background-color: unset;
  color: #454545;
}
footer .line {
  border-top: 2px solid #e6e6e8;
}
footer .footer-brand img {
  width: 12.5rem;
}
footer address {
  padding-right: 2rem;
  margin-bottom: 0;
}
footer .nav .nav-item:first-child .nav-link {
  padding-top: 0;
}
footer .nav.flex-column .nav-link {
  padding: 0.2rem 0rem;
  display: inline-block;
  color: #454545;
}
footer .nav.flex-column .nav-link:hover, footer .nav.flex-column .nav-link.active {
  color: #0072EF;
}
footer .nav.footer-media li:not(:last-child) {
  margin-right: 10px;
}
footer .nav.footer-media .nav-link {
  padding: 0rem;
}
footer .nav.footer-media .nav-link span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  background-color: #0072EF;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  position: relative;
  backface-visibility: hidden;
}
footer .nav.footer-media .nav-link span i {
  font-size: 1.8rem;
  display: block;
  position: relative;
  z-index: 10;
}
footer .nav.footer-media .nav-link span:before, footer .nav.footer-media .nav-link span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  background: #FEDD00;
}
footer .nav.footer-media .nav-link span:before {
  width: 120%;
  height: 0;
  padding-bottom: 120%;
  top: -10%;
  left: -10%;
  border-radius: 50%;
  transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
footer .nav.footer-media .nav-link span:after {
  top: -2px;
  height: 0;
  left: -10%;
  padding-bottom: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
footer .nav.footer-media .nav-link span:hover i {
  color: #0072EF;
  animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
footer .nav.footer-media .nav-link span:hover:before {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
footer .nav.footer-media .nav-link span:hover:after {
  transform: translate3d(0, 0, 0);
  transition-duration: 0.05s;
  transition-delay: 0.4s;
  transition-timing-function: linear;
}
footer .download-our-app ul {
  padding-left: 0px;
}
footer .download-our-app ul li {
  list-style: none;
}
footer .download-our-app ul li:first-child {
  margin-bottom: 10px;
}
footer .download-our-app ul li img {
  width: 180px;
}
footer .download-our-app h5 {
  font-size: 20px;
  font-weight: 500;
}
footer .headquarter-title, footer .career-title {
  margin-bottom: 0.3rem;
}

#homeTab li:not(:first-child), #peopleattiketTab li:not(:first-child) {
  padding-left: 1.5rem;
}
#homeTab .button, #peopleattiketTab .button {
  border-radius: 50px;
  padding: 0.4rem 1.5rem;
  border: 2px solid #0072EF;
  font-weight: 800;
  font-size: 1.2rem;
}

#homeTab li .btn-splash img {
  height: 31.9px;
}
#homeTab li .btn-splash:hover img, #homeTab li .btn-splash.active img {
  filter: brightness(0) invert(1);
}

.rounded {
  border-radius: 0.7rem !important;
}

#homeTabContent .tab-pane {
  color: #454545;
  padding: 1.25rem;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}
#homeTabContent .tab-pane .ratio img {
  object-fit: cover;
}
#homeTabContent .tab-pane figcaption {
  padding: 0 2.5rem 0 2rem;
}

.img-100 {
  width: 100%;
}

#new-perks .card:hover .card-body {
  border: 1px solid transparent;
}

#bullet .row-bullet .col-3 {
  width: 28%;
}
#bullet .row-bullet .col-5 {
  width: 40%;
}
#bullet .row-bullet .col-4 {
  width: 32%;
}
#bullet .ratio .bullet {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  border-radius: 50%;
  background-color: #0072EF;
  padding: 1.2rem;
  line-height: 1.2;
  pointer-events: auto;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.5s;
}
#bullet .ratio .bullet.dark-blue {
  background-color: #005ABC !important;
}
#bullet .ratio .bullet:before, #bullet .ratio .bullet:after {
  content: "";
  position: absolute;
  background: #FEDD00;
}
#bullet .ratio .bullet:before {
  width: 110%;
  height: 0;
  padding-bottom: 110%;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
#bullet .ratio .bullet:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
#bullet .ratio.bullet-wrap .center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#bullet .ratio.bullet-wrap h6 {
  color: #ffffff;
  font-weight: 600;
  display: block;
  font-size: clamp(1.5rem, 2.8vw, 3rem);
  text-wrap: balance;
  line-height: 1;
  margin-bottom: 0px;
  transform: all 0.4s;
}
#bullet .ratio.bullet-wrap span.bullet-name {
  color: #ffffff;
  opacity: 1;
  font-size: 1.5rem;
  transform: scale3d(1.2, 1.2, 1);
  text-transform: none;
  transition: opacity 0.35s, transform 0.35s;
}
#bullet .ratio.bullet-wrap span.bullet-content {
  display: none;
  color: #000000;
  text-transform: none;
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
  transition: opacity 0.35s, transform 0.35s;
}
#bullet .ratio.bullet-wrap:hover h6 {
  color: #0072EF;
}
#bullet .ratio.bullet-wrap:hover span.bullet-name {
  font-size: inherit;
  color: #000000;
  transform: scale3d(1, 1, 1);
}
#bullet .ratio.bullet-wrap:hover span.bullet-content {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  display: block;
}
#bullet .ratio.bullet-wrap:hover .bullet {
  transform: scale3d(1.1, 1.1, 1);
  background-color: transparent;
  transition: all 0.5s;
}
#bullet .ratio.bullet-wrap:hover .bullet:before {
  transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
#bullet .ratio.bullet-wrap:hover .bullet:after {
  opacity: 1;
  transition-duration: 0.01s;
  transition-delay: 0.3s;
}

#new-perks .card .card-text {
  color: #454545;
}
#new-perks .card .card-body {
  padding: 45px 30px 30px 30px;
}

.icon.x1 {
  width: 60px;
  height: 60px;
}

#happy:before {
  content: unset;
  background-color: unset;
}
#happy .wrap-happy {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.7rem;
  background-color: white;
  position: relative;
  z-index: 5;
}
#happy .mySwiper2 .swiper-button-prev {
  left: -35px;
}
#happy .mySwiper2 .swiper-button-next {
  right: -35px;
}

#our-core-values .section-title {
  background-color: unset;
  color: white;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev {
  width: 70px;
  height: 70px;
  border: 5px solid white;
}

.jobs-card-slider, .article-slider-wrapper {
  padding: 0 3rem;
}

.card-media .card {
  border: 0px;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
}
.card-media .card .ratio {
  border-radius: 0.7rem;
  overflow: hidden;
}
.card-media .card .ratio img {
  object-fit: cover;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.5s;
}
.card-media .card .card-body {
  padding: 1.2rem 0;
  color: #454545;
  position: relative;
  background-color: white;
  transition: all 0.5s;
}
.card-media .card .card-body .line-clamp-2 {
  height: 35px;
}
.card-media .card .card-body .card-title {
  font-size: 18px;
  color: #454545;
  font-weight: normal;
  overflow: hidden;
}
.card-media:hover .card .ratio img {
  transform: scale(1.1);
}

.card-jobs .card {
  border-radius: 0.7rem;
}
.card-jobs .card .card-body {
  color: #454545;
}
.card-jobs .card .card-body .card-title {
  font-size: 20px;
  color: #454545;
  line-height: 1.5;
  height: 60px;
}
.card-jobs .card .card-body .d-flex.flex-row {
  align-items: center;
}
.card-jobs .card .card-body .fa-circle {
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 0px;
  position: relative;
  top: -1px;
}
.card-jobs .card:hover .card-body .card-title {
  color: #ffffff;
}
.card-jobs .card:hover .card-body .badge {
  border: 1px solid #fedd00;
  color: #454545;
  background-color: #fedd00 !important;
}
.card-jobs .card .badge {
  overflow: hidden;
  font-size: 14px;
  white-space: pre-line;
  text-align: left;
}
.card-jobs .card .wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
}
.card-jobs .swiper-slide.card .card-body {
  min-height: unset;
}

#jobModal .card-jobs .card .card-body .card-title {
  font-size: 2rem;
  height: auto;
  line-height: 1.2;
}
#jobModal .modal-body {
  position: relative;
}
#jobModal .modal-body button {
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  background-color: #E5E5E5;
  border-radius: 50%;
  top: 0;
  opacity: 1;
  background-image: unset;
  font-size: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0064d2;
  transition: all 0.5s;
  z-index: 2;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}
#jobModal .modal-body button:hover {
  background-color: #FEDD00;
}
#jobModal .modal-body .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.testimony-card .card {
  border: 0px;
  border-radius: 0.7rem;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}
.testimony-card .card .ratio {
  border-radius: 0.7rem;
  overflow: hidden;
}
.testimony-card .card .ratio img {
  object-fit: cover;
  opacity: 1;
  transition: all 0.5s;
}
.testimony-card .card .card-body {
  padding: 1.5rem;
  color: #454545;
  position: relative;
  background-color: white;
  transition: all 0.5s;
}
.testimony-card .card .card-body .desc {
  margin-bottom: 2rem;
}
.testimony-card .card .card-title {
  margin-bottom: 0px;
}
.testimony-card .card .card-title span {
  position: relative;
  padding-left: 16px;
  margin-left: 8px;
}
.testimony-card .card .card-title span:before {
  content: "|";
  position: absolute;
  left: 0;
  top: -4px;
}
.testimony-card .swiper-slide {
  height: auto;
}
.testimony-card .swiper-slide .card {
  height: 100%;
}

#filter-jobs.filter-new {
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.2rem 1.8rem;
  border-radius: 4rem;
  position: relative;
  z-index: 1053;
}
#filter-jobs::after {
  content: unset;
}
#filter-jobs .button {
  padding: 0.7rem 1.8rem;
  font-size: 1.2rem;
}
#filter-jobs div .nice-select {
  border: 1px solid #AFAFAF;
  border-radius: 4rem;
  padding: 0.5rem 1.2rem;
  height: auto;
}
#filter-jobs div .nice-select::after {
  content: unset;
}
#filter-jobs div .nice-select .current {
  display: block;
  text-align: center;
  font-size: 1.2rem;
}
#filter-jobs div .nice-select .list {
  color: #454545;
  width: 100%;
  border-radius: 0.7rem;
  top: calc(100% + 20px);
}
#filter-jobs div .nice-select .list::-webkit-scrollbar {
  width: 10px;
}
#filter-jobs div .nice-select .list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white;
  border-radius: 0.7rem;
}
#filter-jobs div .nice-select .list::-webkit-scrollbar-thumb {
  background: #FEDD00;
  border-radius: 10px;
}
#filter-jobs div .nice-select .list::-webkit-scrollbar-thumb:hover {
  background: #FEDD00;
}

.bg-warning {
  color: #454545 !important;
}

.step-your-dream.new {
  border: 1px solid #0072EF;
  position: relative;
  overflow: hidden;
  border-radius: 0.7rem;
  padding: 2rem;
  height: 100%;
  transition: all 0.5s;
}
.step-your-dream.new .card-faq {
  background-color: transparent;
  color: #0072EF;
  display: block;
  position: relative;
}
.step-your-dream.new .card-faq .card-title .step {
  font-size: 1.1rem;
}
.step-your-dream.new .card-faq .card-title h5 {
  margin-bottom: 5px;
  font-size: 1.6rem;
  line-height: 1;
}
.step-your-dream.new .card-faq .card-title .icon.tman {
  width: 70px;
  height: 70px;
}
.step-your-dream.new .card-faq .card-body {
  color: #454545;
  padding: 0;
  padding-top: 0.5rem;
}
.step-your-dream.new .card-faq .card-body ol {
  padding-left: 23px;
}
.step-your-dream.new .card-faq .card-body strong {
  color: #0072EF;
}
.step-your-dream.new:hover {
  transform: scale(1.05);
  z-index: 10;
}

.spacer {
  padding-top: 4.7rem;
  padding-bottom: 4.7rem;
}
.spacer.top {
  padding-top: 6.3rem;
}
.spacer.bot {
  padding-bottom: 7rem;
}

.nice-select .option.disabled {
  display: none;
}

.brand-logo img {
  width: 340px;
}

#peopleattiketTabContent .firsttab-card-slider .firsttab-swiper-next, #peopleattiketTabContent .firsttab-card-slider .firsttab-swiper-prev {
  display: none;
}

.leadership-card-slider .swiper-slide, .firsttab-card-slider .swiper-slide, .ten-x-card-slider .swiper-slide {
  border-radius: 0.7rem;
  overflow: hidden;
}
.leadership-card-slider .ratio img, .firsttab-card-slider .ratio img, .ten-x-card-slider .ratio img {
  width: 100%;
  object-fit: cover;
}

.ten-x-card-slider .swiper-slide {
  background-color: #d9d9d9;
}
.ten-x-card-slider .swiper-slide .ratio .caption-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2em;
  color: #fff;
  font-size: 1.25em;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.35s ease-in-out;
}
.ten-x-card-slider .swiper-slide .ratio .caption-wrapper figcaption {
  text-transform: none;
  font-size: 1.6rem;
  opacity: 0;
  padding: 1.6rem;
  transform: scale3d(0.8, 0.8, 1);
  transition: opacity 0.35s, transform 0.35s;
}
.ten-x-card-slider .swiper-slide .ratio .caption-wrapper:hover {
  background: rgba(0, 0, 0, 0.5);
}
.ten-x-card-slider .swiper-slide .ratio .caption-wrapper:hover figcaption {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

#tabcontent-slider .font-md {
  padding-bottom: 5.3rem;
}

.spacer-pagination-slide {
  position: relative;
  padding-top: 1rem;
}
.spacer-pagination-slide .swiper-button-next {
  right: unset;
}
.spacer-pagination-slide .swiper-button-prev {
  left: unset;
}
.spacer-pagination-slide .swiper-button-next, .spacer-pagination-slide .swiper-button-prev {
  position: relative;
  display: inline-flex;
  top: 0;
  margin-top: 0;
}

.font-md {
  font-size: 1.2rem;
}

#tiketAcademy .wrapper-card {
  position: relative;
}
#tiketAcademy .wrapper-card img {
  width: 100%;
  max-width: 100%;
}
#tiketAcademy .card {
  width: calc(100% + 100px);
  padding: 2rem;
  border: unset;
  box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.09);
  position: relative;
  right: 100px;
  border-radius: 0.7rem;
}
#tiketAcademy .card img {
  width: 320px;
}

#forABetterTravelFuture .main-title {
  color: #0072EF;
}
#forABetterTravelFuture .wrapper-card {
  position: relative;
}
#forABetterTravelFuture .wrapper-card img {
  width: 100%;
  max-width: 100%;
  border-radius: 20px;
  aspect-ratio: 16/10;
  object-fit: cover;
}
#forABetterTravelFuture .card {
  width: calc(100% + 50px);
  padding: 1.8rem;
  border: unset;
  box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.09);
  position: relative;
  right: 20%;
  border-radius: 0.7rem;
}
#forABetterTravelFuture .card img {
  width: 320px;
}

.gradient-bg.bottom {
  background-image: linear-gradient(to bottom, rgba(243, 250, 255, 0) 0%, #f3faff 100%);
}
.gradient-bg.top {
  background-image: linear-gradient(to top, rgba(243, 250, 255, 0) 0%, #f3faff 100%);
}
.gradient-bg.both {
  background-image: linear-gradient(to bottom, rgba(243, 250, 255, 0) 0%, #f3faff 100%), linear-gradient(to top, rgba(243, 250, 255, 0) 0%, #f3faff 100%);
}

.card-image-ratio {
  border: 0px;
}
.card-image-ratio .ratio {
  border-radius: 0.7rem;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}
.card-image-ratio .ratio img {
  width: 100%;
  object-fit: cover;
}
.card-image-ratio figcaption {
  text-align: center;
  padding: 1.2rem 0;
  font-weight: 500;
  font-size: 1.2rem;
}

#learning .learn-swiper-left {
  margin-top: 40px;
}

.limit-swiper-wrapper .swiper-slide .card-image-ratio .ratio:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-in-out;
  left: 0;
  top: 0;
}
.limit-swiper-wrapper .swiper-slide.swiper-slide-active .card-image-ratio .ratio:after {
  background-color: transparent;
}
.limit-swiper-wrapper .wrapper-pagination {
  position: absolute;
  width: calc(50% - 25px);
  left: 50%;
  top: calc(50% - 45px);
  transform: translate(-50%, -50%);
  z-index: 10;
}

.blue-box {
  background: linear-gradient(90deg, #60ACFF 0%, #0072EF 69.23%);
  padding: 2.5rem;
  border-radius: 0.7rem;
}
.blue-box h4 {
  font-size: 2.8rem;
  line-height: 1.4;
  color: white;
}

.btn-tiket-white {
  background-color: #ffffff;
  color: #0072EF;
  border: 2px solid #ffffff;
  border-radius: 50px;
  padding: 0.4rem 1.5rem;
  font-size: 1.2rem;
}

.btn-splash.btn-tiket-white:before, .btn-splash.btn-tiket-white:after {
  background: #FEDD00;
}
.btn-splash.btn-tiket-white:hover span {
  color: #0072EF;
}

.article-slider .article-swiper-prev, .article-slider .article-swiper-next {
  top: 100px;
  display: none;
}
.article-slider .card-media .card .card-body h5.card-title {
  font-weight: 500;
}

.btn-tiket-blue, .btn-tiket-yellow, .btn-tiket-light, .btn-red {
  border-radius: 50px;
  font-weight: 500;
}

.btn-splash.btn-red {
  background-color: #f3f3f3;
  color: red;
  border: 2px solid red;
  transition: background-color 0.8s ease;
}
.btn-splash.btn-red:hover {
  background-color: red;
}
.btn-splash.btn-red:before, .btn-splash.btn-red:after {
  left: -8%;
  border-radius: 25%;
  background-color: red;
}

.copyright {
  color: #AFAFAF;
}

.container-lg {
  padding-right: var(--bs-gutter-x, 2rem);
  padding-left: var(--bs-gutter-x, 2rem);
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
    gap: 1.5rem;
    align-items: center;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    height: -moz-min-content;
    height: min-content;
  }
}
@media (max-width: 1199px) {
  #bullet .ratio .bullet {
    font-size: 0.8rem;
  }
  #bullet .ratio .bullet h6 {
    font-size: clamp(1.3rem, 1.5vw, 3rem);
    margin-bottom: 5px;
  }
  #main-banner.faq-banner_new {
    background-size: cover;
    background-position: 60% 70%;
  }
}
@media (max-width: 991px) {
  #bullet .ratio.bullet-wrap span.bullet-name {
    font-size: 1rem;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
  }
  #main-banner.banner-image .figure-caption h1, #main-banner.home-banner_new .figure-caption h1, #main-banner.faq-banner_new .figure-caption h1 {
    font-size: 2.4rem;
  }
  #main-banner.home-banner_new {
    background-size: cover;
    background-position: 70% 70%;
  }
  #main-banner.home-banner_new:not(.core-banner-slider) .container-lg {
    height: 100%;
  }
  #main-banner.faq-banner_new {
    background-size: cover;
    background-position: 40% 70%;
  }
  #homeTab li:not(:first-child),
  #peopleattiketTab li:not(:first-child) {
    padding-left: 1rem;
  }
  footer .nav.footer-media li:not(:last-child) {
    margin-right: 5px;
  }
  footer .nav.footer-media .nav-link span {
    width: 40px;
    height: 40px;
  }
  footer .nav.footer-media .nav-link span i {
    font-size: 1.2rem;
  }
  #filter-jobs.filter-new {
    padding: 0.8rem 1.2rem;
  }
  #filter-jobs div .nice-select .current {
    line-height: 28px;
  }
  #filter-jobs .button {
    padding: 0.8rem 1.8rem;
    line-height: 16.4px;
  }
  .brand-logo img {
    width: 280px;
  }
}
@media (max-width: 767px) {
  header .navbar {
    padding: 1rem 0;
  }
  #homeTab .button, #peopleattiketTab .button {
    padding: 0.4rem 1.2rem;
  }
  #main-banner.home-banner_new {
    background-size: cover;
  }
  #main-banner.faq-banner_new {
    background-size: cover;
  }
  .card-jobs .card .card-body {
    padding: 15px;
  }
  #homeTabContent .tab-pane figcaption {
    padding: 0;
  }
  .swiper .swiper-button-next, .swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
  }
  .brand-logo img {
    width: 230px;
  }
  #tabcontent-slider .font-md {
    padding-bottom: 3rem;
  }
  #tiketAcademy .card {
    width: calc(100% + 100px);
    padding: 1.5rem;
  }
  #forABetterTravelFuture .spacer {
    padding-bottom: 2.7rem;
  }
  #forABetterTravelFuture .container-lg {
    overflow: hidden;
    padding-bottom: 2rem;
  }
  #forABetterTravelFuture .card {
    width: calc(100% + 35px);
    padding: 1.5rem;
  }
  #jobs {
    padding-top: 6.3rem !important;
  }
}
@media (max-width: 576px) {
  header .navbar {
    padding: 0.5rem 0;
  }
  header .navbar-brand img {
    width: 120px;
  }
  #happy .mySwiper ul li h2 {
    font-size: 4rem;
  }
  #filter-jobs.filter-new {
    padding: 0.8rem;
  }
  #filter-jobs .button {
    padding: 0.8rem;
  }
  #tiketAcademy .card {
    width: 100%;
    padding: 1.5rem;
    right: 0;
  }
  #forABetterTravelFuture .card {
    width: unset;
    margin-top: -10%;
    margin-left: 8%;
    margin-right: 8%;
    padding: 1.5rem;
    left: 0;
    right: 0;
  }
  .blue-box h4 {
    font-size: 2.3rem;
  }
  .spacer.top {
    padding-top: 5.2rem;
  }
  .spacer.bot {
    padding-bottom: 7rem;
  }
  #bullet .row-bullet .col-3 {
    width: 30%;
  }
  #bullet .row-bullet .col-5 {
    width: 40%;
  }
  #bullet .row-bullet .col-4 {
    width: 35%;
  }
  #bullet .ratio.bullet-wrap .center {
    font-size: 0.8rem;
    line-height: 1.3;
  }
  #happy .mySwiper2 .swiper-button-prev {
    left: -20px;
  }
  #happy .mySwiper2 .swiper-button-next {
    right: -20px;
  }
}
@media (max-width: 472px) {
  #homeTab li,
  #peopleattiketTab li {
    margin-bottom: 0.7rem;
  }
  #homeTab li:first-child,
  #peopleattiketTab li:first-child {
    padding-left: 0;
    padding-right: 0.7rem;
  }
  #homeTab li:last-child,
  #peopleattiketTab li:last-child {
    margin-bottom: 0;
  }
  #homeTab li:not(:first-child),
  #peopleattiketTab li:not(:first-child) {
    padding-left: 0rem;
  }
  .jobs-card-slider {
    padding: 0 2rem;
  }
  .brand-logo img {
    width: 220px;
  }
  .limit-swiper-wrapper .limit-swiper-next {
    right: 23px;
  }
  .limit-swiper-wrapper .limit-swiper-prev {
    left: 23px;
  }
  #main-banner.fill-screen {
    padding-top: 80px;
  }
  #main-banner.home-banner_new {
    background-size: cover;
    background-position: 80% 0%;
  }
  #main-banner.faq-banner_new {
    background-size: cover;
    background-position: 65% 20%;
  }
  #main-banner.faq-banner_new .container-lg {
    height: 100%;
  }
}
@media (max-width: 425px) {
  .main-title.x1 {
    font-size: 2.2rem;
  }
  #homeTabContent .tab-pane {
    padding: 1rem;
  }
  .container-lg {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (max-width: 375px) {
  #main-banner.home-banner_new .content-col {
    width: 100%;
  }
  #main-banner.faq-banner_new {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .copyright-break {
    display: block;
  }
}
#employer-branding .eb-wrapper {
  position: relative;
}
#employer-branding .eb-wrapper .eb-image-swiper {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1), transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
#employer-branding .eb-wrapper .eb-pagination {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1) 0.2s, transform 0.7s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}
#employer-branding .eb-wrapper .eb-title,
#employer-branding .eb-wrapper .eb-desc {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
#employer-branding .eb-wrapper .eb-title {
  transition-delay: 0.18s;
}
#employer-branding .eb-wrapper .eb-desc {
  transition-delay: 0.32s;
}
#employer-branding .eb-wrapper.is-revealed .eb-image-swiper,
#employer-branding .eb-wrapper.is-revealed .eb-pagination,
#employer-branding .eb-wrapper.is-revealed .eb-title,
#employer-branding .eb-wrapper.is-revealed .eb-desc {
  opacity: 1;
  transform: none;
}
#employer-branding .eb-image-swiper {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.18);
}
#employer-branding .eb-image-swiper .swiper-slide {
  opacity: 0.6;
  transition: opacity 0.6s ease;
}
#employer-branding .eb-image-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
#employer-branding .eb-image-swiper .eb-image {
  width: 100%;
  background: #f3f3f3;
}
#employer-branding .eb-image-swiper .eb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#employer-branding .eb-text-swiper {
  cursor: default;
}
#employer-branding .eb-text {
  padding: 0 0 0 1rem;
}
#employer-branding .eb-title {
  color: #0072ef;
  font-weight: 800;
  margin-bottom: 1rem;
}
#employer-branding .eb-desc {
  color: #454545;
}
#employer-branding .eb-pagination {
  display: flex;
  gap: 10px;
  margin-top: 1.5rem;
  padding-left: 0.25rem;
}
#employer-branding .eb-pagination .swiper-pagination-bullet {
  width: 36px;
  height: 8px;
  border-radius: 999px;
  background: transparent;
  border: 2px solid rgba(0, 114, 239, 0.35);
  opacity: 1;
  margin: 0 !important;
  transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1), background-color 0.4s ease, border-color 0.4s ease;
  cursor: pointer;
}
#employer-branding .eb-pagination .swiper-pagination-bullet:hover {
  border-color: #0072ef;
}
#employer-branding .eb-pagination .swiper-pagination-bullet-active {
  width: 64px;
  background: #0072ef;
  border-color: #0072ef;
}

@media (max-width: 767px) {
  #employer-branding .eb-text {
    padding: 0;
    text-align: left;
  }
  #employer-branding .eb-pagination {
    justify-content: flex-start;
    margin-top: 1.25rem;
  }
}
@media (max-width: 425px) {
  #employer-branding .eb-pagination {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
@property --cut-bob-y-0 {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --cut-bob-y-1 {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --cut-bob-y-2 {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --cut-bob-y-3 {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@keyframes cutBobY-0 {
  0%, 100% {
    --cut-bob-y-0: 0px;
  }
  50% {
    --cut-bob-y-0: -6px;
  }
}
@keyframes cutBobY-1 {
  0%, 100% {
    --cut-bob-y-1: 0px;
  }
  50% {
    --cut-bob-y-1: -6px;
  }
}
@keyframes cutBobY-2 {
  0%, 100% {
    --cut-bob-y-2: 0px;
  }
  50% {
    --cut-bob-y-2: -6px;
  }
}
@keyframes cutBobY-3 {
  0%, 100% {
    --cut-bob-y-3: 0px;
  }
  50% {
    --cut-bob-y-3: -6px;
  }
}
.stats-section {
  overflow: hidden;
}
.stats-section .stats-row {
  --bs-gutter-y: 3rem;
  --bs-gutter-x: 6rem;
}
@media (max-width: 991px) {
  .stats-section .stats-row {
    --bs-gutter-x: 1.5rem;
  }
}

.content-data-area-col {
  order: 1;
}
@media (min-width: 640px) {
  .content-data-area-col {
    flex: 0 0 auto;
    width: 50%;
    order: 0 !important;
  }
}

.stats-intro {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1), transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
.stats-intro.is-revealed {
  opacity: 1;
  transform: none;
}
.stats-intro .stats-title {
  color: #0072ef;
  font-weight: 800;
}
.stats-intro .stats-desc {
  color: #454545;
}
.stats-intro .stats-desc p {
  margin-bottom: 0;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2rem 2.5rem;
}
.stats-grid .stats-item {
  grid-column: span var(--col-num, 6);
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1) var(--stats-delay, 0s), transform 0.7s cubic-bezier(0.65, 0, 0.35, 1) var(--stats-delay, 0s);
}
.stats-grid .stats-item.is-revealed {
  opacity: 1;
  transform: none;
}
.stats-grid .stats-item .stats-number {
  color: #0072ef;
  font-weight: 800;
  font-size: clamp(2.4rem, 2.8vw, 3.4rem);
  line-height: 1;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
}
.stats-grid .stats-item .stats-suffix {
  font-size: inherit;
  margin-left: 0.05em;
}
.stats-grid .stats-item .stats-label {
  color: #454545;
  margin: 0;
}

.content-gallery-area-col {
  order: 0;
}
@media (min-width: 640px) {
  .content-gallery-area-col {
    flex: 0 0 auto;
    width: 50%;
    order: 1 !important;
  }
}

.stats-gallery-wrapper {
  position: relative;
  padding: 0 2rem 0 0;
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1), transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
.stats-gallery-wrapper.is-revealed {
  opacity: 1;
  transform: none;
}

.stats-gallery {
  display: flex;
  gap: 14px;
}
.stats-gallery--cutout-frame {
  display: block;
  gap: 0;
}
.stats-gallery--cutout-frame > .stats-gallery__photos {
  display: flex;
  gap: 14px;
  animation: cutBobY-0 5s ease-in-out infinite var(--cut-bob-delay-0, 0s), cutBobY-1 5s ease-in-out infinite var(--cut-bob-delay-1, 0s), cutBobY-2 5s ease-in-out infinite var(--cut-bob-delay-2, 0s), cutBobY-3 5s ease-in-out infinite var(--cut-bob-delay-3, 0s);
}
.stats-gallery__col {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.stats-gallery__col--left {
  flex: 269.46 1 0;
}
.stats-gallery__col--right {
  flex: 263 1 0;
}
.stats-gallery .stats-gallery-item {
  position: relative;
  background: transparent;
}
.stats-gallery .gi-photo {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f3f3f3;
  border-radius: 20px;
}
.stats-gallery .gi-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
.stats-gallery .stats-gallery-item:hover .gi-photo img {
  transform: scale(1.06);
}
.stats-gallery .gi-1 .gi-photo {
  aspect-ratio: 269.46/203.43;
}
.stats-gallery .gi-2 .gi-photo {
  aspect-ratio: 263/311;
}
.stats-gallery .gi-3 .gi-photo {
  aspect-ratio: 269.62/338.14;
}
.stats-gallery .gi-4 .gi-photo {
  aspect-ratio: 263/228;
}
.stats-gallery {
  --cut-size: 86px;
  --cut-radius: 24px;
  --cut-shape-radius: 0;
}
.stats-gallery--left-bigger .stats-gallery__col--left {
  flex: 330 1 0;
}
.stats-gallery--left-bigger .stats-gallery__col--right {
  flex: 299 1 0;
}
.stats-gallery--left-bigger .gi-1 .gi-photo {
  aspect-ratio: 330/282;
}
.stats-gallery--left-bigger .gi-2 .gi-photo {
  aspect-ratio: 299/209;
}
.stats-gallery--left-bigger .gi-3 .gi-photo {
  aspect-ratio: 330/220;
}
.stats-gallery--left-bigger .gi-4 .gi-photo {
  aspect-ratio: 299/291;
}
.stats-gallery--right-bigger .stats-gallery__col--left {
  flex: 269.46 1 0;
}
.stats-gallery--right-bigger .stats-gallery__col--right {
  flex: 363 1 0;
}
.stats-gallery--right-bigger .gi-1 .gi-photo {
  aspect-ratio: 269.46/203.43;
}
.stats-gallery--right-bigger .gi-2 .gi-photo {
  aspect-ratio: 363/311;
}
.stats-gallery--right-bigger .gi-3 .gi-photo {
  aspect-ratio: 269.46/338.14;
}
.stats-gallery--right-bigger .gi-4 .gi-photo {
  aspect-ratio: 363/228;
}

.floating-accent {
  position: absolute;
  z-index: 4;
  --fa-size: 70px;
  --bob-delay: 0s;
  width: var(--fa-size);
  height: var(--fa-size);
  margin-left: calc(var(--fa-size) / -2);
  margin-top: calc(var(--fa-size) / -2);
  pointer-events: none;
  opacity: 1;
}
.floating-accent[data-fa-pos=top], .floating-accent[data-fa-pos=top_right] {
  --bob-delay: 0s;
}
.floating-accent[data-fa-pos=right], .floating-accent[data-fa-pos=top_left] {
  --bob-delay: 0.6s;
}
.floating-accent[data-fa-pos=left], .floating-accent[data-fa-pos=bottom_left] {
  --bob-delay: 1.2s;
}
.floating-accent[data-fa-pos=bottom] {
  --bob-delay: 1.8s;
}
.floating-accent[data-fa-pos=bottom_right] {
  --bob-delay: 2.4s;
}
.floating-accent .floating-accent__inner {
  width: 100%;
  height: 100%;
  background: var(--fa-bg, #0072ef);
  border-radius: 16px;
  box-shadow: 0 0 0 8px var(--fa-halo-color, #fff), 0 14px 26px -8px rgba(5, 66, 132, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.85rem;
  animation: faBob 5s ease-in-out infinite;
  animation-delay: var(--bob-delay);
}
.floating-accent .floating-accent__inner i {
  line-height: 1;
}
.floating-accent .floating-accent__inner img {
  width: 60%;
  height: 60%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.stats-gallery--cutout-frame > .floating-accent .floating-accent__inner,
.contribute-gallery--cutout-frame > .floating-accent .floating-accent__inner {
  box-shadow: 0 14px 26px -8px rgba(5, 66, 132, 0.35);
}

@keyframes faBob {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-6px) rotate(-2deg);
  }
}
.stats-gallery,
.contribute-gallery {
  position: relative;
}
.stats-gallery > .floating-accent,
.contribute-gallery > .floating-accent {
  top: var(--fa-top, 50%);
  left: var(--fa-left, 50%);
}
.stats-gallery > .floating-accent[data-fa-pos=top],
.contribute-gallery > .floating-accent[data-fa-pos=top] {
  --fa-top: 0%;
  --fa-left: 50%;
}
.stats-gallery > .floating-accent[data-fa-pos=top_left],
.contribute-gallery > .floating-accent[data-fa-pos=top_left] {
  --fa-top: 0%;
  --fa-left: 0%;
}
.stats-gallery > .floating-accent[data-fa-pos=top_right],
.contribute-gallery > .floating-accent[data-fa-pos=top_right] {
  --fa-top: 0%;
  --fa-left: 100%;
}
.stats-gallery > .floating-accent[data-fa-pos=left],
.contribute-gallery > .floating-accent[data-fa-pos=left] {
  --fa-top: 50%;
  --fa-left: 0%;
}
.stats-gallery > .floating-accent[data-fa-pos=right],
.contribute-gallery > .floating-accent[data-fa-pos=right] {
  --fa-top: 50%;
  --fa-left: 100%;
}
.stats-gallery > .floating-accent[data-fa-pos=bottom],
.contribute-gallery > .floating-accent[data-fa-pos=bottom] {
  --fa-top: 100%;
  --fa-left: 50%;
}
.stats-gallery > .floating-accent[data-fa-pos=bottom_left],
.contribute-gallery > .floating-accent[data-fa-pos=bottom_left] {
  --fa-top: 100%;
  --fa-left: 0%;
}
.stats-gallery > .floating-accent[data-fa-pos=bottom_right],
.contribute-gallery > .floating-accent[data-fa-pos=bottom_right] {
  --fa-top: 100%;
  --fa-left: 100%;
}
@media (max-width: 639.98px) {
  .stats-gallery > .floating-accent,
  .contribute-gallery > .floating-accent {
    top: var(--fa-top-m, var(--fa-top, 50%));
    left: var(--fa-left-m, var(--fa-left, 50%));
  }
}

@media (max-width: 1399.98px) {
  .stats-gallery {
    --cut-size: 72px;
    --cut-radius: 24px;
  }
  .floating-accent {
    --fa-size: 56px;
  }
}
@media (max-width: 991px) {
  .stats-gallery {
    --cut-size: 72px;
    --cut-radius: 24px;
  }
  .floating-accent {
    --fa-size: 56px;
  }
  .floating-accent .floating-accent__inner {
    font-size: 1.45rem;
    box-shadow: 0 10px 20px -6px rgba(5, 66, 132, 0.3);
  }
}
@media (max-width: 768px) {
  .stats-grid {
    gap: 1.75rem 1.5rem;
  }
  .stats-gallery {
    --cut-size: 62px;
    --cut-radius: 19px;
  }
  .floating-accent {
    --fa-size: 48px;
  }
  .floating-accent .floating-accent__inner {
    border-radius: 12px;
    font-size: 1.2rem;
    box-shadow: 0 8px 16px -6px rgba(5, 66, 132, 0.3);
  }
}
@media (max-width: 639.98px) {
  .stats-gallery-wrapper {
    padding: 0 1.3rem;
  }
  .stats-gallery {
    --cut-size: 60px;
    --cut-radius: 14px;
    gap: 10px;
  }
  .stats-gallery__col {
    gap: 10px;
  }
  .floating-accent {
    --fa-size: 48px;
  }
  .floating-accent .floating-accent__inner {
    border-radius: 8px;
    font-size: 1rem;
    box-shadow: 0 6px 12px -4px rgba(5, 66, 132, 0.25);
  }
  #powered-by-community .content-data-area-col {
    order: 1;
  }
  #powered-by-community .content-gallery-area-col {
    order: 2;
  }
}
@media (max-width: 479.98px) {
  .stats-gallery {
    --cut-size: 56px;
    --cut-radius: 14px;
    gap: 10px;
  }
  .stats-gallery__col {
    gap: 10px;
  }
  .floating-accent {
    --fa-size: 44px;
  }
  .floating-accent .floating-accent__inner {
    border-radius: 8px;
    font-size: 1rem;
    box-shadow: 0 6px 12px -4px rgba(5, 66, 132, 0.25);
  }
}
@media (max-width: 359.98px) {
  .stats-gallery {
    --cut-size: 44px;
    --cut-radius: 12px;
    gap: 10px;
  }
  .stats-gallery__col {
    gap: 10px;
  }
  .floating-accent {
    --fa-size: 34px;
  }
  .floating-accent .floating-accent__inner {
    border-radius: 8px;
    font-size: 1rem;
    box-shadow: 0 6px 12px -4px rgba(5, 66, 132, 0.25);
  }
}
@property --bbp-split {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
@property --bbp-cx-from-right {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
@property --bbp-circles-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
/* ==========================================================================
   Usage (PHP):
       <?php $this->load->view('revamp/partials/bg_blue_pattern', [...]); ?>

   Or directly:
       <div class="bg-blue-pattern" style="
           --bbp-grad-from: #2A6FFF;
           --bbp-grad-to: #06214F;
           --bbp-circle-left: rgba(255,255,255,0.07);
           --bbp-circle-right: rgba(255,255,255,0.04);
           --bbp-cx-from-right: -10%;
           --bbp-diameter: 200%;
           --bbp-split: 50%;
           --bbp-rotate: 30deg;
       ">
           <div class="bg-blue-pattern__circles">
               <span class="bg-blue-pattern__half bg-blue-pattern__half--left"></span>
               <span class="bg-blue-pattern__half bg-blue-pattern__half--right"></span>
           </div>
       </div>

   Variables (all data-driven):
   --bbp-grad-from        Linear gradient start color (left edge)
   --bbp-grad-to          Linear gradient end color   (right edge)
   --bbp-grad-angle       Gradient angle (default 90deg = horizontal L→R)
   --bbp-circle-left      Color of the left semicircle
   --bbp-circle-right     Color of the right semicircle
   --bbp-cx-from-right    Horizontal offset of the circle CENTER from
                          the container's right edge. 0 = center on right
                          edge. Negative = center pushed further right
                          (off-canvas). Positive = center moves into the
                          container.
   --bbp-cy               Vertical center position (% from top, default 50%)
   --bbp-diameter         Circle diameter as % of CONTAINER HEIGHT.
                          Use values >100% for circles that span beyond
                          the container's vertical bounds.
   --bbp-split            Split amount (0% = circle is whole; 100% = bottom
                          corner of left half touches top corner of right
                          half = halves are translated apart by ±R each).
                          Values between feel natural in the 40–60% range.
   --bbp-rotate           Rotation of the whole circle composition. Positive
                          = clockwise. Default 30deg matches Figma design.

   Geometry math (for reference):
   --------------------------------------------------------------------------
   Wrapper `__circles` is a square sized at `--bbp-diameter` of the
   container's height (using `aspect-ratio: 1` to mirror the height value).
   It's anchored centered at (right - cx-from-right, cy) via positioning.
   Each `__half` is full-size of the wrapper, with `border-radius: 50%`
   and `clip-path` cutting away its non-half side. Then translated:
       left  → translateY( split * -50% )
       right → translateY( split *  50% )
   At split=100%, that's ±50% of wrapper height = ±R, so the diameter
   endpoints meet (left's bottom corner = right's top corner).
   The whole __circles wrapper is rotated by --bbp-rotate.
   ========================================================================== */
.bg-blue-pattern {
  --bbp-grad-from: #1b5bc9;
  --bbp-grad-to: #06214f;
  --bbp-grad-angle: 90deg;
  --bbp-circle-left: rgba(255, 255, 255, 0.07);
  --bbp-circle-right: rgba(255, 255, 255, 0.045);
  --bbp-cx-from-right-target: -8%;
  --bbp-cy: 50%;
  --bbp-diameter: 180%;
  --bbp-split-target: 50%;
  --bbp-rotate: 30deg;
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: linear-gradient(var(--bbp-grad-angle), var(--bbp-grad-from), var(--bbp-grad-to));
  pointer-events: none;
  z-index: 0;
  transition: --bbp-split 1.4s cubic-bezier(0.65, 0, 0.35, 1), --bbp-cx-from-right 1.4s cubic-bezier(0.65, 0, 0.35, 1), --bbp-circles-opacity 1s ease-out;
}
.bg-blue-pattern.is-revealed {
  --bbp-split: var(--bbp-split-target);
  --bbp-cx-from-right: var(--bbp-cx-from-right-target);
  --bbp-circles-opacity: 1;
}
.bg-blue-pattern.bbp-no-split, .bg-blue-pattern.bbp-no-anim {
  --bbp-split: var(--bbp-split-target);
}
.bg-blue-pattern.bbp-no-cx, .bg-blue-pattern.bbp-no-anim {
  --bbp-cx-from-right: var(--bbp-cx-from-right-target);
}
.bg-blue-pattern.bbp-no-opacity, .bg-blue-pattern.bbp-no-anim {
  --bbp-circles-opacity: 1;
}
.bg-blue-pattern.bbp-no-anim {
  transition: none;
}
.bg-blue-pattern__circles {
  position: absolute;
  top: var(--bbp-cy);
  right: var(--bbp-cx-from-right);
  height: var(--bbp-diameter);
  aspect-ratio: 1;
  transform: translate(50%, -50%) rotate(var(--bbp-rotate));
  transform-origin: center center;
  opacity: var(--bbp-circles-opacity);
  will-change: transform, opacity;
}
.bg-blue-pattern__half {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}
.bg-blue-pattern__half--left {
  background: var(--bbp-circle-left);
  clip-path: inset(0 50% 0 0);
  transform: translateY(calc(var(--bbp-split) * -0.5));
}
.bg-blue-pattern__half--right {
  background: var(--bbp-circle-right);
  clip-path: inset(0 0 0 50%);
  transform: translateY(calc(var(--bbp-split) * 0.5));
}

/* Ensures the wrapping section is a positioning context for the absolute
   pattern, lifts foreground content above it. */
.has-bg-blue-pattern {
  position: relative;
}
.has-bg-blue-pattern > :not(.bg-blue-pattern) {
  position: relative;
  z-index: 1;
}

@property --yd-pulse-scale {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --yd-pulse-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --yd-bob {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --yd-radius {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --yd-angle-current {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
#yellow-dot {
  position: relative;
}
#yellow-dot[data-yd-mode=intro] {
  overflow: hidden;
}
@media (max-width: 991px) {
  #yellow-dot[data-yd-mode=intro] {
    padding-bottom: 2.7rem;
  }
}
#yellow-dot .yd-scroll-track {
  position: relative;
}
#yellow-dot .yd-scroll-track .yd-header {
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  #yellow-dot[data-yd-mode=scroll] .yd-scroll-track {
    min-height: calc(100vh + (var(--yd-step-count, 4) + 2) * var(--yd-step-vh, 1) * 100vh);
  }
}
@media (min-width: 768px) {
  #yellow-dot[data-yd-mode=scroll] .yd-pin {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
  }
}
#yellow-dot .yd-header {
  position: relative;
  z-index: 1;
  scroll-margin-top: 140px;
}
#yellow-dot .yd-header .yd-subtitle {
  color: #454545;
  opacity: 0.7;
  margin: 0 0 0.35rem;
  letter-spacing: 0.02em;
}
#yellow-dot .yd-header .yd-title {
  color: #0072EF;
  font-weight: 800;
  margin: 0;
}
#yellow-dot .yd-stage {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  aspect-ratio: 21/9;
  min-height: 460px;
}
@media (max-width: 991px) {
  #yellow-dot .yd-stage {
    aspect-ratio: 6/5;
    min-height: 720px;
  }
}
@media (max-width: 575px) {
  #yellow-dot .yd-stage {
    min-height: 600px;
  }
}
#yellow-dot .yd-core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 220px;
  height: 220px;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 575px) {
  #yellow-dot .yd-core {
    width: 154px;
    height: 154px;
  }
}
#yellow-dot .yd-core__dot {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ffd400;
  visibility: hidden;
  transform: scale(0);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}
#yellow-dot .yd-core__ring {
  position: absolute;
  inset: -10%;
  margin: auto;
  border-radius: 50%;
  border: 1px solid rgba(255, 212, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: center center;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
  pointer-events: none;
  will-change: transform, opacity;
}
#yellow-dot .yd-core__ring--1 {
  inset: -20%;
  border-width: 2px;
}
#yellow-dot .yd-core__ring--2 {
  inset: -45%;
  border-width: 1px;
}
#yellow-dot .yd-stage.is-revealed .yd-core__dot {
  transform: scale(1);
}
#yellow-dot .yd-stage.is-revealed .yd-core__ring {
  opacity: 1;
  transform: scale(1);
}
#yellow-dot .yd-stage.is-revealed .yd-svg-shape {
  transform: scale(1);
}
#yellow-dot .yd-stage.is-revealed .yd-svg-ring {
  opacity: 1;
}
#yellow-dot .yd-svg-shape {
  transform: scale(0);
  transform-origin: center;
  transform-box: fill-box;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}
#yellow-dot .yd-svg-ring {
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
  will-change: transform, opacity;
}
#yellow-dot .yd-core__wave {
  pointer-events: none;
  z-index: 1;
}
#yellow-dot .yd-spoke {
  position: absolute;
  top: 50%;
  left: 50%;
  --yd-angle-current: calc(var(--yd-angle) - 180deg);
  transform: translate(calc(var(--yd-radius, 0px) * sin(var(--yd-angle-current)) - 50%), calc(var(--yd-radius, 0px) * -1 * cos(var(--yd-angle-current)) - 50% + var(--yd-bob, 0px)));
  width: 0;
  height: 0;
  z-index: 3;
  will-change: transform;
  transition: --yd-angle-current 1s cubic-bezier(0.65, 0, 0.35, 1);
}
#yellow-dot .yd-spoke.is-spoke-revealed {
  --yd-angle-current: var(--yd-angle);
  animation: ydBob 4.5s ease-in-out infinite;
}
#yellow-dot.yd-out-of-view *, #yellow-dot.yd-out-of-view *::before, #yellow-dot.yd-out-of-view *::after {
  animation-play-state: paused !important;
}
#yellow-dot .yd-photo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 144px;
  height: 144px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
}
@media (max-width: 575px) {
  #yellow-dot .yd-photo {
    width: 106px;
    height: 106px;
  }
}
#yellow-dot .yd-photo__pulse {
  position: absolute;
  inset: -30%;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}
#yellow-dot .yd-photo__media {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(2, 24, 64, 0.18);
  transform: scale(0);
  transform-origin: center center;
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1), box-shadow 0.35s ease;
  will-change: transform;
}
#yellow-dot .yd-photo__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#yellow-dot .yd-spoke.is-spoke-revealed .yd-photo__media {
  transform: scale(1);
}
#yellow-dot .yd-spoke.is-photo-hover .yd-photo__media,
#yellow-dot .yd-spoke.is-card-hover .yd-photo__media {
  transform: scale(1.06);
  box-shadow: 0 18px 40px rgba(2, 24, 64, 0.28);
}
#yellow-dot .yd-spoke:not(.is-spoke-revealed) .yd-photo,
#yellow-dot .yd-spoke:not(.is-spoke-revealed) .yd-card {
  pointer-events: none;
}
#yellow-dot {
  /* Description card */
}
#yellow-dot .yd-card {
  position: absolute;
  top: 50%;
  left: calc(50% + 90px);
  transform: translateY(-50%);
  width: 320px;
  max-width: 80vw;
  padding: 1.5rem 1.5rem 1.4rem;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(2, 24, 64, 0.1);
  opacity: 0;
  transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1), box-shadow 0.35s ease, opacity 0.45s ease;
  z-index: 4;
  will-change: transform, opacity;
}
@media (max-width: 575px) {
  #yellow-dot .yd-card {
    width: 240px;
    padding: 1.1rem 1.1rem 1rem;
  }
}
#yellow-dot .yd-card__title {
  font-weight: 700;
  color: #454545;
  margin: 0 0 0.55rem;
}
#yellow-dot .yd-card__body {
  color: rgba(0, 0, 0, 0.7);
  margin: 0;
}
#yellow-dot .yd-card__accent {
  position: absolute;
  top: -32px;
  left: var(--yd-accent-pct, 50%);
  transform: translateX(-50%);
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: var(--yd-accent-color, #0072ef);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  z-index: 1;
  transition: transform 0.35s ease;
}
#yellow-dot .yd-card__accent i {
  font-size: 1.1rem;
}
#yellow-dot .yd-card__accent img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
#yellow-dot .yd-spoke[data-yd-side=left] .yd-card {
  left: auto;
  right: calc(50% + 90px);
}
#yellow-dot .yd-spoke.is-card-revealed .yd-card {
  opacity: 1;
  animation: ydCardZoomIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}
#yellow-dot .yd-spoke.is-card-hover .yd-card,
#yellow-dot .yd-spoke.is-photo-hover .yd-card {
  transform: translateY(calc(-50% - 8px));
  box-shadow: 0 26px 60px rgba(2, 24, 64, 0.18);
}
#yellow-dot .yd-spoke.is-card-hover .yd-card__accent,
#yellow-dot .yd-spoke.is-photo-hover .yd-card__accent {
  transform: translateX(-50%) translateY(-3px);
}
#yellow-dot .yd-mask {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  overflow: visible;
}

@keyframes ydBob {
  0%, 100% {
    --yd-bob: 0px;
  }
  50% {
    --yd-bob: -8px;
  }
}
@keyframes ydCardZoomIn {
  0% {
    opacity: 0;
    transform: translateY(-50%) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}
.yd-mobile {
  display: none;
}

@media (max-width: 767px) {
  #yellow-dot {
    overflow: hidden;
  }
  #yellow-dot .container-lg {
    padding: 0;
  }
  #yellow-dot .yd-stage {
    display: none;
  }
  #yellow-dot .yd-mobile {
    display: block;
  }
  #yellow-dot .yd-header {
    text-align: center;
  }
}

@property --yd-m-acc-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
@property --yd-m-bob {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --yd-m-radius {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.yd-mobile {
  --yd-m-stage-size: min(86vw, 420px);
  --yd-m-core-size: calc(var(--yd-m-stage-size) * 0.5);
  --yd-m-photo-size: calc(var(--yd-m-stage-size) * 0.4);
  --yd-m-ring1-size: calc(var(--yd-m-stage-size) * 0.78);
  --yd-m-ring2-size: calc(var(--yd-m-stage-size) * 0.96);
  --yd-m-accent-size: 44px;
  --yd-m-accent-active: 68px;
  padding-top: 2rem;
}
.yd-mobile .yd-m-stage {
  position: relative;
  width: var(--yd-m-stage-size);
  height: var(--yd-m-stage-size);
  margin: 0 auto;
}
.yd-mobile .yd-m-ring,
.yd-mobile .yd-m-core {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
}
.yd-mobile .yd-m-ring {
  border: 1px solid rgba(255, 212, 0, 0.45);
}
.yd-mobile .yd-m-ring--1 {
  width: var(--yd-m-ring1-size);
  height: var(--yd-m-ring1-size);
  border-width: 2px;
}
.yd-mobile .yd-m-ring--2 {
  width: var(--yd-m-ring2-size);
  height: var(--yd-m-ring2-size);
  border-width: 1px;
}
.yd-mobile .yd-m-pulse-clip {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 4;
}
.yd-mobile .yd-m-pulse-wave {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-color: #ffd400;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}
.yd-mobile .yd-m-core {
  width: var(--yd-m-core-size);
  height: var(--yd-m-core-size);
  background: #ffd400;
  z-index: 1;
}
.yd-mobile .yd-m-accents {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
.yd-mobile .yd-m-accent {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--yd-m-accent-size);
  height: var(--yd-m-accent-size);
  margin: calc(var(--yd-m-accent-size) / -2) 0 0 calc(var(--yd-m-accent-size) / -2);
  border-radius: 10px;
  background: var(--yd-acc-color, #0072ef);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  transition: --yd-m-acc-angle 0.7s cubic-bezier(0.65, 0, 0.35, 1), width 0.4s ease, height 0.4s ease, margin 0.4s ease, box-shadow 0.4s ease;
  transform: translate(calc(var(--yd-m-radius, 0px) * sin(var(--yd-m-acc-angle))), calc(var(--yd-m-radius, 0px) * -1 * cos(var(--yd-m-acc-angle)) + var(--yd-m-bob, 0px)));
}
.yd-mobile .yd-m-accent i {
  font-size: 1rem;
  line-height: 1;
}
.yd-mobile .yd-m-accent img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
.yd-mobile .yd-m-accent.is-active {
  width: var(--yd-m-accent-active);
  height: var(--yd-m-accent-active);
  margin: calc(var(--yd-m-accent-active) / -2) 0 0 calc(var(--yd-m-accent-active) / -2);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.yd-mobile .yd-m-accent.is-active i {
  font-size: 1.35rem;
}
.yd-mobile .yd-m-accent {
  animation: ydMAccentBob 4s ease-in-out infinite;
}
.yd-mobile .yd-m-photos {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  max-width: 100vw;
  z-index: 2;
  overflow: visible;
  padding: 0;
}
.yd-mobile .yd-m-photos .swiper-wrapper {
  align-items: center;
}
.yd-mobile .yd-m-photos .swiper-slide {
  width: calc(50vw + var(--yd-m-photo-size) / 4);
  height: var(--yd-m-photo-size);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.55;
  transition: opacity 0.4s ease;
}
.yd-mobile .yd-m-photos .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.yd-mobile .yd-m-photo {
  position: relative;
  width: var(--yd-m-photo-size);
  height: var(--yd-m-photo-size);
  border-radius: 50%;
}
.yd-mobile .yd-m-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.yd-mobile .yd-m-cards {
  margin-top: 1rem;
  overflow: hidden;
  padding: 1rem 1.8rem 2rem;
}
.yd-mobile .yd-m-cards .swiper-slide {
  display: flex;
  justify-content: center;
}
.yd-mobile .yd-m-card {
  width: 100%;
  max-width: 360px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(2, 24, 64, 0.1);
  padding: 1.5rem 1.4rem;
  text-align: center;
}
.yd-mobile .yd-m-card__title {
  color: #0072EF;
  font-weight: 700;
  margin: 0 0 0.55rem;
}
.yd-mobile .yd-m-card__body {
  color: rgba(0, 0, 0, 0.75);
  margin: 0;
}
.yd-mobile .yd-m-pagination {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.yd-mobile .yd-m-pagination .swiper-pagination-bullet {
  width: 28px;
  height: 4px;
  border-radius: 2px;
  background: #d9d9d9;
  opacity: 1;
  transition: background 0.3s ease;
}
.yd-mobile .yd-m-pagination .swiper-pagination-bullet-active {
  background: #0072EF;
}

@keyframes ydMAccentBob {
  0%, 100% {
    --yd-m-bob: 0px;
  }
  50% {
    --yd-m-bob: -6px;
  }
}
#experience-talks {
  clip-path: inset(-500px 0);
  color: #fff;
}
#experience-talks .et-title {
  color: #fff;
  font-weight: 800;
  margin-bottom: 1.8rem;
}
@media (max-width: 575px) {
  #experience-talks .et-title {
    text-align: center;
  }
}
#experience-talks .et-track {
  position: relative;
}
@media (max-width: 767px) {
  #experience-talks .et-track {
    padding: 0 2.5rem;
  }
}
@media (max-width: 575px) {
  #experience-talks .et-track {
    padding: 0;
  }
}
#experience-talks .et-track .et-card {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
#experience-talks .et-track .swiper-slide:nth-child(1) .et-card {
  transition-delay: 0.05s;
}
#experience-talks .et-track .swiper-slide:nth-child(2) .et-card {
  transition-delay: 0.18s;
}
#experience-talks .et-track .swiper-slide:nth-child(3) .et-card {
  transition-delay: 0.31s;
}
#experience-talks .et-track .swiper-slide:nth-child(4) .et-card {
  transition-delay: 0.44s;
}
#experience-talks .et-track .swiper-slide:nth-child(5) .et-card {
  transition-delay: 0.57s;
}
#experience-talks .et-track .swiper-slide:nth-child(n+6) .et-card {
  transition-delay: 0.65s;
}
#experience-talks .et-track.is-revealed .et-card {
  opacity: 1;
  transform: translateY(0);
}
#experience-talks .et-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #005ABC;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.25s ease, background-color 0.25s ease;
  z-index: 5;
  font-size: 1rem;
}
#experience-talks .et-nav:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.08);
}
#experience-talks .et-nav.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
#experience-talks .et-nav--prev {
  left: 0;
  translate: -150% 0;
}
#experience-talks .et-nav--next {
  right: 0;
  translate: 150% 0;
}
@media (max-width: 1024px) {
  #experience-talks .et-nav--prev {
    left: 0;
    translate: -50% 0;
  }
  #experience-talks .et-nav--next {
    right: 0;
    translate: 50% 0;
  }
}
@media (max-width: 575px) {
  #experience-talks .et-nav {
    display: none;
  }
}
#experience-talks .et-swiper {
  padding-block: 60px;
  margin-block: -60px;
}
#experience-talks .swiper-slide {
  height: auto;
}
@media (max-width: 575.98px) {
  #experience-talks .container-lg.content-container {
    padding: 0;
  }
  #experience-talks .et-swiper .swiper-slide {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
    transform: scale(0.82);
    opacity: 0.55;
  }
  #experience-talks .et-swiper .swiper-slide.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
  }
}
#experience-talks .et-card {
  position: relative;
  border-radius: 1rem;
  aspect-ratio: 3/4;
  background: transparent;
  cursor: pointer;
  perspective: 1200px;
}
#experience-talks .et-card__flipper {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: inherit;
}
#experience-talks .et-card:hover .et-card__flipper, #experience-talks .et-card:focus-within .et-card__flipper, #experience-talks .et-card.is-open .et-card__flipper {
  transform: rotateY(180deg);
}
#experience-talks .et-card__front, #experience-talks .et-card__back {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 0;
  -webkit-transform: translate3d(0, 0, 0);
  visibility: visible;
}
#experience-talks .et-card__photo {
  position: absolute;
  inset: 0;
}
#experience-talks .et-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#experience-talks .et-card__identity {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7rem 1.1rem 1.1rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  color: #fff;
  z-index: 2;
}
#experience-talks .et-card__identity .et-card__name {
  font-weight: 800;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#experience-talks .et-card__identity .et-card__name .et-card__name-text {
  display: inline-block;
}
#experience-talks .et-card__identity .et-card__name .et-card__flag {
  width: 22px;
  height: 16px;
  object-fit: cover;
  border-radius: 0;
  display: inline-block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
}
#experience-talks .et-card__identity .et-card__role {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.85);
}
#experience-talks .et-card__back {
  transform: rotateY(180deg);
  background: rgba(255, 255, 255, 0.97);
  display: flex;
  align-items: flex-start;
  padding: 1.5rem 1.4rem;
  overflow-y: auto;
}
#experience-talks .et-card__quote {
  color: #454545;
}
#experience-talks .et-card__quote p {
  margin: 0;
}
#experience-talks .et-card__cta {
  display: none;
  margin-top: 0.85rem;
  padding: 0.55rem 1.15rem;
  font-size: 0.85rem;
  border-radius: 999px;
  border: 0;
}
#experience-talks .et-card__cta svg {
  vertical-align: middle;
  margin-left: 0.4rem;
  fill: currentColor;
}
@media (max-width: 575px) {
  #experience-talks .et-card__cta {
    display: inline-flex;
    align-items: center;
    width: auto;
  }
}
@media (max-width: 575px) {
  #experience-talks .et-card__flipper {
    transform-style: flat;
    transition: none;
  }
  #experience-talks .et-card:hover .et-card__flipper, #experience-talks .et-card:focus-within .et-card__flipper {
    transform: none;
  }
  #experience-talks .et-card__back {
    display: none;
    pointer-events: none;
  }
  #experience-talks .et-card__identity {
    opacity: 1 !important;
    transform: none !important;
  }
}

body.et-modal-open {
  overflow: hidden;
}

.et-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.et-modal[hidden] {
  display: none;
}
.et-modal.is-open {
  opacity: 1;
}
.et-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
}
.et-modal__panel {
  position: relative;
  width: 100%;
  max-width: 460px;
  background: #f6f7fb;
  color: #454545;
  border-radius: 18px;
  padding: 2.5rem 1.75rem 2rem;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  transform: translateY(12px) scale(0.97);
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  max-height: 86vh;
  overflow: visible;
}
.et-modal.is-open .et-modal__panel {
  transform: none;
}
.et-modal__close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FEDD00;
  color: #000;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease;
}
.et-modal__close:hover {
  transform: scale(1.06);
}
.et-modal__close svg {
  display: block;
}
.et-modal__body p {
  margin: 0 0 1rem;
}
.et-modal__body p:last-child {
  margin-bottom: 0;
}

#new-perks .perks-title {
  color: #0072EF;
  font-weight: 800;
  text-align: left;
}
#new-perks .perks-grid {
  gap: 2rem;
  --bs-gutter-y: 0;
}
@media (min-width: 768px) {
  #new-perks .perks-grid {
    gap: 0;
    --bs-gutter-x: 3rem;
  }
}
#new-perks .perks-item {
  background: transparent;
  border: 0;
  padding: 0;
}
#new-perks .perks-item__photo {
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 18px;
  overflow: hidden;
  background: #e9eef5;
  margin-bottom: 1.25rem;
  transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
#new-perks .perks-item__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
#new-perks .perks-item:hover #new-perks .perks-item__photo img {
  transform: scale(1.04);
}
#new-perks .perks-item__title {
  color: #0f1f3a;
  font-weight: 800;
  margin-bottom: 0.65rem;
}
#new-perks .perks-item__desc {
  color: #454545;
}
#new-perks .perks-item__desc p {
  margin: 0 0 0.75rem;
}
#new-perks .perks-item__desc p:last-child {
  margin-bottom: 0;
}
#new-perks .perks-col {
  opacity: 0;
  transform: translateY(36px) scale(0.96);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1) var(--perks-delay, 0s), transform 0.7s cubic-bezier(0.65, 0, 0.35, 1) var(--perks-delay, 0s);
}
#new-perks .perks-col.is-revealed {
  opacity: 1;
  transform: none;
}
@media (max-width: 575px) {
  #new-perks .perks-col {
    transition-delay: 0s !important;
  }
}
@media (max-width: 575px) {
  #new-perks .perks-item__photo {
    aspect-ratio: 16/10;
    margin-bottom: 1rem;
  }
}

.contribute-section .ca-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  justify-self: center;
  gap: 3rem;
  --bs-gutter-y: 3rem;
  --bs-gutter-x: 6rem;
}
@media (max-width: 991px) {
  .contribute-section .ca-row {
    gap: 3rem;
    --bs-gutter-x: 2.5rem;
  }
}
.contribute-section .contribute-title {
  color: #0072EF;
  font-weight: 800;
  text-align: left;
  margin-bottom: 1rem;
}
.contribute-section .contribute-desc {
  color: #454545;
  font-size: 1rem;
}
.contribute-section .contribute-desc p {
  margin: 0 0 0.75rem;
}
.contribute-section .contribute-desc p:last-child {
  margin-bottom: 0;
}
.contribute-section .contribute-intro,
.contribute-section .contribute-gallery {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
.contribute-section .contribute-intro.is-revealed,
.contribute-section .contribute-gallery.is-revealed {
  opacity: 1;
  transform: none;
}
.contribute-section .contribute-gallery.is-revealed .cp-1 {
  transition-delay: 0.05s;
}
.contribute-section .contribute-gallery.is-revealed .cp-2 {
  transition-delay: 0.18s;
}
.contribute-section .contribute-gallery.is-revealed .cp-3 {
  transition-delay: 0.31s;
}
.contribute-section .contribute-gallery {
  position: relative;
  max-width: 100%;
  --cut-size: 70px;
  --cut-radius: 23px;
  --cut-shape-radius: 0;
  --cut-mask: none;
}
@media (max-width: 991px) {
  .contribute-section .contribute-gallery {
    --cut-size: 62px;
    --cut-radius: 18px;
  }
}
@media (max-width: 767px) {
  .contribute-section .contribute-gallery {
    --cut-size: 62px;
    --cut-radius: 18px;
    --cut-shape-radius: 0;
  }
}
@media (max-width: 639.98px) {
  .contribute-section .contribute-gallery {
    --cut-size: 50px;
    --cut-radius: 14px;
    --cut-shape-radius: 12px;
  }
}
.contribute-section .contribute-photo {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
.contribute-section .contribute-photo .cp-photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.contribute-section .contribute-photo .cp-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
.contribute-section .contribute-photo:hover .cp-photo img {
  transform: scale(1.04);
}
.contribute-section .contribute-photo.cp-1 {
  aspect-ratio: 242/206;
}
.contribute-section .contribute-photo.cp-2 {
  aspect-ratio: 242/299;
}
.contribute-section .contribute-photo.cp-3 {
  aspect-ratio: 241/197;
}
@media (min-width: 640px) {
  .contribute-section .contribute-gallery {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
  }
  .contribute-section .contribute-gallery--cutout-frame {
    display: block;
  }
  .contribute-section .contribute-gallery--cutout-frame > .contribute-gallery__photos {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    animation: cutBobY-0 5s ease-in-out infinite var(--cut-bob-delay-0, 0s), cutBobY-1 5s ease-in-out infinite var(--cut-bob-delay-1, 0s), cutBobY-2 5s ease-in-out infinite var(--cut-bob-delay-2, 0s), cutBobY-3 5s ease-in-out infinite var(--cut-bob-delay-3, 0s);
  }
  .contribute-section .contribute-photo {
    flex: 1;
  }
  .contribute-section .contribute-photo.cp-2 {
    z-index: 2;
  }
  .contribute-section .contribute-photo.cp-3 {
    margin-top: auto;
  }
}
.contribute-section .contribute-gallery.is-revealed .contribute-photo {
  opacity: 1;
  transform: none;
}
.contribute-section .contribute-gallery > .floating-accent {
  width: 54px;
  height: 54px;
}
.contribute-section .contribute-gallery > .floating-accent .floating-accent__inner {
  font-size: 1rem;
}
.contribute-section .ca-data-area-col {
  box-sizing: border-box;
  min-width: 0;
}
@media (min-width: 640px) {
  .contribute-section .ca-data-area-col {
    padding-left: 0;
    flex: 0 0 36%;
  }
}
.contribute-section .ca-gallery-area-col {
  box-sizing: border-box;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 640px) {
  .contribute-section .ca-gallery-area-col {
    flex: 1;
    min-width: auto;
  }
}
@media (max-width: 991px) {
  .contribute-section .contribute-gallery > .floating-accent {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: 639.98px) {
  .contribute-section .contribute-gallery {
    aspect-ratio: auto;
    --cut-size: 50px;
    --cut-radius: 14px;
    --cut-shape-radius: 12px;
  }
  .contribute-section .contribute-gallery:not(.contribute-gallery--cutout-frame),
  .contribute-section .contribute-gallery--cutout-frame > .contribute-gallery__photos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
    align-items: start;
    gap: 12px;
    padding: 0 1.3rem;
  }
  .contribute-section .contribute-gallery--cutout-frame > .contribute-gallery__photos {
    animation: cutBobY-0 5s ease-in-out infinite var(--cut-bob-delay-0, 0s), cutBobY-1 5s ease-in-out infinite var(--cut-bob-delay-1, 0s), cutBobY-2 5s ease-in-out infinite var(--cut-bob-delay-2, 0s), cutBobY-3 5s ease-in-out infinite var(--cut-bob-delay-3, 0s);
  }
  .contribute-section .contribute-photo {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }
  .contribute-section .contribute-photo.cp-1 {
    grid-column: 1;
    grid-row: 1;
  }
  .contribute-section .contribute-photo.cp-3 {
    grid-column: 1;
    grid-row: 2;
  }
  .contribute-section .contribute-photo.cp-2 {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: stretch;
    aspect-ratio: auto;
    height: 100%;
  }
  .contribute-section .contribute-photo.cp-2 .cp-photo {
    height: 75%;
    margin-top: 25%;
  }
  .contribute-section .contribute-photo .cp-photo {
    border-radius: 12px;
  }
  .contribute-section .contribute-gallery > .floating-accent {
    width: 38px;
    height: 38px;
  }
  .contribute-section .ca-data-area-col {
    order: 2;
  }
  .contribute-section .ca-gallery-area-col {
    order: 1;
  }
}

.three-e-section .three-e-row {
  max-width: 100%;
  justify-self: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.three-e-section .three-e-title {
  color: #0072EF;
  font-weight: 800;
  text-align: left;
}
.three-e-section .three-e-desc {
  color: #454545;
  font-size: 1rem;
}
.three-e-section .three-e-desc p {
  margin: 0 0 0.75rem;
}
.three-e-section .three-e-desc p:last-child {
  margin-bottom: 0;
}
.three-e-section [data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
.three-e-section [data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}
.three-e-section .three-e-slider-wrap {
  position: relative;
}
.three-e-section .three-e-swiper {
  overflow: hidden;
}
.three-e-section .three-e-card {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 14px;
  overflow: hidden;
  background: #e9eef5;
}
.three-e-section .three-e-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.three-e-section .three-e-card:hover img {
  transform: scale(1.05);
}
.three-e-section .three-e-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: #0072EF;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  box-shadow: 0 8px 18px -8px rgba(0, 100, 210, 0.55);
}
.three-e-section .three-e-nav:hover {
  background: rgb(0, 94.5389121339, 198.2);
  transform: translateY(-50%) scale(1.05);
}
.three-e-section .three-e-nav:active {
  transform: translateY(-50%) scale(0.96);
}
.three-e-section .three-e-nav.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.three-e-section .three-e-nav--prev {
  left: calc(var(--bs-gutter-x, 0.75rem) * -1);
}
.three-e-section .three-e-nav--next {
  right: calc(var(--bs-gutter-x, 0.75rem) * -1);
}
@media (min-width: 1400px) {
  .three-e-section .three-e-nav--prev {
    left: -56px;
  }
  .three-e-section .three-e-nav--next {
    right: -56px;
  }
}
@media (max-width: 767px) {
  .three-e-section .container-lg.gallery-container {
    padding: 0;
  }
  .three-e-section .three-e-nav {
    display: none;
  }
}
.three-e-section .three-e-slider-wrap.three-e-nav--locked .three-e-nav {
  display: none;
}

.global-cta-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.global-cta {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  color: #fff;
  isolation: isolate;
  opacity: 0;
  transform: translateY(30px) scale(0.985);
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1), transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
.global-cta.is-revealed {
  opacity: 1;
  transform: none;
}
.global-cta__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 4rem 3.5rem;
}
@media (max-width: 991px) {
  .global-cta__inner {
    padding: 2.25rem 2.5rem;
  }
}
@media (max-width: 767px) {
  .global-cta__inner {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
    padding: 2.25rem 1.5rem;
  }
}
.global-cta__heading {
  flex: 1 1 auto;
  min-width: 0;
}
.global-cta__heading h3 {
  color: #fff;
  font-weight: 800;
  margin: 0;
}
@media (max-width: 767px) {
  .global-cta__heading h3 br {
    display: none;
  }
}
.global-cta__action {
  display: flex;
  flex: 0 0 auto;
}
.global-cta__divider {
  height: 1px;
  background: #d9dde2;
  max-width: 100%;
  margin: 3.5rem auto 0;
}
@media (max-width: 767px) {
  .global-cta__divider {
    margin-top: 2.5rem;
  }
}

#global-outreach .go-wrapper {
  position: relative;
}
#global-outreach .go-wrapper .go-row {
  max-width: 100%;
  justify-self: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 991px) {
  #global-outreach .go-wrapper .go-row {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}
#global-outreach .go-wrapper .go-image-swiper {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.8s cubic-bezier(0.65, 0, 0.35, 1), transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
#global-outreach .go-wrapper .go-pagination {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1) 0.2s, transform 0.7s cubic-bezier(0.65, 0, 0.35, 1) 0.2s;
}
#global-outreach .go-wrapper .go-title,
#global-outreach .go-wrapper .go-desc {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
#global-outreach .go-wrapper .go-title {
  transition-delay: 0.18s;
}
#global-outreach .go-wrapper .go-desc {
  transition-delay: 0.32s;
}
#global-outreach .go-wrapper.is-revealed .go-image-swiper,
#global-outreach .go-wrapper.is-revealed .go-pagination,
#global-outreach .go-wrapper.is-revealed .go-title,
#global-outreach .go-wrapper.is-revealed .go-desc {
  opacity: 1;
  transform: none;
}
#global-outreach .go-wrapper .go-data-area-col {
  min-width: 0;
}
@media (min-width: 640px) {
  #global-outreach .go-wrapper .go-data-area-col {
    flex: 0 0 58.333%;
  }
}
#global-outreach .go-wrapper .go-gallery-area-col {
  min-width: auto;
}
@media (min-width: 640px) {
  #global-outreach .go-wrapper .go-gallery-area-col {
    flex: 1;
  }
}
#global-outreach .go-image-swiper {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.18);
}
#global-outreach .go-image-swiper .swiper-slide {
  opacity: 0.6;
  transition: opacity 0.6s ease;
}
#global-outreach .go-image-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
#global-outreach .go-image-swiper .go-image {
  width: 100%;
  background: #f3f3f3;
}
#global-outreach .go-image-swiper .go-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#global-outreach .go-text-swiper {
  cursor: default;
}
#global-outreach .go-text {
  padding: 0 0 0 2rem;
}
#global-outreach .go-title {
  color: white;
  font-weight: 800;
  margin-bottom: 1rem;
}
#global-outreach .go-desc {
  color: white;
}
@media (max-width: 639.98px) {
  #global-outreach .go-desc p {
    margin-bottom: 0;
  }
}
#global-outreach .go-pagination {
  display: flex;
  gap: 10px;
  margin-top: 1.5rem;
  padding-left: 0.25rem;
}
#global-outreach .go-pagination .swiper-pagination-bullet {
  width: 36px;
  height: 8px;
  border-radius: 999px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.35);
  opacity: 1;
  margin: 0 !important;
  transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1), background-color 0.4s ease, border-color 0.4s ease;
  cursor: pointer;
}
#global-outreach .go-pagination .swiper-pagination-bullet:hover {
  border-color: #0072ef;
}
#global-outreach .go-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 64px;
  background: white;
  border-color: white;
}

@media (max-width: 767px) {
  #global-outreach .go-text-swiper .go-text {
    padding: 0;
    text-align: left;
  }
  #global-outreach .go-pagination {
    justify-content: center;
    margin-top: 1.25rem;
  }
}
#hiring-process .hp-grid {
  align-items: stretch;
}
#hiring-process .hp-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: -moz-min-content;
  height: min-content;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e1e8f0;
  color: #454545;
  overflow: hidden;
  transform: translateY(0);
}
#hiring-process .hp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px -16px rgba(15, 31, 58, 0.18);
}
#hiring-process .hp-card__head {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  width: 100%;
  padding: 1.5rem 1.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  font-family: inherit;
}
#hiring-process .hp-card__heading {
  flex: 1 1 auto;
  min-width: 0;
}
#hiring-process .hp-card__step {
  display: block;
  font-weight: 400;
  opacity: 0.85;
  margin-bottom: 0.4rem;
}
#hiring-process .hp-card__title {
  font-weight: 700;
  margin: 0;
  color: inherit;
}
#hiring-process .hp-card__icon {
  color: white;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: #0072EF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px -4px rgba(15, 31, 58, 0.15);
  transition: background-color 0.3s ease, color 0.3s ease;
}
#hiring-process .hp-card__icon svg,
#hiring-process .hp-card__icon img {
  width: 60%;
  height: 60%;
  display: block;
}
#hiring-process .hp-card__icon svg {
  fill: currentColor;
}
#hiring-process .hp-card__body {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
}
#hiring-process .hp-card__body-inner {
  min-height: 0;
  overflow: hidden;
}
#hiring-process .hp-card__body-content {
  padding: 0 1.75rem 1.5rem;
}
#hiring-process .hp-card__body-content p {
  margin: 0 0 0.85rem;
}
#hiring-process .hp-card__body-content p:last-child {
  margin-bottom: 0;
}
#hiring-process .hp-card__body-content strong {
  color: #0072EF;
  font-weight: 700;
  display: block;
  margin-bottom: 0.25rem;
}
#hiring-process .hp-card__body-content a {
  color: #0072EF;
  text-decoration: underline;
}
#hiring-process .hp-card__body-content ol,
#hiring-process .hp-card__body-content ul {
  padding-left: 1.25rem;
  margin: 0 0 0.85rem;
}
#hiring-process .hp-card:hover {
  background: #0072EF;
  border-color: #0072EF;
  color: #fff;
}
#hiring-process .hp-card:hover .hp-card__icon {
  background-color: white;
  color: #0072EF;
}
#hiring-process .hp-card:hover .hp-card__body-inner strong {
  color: #fff;
}
#hiring-process .hp-card:hover .hp-card__body-inner a {
  color: #fff;
}
#hiring-process .hp-card:hover:hover {
  background: rgb(0, 101.8368200837, 213.5);
}
#hiring-process .hp-card:not(.is-collapsed) .hp-card__body {
  grid-template-rows: 1fr;
}
#hiring-process.hp-transitions-ready .hp-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
#hiring-process.hp-transitions-ready .hp-card .hp-card__body {
  transition: grid-template-rows 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (max-width: 767.98px) {
  #hiring-process .hp-card__head {
    padding: 1.25rem;
  }
  #hiring-process .hp-card__icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }
  #hiring-process .hp-card__body-content {
    padding: 0 1.25rem 1.25rem;
  }
}

#main-banner.core-banner-slider {
  position: relative;
  overflow: hidden;
  background-image: none !important;
  padding: 0;
  --swiper-pagination-bottom: 2rem;
  --swiper-pagination-bullet-inactive-color: #ffffff;
  --swiper-pagination-inactive-bullet-opacity: 0.5;
  --swiper-pagination-color: #FEDD00;
  --swiper-pagination-bullet-border-radius: 3px;
  --swiper-pagination-bullet-horizontal-gap: 5px;
}
#main-banner.core-banner-slider .core-banner-swiper {
  width: 100%;
  height: 100%;
}
#main-banner.core-banner-slider .swiper-wrapper {
  height: 100%;
}
#main-banner.core-banner-slider .swiper-slide {
  height: 100%;
}
#main-banner.core-banner-slider .core-banner-slide {
  width: 100%;
  height: 100%;
  min-height: 80dvh;
  background-size: var(--cbs-bg-size-desktop, cover);
  background-position: var(--cbs-bg-pos-desktop, 0% 70%);
  background-repeat: no-repeat;
}
#main-banner.core-banner-slider .core-banner-slide-row {
  max-width: 100%;
  justify-self: stretch;
}
#main-banner.core-banner-slider .core-banner-slide-desc-col {
  width: -moz-fit-content;
  width: fit-content;
}
#main-banner.core-banner-slider .core-banner-slide-desc-col .figure-caption {
  text-align: end;
}
@media (max-width: 1399px) {
  #main-banner.core-banner-slider .core-banner-slide {
    background-size: var(--cbs-bg-size-tablet, cover);
    background-position: var(--cbs-bg-pos-tablet, 50% 60%);
  }
}
@media (max-width: 767px) {
  #main-banner.core-banner-slider .core-banner-slide-row {
    height: 70dvh;
  }
  #main-banner.core-banner-slider .core-banner-slide .container-lg {
    height: 100%;
    padding-top: 80px;
  }
  #main-banner.core-banner-slider .core-banner-slide-desc-col .figure-caption {
    text-align: start;
  }
}
@media (max-width: 575.98px) {
  #main-banner.core-banner-slider .core-banner-slide {
    background-size: var(--cbs-bg-size-mobile, cover);
    background-position: var(--cbs-bg-pos-mobile, 50% 50%);
  }
}
#main-banner.core-banner-slider .core-banner-desc {
  max-width: 400px;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
#main-banner.core-banner-slider .core-banner-desc p {
  margin: 0 0 0.75rem;
}
#main-banner.core-banner-slider .core-banner-desc p:last-child {
  margin: 0;
}
#main-banner.core-banner-slider .core-banner-pagination {
  z-index: 10;
  text-align: center;
  position: absolute;
  justify-self: center;
  left: 50%;
  translate: -50% 0;
  display: flex;
  justify-content: flex-start;
}
#main-banner.core-banner-slider .core-banner-pagination .swiper-pagination-bullet {
  display: inline-block;
  width: 36px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition: background 0.3s ease, width 0.3s ease;
  cursor: pointer;
  vertical-align: middle;
}
#main-banner.core-banner-slider .core-banner-pagination .swiper-pagination-bullet:hover {
  background: rgba(255, 255, 255, 0.75);
}
#main-banner.core-banner-slider .core-banner-pagination .swiper-pagination-bullet-active {
  background: white;
  width: 64px;
}
@media (max-width: 767px) {
  #main-banner.core-banner-slider {
    --swiper-pagination-bottom: 6rem;
  }
}

.core-banner-scroll-cta {
  display: none;
}
@media (max-width: 767px) {
  .core-banner-scroll-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    padding: 0.25rem 0.75rem;
    white-space: nowrap;
  }
  .core-banner-scroll-cta__label {
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 500;
  }
  .core-banner-scroll-cta__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: cta-bob 1.6s ease-in-out infinite;
  }
  .core-banner-scroll-cta:hover {
    color: #fff;
  }
}

@keyframes cta-bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}
/*# sourceMappingURL=style.css.map */