.elementor-45 .elementor-element.elementor-element-be3571b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-86f9947{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-082399a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-f772acf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-1742eaa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-4a82530{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-cf9b66d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-4ee24a2 *//* =========================================================
   FAR LIGHT ENTERPRISE
   PAGE 03 — SERVICES
   SECTION 01 — SERVICES HERO
========================================================= */

.fl-services-hero,
.fl-services-hero * {
  box-sizing: border-box;
}

.fl-services-hero {
  --fl-red: #e30613;
  --fl-red-dark: #ba0009;

  --fl-dark: #0d0e10;
  --fl-white: #ffffff;

  position: relative;

  width: 100%;
  min-height: 820px;

  padding:
    120px 0
    105px;

  display: flex;
  align-items: center;

  background: #090a0b;

  font-family: "Inter", Arial, sans-serif;

  overflow: hidden;
}


/* =========================================================
   BACKGROUND
========================================================= */

.fl-services-hero__media {
  position: absolute;

  inset: 0;

  z-index: 0;
}

.fl-services-hero__media img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  filter:
    saturate(.65)
    contrast(1.08)
    brightness(.56);

  transform: scale(1.02);
}


/* =========================================================
   OVERLAY
========================================================= */

.fl-services-hero__overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      90deg,
      rgba(6,7,8,.98) 0%,
      rgba(6,7,8,.92) 35%,
      rgba(6,7,8,.66) 62%,
      rgba(6,7,8,.48) 100%
    ),
    linear-gradient(
      180deg,
      rgba(6,7,8,.22) 0%,
      rgba(6,7,8,.93) 100%
    );
}


/* =========================================================
   PATTERN
========================================================= */

.fl-services-hero__pattern {
  position: absolute;

  inset: 0;

  z-index: 2;

  opacity: .16;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255,255,255,.03) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.03) 1px,
      transparent 1px
    );

  background-size:
    78px 78px;
}


/* =========================================================
   WRAPPER
========================================================= */

.fl-services-hero__wrap {
  position: relative;

  z-index: 5;

  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(350px, .55fr);

  align-items: center;

  gap: 95px;
}


/* =========================================================
   CONTENT
========================================================= */

.fl-services-hero__content {
  max-width: 850px;
}


/* =========================================================
   EYEBROW
========================================================= */

.fl-services-hero__eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 13px;

  margin-bottom: 24px;

  color: var(--fl-red);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.fl-services-hero__eyebrow span {
  width: 42px;
  height: 2px;

  border-radius: 30px;

  background: var(--fl-red);
}


/* =========================================================
   HEADING
========================================================= */

.fl-services-hero h1 {
  max-width: 850px;

  margin: 0;

  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(57px, 5.4vw, 88px);

  font-weight: 400;

  line-height: 1;

  letter-spacing: -.045em;
}

.fl-services-hero h1 strong {
  display: block;

  font-weight: 600;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.fl-services-hero__lead {
  max-width: 640px;

  margin: 29px 0 0;

  color: rgba(255,255,255,.65);

  font-size: 15px;

  line-height: 1.78;
}


/* =========================================================
   ACTIONS
========================================================= */

.fl-services-hero__actions {
  margin-top: 37px;

  display: flex;
  flex-wrap: wrap;

  gap: 12px;
}


/* =========================================================
   BUTTON
========================================================= */

.fl-services-hero__btn {
  min-height: 58px;

  padding: 0 25px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 18px;

  border-radius: 12px;

  text-decoration: none;

  font-size: 12px;
  font-weight: 600;

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.fl-services-hero__btn svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* PRIMARY */

.fl-services-hero__btn--primary {
  color: #ffffff;

  background: var(--fl-red);

  border: 1px solid var(--fl-red);

  box-shadow:
    0 15px 35px rgba(227,6,19,.22);
}

.fl-services-hero__btn--primary:hover {
  color: #ffffff;

  background: var(--fl-red-dark);

  border-color: var(--fl-red-dark);

  transform: translateY(-3px);
}


/* GHOST */

.fl-services-hero__btn--ghost {
  color: #ffffff;

  background: rgba(255,255,255,.065);

  border:
    1px solid rgba(255,255,255,.17);

  backdrop-filter: blur(12px);
}

.fl-services-hero__btn--ghost:hover {
  color: #111;

  background: #ffffff;

  border-color: #ffffff;

  transform: translateY(-3px);
}


/* =========================================================
   RIGHT INDEX PANEL
========================================================= */

.fl-services-hero__index {
  width: 100%;
  max-width: 430px;

  justify-self: end;

  border-radius: 22px;

  overflow: hidden;

  color: #ffffff;

  background:
    rgba(16,17,19,.88);

  border:
    1px solid rgba(255,255,255,.14);

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);

  box-shadow:
    0 35px 90px rgba(0,0,0,.38);
}


/* =========================================================
   INDEX HEAD
========================================================= */

.fl-services-hero__index-head {
  min-height: 92px;

  padding: 22px 24px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  border-bottom:
    1px solid rgba(255,255,255,.09);
}

.fl-services-hero__index-head > div {
  display: flex;
  flex-direction: column;

  gap: 6px;
}

.fl-services-hero__index-head > div span {
  color: var(--fl-red);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;
}

.fl-services-hero__index-head > div strong {
  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 18px;
  font-weight: 500;
}

.fl-services-hero__index-no {
  width: 46px;
  height: 46px;

  display: grid;
  place-items: center;

  border-radius: 12px;

  color: #ffffff;

  background: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 15px;
  font-weight: 500;
}


/* =========================================================
   INDEX LIST
========================================================= */

.fl-services-hero__index-list {
  padding:
    7px 24px;
}


/* =========================================================
   INDEX ITEM
========================================================= */

.fl-services-hero__index-item {
  min-height: 72px;

  display: grid;

  grid-template-columns:
    27px
    41px
    minmax(0, 1fr);

  align-items: center;

  gap: 13px;

  border-bottom:
    1px solid rgba(255,255,255,.085);
}

.fl-services-hero__index-item:last-child {
  border-bottom: 0;
}


/* NUMBER */

.fl-services-hero__index-number {
  color:
    rgba(255,255,255,.30);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 11px;
  font-weight: 500;
}


/* ICON */

.fl-services-hero__index-icon {
  width: 41px;
  height: 41px;

  display: grid;
  place-items: center;

  border-radius: 11px;

  color: var(--fl-red);

  background:
    rgba(255,255,255,.055);

  border:
    1px solid rgba(255,255,255,.10);
}

.fl-services-hero__index-icon svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}


.fl-services-hero__index-item > strong {
  color: rgba(255,255,255,.78);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 13px;
  font-weight: 500;

  line-height: 1.35;
}


/* =========================================================
   INDEX BOTTOM
========================================================= */

.fl-services-hero__index-bottom {
  min-height: 61px;

  padding: 0 24px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  color: #ffffff;

  background: var(--fl-red);
}

.fl-services-hero__index-bottom span,
.fl-services-hero__index-bottom strong {
  font-size: 8px;
  font-weight: 600;

  letter-spacing: .09em;
}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.fl-services-hero__bottom {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  z-index: 7;

  min-height: 72px;

  display: flex;
  align-items: center;

  border-top:
    1px solid rgba(255,255,255,.10);

  background:
    rgba(7,8,9,.84);

  backdrop-filter: blur(15px);
}

.fl-services-hero__bottom-inner {
  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    230px
    minmax(0,1fr);

  align-items: center;

  gap: 40px;
}


/* BOTTOM TITLE */

.fl-services-hero__bottom-title {
  display: flex;
  flex-direction: column;

  gap: 3px;
}

.fl-services-hero__bottom-title span {
  color: var(--fl-red);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;
}

.fl-services-hero__bottom-title strong {
  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 12px;
  font-weight: 500;
}


/* TICKER */

.fl-services-hero__ticker {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 17px;

  white-space: nowrap;

  overflow: hidden;
}

.fl-services-hero__ticker span {
  color:
    rgba(255,255,255,.43);

  font-size: 8px;
  font-weight: 500;

  letter-spacing: .11em;
}

.fl-services-hero__ticker i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background: var(--fl-red);
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1250px) {

  .fl-services-hero__wrap,
  .fl-services-hero__bottom-inner {
    width: min(1120px, calc(100% - 60px));
  }

  .fl-services-hero__wrap {
    gap: 60px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  .fl-services-hero {
    min-height: auto;

    padding:
      105px 0
      135px;
  }

  .fl-services-hero__wrap {
    width: min(760px, calc(100% - 50px));

    grid-template-columns: 1fr;

    gap: 55px;
  }

  .fl-services-hero h1 {
    max-width: 720px;

    font-size: clamp(52px, 8vw, 72px);
  }

  .fl-services-hero__index {
    max-width: 570px;

    justify-self: start;
  }

  .fl-services-hero__bottom-inner {
    width: min(760px, calc(100% - 50px));
  }

  .fl-services-hero__ticker span:nth-of-type(n+4),
  .fl-services-hero__ticker i:nth-of-type(n+3) {
    display: none;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .fl-services-hero {
    padding:
      88px 0
      115px;
  }

  .fl-services-hero__media img {
    object-position: 60% center;
  }

  .fl-services-hero__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(6,7,8,.75) 0%,
        rgba(6,7,8,.91) 43%,
        rgba(6,7,8,.99) 100%
      );
  }

  .fl-services-hero__wrap {
    width: calc(100% - 36px);

    gap: 43px;
  }

  .fl-services-hero__eyebrow {
    margin-bottom: 18px;

    font-size: 9px;

    letter-spacing: .14em;
  }

  .fl-services-hero__eyebrow span {
    width: 30px;
  }

  .fl-services-hero h1 {
    font-size: clamp(43px, 12vw, 59px);

    line-height: 1.03;
  }

  .fl-services-hero__lead {
    margin-top: 22px;

    font-size: 13.5px;

    line-height: 1.72;
  }

  .fl-services-hero__actions {
    margin-top: 29px;

    display: grid;

    grid-template-columns: 1fr;
  }

  .fl-services-hero__btn {
    width: 100%;
  }

  .fl-services-hero__index {
    max-width: none;

    border-radius: 18px;
  }

  .fl-services-hero__index-head {
    padding: 19px;
  }

  .fl-services-hero__index-list {
    padding:
      5px 19px;
  }

  .fl-services-hero__index-item {
    min-height: 68px;
  }

  .fl-services-hero__index-bottom {
    padding: 0 19px;
  }

  .fl-services-hero__bottom {
    min-height: 67px;
  }

  .fl-services-hero__bottom-inner {
    width: calc(100% - 36px);

    display: flex;
    align-items: center;
  }

  .fl-services-hero__ticker {
    display: none;
  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 390px) {

  .fl-services-hero__wrap,
  .fl-services-hero__bottom-inner {
    width: calc(100% - 28px);
  }

  .fl-services-hero h1 {
    font-size: 41px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65c988e *//* =========================================================
   FAR LIGHT ENTERPRISE
   PAGE 03 — SERVICES
   SECTION 02 — VAN WITH DRIVER
========================================================= */

.fl-van,
.fl-van * {
  box-sizing: border-box;
}

.fl-van {
  --fl-red: #e30613;
  --fl-red-dark: #bd000a;

  --fl-dark: #111214;
  --fl-text: #62666b;
  --fl-muted: #96999d;

  --fl-white: #ffffff;
  --fl-soft: #f5f5f4;
  --fl-border: #e7e7e5;

  position: relative;

  width: 100%;

  padding: 125px 0;

  background: #ffffff;

  font-family: "Inter", Arial, sans-serif;

  overflow: hidden;
}


/* =========================================================
   BACKGROUND
========================================================= */

.fl-van::before {
  content: "VAN";

  position: absolute;

  right: -25px;
  bottom: -20px;

  color: transparent;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(150px, 18vw, 300px);
  font-weight: 600;

  line-height: .8;

  letter-spacing: -.07em;

  -webkit-text-stroke:
    1px rgba(17,18,20,.04);

  pointer-events: none;
}


/* =========================================================
   WRAPPER
========================================================= */

.fl-van__wrap {
  position: relative;

  z-index: 2;

  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  align-items: center;

  gap: 95px;
}


/* =========================================================
   VISUAL
========================================================= */

.fl-van__visual {
  position: relative;

  min-height: 660px;

  border-radius: 28px;

  overflow: hidden;

  background: #111;

  box-shadow:
    0 30px 85px rgba(20,20,20,.14);
}


/* IMAGE */

.fl-van__image {
  position: absolute;

  inset: 0;
}

.fl-van__image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  transition:
    transform .8s cubic-bezier(.2,.7,.2,1);
}

.fl-van__visual:hover
.fl-van__image img {
  transform: scale(1.04);
}


/* SHADE */

.fl-van__shade {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(8,8,9,.08) 0%,
      rgba(8,8,9,.10) 36%,
      rgba(8,8,9,.86) 100%
    );
}


/* =========================================================
   VISUAL TOP
========================================================= */

.fl-van__top {
  position: absolute;

  left: 27px;
  right: 27px;
  top: 27px;

  z-index: 4;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;
}

.fl-van__top > span {
  min-height: 38px;

  padding: 0 14px;

  display: inline-flex;
  align-items: center;

  border-radius: 10px;

  color: #ffffff;

  background:
    rgba(10,10,10,.50);

  border:
    1px solid rgba(255,255,255,.14);

  backdrop-filter: blur(12px);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;
}

.fl-van__top > strong {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: #ffffff;

  background: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 15px;
  font-weight: 500;
}


/* =========================================================
   VISUAL CONTENT
========================================================= */

.fl-van__visual-content {
  position: absolute;

  left: 30px;
  right: 30px;
  bottom: 105px;

  z-index: 4;
}

.fl-van__visual-content small {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255,255,255,.48);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;
}

.fl-van__visual-content h3 {
  max-width: 480px;

  margin: 0;

  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(34px, 3vw, 46px);

  font-weight: 400;

  line-height: 1.06;

  letter-spacing: -.035em;
}

.fl-van__visual-content h3 span {
  display: block;

  font-weight: 600;
}


/* =========================================================
   ROUTE
========================================================= */

.fl-van__route {
  position: absolute;

  left: 27px;
  right: 27px;
  bottom: 27px;

  z-index: 5;

  min-height: 57px;

  padding: 0 17px;

  display: grid;

  grid-template-columns:
    auto
    minmax(40px,1fr)
    auto;

  align-items: center;

  gap: 14px;

  border-radius: 14px;

  background:
    rgba(12,13,14,.78);

  border:
    1px solid rgba(255,255,255,.13);

  backdrop-filter: blur(14px);
}

.fl-van__route > div {
  display: flex;
  align-items: center;

  gap: 8px;

  color:
    rgba(255,255,255,.68);

  font-size: 9px;
  font-weight: 500;
}

.fl-van__route > div span {
  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: var(--fl-red);

  box-shadow:
    0 0 0 4px rgba(227,6,19,.14);
}

.fl-van__route i {
  height: 1px;

  background:
    linear-gradient(
      90deg,
      var(--fl-red) 0%,
      rgba(255,255,255,.18) 60%,
      rgba(255,255,255,.18) 100%
    );
}


/* =========================================================
   CONTENT
========================================================= */

.fl-van__content {
  max-width: 690px;
}


/* =========================================================
   EYEBROW
========================================================= */

.fl-van__eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 13px;

  margin-bottom: 22px;

  color: var(--fl-red);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.fl-van__eyebrow span {
  width: 42px;
  height: 2px;

  border-radius: 20px;

  background: var(--fl-red);
}


/* =========================================================
   HEADING
========================================================= */

.fl-van h2 {
  max-width: 690px;

  margin: 0;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(48px, 4.15vw, 68px);

  font-weight: 400;

  line-height: 1.045;

  letter-spacing: -.04em;
}

.fl-van h2 strong {
  display: block;

  font-weight: 600;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.fl-van__lead {
  max-width: 610px;

  margin: 27px 0 0;

  color: var(--fl-text);

  font-size: 14px;

  line-height: 1.8;
}


/* =========================================================
   USE CASES
========================================================= */

.fl-van__uses {
  margin-top: 37px;

  padding-top: 30px;

  border-top:
    1px solid var(--fl-border);

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap: 13px;
}


/* USE */

.fl-van__use {
  min-height: 79px;

  padding: 13px;

  display: grid;

  grid-template-columns:
    44px
    minmax(0,1fr);

  align-items: center;

  gap: 12px;

  border-radius: 13px;

  background: var(--fl-soft);

  border:
    1px solid transparent;

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.fl-van__use:hover {
  transform: translateY(-3px);

  background: #ffffff;

  border-color:
    rgba(227,6,19,.12);

  box-shadow:
    0 12px 28px rgba(20,20,20,.07);
}


/* ICON */

.fl-van__use-icon {
  width: 44px;
  height: 44px;

  display: grid;
  place-items: center;

  border-radius: 11px;

  color: var(--fl-red);

  background: #ffffff;

  border:
    1px solid rgba(227,6,19,.09);
}

.fl-van__use-icon svg {
  width: 19px;
  height: 19px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}

.fl-van__use > div:last-child {
  display: flex;
  flex-direction: column;

  gap: 4px;
}

.fl-van__use span {
  color: #b0b2b5;

  font-size: 8px;
  font-weight: 600;
}

.fl-van__use strong {
  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 14px;
  font-weight: 500;
}


/* =========================================================
   BENEFITS
========================================================= */

.fl-van__benefits {
  margin-top: 30px;

  display: grid;

  gap: 12px;
}

.fl-van__benefit {
  display: flex;
  align-items: center;

  gap: 11px;
}

.fl-van__benefit > span {
  width: 8px;
  height: 8px;

  flex: 0 0 8px;

  border-radius: 50%;

  background: var(--fl-red);

  box-shadow:
    0 0 0 4px rgba(227,6,19,.08);
}

.fl-van__benefit strong {
  color: #51555a;

  font-size: 12px;
  font-weight: 500;

  line-height: 1.45;
}


/* =========================================================
   BOTTOM
========================================================= */

.fl-van__bottom {
  margin-top: 36px;

  padding-top: 28px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 28px;

  border-top:
    1px solid var(--fl-border);
}


/* =========================================================
   BUTTON
========================================================= */

.fl-van__btn {
  min-height: 58px;

  padding: 0 24px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 17px;

  border-radius: 12px;

  color: #ffffff;

  background: var(--fl-red);

  text-decoration: none;

  font-size: 12px;
  font-weight: 600;

  box-shadow:
    0 14px 30px rgba(227,6,19,.18);

  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.fl-van__btn:hover {
  color: #ffffff;

  background: var(--fl-red-dark);

  transform: translateY(-3px);

  box-shadow:
    0 18px 36px rgba(227,6,19,.25);
}

.fl-van__btn svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   NOTE
========================================================= */

.fl-van__note {
  display: flex;
  flex-direction: column;

  align-items: flex-end;

  gap: 5px;
}

.fl-van__note span {
  color: var(--fl-muted);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;
}

.fl-van__note strong {
  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 15px;
  font-weight: 500;
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1250px) {

  .fl-van__wrap {
    width: min(1120px, calc(100% - 60px));

    gap: 60px;
  }

  .fl-van__visual {
    min-height: 590px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  .fl-van {
    padding:
      95px 0;
  }

  .fl-van__wrap {
    width: min(760px, calc(100% - 50px));

    grid-template-columns: 1fr;

    gap: 65px;
  }

  .fl-van__visual {
    min-height: 580px;
  }

  .fl-van__content {
    max-width: none;
  }

  .fl-van h2 {
    max-width: 720px;

    font-size: clamp(48px, 7vw, 64px);
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .fl-van {
    padding:
      78px 0
      82px;
  }

  .fl-van__wrap {
    width: calc(100% - 36px);

    gap: 48px;
  }

  .fl-van__visual {
    min-height: 500px;

    border-radius: 20px;
  }

  .fl-van__top {
    left: 17px;
    right: 17px;
    top: 17px;
  }

  .fl-van__visual-content {
    left: 21px;
    right: 21px;
    bottom: 94px;
  }

  .fl-van__visual-content h3 {
    font-size: 29px;
  }

  .fl-van__route {
    left: 14px;
    right: 14px;
    bottom: 14px;

    padding: 0 12px;

    border-radius: 12px;
  }

  .fl-van__route > div {
    font-size: 8px;
  }

  .fl-van__eyebrow {
    margin-bottom: 18px;

    font-size: 9px;

    letter-spacing: .14em;
  }

  .fl-van__eyebrow span {
    width: 30px;
  }

  .fl-van h2 {
    font-size: clamp(40px, 11vw, 53px);

    line-height: 1.06;
  }

  .fl-van__lead {
    margin-top: 22px;

    font-size: 13px;

    line-height: 1.72;
  }

  .fl-van__uses {
    margin-top: 31px;

    padding-top: 26px;

    grid-template-columns: 1fr;
  }

  .fl-van__use {
    min-height: 74px;
  }

  .fl-van__bottom {
    flex-direction: column;

    align-items: stretch;
  }

  .fl-van__btn {
    width: 100%;
  }

  .fl-van__note {
    align-items: flex-start;
  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 390px) {

  .fl-van__wrap {
    width: calc(100% - 28px);
  }

  .fl-van h2 {
    font-size: 39px;
  }

  .fl-van__visual {
    min-height: 460px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb494ab *//* =========================================================
   FAR LIGHT ENTERPRISE
   PAGE 03 — SERVICES
   SECTION 03 — KLIA & HOTEL TRANSFER
========================================================= */

.fl-transfer,
.fl-transfer * {
  box-sizing: border-box;
}

.fl-transfer {
  --fl-red: #e30613;
  --fl-red-dark: #bd000a;

  --fl-dark: #111214;
  --fl-text: #62666b;
  --fl-muted: #96999d;

  --fl-white: #ffffff;
  --fl-soft: #f4f4f3;
  --fl-border: #e7e7e5;

  position: relative;

  width: 100%;

  padding: 120px 0 125px;

  background: #f4f4f3;

  font-family: "Inter", Arial, sans-serif;

  overflow: hidden;
}


/* =========================================================
   BACKGROUND WORD
========================================================= */

.fl-transfer::before {
  content: "TRANSFER";

  position: absolute;

  left: 50%;
  top: 20px;

  transform: translateX(-50%);

  color: transparent;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(120px, 15vw, 250px);
  font-weight: 600;

  line-height: 1;

  letter-spacing: -.06em;

  -webkit-text-stroke:
    1px rgba(17,18,20,.04);

  white-space: nowrap;

  pointer-events: none;
}


/* =========================================================
   WRAPPER
========================================================= */

.fl-transfer__wrap {
  position: relative;

  z-index: 2;

  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.fl-transfer__head {
  margin-bottom: 55px;

  display: grid;

  grid-template-columns:
    minmax(0,1.1fr)
    minmax(300px,.45fr);

  align-items: end;

  gap: 90px;
}

.fl-transfer__eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 13px;

  margin-bottom: 21px;

  color: var(--fl-red);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.fl-transfer__eyebrow span {
  width: 42px;
  height: 2px;

  border-radius: 20px;

  background: var(--fl-red);
}

.fl-transfer h2 {
  max-width: 790px;

  margin: 0;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(48px, 4.2vw, 69px);

  font-weight: 400;

  line-height: 1.04;

  letter-spacing: -.04em;
}

.fl-transfer h2 strong {
  display: block;

  font-weight: 600;
}

.fl-transfer__head > p {
  margin: 0 0 5px;

  color: var(--fl-text);

  font-size: 14px;

  line-height: 1.75;
}


/* =========================================================
   GRID
========================================================= */

.fl-transfer__grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap: 20px;
}


/* =========================================================
   CARD
========================================================= */

.fl-transfer__card {
  position: relative;

  min-height: 590px;

  border-radius: 24px;

  overflow: hidden;

  background: #111;

  isolation: isolate;

  box-shadow:
    0 20px 50px rgba(20,20,20,.10);
}


/* =========================================================
   IMAGE
========================================================= */

.fl-transfer__media {
  position: absolute;

  inset: 0;

  z-index: -3;
}

.fl-transfer__media img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition:
    transform .75s cubic-bezier(.2,.7,.2,1);
}

.fl-transfer__card:hover
.fl-transfer__media img {
  transform: scale(1.05);
}


/* =========================================================
   SHADE
========================================================= */

.fl-transfer__shade {
  position: absolute;

  inset: 0;

  z-index: -2;

  background:
    linear-gradient(
      180deg,
      rgba(8,8,9,.07) 0%,
      rgba(8,8,9,.13) 36%,
      rgba(8,8,9,.92) 100%
    );
}


/* =========================================================
   TOP
========================================================= */

.fl-transfer__top {
  position: absolute;

  left: 0;
  right: 0;
  top: 0;

  padding: 24px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;
}

.fl-transfer__top > span {
  min-width: 45px;
  height: 34px;

  padding: 0 11px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;

  color: #ffffff;

  background:
    rgba(10,10,10,.48);

  border:
    1px solid rgba(255,255,255,.14);

  backdrop-filter: blur(12px);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 11px;
  font-weight: 500;
}


/* ICON */

.fl-transfer__icon {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: #ffffff;

  background:
    rgba(10,10,10,.48);

  border:
    1px solid rgba(255,255,255,.15);

  backdrop-filter: blur(12px);

  transition:
    background .25s ease,
    transform .25s ease;
}

.fl-transfer__icon svg {
  width: 20px;
  height: 20px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}

.fl-transfer__card:hover
.fl-transfer__icon {
  background: var(--fl-red);

  transform: translateY(-3px);
}


/* =========================================================
   CONTENT
========================================================= */

.fl-transfer__content {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  padding: 30px;
}

.fl-transfer__content small {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255,255,255,.52);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;
}

.fl-transfer__content h3 {
  margin: 0;

  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(31px, 2.8vw, 43px);

  font-weight: 500;

  line-height: 1.06;

  letter-spacing: -.03em;
}

.fl-transfer__content p {
  max-width: 500px;

  margin: 14px 0 0;

  color:
    rgba(255,255,255,.66);

  font-size: 13px;

  line-height: 1.7;
}


/* =========================================================
   POINTS
========================================================= */

.fl-transfer__points {
  margin-top: 22px;

  display: flex;
  flex-wrap: wrap;

  gap: 8px;
}

.fl-transfer__points span {
  min-height: 34px;

  padding: 0 12px;

  display: inline-flex;
  align-items: center;

  border-radius: 9px;

  color: rgba(255,255,255,.72);

  background:
    rgba(255,255,255,.07);

  border:
    1px solid rgba(255,255,255,.11);

  backdrop-filter: blur(10px);

  font-size: 8px;
  font-weight: 500;
}


/* =========================================================
   RED ACCENT
========================================================= */

.fl-transfer__card::after {
  content: "";

  position: absolute;

  left: 30px;
  bottom: 0;

  width: 72px;
  height: 4px;

  border-radius: 20px 20px 0 0;

  background: var(--fl-red);

  transition:
    width .35s ease;
}

.fl-transfer__card:hover::after {
  width: 125px;
}


/* =========================================================
   BOTTOM INFO
========================================================= */

.fl-transfer__bottom {
  margin-top: 35px;

  padding:
    27px 30px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 35px;

  border-radius: 18px;

  background: #ffffff;

  border:
    1px solid var(--fl-border);

  box-shadow:
    0 14px 34px rgba(20,20,20,.05);
}

.fl-transfer__bottom-copy {
  display: flex;
  flex-direction: column;

  gap: 7px;
}

.fl-transfer__bottom-copy span {
  color: var(--fl-red);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;
}

.fl-transfer__bottom-copy strong {
  max-width: 650px;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 16px;
  font-weight: 500;

  line-height: 1.4;
}


/* =========================================================
   BUTTON
========================================================= */

.fl-transfer__btn {
  min-height: 57px;

  padding: 0 24px;

  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 17px;

  border-radius: 12px;

  color: #ffffff;

  background: var(--fl-red);

  text-decoration: none;

  font-size: 12px;
  font-weight: 600;

  transition:
    background .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

.fl-transfer__btn:hover {
  color: #ffffff;

  background: var(--fl-red-dark);

  transform: translateY(-3px);

  box-shadow:
    0 15px 32px rgba(227,6,19,.20);
}

.fl-transfer__btn svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1250px) {

  .fl-transfer__wrap {
    width: min(1120px, calc(100% - 60px));
  }

  .fl-transfer__head {
    gap: 55px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  .fl-transfer {
    padding:
      95px 0
      100px;
  }

  .fl-transfer__wrap {
    width: min(760px, calc(100% - 50px));
  }

  .fl-transfer__head {
    grid-template-columns: 1fr;

    gap: 24px;

    margin-bottom: 42px;
  }

  .fl-transfer h2 {
    max-width: 700px;

    font-size: clamp(48px, 7vw, 64px);
  }

  .fl-transfer__head > p {
    max-width: 600px;
  }

  .fl-transfer__grid {
    grid-template-columns: 1fr;
  }

  .fl-transfer__card {
    min-height: 520px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .fl-transfer {
    padding:
      78px 0
      82px;
  }

  .fl-transfer::before {
    top: 25px;

    font-size: 105px;
  }

  .fl-transfer__wrap {
    width: calc(100% - 36px);
  }

  .fl-transfer__head {
    margin-bottom: 34px;
  }

  .fl-transfer__eyebrow {
    margin-bottom: 17px;

    font-size: 9px;

    letter-spacing: .14em;
  }

  .fl-transfer__eyebrow span {
    width: 30px;
  }

  .fl-transfer h2 {
    font-size: clamp(40px, 11vw, 53px);

    line-height: 1.06;
  }

  .fl-transfer__head > p {
    font-size: 13px;

    line-height: 1.7;
  }

  .fl-transfer__grid {
    gap: 14px;
  }

  .fl-transfer__card {
    min-height: 470px;

    border-radius: 18px;
  }

  .fl-transfer__top {
    padding: 17px;
  }

  .fl-transfer__content {
    padding: 21px;
  }

  .fl-transfer__content h3 {
    font-size: 29px;
  }

  .fl-transfer__content p {
    font-size: 12.5px;
  }

  .fl-transfer__card::after {
    left: 21px;
  }

  .fl-transfer__bottom {
    margin-top: 27px;

    padding: 22px 20px;

    flex-direction: column;

    align-items: stretch;

    border-radius: 15px;
  }

  .fl-transfer__bottom-copy strong {
    font-size: 14px;
  }

  .fl-transfer__btn {
    width: 100%;
  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 390px) {

  .fl-transfer__wrap {
    width: calc(100% - 28px);
  }

  .fl-transfer h2 {
    font-size: 39px;
  }

  .fl-transfer__card {
    min-height: 450px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d389b3 *//* =========================================================
   FAR LIGHT ENTERPRISE
   PAGE 03 — SERVICES
   SECTION 04 — CORPORATE & WORKER TRANSPORT
========================================================= */

.fl-corp,
.fl-corp * {
  box-sizing: border-box;
}

.fl-corp {
  --fl-red: #e30613;
  --fl-red-dark: #bd000a;

  --fl-dark: #111214;
  --fl-text: #62666b;
  --fl-muted: #96999d;

  --fl-white: #ffffff;
  --fl-soft: #f5f5f4;
  --fl-border: #e7e7e5;

  position: relative;

  width: 100%;

  padding: 125px 0;

  background: #ffffff;

  font-family: "Inter", Arial, sans-serif;

  overflow: hidden;
}


/* =========================================================
   WRAPPER
========================================================= */

.fl-corp__wrap {
  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(0, 1.05fr);

  align-items: center;

  gap: 95px;
}


/* =========================================================
   LEFT VISUAL
========================================================= */

.fl-corp__visual {
  position: relative;

  min-height: 680px;

  border-radius: 28px;

  overflow: hidden;

  background: #111;

  box-shadow:
    0 30px 85px rgba(20,20,20,.14);
}


/* IMAGE */

.fl-corp__image {
  position: absolute;

  inset: 0;
}

.fl-corp__image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  transition:
    transform .8s cubic-bezier(.2,.7,.2,1);
}

.fl-corp__visual:hover
.fl-corp__image img {
  transform: scale(1.04);
}


/* =========================================================
   SHADE
========================================================= */

.fl-corp__shade {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(8,8,9,.08) 0%,
      rgba(8,8,9,.10) 32%,
      rgba(8,8,9,.91) 100%
    );
}


/* =========================================================
   VISUAL TOP
========================================================= */

.fl-corp__visual-top {
  position: absolute;

  left: 27px;
  right: 27px;
  top: 27px;

  z-index: 4;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;
}

.fl-corp__visual-top span {
  min-height: 38px;

  padding: 0 14px;

  display: inline-flex;
  align-items: center;

  border-radius: 10px;

  color: #ffffff;

  background:
    rgba(10,10,10,.5);

  border:
    1px solid rgba(255,255,255,.14);

  backdrop-filter: blur(12px);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;
}

.fl-corp__visual-top strong {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: #ffffff;

  background: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 15px;
  font-weight: 500;
}


/* =========================================================
   VISUAL MAIN
========================================================= */

.fl-corp__visual-main {
  position: absolute;

  left: 30px;
  right: 30px;
  bottom: 120px;

  z-index: 4;
}

.fl-corp__visual-main small {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255,255,255,.48);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;
}

.fl-corp__visual-main h3 {
  max-width: 470px;

  margin: 0;

  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(35px, 3vw, 47px);

  font-weight: 400;

  line-height: 1.06;

  letter-spacing: -.035em;
}

.fl-corp__visual-main h3 span {
  display: block;

  font-weight: 600;
}

.fl-corp__visual-main p {
  max-width: 440px;

  margin: 14px 0 0;

  color:
    rgba(255,255,255,.62);

  font-size: 12.5px;

  line-height: 1.68;
}


/* =========================================================
   VISUAL BOTTOM
========================================================= */

.fl-corp__visual-bottom {
  position: absolute;

  left: 27px;
  right: 27px;
  bottom: 27px;

  z-index: 4;

  min-height: 65px;

  padding: 0 17px;

  display: flex;
  align-items: center;

  gap: 14px;

  border-radius: 15px;

  background:
    rgba(12,13,14,.79);

  border:
    1px solid rgba(255,255,255,.13);

  backdrop-filter: blur(14px);
}

.fl-corp__visual-bottom > div {
  display: flex;
  flex-direction: column;

  gap: 3px;
}

.fl-corp__visual-bottom span {
  color: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 10px;
  font-weight: 500;
}

.fl-corp__visual-bottom strong {
  color:
    rgba(255,255,255,.72);

  font-size: 8px;
  font-weight: 500;

  white-space: nowrap;
}

.fl-corp__visual-bottom i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background: var(--fl-red);
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.fl-corp__content {
  max-width: 700px;
}


/* =========================================================
   EYEBROW
========================================================= */

.fl-corp__eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 13px;

  margin-bottom: 22px;

  color: var(--fl-red);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.fl-corp__eyebrow span {
  width: 42px;
  height: 2px;

  border-radius: 20px;

  background: var(--fl-red);
}


/* =========================================================
   HEADING
========================================================= */

.fl-corp h2 {
  max-width: 700px;

  margin: 0;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(48px, 4.15vw, 68px);

  font-weight: 400;

  line-height: 1.045;

  letter-spacing: -.04em;
}

.fl-corp h2 strong {
  display: block;

  font-weight: 600;
}


/* =========================================================
   LEAD
========================================================= */

.fl-corp__lead {
  max-width: 620px;

  margin: 27px 0 0;

  color: var(--fl-text);

  font-size: 14px;

  line-height: 1.8;
}


/* =========================================================
   SERVICE BLOCK
========================================================= */

.fl-corp__service {
  margin-top: 27px;

  padding: 23px;

  display: grid;

  grid-template-columns:
    70px
    minmax(0,1fr);

  gap: 20px;

  border-radius: 18px;

  background: var(--fl-soft);

  border:
    1px solid var(--fl-border);

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.fl-corp__service + .fl-corp__service {
  margin-top: 13px;
}

.fl-corp__service:hover {
  transform: translateY(-4px);

  background: #ffffff;

  border-color:
    rgba(227,6,19,.12);

  box-shadow:
    0 16px 35px rgba(20,20,20,.07);
}


/* =========================================================
   SERVICE TOP
========================================================= */

.fl-corp__service-top {
  display: flex;
  flex-direction: column;

  justify-content: space-between;

  align-items: flex-start;
}

.fl-corp__service-top > span {
  color: #b0b2b5;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 12px;
  font-weight: 500;
}


/* ICON */

.fl-corp__service-icon {
  width: 50px;
  height: 50px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: var(--fl-red);

  background: #ffffff;

  border:
    1px solid rgba(227,6,19,.09);

  transition:
    color .25s ease,
    background .25s ease;
}

.fl-corp__service:hover
.fl-corp__service-icon {
  color: #ffffff;

  background: var(--fl-red);
}

.fl-corp__service-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   SERVICE COPY
========================================================= */

.fl-corp__service-copy small {
  display: block;

  margin-bottom: 7px;

  color: var(--fl-red);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;
}

.fl-corp__service-copy h3 {
  margin: 0;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 25px;
  font-weight: 500;

  line-height: 1.12;

  letter-spacing: -.025em;
}

.fl-corp__service-copy p {
  max-width: 500px;

  margin: 10px 0 0;

  color: var(--fl-text);

  font-size: 12px;

  line-height: 1.68;
}


/* =========================================================
   BOTTOM
========================================================= */

.fl-corp__bottom {
  margin-top: 31px;

  padding-top: 28px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 28px;

  border-top:
    1px solid var(--fl-border);
}

.fl-corp__bottom-text {
  display: flex;
  flex-direction: column;

  gap: 6px;
}

.fl-corp__bottom-text span {
  color: var(--fl-red);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;
}

.fl-corp__bottom-text strong {
  max-width: 350px;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 14px;
  font-weight: 500;

  line-height: 1.45;
}


/* =========================================================
   CTA
========================================================= */

.fl-corp__btn {
  min-height: 57px;

  padding: 0 23px;

  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 17px;

  border-radius: 12px;

  color: #ffffff;

  background: var(--fl-red);

  text-decoration: none;

  font-size: 12px;
  font-weight: 600;

  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.fl-corp__btn:hover {
  color: #ffffff;

  background: var(--fl-red-dark);

  transform: translateY(-3px);

  box-shadow:
    0 15px 32px rgba(227,6,19,.20);
}

.fl-corp__btn svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1250px) {

  .fl-corp__wrap {
    width: min(1120px, calc(100% - 60px));

    gap: 60px;
  }

  .fl-corp__visual {
    min-height: 610px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  .fl-corp {
    padding: 95px 0;
  }

  .fl-corp__wrap {
    width: min(760px, calc(100% - 50px));

    grid-template-columns: 1fr;

    gap: 65px;
  }

  .fl-corp__visual {
    min-height: 590px;
  }

  .fl-corp__content {
    max-width: none;
  }

  .fl-corp h2 {
    max-width: 700px;

    font-size: clamp(48px, 7vw, 64px);
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .fl-corp {
    padding:
      78px 0
      82px;
  }

  .fl-corp__wrap {
    width: calc(100% - 36px);

    gap: 48px;
  }

  .fl-corp__visual {
    min-height: 510px;

    border-radius: 20px;
  }

  .fl-corp__visual-top {
    left: 17px;
    right: 17px;
    top: 17px;
  }

  .fl-corp__visual-main {
    left: 21px;
    right: 21px;
    bottom: 112px;
  }

  .fl-corp__visual-main h3 {
    font-size: 29px;
  }

  .fl-corp__visual-main p {
    font-size: 12px;
  }

  .fl-corp__visual-bottom {
    left: 14px;
    right: 14px;
    bottom: 14px;

    min-height: 62px;

    padding: 0 12px;

    gap: 9px;

    border-radius: 12px;
  }

  .fl-corp__visual-bottom strong {
    font-size: 7px;
  }

  .fl-corp__eyebrow {
    margin-bottom: 18px;

    font-size: 9px;

    letter-spacing: .14em;
  }

  .fl-corp__eyebrow span {
    width: 30px;
  }

  .fl-corp h2 {
    font-size: clamp(40px, 11vw, 53px);

    line-height: 1.06;
  }

  .fl-corp__lead {
    margin-top: 22px;

    font-size: 13px;

    line-height: 1.72;
  }

  .fl-corp__service {
    grid-template-columns:
      52px
      minmax(0,1fr);

    padding: 18px;

    border-radius: 15px;
  }

  .fl-corp__service-top {
    justify-content: flex-start;

    gap: 13px;
  }

  .fl-corp__service-icon {
    width: 44px;
    height: 44px;

    border-radius: 11px;
  }

  .fl-corp__service-copy h3 {
    font-size: 22px;
  }

  .fl-corp__bottom {
    flex-direction: column;

    align-items: stretch;
  }

  .fl-corp__bottom-text strong {
    max-width: none;
  }

  .fl-corp__btn {
    width: 100%;
  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 390px) {

  .fl-corp__wrap {
    width: calc(100% - 28px);
  }

  .fl-corp h2 {
    font-size: 39px;
  }

  .fl-corp__visual {
    min-height: 470px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46efb77 *//* =========================================================
   FAR LIGHT ENTERPRISE
   PAGE 03 — SERVICES
   SECTION 05 — SCHOOL & GROUP TRIPS
========================================================= */

.fl-group,
.fl-group * {
  box-sizing: border-box;
}

.fl-group {
  --fl-red: #e30613;
  --fl-red-dark: #bd000a;

  --fl-dark: #111214;
  --fl-text: #62666b;
  --fl-muted: #96999d;

  --fl-white: #ffffff;
  --fl-soft: #f5f5f4;
  --fl-border: #e7e7e5;

  position: relative;

  width: 100%;

  padding: 125px 0;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8f8f7 100%
    );

  font-family: "Inter", Arial, sans-serif;

  overflow: hidden;
}


/* =========================================================
   BACKGROUND WORD
========================================================= */

.fl-group::before {
  content: "GROUP";

  position: absolute;

  left: -30px;
  bottom: -10px;

  color: transparent;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(140px, 17vw, 290px);
  font-weight: 600;

  line-height: .8;

  letter-spacing: -.07em;

  -webkit-text-stroke:
    1px rgba(17,18,20,.04);

  pointer-events: none;
}


/* =========================================================
   WRAPPER
========================================================= */

.fl-group__wrap {
  position: relative;

  z-index: 2;

  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(0,.95fr);

  align-items: center;

  gap: 95px;
}


/* =========================================================
   CONTENT
========================================================= */

.fl-group__content {
  max-width: 720px;
}


/* EYEBROW */

.fl-group__eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 13px;

  margin-bottom: 22px;

  color: var(--fl-red);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.fl-group__eyebrow span {
  width: 42px;
  height: 2px;

  border-radius: 20px;

  background: var(--fl-red);
}


/* =========================================================
   HEADING
========================================================= */

.fl-group h2 {
  max-width: 710px;

  margin: 0;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(48px,4.15vw,68px);

  font-weight: 400;

  line-height: 1.045;

  letter-spacing: -.04em;
}

.fl-group h2 strong {
  display: block;

  font-weight: 600;
}


/* =========================================================
   LEAD
========================================================= */

.fl-group__lead {
  max-width: 610px;

  margin: 27px 0 0;

  color: var(--fl-text);

  font-size: 14px;

  line-height: 1.8;
}


/* =========================================================
   LIST
========================================================= */

.fl-group__list {
  margin-top: 38px;

  padding-top: 30px;

  border-top:
    1px solid var(--fl-border);

  display: grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap: 14px;
}


/* =========================================================
   ITEM
========================================================= */

.fl-group__item {
  min-height: 125px;

  padding: 17px;

  display: grid;

  grid-template-columns:
    48px
    minmax(0,1fr);

  align-items: start;

  gap: 14px;

  border-radius: 15px;

  background: var(--fl-soft);

  border:
    1px solid transparent;

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.fl-group__item:hover {
  transform: translateY(-4px);

  background: #ffffff;

  border-color:
    rgba(227,6,19,.12);

  box-shadow:
    0 15px 32px rgba(20,20,20,.07);
}


/* =========================================================
   ICON
========================================================= */

.fl-group__icon {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 12px;

  color: var(--fl-red);

  background: #ffffff;

  border:
    1px solid rgba(227,6,19,.09);
}

.fl-group__icon svg {
  width: 20px;
  height: 20px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   ITEM COPY
========================================================= */

.fl-group__item > div:last-child {
  min-width: 0;
}

.fl-group__item span {
  display: block;

  margin-bottom: 5px;

  color: #b1b3b6;

  font-size: 8px;
  font-weight: 600;
}

.fl-group__item strong {
  display: block;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 15px;
  font-weight: 500;

  line-height: 1.3;
}

.fl-group__item p {
  margin: 6px 0 0;

  color: var(--fl-muted);

  font-size: 11px;

  line-height: 1.55;
}


/* =========================================================
   BOTTOM
========================================================= */

.fl-group__bottom {
  margin-top: 35px;

  padding-top: 28px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;

  border-top:
    1px solid var(--fl-border);
}


/* BUTTON */

.fl-group__btn {
  min-height: 57px;

  padding: 0 24px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 17px;

  border-radius: 12px;

  color: #ffffff;

  background: var(--fl-red);

  text-decoration: none;

  font-size: 12px;
  font-weight: 600;

  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.fl-group__btn:hover {
  color: #ffffff;

  background: var(--fl-red-dark);

  transform: translateY(-3px);

  box-shadow:
    0 15px 32px rgba(227,6,19,.20);
}

.fl-group__btn svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* NOTE */

.fl-group__note {
  display: flex;
  flex-direction: column;

  align-items: flex-end;

  gap: 5px;
}

.fl-group__note span {
  color: var(--fl-muted);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;
}

.fl-group__note strong {
  max-width: 250px;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 12px;
  font-weight: 500;

  line-height: 1.4;

  text-align: right;
}


/* =========================================================
   VISUAL
========================================================= */

.fl-group__visual {
  position: relative;

  min-height: 660px;

  border-radius: 28px;

  overflow: hidden;

  background: #111;

  box-shadow:
    0 30px 85px rgba(20,20,20,.14);
}


/* IMAGE */

.fl-group__image {
  position: absolute;

  inset: 0;
}

.fl-group__image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  transition:
    transform .8s cubic-bezier(.2,.7,.2,1);
}

.fl-group__visual:hover
.fl-group__image img {
  transform: scale(1.04);
}


/* SHADE */

.fl-group__shade {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(8,8,9,.07) 0%,
      rgba(8,8,9,.10) 35%,
      rgba(8,8,9,.88) 100%
    );
}


/* =========================================================
   VISUAL TOP
========================================================= */

.fl-group__visual-top {
  position: absolute;

  left: 27px;
  right: 27px;
  top: 27px;

  z-index: 4;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;
}

.fl-group__visual-top span {
  min-height: 38px;

  padding: 0 14px;

  display: inline-flex;
  align-items: center;

  border-radius: 10px;

  color: #ffffff;

  background:
    rgba(10,10,10,.48);

  border:
    1px solid rgba(255,255,255,.14);

  backdrop-filter: blur(12px);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;
}

.fl-group__visual-top strong {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: #ffffff;

  background: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 15px;
  font-weight: 500;
}


/* =========================================================
   VISUAL CONTENT
========================================================= */

.fl-group__visual-content {
  position: absolute;

  left: 30px;
  right: 30px;
  bottom: 118px;

  z-index: 4;
}

.fl-group__visual-content small {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255,255,255,.48);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;
}

.fl-group__visual-content h3 {
  max-width: 480px;

  margin: 0;

  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(35px,3vw,47px);

  font-weight: 400;

  line-height: 1.06;

  letter-spacing: -.035em;
}

.fl-group__visual-content h3 span {
  display: block;

  font-weight: 600;
}

.fl-group__visual-content p {
  max-width: 430px;

  margin: 14px 0 0;

  color:
    rgba(255,255,255,.62);

  font-size: 12.5px;

  line-height: 1.68;
}


/* =========================================================
   VISUAL INFO
========================================================= */

.fl-group__visual-info {
  position: absolute;

  left: 27px;
  right: 27px;
  bottom: 27px;

  z-index: 4;

  min-height: 65px;

  padding: 0 17px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 13px;

  border-radius: 15px;

  background:
    rgba(12,13,14,.79);

  border:
    1px solid rgba(255,255,255,.13);

  backdrop-filter: blur(14px);
}

.fl-group__visual-info > div {
  display: flex;
  flex-direction: column;

  gap: 3px;
}

.fl-group__visual-info span {
  color: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 10px;
  font-weight: 500;
}

.fl-group__visual-info strong {
  color:
    rgba(255,255,255,.72);

  font-size: 8px;
  font-weight: 500;
}

.fl-group__visual-info i {
  width: 4px;
  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background: var(--fl-red);
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1250px) {

  .fl-group__wrap {
    width: min(1120px, calc(100% - 60px));

    gap: 60px;
  }

  .fl-group__visual {
    min-height: 600px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  .fl-group {
    padding: 95px 0;
  }

  .fl-group__wrap {
    width: min(760px, calc(100% - 50px));

    grid-template-columns: 1fr;

    gap: 65px;
  }

  .fl-group__content {
    max-width: none;
  }

  .fl-group h2 {
    max-width: 700px;

    font-size: clamp(48px,7vw,64px);
  }

  .fl-group__visual {
    min-height: 580px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .fl-group {
    padding:
      78px 0
      82px;
  }

  .fl-group__wrap {
    width: calc(100% - 36px);

    gap: 48px;
  }

  .fl-group__eyebrow {
    margin-bottom: 18px;

    font-size: 9px;

    letter-spacing: .14em;
  }

  .fl-group__eyebrow span {
    width: 30px;
  }

  .fl-group h2 {
    font-size: clamp(40px,11vw,53px);

    line-height: 1.06;
  }

  .fl-group__lead {
    margin-top: 22px;

    font-size: 13px;

    line-height: 1.72;
  }

  .fl-group__list {
    margin-top: 31px;

    padding-top: 26px;

    grid-template-columns: 1fr;
  }

  .fl-group__item {
    min-height: 105px;

    padding: 15px;

    grid-template-columns:
      44px
      minmax(0,1fr);

    border-radius: 13px;
  }

  .fl-group__icon {
    width: 44px;
    height: 44px;

    border-radius: 11px;
  }

  .fl-group__bottom {
    flex-direction: column;

    align-items: stretch;
  }

  .fl-group__btn {
    width: 100%;
  }

  .fl-group__note {
    align-items: flex-start;
  }

  .fl-group__note strong {
    max-width: none;

    text-align: left;
  }

  .fl-group__visual {
    min-height: 500px;

    border-radius: 20px;
  }

  .fl-group__visual-top {
    left: 17px;
    right: 17px;
    top: 17px;
  }

  .fl-group__visual-content {
    left: 21px;
    right: 21px;
    bottom: 110px;
  }

  .fl-group__visual-content h3 {
    font-size: 29px;
  }

  .fl-group__visual-info {
    left: 14px;
    right: 14px;
    bottom: 14px;

    min-height: 60px;

    padding: 0 12px;

    border-radius: 12px;
  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 390px) {

  .fl-group__wrap {
    width: calc(100% - 28px);
  }

  .fl-group h2 {
    font-size: 39px;
  }

  .fl-group__visual {
    min-height: 465px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25b5813 *//* =========================================================
   FAR LIGHT ENTERPRISE
   PAGE 03 — SERVICES
   SECTION 06 — TOURISM TRANSPORT
========================================================= */

.fl-tourism,
.fl-tourism * {
  box-sizing: border-box;
}

.fl-tourism {
  --fl-red: #e30613;
  --fl-red-dark: #bc0009;

  --fl-dark: #101113;
  --fl-text: #62666b;
  --fl-muted: #979a9e;

  --fl-white: #ffffff;
  --fl-soft: #f5f5f4;
  --fl-border: #e6e6e4;

  position: relative;

  width: 100%;

  padding: 120px 0 125px;

  background: #f4f4f3;

  font-family: "Inter", Arial, sans-serif;

  overflow: hidden;
}


/* =========================================================
   BACKGROUND WORD
========================================================= */

.fl-tourism::before {
  content: "EXPLORE";

  position: absolute;

  right: -40px;
  top: 25px;

  color: transparent;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(125px, 15vw, 255px);
  font-weight: 600;

  line-height: 1;

  letter-spacing: -.065em;

  -webkit-text-stroke:
    1px rgba(17,18,20,.04);

  pointer-events: none;
}


/* =========================================================
   WRAPPER
========================================================= */

.fl-tourism__wrap {
  position: relative;

  z-index: 2;

  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.fl-tourism__head {
  margin-bottom: 55px;

  display: grid;

  grid-template-columns:
    minmax(0, 1.08fr)
    minmax(300px, .45fr);

  align-items: end;

  gap: 90px;
}


/* =========================================================
   EYEBROW
========================================================= */

.fl-tourism__eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 13px;

  margin-bottom: 21px;

  color: var(--fl-red);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.fl-tourism__eyebrow > span {
  width: 42px;
  height: 2px;

  border-radius: 20px;

  background: var(--fl-red);
}


/* =========================================================
   HEADING
========================================================= */

.fl-tourism h2 {
  max-width: 780px;

  margin: 0;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(48px, 4.2vw, 69px);

  font-weight: 400;

  line-height: 1.04;

  letter-spacing: -.04em;
}

.fl-tourism h2 strong {
  display: block;

  font-weight: 600;
}


/* =========================================================
   INTRO
========================================================= */

.fl-tourism__intro {
  padding-bottom: 4px;
}

.fl-tourism__intro p {
  margin: 0;

  color: var(--fl-text);

  font-size: 14px;

  line-height: 1.75;
}

.fl-tourism__intro > span {
  display: block;

  margin-top: 20px;

  color: var(--fl-red);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;
}


/* =========================================================
   MAIN FEATURE
========================================================= */

.fl-tourism__feature {
  display: grid;

  grid-template-columns:
    minmax(0, 1.28fr)
    minmax(350px, .72fr);

  gap: 20px;
}


/* =========================================================
   VISUAL
========================================================= */

.fl-tourism__visual {
  position: relative;

  min-height: 680px;

  border-radius: 26px;

  overflow: hidden;

  background: #111;

  box-shadow:
    0 22px 60px rgba(20,20,20,.12);
}


/* =========================================================
   IMAGE
========================================================= */

.fl-tourism__image {
  position: absolute;

  inset: 0;
}

.fl-tourism__image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  transition:
    transform .8s cubic-bezier(.2,.7,.2,1);
}

.fl-tourism__visual:hover
.fl-tourism__image img {
  transform: scale(1.045);
}


/* =========================================================
   SHADE
========================================================= */

.fl-tourism__shade {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(8,8,9,.06) 0%,
      rgba(8,8,9,.08) 36%,
      rgba(8,8,9,.88) 100%
    );
}


/* =========================================================
   VISUAL TOP
========================================================= */

.fl-tourism__visual-top {
  position: absolute;

  left: 27px;
  right: 27px;
  top: 27px;

  z-index: 4;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;
}

.fl-tourism__visual-top > span {
  min-height: 38px;

  padding: 0 14px;

  display: inline-flex;
  align-items: center;

  border-radius: 10px;

  color: #ffffff;

  background:
    rgba(10,10,10,.48);

  border:
    1px solid rgba(255,255,255,.14);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;
}

.fl-tourism__visual-top > strong {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: #ffffff;

  background: var(--fl-red);

  box-shadow:
    0 12px 28px rgba(227,6,19,.22);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 15px;
  font-weight: 500;
}


/* =========================================================
   VISUAL MAIN
========================================================= */

.fl-tourism__visual-main {
  position: absolute;

  left: 32px;
  right: 32px;
  bottom: 135px;

  z-index: 4;
}

.fl-tourism__visual-main small {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255,255,255,.50);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .15em;
}

.fl-tourism__visual-main h3 {
  max-width: 590px;

  margin: 0;

  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(38px, 3.4vw, 54px);

  font-weight: 400;

  line-height: 1.04;

  letter-spacing: -.038em;
}

.fl-tourism__visual-main h3 span {
  display: block;

  font-weight: 600;
}


/* =========================================================
   ROUTE
========================================================= */

.fl-tourism__route {
  position: absolute;

  left: 27px;
  right: 27px;
  bottom: 27px;

  z-index: 5;

  min-height: 78px;

  padding: 0 18px;

  display: grid;

  grid-template-columns:
    auto
    minmax(35px,1fr)
    auto
    minmax(35px,1fr)
    auto;

  align-items: center;

  gap: 13px;

  border-radius: 16px;

  background:
    rgba(11,12,13,.82);

  border:
    1px solid rgba(255,255,255,.13);

  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.fl-tourism__route-point {
  display: flex;
  align-items: center;

  gap: 9px;
}

.fl-tourism__route-point > span {
  width: 9px;
  height: 9px;

  flex: 0 0 9px;

  border-radius: 50%;

  background: var(--fl-red);

  box-shadow:
    0 0 0 4px rgba(227,6,19,.14);
}

.fl-tourism__route-point > div {
  display: flex;
  flex-direction: column;

  gap: 3px;
}

.fl-tourism__route-point small {
  color:
    rgba(255,255,255,.34);

  font-size: 6px;
  font-weight: 600;

  letter-spacing: .10em;
}

.fl-tourism__route-point strong {
  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 11px;
  font-weight: 500;
}

.fl-tourism__route-line {
  position: relative;

  height: 1px;

  background:
    rgba(255,255,255,.17);
}

.fl-tourism__route-line i {
  position: absolute;

  left: 0;
  top: 0;

  width: 50%;
  height: 1px;

  background: var(--fl-red);
}


/* =========================================================
   RIGHT PANEL
========================================================= */

.fl-tourism__panel {
  min-height: 680px;

  padding: 27px;

  display: flex;
  flex-direction: column;

  border-radius: 26px;

  background: #ffffff;

  border:
    1px solid var(--fl-border);

  box-shadow:
    0 20px 55px rgba(20,20,20,.07);
}


/* =========================================================
   PANEL HEAD
========================================================= */

.fl-tourism__panel-head {
  padding-bottom: 24px;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 20px;

  border-bottom:
    1px solid var(--fl-border);
}

.fl-tourism__panel-head span {
  display: block;

  margin-bottom: 8px;

  color: var(--fl-red);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;
}

.fl-tourism__panel-head h3 {
  max-width: 280px;

  margin: 0;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 29px;
  font-weight: 500;

  line-height: 1.1;

  letter-spacing: -.028em;
}


/* =========================================================
   PANEL ICON
========================================================= */

.fl-tourism__panel-icon {
  width: 50px;
  height: 50px;

  flex: 0 0 50px;

  display: grid;
  place-items: center;

  border-radius: 13px;

  color: #ffffff;

  background: var(--fl-red);
}

.fl-tourism__panel-icon svg {
  width: 21px;
  height: 21px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   LIST
========================================================= */

.fl-tourism__list {
  flex: 1;

  padding-top: 7px;
}


/* =========================================================
   ITEM
========================================================= */

.fl-tourism__item {
  min-height: 111px;

  padding: 17px 0;

  display: grid;

  grid-template-columns:
    26px
    43px
    minmax(0,1fr);

  align-items: center;

  gap: 12px;

  border-bottom:
    1px solid var(--fl-border);
}

.fl-tourism__item:last-child {
  border-bottom: 0;
}


/* NUMBER */

.fl-tourism__number {
  color: #b6b8bb;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 11px;
  font-weight: 500;
}


/* ITEM ICON */

.fl-tourism__item-icon {
  width: 43px;
  height: 43px;

  display: grid;
  place-items: center;

  border-radius: 11px;

  color: var(--fl-red);

  background: #fff2f3;

  border:
    1px solid rgba(227,6,19,.09);
}

.fl-tourism__item-icon svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ITEM COPY */

.fl-tourism__item > div:last-child {
  min-width: 0;
}

.fl-tourism__item small {
  display: block;

  margin-bottom: 4px;

  color: var(--fl-red);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .12em;
}

.fl-tourism__item strong {
  display: block;

  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 14px;
  font-weight: 500;

  line-height: 1.3;
}

.fl-tourism__item p {
  margin: 5px 0 0;

  color: var(--fl-muted);

  font-size: 10.5px;

  line-height: 1.55;
}


/* =========================================================
   PANEL BOTTOM
========================================================= */

.fl-tourism__panel-bottom {
  min-height: 72px;

  margin-top: 18px;

  padding: 12px 13px 12px 17px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 18px;

  border-radius: 14px;

  color: #ffffff;

  background: var(--fl-dark);
}

.fl-tourism__panel-bottom > div {
  display: flex;
  flex-direction: column;

  gap: 4px;
}

.fl-tourism__panel-bottom span {
  color:
    rgba(255,255,255,.40);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .12em;
}

.fl-tourism__panel-bottom strong {
  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 13px;
  font-weight: 500;
}

.fl-tourism__panel-bottom > a {
  width: 43px;
  height: 43px;

  flex: 0 0 43px;

  display: grid;
  place-items: center;

  border-radius: 11px;

  color: #ffffff;

  background: var(--fl-red);

  text-decoration: none;

  transition:
    transform .25s ease,
    background .25s ease;
}

.fl-tourism__panel-bottom > a:hover {
  color: #ffffff;

  background: var(--fl-red-dark);

  transform: translateX(3px);
}

.fl-tourism__panel-bottom svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   BOTTOM CTA BAR
========================================================= */

.fl-tourism__bottom {
  margin-top: 35px;

  min-height: 95px;

  padding: 20px 24px;

  display: grid;

  grid-template-columns:
    minmax(0,1fr)
    auto
    auto;

  align-items: center;

  gap: 40px;

  border-radius: 18px;

  background: #ffffff;

  border:
    1px solid var(--fl-border);

  box-shadow:
    0 14px 35px rgba(20,20,20,.05);
}


/* =========================================================
   BOTTOM BRAND
========================================================= */

.fl-tourism__bottom-brand {
  display: flex;
  flex-direction: column;

  gap: 6px;
}

.fl-tourism__bottom-brand span {
  color: var(--fl-red);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .14em;
}

.fl-tourism__bottom-brand strong {
  color: var(--fl-dark);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 16px;
  font-weight: 500;

  line-height: 1.4;
}


/* =========================================================
   BOTTOM INFO
========================================================= */

.fl-tourism__bottom-info {
  display: flex;
  align-items: center;

  gap: 14px;
}

.fl-tourism__bottom-info > div {
  display: flex;
  flex-direction: column;

  gap: 3px;
}

.fl-tourism__bottom-info span {
  color: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 10px;
  font-weight: 500;
}

.fl-tourism__bottom-info strong {
  color: #73767a;

  font-size: 9px;
  font-weight: 500;
}

.fl-tourism__bottom-info i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #d6d6d5;
}


/* =========================================================
   BUTTON
========================================================= */

.fl-tourism__btn {
  min-height: 56px;

  padding: 0 23px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 17px;

  border-radius: 12px;

  color: #ffffff;

  background: var(--fl-red);

  text-decoration: none;

  font-size: 12px;
  font-weight: 600;

  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.fl-tourism__btn:hover {
  color: #ffffff;

  background: var(--fl-red-dark);

  transform: translateY(-3px);

  box-shadow:
    0 15px 32px rgba(227,6,19,.20);
}

.fl-tourism__btn svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1250px) {

  .fl-tourism__wrap {
    width: min(1120px, calc(100% - 60px));
  }

  .fl-tourism__head {
    gap: 55px;
  }

  .fl-tourism__feature {
    grid-template-columns:
      minmax(0,1.1fr)
      minmax(350px,.9fr);
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  .fl-tourism {
    padding:
      95px 0
      100px;
  }

  .fl-tourism__wrap {
    width: min(760px, calc(100% - 50px));
  }

  .fl-tourism__head {
    grid-template-columns: 1fr;

    gap: 24px;

    margin-bottom: 42px;
  }

  .fl-tourism h2 {
    max-width: 700px;

    font-size: clamp(48px,7vw,64px);
  }

  .fl-tourism__intro {
    max-width: 600px;
  }

  .fl-tourism__feature {
    grid-template-columns: 1fr;
  }

  .fl-tourism__visual {
    min-height: 590px;
  }

  .fl-tourism__panel {
    min-height: auto;
  }

  .fl-tourism__bottom {
    grid-template-columns:
      minmax(0,1fr)
      auto;

    gap: 25px;
  }

  .fl-tourism__bottom-info {
    display: none;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .fl-tourism {
    padding:
      78px 0
      82px;
  }

  .fl-tourism::before {
    font-size: 105px;

    top: 30px;
  }

  .fl-tourism__wrap {
    width: calc(100% - 36px);
  }


  /* HEADER */

  .fl-tourism__head {
    margin-bottom: 34px;
  }

  .fl-tourism__eyebrow {
    margin-bottom: 17px;

    font-size: 9px;

    letter-spacing: .14em;
  }

  .fl-tourism__eyebrow > span {
    width: 30px;
  }

  .fl-tourism h2 {
    font-size: clamp(40px,11vw,53px);

    line-height: 1.06;
  }

  .fl-tourism__intro p {
    font-size: 13px;

    line-height: 1.7;
  }


  /* VISUAL */

  .fl-tourism__feature {
    gap: 14px;
  }

  .fl-tourism__visual {
    min-height: 500px;

    border-radius: 19px;
  }

  .fl-tourism__visual-top {
    left: 17px;
    right: 17px;
    top: 17px;
  }

  .fl-tourism__visual-main {
    left: 21px;
    right: 21px;
    bottom: 125px;
  }

  .fl-tourism__visual-main h3 {
    font-size: 31px;
  }


  /* ROUTE */

  .fl-tourism__route {
    left: 14px;
    right: 14px;
    bottom: 14px;

    min-height: 76px;

    padding: 0 11px;

    gap: 8px;

    border-radius: 13px;
  }

  .fl-tourism__route-point {
    gap: 6px;
  }

  .fl-tourism__route-point > span {
    width: 7px;
    height: 7px;

    flex-basis: 7px;
  }

  .fl-tourism__route-point strong {
    font-size: 9px;
  }


  /* PANEL */

  .fl-tourism__panel {
    padding: 20px;

    border-radius: 18px;
  }

  .fl-tourism__panel-head h3 {
    font-size: 25px;
  }

  .fl-tourism__item {
    grid-template-columns:
      22px
      40px
      minmax(0,1fr);

    gap: 10px;
  }

  .fl-tourism__item-icon {
    width: 40px;
    height: 40px;

    border-radius: 10px;
  }


  /* BOTTOM */

  .fl-tourism__bottom {
    margin-top: 27px;

    padding: 21px 19px;

    grid-template-columns: 1fr;

    gap: 20px;

    border-radius: 15px;
  }

  .fl-tourism__btn {
    width: 100%;
  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 390px) {

  .fl-tourism__wrap {
    width: calc(100% - 28px);
  }

  .fl-tourism h2 {
    font-size: 39px;
  }

  .fl-tourism__visual {
    min-height: 470px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a49017 *//* =========================================================
   FAR LIGHT ENTERPRISE
   PAGE 03 — SERVICES
   SECTION 07 — FINAL SERVICE CTA
========================================================= */

.fl-service-cta,
.fl-service-cta * {
  box-sizing: border-box;
}

.fl-service-cta {
  --fl-red: #e30613;
  --fl-red-dark: #ba0009;

  --fl-dark: #0b0c0e;
  --fl-white: #ffffff;

  position: relative;

  width: 100%;
  min-height: 760px;

  padding:
    115px 0
    105px;

  display: flex;
  align-items: center;

  background: #090a0b;

  font-family: "Inter", Arial, sans-serif;

  overflow: hidden;
}


/* =========================================================
   BACKGROUND
========================================================= */

.fl-service-cta__media {
  position: absolute;

  inset: 0;

  z-index: 0;
}

.fl-service-cta__media img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  filter:
    saturate(.58)
    contrast(1.08)
    brightness(.47);

  transform: scale(1.02);
}


/* =========================================================
   OVERLAY
========================================================= */

.fl-service-cta__overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  background:
    linear-gradient(
      90deg,
      rgba(6,7,8,.98) 0%,
      rgba(6,7,8,.93) 38%,
      rgba(6,7,8,.71) 66%,
      rgba(6,7,8,.86) 100%
    ),
    linear-gradient(
      180deg,
      rgba(6,7,8,.18),
      rgba(6,7,8,.94)
    );
}


/* =========================================================
   WRAPPER
========================================================= */

.fl-service-cta__wrap {
  position: relative;

  z-index: 4;

  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(350px,.55fr);

  align-items: center;

  gap: 95px;
}


/* =========================================================
   LEFT
========================================================= */

.fl-service-cta__content {
  max-width: 820px;
}


/* =========================================================
   EYEBROW
========================================================= */

.fl-service-cta__eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 13px;

  margin-bottom: 24px;

  color: var(--fl-red);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.fl-service-cta__eyebrow > span {
  width: 42px;
  height: 2px;

  border-radius: 30px;

  background: var(--fl-red);
}


/* =========================================================
   HEADING
========================================================= */

.fl-service-cta h2 {
  max-width: 820px;

  margin: 0;

  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: clamp(56px,5.3vw,86px);

  font-weight: 400;

  line-height: 1;

  letter-spacing: -.045em;
}

.fl-service-cta h2 strong {
  display: block;

  font-weight: 600;
}


/* =========================================================
   LEAD
========================================================= */

.fl-service-cta__lead {
  max-width: 640px;

  margin: 28px 0 0;

  color:
    rgba(255,255,255,.64);

  font-size: 14px;

  line-height: 1.8;
}


/* =========================================================
   QUICK POINTS
========================================================= */

.fl-service-cta__points {
  max-width: 690px;

  margin-top: 36px;

  padding:
    22px 0;

  display: grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  border-top:
    1px solid rgba(255,255,255,.12);

  border-bottom:
    1px solid rgba(255,255,255,.12);
}

.fl-service-cta__point {
  min-width: 0;

  padding:
    0 17px;

  border-right:
    1px solid rgba(255,255,255,.10);
}

.fl-service-cta__point:first-child {
  padding-left: 0;
}

.fl-service-cta__point:last-child {
  padding-right: 0;

  border-right: 0;
}

.fl-service-cta__point span {
  display: block;

  margin-bottom: 5px;

  color: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 12px;
  font-weight: 500;
}

.fl-service-cta__point strong {
  color:
    rgba(255,255,255,.74);

  font-size: 9px;
  font-weight: 500;

  line-height: 1.35;
}


/* =========================================================
   ACTIONS
========================================================= */

.fl-service-cta__actions {
  margin-top: 35px;

  display: flex;
  flex-wrap: wrap;

  gap: 12px;
}


/* =========================================================
   BUTTON
========================================================= */

.fl-service-cta__btn {
  min-height: 58px;

  padding:
    0 24px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 17px;

  border-radius: 12px;

  text-decoration: none;

  font-size: 12px;
  font-weight: 600;

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.fl-service-cta__btn svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* PRIMARY */

.fl-service-cta__btn--primary {
  color: #ffffff;

  background: var(--fl-red);

  border:
    1px solid var(--fl-red);

  box-shadow:
    0 14px 32px rgba(227,6,19,.22);
}

.fl-service-cta__btn--primary:hover {
  color: #ffffff;

  background: var(--fl-red-dark);

  border-color: var(--fl-red-dark);

  transform: translateY(-3px);

  box-shadow:
    0 18px 38px rgba(227,6,19,.28);
}


/* GHOST */

.fl-service-cta__btn--ghost {
  color: #ffffff;

  background:
    rgba(255,255,255,.07);

  border:
    1px solid rgba(255,255,255,.17);

  backdrop-filter: blur(12px);
}

.fl-service-cta__btn--ghost:hover {
  color: #ffffff;

  background:
    rgba(255,255,255,.13);

  transform: translateY(-3px);
}


/* =========================================================
   RIGHT PANEL
========================================================= */

.fl-service-cta__panel {
  width: 100%;
  max-width: 430px;

  justify-self: end;

  border-radius: 22px;

  overflow: hidden;

  color: #ffffff;

  background:
    rgba(15,16,18,.89);

  border:
    1px solid rgba(255,255,255,.14);

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);

  box-shadow:
    0 35px 90px rgba(0,0,0,.38);
}


/* =========================================================
   PANEL HEAD
========================================================= */

.fl-service-cta__panel-head {
  min-height: 91px;

  padding:
    22px 24px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  border-bottom:
    1px solid rgba(255,255,255,.09);
}

.fl-service-cta__panel-head > div {
  display: flex;
  flex-direction: column;

  gap: 5px;
}

.fl-service-cta__panel-head > div span {
  color:
    rgba(255,255,255,.38);

  font-size: 8px;
  font-weight: 600;

  letter-spacing: .13em;
}

.fl-service-cta__panel-head > div strong {
  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 18px;
  font-weight: 500;
}

.fl-service-cta__panel-no {
  width: 46px;
  height: 46px;

  display: grid;
  place-items: center;

  border-radius: 12px;

  color: #ffffff;

  background: var(--fl-red);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 15px;
  font-weight: 500;
}


/* =========================================================
   SERVICES LIST
========================================================= */

.fl-service-cta__services {
  padding:
    6px 24px;
}

.fl-service-cta__service {
  min-height: 71px;

  display: grid;

  grid-template-columns:
    42px
    minmax(0,1fr);

  align-items: center;

  gap: 13px;

  border-bottom:
    1px solid rgba(255,255,255,.085);
}

.fl-service-cta__service:last-child {
  border-bottom: 0;
}


/* =========================================================
   SERVICE ICON
========================================================= */

.fl-service-cta__service-icon {
  width: 42px;
  height: 42px;

  display: grid;
  place-items: center;

  border-radius: 11px;

  color: var(--fl-red);

  background:
    rgba(255,255,255,.055);

  border:
    1px solid rgba(255,255,255,.10);
}

.fl-service-cta__service-icon svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   SERVICE COPY
========================================================= */

.fl-service-cta__service > div:last-child {
  display: flex;
  flex-direction: column;

  gap: 4px;
}

.fl-service-cta__service span {
  color:
    rgba(255,255,255,.30);

  font-size: 8px;
  font-weight: 600;
}

.fl-service-cta__service strong {
  color:
    rgba(255,255,255,.78);

  font-family: "Outfit", Arial, sans-serif;

  font-size: 13px;
  font-weight: 500;
}


/* =========================================================
   PANEL BUTTON
========================================================= */

.fl-service-cta__panel-btn {
  min-height: 74px;

  padding:
    0 24px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  color: #ffffff;

  background: var(--fl-red);

  text-decoration: none;

  transition:
    background .25s ease;
}

.fl-service-cta__panel-btn:hover {
  color: #ffffff;

  background: var(--fl-red-dark);
}

.fl-service-cta__panel-btn > div {
  display: flex;
  flex-direction: column;

  gap: 4px;
}

.fl-service-cta__panel-btn span {
  color:
    rgba(255,255,255,.64);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .12em;
}

.fl-service-cta__panel-btn strong {
  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 14px;
  font-weight: 500;
}

.fl-service-cta__panel-btn svg {
  width: 19px;
  height: 19px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.fl-service-cta__bottom {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  z-index: 6;

  min-height: 70px;

  display: flex;
  align-items: center;

  background:
    rgba(6,7,8,.88);

  border-top:
    1px solid rgba(255,255,255,.10);

  backdrop-filter: blur(14px);
}

.fl-service-cta__bottom-inner {
  width: min(1380px, calc(100% - 100px));

  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 35px;
}

.fl-service-cta__bottom-inner > span {
  color: #ffffff;

  font-family: "Outfit", Arial, sans-serif;

  font-size: 11px;
  font-weight: 500;

  letter-spacing: .06em;
}

.fl-service-cta__bottom-inner > div {
  display: flex;
  align-items: center;

  gap: 15px;

  white-space: nowrap;
}

.fl-service-cta__bottom-inner strong {
  color:
    rgba(255,255,255,.38);

  font-size: 7px;
  font-weight: 600;

  letter-spacing: .11em;
}

.fl-service-cta__bottom-inner i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: var(--fl-red);
}


/* =========================================================
   MEDIUM DESKTOP
========================================================= */

@media (max-width: 1250px) {

  .fl-service-cta__wrap,
  .fl-service-cta__bottom-inner {
    width: min(1120px, calc(100% - 60px));
  }

  .fl-service-cta__wrap {
    gap: 60px;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 980px) {

  .fl-service-cta {
    min-height: auto;

    padding:
      100px 0
      135px;
  }

  .fl-service-cta__wrap {
    width: min(760px, calc(100% - 50px));

    grid-template-columns: 1fr;

    gap: 55px;
  }

  .fl-service-cta h2 {
    max-width: 700px;

    font-size: clamp(52px,8vw,72px);
  }

  .fl-service-cta__panel {
    max-width: 570px;

    justify-self: start;
  }

  .fl-service-cta__bottom-inner {
    width: min(760px, calc(100% - 50px));
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .fl-service-cta {
    padding:
      78px 0
      112px;
  }


  .fl-service-cta__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(6,7,8,.73) 0%,
        rgba(6,7,8,.91) 44%,
        rgba(6,7,8,.99) 100%
      );
  }


  .fl-service-cta__wrap {
    width: calc(100% - 36px);

    gap: 43px;
  }


  /* EYEBROW */

  .fl-service-cta__eyebrow {
    margin-bottom: 18px;

    font-size: 9px;

    letter-spacing: .14em;
  }

  .fl-service-cta__eyebrow > span {
    width: 30px;
  }


  /* HEADING */

  .fl-service-cta h2 {
    font-size: clamp(43px,12vw,59px);

    line-height: 1.03;
  }


  /* LEAD */

  .fl-service-cta__lead {
    margin-top: 22px;

    font-size: 13px;

    line-height: 1.72;
  }


  /* POINTS */

  .fl-service-cta__points {
    margin-top: 29px;

    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap: 0;
  }

  .fl-service-cta__point {
    min-height: 62px;

    padding: 12px;

    border-bottom:
      1px solid rgba(255,255,255,.10);
  }

  .fl-service-cta__point:nth-child(2) {
    border-right: 0;
  }

  .fl-service-cta__point:nth-child(3),
  .fl-service-cta__point:nth-child(4) {
    border-bottom: 0;
  }

  .fl-service-cta__point:nth-child(3) {
    padding-left: 0;
  }


  /* ACTIONS */

  .fl-service-cta__actions {
    margin-top: 28px;

    display: grid;

    grid-template-columns: 1fr;
  }

  .fl-service-cta__btn {
    width: 100%;
  }


  /* PANEL */

  .fl-service-cta__panel {
    max-width: none;

    border-radius: 18px;
  }

  .fl-service-cta__panel-head {
    padding:
      19px;
  }

  .fl-service-cta__services {
    padding:
      5px 19px;
  }

  .fl-service-cta__panel-btn {
    padding:
      0 19px;
  }


  /* BOTTOM */

  .fl-service-cta__bottom {
    min-height: 65px;
  }

  .fl-service-cta__bottom-inner {
    width: calc(100% - 36px);

    justify-content: center;
  }

  .fl-service-cta__bottom-inner > div {
    display: none;
  }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width: 390px) {

  .fl-service-cta__wrap,
  .fl-service-cta__bottom-inner {
    width: calc(100% - 28px);
  }

  .fl-service-cta h2 {
    font-size: 41px;
  }

}/* End custom CSS */