*,
*::before,
*::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  display: block;
}

.slick-slider .slick-arrow.slick-next {
  right: 0;
  z-index: 999;
}
.slick-slider .slick-arrow.slick-prev {
  left: 0;
  z-index: 999;
}

.mb-banner-overlap {
  display: block;
  background: #be1111;
  height: 207px;
  position: relative;
}
.mb-banner-overlap .banner-image {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 195px;
  height: 28px;
}
.mb-banner-overlap .banner-details {
  position: absolute;
  bottom: 25px;
  max-width: 200px;
  left: 50%;
  transform: translateX(-50%);
  display: contents;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mb-banner-overlap .banner-details ol.bredcrumbs {
  display: flex;
  list-style: none;
  padding: 0;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25vw;
  letter-spacing: 0.1875vw;
  text-transform: uppercase;
}
.mb-banner-overlap .banner-tag {
  background: #be1111;
  position: absolute;
  width: 325px;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translateX(-50%);
  top: -70px;
  padding-top: 30px;
}
.mb-banner-overlap .banner-tag .banner-title {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}
.mb-banner-overlap .banner-tag .banner-title .bredcrumbs {
  display: flex;
  list-style: none;
  padding: 0;
}
.mb-banner-overlap .banner-tag .banner-title .bredcrumbs li:not(:last-child)::after {
  content: "|";
  margin: 0 10px;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.mb-banner-overlap .banner-tag .banner-title .bredcrumbs li a {
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  text-decoration: none;
}
.mb-banner-overlap .banner-tag .banner-title .bredcrumbs li a:hover {
  color: #ffc107;
}
.mb-banner-overlap .banner-tag .banner-title .bredcrumbs li a span {
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.mb-banner-overlap .banner-tag .banner-title .bredcrumbs li a span:hover {
  color: #ffc107;
}
.mb-banner-overlap .page-name {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 20px;
}
.mb-banner-overlap .banner-para {
  color: #fff;
  text-align: center;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  padding-left: 25px;
  padding-right: 25px;
}
.mb-banner-overlap .underline {
  text-decoration: none;
}

@media only screen and (min-width: 1200px) {
  .hide-image {
    display: none;
  }
  /* When video is enabled, ensure it is displayed */
  /* When video is disabled, ensure the image is displayed */
  .image-enable img {
    display: block;
  }
  /* Ensure video is hidden when not enabled */
  .image-enable video {
    display: none;
  }
  .link {
    text-decoration: none;
  }
  .image-wrapper {
    border-radius: 2.6041666667vw;
    padding-bottom: 0vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
    height: 100%;
  }
  .countdown-icon-bg {
    width: 6.25vw;
    height: 6.25vw;
  }
  .underline {
    text-decoration: none;
  }
}
.link {
  text-decoration: none;
}

.fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.fade-up-active {
  opacity: 1;
  transform: translateY(0);
}

/* Hide scrollbar arrows in WebKit browsers */
::-webkit-scrollbar-button {
  display: none;
}

/* Optional: Customize scrollbar width or background */
::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f1f1;
}

/* Optional: Customize scrollbar track */
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* Optional: Customize scrollbar handle */
::-webkit-scrollbar-thumb {
  background-color: #888;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

@keyframes scaleDown {
  from {
    transform: scale(1.5);
  }
  to {
    transform: scale(1);
  }
}
.slick-dots li:nth-child(n+5) {
  display: none;
}

html {
  scroll-behavior: smooth;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.underline {
  text-decoration: none;
}

.pg-technology .cmp-section--cmp-cards-with-popup .cmp-cards-with-popup,
.pg-safety .cmp-section--cmp-cards-with-popup .cmp-cards-with-popup,
.pg-compliance .cmp-section--cmp-cards-with-popup .cmp-cards-with-popup {
  padding-bottom: 60px;
}
@media only screen and (min-width: 1200px) {
  .pg-technology .cmp-section--cmp-cards-with-popup .cmp-cards-with-popup,
  .pg-safety .cmp-section--cmp-cards-with-popup .cmp-cards-with-popup,
  .pg-compliance .cmp-section--cmp-cards-with-popup .cmp-cards-with-popup {
    padding-bottom: 3.125vw;
  }
}

.pg-sustainability .main-banner .video-enable video {
  object-position: bottom !important;
}

.wpcf7-response-output {
  color: white !important;
}

/* ==========================================================================
   Page loader
   A small lorry travelling forward: the road markings run backwards beneath a
   silhouette that only bobs on its suspension, which costs one short animation
   instead of moving the vehicle itself. Inline SVG, so no extra request.

   Markup sits at the top of header.php just after wp_body_open(), driven by
   the inline script there: .is-hidden fades it out on window load (or after a
   6s safety timeout) and html.is-loading holds the scroll meanwhile. It lives
   in common.scss because style.css is the only stylesheet every template
   loads.
   ========================================================================== */
.site-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.45s ease, visibility 0s linear 0s;
}
.site-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* visibility is delayed by the length of the fade, so the overlay is not
     pulled out of the paint on the first frame. */
  transition: opacity 0.45s ease, visibility 0s linear 0.45s;
}
.site-loader__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Tight: the lorry carries its own ground shadow, so a wide gap would
     leave it floating above the road rather than sitting on it. */
  gap: 6px;
}
.site-loader {
  /* Positioning context for the gusts, sized to the lorry so they can be
     pinned relative to it rather than to the overlay. */
}
.site-loader__stage {
  position: relative;
  width: 92px;
}
.site-loader {
  /* Sits in the gutter to the left of the lorry - right: 100% puts it entirely
     behind the vehicle, which is where a slipstream belongs. */
}
.site-loader__gusts {
  position: absolute;
  top: 14%;
  bottom: 32%;
  right: 100%;
  width: 54px;
  margin-right: 5px;
  pointer-events: none;
}
.site-loader__gusts span {
  position: absolute;
  right: 0;
  height: 2px;
  border-radius: 2px;
  background: rgba(35, 31, 32, 0.32);
  animation: site-loader-gust 0.9s linear infinite;
}
.site-loader__gusts {
  /* Different lengths, heights and delays: three identical streaks pulsing
     together read as a blinking pattern, not as moving air. */
}
.site-loader__gusts span:nth-child(1) {
  top: 8%;
  width: 30px;
}
.site-loader__gusts span:nth-child(2) {
  top: 46%;
  width: 19px;
  animation-delay: 0.3s;
}
.site-loader__gusts span:nth-child(3) {
  top: 80%;
  width: 37px;
  animation-delay: 0.55s;
}
.site-loader__lorry {
  display: block;
  width: 100%;
  height: auto;
  /* Suspension bob only, barely over a pixel. Anything larger reads as
     hitting a bump rather than as travelling. */
  animation: site-loader-bob 0.46s ease-in-out infinite alternate;
}
.site-loader {
  /* Asphalt band with a painted centre line, rather than the bare hairline of
     dashes this replaced - the surface gives the markings something to sit on.
     Wider than the lorry so the road arrives before it and carries on past. */
}
.site-loader__road {
  position: relative;
  overflow: hidden;
  width: 168px;
  height: 5px;
  border-radius: 1px;
  background: rgba(35, 31, 32, 0.16);
  /* Faded at both ends instead of stopping dead, so the road reads as a
     stretch of a longer one - the mask does the tapering, the 1px radius
     above only softens the asphalt edge. */
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18%, #000 82%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 18%, #000 82%, transparent 100%);
  /* Centre line, painted white on the asphalt and running backwards under
     the lorry - moving the ground rather than the vehicle is what sells
     travel and keeps the lorry centred. */
}
.site-loader__road::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1.6px;
  margin-top: -0.8px;
  /* One dash period wider than the road, so the reset is never visible. */
  width: calc(100% + 30px);
  background-image: repeating-linear-gradient(to right, #fff 0 12px, transparent 12px 30px);
  animation: site-loader-tarmac 0.38s linear infinite;
}

/* Without this the document scrolls behind the overlay while it is up. */
html.is-loading,
html.is-loading body {
  overflow: hidden;
}

@keyframes site-loader-bob {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-1.2px);
  }
}
/* Shifts by exactly one dash period (12px mark + 18px gap) so the markings
   line back up on every cycle. Negative, so the road runs backwards under a
   lorry facing right. */
@keyframes site-loader-tarmac {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-30px);
  }
}
/* Each streak starts just off the cab, stretches away and fades out. Fading at
   both ends is what keeps it reading as air rather than as a solid dash. */
@keyframes site-loader-gust {
  0% {
    transform: translateX(14px);
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: translateX(-34px);
    opacity: 0;
  }
}
/* Motion-sensitive visitors keep the overlay and its fade-out. A parked lorry
   on a marked road still reads correctly, so nothing needs substituting. */
@media (prefers-reduced-motion: reduce) {
  .site-loader__lorry,
  .site-loader__road::after,
  .site-loader__gusts span {
    animation: none;
  }
  /* Streaks only exist as motion, so with the animation off they would sit
     frozen mid-air. Hidden outright instead. */
  .site-loader__gusts {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .site-loader__inner {
    gap: 0.4166666667vw;
  }
  .site-loader__stage {
    width: 6.4583333333vw;
  }
  .site-loader__gusts {
    width: 3.75vw;
    margin-right: 0.3645833333vw;
  }
  .site-loader__gusts span:nth-child(1) {
    width: 2.0833333333vw;
  }
  .site-loader__gusts span:nth-child(2) {
    width: 1.3541666667vw;
  }
  .site-loader__gusts span:nth-child(3) {
    width: 2.6041666667vw;
  }
  .site-loader__road {
    width: 11.7708333333vw;
    height: 0.3645833333vw;
  }
}
/* ==========================================================================
   Editor content pages
   The fallback page.php renders when a page has no ACF components, plus the
   Privacy Policy / Terms templates. Nothing styled .page-content before, so
   this content arrived at browser defaults - Times, no spacing, full-bleed
   measure. Legal copy is long, so the measure is capped for readability.
   ========================================================================== */
.page-content {
  padding: 40px 0 70px;
}
.page-content .section-wrapper {
  width: 83%;
  margin-left: auto;
  margin-right: auto;
}
.page-content__title {
  color: #BE1111;
  font-family: "Poppins", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -1.6px;
  text-transform: capitalize;
  margin: 0 0 24px;
}
.page-content__body,
.page-content .pp-page-content-wrap {
  /* ~70 characters a line. Long legal copy set the full width of the page is
     hard to track back from one line to the next. */
  max-width: 760px;
  color: #231F20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.28px;
  /* The editor emits a flat run of headings, paragraphs and lists, so these
     are styled by element rather than by class. */
}
.page-content__body h1,
.page-content__body h2,
.page-content__body h3,
.page-content__body h4,
.page-content__body h5,
.page-content__body h6,
.page-content .pp-page-content-wrap h1,
.page-content .pp-page-content-wrap h2,
.page-content .pp-page-content-wrap h3,
.page-content .pp-page-content-wrap h4,
.page-content .pp-page-content-wrap h5,
.page-content .pp-page-content-wrap h6 {
  color: #1B1B1B;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: -0.4px;
  /* Tighter below than above, so a heading groups with the text it
     introduces instead of floating between blocks. */
  margin: 34px 0 10px;
}
.page-content__body h1:first-child,
.page-content__body h2:first-child,
.page-content__body h3:first-child,
.page-content__body h4:first-child,
.page-content__body h5:first-child,
.page-content__body h6:first-child,
.page-content .pp-page-content-wrap h1:first-child,
.page-content .pp-page-content-wrap h2:first-child,
.page-content .pp-page-content-wrap h3:first-child,
.page-content .pp-page-content-wrap h4:first-child,
.page-content .pp-page-content-wrap h5:first-child,
.page-content .pp-page-content-wrap h6:first-child {
  margin-top: 0;
}
.page-content__body h1,
.page-content__body h2,
.page-content .pp-page-content-wrap h1,
.page-content .pp-page-content-wrap h2 {
  font-size: 22px;
  line-height: 30px;
}
.page-content__body h3,
.page-content__body h4,
.page-content .pp-page-content-wrap h3,
.page-content .pp-page-content-wrap h4 {
  font-size: 18px;
  line-height: 26px;
}
.page-content__body h5,
.page-content__body h6,
.page-content .pp-page-content-wrap h5,
.page-content .pp-page-content-wrap h6 {
  font-size: 15px;
  line-height: 24px;
}
.page-content__body ul,
.page-content__body ol,
.page-content .pp-page-content-wrap ul,
.page-content .pp-page-content-wrap ol {
  margin: 0 0 16px;
  padding-left: 22px;
}
.page-content__body li,
.page-content .pp-page-content-wrap li {
  margin-bottom: 8px;
}
.page-content__body,
.page-content .pp-page-content-wrap {
  /* Nested lists carry their own bottom margin already. */
}
.page-content__body li > ul,
.page-content__body li > ol,
.page-content .pp-page-content-wrap li > ul,
.page-content .pp-page-content-wrap li > ol {
  margin: 8px 0 0;
}
.page-content__body strong,
.page-content__body b,
.page-content .pp-page-content-wrap strong,
.page-content .pp-page-content-wrap b {
  color: #1B1B1B;
  font-weight: 600;
}
.page-content__body a,
.page-content .pp-page-content-wrap a {
  color: inherit;
  text-decoration: none;
  -webkit-text-fill-color: currentColor;
  /* Long addresses and URLs in legal text would otherwise push the page
     sideways on a phone. */
  overflow-wrap: break-word;
  transition: color 0.25s ease;
}
.page-content__body a:hover, .page-content__body a:focus-visible,
.page-content .pp-page-content-wrap a:hover,
.page-content .pp-page-content-wrap a:focus-visible {
  color: #E11837;
}
.page-content__body table,
.page-content .pp-page-content-wrap table {
  width: 100%;
  margin: 0 0 16px;
  border-collapse: collapse;
}
.page-content__body table th,
.page-content__body table td,
.page-content .pp-page-content-wrap table th,
.page-content .pp-page-content-wrap table td {
  padding: 10px 12px;
  border: 1px solid rgba(35, 35, 36, 0.2);
  text-align: left;
  vertical-align: top;
}
.page-content__body table th,
.page-content .pp-page-content-wrap table th {
  color: #1B1B1B;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
.page-content__body img,
.page-content .pp-page-content-wrap img {
  max-width: 100%;
  height: auto;
}
.page-content__body > *:last-child,
.page-content .pp-page-content-wrap > *:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
  .page-content {
    padding: 3.6458333333vw 0 7.2916666667vw;
  }
  .page-content__title {
    font-size: 2.5vw;
    line-height: 3.0208333333vw;
    letter-spacing: -0.125vw;
    margin-bottom: 1.7708333333vw;
  }
  .page-content__body,
  .page-content .pp-page-content-wrap {
    max-width: 46.875vw;
    font-size: 0.9375vw;
    line-height: 1.6666666667vw;
    letter-spacing: -0.01875vw;
  }
  .page-content__body h1,
  .page-content__body h2,
  .page-content .pp-page-content-wrap h1,
  .page-content .pp-page-content-wrap h2 {
    font-size: 1.5625vw;
    line-height: 2.0833333333vw;
  }
  .page-content__body h3,
  .page-content__body h4,
  .page-content .pp-page-content-wrap h3,
  .page-content .pp-page-content-wrap h4 {
    font-size: 1.25vw;
    line-height: 1.7708333333vw;
  }
  .page-content__body h5,
  .page-content__body h6,
  .page-content .pp-page-content-wrap h5,
  .page-content .pp-page-content-wrap h6 {
    font-size: 1.0416666667vw;
    line-height: 1.5625vw;
  }
  .page-content__body h1,
  .page-content__body h2,
  .page-content__body h3,
  .page-content__body h4,
  .page-content__body h5,
  .page-content__body h6,
  .page-content .pp-page-content-wrap h1,
  .page-content .pp-page-content-wrap h2,
  .page-content .pp-page-content-wrap h3,
  .page-content .pp-page-content-wrap h4,
  .page-content .pp-page-content-wrap h5,
  .page-content .pp-page-content-wrap h6 {
    margin: 2.5vw 0 0.7291666667vw;
  }
  .page-content__body h1:first-child,
  .page-content__body h2:first-child,
  .page-content__body h3:first-child,
  .page-content__body h4:first-child,
  .page-content__body h5:first-child,
  .page-content__body h6:first-child,
  .page-content .pp-page-content-wrap h1:first-child,
  .page-content .pp-page-content-wrap h2:first-child,
  .page-content .pp-page-content-wrap h3:first-child,
  .page-content .pp-page-content-wrap h4:first-child,
  .page-content .pp-page-content-wrap h5:first-child,
  .page-content .pp-page-content-wrap h6:first-child {
    margin-top: 0;
  }
  .page-content__body ul,
  .page-content__body ol,
  .page-content .pp-page-content-wrap ul,
  .page-content .pp-page-content-wrap ol {
    padding-left: 1.4583333333vw;
  }
  .page-content__body li,
  .page-content .pp-page-content-wrap li {
    margin-bottom: 0.5208333333vw;
  }
}
.pg-privacy-policy .navbar-conatiner {
  display: flex;
  width: 100%;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}
.pg-privacy-policy .pp-page {
  padding-top: 10px !important;
  padding-bottom: 70px !important;
}
@media only screen and (min-width: 1200px) {
  .pg-privacy-policy .navbar-conatiner {
    display: flex;
    width: 100%;
    box-shadow: 0 0.1041666667vw 0.625vw rgba(0, 0, 0, 0.08) !important;
  }
  .pg-privacy-policy .pp-page {
    padding-top: 2.0833333333vw !important;
    padding-bottom: 7.2916666667vw !important;
    width: 51% !important;
  }
}

/* The footer / overlap-card CTA heading is one <h2> whose second line is a
   <span class="section-title-two">. It used to be an <h4>, which skipped a
   heading level; as a span it needs telling to take its own line. Single-class
   so the nested rules that set its type keep winning. */
.section-title-two {
  display: block;
}

.comp-welcome-section .section-inner {
  padding: 0 20px;
  margin-bottom: 60px;
}
.comp-welcome-section .section-inner .welcome-section-title-one {
  color: #BE1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-top: 0px;
}
.comp-welcome-section .section-inner .welcome-section-title-two {
  color: #1B1B1B;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  text-align: center;
  padding-top: 0;
}
.comp-welcome-section .section-inner .welcome-section-para {
  color: #231F20;
  text-align: center;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  padding-right: 20px;
  padding-left: 20px;
}

@media only screen and (min-width: 1200px) {
  .cmp-section.cmp-section--cmp-welcome-section {
    margin-top: 0 !important;
  }
  .comp-welcome-section .section-inner {
    padding: 0 12.5vw;
    margin-bottom: 5.2083333333vw;
  }
  .comp-welcome-section .section-inner .welcome-section-title-one {
    color: #BE1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
    text-transform: capitalize;
    padding-top: 6.7708333333vw;
  }
  .comp-welcome-section .section-inner .welcome-section-title-two {
    color: #1B1B1B;
    font-family: "Poppins", sans-serif;
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 1.5625vw;
  }
  .comp-welcome-section .section-inner .welcome-section-para {
    color: #231F20;
    text-align: center;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    padding-right: 5.2083333333vw;
    padding-left: 5.2083333333vw;
  }
}
.comp-img-content-section .section-inner {
  padding: 0;
  margin-bottom: 60px;
  flex-direction: column-reverse;
  display: flex;
}
.comp-img-content-section .section-inner .img-wrap {
  width: 100%;
  height: 698px;
  position: relative;
  margin-top: 60px;
}
.comp-img-content-section .section-inner .img-wrap img {
  height: 698px;
}
.comp-img-content-section .section-inner .img-wrap .cover-box {
  position: absolute;
  top: 0;
  padding-left: 25px;
  padding-right: 25px;
  background: #232324;
}
.comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img {
  padding-bottom: 50px;
  padding-top: 60px;
  justify-content: center;
  display: flex;
}
.comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .diamond {
  width: 50px;
  height: 50px;
}
.comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .section-title {
  color: #BE1111;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .section-title--highlight {
  color: #FFF;
}
.comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .section-title {
  color: #BE1111;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .section-title--highlight {
  color: #FFF;
}
.comp-img-content-section .section-inner .img-wrap .cover-box .sub-title {
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 30px;
  text-align: center;
}
.comp-img-content-section .section-inner .img-wrap .cover-box .para {
  color: #FFF;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  padding-bottom: 50px;
  text-align: center;
}
.comp-img-content-section .section-inner .content-wrap {
  width: 100%;
  padding-left: 0vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comp-img-content-section .section-inner .content-wrap .our-image {
  width: 78px;
  height: 78px;
}
.comp-img-content-section .section-inner .content-wrap .section-title {
  color: #BE1111;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-section .section-inner .content-wrap .section-title--highlight {
  color: #1B1B1B;
}
.comp-img-content-section .section-inner .content-wrap .section-para {
  color: #1B1B1B;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (min-width: 1200px) {
  .comp-img-content-section {
    margin-bottom: 7.2916666667vw;
  }
  .comp-img-content-section .section-inner {
    padding-left: 0vw;
    padding-top: 7.2916666667vw;
    margin-bottom: 0vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
    width: 83%;
    margin-right: auto;
    margin-left: auto;
  }
  .comp-img-content-section .section-inner .img-wrap {
    width: 50.7291666667vw;
    height: 40.3125vw;
    position: relative;
  }
  .comp-img-content-section .section-inner .img-wrap img {
    height: 40.3125vw;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box {
    position: absolute;
    top: 0;
    padding-right: 2.0833333333vw;
    padding-left: 4.0625vw;
    border-radius: 2.6041666667vw;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img {
    padding-bottom: 2.0833333333vw;
    justify-content: left;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .diamond {
    width: 3.125vw;
    height: 3.125vw;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 3.3854166667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .section-title--highlight {
    color: #FFF;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .sub-title {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 1.1458333333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4583333333vw;
    padding-bottom: 0.5208333333vw;
    text-align: left;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .para {
    color: #FFF;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    text-align: left;
  }
  .comp-img-content-section .section-inner .content-wrap {
    width: calc(100% - 50.7291666667vw);
    padding-left: 0vw;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .comp-img-content-section .section-inner .content-wrap .our-image {
    width: 116px;
    height: 116px;
  }
  .comp-img-content-section .section-inner .content-wrap .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 3.3854166667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-inner .content-wrap .section-title--highlight {
    color: #1B1B1B;
  }
  .comp-img-content-section .section-inner .content-wrap .section-para {
    color: #1B1B1B;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    max-width: 25.3125vw;
    padding-top: 3.125vw;
    text-align: start;
    padding-left: 0vw;
    padding-right: 0vw;
  }
  .comp-img-content-section.text-first .section-inner {
    flex-direction: row-reverse;
  }
  .comp-img-content-section.text-first .section-inner .content-wrap {
    padding-right: 3.6458333333vw;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .comp-img-content-section {
    margin-bottom: 0vw;
  }
  .comp-img-content-section .section-inner {
    padding-left: 0vw;
    padding-top: 7.2916666667vw;
    margin-bottom: 0vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
    width: 83%;
    margin-right: auto;
    margin-left: auto;
  }
  .comp-img-content-section .section-inner .img-wrap {
    width: 50.7291666667vw;
    height: 40.3125vw;
    position: relative;
    margin-top: 0vw;
  }
  .comp-img-content-section .section-inner .img-wrap img {
    height: 40.3125vw;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box {
    position: absolute;
    top: 0;
    padding-right: 2.0833333333vw;
    padding-left: 4.0625vw;
    border-radius: 2.6041666667vw;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img {
    padding-bottom: 2.0833333333vw;
    justify-content: left;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .diamond {
    width: 3.125vw;
    height: 3.125vw;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.125vw;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .diamond-img .section-title--highlight {
    color: #FFF;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .sub-title {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 1.1458333333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4583333333vw;
    padding-bottom: 0.5208333333vw;
    text-align: left;
  }
  .comp-img-content-section .section-inner .img-wrap .cover-box .para {
    color: #FFF;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    text-align: left;
  }
  .comp-img-content-section .section-inner .content-wrap {
    width: calc(100% - 50.7291666667vw);
    padding-left: 0vw;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .comp-img-content-section .section-inner .content-wrap .our-image {
    width: 116px;
    height: 116px;
  }
  .comp-img-content-section .section-inner .content-wrap .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 3.3854166667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-inner .content-wrap .section-title--highlight {
    color: #1B1B1B;
  }
  .comp-img-content-section .section-inner .content-wrap .section-para {
    color: #1B1B1B;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    max-width: 25.3125vw;
    padding-top: 3.125vw;
    text-align: start;
    padding-left: 0vw;
    padding-right: 0vw;
  }
  .comp-img-content-section.text-first .section-inner {
    flex-direction: row-reverse;
  }
  .comp-img-content-section.text-first .section-inner .content-wrap {
    padding-right: 3.6458333333vw;
    padding-left: 0;
  }
}
.section-wrapper {
  width: 83%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
}
.section-wrapper .image-wrapper {
  border-radius: 25px;
  height: 300px;
  object-fit: cover;
}
.section-wrapper .transportation-mb {
  display: block;
}
.section-wrapper .transportation-mb .section-title {
  color: #BE1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
}
.section-wrapper .transportation-mb .section-title--highlight {
  color: #1B1B1B;
}
.section-wrapper .transportation-section {
  display: block;
}
.section-wrapper .transportation-section .section-details {
  display: block;
}
.section-wrapper .transportation-section .section-details .transportation-desktop {
  display: none;
}
.section-wrapper .transportation-section .section-details .transportation-desktop .section-title {
  color: #BE1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
}
.section-wrapper .transportation-section .section-details .transportation-desktop .section-title--highlight {
  color: #1B1B1B;
}
.section-wrapper .transportation-section .section-details .wrapper-with-image {
  flex-direction: column-reverse;
  display: flex;
  text-align: center;
}
.section-wrapper .transportation-section .section-details .wrapper-with-image .transportation-details-mb {
  display: block;
}
.section-wrapper .transportation-section .section-details .wrapper-with-image .image-wrapper {
  margin-top: 20px;
  border-radius: 25px;
  height: 300px;
  object-fit: cover;
}
.section-wrapper .transportation-section .section-details .wrapper-with-image .section-para {
  color: #231F20;
  text-align: center;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  padding-top: 50px;
  padding-bottom: 0;
}
.section-wrapper .transportation-section .section-details .wrapper-with-image .success-btn {
  border-radius: 30px;
  background: #E11837;
  box-shadow: 0px 5px 20px 0px rgba(237, 28, 36, 0.5);
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  border: none;
  width: 149px;
  height: 46px;
}

@media only screen and (min-width: 1200px) {
  .section-wrapper {
    width: 83%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 7.2916666667vw;
  }
  .section-wrapper .image-wrapper {
    border-radius: 2.6041666667vw;
  }
  .section-wrapper .transportation-mb {
    display: none;
  }
  .section-wrapper .transportation-mb .section-title {
    color: #BE1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 2.0833333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.6041666667vw;
    letter-spacing: -2px;
    text-transform: capitalize;
  }
  .section-wrapper .transportation-mb .section-title--highlight {
    color: #1B1B1B;
  }
  .section-wrapper .transportation-section {
    display: flex;
    width: 100%;
  }
  .section-wrapper .transportation-section .transportation-img {
    width: 70%;
  }
  .section-wrapper .transportation-section .transportation-img .image-wrapper {
    width: 100%;
  }
  .section-wrapper .transportation-section .section-details {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop {
    display: block;
    width: 56%;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .section-title {
    color: #BE1111;
    text-align: start;
    font-family: "Poppins", sans-serif;
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
    text-transform: capitalize;
    padding-left: 3.125vw;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .section-title--highlight {
    color: #1B1B1B;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .transportation-details-desktop .section-para {
    color: #231F20;
    text-align: start;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    padding-left: 3.125vw;
    margin: 0vw;
    width: 100%;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .transportation-details-desktop .success-btn {
    position: relative;
    border-radius: 1.5625vw;
    background: #E11837;
    box-shadow: 0vw 0.2604166667vw 1.0416666667vw 0vw rgba(237, 28, 36, 0.5);
    color: #fff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4583333333vw;
    border: none;
    width: 10.5208333333vw;
    height: 2.8125vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.0416666667vw;
    margin-left: 3.125vw;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .transportation-details-desktop .success-btn::before {
    content: "";
    background-image: url("../images/button-icon.png");
    position: absolute;
    top: 50%;
    right: 0.5208333333vw;
    transform: translateY(-50%);
    width: 2.2916666667vw;
    height: 2.2916666667vw;
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 1.0416666667vw;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image {
    flex-direction: row;
    display: flex;
    text-align: center;
    width: 38%;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .transportation-details-mb {
    display: none;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .image-wrapper {
    margin-top: 0vw;
    border-radius: 2.6041666667vw;
    object-fit: cover;
    height: 100%;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .section-para {
    color: #231F20;
    text-align: center;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.6770833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1979166667vw;
    letter-spacing: -0.0135416667vw;
    padding-bottom: 0vw;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .success-btn {
    position: relative;
    border-radius: 1.5625vw;
    background: #E11837;
    box-shadow: 0vw 0.2604166667vw 1.0416666667vw 0vw rgba(237, 28, 36, 0.5);
    color: #fff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4583333333vw;
    border: none;
    width: 9.375vw;
    height: 2.8125vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .success-btn::before {
    content: "";
    background-image: url("../images/button-icon.png");
    position: absolute;
    top: 50%;
    left: 0.5208333333vw;
    transform: translateY(-50%);
    width: 1.25vw;
    height: 1.25vw;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 1200px) {
  .section-wrapper {
    width: 83%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 7.2916666667vw;
  }
  .section-wrapper .image-wrapper {
    border-radius: 2.6041666667vw;
  }
  .section-wrapper .transportation-mb {
    display: none;
  }
  .section-wrapper .transportation-mb .section-title {
    color: #BE1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 2.0833333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.6041666667vw;
    letter-spacing: -2px;
    text-transform: capitalize;
  }
  .section-wrapper .transportation-mb .section-title--highlight {
    color: #1B1B1B;
  }
  .section-wrapper .transportation-section {
    display: flex;
    width: 100%;
    height: 33.8541666667vw;
  }
  .section-wrapper .transportation-section .transportation-img {
    width: 70%;
    height: 33.8541666667vw;
  }
  .section-wrapper .transportation-section .transportation-img picture {
    width: 100%;
    height: 33.8541666667vw;
    display: block;
  }
  .section-wrapper .transportation-section .transportation-img .image-wrapper {
    width: 100%;
    height: 33.8541666667vw;
    margin-bottom: 0vw;
  }
  .section-wrapper .transportation-section .section-details {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop {
    display: block;
    width: 56%;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .section-title {
    color: #BE1111;
    text-align: start;
    font-family: "Poppins", sans-serif;
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
    text-transform: capitalize;
    padding-left: 3.125vw;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .section-title--highlight {
    color: #1B1B1B;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .transportation-details-desktop .section-para {
    color: #231F20;
    text-align: start;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    padding-left: 3.125vw;
    margin: 0vw;
    width: 100%;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .transportation-details-desktop .success-btn {
    position: relative;
    border-radius: 1.5625vw;
    background: #E11837;
    box-shadow: 0vw 0.2604166667vw 1.0416666667vw 0vw rgba(237, 28, 36, 0.5);
    color: #fff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4583333333vw;
    border: none;
    width: 10.5208333333vw;
    height: 2.8125vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.0416666667vw;
    margin-left: 3.125vw;
  }
  .section-wrapper .transportation-section .section-details .transportation-desktop .transportation-details-desktop .success-btn::before {
    content: "";
    background-image: url("../images/button-icon.png");
    position: absolute;
    top: 50%;
    right: 0.5208333333vw;
    transform: translateY(-50%);
    width: 2.2916666667vw;
    height: 2.2916666667vw;
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 1.0416666667vw;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image {
    flex-direction: row;
    display: flex;
    text-align: center;
    width: 38%;
    height: 100%;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .transportation-details-mb {
    display: none;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .image-wrapper {
    margin-top: 0vw;
    border-radius: 2.6041666667vw;
    object-fit: cover;
    height: 100%;
    width: 100%;
    margin-bottom: 0vw;
    margin-left: 0;
    margin-right: 0;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .section-para {
    color: #231F20;
    text-align: center;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.6770833333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1979166667vw;
    letter-spacing: -0.0135416667vw;
    padding-bottom: 0vw;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .success-btn {
    position: relative;
    border-radius: 1.5625vw;
    background: #E11837;
    box-shadow: 0vw 0.2604166667vw 1.0416666667vw 0vw rgba(237, 28, 36, 0.5);
    color: #fff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4583333333vw;
    border: none;
    width: 9.375vw;
    height: 2.8125vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section-wrapper .transportation-section .section-details .wrapper-with-image .success-btn::before {
    content: "";
    background-image: url("../images/button-icon.png");
    position: absolute;
    top: 50%;
    left: 0.5208333333vw;
    transform: translateY(-50%);
    width: 1.25vw;
    height: 1.25vw;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.footer-overlap {
  position: relative;
  width: 90%;
  height: 500px;
  border-radius: 50px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -148px;
  z-index: 1;
  margin-top: -154px;
}
.footer-overlap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 25px;
  background: linear-gradient(4deg, rgb(225, 24, 55) 60%, rgba(225, 24, 55, 0.056460084) 100%);
  z-index: 1;
}

.over-image {
  position: relative;
  right: 0;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  height: 200px;
  object-fit: cover;
  background: linear-gradient(2deg, rgb(225, 24, 55) 60%, rgba(225, 24, 55, 0.056460084) 100%);
  width: 100%;
}

.overlap-text-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -13%);
  width: 100%;
  z-index: 1;
}
.overlap-text-wrapper .section-title-one {
  color: #fff;
  text-align: center;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -1.9px;
}
.overlap-text-wrapper .section-title-two {
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -1px;
  text-align: center;
  padding-bottom: 20px;
}
.overlap-text-wrapper .contact-detils {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: center;
}
.overlap-text-wrapper .contact-detils .section-para {
  position: relative;
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  text-align: center;
  margin: 0;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 20px;
  width: 100%;
}
.overlap-text-wrapper .contact-detils .success-btn {
  background: #fff;
  color: #1b1b1b;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  width: 152px;
  height: 46px;
  border: none;
  border-radius: 30px;
  position: relative;
  text-align: left;
  padding-left: 20px;
}
.overlap-text-wrapper .contact-detils .success-btn::before {
  content: "";
  position: absolute;
  background-image: url("../images/btn-contact.png");
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
}
.overlap-text-wrapper .contact-detils .success-btn:hover {
  background-color: #e9ecef !important;
}

@media only screen and (min-width: 768px) {
  .footer-overlap .over-image {
    width: 100%;
  }
}
@media only screen and (min-width: 990px) {
  .footer-overlap .over-image {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .section-wrapper-ft-top {
    margin-bottom: -7.8125vw;
  }
  .footer-overlap {
    position: relative;
    width: 72.9166666667vw;
    height: 15.625vw;
    border-radius: 2.6041666667vw 2.6041666667vw 2.6041666667vw 2.6041666667vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
    margin-top: -2.6041666667vw;
  }
  .footer-overlap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.6041666667vw;
    background: linear-gradient(90deg, rgb(225, 24, 55) 56%, rgba(225, 24, 55, 0.056460084) 100%);
    z-index: 1;
  }
  .footer-overlap .over-image {
    position: absolute;
    right: 0;
    border-bottom-right-radius: 2.6041666667vw;
    border-top-right-radius: 2.6041666667vw;
    height: 15.625vw;
    object-fit: contain;
    width: 36.5104166667vw;
  }
  .footer-overlap .overlap-text-wrapper {
    position: absolute;
    top: 50%;
    left: 22.9166666667vw;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: unset;
  }
  .footer-overlap .overlap-text-wrapper .section-title-one {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.0833333333vw;
    letter-spacing: -0.125vw;
    text-transform: capitalize;
    text-align: left;
  }
  .footer-overlap .overlap-text-wrapper .section-title-two {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.0833333333vw;
    letter-spacing: -0.125vw;
    text-transform: capitalize;
    text-align: left;
  }
  .footer-overlap .overlap-text-wrapper .contact-detils {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 38.0208333333vw;
  }
  .footer-overlap .overlap-text-wrapper .section-para {
    position: relative;
    color: #FFF;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    text-align: left;
    margin: 0;
    padding: 1.0416666667vw 0vw 0vw 0vw;
    max-width: 23.0729166667vw;
  }
  .footer-overlap .overlap-text-wrapper .success-btn {
    background: #fff;
    color: #1B1B1B;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4583333333vw;
    width: 9.6354166667vw;
    height: 2.8125vw;
    border: none;
    border-radius: 1.5625vw;
    position: relative;
    text-align: left;
    padding: 0vw 1.3020833333vw;
  }
  .footer-overlap .overlap-text-wrapper .success-btn::before {
    content: "";
    position: absolute;
    background-image: url("../images/btn-contact.png");
    top: 50%;
    right: 0.2604166667vw;
    transform: translateY(-50%);
    width: 2.2916666667vw;
    height: 2.2916666667vw;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.row-heading {
  width: 92%;
  margin-left: auto;
  justify-content: space-between;
  padding-top: 50px;
  margin-right: auto;
}
.row-heading .main-topic {
  padding-bottom: 30px;
}
.row-heading .main-topic .section-par {
  color: #231F20;
  text-align: center;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  max-width: 100%;
  padding-left: 0px;
}
.row-heading .main-topic .section-title {
  color: #BE1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  margin-bottom: 0px;
}
.row-heading .main-topic .section-title--highlight {
  color: #1B1B1B;
  padding-bottom: 30px;
}
.row-heading .history-conatiner {
  width: 100%;
  display: block;
}
.row-heading .history-conatiner .year-row {
  margin-left: auto;
  margin-right: auto;
}
.row-heading .history-conatiner .year-row .year-slider {
  padding-top: 2.4479166667vw;
}
.row-heading .history-conatiner .year-row .year-slider .year-item {
  color: rgba(77, 77, 79, 0.5);
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 70px;
  letter-spacing: -2px;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
}
.row-heading .history-conatiner .year-row .year-slider .year-item:hover {
  color: #0D0D0D;
}
.row-heading .history-conatiner .year-row .year-slider .slick-current.year-item {
  color: #0D0D0D;
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -3.6px;
  text-transform: capitalize;
}
.row-heading .history-conatiner .history-row {
  width: 90%;
  display: block;
  margin: auto;
}
.row-heading .history-conatiner .history-row .row-cards .history_card {
  margin: 0.2604166667vw;
}
.row-heading .history-conatiner .history-row .row-cards .history_card .cover-image {
  position: relative;
  height: 250px;
  width: 100%;
  object-fit: cover;
  border-radius: 30px;
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner {
  position: relative;
  bottom: 20px;
  padding: 3.125vw;
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .card-title-one {
  display: none;
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .card-title-two {
  color: rgba(27, 27, 27, 0.8);
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: -0.8px;
  text-transform: capitalize;
  text-align: center;
  padding-top: 40px;
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra {
  color: #231F20;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  height: 120px;
  overflow-y: auto;
  padding-right: 5px;
}
@supports not selector(::-webkit-scrollbar) {
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra {
    scrollbar-width: thin;
    scrollbar-color: #E11837 rgba(35, 31, 32, 0.15);
  }
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra {
  /* Fixed px, not get-vw: browsers round scrollbar
     widths to whole pixels, so a scaled 3px collapses
     to 2px below ~1920 and the hairline loses a third
     of its weight. */
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra {
  /* The scrollbar box is the thumb's 3px; the 1px
     track is painted as a centred stripe so the two
     can differ in width (33.33%-66.67% of 3px). */
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra::-webkit-scrollbar-track {
  background: linear-gradient(to right, transparent 33.33%, rgba(35, 31, 32, 0.15) 33.33%, rgba(35, 31, 32, 0.15) 66.67%, transparent 66.67%);
}
.row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra::-webkit-scrollbar-thumb {
  background: #E11837;
  border-radius: 1.5px;
}
.row-heading .history-conatiner .history-row .row-cards .slick-list {
  padding: 0;
}
.row-heading .slick-row-back,
.row-heading .slick-row-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  width: 46px;
  height: 46px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  font-size: 0;
}
.row-heading .slick-row-back::before,
.row-heading .slick-row-next::before {
  display: none;
}
.row-heading .slick-row-back {
  top: 101%;
  right: 50%;
  background-image: url("../images/back.png");
}
.row-heading .slick-row-next {
  top: 101%;
  right: 30%;
  background-image: url("../images/next.png");
}

@media only screen and (min-width: 768px) {
  .row-heading {
    width: 92%;
    margin-left: auto;
    justify-content: space-between;
    padding-top: 0px;
    margin-right: auto;
  }
  .row-heading .main-topic {
    padding-bottom: 50px;
  }
  .row-heading .main-topic .section-par {
    color: #231F20;
    text-align: center;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.26px;
    max-width: 100%;
    padding-left: 0px;
  }
  .row-heading .main-topic .section-title {
    color: #BE1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -2px;
    text-transform: capitalize;
    margin-bottom: 0px;
  }
  .row-heading .main-topic .section-title--highlight {
    color: #1B1B1B;
    padding-bottom: 50px;
  }
  .row-heading .history-conatiner {
    width: 100%;
    display: block;
  }
  .row-heading .history-conatiner .year-row {
    margin-left: auto;
    margin-right: auto;
  }
  .row-heading .history-conatiner .year-row .year-slider {
    padding-top: 2.4479166667vw;
  }
  .row-heading .history-conatiner .year-row .year-slider .year-item {
    color: rgba(77, 77, 79, 0.5);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 70px;
    letter-spacing: -2px;
    text-transform: capitalize;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
  }
  .row-heading .history-conatiner .year-row .year-slider .year-item:hover {
    color: #0D0D0D;
  }
  .row-heading .history-conatiner .year-row .year-slider .slick-current.year-item {
    color: #0D0D0D;
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 70px;
    letter-spacing: -3.6px;
    text-transform: capitalize;
  }
  .row-heading .history-conatiner .history-row {
    width: 90%;
    display: block;
    margin: auto;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card {
    margin: 0.2604166667vw;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .cover-image {
    position: relative;
    height: 325px;
    width: 100%;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner {
    position: relative;
    bottom: 20px;
    padding: 3.125vw;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .card-title-one {
    display: none;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .card-title-two {
    color: rgba(27, 27, 27, 0.8);
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: -1.8px;
    text-transform: capitalize;
    text-align: center;
    padding-top: 40px;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra {
    color: #231F20;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
  }
  .row-heading .history-conatiner .history-row .row-cards .slick-list {
    padding: 0;
  }
  .row-heading .slick-row-back,
  .row-heading .slick-row-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    width: 46px;
    height: 46px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    font-size: 0;
  }
  .row-heading .slick-row-back::before,
  .row-heading .slick-row-next::before {
    display: none;
  }
  .row-heading .slick-row-back {
    top: 97%;
    right: 51%;
    background-image: url("../images/back.png");
  }
  .row-heading .slick-row-next {
    top: 97%;
    right: 41%;
    background-image: url("../images/next.png");
  }
}
@media only screen and (min-width: 1200px) {
  .row-heading {
    width: 92%;
    margin-left: auto;
    justify-content: space-between;
    padding-top: 7.2916666667vw;
    margin-right: unset;
    position: relative;
  }
  .row-heading .main-topic {
    padding-bottom: 80px;
  }
  .row-heading .main-topic .section-par {
    color: #231F20;
    text-align: left;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    max-width: 33.75vw;
    padding-left: 4.1666666667vw;
  }
  .row-heading .main-topic .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -3.2px;
    text-transform: capitalize;
    margin-bottom: 0vw;
  }
  .row-heading .main-topic .section-title--highlight {
    color: #1B1B1B;
    padding-bottom: 0vw;
  }
  .row-heading .history-conatiner {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .row-heading .history-conatiner .year-row {
    width: 10%;
    margin-left: auto;
    margin-right: auto;
  }
  .row-heading .history-conatiner .year-row .year-slider {
    padding-top: 0vw;
  }
  .row-heading .history-conatiner .year-row .year-slider .slick-list {
    padding: 0 !important;
  }
  .row-heading .history-conatiner .year-row .year-slider .year-item {
    color: rgba(77, 77, 79, 0.5);
    font-family: "Poppins", sans-serif;
    font-size: 1.6666666667vw;
    font-style: normal;
    font-weight: 300;
    line-height: 3.2291666667vw;
    letter-spacing: -0.1666666667vw;
    text-transform: capitalize;
    cursor: pointer;
    transition: color 0.3s, font-size 0.3s, letter-spacing 0.3s;
    text-align: center;
    margin-bottom: 0vw;
  }
  .row-heading .history-conatiner .year-row .year-slider .year-item:hover {
    color: #0D0D0D;
  }
  .row-heading .history-conatiner .year-row .year-slider .slick-current.year-item {
    color: #0D0D0D;
    font-size: 3.125vw;
    font-weight: 500;
    letter-spacing: -0.3125vw;
    line-height: 3.2291666667vw;
  }
  .row-heading .history-conatiner .history-row {
    width: 90%;
    display: block;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card {
    position: relative;
    height: 26.0416666667vw;
    margin: 0.5208333333vw;
    border-radius: 1.5625vw;
    overflow: hidden;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 1.5625vw;
    background: linear-gradient(180deg, rgba(75, 76, 77, 0) 0.12%, rgba(19, 19, 19, 0.9) 80.75%);
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .cover-image {
    display: block;
    width: 100%;
    height: 26.0416666667vw;
    object-fit: cover;
    border-radius: 1.5625vw;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3.125vw;
    z-index: 3;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .card-title-one {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 2.0833333333vw;
    font-style: normal;
    font-weight: 500;
    line-height: 2.5vw;
    letter-spacing: -0.2083333333vw;
    text-transform: capitalize;
    display: block;
    margin: 0;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .card-title-two {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 1.5625vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.0833333333vw;
    letter-spacing: -0.15625vw;
    text-transform: capitalize;
    text-align: left;
    padding-top: 0;
    margin: 0 0 0.7291666667vw;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 0.8333333333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4583333333vw;
    width: 30.2083333333vw;
    max-width: 100%;
    text-align: left;
    margin: 0;
    height: 3.28125vw;
    overflow-y: auto;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra::-webkit-scrollbar {
    width: 3px;
    background: transparent;
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra::-webkit-scrollbar-track {
    background: linear-gradient(to right, transparent 33.33%, rgba(255, 255, 255, 0.25) 33.33%, rgba(255, 255, 255, 0.25) 66.67%, transparent 66.67%);
  }
  .row-heading .history-conatiner .history-row .row-cards .history_card .card-inner .crad-pra::-webkit-scrollbar-thumb {
    background: #E11837;
    border-radius: 1.5px;
    box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.5);
  }
  .row-heading .history-conatiner .history-row .row-cards .slick-list {
    padding: 0 10% 0 0;
  }
  .row-heading .history-conatiner .history-row .slick-row-back,
  .row-heading .history-conatiner .history-row .slick-row-next {
    position: absolute;
    top: -8.59375vw;
    transform: none;
    background: none;
    border: none;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    font-size: 0;
    cursor: pointer;
  }
  .row-heading .history-conatiner .history-row .slick-row-back::before,
  .row-heading .history-conatiner .history-row .slick-row-next::before {
    display: none;
  }
  .row-heading .history-conatiner .history-row .slick-row-back {
    right: 11.9791666667vw;
    background-image: url("../images/back.png");
  }
  .row-heading .history-conatiner .history-row .slick-row-next {
    right: 7.7083333333vw;
    background-image: url("../images/next.png");
  }
}
.custom-pagination {
  display: flex;
  justify-content: center;
  margin-top: 1.0416666667vw;
}
.custom-pagination .pagination-list {
  list-style: none;
  padding: 0;
  display: flex;
}
.custom-pagination .pagination-list .pagination-item {
  margin: 0vw 0.2604166667vw;
}
.custom-pagination .pagination-list .pagination-item a,
.custom-pagination .pagination-list .pagination-item button {
  color: #333;
  background: none;
  appearance: none;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  padding: 8px 15px;
  border: 1px solid #CECECE;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
}
.custom-pagination .pagination-list .pagination-item a:hover,
.custom-pagination .pagination-list .pagination-item button:hover {
  background-color: #E11837;
  color: white;
}
.custom-pagination .pagination-list .pagination-item.active a, .custom-pagination .pagination-list .pagination-item.active button {
  background-color: #E11837;
  color: white;
}
.custom-pagination .pagination-list .pagination-item.disabled a, .custom-pagination .pagination-list .pagination-item.disabled button {
  color: #ccc;
  border-color: #ccc;
  pointer-events: none;
}

.image-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.image-wrapper .values-grid {
  display: block;
  grid-template-columns: unset;
  grid-template-rows: unset;
  gap: 20px;
  padding-bottom: 3.6458333333vw;
  padding-left: 20px;
  padding-right: 20px;
}
.image-wrapper .values-grid .value-card {
  position: relative;
  border-radius: 50px;
  text-align: center;
  height: 400px;
  padding-bottom: 20px;
}
.image-wrapper .values-grid .value-card .card-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
.image-wrapper .values-grid .value-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50px;
}
.image-wrapper .values-grid .value-card .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  text-align: center;
  text-transform: capitalize;
}
.image-wrapper .values-grid .value-card:nth-child(1) {
  grid-column: span 2/span 2;
  height: 400px;
  padding-bottom: 20px;
}
.image-wrapper .values-grid .value-card:nth-child(2) {
  grid-column-start: 3;
  grid-row-start: 1;
  height: 400px;
  padding-bottom: 20px;
}
.image-wrapper .values-grid .value-card:nth-child(3) {
  grid-column-start: 4;
  grid-row-start: 1;
  height: 400px;
  padding-bottom: 20px;
}
.image-wrapper .values-grid .value-card:nth-child(4) {
  grid-column-start: 1;
  grid-row-start: 2;
  height: 400px;
  padding-bottom: 20px;
}
.image-wrapper .values-grid .value-card:nth-child(5) {
  grid-column: span 2/span 2;
  height: 400px;
}

@media only screen and (min-width: 1200px) {
  .custom-pagination {
    display: flex;
    justify-content: center;
    margin-top: 1.0416666667vw;
  }
  .custom-pagination .pagination-list {
    list-style: none;
    padding: 0;
    display: flex;
  }
  .custom-pagination .pagination-list .pagination-item {
    margin: 0vw 0.2604166667vw;
  }
  .custom-pagination .pagination-list .pagination-item a,
  .custom-pagination .pagination-list .pagination-item button {
    background: none;
    appearance: none;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 0.6770833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    color: #333;
    padding: 0.625vw 0.8333333333vw;
    border: 1px solid #333;
    border-radius: 0.4166666667vw;
    transition: background-color 0.3s, color 0.3s;
  }
  .custom-pagination .pagination-list .pagination-item a:hover,
  .custom-pagination .pagination-list .pagination-item button:hover {
    background-color: #E11837;
    color: white;
  }
  .custom-pagination .pagination-list .pagination-item.active a, .custom-pagination .pagination-list .pagination-item.active button {
    background-color: #E11837;
    color: white;
  }
  .custom-pagination .pagination-list .pagination-item.disabled a, .custom-pagination .pagination-list .pagination-item.disabled button {
    color: #ccc;
    border-color: #ccc;
    pointer-events: none;
  }
  .image-wrapper {
    width: 83%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.2916666667vw;
  }
  .image-wrapper .values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 20px;
    padding-bottom: 3.6458333333vw;
    padding-left: 0vw;
    padding-right: 0vw;
  }
  .image-wrapper .values-grid .value-card {
    position: relative;
    border-radius: 50px;
    text-align: center;
  }
  .image-wrapper .values-grid .value-card .card-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 50px;
  }
  .image-wrapper .values-grid .value-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
  }
  .image-wrapper .values-grid .value-card .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    text-align: center;
    text-transform: capitalize;
  }
  .image-wrapper .values-grid .value-card[data-cgl-pos="1"] {
    grid-column: span 2/span 2;
    height: 400px;
    padding-bottom: 0vw;
  }
  .image-wrapper .values-grid .value-card[data-cgl-pos="2"] {
    grid-column-start: 3;
    grid-row-start: 1;
    height: 400px;
    padding-bottom: 0vw;
  }
  .image-wrapper .values-grid .value-card[data-cgl-pos="3"] {
    grid-column-start: 4;
    grid-row-start: 1;
    height: 400px;
    padding-bottom: 0vw;
  }
  .image-wrapper .values-grid .value-card[data-cgl-pos="4"] {
    grid-column-start: 1;
    grid-row-start: 2;
    height: 400px;
    padding-bottom: 0vw;
  }
  .image-wrapper .values-grid .value-card[data-cgl-pos="5"] {
    grid-column: span 2/span 2;
    height: 400px;
  }
}
.value-card.is-hidden {
  display: none;
}

.custom-pagination[hidden] {
  display: none;
}

.section-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}
.section-container .main-card {
  border-radius: 50px;
  background: #EEE;
  height: auto;
  margin-bottom: 30px;
}
.section-container .main-card .card-img {
  width: 100%;
  height: 325px;
  object-fit: cover;
  border-radius: 25px;
}
.section-container .main-card .card-wrapper {
  width: 100%;
}
.section-container .main-card .card-details-container {
  padding: 30px;
}
.section-container .main-card .card-details-container .main-title {
  color: #1B1B1B;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin: 0vw;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
}
.section-container .main-card .card-details-container .sub-title {
  color: #4D4D4F;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  text-align: center;
  padding-bottom: 30px;
}
.section-container .main-card .category-details {
  display: block;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5625vw;
  margin: auto;
}
.section-container .main-card .category-details .category-item {
  width: 100%;
  padding-bottom: 20px;
}
.section-container .main-card .category-details .category-item .category-point {
  color: rgba(27, 27, 27, 0.8);
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  text-transform: capitalize;
  padding-left: 1.0416666667vw;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding-top: 40px;
}
.pagination a {
  text-decoration: none;
  color: #333;
}
.pagination .disabled {
  pointer-events: none;
  opacity: 0.5;
}
.pagination .page-numbers {
  border-radius: 8px;
  padding: 10px 16px;
  border: 1px solid #CECECE;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .current {
  background: #E11837;
  color: #FFF;
  border: none;
}

@media only screen and (min-width: 991px) {
  .category-details {
    display: block;
    width: 35%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5625vw;
    margin: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .section-container {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  .section-container .main-card {
    border-radius: 50px;
    background: #EEE;
    height: 30.625vw;
    margin-bottom: 4.1666666667vw;
  }
  .section-container .main-card .card-wrapper {
    height: 30.625vw;
    width: 30.625vw;
  }
  .section-container .main-card .card-wrapper .card-img {
    height: 30.625vw;
    width: 30.625vw;
    object-fit: cover;
  }
  .section-container .main-card .card-details-container {
    width: calc(100% - 588px);
    padding: 2.6041666667vw;
  }
  .section-container .main-card .card-details-container .main-title {
    color: #1B1B1B;
    font-family: "Poppins", sans-serif;
    font-size: 1.875vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4583333333vw;
    padding-bottom: 1.5625vw;
    margin: 0vw;
    text-align: left;
  }
  .section-container .main-card .card-details-container .sub-title {
    color: #4D4D4F;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    padding-bottom: 1.5625vw;
    text-align: left;
  }
  .section-container .main-card .category-details {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5625vw;
  }
  .section-container .main-card .category-details .category-item {
    width: 40%;
  }
  .section-container .main-card .category-details .category-item .category-point {
    color: rgba(27, 27, 27, 0.8);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3020833333vw;
    text-transform: capitalize;
    padding-left: 1.0416666667vw;
  }
  .pagination {
    display: flex;
    justify-content: center;
    gap: 0.5208333333vw;
    padding-top: 0vw;
  }
  .pagination a {
    text-decoration: none;
    color: #333;
  }
  .pagination .disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .pagination .page-numbers {
    border-radius: 0.4166666667vw;
    padding: 0.78125vw 1.0416666667vw;
    border: 1px solid #CECECE;
    font-family: "Poppins", sans-serif;
    font-size: 0.6770833333vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pagination .current {
    background: #E11837;
    color: #FFF;
    border: none;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

.comp-lab-map .section-title {
  color: #BE1111;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 125% */
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 25px;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 40px;
}
.comp-lab-map .section-title .highlights {
  color: #1b1b1b;
}
.comp-lab-map .section-inner {
  padding: 0 20px;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column-reverse;
}
.comp-lab-map .section-inner .map-wrapper {
  width: 100%;
  padding-top: 30px;
}
.comp-lab-map .section-inner .map-wrapper #map_canvas {
  border-radius: 25px;
  height: 325px;
}
.comp-lab-map .section-inner .map-wrapper #map_canvas .property .card-content {
  display: none;
  width: 200px;
  background-color: #fff;
  padding: 10px;
  position: relative;
}
.comp-lab-map .section-inner .map-wrapper #map_canvas .property .card-content:after {
  content: "";
  bottom: -10px;
  height: 0;
  width: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  border-top: 10px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
.comp-lab-map .section-inner .map-wrapper #map_canvas .property .card-content .property-card-title {
  margin-top: 0;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  text-align: center;
}
.comp-lab-map .section-inner .map-wrapper #map_canvas .property .card-content .card-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.comp-lab-map .section-inner .map-wrapper #map_canvas .property .card-content .card-location svg {
  margin-right: 10px;
  width: 15px;
  height: 15px;
}
.comp-lab-map .section-inner .map-wrapper #map_canvas .property .icon {
  position: relative;
  left: 50%;
  width: 40px;
  transform: translateX(-50%);
}
.comp-lab-map .section-inner .map-wrapper #map_canvas .property .icon img {
  max-width: 100%;
}
.comp-lab-map .section-inner .lab-listing {
  width: 100%;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer {
  width: 48%;
  padding: 0 0.5208333333vw;
  height: unset;
  margin-left: 0.78125vw;
  margin-top: 1.0416666667vw;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item {
  margin-top: 0px;
  margin-bottom: 1.0416666667vw;
  padding: 2.6041666667vw 2.0833333333vw;
  box-shadow: 0px 0.2083333333vw 2.6041666667vw 0px rgba(0, 0, 0, 0.08);
  min-height: 20.1041666667vw;
  border-radius: 1.5625vw;
  cursor: pointer;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .lab-name,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .lab-location .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .lab-location .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .phone .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .phone .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .email .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .email .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .show-in-map {
  transition: color 0.3s;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover, .comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted {
  background-color: #e11837;
  border-radius: 1.5625vw;
  box-shadow: 0vw 0.2083333333vw 2.6041666667vw 0px rgba(0, 0, 0, 0.08);
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .lab-name,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .lab-location .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .lab-location .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .phone .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .phone .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .email .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .email .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .show-in-map, .comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .lab-name,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .lab-location .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .lab-location .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .phone .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .phone .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .email .label,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .email .value,
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .show-in-map {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .show-in-map .black, .comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .show-in-map .black {
  display: none;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item:hover .show-in-map .red, .comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item.highlighted .show-in-map .red {
  display: block;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .show-in-map {
  font-weight: 600;
  font-size: 0.8333333333vw;
  color: #171717;
  text-decoration: underline;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .show-in-map .red {
  display: none;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .show-in-map .black {
  display: block;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .show-in-map .icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  border-radius: 50%;
  background-color: #171717;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5208333333vw;
}
.comp-lab-map .section-inner .lab-listing .lab-item-outer .lab-item .show-in-map .icon svg {
  width: 0.9895833333vw;
  height: 0.9895833333vw;
  fill: #fff;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  font-family: "Be Vietnam Pro", sans-serif;
  align-items: center;
  margin: 15px auto 0;
  display: flex;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers {
  flex-wrap: wrap;
  display: flex;
  padding: 0px 20px;
  text-decoration: none;
  color: #9ea6b4;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers.current {
  color: #17181d;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers svg {
  width: 30px;
  height: 18px;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers.prev {
  margin-right: 10px;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers.prev::after {
  content: unset;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers.next {
  margin-left: 10px;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers.next::after {
  content: unset;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers {
  position: relative;
}
.comp-lab-map .section-inner .lab-listing .pagination-wrapper .page-numbers:after {
  content: "";
  position: absolute;
  right: 0;
  height: 30%;
  top: 35%;
  width: 2px;
  background-color: #000;
}
.comp-lab-map .section-inner .lab-listing .loaction-container {
  height: 420px;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  scrollbar-width: thin;
  scrollbar-color: #031227 transparent;
}
.comp-lab-map .section-inner .lab-listing .loaction-container::-webkit-scrollbar {
  width: 5px;
}
.comp-lab-map .section-inner .lab-listing .loaction-container::-webkit-scrollbar-track {
  background: transparent;
}
.comp-lab-map .section-inner .lab-listing .loaction-container::-webkit-scrollbar-thumb {
  background-color: #031227;
  border-radius: 10px;
}
.comp-lab-map .section-inner .lab-listing .loaction-container::-webkit-scrollbar-button {
  display: none !important;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer {
  width: 100%;
  height: 420px;
  padding: 0 0.5208333333vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item {
  border-radius: 25px;
  border: 1px solid #dadada;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  margin-top: 0px;
  margin-bottom: 1.0416666667vw;
  padding: 50px 40px;
  cursor: pointer;
  height: 420px;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-name {
  font-family: "Poppins", sans-serif;
  color: #171717;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: -0.4px;
  margin-bottom: 40px;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-location {
  margin-bottom: 1.0416666667vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-location .label {
  color: #3e3e3e;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-location .value {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: -0.28px;
  text-transform: capitalize;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .phone {
  margin-bottom: 1.0416666667vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .phone .label {
  color: #3e3e3e;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .phone .value {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: -0.28px;
  text-transform: capitalize;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .email {
  margin-bottom: 1.0416666667vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .email .label {
  color: #3e3e3e;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .email .value {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: -0.28px;
  text-transform: capitalize;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  text-decoration: underline;
  display: flex;
  flex-wrap: wrap;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map .icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  border-radius: 50%;
  background-color: #171717;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-left: 0.5208333333vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map .icon svg {
  width: 0.9895833333vw;
  height: 0.9895833333vw;
  fill: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted {
  background-color: #e11837;
  border-radius: 1.5625vw;
  box-shadow: 0vw 0.2083333333vw 2.6041666667vw 0vw rgba(0, 0, 0, 0.08);
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .lab-name {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .lab-location .label {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .lab-location .value {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .phone .label {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .phone .value {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .email .label {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .email .value {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .show-in-map {
  color: #fff;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  align-items: center;
  display: flex;
  width: 100%;
  margin: 0vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers {
  flex-wrap: wrap;
  display: flex;
  padding: 0px 0.78125vw;
  text-decoration: none;
  font-size: 1.3020833333vw;
  color: #000;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.current {
  color: #000;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers svg {
  width: 2.6041666667vw;
  height: 0.9375vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.prev {
  margin-right: 0.5208333333vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.prev::after {
  content: unset;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.next {
  margin-left: 0.5208333333vw;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.next::after {
  content: unset;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers {
  position: relative;
}
.comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers:after {
  content: "";
  position: absolute;
  right: 0;
  height: 0.5208333333vw;
  top: 35%;
  width: 0.1041666667vw;
  background-color: #000;
}
.comp-lab-map .section-inner .lab-listing .search-box {
  display: flex;
}
.comp-lab-map .section-inner .lab-listing .search-box .search-btn {
  background: transparent;
  width: 54px;
  height: 46px;
  padding: 0vw;
  border: none;
}
.comp-lab-map .section-inner .lab-listing .search-box .search-btn .img-search {
  width: 46px;
  height: 46px;
  object-fit: cover;
}
.comp-lab-map .section-inner .lab-listing .search-box .search-bar {
  border-radius: 40px;
  border: 1px solid #dadada;
  background: #fdfdfd;
  height: 46px;
  margin-bottom: 30px;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .comp-lab-map .section-title {
    color: #be1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
    text-transform: capitalize;
  }
  .comp-lab-map .section-inner .lab-listing {
    display: flex;
    flex-wrap: wrap;
  }
  .comp-lab-map .section-inner .lab-listing .lab-item-outer {
    width: 50%;
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .comp-lab-map {
    width: 83%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4.1666666667vw;
  }
  .comp-lab-map .section-title {
    color: #be1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
    text-transform: capitalize;
    padding-bottom: 4.1666666667vw;
    padding-top: 0vw;
  }
  .comp-lab-map .section-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    height: 23.6458333333vw;
    padding: 0vw;
  }
  .comp-lab-map .section-inner .map-wrapper {
    width: 27.6041666667vw;
  }
  .comp-lab-map .section-inner .map-wrapper #map_canvas {
    width: 100%;
    height: 22.5vw;
    border-radius: 1.5625vw;
  }
  .comp-lab-map .section-inner .map-wrapper .property .card-content {
    display: none;
    width: 15.625vw;
    background-color: #fff;
    padding: 0.78125vw;
    position: relative;
  }
  .comp-lab-map .section-inner .map-wrapper .property .card-content:after {
    content: "";
    bottom: -0.5208333333vw;
    height: 0;
    width: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    border-top: 0.5208333333vw solid #fff;
    border-right: 0.78125vw solid transparent;
    border-left: 0.78125vw solid transparent;
  }
  .comp-lab-map .section-inner .map-wrapper .property .card-content .property-card-title {
    margin-top: 0;
    font-family: "Poppins", sans-serif;
    font-size: 0.8333333333vw;
    text-align: center;
  }
  .comp-lab-map .section-inner .map-wrapper .property .card-content .card-location {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .comp-lab-map .section-inner .map-wrapper .property .card-content .card-location svg {
    margin-right: 0.5208333333vw;
    width: 0.78125vw;
    height: 0.78125vw;
  }
  .comp-lab-map .section-inner .map-wrapper .property .icon {
    position: relative;
    left: 50%;
    width: 2.0833333333vw;
    transform: translateX(-50%);
  }
  .comp-lab-map .section-inner .map-wrapper .property .icon img {
    max-width: 100%;
  }
  .comp-lab-map .section-inner .lab-listing {
    display: flex;
    flex-direction: column;
    padding-left: 0.5208333333vw;
    width: calc(100% - 32.8125vw);
  }
  .comp-lab-map .section-inner .lab-listing .search-box {
    display: flex;
  }
  .comp-lab-map .section-inner .lab-listing .search-box .search-btn {
    background: transparent;
    width: 4.0104166667vw;
    height: 3.6458333333vw;
    padding: 0vw;
    border: none;
  }
  .comp-lab-map .section-inner .lab-listing .search-box .search-btn .img-search {
    width: 3.6458333333vw;
    height: 3.6458333333vw;
    object-fit: cover;
  }
  .comp-lab-map .section-inner .lab-listing .search-box .search-bar {
    border-radius: 40px;
    border: 1px solid #dadada;
    height: 3.4375vw;
    margin-bottom: 1.5625vw;
    width: 100%;
    color: #b7b7b7;
    font-family: "Poppins", sans-serif;
    font-size: 1.0416666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 1.5625vw;
  }
  .comp-lab-map .section-inner .lab-listing .search-box .search-bar:focus {
    border-color: #be1111;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container {
    height: 19.1145833333vw;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    scrollbar-width: thin;
    scrollbar-color: #031227 transparent;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer {
    width: 100%;
    padding: 0 0.5208333333vw;
    height: unset;
    margin-left: 0.78125vw;
    margin-top: 1.0416666667vw;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item {
    margin-top: 0px;
    margin-bottom: 1.0416666667vw;
    padding: 2.6041666667vw 2.0833333333vw;
    box-shadow: 0px 0.2083333333vw 2.6041666667vw 0px rgba(0, 0, 0, 0.08);
    height: 22.3958333333vw;
    border-radius: 1.5625vw;
    cursor: pointer;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-name,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-location .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-location .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .phone .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .phone .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .email .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .email .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map {
    transition: color 0.3s;
    color: #4d4d4f;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.01875vw;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-location .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .phone .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .email .value {
    transition: color 0.3s;
    color: #be1111;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 1.0416666667vw;
    font-style: normal;
    font-weight: 600;
    text-align: left;
    line-height: 1.1458333333vw;
    letter-spacing: -0.0208333333vw;
    text-transform: lowercase;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .lab-name {
    color: #171717;
    font-family: "Poppins", sans-serif;
    font-size: 1.4583333333vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1458333333vw;
    letter-spacing: -0.0333333333vw;
    text-transform: capitalize;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover, .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted {
    background-color: #e11837;
    border-radius: 1.5625vw;
    box-shadow: 0vw 0.2083333333vw 2.6041666667vw 0px rgba(0, 0, 0, 0.08);
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .lab-name,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .lab-location .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .lab-location .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .phone .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .phone .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .email .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .email .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .show-in-map, .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .lab-name,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .lab-location .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .lab-location .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .phone .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .phone .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .email .label,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .email .value,
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .show-in-map {
    color: #fff;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .show-in-map .black, .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .show-in-map .black {
    display: none;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item:hover .show-in-map .red, .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item.highlighted .show-in-map .red {
    display: block;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map {
    font-weight: 600;
    font-size: 0.8333333333vw;
    color: #171717;
    text-decoration: underline;
    display: flex;
    flex-wrap: wrap;
    gap: 1.0416666667vw;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map .red {
    display: none;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map .black {
    display: block;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map .icon {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    border-radius: 50%;
    background-color: #171717;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5208333333vw;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .lab-item-outer .lab-item .show-in-map .icon svg {
    width: 0.9895833333vw;
    height: 0.9895833333vw;
    fill: #fff;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    align-items: center;
    display: flex;
    width: 100%;
    margin: 0vw;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers {
    flex-wrap: wrap;
    display: flex;
    padding: 0px 0.78125vw;
    text-decoration: none;
    font-size: 1.3020833333vw;
    color: #000;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.current {
    color: #000;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers svg {
    width: 2.6041666667vw;
    height: 0.9375vw;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.prev {
    margin-right: 0.5208333333vw;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.prev::after {
    content: unset;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.next {
    margin-left: 0.5208333333vw;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers.next::after {
    content: unset;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers {
    position: relative;
  }
  .comp-lab-map .section-inner .lab-listing .loaction-container .pagination-wrapper .page-numbers:after {
    content: "";
    position: absolute;
    right: 0;
    height: 0.5208333333vw;
    top: 35%;
    width: 0.1041666667vw;
    background-color: #000;
  }
}
.profile-conatiner {
  margin-bottom: -134px;
}
.profile-conatiner .profile-topic {
  padding-bottom: 4.1666666667vw;
  width: 83%;
  margin-left: auto;
  margin-right: auto;
}
.profile-conatiner .profile-topic .section-par {
  color: #231f20;
  text-align: center;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
}
.profile-conatiner .profile-topic .section-title {
  color: #be1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
}
.profile-conatiner .profile-topic .section-title .highlights {
  color: #1b1b1b;
}
.profile-conatiner .profile {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
.profile-conatiner .profile .profile-cards .profile-single {
  display: block;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 50px;
  position: relative;
  margin-top: 85px;
}
.profile-conatiner .profile .profile-cards .profile-single .profile-image {
  position: absolute;
  left: 50%;
  border-radius: 110px;
  width: 110px;
  height: 110px;
  transform: translateX(-50%);
  top: -64px;
}
.profile-conatiner .profile .profile-cards .profile-single .profile-details {
  border-radius: 25px;
  background: #fff;
  box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.2);
  height: 180px;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.profile-conatiner .profile .profile-cards .profile-single .profile-details .profile-social {
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
}
.profile-conatiner .profile .profile-cards .profile-single .profile-details .profile-social li {
  list-style-type: none;
}
.profile-conatiner .profile .profile-cards .profile-single .profile-details .profile-social li .small-icon {
  width: 18px;
  height: 18px;
}
.profile-conatiner .profile .profile-cards .profile-single .profile-details .position {
  color: #171717;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  /* 164.286% */
  letter-spacing: -0.28px;
  text-transform: capitalize;
}
.profile-conatiner .profile .profile-cards .profile-single .profile-details .name {
  color: #171717;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  /* 127.778% */
  letter-spacing: -0.36px;
  text-transform: capitalize;
  max-width: 100%;
}
.profile-conatiner .profile .profile-cards .slick-profile-back,
.profile-conatiner .profile .profile-cards .slick-profile-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  font-size: 0;
  display: none !important;
}
.profile-conatiner .profile .profile-cards .slick-profile-back::before,
.profile-conatiner .profile .profile-cards .slick-profile-next::before {
  display: none;
}
.profile-conatiner .profile .profile-cards .slick-profile-back .slick-certificate-back,
.profile-conatiner .profile .profile-cards .slick-profile-next .slick-certificate-back {
  top: -38%;
  right: 22%;
  background-image: url("../images/back.png");
}
.profile-conatiner .profile .profile-cards .slick-profile-back .slick-certificate-next,
.profile-conatiner .profile .profile-cards .slick-profile-next .slick-certificate-next {
  top: -38%;
  right: 17%;
  background-image: url("../images/next.png");
}
.profile-conatiner .profile-cover-container {
  margin-top: -120px;
  display: none;
}

@media only screen and (min-width: 1200px) {
  .profile-conatiner {
    margin-bottom: 7.2916666667vw;
  }
  .profile-conatiner .profile-topic {
    padding-bottom: 1.0416666667vw;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
  }
  .profile-conatiner .profile-topic .section-par {
    color: #231f20;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    width: 30.4166666667vw;
    padding-left: 4.1666666667vw;
    text-align: left;
  }
  .profile-conatiner .profile-topic .section-title {
    color: #be1111;
    font-family: "Poppins", sans-serif;
    font-size: 3.3333333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
    text-transform: capitalize;
    text-align: left;
  }
  .profile-conatiner .profile-topic .section-title .highlights {
    color: #1b1b1b;
  }
  .profile-conatiner .profile {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 2.0833333333vw;
  }
  .profile-conatiner .profile .profile-cards .profile-single {
    display: flex;
    align-items: center;
    margin-left: 0px;
    margin-right: -2.7083333333vw;
    margin-bottom: 2.0833333333vw;
    position: relative;
    margin-top: 1.0416666667vw;
  }
  .profile-conatiner .profile .profile-cards .profile-single .profile-image {
    position: absolute;
    width: 8.3333333333vw;
    height: 8.3333333333vw;
    transform: unset;
    border-radius: 8.3333333333vw;
    z-index: 1;
    top: 2.4479166667vw;
    left: 1.5625vw;
  }
  .profile-conatiner .profile .profile-cards .profile-single .profile-details {
    border-radius: 2.0833333333vw;
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
    height: 13.0208333333vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 7.8125vw;
    padding-right: 2.34375vw;
    align-items: start;
    position: relative;
    width: 23.1770833333vw;
    padding-top: 0;
  }
  .profile-conatiner .profile .profile-cards .profile-single .profile-details .profile-social {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
  }
  .profile-conatiner .profile .profile-cards .profile-single .profile-details .profile-social li {
    list-style-type: none;
  }
  .profile-conatiner .profile .profile-cards .profile-single .profile-details .profile-social li svg {
    width: 0.9375vw;
    height: 0.9375vw;
  }
  .profile-conatiner .profile .profile-cards .profile-single .profile-details .profile-social li .small-icon {
    width: 0.9375vw;
    height: 0.9375vw;
  }
  .profile-conatiner .profile .profile-cards .profile-single .profile-details .position {
    color: #171717;
    font-family: "Poppins", sans-serif;
    font-size: 1.0416666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.0208333333vw;
    text-transform: capitalize;
    text-align: left;
  }
  .profile-conatiner .profile .profile-cards .profile-single .profile-details .name {
    color: #171717;
    font-family: "Poppins", sans-serif;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5625vw;
    letter-spacing: -0.025vw;
    text-transform: capitalize;
    text-align: left;
    max-width: 17.1875vw;
  }
  .profile-conatiner .profile .profile-cards .slick-profile-back,
  .profile-conatiner .profile .profile-cards .slick-profile-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: fixed;
    border: none;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    font-size: 0;
  }
  .profile-conatiner .profile .profile-cards .slick-profile-back::before,
  .profile-conatiner .profile .profile-cards .slick-profile-next::before {
    display: none;
  }
  .profile-conatiner .profile .profile-cards .slick-profile-back {
    top: -38%;
    right: 7%;
    background-image: url("../images/back.png");
  }
  .profile-conatiner .profile .profile-cards .slick-profile-next {
    top: -38%;
    right: 3%;
    background-image: url("../images/next.png");
  }
  .profile-conatiner .profile-cover-container {
    margin-top: -120px;
    display: block !important;
  }
}
.comp-img-content-section .section-card-inner {
  padding: 0 20px;
  margin-bottom: 60px;
  flex-direction: row;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.comp-img-content-section .section-card-inner .img-wrap {
  width: 100%;
  height: unset;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.comp-img-content-section .section-card-inner .img-wrap .mb-sustainability {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.comp-img-content-section .section-card-inner .img-wrap .mb-sustainability .section-title {
  color: #BE1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-top: 30px;
  padding-bottom: 50px;
  max-width: 308px;
}
.comp-img-content-section .section-card-inner .img-wrap .mb-sustainability .section-title .highlights {
  color: #1B1B1B;
}
.comp-img-content-section .section-card-inner .img-wrap .imageone {
  border-radius: 25px;
  width: 236.364px;
  height: 235.955px;
  position: relative;
  object-fit: cover;
  left: -49px;
}
.comp-img-content-section .section-card-inner .img-wrap .imagetwo {
  border-radius: 25px;
  width: 152.061px;
  height: 176.966px;
  position: absolute;
  top: 400px;
  left: 192px;
  object-fit: cover;
  border: 5px #fff solid;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box {
  position: absolute;
  top: 0;
  padding: 4.1666666667vw 3.125vw;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img {
  padding-bottom: 2.0833333333vw;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .diamond {
  width: 3.125vw;
  height: 3.125vw;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title {
  color: #BE1111;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .highlight {
  color: #1B1B1B;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title {
  color: #BE1111;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title--highlight {
  color: #FFF;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box .sub-title {
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4583333333vw;
  padding-bottom: 0.5208333333vw;
}
.comp-img-content-section .section-card-inner .img-wrap .cover-box .para {
  color: #FFF;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
}
.comp-img-content-section .section-card-inner .content-wrap {
  width: 100%;
  padding-left: 0vw;
}
.comp-img-content-section .section-card-inner .content-wrap .sustainability {
  display: none;
}
.comp-img-content-section .section-card-inner .content-wrap .mb-sustainability {
  position: relative;
  left: -230px;
}
.comp-img-content-section .section-card-inner .content-wrap .mb-sustainability .section-title {
  color: #BE1111;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 3.6458333333vw;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
  width: 33.75vw;
}
.comp-img-content-section .section-card-inner .content-wrap .mb-sustainability .section-title .highlights {
  color: #1B1B1B;
}
.comp-img-content-section .section-card-inner .content-wrap .section-para {
  color: #1B1B1B;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  max-width: unset;
  padding-top: 90px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .comp-img-content-section .section-card-inner {
    padding: 0 20px;
    margin-bottom: 60px;
    flex-direction: row;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .comp-img-content-section .section-card-inner .img-wrap {
    width: 100%;
    height: unset;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .comp-img-content-section .section-card-inner .img-wrap .mb-sustainability {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .comp-img-content-section .section-card-inner .img-wrap .mb-sustainability .section-title {
    color: #BE1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-top: 30px;
    padding-bottom: 50px;
    max-width: 308px;
  }
  .comp-img-content-section .section-card-inner .img-wrap .mb-sustainability .section-title .highlights {
    color: #1B1B1B;
  }
  .comp-img-content-section .section-card-inner .img-wrap .imageone {
    border-radius: 25px;
    width: 236.364px;
    height: 235.955px;
    position: relative;
    object-fit: cover;
    left: -49px;
  }
  .comp-img-content-section .section-card-inner .img-wrap .imagetwo {
    border-radius: 25px;
    width: 152.061px;
    height: 176.966px;
    position: absolute;
    top: 400px;
    left: 343px;
    object-fit: cover;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box {
    position: absolute;
    top: 0;
    padding: 4.1666666667vw 3.125vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img {
    padding-bottom: 2.0833333333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .diamond {
    width: 3.125vw;
    height: 3.125vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .highlight {
    color: #1B1B1B;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title--highlight {
    color: #FFF;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .sub-title {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 1.1458333333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4583333333vw;
    padding-bottom: 0.5208333333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .para {
    color: #FFF;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.26px;
  }
  .comp-img-content-section .section-card-inner .content-wrap {
    width: 100%;
    padding-left: 0vw;
  }
  .comp-img-content-section .section-card-inner .content-wrap .sustainability {
    display: none;
  }
  .comp-img-content-section .section-card-inner .content-wrap .mb-sustainability {
    position: relative;
    left: -230px;
  }
  .comp-img-content-section .section-card-inner .content-wrap .mb-sustainability .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
    width: 33.75vw;
  }
  .comp-img-content-section .section-card-inner .content-wrap .mb-sustainability .section-title .highlights {
    color: #1B1B1B;
  }
  .comp-img-content-section .section-card-inner .content-wrap .section-para {
    color: #1B1B1B;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.26px;
    max-width: unset;
    padding-top: 90px;
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .comp-img-content-section .section-card-inner {
    width: 90%;
  }
}
@media only screen and (min-width: 1200px) {
  .comp-img-content-section .section-card-inner {
    flex-direction: row;
    display: flex;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 0vw;
    margin-bottom: 0vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap {
    width: 72%;
    height: 37.0833333333vw;
    display: flex;
    justify-content: start;
    position: relative;
  }
  .comp-img-content-section .section-card-inner .img-wrap .mb-sustainability {
    display: none !important;
  }
  .comp-img-content-section .section-card-inner .img-wrap .imageone {
    height: 31.25vw;
    width: 31.25vw;
    position: relative;
    left: -8.125vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .imagetwo {
    width: 20.1041666667vw;
    height: 23.4375vw;
    position: absolute;
    top: 13.125vw;
    left: 22.34375vw;
    border: 0.5208333333vw #fff solid;
    border-radius: 2.0833333333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box {
    position: absolute;
    top: 0;
    padding: 4.1666666667vw 3.125vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img {
    padding-bottom: 2.0833333333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .diamond {
    width: 3.125vw;
    height: 3.125vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 2.0833333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.6041666667vw;
    letter-spacing: -0.1041666667vw;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .highlight {
    color: #1B1B1B;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 2.0833333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.1041666667vw;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 2.0833333333vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.6041666667vw;
    letter-spacing: -0.1041666667vw;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .diamond-img .section-title--highlight {
    color: #FFF;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .sub-title {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 1.1458333333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4583333333vw;
    padding-bottom: 0.5208333333vw;
  }
  .comp-img-content-section .section-card-inner .img-wrap .cover-box .para {
    color: #FFF;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
  }
  .comp-img-content-section .section-card-inner .content-wrap {
    width: 34%;
    padding-left: 0vw;
    top: 2.5vw;
    position: relative;
  }
  .comp-img-content-section .section-card-inner .content-wrap .sustainability {
    display: block;
    position: relative;
    left: -11.5625vw;
  }
  .comp-img-content-section .section-card-inner .content-wrap .sustainability .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
    width: 37.5vw;
  }
  .comp-img-content-section .section-card-inner .content-wrap .sustainability .section-title .highlights {
    color: #1B1B1B;
  }
  .comp-img-content-section .section-card-inner .content-wrap .section-para {
    color: #1B1B1B;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    max-width: 25.3125vw;
    padding-top: 3.125vw;
    text-align: left;
    position: relative;
  }
}
.comp-img-content-reversesection .section-card-reverseinner {
  margin-bottom: 60px;
  flex-direction: column-reverse;
  display: flex;
  width: 100%;
  margin-left: auto;
  justify-content: space-between;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap {
  height: unset;
  position: relative;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .imageone {
  height: 250px;
  width: 100%;
  position: relative;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .imagetwo {
  width: 353px;
  height: 244px;
  position: absolute;
  top: -20px;
  right: 80px;
  object-fit: cover;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box {
  position: absolute;
  top: 0;
  padding: 4.1666666667vw 3.125vw;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box .diamond-img {
  padding-bottom: 2.0833333333vw;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box .diamond-img .diamond {
  width: 3.125vw;
  height: 3.125vw;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box .diamond-img .section-title {
  color: #BE1111;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box .diamond-img .highlight {
  color: #1B1B1B;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box .diamond-img .section-title {
  color: #BE1111;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 1.3020833333vw;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box .diamond-img .section-title--highlight {
  color: #FFF;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box .sub-title {
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 1.1458333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4583333333vw;
  padding-bottom: 0.5208333333vw;
}
.comp-img-content-reversesection .section-card-reverseinner .img-wrap .cover-box .para {
  color: #FFF;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5625vw;
  letter-spacing: -0.01875vw;
}
.comp-img-content-reversesection .section-card-reverseinner .content-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 113px;
}
.comp-img-content-reversesection .section-card-reverseinner .content-wrap .sustainability .section-title {
  color: #BE1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
}
.comp-img-content-reversesection .section-card-reverseinner .content-wrap .sustainability .section-title .highlights {
  color: #1B1B1B;
}
.comp-img-content-reversesection .section-card-reverseinner .content-wrap .section-para {
  font-family: "Be Vietnam Pro", sans-serif;
  color: #231F20;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen and (min-width: 1200px) {
  .comp-img-content-reversesection {
    width: 90%;
    margin-left: auto;
  }
  .comp-img-content-reversesection .section-card-reverseinner {
    margin-bottom: 60px;
    flex-direction: row-reverse;
    display: flex;
    width: 100%;
    margin-left: auto;
    justify-content: space-between;
  }
  .comp-img-content-reversesection .section-card-reverseinner .img-wrap {
    height: unset;
  }
  .comp-img-content-reversesection .section-card-reverseinner .img-wrap .imageone {
    width: 52.96875vw;
    height: 29.0625vw;
    border-radius: 2.6041666667vw 0vw 0vw 2.6041666667vw;
  }
  .comp-img-content-reversesection .section-card-reverseinner .img-wrap .imagetwo {
    width: 58.75vw;
    height: 34.6875vw;
    right: 4.1666666667vw;
    object-fit: cover;
  }
  .comp-img-content-reversesection .section-card-reverseinner .content-wrap {
    width: 50%;
    padding-left: 0vw;
    align-items: start;
    display: flex;
    flex-direction: column;
    margin-top: unset;
  }
  .comp-img-content-reversesection .section-card-reverseinner .content-wrap .sustainability .section-title {
    color: #BE1111;
    text-align: left;
    font-family: "Poppins", sans-serif;
    font-size: 3.3854166667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 0vw;
  }
  .comp-img-content-reversesection .section-card-reverseinner .content-wrap .sustainability .section-title--highlight {
    color: #1B1B1B;
  }
  .comp-img-content-reversesection .section-card-reverseinner .content-wrap .section-para {
    color: #1B1B1B;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    max-width: 25.3125vw;
    padding-top: 3.125vw;
    text-align: start;
  }
}
.full-width-card {
  width: 83%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 60px;
  padding-top: 30px;
  margin-bottom: -130px;
}
.full-width-card .cover-image-desktop {
  position: relative;
  padding-bottom: unset;
  height: unset;
  /* <picture> is inline by default, so it would add a baseline gap under
     the image it wraps. */
}
.full-width-card .cover-image-desktop picture {
  display: block;
}
.full-width-card .cover-image-desktop img {
  width: 100%;
  height: 325px;
  object-fit: cover;
  border-start-start-radius: 50px;
  border-start-end-radius: 50px;
  position: relative;
  object-position: -407px;
}
.full-width-card .cover-image-desktop::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 101%;
  width: 100%;
  background: linear-gradient(1deg, #000 10.96%, rgba(0, 0, 0, 0) 79.21%);
}
.full-width-card .cover-image-desktop .inner-details-desktop {
  display: none;
}
.full-width-card.text-first .cover-image-desktop {
  position: relative;
}
.full-width-card.text-first .cover-image-desktop::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(1deg, #000 10.96%, rgba(0, 0, 0, 0) 79.21%);
}
.full-width-card.text-first .cover-image-desktop .inner-details-desktop {
  align-items: flex-start;
}
.full-width-card.text-first .cover-image-desktop .inner-details-desktop .section-para {
  text-align: start;
}
.full-width-card .cover-image-mb {
  display: block;
  border-radius: 0px 0px 25px 25px;
  background: #000;
}
.full-width-card .cover-image-mb .inner-details-mb {
  width: 100%;
  height: 100%;
  margin: auto;
}
.full-width-card .cover-image-mb .inner-details-mb .section-para {
  color: #FFF;
  text-align: center;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.26px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 25px;
}
.full-width-card .cover-image-mb .inner-details-mb .section-title {
  color: #BE1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
}

/* Paired with the <source media="(max-width: 767.98px)"> in the template: the
   phone range is the only place the mobile upload is served, so it is the only
   place the crop needs undoing. A max-width query rather than a plain override
   because .full-width-card.has-mobile-image .cover-image-desktop img outweighs
   the .full-width-card .cover-image-desktop img rules in the min-width blocks
   below, and would otherwise cancel their object-position: right on desktop. */
@media only screen and (max-width: 767.98px) {
  .full-width-card.has-mobile-image .cover-image-desktop img {
    object-position: center;
  }
}
@media only screen and (min-width: 768px) {
  .full-width-card {
    width: 83%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 60px;
    padding-top: 30px;
  }
  .full-width-card .cover-image-desktop {
    position: relative;
    padding-bottom: unset;
    height: unset;
  }
  .full-width-card .cover-image-desktop img {
    width: 100%;
    height: 325px;
    object-fit: cover;
    border-start-start-radius: 50px;
    border-start-end-radius: 50px;
    position: relative;
    object-position: right;
  }
  .full-width-card .cover-image-desktop::after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 101%;
    width: 100%;
    background: linear-gradient(1deg, #000 10.96%, rgba(0, 0, 0, 0) 79.21%);
  }
  .full-width-card .cover-image-desktop .inner-details-desktop {
    display: none;
  }
  .full-width-card.text-first .cover-image-desktop {
    position: relative;
  }
  .full-width-card.text-first .cover-image-desktop::after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(1deg, #000 10.96%, rgba(0, 0, 0, 0) 79.21%);
  }
  .full-width-card.text-first .cover-image-desktop .inner-details-desktop {
    align-items: flex-start;
  }
  .full-width-card.text-first .cover-image-desktop .inner-details-desktop .section-para {
    text-align: start;
  }
  .full-width-card .cover-image-mb {
    display: block;
    border-radius: 0px 0px 25px 25px;
    background: #000;
  }
  .full-width-card .cover-image-mb .inner-details-mb {
    width: 100%;
    height: auto;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
  }
  .full-width-card .cover-image-mb .inner-details-mb .section-para {
    color: #FFF;
    text-align: center;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.26px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 15px;
  }
  .full-width-card .cover-image-mb .inner-details-mb .section-title {
    color: #BE1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -2px;
    text-transform: capitalize;
  }
}
@media only screen and (min-width: 990px) {
  .full-width-card .cover-image-desktop {
    display: block;
  }
  .full-width-card .cover-image-desktop img {
    height: 31.25vw;
  }
  .full-width-card .cover-image-mb {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .full-width-card {
    width: 83%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 4.1666666667vw;
    padding-top: 4.1666666667vw;
    margin-bottom: unset;
  }
  .full-width-card .cover-image-desktop {
    display: block;
    position: relative;
    margin-bottom: 2.6041666667vw;
    border-radius: 2.6041666667vw;
    overflow: hidden;
    isolation: isolate;
  }
  .full-width-card .cover-image-desktop::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) -5.09%, #000 76.11%);
    border-radius: 2.6041666667vw;
    overflow: hidden;
  }
  .full-width-card .cover-image-desktop img {
    width: 100%;
    object-fit: cover;
    height: 31.25vw;
    display: block;
    animation: scaleDown 15s linear forwards;
    backface-visibility: hidden;
  }
  .full-width-card .cover-image-desktop .inner-details-desktop {
    position: absolute;
    top: 60%;
    left: 114px;
    transform: translateY(-68%);
    padding: 0;
    width: 86%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1;
  }
  .full-width-card .cover-image-desktop .inner-details-desktop .section-title {
    color: #BE1111;
    font-family: "Poppins", sans-serif;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 2.6041666667vw;
    letter-spacing: -0.1041666667vw;
    text-transform: capitalize;
    padding-bottom: 1.3020833333vw;
    width: 8.8020833333vw;
  }
  .full-width-card .cover-image-desktop .inner-details-desktop .section-title .highlight {
    color: #fff;
  }
  .full-width-card .cover-image-desktop .inner-details-desktop .section-para {
    color: #FFF;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625vw;
    letter-spacing: -0.36px;
    width: 26.4583333333vw;
    padding-left: 0vw;
    padding-right: 0vw;
  }
  .full-width-card .cover-image-mb {
    display: none;
  }
  .full-width-card.text-first .cover-image-desktop {
    display: block;
    position: relative;
  }
  .full-width-card.text-first .cover-image-desktop::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: transparent;
  }
  .full-width-card.text-first .cover-image-desktop .inner-details-desktop {
    align-items: flex-end;
  }
  .full-width-card.text-first .cover-image-desktop .inner-details-desktop .section-title {
    text-align: right;
    width: 16.6666666667vw;
  }
  .full-width-card.text-first .cover-image-desktop .inner-details-desktop .section-para {
    text-align: right;
    width: 26.4583333333vw;
  }
  .full-width-card.text-first .cover-image-mb {
    display: none;
  }
}
.cmp-accordion {
  padding-bottom: 70px;
}
.cmp-accordion .section-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: -80px;
}
.cmp-accordion .section-inner .section-title {
  color: #BE1111;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  padding-left: 0;
  width: 316px;
  margin-left: auto;
  margin-right: auto;
}
.cmp-accordion .section-inner .section-title .highlights {
  color: #1B1B1B;
}
.cmp-accordion .section-inner .accordion-item {
  border: none;
  padding-bottom: 25px;
  margin-top: 25px;
  border-bottom: 1px solid #4D4D4F;
  transition: ease all 0.8s;
  padding-top: 25px;
}
.cmp-accordion .section-inner .accordion-item .accordion-head {
  color: #0D0D0D;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.12px;
  transition: ease all 0.8s;
  padding-left: 0;
  padding-right: 10px;
  position: relative;
}
.cmp-accordion .section-inner .accordion-item .accordion-head .faq {
  padding-left: 10px;
}
.cmp-accordion .section-inner .accordion-item .accordion-head::after {
  content: "";
  position: absolute;
  right: 4%;
  width: 15px;
  height: 10px;
  background-image: url(../images/down.png);
  background-size: cover;
  top: 4px;
}
.cmp-accordion .section-inner .accordion-item .acccordion-body {
  color: #231F20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 1.04px;
  max-height: 0;
  overflow: hidden;
  transition: ease all 0.8s;
  padding: 0 20px;
}
.cmp-accordion .section-inner .accordion-item.open {
  background-color: transparent;
  border-bottom: 3px solid #BE1111;
}
.cmp-accordion .section-inner .accordion-item.open .accordion-head {
  padding-bottom: 20px;
  color: #0D0D0D;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 1.12px;
  text-transform: inherit;
}
.cmp-accordion .section-inner .accordion-item.open .accordion-head .faq {
  padding-bottom: 20px;
  color: #0D0D0D;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 1.12px;
  text-transform: initial;
  padding-left: 10px;
}
.cmp-accordion .section-inner .accordion-item.open .accordion-head::after {
  content: "";
  position: absolute;
  right: 4%;
  width: 22px;
  height: 14px;
  background-image: url(../images/up.png);
  background-size: cover;
}
.cmp-accordion .section-inner .accordion-item.open .acccordion-body {
  max-height: 400px;
}

@media only screen and (min-width: 1200px) {
  .cmp-accordion {
    padding-bottom: 0vw;
  }
  .cmp-accordion .section-inner {
    margin-top: unset;
    margin-bottom: unset;
  }
  .cmp-accordion .section-inner .section-title {
    color: #BE1111;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -2px;
    text-transform: capitalize;
    padding-left: 1.3020833333vw;
    width: 33.75vw;
    margin-left: auto;
    margin-right: auto;
  }
  .cmp-accordion .section-inner .section-title .highlights {
    color: #1B1B1B;
  }
  .cmp-accordion .section-inner {
    width: 56%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 7.2916666667vw;
  }
  .cmp-accordion .section-inner .accordion-item {
    border: none;
    padding-bottom: 0.78125vw;
    margin-top: 1.3020833333vw;
    border-bottom: 1px solid #4D4D4F;
    transition: ease all 0.8s;
    padding-top: 1.3020833333vw;
  }
  .cmp-accordion .section-inner .accordion-item .accordion-head {
    color: #0D0D0D;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.075vw;
  }
  .cmp-accordion .section-inner .accordion-item .accordion-head .faq {
    color: #0D0D0D;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.075vw;
    text-transform: initial;
    padding-left: 0.5208333333vw;
  }
  .cmp-accordion .section-inner .accordion-item .acccordion-body {
    width: 100%;
    color: #231F20;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.075vw;
    text-transform: inherit;
  }
  .cmp-accordion .section-inner .accordion-item.open .accordion-head {
    color: #0D0D0D;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.075vw;
  }
  .cmp-accordion .section-inner .accordion-item.open .accordion-head .faq {
    color: #0D0D0D;
    font-family: "Poppins", sans-serif;
    font-size: 0.9375vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.075vw;
    text-transform: initial;
    padding-left: 0.5208333333vw;
  }
}
.cmp-image-content-card-slider .section-inner {
  padding: 0 20px;
  margin-bottom: 60px;
}
.cmp-image-content-card-slider .section-inner .responsive-card-slider .item {
  position: relative;
}
.cmp-image-content-card-slider .section-inner .responsive-card-slider .item img {
  width: 100%;
  display: block;
}
.cmp-image-content-card-slider .section-inner .responsive-card-slider .item .item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 20px 20px;
  z-index: 99;
}
.cmp-image-content-card-slider .section-inner .responsive-card-slider .item .item-content .item-content-title {
  font-family: "Poppins", sans-serif;
  color: #fff;
}
.cmp-image-content-card-slider .section-inner .responsive-card-slider .item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.65) 100%);
}

@media only screen and (min-width: 1200px) {
  .cmp-image-content-card-slider .section-inner {
    padding: 0 12.5vw;
    margin-bottom: 3.125vw;
  }
  .cmp-image-content-card-slider .section-inner .responsive-card-slider .item {
    position: relative;
  }
  .cmp-image-content-card-slider .section-inner .responsive-card-slider .item img {
    width: 100%;
    display: block;
  }
  .cmp-image-content-card-slider .section-inner .responsive-card-slider .item .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    padding: 1.5625vw 1.5625vw;
    z-index: 99;
  }
  .cmp-image-content-card-slider .section-inner .responsive-card-slider .item .item-content .item-content-title {
    font-family: "Poppins", sans-serif;
    color: #fff;
  }
  .cmp-image-content-card-slider .section-inner .responsive-card-slider .item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.65) 100%);
  }
}
.cmp-logo-slider .section-inner {
  padding: 0 20px;
  margin-bottom: 60px;
}
.cmp-logo-slider .section-inner .logo-slider img {
  margin: auto;
}

@media only screen and (min-width: 1200px) {
  .cmp-logo-slider .section-inner {
    padding: 0 12.5vw;
    margin-bottom: 5.2083333333vw;
  }
}
.cmp-single-img-video-slider .section-inner {
  padding: 0 20px;
  margin-bottom: 60px;
}
.cmp-single-img-video-slider .section-inner .img-video-wrapper .item {
  position: relative;
}
.cmp-single-img-video-slider .section-inner .img-video-wrapper .item img {
  width: 100%;
}
.cmp-single-img-video-slider .section-inner .img-video-wrapper .item .play-item-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.cmp-single-img-video-slider .section-inner .img-video-wrapper .item .play-item-link svg {
  fill: #fff;
  width: 30px;
  height: 30px;
}

@media only screen and (min-width: 1200px) {
  .cmp-single-img-video-slider .section-inner {
    padding: 0 12.5vw;
    margin-bottom: 5.2083333333vw;
  }
  .cmp-single-img-video-slider .section-inner .img-video-wrapper .item {
    position: relative;
  }
  .cmp-single-img-video-slider .section-inner .img-video-wrapper .item img {
    width: 100%;
  }
  .cmp-single-img-video-slider .section-inner .img-video-wrapper .item .play-item-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .cmp-single-img-video-slider .section-inner .img-video-wrapper .item .play-item-link svg {
    fill: #fff;
    width: 5.2083333333vw;
    height: 5.2083333333vw;
  }
}
.cmp-team-listing .section-inner {
  padding: 0 20px;
  margin-bottom: 60px;
}
.cmp-team-listing .section-inner .team-listing .listing-item {
  width: 100%;
}
.cmp-team-listing .section-inner .team-listing .listing-item .team-item {
  cursor: pointer;
}
.cmp-team-listing .section-inner .team-listing .listing-item .team-item .team-img {
  width: 100%;
}
.cmp-team-listing .section-inner .team-listing .listing-item .team-item .team-content {
  background-color: #2a2a2a;
  padding: 15px;
}
.cmp-team-listing .section-inner .team-listing .listing-item .team-item .team-content .team-name {
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  display: block;
}
.cmp-team-listing .section-inner .team-listing .listing-item .team-item .team-content .team-position {
  color: #fff;
  font-size: 16px;
  margin-top: 0;
  text-align: center;
  display: block;
}
.cmp-team-listing .section-inner .team-listing.listing .listing-item {
  margin-top: 40px;
}

.team-modal {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}
.team-modal .modal-content-box {
  padding: 30px 20px 20px;
  position: fixed;
  width: calc(100% - 80px);
  top: 20px;
  left: 20px;
  height: calc(100% - 80px);
  background-color: #fff;
  z-index: 99999;
}
.team-modal .modal-content-box .modal-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
}
.team-modal .modal-content-box .modal-close svg {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

@media only screen and (min-width: 992px) {
  .team-modal .modal-content-box {
    height: fit-content;
  }
  .team-modal .modal-content-box .team-modal-content {
    display: flex;
    flex-wrap: wrap;
  }
  .team-modal .modal-content-box .team-modal-content .modal-img {
    width: 33.33%;
  }
  .team-modal .modal-content-box .team-modal-content .modal-content {
    width: 66.66%;
  }
  .team-listing .listing-item {
    width: 100%;
  }
  .team-listing .listing-item .team-item {
    padding: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .cmp-team-listing .section-inner {
    padding: 0 12.5vw;
    margin-bottom: 5.2083333333vw;
  }
  .cmp-team-listing .team-listing .listing-item {
    width: 100%;
  }
  .cmp-team-listing .team-listing .listing-item .team-item {
    padding: 0.78125vw;
  }
  .team-modal .modal-content-box {
    height: fit-content;
    width: 52.0833333333vw;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .team-modal .modal-content-box .team-modal-content .modal-close {
    width: 2.0833333333vw;
    height: 1.0416666667vw;
    position: absolute;
    top: 0.2604166667vw;
    right: 0.2604166667vw;
    padding: 5px;
  }
  .team-modal .modal-content-box .team-modal-content .modal-close svg {
    width: 1.3020833333vw;
    height: 0.78125vw;
    cursor: pointer;
  }
  .team-modal .modal-content-box .team-modal-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .team-modal .modal-content-box .team-modal-content .modal-img {
    width: 33.33%;
  }
  .team-modal .modal-content-box .team-modal-content .modal-content {
    width: 66.66%;
  }
}
.cmp-sticky-content-slider .section-inner {
  padding: 0 20px;
  margin-bottom: 60px;
}

@media only screen and (min-width: 992px) {
  .cmp-sticky-content-slider .section-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .cmp-sticky-content-slider .ss-card-sticky-content {
    width: 33.333%;
  }
  .cmp-sticky-content-slider .ss-card-slider-wrap {
    width: 66.666%;
  }
}
@media only screen and (min-width: 1200px) {
  .cmp-sticky-content-slider .section-inner {
    padding: 0 12.5vw;
    margin-bottom: 3.125vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .cmp-sticky-content-slider .section-inner .ss-card-sticky-content .stiky-title {
    font-size: 1.6666666667vw;
  }
  .cmp-sticky-content-slider .section-inner .ss-card-sticky-content .sss_content {
    font-size: 0.8333333333vw;
  }
  .cmp-sticky-content-slider .section-inner .ss-card-slider-wrap .ss-card-slider .sss-card-item {
    padding: 4.1666666667vw 3.6458333333vw;
  }
  .cmp-sticky-content-slider .section-inner .ss-card-slider-wrap .ss-card-slider .sss-card-item .sss-card-title {
    font-size: 1.5625vw;
  }
  .cmp-sticky-content-slider .section-inner .ss-card-slider-wrap .ss-card-slider .sss-card-item .sss-card-content {
    font-size: 0.8333333333vw;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

.cmp-contact-form .section-inner {
  padding: 0;
  margin-bottom: 5.2083333333vw;
  display: block;
  justify-content: space-between;
}
.cmp-contact-form .section-inner .contact-details-warpper {
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 50px;
}
.cmp-contact-form .section-inner .contact-details-warpper .main-title {
  color: #1B1B1B;
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2.5px;
  text-transform: capitalize;
  text-align: center;
  width: 255px;
}
.cmp-contact-form .section-inner .contact-details-warpper .main-title .small {
  font-size: 36px;
  letter-spacing: -1.8px;
}
.cmp-contact-form .section-inner .contact-details-warpper .sub-title {
  color: #1B1B1B;
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: 70px;
  letter-spacing: -1.3px;
  text-transform: capitalize;
  padding-bottom: 20px;
}
.cmp-contact-form .section-inner .contact-details-warpper {
  width: 100%;
}
.cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content {
  width: 325px;
  padding-left: 0vw;
  text-align: center;
  padding-bottom: 20px;
}
.cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content .value {
  color: #112726;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 1.12px;
  width: 325px;
  /* Covers both the authored links and the ones iOS makes
     for itself. Safari's telephone-number detection wraps any
     plain-text number in its own <a href="tel:"> and paints it
     with -webkit-text-fill-color, which outranks colour - so
     setting colour alone left these numbers system blue on
     iPhone while every other platform showed #112726.
     Restyling rather than switching detection off with
     <meta name="format-detection"> keeps tap-to-call. */
}
.cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content .value a,
.cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content .value a[href^=tel] {
  color: #112726;
  -webkit-text-fill-color: currentColor;
  text-decoration: none;
}
.cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content .value {
  /* Design sets the company-name line in Be Vietnam ExtraBold. */
}
.cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content .value strong, .cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content .value b {
  font-weight: 800;
}
.cmp-contact-form .section-inner .contact-details-warpper .footer-socail-media .footer-social-media-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0vw;
  margin: 0vw;
  column-gap: 25px;
  align-items: center;
}
.cmp-contact-form .section-inner .contact-details-warpper .footer-socail-media .footer-social-media-list li {
  margin-right: 0;
  display: flex;
}
.cmp-contact-form .section-inner .contact-details-warpper .footer-socail-media .footer-social-media-list li .footer-social-media-link {
  display: flex;
}
.cmp-contact-form .section-inner .contact-details-warpper .footer-socail-media .footer-social-media-list li .footer-social-media-link svg {
  width: 18px;
  height: 18px;
}
.cmp-contact-form .section-inner .form-wrap {
  width: 90%;
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  padding: 40px 25px;
  background: #232324;
  margin-left: auto;
  margin-right: auto;
  /* Red "Ellipse Blur" glow anchored to the card's top-left corner. */
}
.cmp-contact-form .section-inner .form-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(190, 17, 17, 0.65) 0%, rgba(35, 35, 36, 0) 100%);
  filter: blur(70px);
  pointer-events: none;
}
.cmp-contact-form .section-inner .form-wrap > * {
  position: relative;
  z-index: 1;
}
.cmp-contact-form .section-inner .form-wrap .lbl-list {
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  position: relative;
  display: block;
  padding-top: 20px;
}
.cmp-contact-form .section-inner .form-wrap {
  /* Checkbox caption sits beside the box, not on its own line -- the
     generic `form label { width: 100% }` rule would otherwise push it. */
}
.cmp-contact-form .section-inner .form-wrap .lbl-list-lorem {
  color: #FFF;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  position: relative;
  display: block;
  width: auto;
  flex: 0 1 auto;
  margin: 0;
  padding: 0;
}
.cmp-contact-form .section-inner form input, .cmp-contact-form .section-inner form label, .cmp-contact-form .section-inner form textarea {
  width: 100%;
}
.cmp-contact-form .section-inner form input {
  height: 45px;
  background: transparent;
  border-right: transparent;
  border-left: transparent;
  border-top: transparent;
  border-bottom: 1px solid rgba(255, 248, 242, 0.3019607843);
  padding: 0;
  color: #FFF8F2;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  position: relative;
  outline: none;
  transition: border-bottom 0.3s ease;
}
.cmp-contact-form .section-inner form input:focus {
  border-bottom: 2px solid #FFF;
}
.cmp-contact-form .section-inner form input:hover {
  border-bottom: 2px solid #FFF;
  padding-bottom: 0.2604166667vw;
}
.cmp-contact-form .section-inner form input::placeholder {
  color: transparent;
}
.cmp-contact-form .section-inner form textarea {
  height: 45px;
  background: transparent;
  border-right: transparent;
  border-left: transparent;
  border-top: transparent;
  border-bottom: 1px solid rgba(255, 248, 242, 0.3019607843);
  padding: 0;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 16px;
  color: #FFF8F2;
  transition: border-bottom 0.3s ease;
}
.cmp-contact-form .section-inner form textarea:focus {
  border-bottom: 2px solid #FFF;
}
.cmp-contact-form .section-inner form textarea:focus-visible {
  border-bottom: transparent;
  border-right: transparent;
  border-left: transparent;
  border-top: transparent;
  outline: none;
}
.cmp-contact-form .section-inner form textarea:hover {
  border-bottom: 2px solid #FFF;
  padding-bottom: 0.2604166667vw;
}
.cmp-contact-form .section-inner form textarea::placeholder {
  color: transparent;
}
.cmp-contact-form .section-inner form label {
  margin-bottom: 0px;
}
.cmp-contact-form .section-inner form {
  /* Design: 16px square, 1px white outline, 3px radius. */
}
.cmp-contact-form .section-inner form .check-box .checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin: 0;
  border: 1px solid #FFF;
  border-radius: 3px;
  background: transparent;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s ease;
}
.cmp-contact-form .section-inner form .check-box .checkbox:checked {
  background: #E11837;
  border-color: #E11837;
}
.cmp-contact-form .section-inner form .check-box .checkbox:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 5px;
  height: 9px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.cmp-contact-form .section-inner form .contact-footer {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  padding-top: 40px;
  /* wpautop wraps the checkbox + caption in a <p>, so the row
     has to be laid out on that wrapper too. */
}
.cmp-contact-form .section-inner form .contact-footer .check-box {
  align-items: center;
  display: flex;
  gap: 15px;
}
.cmp-contact-form .section-inner form .contact-footer .check-box p {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;
}
.cmp-contact-form .section-inner form .contact-footer .check-box {
  /* wpautop also turns the source newline into a <br>,
     which would otherwise eat a second flex gap. */
}
.cmp-contact-form .section-inner form .contact-footer .check-box br {
  display: none;
}
.cmp-contact-form .section-inner form .contact-footer .wpcf7-response-output {
  border-color: transparent;
  color: #fff;
  padding: 0vw;
  margin-left: 0vw;
  margin-right: 0vw;
}
.cmp-contact-form .section-inner form .btn-submit {
  margin-top: 30px;
  position: relative;
  width: 176px;
  height: 48px;
}
.cmp-contact-form .section-inner form .btn-submit p {
  margin: 0;
}
.cmp-contact-form .section-inner form .btn-submit {
  /* The chevron badge lives on the wrapper: an <input>
     cannot render ::before. */
}
.cmp-contact-form .section-inner form .btn-submit::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-image: url("../images/button-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
.cmp-contact-form .section-inner form .btn-submit input[type=submit] {
  border: none;
  width: 176px;
  height: 48px;
  color: #FFF;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  padding-left: 22px;
  border-radius: 30px;
  cursor: pointer;
  background: #E11837;
  box-shadow: 0px 5px 20px 0px rgba(237, 28, 36, 0.5);
  transition: background-color 0.3s ease;
}
.cmp-contact-form .section-inner form .btn-submit input[type=submit]:hover {
  background-color: rgba(225, 24, 54, 0.6470588235);
}
.cmp-contact-form .map-wrap {
  margin-top: 7.1875vw;
  width: 100%;
  height: 375px;
  border-radius: 5.2083333333vw;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.cmp-contact-form .map-wrap iframe {
  width: 100%;
  height: 375px;
  border-radius: 0px;
}

@media only screen and (min-width: 992px) {
  .cmp-contact-form .section-inner {
    padding: 0 20px;
    margin-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
  }
  .cmp-contact-form .section-inner .contact-details-warpper {
    width: 50%;
  }
  .cmp-contact-form .section-inner .form-wrap {
    width: 50%;
  }
  .cmp-contact-form .section-inner .form-wrap form input {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .cmp-section.cmp-section--cmp-contact-wrapper {
    margin-top: 4.1666666667vw !important;
  }
  .cmp-contact-form .section-inner {
    padding: 0 12.5vw;
    margin-bottom: 5.2083333333vw;
    display: flex;
    justify-content: space-between;
  }
  .cmp-contact-form .section-inner .contact-details-warpper {
    justify-content: center;
    display: flex;
    align-items: start;
    flex-direction: column;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .main-title {
    color: #1B1B1B;
    font-family: "Poppins", sans-serif;
    font-size: 6.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6458333333vw;
    letter-spacing: -0.3125vw;
    text-transform: capitalize;
    text-align: left;
    width: unset;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .main-title .small {
    font-size: 3.3333333333vw;
    letter-spacing: -0.1666666667vw;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .sub-title {
    color: #1B1B1B;
    font-family: "Poppins", sans-serif;
    font-size: 2.0833333333vw;
    font-style: normal;
    font-weight: 300;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1041666667vw;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 2.34375vw;
  }
  .cmp-contact-form .section-inner .contact-details-warpper {
    width: 38%;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content {
    padding-left: 0vw;
    width: unset;
    text-align: left;
    padding-bottom: 0vw;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .contact-row .contact-content .value {
    color: #112726;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 1.0416666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.0833333333vw;
    width: unset;
    padding-bottom: 2.6041666667vw;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .footer-socail-media .footer-social-media-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0vw;
    margin: 0vw;
    column-gap: 1.3020833333vw;
    align-items: center;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .footer-socail-media .footer-social-media-list li {
    margin-right: 0;
    display: flex;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .footer-socail-media .footer-social-media-list li .footer-social-media-link {
    display: flex;
  }
  .cmp-contact-form .section-inner .contact-details-warpper .footer-socail-media .footer-social-media-list li .footer-social-media-link svg {
    width: 0.9375vw;
    height: 0.9375vw;
  }
  .cmp-contact-form .section-inner .form-wrap {
    width: 56%;
    min-height: 41.6145833333vw;
    border-radius: 2.6041666667vw;
    padding: 5.2083333333vw 5.9895833333vw;
    background: #232324;
  }
  .cmp-contact-form .section-inner .form-wrap::before {
    width: 26.0416666667vw;
    height: 26.0416666667vw;
    filter: blur(7.8125vw);
  }
  .cmp-contact-form .section-inner .form-wrap {
    /* Figma pitches each field block 88px apart: 26.24px label +
       40px input + the gap below. */
  }
  .cmp-contact-form .section-inner .form-wrap .lbl-list {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-size: 0.8333333333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3666666667vw;
    position: relative;
    display: block;
    padding-top: 1.1458333333vw;
  }
  .cmp-contact-form .section-inner .form-wrap .lbl-list-lorem {
    color: #FFF;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 400;
    position: relative;
    display: block;
    width: auto;
    flex: 0 1 auto;
    font-size: 0.7291666667vw;
    line-height: 1.25;
    margin: 0;
    padding: 0; /* the .check-box gap owns the spacing */
  }
  .cmp-contact-form .section-inner form input, .cmp-contact-form .section-inner form label, .cmp-contact-form .section-inner form textarea {
    width: 100%;
  }
  .cmp-contact-form .section-inner form input {
    height: 2.0833333333vw;
    background: transparent;
    border-right: transparent;
    border-left: transparent;
    border-top: transparent;
    border-bottom: 1px solid rgba(255, 248, 242, 0.3019607843);
    padding: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    color: #FFF8F2;
    position: relative;
    outline: none;
    transition: border-bottom 0.3s ease;
  }
  .cmp-contact-form .section-inner form input:focus {
    border-bottom: 2px solid #FFF;
  }
  .cmp-contact-form .section-inner form input:hover {
    border-bottom: 2px solid #FFF;
    padding-bottom: 0.2604166667vw;
  }
  .cmp-contact-form .section-inner form input::placeholder {
    color: transparent;
  }
  .cmp-contact-form .section-inner form textarea {
    height: 2.0833333333vw;
    background: transparent;
    border-right: transparent;
    border-left: transparent;
    border-top: transparent;
    border-bottom: 1px solid rgba(255, 248, 242, 0.3019607843);
    padding: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 0.9375vw;
    color: #FFF8F2;
    transition: border-bottom 0.3s ease;
  }
  .cmp-contact-form .section-inner form textarea:focus {
    border-bottom: 2px solid #FFF;
  }
  .cmp-contact-form .section-inner form label {
    margin-bottom: 0vw;
  }
  .cmp-contact-form .section-inner form .check-box .checkbox {
    width: 0.8333333333vw;
    height: 0.8333333333vw;
    border-radius: 0.15625vw;
  }
  .cmp-contact-form .section-inner form .check-box .checkbox:checked::after {
    top: 0.0520833333vw;
    left: 0.2083333333vw;
    width: 0.2604166667vw;
    height: 0.46875vw;
    border-width: 0 0.1041666667vw 0.1041666667vw 0;
  }
  .cmp-contact-form .section-inner form .contact-footer {
    padding-top: 3.6458333333vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1.0416666667vw;
  }
  .cmp-contact-form .section-inner form .contact-footer .check-box {
    align-items: center;
    display: flex;
    gap: 0.78125vw;
  }
  .cmp-contact-form .section-inner form .contact-footer .check-box p {
    display: flex;
    align-items: center;
    gap: 0.78125vw;
    margin: 0;
  }
  .cmp-contact-form .section-inner form .contact-footer .wpcf7-response-output {
    border-color: transparent;
    color: #fff;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .cmp-contact-form .section-inner form .btn-submit {
    position: relative;
    margin-top: 3.6458333333vw;
    width: 193px;
    height: 54px;
    /* The chevron badge lives on the wrapper: an <input>
       cannot render ::before. */
  }
  .cmp-contact-form .section-inner form .btn-submit::before {
    content: "";
    position: absolute;
    background-image: url("../images/button-icon.png");
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
  }
  .cmp-contact-form .section-inner form .btn-submit input[type=submit] {
    border: none;
    width: 193px;
    height: 54px;
    color: #FFF;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    padding-left: 25px;
    border-radius: 30px;
    cursor: pointer;
    background: #E11837;
    box-shadow: 0px 5px 20px 0px rgba(237, 28, 36, 0.5);
    transition: background-color 0.3s ease;
  }
  .cmp-contact-form .section-inner form .btn-submit input[type=submit]:hover {
    background-color: rgba(225, 24, 54, 0.6470588235);
  }
  .map-wrap {
    margin-top: 7.1875vw;
    width: 100%;
    height: 26.0416666667vw;
    border-radius: 5.2083333333vw;
    background: url(<path-to-image>) lightgray 50%/cover no-repeat;
  }
  .map-wrap iframe {
    width: 100%;
    height: 26.0416666667vw;
    border-radius: 5.2083333333vw;
  }
}
.cmp-multiple-img-content .section-inner {
  padding: 0 20px;
  margin-bottom: 60px;
}
.cmp-multiple-img-content .section-inner .img-item {
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  .cmp-multiple-img-content .section-inner {
    padding: 0 5px;
    margin-bottom: 60px;
  }
  .cmp-multiple-img-content .section-inner .mul-img {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .cmp-multiple-img-content .section-inner .mul-img .img-item {
    width: 50%;
    margin-bottom: 20px;
  }
  .cmp-multiple-img-content .section-inner .mul-img .img-item img {
    width: 100%;
  }
  .cmp-multiple-img-content .section-inner .multi-content {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .cmp-multiple-img-content .section-inner {
    padding: 0 11.71875vw;
    margin-bottom: 5.2083333333vw;
  }
  .cmp-multiple-img-content .section-inner .mul-img {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .cmp-multiple-img-content .section-inner .mul-img .img-item {
    width: 50%;
    margin-bottom: 1.5625vw;
    padding: 0 0.78125vw;
  }
  .cmp-multiple-img-content .section-inner .mul-img .img-item img {
    width: 100%;
  }
  .cmp-multiple-img-content .section-inner .multi-content {
    padding: 0 0.78125vw;
  }
}
/* Vision / Mission / Values
   Mobile first: everything stacks in one column.
   From 1200px up the Figma two-column layout kicks in (1920 artboard, get-vw). */
.vmv-section {
  padding: 0 0 0;
}
.vmv-section .vmv-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.vmv-section .vmv-statements {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 40px;
}
.vmv-section .vmv-statement {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.vmv-section .vmv-heading {
  display: flex;
  align-items: center;
  gap: 12px;
}
.vmv-section .vmv-icon {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  object-fit: contain;
}
.vmv-section .section-title {
  color: #BE1111;
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -1.5px;
  text-transform: capitalize;
  margin: 0;
}
.vmv-section .section-title--highlight {
  color: #1B1B1B;
}
.vmv-section .vmv-para {
  color: #231F20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
  margin: 0;
}
.vmv-section {
  /* Values card */
}
.vmv-section .vmv-values {
  position: relative;
  overflow: hidden;
  background: #232324;
  border-radius: 25px;
}
.vmv-section .vmv-values-glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(190, 17, 17, 0.65) 0%, rgba(35, 35, 36, 0) 100%);
  filter: blur(70px);
  pointer-events: none;
}
.vmv-section .vmv-values-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px 25px;
}
.vmv-section .vmv-values .section-title--highlight {
  color: #fff;
}
.vmv-section .vmv-values .vmv-para {
  color: #fff;
}
.vmv-section .vmv-values-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.vmv-section .vmv-value {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.vmv-section .vmv-value-head {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.vmv-section .vmv-value-bullet {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  border-radius: 2px;
  background: #E11837;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.5);
}
.vmv-section .vmv-value-title {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
}

@media only screen and (min-width: 1200px) {
  .vmv-section {
    padding: 0 0 0;
  }
  .vmv-section .vmv-inner {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5.2083333333vw;
    padding: 0 11.4583333333vw;
  }
  .vmv-section .vmv-statements {
    width: 24.4791666667vw;
    flex-shrink: 0;
    gap: 5.2083333333vw;
    margin-bottom: 0;
  }
  .vmv-section .vmv-statement {
    gap: 3.125vw;
  }
  .vmv-section .vmv-heading {
    gap: 0.78125vw;
  }
  .vmv-section .vmv-icon {
    width: 3.125vw;
    height: 3.125vw;
  }
  .vmv-section .section-title {
    font-size: 2.5vw;
    line-height: 3.125vw;
    letter-spacing: -0.125vw;
  }
  .vmv-section .vmv-para {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
  }
  .vmv-section {
    /* Figma pins the card at 744px. Real CSS line boxes are taller than Figma's
       trimmed text boxes (~30px per value), so grow past it rather than clip. */
  }
  .vmv-section .vmv-values {
    width: 47.3958333333vw;
    min-height: 38.75vw;
    flex-shrink: 0;
    border-radius: 2.6041666667vw;
  }
  .vmv-section .vmv-values-glow {
    width: 26.0416666667vw;
    height: 26.0416666667vw;
    filter: blur(7.8125vw);
  }
  .vmv-section .vmv-values-inner {
    gap: 3.125vw;
    padding: 5.2083333333vw 4.1666666667vw 5.2083333333vw 5.2083333333vw;
  }
  .vmv-section {
    /* The 670px text column sits get-vw(59px) left of the scroll indicator from
       the design. The three designed values fit without scrolling; a longer list
       scrolls and reveals the indicator. */
  }
  .vmv-section .vmv-values-list {
    gap: 3.5416666667vw;
    max-height: 29.1666666667vw;
    overflow-y: auto;
    padding-right: 3.0729166667vw;
    /* Scroll indicator, Figma node 1:902. The exported SVG draws it as two
       overlaid round-capped lines: a 1px track in white at 25%, and a 3px
       #E11837 thumb with the same 2px/5px/5px black-50% shadow the value
       bullets use. It has to be a real scrollbar to scroll, so it is
       reproduced with scrollbar pseudo-elements rather than the asset. */
    /* Firefox has no separate track/thumb widths, so it gets the closest
       match the standard properties allow - but ONLY there. Chrome 121+
       discards every ::-webkit-scrollbar rule below as soon as
       scrollbar-width or scrollbar-color is present, which made this render
       as Chrome's own 10px "thin" bar instead of the 1px/3px design. */
  }
  @supports not selector(::-webkit-scrollbar) {
    .vmv-section .vmv-values-list {
      scrollbar-width: thin;
      scrollbar-color: #E11837 rgba(255, 255, 255, 0.25);
    }
  }
  .vmv-section .vmv-values-list {
    /* WebKit reproduces it exactly. The scrollbar box is the thumb's 3px;
       the narrower 1px track is painted as a centred stripe so the two can
       differ in width (33.33%-66.67% of 3px is the middle 1px). */
    /* Fixed px, not get-vw: the browser rounds scrollbar widths to whole
       pixels, so a scaled 3px lands on 2px below ~1920 and the hairline
       loses a third of its weight. The 1px track is fixed for the same
       reason - it is painted as a fraction of this box. */
  }
  .vmv-section .vmv-values-list::-webkit-scrollbar {
    width: 3px;
    background: transparent;
  }
  .vmv-section .vmv-values-list::-webkit-scrollbar-track {
    background: linear-gradient(to right, transparent 33.33%, rgba(255, 255, 255, 0.25) 33.33%, rgba(255, 255, 255, 0.25) 66.67%, transparent 66.67%);
  }
  .vmv-section .vmv-values-list::-webkit-scrollbar-thumb {
    background: #E11837;
    border-radius: 1.5px;
    box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.5);
  }
  .vmv-section .vmv-value {
    gap: 1.5625vw;
  }
  .vmv-section .vmv-value-head {
    gap: 0.78125vw;
  }
  .vmv-section .vmv-value-bullet {
    width: 0.5729166667vw;
    height: 0.5729166667vw;
    border-radius: 0.1041666667vw;
  }
  .vmv-section .vmv-value-title {
    font-size: 1.1458333333vw;
    line-height: 1.4583333333vw;
  }
}
/* Banner With Icon Cards
   Full-bleed image with a dark gradient over the copy side, and a card grid
   that overhangs the bottom edge of the image.
   Mobile first; the Figma two-column layout starts at 1200px (1920 artboard). */
.cmp-banner-cards {
  position: relative;
  /* Cards clear the image and sit on the page background below it. */
  padding-bottom: 40px;
}
.cmp-banner-cards .banner-cards-media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* Everything except the trailing card overhang. */
  height: 100%;
  overflow: hidden;
}
.cmp-banner-cards .banner-cards-media picture,
.cmp-banner-cards .banner-cards-media img {
  display: block;
  width: 100%;
  height: 100%;
}
.cmp-banner-cards .banner-cards-media img {
  object-fit: cover;
  object-position: center;
}
.cmp-banner-cards {
  /* Stacked layout puts the copy over the full width, so the wash runs top
     down. Capped short of opaque so the photo still reads through. */
}
.cmp-banner-cards .banner-cards-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 25, 23, 0.92) 0%, rgba(0, 25, 23, 0.78) 45%, rgba(0, 25, 23, 0.45) 100%);
  pointer-events: none;
}
.cmp-banner-cards .banner-cards-inner {
  position: relative;
  z-index: 1;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}
.cmp-banner-cards .section-title {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -1.5px;
  text-transform: capitalize;
  margin: 0 0 20px;
}
.cmp-banner-cards .section-title--highlight {
  color: #BE1111;
}
.cmp-banner-cards .section-para {
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
  margin: 0 0 30px;
}
.cmp-banner-cards .banner-cards-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.cmp-banner-cards .banner-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 25px 20px;
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
}
.cmp-banner-cards {
  /* Dashed ring around the icon. */
}
.cmp-banner-cards .banner-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 62px;
  height: 62px;
  border: 1px dashed rgba(27, 27, 27, 0.35);
  border-radius: 50%;
}
.cmp-banner-cards .banner-card-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.cmp-banner-cards .banner-card-title {
  color: rgba(27, 27, 27, 0.8);
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-transform: capitalize;
  margin: 0 0 4px;
}
.cmp-banner-cards .banner-card-para {
  color: #231F20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.26px;
  margin: 0;
}

@media only screen and (min-width: 1200px) {
  .cmp-banner-cards {
    /* Figma: 797px section over a 707px image, so the cards hang 90px past it.
       The overhang comes from the shorter image, not from padding -- the last
       card row is what ends the section. */
    padding-bottom: 0;
    margin-bottom: 4.1666666667vw;
    margin-top: 6.7708333333vw;
  }
  .cmp-banner-cards .banner-cards-media {
    height: 36.8229166667vw;
  }
  .cmp-banner-cards {
    /* Left-to-right wash over the copy, transparent across the truck. */
  }
  .cmp-banner-cards .banner-cards-overlay {
    background: linear-gradient(to left, rgba(0, 25, 23, 0) 15.46%, #001917 99.99%);
  }
  .cmp-banner-cards .banner-cards-inner {
    width: 100%;
    padding: 7.2916666667vw 8.3333333333vw 0;
  }
  .cmp-banner-cards {
    /* Figma places the title at 140px, the paragraph at 294px and the cards at
       417px from the section top. Margins are trimmed against those offsets
       because CSS line boxes run taller than Figma's cap-trimmed text. */
  }
  .cmp-banner-cards .section-title {
    max-width: 27.0833333333vw;
    font-size: 2.5vw;
    line-height: 3.125vw;
    letter-spacing: -0.125vw;
    margin: 0 0 1.7708333333vw;
  }
  .cmp-banner-cards .section-para {
    width: 42.96875vw;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    margin: 0 0 3.28125vw;
  }
  .cmp-banner-cards {
    /* 2 x 478px columns with a 20px gutter. */
  }
  .cmp-banner-cards .banner-cards-grid {
    width: 50.8333333333vw;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.0416666667vw;
  }
  .cmp-banner-cards .banner-card {
    min-height: 9.375vw;
    gap: 1.3020833333vw;
    padding: 2.6041666667vw;
    border-radius: 2.0833333333vw;
  }
  .cmp-banner-cards .banner-card-icon {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
  .cmp-banner-cards .banner-card-icon img {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
  .cmp-banner-cards .banner-card-title {
    font-size: 1.25vw;
    line-height: 1.4583333333vw;
    margin: 0 0 0.46875vw;
  }
  .cmp-banner-cards .banner-card-para {
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
    letter-spacing: -0.0166666667vw;
  }
}
/* Fleet Listing
   Each fleet pairs a square image slider with a grey specification panel.
   Odd rows put the image left, even rows mirror it. The panel bleeds to the
   viewport edge behind the image, and the neighbouring slide peeks past it.
   Mobile first; the Figma two-column layout starts at 1200px (1920 artboard). */
.cmp-fleet-listing {
  overflow: hidden;
}
.cmp-fleet-listing .fleet-item {
  position: relative;
  margin-bottom: 40px;
}
.cmp-fleet-listing .fleet-item.is-hidden {
  display: none;
}
.cmp-fleet-listing {
  /* --- image side ---------------------------------------------------- */
}
.cmp-fleet-listing .fleet-media {
  position: relative;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  /* The peek slab is desktop-only chrome. */
}
.cmp-fleet-listing .fleet-media .fleet-peek {
  display: none;
}
.cmp-fleet-listing .fleet-media::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px;
  background: linear-gradient(to bottom, rgba(153, 32, 32, 0) 56.86%, rgba(153, 32, 32, 0.9) 100%);
  pointer-events: none;
  z-index: 1;
}
.cmp-fleet-listing .fleet-gallery {
  /* Collapse every slide but the first until Slick initialises. */
}
.cmp-fleet-listing .fleet-gallery:not(.slick-initialized) .fleet-slide + .fleet-slide {
  display: none;
}
.cmp-fleet-listing .fleet-slide img {
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  height: 300px;
  object-fit: cover;
}
.cmp-fleet-listing .fleet-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 0 20px;
  text-align: center;
  color: #fff;
}
.cmp-fleet-listing .fleet-title {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}
.cmp-fleet-listing .fleet-tagline {
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.26px;
  margin: 0;
}
.cmp-fleet-listing {
  /* --- slider arrows -------------------------------------------------- */
}
.cmp-fleet-listing .fleet-arrows {
  position: absolute;
  left: 0;
  top: 109%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
}
.cmp-fleet-listing .fleet-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.cmp-fleet-listing .fleet-arrow img {
  width: 17px;
  height: 17px;
}
.cmp-fleet-listing .fleet-arrow:hover {
  transform: scale(1.08);
}
.cmp-fleet-listing .fleet-arrow {
  /* Prev is the red button pointing back, next is white pointing forward. */
}
.cmp-fleet-listing .fleet-arrow--prev {
  background: #E11837;
}
.cmp-fleet-listing .fleet-arrow--prev img {
  transform: rotate(180deg);
}
.cmp-fleet-listing .fleet-arrow--next {
  background: #fff;
}
.cmp-fleet-listing .fleet-arrow--next img {
  /* The source arrow is white; darken it for the light button. */
  filter: brightness(0) saturate(100%);
}
.cmp-fleet-listing {
  /* --- specification panel -------------------------------------------- */
}
.cmp-fleet-listing .fleet-specs {
  background: #eee;
  border-radius: 25px;
  width: 90%;
  margin: -25px auto 0;
  padding: 55px 20px 30px;
}
.cmp-fleet-listing .fleet-specs-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}
.cmp-fleet-listing .fleet-specs-list {
  flex: 1 1 auto;
  min-width: 0;
}
.cmp-fleet-listing {
  /* Scroll indicator: a faint track with a red thumb driven by the list's
     scroll position. Only rendered when there are more than four specs. */
}
.cmp-fleet-listing .fleet-specs-rule {
  display: none;
  position: relative;
  flex-shrink: 0;
  width: 1px;
  align-self: stretch;
  background: rgba(27, 27, 27, 0.2);
}
.cmp-fleet-listing .fleet-specs-thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 28%;
  background: #E11837;
  transition: top 0.1s linear;
}
.cmp-fleet-listing .fleet-spec {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 0;
}
.cmp-fleet-listing .fleet-spec + .fleet-spec {
  border-top: 1px solid rgba(27, 27, 27, 0.15);
}
.cmp-fleet-listing .fleet-spec-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border: 1px dashed rgba(27, 27, 27, 0.35);
  border-radius: 50%;
  background: #fff;
}
.cmp-fleet-listing .fleet-spec-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.cmp-fleet-listing .fleet-spec-text {
  flex: 1 1 auto;
  color: rgba(27, 27, 27, 0.8);
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  text-align: right;
  text-transform: capitalize;
}
.cmp-fleet-listing {
  /* --- load more ------------------------------------------------------ */
}
.cmp-fleet-listing .fleet-load-more {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.cmp-fleet-listing .fleet-load-more-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 200px;
  height: 46px;
  padding: 0 25px;
  border: none;
  border-radius: 30px;
  background: #E11837;
  box-shadow: 0 5px 13px 0 rgba(237, 28, 36, 0.5);
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.cmp-fleet-listing .fleet-load-more-btn:hover {
  background-color: #ec435d;
}
.cmp-fleet-listing .fleet-load-more-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  background-image: url("../images/button-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

@media only screen and (min-width: 1200px) {
  .cmp-section.cmp-section--cmp-fleet-listing {
    margin-top: 5.2083333333vw !important;
  }
  .cmp-fleet-listing .fleet-item {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 21.875vw;
    margin-bottom: 3.6458333333vw;
  }
  .cmp-fleet-listing {
    /* Panel: 1758px wide, bleeding off the left edge, rounded on the inner
       side only. Its content is pushed clear of the 828px image on top. */
  }
  .cmp-fleet-listing .fleet-specs {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 84.8958333333vw;
    height: 21.3541666667vw;
    margin: 0;
    padding: 4.1666666667vw 4.1666666667vw 4.1666666667vw 53.125vw;
    border-radius: 0 2.6041666667vw 2.6041666667vw 0;
    display: flex;
    align-items: center;
  }
  .cmp-fleet-listing .fleet-specs-inner {
    width: 100%;
    gap: 4.1666666667vw;
    align-items: center;
  }
  .cmp-fleet-listing .fleet-specs-list {
    width: 23.3854166667vw;
    flex: 0 0 auto;
    /* Capped to exactly four rows by JS; the native bar is hidden because
       .fleet-specs-rule stands in for it. */
  }
  .cmp-fleet-listing .fleet-specs-list.has-scroll {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .cmp-fleet-listing .fleet-specs-list.has-scroll::-webkit-scrollbar {
    display: none;
  }
  .cmp-fleet-listing .fleet-spec {
    gap: 5.2083333333vw;
    padding: 0.78125vw 0;
  }
  .cmp-fleet-listing .fleet-spec-icon {
    width: 3.28125vw;
    height: 3.28125vw;
  }
  .cmp-fleet-listing .fleet-spec-icon img {
    width: 1.71875vw;
    height: 1.71875vw;
  }
  .cmp-fleet-listing .fleet-spec-text {
    width: 14.0104166667vw;
    flex: 0 0 auto;
    font-size: 0.9375vw;
    line-height: 1.3020833333vw;
  }
  .cmp-fleet-listing {
    /* The rule only exists alongside a scrolling list, so it tracks that
       list's height rather than a fixed one. */
  }
  .cmp-fleet-listing .fleet-specs-rule {
    display: block;
    align-self: stretch;
  }
  .cmp-fleet-listing {
    /* Image: 828px square at x=240, sitting above the panel. */
  }
  .cmp-fleet-listing .fleet-media {
    position: relative;
    z-index: 2;
    width: 34.8958333333vw;
    height: 23.9583333333vw;
    flex: 0 0 auto;
    margin: 0 0 0 12.5vw;
    border-radius: 2.6041666667vw;
    overflow: visible;
  }
  .cmp-fleet-listing .fleet-media::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 2.6041666667vw;
    background: linear-gradient(to bottom, rgba(153, 32, 32, 0) 56.86%, rgba(153, 32, 32, 0.9) 87%);
    pointer-events: none;
    z-index: 1;
  }
  .cmp-fleet-listing .fleet-gallery,
  .cmp-fleet-listing .fleet-slide,
  .cmp-fleet-listing .fleet-slide img,
  .cmp-fleet-listing .slick-list,
  .cmp-fleet-listing .slick-track {
    height: 100%;
  }
  .cmp-fleet-listing .fleet-gallery {
    border-radius: 2.6041666667vw;
    overflow: hidden;
  }
  .cmp-fleet-listing .fleet-slide img {
    height: 100%;
    aspect-ratio: auto;
  }
  .cmp-fleet-listing {
    /* Neighbouring slide peeking past the image, off the viewport edge.
       Nested under .fleet-media to outrank the mobile rule that hides it. */
  }
  .cmp-fleet-listing .fleet-media .fleet-peek {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% + 1.0416666667vw);
    width: 11.4583333333vw;
    height: 23.4375vw;
    border-radius: 0 2.6041666667vw 2.6041666667vw 0;
    overflow: hidden;
    z-index: -1;
  }
  .cmp-fleet-listing .fleet-media .fleet-peek img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .cmp-fleet-listing .fleet-media .fleet-peek::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(19, 19, 19, 0.7);
  }
  .cmp-fleet-listing .fleet-caption {
    bottom: 0.8854166667vw;
    gap: 1.0416666667vw;
    padding: 0 1.0416666667vw;
  }
  .cmp-fleet-listing .fleet-title {
    font-size: 2.5vw;
    line-height: 2.7083333333vw;
  }
  .cmp-fleet-listing .fleet-tagline {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
  }
  .cmp-fleet-listing .fleet-arrows {
    left: -8.0729166667vw;
    gap: 0.5208333333vw;
    top: 50%;
    width: unset;
    flex-direction: column;
  }
  .cmp-fleet-listing .fleet-arrow {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
  .cmp-fleet-listing .fleet-arrow img {
    width: 1.09375vw;
    height: 1.09375vw;
  }
  .cmp-fleet-listing {
    /* --- mirrored rows ------------------------------------------------ */
  }
  .cmp-fleet-listing .fleet-item--reversed {
    flex-direction: row-reverse;
  }
  .cmp-fleet-listing .fleet-item--reversed .fleet-specs {
    left: auto;
    right: 0;
    padding: 4.1666666667vw 53.125vw 4.1666666667vw 7.8125vw;
    border-radius: 2.6041666667vw 0 0 2.6041666667vw;
  }
  .cmp-fleet-listing .fleet-item--reversed {
    /* Only the panel flips sides -- its internals keep the design's
       icon-left / text-right arrangement with the rule on the right. */
  }
  .cmp-fleet-listing .fleet-item--reversed .fleet-media {
    margin: 0 12.5vw 0 0;
  }
  .cmp-fleet-listing .fleet-item--reversed .fleet-media .fleet-peek {
    right: auto;
    left: calc(100% + 1.0416666667vw);
    border-radius: 2.6041666667vw 0 0 2.6041666667vw;
  }
  .cmp-fleet-listing .fleet-item--reversed .fleet-arrows {
    left: auto;
    right: -8.0729166667vw;
  }
  .cmp-fleet-listing .fleet-load-more {
    padding: 2.0833333333vw;
  }
  .cmp-fleet-listing .fleet-load-more-btn {
    width: 12.2395833333vw;
    height: 2.8125vw;
    padding: 0 1.3020833333vw;
    font-size: 0.9375vw;
  }
  .cmp-fleet-listing .fleet-load-more-btn::after {
    right: 0.2604166667vw;
    width: 2.2916666667vw;
    height: 2.2916666667vw;
  }
}
/* Cards With Popup
   A grid of cards, each opening its own popup. Mobile first: one column, then
   two from 768px, then the Figma three-column layout from 1200px (1920 artboard,
   so desktop sizing goes through get-vw). The popup is a fixed overlay on every
   breakpoint; only its inner layout changes. */
.cmp-cards-with-popup {
  padding: 40px 0 130px;
}
.cmp-cards-with-popup .cwp-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.cmp-cards-with-popup {
  /* --- grid ------------------------------------------------------------ */
}
.cmp-cards-with-popup .cwp-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.cmp-cards-with-popup .cwp-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(35, 35, 36, 0.5);
  border-radius: 30px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.cmp-cards-with-popup .cwp-card.is-hidden {
  display: none;
}
.cmp-cards-with-popup .cwp-card-media {
  padding: 5px;
}
.cmp-cards-with-popup .cwp-card-media img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 30px;
}
.cmp-cards-with-popup .cwp-card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 20px 25px 30px;
}
.cmp-cards-with-popup .cwp-card-title {
  margin: 0 0 15px;
  color: rgba(27, 27, 27, 0.8);
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
}
.cmp-cards-with-popup .cwp-card-text {
  margin: 0 0 20px;
  color: #231f20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.32px;
}
.cmp-cards-with-popup {
  /* Pushed to the bottom so the links line up across cards of unequal text. */
}
.cmp-cards-with-popup .cwp-card-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 0;
  border: 0;
  background: none;
  color: #BE1111;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  cursor: pointer;
}
.cmp-cards-with-popup .cwp-card-link .cwp-card-arrow {
  display: block;
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}
.cmp-cards-with-popup .cwp-card-link:hover .cwp-card-arrow, .cmp-cards-with-popup .cwp-card-link:focus-visible .cwp-card-arrow {
  transform: translateX(4px);
}
.cmp-cards-with-popup {
  /* --- load more -------------------------------------------------------- */
}
.cmp-cards-with-popup .cwp-load-more {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.cmp-cards-with-popup .cwp-load-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  width: 235px;
  height: 54px;
  padding: 0 5px 0 25px;
  border: 0;
  border-radius: 30px;
  background: #BE1111;
  box-shadow: 0 5px 20px 0 rgba(237, 28, 36, 0.5);
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  cursor: pointer;
}
.cmp-cards-with-popup .cwp-load-more-btn .cwp-load-more-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  /* The 44px translucent disc behind the arrow, straight from the design. */
  background-image: url("../images/icons/pill-circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px 44px;
}
.cmp-cards-with-popup .cwp-load-more-btn .cwp-load-more-icon img {
  display: block;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
.cmp-cards-with-popup .cwp-load-more-btn:hover .cwp-load-more-icon img, .cmp-cards-with-popup .cwp-load-more-btn:focus-visible .cwp-load-more-icon img {
  transform: translateX(3px);
}
.cmp-cards-with-popup {
  /* --- popup ------------------------------------------------------------ */
}
.cmp-cards-with-popup .cwp-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.cmp-cards-with-popup .cwp-popup[hidden] {
  display: none;
}
.cmp-cards-with-popup .cwp-popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}
.cmp-cards-with-popup .cwp-popup-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1600px;
  max-height: 90vh;
  background: #fff;
  border: 1px solid rgba(35, 35, 36, 0.5);
  border-radius: 30px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.cmp-cards-with-popup .cwp-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
  padding: 0;
  border: 0;
  /* popup-close.svg is a solid #BE1111 disc with the X punched out of it as a
     transparent cut-out, so with nothing behind it the X showed whatever the
     button happened to sit over -- the popup image, at this breakpoint. White
     fills the cut-out and keeps the X legible on any backdrop. Circular so
     the fill stays inside the disc instead of squaring off its corners. */
  background: #fff;
  border-radius: 50%;
  line-height: 0;
  cursor: pointer;
}
.cmp-cards-with-popup .cwp-popup-close img {
  display: block;
  width: 36px;
  height: 36px;
}
.cmp-cards-with-popup .cwp-popup-close {
  /* Focus moves here when the popup opens, so suppress the ring for pointer
     users but keep a visible one for keyboard navigation. */
}
.cmp-cards-with-popup .cwp-popup-close:focus {
  outline: none;
}
.cmp-cards-with-popup .cwp-popup-close:focus-visible {
  outline: 2px solid #be1111;
  outline-offset: 3px;
  border-radius: 50%;
}
.cmp-cards-with-popup {
  /* The scroller, not the box, so the close button stays put while reading. */
}
.cmp-cards-with-popup .cwp-popup-scroll {
  display: flex;
  /* Deliberately NOT column-reverse. The markup is content-then-media and the
     mobile layout wants media on top, but a reversed column anchors its
     initial scroll position to the flex start -- the visual bottom -- so the
     popup opened already scrolled down. Ordering the media instead gives the
     same stacking with the scroller starting at the top. */
  flex-direction: column;
  gap: 25px;
  padding: 60px 25px 35px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  /* Site scroll indicator rather than the browser's default bar: a hairline
     track with a red thumb, same as the history-card and vision-mission
     scrollers, coloured for a light panel. */
  /* Firefox only. Chrome 121+ discards every ::-webkit-scrollbar rule as soon
     as scrollbar-width or scrollbar-color is present, which would swap this
     for Chrome's own 10px "thin" bar. */
}
@supports not selector(::-webkit-scrollbar) {
  .cmp-cards-with-popup .cwp-popup-scroll {
    scrollbar-width: thin;
    scrollbar-color: #E11837 rgba(35, 31, 32, 0.15);
  }
}
.cmp-cards-with-popup .cwp-popup-scroll {
  /* Fixed px, not get-vw: browsers round scrollbar widths to whole pixels, so
     a scaled 3px collapses to 2px below ~1920 and the hairline loses a third
     of its weight. */
}
.cmp-cards-with-popup .cwp-popup-scroll::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}
.cmp-cards-with-popup .cwp-popup-scroll {
  /* The scrollbar box is the thumb's 3px; the 1px track is painted as a
     centred stripe so the two can differ in width (33.33%-66.67% of 3px). */
}
.cmp-cards-with-popup .cwp-popup-scroll::-webkit-scrollbar-track {
  background: linear-gradient(to right, transparent 33.33%, rgba(35, 31, 32, 0.15) 33.33%, rgba(35, 31, 32, 0.15) 66.67%, transparent 66.67%);
}
.cmp-cards-with-popup .cwp-popup-scroll::-webkit-scrollbar-thumb {
  background: #E11837;
  border-radius: 1.5px;
  box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.5);
}
.cmp-cards-with-popup .cwp-popup-title {
  margin: 0 0 20px;
  color: #020202;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -1.2px;
  text-transform: capitalize;
}
.cmp-cards-with-popup .cwp-popup-title .cwp-popup-title-highlight {
  color: #be1111;
}
.cmp-cards-with-popup .cwp-popup-text {
  margin: 0 0 20px;
  color: #231f20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.36px;
}
.cmp-cards-with-popup .cwp-popup-subtitle {
  margin: 0 0 12px;
  color: #0d0d0d;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -1px;
  text-transform: capitalize;
}
.cmp-cards-with-popup .cwp-popup-list {
  margin: 0 0 20px;
  padding-left: 20px;
  list-style: disc;
}
.cmp-cards-with-popup .cwp-popup-list li {
  margin-bottom: 4px;
  color: #231f20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.36px;
}
.cmp-cards-with-popup .cwp-popup-media {
  /* Above the text while the scroller is a column; reset to source order at
     the 992px breakpoint, where the scroller becomes a row. */
  order: -1;
}
.cmp-cards-with-popup .cwp-popup-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
}

/* Locks the page behind an open popup. Set on <body> by custom.js. */
body.cwp-popup-open {
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .cmp-cards-with-popup {
    padding: 40px 0 160px;
  }
  .cmp-cards-with-popup .cwp-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cmp-cards-with-popup .cwp-card-media img {
    height: 250px;
  }
  .cmp-cards-with-popup .cwp-popup-scroll {
    padding: 70px 40px 45px;
  }
  .cmp-cards-with-popup .cwp-popup-title {
    font-size: 36px;
    line-height: 46px;
    letter-spacing: -1.8px;
  }
}
@media only screen and (min-width: 992px) {
  .cmp-cards-with-popup {
    /* From here the popup matches the Figma two-column layout. */
  }
  .cmp-cards-with-popup .cwp-popup-scroll {
    flex-direction: row;
    align-items: flex-start;
    gap: 50px;
  }
  .cmp-cards-with-popup .cwp-popup-content {
    flex: 1 1 50%;
    min-width: 0;
  }
  .cmp-cards-with-popup .cwp-popup-media {
    order: 0;
    flex: 0 0 45%;
    max-width: 45%;
  }
}
@media only screen and (min-width: 1200px) {
  .cmp-cards-with-popup {
    padding: 7.2916666667vw 0 13.5416666667vw;
  }
  .cmp-cards-with-popup .cwp-inner {
    width: 83.33%;
  }
  .cmp-cards-with-popup .cwp-grid {
    grid-template-columns: repeat(3, 1fr);
    /* 20px between columns, 70px between rows on the 1920 artboard. */
    column-gap: 1.0416666667vw;
    row-gap: 3.6458333333vw;
  }
  .cmp-cards-with-popup .cwp-card {
    border-radius: 1.5625vw;
    box-shadow: 0 0.5208333333vw 1.5625vw 0 rgba(0, 0, 0, 0.2);
  }
  .cmp-cards-with-popup .cwp-card-media {
    padding: 0.2604166667vw;
  }
  .cmp-cards-with-popup .cwp-card-media img {
    height: 19.1666666667vw;
    border-radius: 1.5625vw;
  }
  .cmp-cards-with-popup .cwp-card-body {
    padding: 2.34375vw 2.0833333333vw 2.0833333333vw;
  }
  .cmp-cards-with-popup .cwp-card-title {
    margin-bottom: 1.9270833333vw;
    font-size: 1.25vw;
    line-height: 1.4583333333vw;
  }
  .cmp-cards-with-popup .cwp-card-text {
    margin-bottom: 2.0833333333vw;
    font-size: 0.8333333333vw;
    line-height: 1.5625vw;
    letter-spacing: -0.0166666667vw;
  }
  .cmp-cards-with-popup .cwp-card-link {
    gap: 0.625vw;
    font-size: 0.9375vw;
    line-height: 1.4583333333vw;
  }
  .cmp-cards-with-popup .cwp-card-link .cwp-card-arrow {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
  .cmp-cards-with-popup .cwp-load-more {
    margin-top: 3.6458333333vw;
  }
  .cmp-cards-with-popup .cwp-load-more-btn {
    width: 12.2395833333vw;
    height: 2.8125vw;
    padding: 0 0.2604166667vw 0 1.3020833333vw;
    border-radius: 1.5625vw;
    box-shadow: 0 0.2604166667vw 1.0416666667vw 0 rgba(237, 28, 36, 0.5);
    font-size: 0.9375vw;
    line-height: 1.4583333333vw;
  }
  .cmp-cards-with-popup .cwp-load-more-btn .cwp-load-more-icon {
    flex-basis: 2.2916666667vw;
    width: 2.2916666667vw;
    height: 2.2916666667vw;
    background-size: 2.2916666667vw 2.2916666667vw;
  }
  .cmp-cards-with-popup .cwp-load-more-btn .cwp-load-more-icon img {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
  .cmp-cards-with-popup {
    /* --- popup, Figma sizing ------------------------------------------- */
  }
  .cmp-cards-with-popup .cwp-popup {
    padding: 2.0833333333vw;
  }
  .cmp-cards-with-popup .cwp-popup-box {
    max-width: 83.3333333333vw;
    /* The design height, but never taller than the window - on a short
       viewport the vh term wins and the box scrolls instead of clipping. */
    max-height: min(49.4791666667vw, 90vh);
    border-radius: 1.5625vw;
    box-shadow: 0 0.5208333333vw 1.5625vw 0 rgba(0, 0, 0, 0.2);
  }
  .cmp-cards-with-popup .cwp-popup-close {
    top: 1.5625vw;
    right: 1.5625vw;
  }
  .cmp-cards-with-popup .cwp-popup-close img {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
  .cmp-cards-with-popup .cwp-popup-scroll {
    gap: 5.625vw;
    padding: 5.2083333333vw 6.1979166667vw 4.1666666667vw 8.8541666667vw;
  }
  .cmp-cards-with-popup .cwp-popup-content {
    /* 584px text column on the 1920 artboard. */
    flex: 0 0 30.4166666667vw;
    max-width: 30.4166666667vw;
  }
  .cmp-cards-with-popup .cwp-popup-title {
    margin-bottom: 1.7708333333vw;
    font-size: 2.5vw;
    line-height: 3.125vw;
    letter-spacing: -0.125vw;
  }
  .cmp-cards-with-popup .cwp-popup-text {
    margin-bottom: 1.5625vw;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
  }
  .cmp-cards-with-popup .cwp-popup-subtitle {
    margin-bottom: 0.5208333333vw;
    font-size: 1.4583333333vw;
    line-height: 3.125vw;
    letter-spacing: -0.0729166667vw;
  }
  .cmp-cards-with-popup .cwp-popup-list {
    margin-bottom: 2.0833333333vw;
    padding-left: 1.40625vw;
  }
  .cmp-cards-with-popup .cwp-popup-list li {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
  }
  .cmp-cards-with-popup .cwp-popup-media {
    flex: 0 0 32.2395833333vw;
    max-width: 32.2395833333vw;
  }
  .cmp-cards-with-popup .cwp-popup-media img {
    height: 27.7083333333vw;
    object-fit: cover;
    border-radius: 1.5625vw;
  }
}
/* Where We Operate - Figma node 70:134.
   Mobile first: heading, map, search, then cards stacked one per row.
   Tablet (768-1199px) puts the cards two-up under a full-width map.
   Desktop (>=1200px) is the Figma two-column layout (1920 artboard, get-vw). */
.cmp-wwo .wwo-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.cmp-wwo .wwo-title {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -1.7px;
  text-transform: capitalize;
  margin: 0 0 30px;
}
.cmp-wwo .wwo-title .wwo-title-one,
.cmp-wwo .wwo-title .wwo-title-two {
  display: block;
}
.cmp-wwo .wwo-title .wwo-title-one {
  color: #BE1111;
}
.cmp-wwo .wwo-title .wwo-title-two {
  color: #1B1B1B;
}
.cmp-wwo .wwo-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cmp-wwo .wwo-map-wrap {
  width: 100%;
}
.cmp-wwo .wwo-map {
  width: 100%;
  height: 280px;
  border-radius: 25px;
  overflow: hidden;
  background: #e9e9e9;
  position: relative;
  z-index: 0;
}
.cmp-wwo .wwo-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.cmp-wwo .wwo-map .leaflet-container {
  width: 100%;
  height: 100%;
  background: #e9e9e9;
  font-family: "Be Vietnam Pro", sans-serif;
}
.cmp-wwo .wwo-map .leaflet-control-attribution {
  font-size: 10px;
}
.cmp-wwo .wwo-map .leaflet-control-attribution a {
  color: #BE1111;
}
.cmp-wwo {
  /* Map marker - a CSS pin in the brand red, so no icon image is needed. */
}
.cmp-wwo .wwo-marker-pin {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50% 50% 50% 0;
  background: #BE1111;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  transform: rotate(-45deg);
}
.cmp-wwo .wwo-marker-pin::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
.cmp-wwo {
  /* Search pill + round button */
}
.cmp-wwo .wwo-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.cmp-wwo .wwo-search-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 54px;
  padding: 0 24px;
  border-radius: 40px;
  border: 1px solid #dadada;
  background: #fdfdfd;
  color: #1B1B1B;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 15px;
  outline: none;
}
.cmp-wwo .wwo-search-input::placeholder {
  color: #b7b7b7;
  opacity: 1;
}
.cmp-wwo .wwo-search-input:focus-visible {
  border-color: #BE1111;
}
.cmp-wwo .wwo-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.cmp-wwo .wwo-search-btn {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  border: none;
  border-radius: 50px;
  background: #BE1111;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.25s ease;
}
.cmp-wwo .wwo-search-btn .wwo-search-icon {
  width: 20px;
  height: 20px;
  display: block;
}
.cmp-wwo .wwo-search-btn:hover, .cmp-wwo .wwo-search-btn:focus-visible {
  background: #ec435d;
}
.cmp-wwo .wwo-cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cmp-wwo .wwo-card {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 30px;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.08);
  padding: 28px 25px;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.cmp-wwo .wwo-card:focus-visible {
  outline: 2px solid #BE1111;
  outline-offset: 2px;
}
.cmp-wwo .wwo-card.is-hidden {
  display: none;
}
.cmp-wwo .wwo-card-title {
  color: #171717;
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.44px;
  text-transform: capitalize;
  margin: 0 0 20px;
}
.cmp-wwo .wwo-field {
  margin-bottom: 16px;
}
.cmp-wwo .wwo-label {
  display: block;
  color: #4d4d4f;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.3px;
  margin-bottom: 4px;
}
.cmp-wwo .wwo-value {
  display: block;
  color: #BE1111;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.34px;
  text-decoration: none;
  word-break: break-word;
}
.cmp-wwo .wwo-map-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  color: #0d0d0d;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: none;
}
.cmp-wwo .wwo-map-link .wwo-map-link-text {
  text-decoration: underline;
}
.cmp-wwo .wwo-map-link-icon {
  width: 32px;
  height: 32px;
  border-radius: 60px;
  background: #0d0d0d;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.cmp-wwo .wwo-map-link-icon .wwo-arrow-icon {
  width: 18px;
  height: 10px;
  display: block;
}
.cmp-wwo {
  /* Selected card - the one the map is currently showing. */
}
.cmp-wwo .wwo-card.is-active {
  background: #E11837;
  border-color: #E11837;
}
.cmp-wwo .wwo-card.is-active .wwo-card-title,
.cmp-wwo .wwo-card.is-active .wwo-label,
.cmp-wwo .wwo-card.is-active .wwo-value,
.cmp-wwo .wwo-card.is-active .wwo-map-link {
  color: #fff;
}
.cmp-wwo .wwo-card.is-active .wwo-map-link-icon {
  background: #fff;
  color: #0d0d0d;
}
.cmp-wwo .wwo-empty {
  color: #231F20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 15px;
  margin: 10px 0 0;
}

/* ---- Tablet: cards two-up, map still full width ------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .cmp-wwo .wwo-title {
    font-size: 44px;
    line-height: 52px;
    letter-spacing: -2.2px;
  }
  .cmp-wwo .wwo-map {
    height: 360px;
  }
  .cmp-wwo .wwo-cards {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .cmp-wwo .wwo-card {
    width: calc(50% - 10px);
  }
}
/* ---- Desktop: the Figma layout ------------------------------------------ */
@media only screen and (min-width: 1200px) {
  .cmp-wwo .wwo-inner {
    width: 85%;
  }
  .cmp-wwo .wwo-title {
    font-size: 3.3333333333vw;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
    margin: 0 0 6.5104166667vw;
  }
  .cmp-wwo .wwo-body {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.0416666667vw;
  }
  .cmp-wwo {
    /* Figma: 599x485 map, 20px from the panel. */
  }
  .cmp-wwo .wwo-map-wrap {
    width: 31.1979166667vw;
    flex-shrink: 0;
  }
  .cmp-wwo .wwo-map {
    height: 30.2604166667vw;
    border-radius: 1.5625vw;
  }
  .cmp-wwo .wwo-panel {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5208333333vw;
  }
  .cmp-wwo .wwo-search {
    gap: 1.0416666667vw;
    margin-bottom: 0vw;
  }
  .cmp-wwo .wwo-search-input {
    height: 3.90625vw;
    padding: 0 1.5625vw;
    border-radius: 2.0833333333vw;
    font-size: 1.0416666667vw;
  }
  .cmp-wwo .wwo-search-btn {
    width: 3.6979166667vw;
    height: 3.90625vw;
    border-radius: 2.6041666667vw;
  }
  .cmp-wwo .wwo-search-btn .wwo-search-icon {
    width: 1.3541666667vw;
    height: 1.3541666667vw;
  }
  .cmp-wwo {
    /* Figma: 473px cards, 20px apart, in a 386px-tall scrolling region with a
       5px indicator on the right. The cards keep their designed width and wrap,
       so a longer branch list scrolls rather than squashing the cards. */
  }
  .cmp-wwo .wwo-cards {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.0416666667vw;
    max-height: 26.09375vw;
    overflow-y: auto;
    padding-right: 0.5208333333vw;
    /* Firefox only - see cmp-vision-mission-values.scss: Chrome drops every
       ::-webkit-scrollbar rule as soon as these standard properties exist. */
  }
  @supports not selector(::-webkit-scrollbar) {
    .cmp-wwo .wwo-cards {
      scrollbar-width: thin;
      scrollbar-color: #031227 #dddddd;
    }
  }
  .cmp-wwo .wwo-cards::-webkit-scrollbar {
    width: 5px;
  }
  .cmp-wwo .wwo-cards::-webkit-scrollbar-track {
    background: #dddddd;
  }
  .cmp-wwo .wwo-cards::-webkit-scrollbar-thumb {
    background: #031227;
  }
  .cmp-wwo .wwo-card {
    width: 24.6354166667vw;
    min-height: 20.1041666667vw;
    border-radius: 1.5625vw;
    padding: 2.6041666667vw 2.0833333333vw;
    box-shadow: 0 0.2083333333vw 2.6041666667vw 0 rgba(0, 0, 0, 0.08);
  }
  .cmp-wwo .wwo-card-title {
    font-size: 1.6666666667vw;
    letter-spacing: -0.0333333333vw;
    margin: 0 0 1.5625vw;
  }
  .cmp-wwo .wwo-field {
    margin-bottom: 1.1979166667vw;
  }
  .cmp-wwo .wwo-label {
    font-size: 0.9375vw;
    letter-spacing: -0.01875vw;
    margin-bottom: 0.2604166667vw;
  }
  .cmp-wwo .wwo-value {
    font-size: 1.0416666667vw;
    line-height: 1.1458333333vw;
    letter-spacing: -0.0208333333vw;
  }
  .cmp-wwo .wwo-map-link {
    gap: 0.78125vw;
    margin-top: 0.78125vw;
    font-size: 0.8333333333vw;
  }
  .cmp-wwo .wwo-map-link-icon {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    border-radius: 3.125vw;
  }
  .cmp-wwo .wwo-map-link-icon .wwo-arrow-icon {
    width: 0.9177083333vw;
    height: 0.5015625vw;
  }
}
/* Image + Block Grid Rows - Figma node 253:297.

   Desktop (1920 artboard): each row is 1463x576 - a 467 photo beside a 996 grey
   card, 20px radius on the outer corners, rows 60px apart. Inside the card the
   title sits at y=80 and the 2x2 block grid at y=214 / y=385, on 378px columns
   70px apart.

   Type: the title and the block headings are Poppins, the block copy is Be
   Vietnam Pro Regular - so the two headline levels share a family and only the
   body text switches to the secondary face.

   Mobile first: the photo stacks above the card and the blocks run in one
   column, widening to two from 768px. */
.sbg-section .sbg-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.sbg-section .sbg-row {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
}
.sbg-section .sbg-media {
  flex: 0 0 auto;
  height: 310px;
}
.sbg-section .sbg-media-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.sbg-section .sbg-card {
  flex: 1 1 auto;
  background: #eeeeee;
  padding: 30px 25px 35px;
}
.sbg-section .sbg-title {
  color: #BE1111;
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -1.5px;
  text-transform: capitalize;
  margin: 0 0 25px;
}
.sbg-section .sbg-title-two {
  display: block;
  color: #0d0d0d;
}
.sbg-section .sbg-items {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 40px;
  row-gap: 30px;
}
.sbg-section .sbg-item-title {
  color: #231F20;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.4px;
  margin: 0 0 12px;
}
.sbg-section .sbg-item-content {
  color: rgba(27, 27, 27, 0.8);
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.sbg-section .sbg-item-content p {
  margin: 0;
}
.sbg-section .sbg-item-content p + p {
  margin-top: 8px;
}
.sbg-section .sbg-item-content ul,
.sbg-section .sbg-item-content ol {
  margin: 0;
  padding-left: 20px;
}
.sbg-section .sbg-item-content ul {
  list-style: disc;
}
.sbg-section .sbg-item-content li {
  margin: 0;
}
.sbg-section .sbg-item-content a {
  color: inherit;
  text-decoration: underline;
  transition: color 0.25s ease;
}
.sbg-section .sbg-item-content a:hover, .sbg-section .sbg-item-content a:focus-visible {
  color: #E11837;
}

@media only screen and (min-width: 600px) {
  .sbg-section .sbg-media {
    height: 320px;
  }
}
@media only screen and (min-width: 768px) {
  .sbg-section .sbg-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .sbg-section .sbg-media {
    height: 380px;
  }
}
@media only screen and (min-width: 1200px) {
  .sbg-section .sbg-inner {
    width: 76.2%;
    gap: 3.125vw;
  }
  .sbg-section .sbg-row {
    flex-direction: row;
    align-items: stretch;
    min-height: 30vw;
    border-radius: 1.0416666667vw;
  }
  .sbg-section .sbg-row--image-right {
    flex-direction: row-reverse;
  }
  .sbg-section .sbg-media {
    flex: 0 0 31.9207%;
    width: 31.9207%;
    height: auto;
  }
  .sbg-section .sbg-card {
    padding: 3.4895833333vw 3.6458333333vw 3.8541666667vw 5.2083333333vw;
    min-width: 0;
  }
  .sbg-section .sbg-title {
    font-size: 2.5vw;
    line-height: 3.125vw;
    letter-spacing: -0.125vw;
    max-width: 21.3020833333vw;
    margin: 0 0 1.0416666667vw;
  }
  .sbg-section .sbg-items {
    column-gap: 3.6458333333vw;
    row-gap: 2.4479166667vw;
  }
  .sbg-section .sbg-item-title {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    letter-spacing: -0.025vw;
    margin: 0 0 0.9895833333vw;
  }
  .sbg-section .sbg-item-content {
    font-size: 0.9375vw;
    line-height: 1.3020833333vw;
  }
  .sbg-section .sbg-item-content p + p {
    margin-top: 0.5208333333vw;
  }
  .sbg-section .sbg-item-content ul,
  .sbg-section .sbg-item-content ol {
    padding-left: 1.40625vw;
  }
}
.utility-page {
  width: 83%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 90px;
}
.utility-page .utility-wrapper {
  width: 100%;
}
.utility-page .utility-eyebrow,
.utility-page .utility-code {
  color: #BE1111;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.24px;
  text-transform: uppercase;
  margin: 0 0 12px;
}
.utility-page .utility-code {
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -3.2px;
}
.utility-page .utility-title {
  color: #BE1111;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -2px;
  text-transform: capitalize;
  margin: 0;
}
.utility-page .utility-title--highlight {
  color: #1B1B1B;
}
.utility-page .utility-para {
  color: #231F20;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.28px;
  margin: 16px 0 0;
  max-width: 620px;
}
.utility-page .link {
  text-decoration: none;
}
.utility-page .success-btn {
  border-radius: 30px;
  background: #E11837;
  box-shadow: 0 5px 20px 0 rgba(237, 28, 36, 0.5);
  color: #fff;
  font-family: "Be Vietnam Pro", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  border: none;
  min-width: 149px;
  height: 46px;
  padding: 0 24px;
  cursor: pointer;
  transition: background 0.25s ease;
}
.utility-page .success-btn:hover, .utility-page .success-btn:focus-visible {
  background: #ec435d;
}
.utility-page .utility-home-btn {
  margin-top: 22px;
}
.utility-page .utility-links {
  margin-top: 40px;
}
.utility-page .utility-links__label {
  color: #E11837;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.76px;
  text-transform: uppercase;
  margin: 0 0 16px;
}
.utility-page .utility-links__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.utility-page .utility-links__item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border: 1px solid rgba(35, 35, 36, 0.2);
  border-radius: 25px;
  background: #fff;
  text-decoration: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.utility-page .utility-links__item:hover, .utility-page .utility-links__item:focus-visible {
  border-color: #E11837;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.utility-page .utility-links__item:hover .utility-links__arrow, .utility-page .utility-links__item:focus-visible .utility-links__arrow {
  transform: translateX(4px);
}
.utility-page .utility-links__text {
  color: #1B1B1B;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.utility-page .utility-links__arrow {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: transform 0.25s ease;
}

@media only screen and (min-width: 768px) {
  .utility-page .utility-links__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1200px) {
  .utility-page {
    width: 83%;
    padding-top: 4.6875vw;
    padding-bottom: 11.25vw;
  }
  .utility-page .utility-eyebrow {
    font-size: 0.7291666667vw;
    letter-spacing: 0.1166666667vw;
    margin-bottom: 0.7291666667vw;
  }
  .utility-page .utility-code {
    font-size: 6.25vw;
    letter-spacing: -0.3125vw;
    margin-bottom: 0.5208333333vw;
  }
  .utility-page .utility-title {
    font-size: 3.3333333333vw;
    line-height: 3.6458333333vw;
    letter-spacing: -0.1666666667vw;
  }
  .utility-page .utility-para {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    letter-spacing: -0.01875vw;
    margin-top: 1.0416666667vw;
    max-width: 37.5vw;
  }
  .utility-page .success-btn {
    border-radius: 1.5625vw;
    font-size: 0.8333333333vw;
    line-height: 1.4583333333vw;
    min-width: 9.6354166667vw;
    height: 2.8125vw;
    padding: 0 1.5625vw;
  }
  .utility-page .utility-links {
    margin-top: 3.125vw;
  }
  .utility-page .utility-links__label {
    font-size: 0.625vw;
    letter-spacing: 0.1vw;
    margin-bottom: 1.0416666667vw;
  }
  .utility-page .utility-links__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25vw;
  }
  .utility-page .utility-links__item {
    gap: 1.0416666667vw;
    padding: 1.25vw 1.5625vw;
    border-radius: 1.3020833333vw;
  }
  .utility-page .utility-links__text {
    font-size: 0.9375vw;
    line-height: 1.4583333333vw;
    letter-spacing: -0.01875vw;
  }
  .utility-page .utility-links__arrow {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
}
/* ==========================================================================
   Inner-page vertical rhythm.

   Every component rendered by template-parts/cmp-mixing.php is wrapped in
   .cmp-section, so the gap between blocks is declared once here instead of
   each component shipping its own:

     mobile + tablet (< 1200px)  ->  60px
     desktop (>= 1200px)         ->  get-vw(140px)   (= 140px at the 1920 design width)

   Before this, each component set its own bottom margin on .section-inner
   (60px on mobile, but anything from get-vw(60px) to get-vw(140px) on desktop)
   and a few also added a root padding-top, so the gap between two blocks
   depended on which two blocks happened to sit next to each other. Those
   per-component values are zeroed below and replaced by the single rule above.

   Imported LAST from cmp-mixing.scss so these rules win on source order.
   ========================================================================== */
/* ---- the gap itself ---------------------------------------------------- */
.cmp-section + .cmp-section {
  margin-top: 60px;
}

/* Components with a negative bottom offset (accordion -80px, full-width card
   -130px, profile card -134px, overlap card -213px) pull the block below them
   up on purpose. A top gap on that next block would collapse against the
   negative margin and shrink the intended overlap, so it is skipped.
   On desktop the profile card flips to a positive get-vw(140px), which already
   matches the shared gap - so skipping is still the right result. */
.cmp-section--overlap + .cmp-section {
  margin-top: 0;
}

/* ---- neutralise the per-component spacing the gap replaces -------------- */
.cmp-section .section-inner,
.cmp-section .section-card-inner,
.cmp-section .section-card-reverseinner {
  margin-bottom: 0;
}
.cmp-section > .section-wrapper,
.cmp-section > .row-heading,
.cmp-section > .full-width-card,
.cmp-section > .cmp-banner-cards,
.cmp-section > .comp-lab-map {
  padding-top: 0;
}
.cmp-section > .cmp-banner-cards,
.cmp-section > .section-container,
.cmp-section > .comp-lab-map,
.cmp-section > .image-wrapper,
.cmp-section > .comp-img-content-section {
  margin-bottom: 0;
}
.cmp-section > .cmp-accordion .section-inner {
  margin-top: 0;
}
.cmp-section > .comp-lab-map > .section-title {
  padding-top: 0;
}

/* Note: the overlap components' own negative bottom offsets
   (.full-width-card -130px, .profile-conatiner -134px, accordion
   .section-inner -80px) are deliberately NOT touched above - they still apply
   as authored, and .cmp-section--overlap keeps the next block from fighting
   them. */
@media only screen and (min-width: 1200px) {
  .cmp-section + .cmp-section {
    margin-top: 7.2916666667vw;
  }
  .cmp-section--overlap + .cmp-section {
    margin-top: 0;
  }
  .cmp-section .section-inner,
  .cmp-section .section-card-inner,
  .cmp-section .section-card-reverseinner {
    margin-bottom: 0;
  }
  .cmp-section > .section-wrapper,
  .cmp-section > .row-heading,
  .cmp-section > .full-width-card,
  .cmp-section > .cmp-banner-cards,
  .cmp-section > .comp-lab-map,
  .cmp-section > .comp-img-content-section > .section-inner {
    padding-top: 0;
  }
  .cmp-section > .cmp-banner-cards,
  .cmp-section > .section-container,
  .cmp-section > .comp-lab-map,
  .cmp-section > .image-wrapper,
  .cmp-section > .comp-img-content-section {
    margin-bottom: 0;
  }
}
/* ==========================================================================
   Site-wide hover / focus states.

   .success-btn alone is declared 27 times across the three stylesheets, nested
   up to 8 classes deep, so authoring a hover at each site would mean writing
   and maintaining the same rule 27 times. This file is imported LAST by every
   entry point (style.scss, front-page.scss, cmps/cmp-mixing.scss) and states
   each hover once.

   That depth is also why the hover declarations below are !important: a global
   .success-btn:hover is specificity (0,2,0) and loses to selectors such as
   .main-banner.inner-banner ... .banner-button .success-btn at (0,8,0).
   !important is confined to the :hover / :focus-visible blocks - every
   resting state is left exactly as its component authored it.

   :focus-visible is paired with :hover throughout so keyboard users get the
   same affordance, matching the convention already used in footer.scss and
   cmp-utility-pages.scss.
   ========================================================================== */
/* ---- primary red CTA ---------------------------------------------------- */
.success-btn,
.fleet-load-more-btn,
.cwp-load-more-btn {
  cursor: pointer;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}
.success-btn:hover, .success-btn:focus-visible,
.fleet-load-more-btn:hover,
.fleet-load-more-btn:focus-visible,
.cwp-load-more-btn:hover,
.cwp-load-more-btn:focus-visible {
  background-color: #ec435d !important;
}

/* Every .success-btn::before in the theme is the arrow icon sitting at
   translateY(-50%) - verified across all 23 compiled declarations - so nudging
   it right on hover generalises what three of them already did on their own. */
.success-btn::before {
  transition: transform 0.25s ease;
}
.success-btn:hover::before, .success-btn:focus-visible::before {
  transform: translateY(-50%) translateX(5px) !important;
}

/* ---- icon / ghost buttons ------------------------------------------------
   These have no fill of their own to shift, so they fade instead. */
.close-btn,
.cwp-popup-close,
.search-btn,
.hamburger,
.fleet-arrow {
  cursor: pointer;
  transition: opacity 0.25s ease;
}
.close-btn:hover, .close-btn:focus-visible,
.cwp-popup-close:hover,
.cwp-popup-close:focus-visible,
.search-btn:hover,
.search-btn:focus-visible,
.hamburger:hover,
.hamburger:focus-visible,
.fleet-arrow:hover,
.fleet-arrow:focus-visible {
  opacity: 0.7;
}

/* The play button is centred with a translate, so its hover transform has to
   restate that translate before adding the scale. */
.play-item-link {
  cursor: pointer;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.play-item-link:hover, .play-item-link:focus-visible {
  transform: translateX(-50%) translateY(-50%) scale(1.08) !important;
}

/* ---- text links ---------------------------------------------------------- */
.nav-links a,
.utility-page .link,
.link a,
.item-content-link {
  transition: color 0.25s ease;
}
.nav-links a:hover, .nav-links a:focus-visible,
.utility-page .link:hover,
.utility-page .link:focus-visible,
.link a:hover,
.link a:focus-visible,
.item-content-link:hover,
.item-content-link:focus-visible {
  color: #ec435d;
}

/* Breadcrumb links sit as white text over the banner image, so $hover-color
   would not read against it - they fade and underline instead. */
.bread-link {
  transition: opacity 0.25s ease;
}
.bread-link:hover, .bread-link:focus-visible {
  opacity: 0.7;
  text-decoration: underline;
}

/* ---- respect reduced-motion preferences ---------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .success-btn,
  .success-btn::before,
  .fleet-load-more-btn,
  .cwp-load-more-btn,
  .close-btn,
  .cwp-popup-close,
  .search-btn,
  .hamburger,
  .fleet-arrow,
  .bread-link,
  .item-content-link,
  .play-item-link {
    transition: none;
  }
  .success-btn:hover::before,
  .success-btn:focus-visible::before {
    transform: translateY(-50%) !important;
  }
  .play-item-link:hover,
  .play-item-link:focus-visible {
    transform: translateX(-50%) translateY(-50%) !important;
  }
}
.cmp-section--cmp-profile-card .slick-dots {
  display: none !important;
}

.cmp-section--cmp-where-we-operate {
  margin-top: 120px !important;
}

.main-banner.inner-banner {
  padding-bottom: 60px;
}

.page-id-325 .cmp-section--cmp-image-and-content {
  padding-top: 0px;
}

.page-id-325 .main-banner.inner-banner {
  padding-bottom: 0px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  color: #fff;
}

.cmp-accordion .section-inner .accordion-item .accordion-head {
  cursor: pointer;
}

@media only screen and (min-width: 1200px) {
  .cmp-section.cmp-section--cmp-grid-list {
    margin-top: 5.2083333333vw !important;
  }
  .cmp-section.cmp-section--cmp-double-image-contend {
    margin-top: 5.2083333333vw !important;
  }
  .cmp-section--cmp-where-we-operate {
    margin-top: 7.2916666667vw !important;
  }
  .main-banner.inner-banner {
    padding-bottom: 0px;
  }
  .page-id-325 .cmp-section--cmp-image-and-content {
    padding-top: 0vw;
  }
}

/*# sourceMappingURL=inner-page.css.map */