.black {
  color: #000000; }

.white {
  color: #FFFFFF; }

.primary {
  color: #FFE600; }

.gray {
  color: #FAFAFA; }

.gray50 {
  color: #F6F6F6; }

.gray100 {
  color: #7A7575; }

.blackBG {
  background: #000000; }

.whiteBG {
  background: #FFFFFF; }

.primaryBG {
  background: #FFE600; }

.grayBG {
  background: #FAFAFA; }

.gray50BG {
  background: #F6F6F6; }

.gray100BG {
  background: #7A7575; }

@font-face {
  font-family: 'TTCommons-Medium';
  src: url("../fonts/TTCommons-Medium.woff2") format("woff2"), url("../fonts/TTCommons-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
body {
  font-family: 'TTCommons-Medium';
  font-weight: normal; }

h1 {
  font-size: 7.9925rem;
  margin-bottom: 0px;
  padding-bottom: 0px; }

h2 {
  font-size: 5.6525rem;
  margin-bottom: 0px;
  padding-bottom: 0px; }

h3 {
  font-size: 3.9975rem;
  margin-bottom: 0px;
  padding-bottom: 0px; }

h4 {
  font-size: 2.82688rem;
  margin-bottom: 0px;
  padding-bottom: 0px; }

h5 {
  font-size: 1.99938rem;
  margin-bottom: 0px;
  padding-bottom: 0px; }

h6 {
  font-size: 1.375rem;
  margin-bottom: 0px;
  padding-bottom: 0px; }

p, a, .p {
  font-size: 1rem;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-decoration: none !important; }

p {
  color: #7A7575; }
  p span {
    color: #000000; }

@media (max-width: 768px) {
  h2 {
    font-size: 3rem; }

  h3 {
    font-size: 2rem; }

  h4 {
    font-size: 1.82688rem;
    margin-bottom: 0px;
    padding-bottom: 0px; }

  h5 {
    font-size: 1.49938rem; } }
.btn {
  padding: 1.108rem 2.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 0rem;
  font-size: 1rem;
  line-height: 1.035rem;
  border: none !important;
  position: relative;
  display: flex;
  z-index: 1; }
  .btn svg path {
    transition-duration: 0.2s; }
  .btn::before {
    content: '';
    height: 100%;
    width: 0%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    transition-duration: 0.3s;
    z-index: -1; }
  .btn.with_icon {
    padding: 0.875rem 2.5rem 0.875rem 1.25rem;
    gap: 1.25rem; }
  .btn.icon {
    padding: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem; }
  .btn.glass {
    background: rgba(250, 250, 250, 0.15);
    border: 1px solid rgba(246, 246, 246, 0.15) !important;
    border-radius: 100%;
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px); }

.btn-primary {
  background-color: #FFE600;
  color: #000000; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #FFE600 !important;
    color: #FFFFFF !important; }
    .btn-primary:hover svg path, .btn-primary:focus svg path, .btn-primary:active svg path {
      stroke: #FFFFFF; }
    .btn-primary:hover::before, .btn-primary:focus::before, .btn-primary:active::before {
      background: #000000;
      width: 100%; }

.btn-secondary {
  background-color: #000000;
  color: #FFFFFF; }
  .btn-secondary svg path {
    stroke: #FFFFFF; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #000000 !important;
    color: #FFFFFF !important; }
    .btn-secondary:hover::before, .btn-secondary:focus::before, .btn-secondary:active::before {
      background: #292727;
      width: 100%; }

.btn-white {
  background-color: #FFFFFF;
  color: #000000;
  -webkit-box-shadow: inset 0px 0px 0px 1px #F6F6F6;
  -moz-box-shadow: inset 0px 0px 0px 1px #F6F6F6;
  box-shadow: inset 0px 0px 0px 1px #F6F6F6; }
  .btn-white:hover, .btn-white:focus, .btn-white:active {
    background-color: #FFFFFF !important;
    color: #000000 !important; }
    .btn-white:hover::before, .btn-white:focus::before, .btn-white:active::before {
      background: #F6F6F6;
      width: 100%; }

.btn-glass {
  background: rgba(250, 250, 250, 0.15);
  border: 1px solid rgba(246, 246, 246, 0.15) !important;
  border-radius: 100%;
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  color: #FFFFFF;
  border-radius: 0px; }
  .btn-glass svg path {
    stroke: #FFFFFF; }
  .btn-glass:hover, .btn-glass:focus, .btn-glass:active {
    background-color: rgba(108, 59, 59, 0.15) !important;
    color: #FFFFFF !important; }

.btn-ghost {
  background-color: transparent;
  color: inherit; }
  .btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active {
    background-color: transparent !important;
    color: inherit !important; }

.btn-gray {
  background-color: #FAFAFA;
  color: #000000; }
  .btn-gray:hover, .btn-gray:focus, .btn-gray:active {
    background-color: #FAFAFA !important;
    color: #000000 !important; }
    .btn-gray:hover::before, .btn-gray:focus::before, .btn-gray:active::before {
      background: #F6F6F6;
      width: 100%; }

.form-control {
  border-radius: 0rem;
  border: 2px solid #F6F6F6 !important;
  outline: none !important;
  box-shadow: none !important;
  background: #F6F6F6;
  padding: 1.108rem 2.5rem;
  font-size: 1rem;
  transition-duration: 0.2s !important; }
  .form-control:active, .form-control:focus {
    background: #FFFFFF;
    border: 2px solid #F6F6F6 !important; }

.split-parent {
  overflow: hidden; }

.split-child {
  display: inline-block; }

.buttons_wrapper {
  display: flex;
  gap: 1rem;
  align-items: flex-start; }

.hidden {
  display: none; }

#cb-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-radius: 0;
  display: none; }

.modal-dialog-centered .modal-content {
  display: flex;
  padding: 2.5rem;
  flex-direction: column;
  gap: 3.125rem;
  flex: 1 0 0;
  background: #FAFAFA;
  border: 1px solid #F6F6F6;
  border-radius: 0px;
  gap: 1rem;
  position: relative; }
  .modal-dialog-centered .modal-content .close {
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    height: 4rem;
    width: 4rem;
    padding: 0rem; }
  .modal-dialog-centered .modal-content h4 {
    padding-right: 5rem; }
  .modal-dialog-centered .modal-content form {
    width: 100%;
    display: flex;
    gap: 0.6rem; }
    .modal-dialog-centered .modal-content form .btn {
      width: 4rem;
      padding: 0rem;
      height: 100%; }

.container-fluid {
  max-width: 1120px; }

.img_section {
  width: 100%;
  max-height: 40rem;
  overflow: hidden;
  border-radius: 3.125rem 3.125rem 0rem 0rem; }
  .img_section img {
    width: 100%;
    height: 120%; }

.footer_wrap {
  color: #FFFFFF;
  background: #000000;
  border-bottom: 2px solid #000000; }
  .footer_wrap .footer {
    overflow: hidden; }
    .footer_wrap .footer .footer_inner {
      padding: 4.23rem 0rem; }
      .footer_wrap .footer .footer_inner a {
        color: #FFFFFF;
        transition-duration: 0.2s; }
        .footer_wrap .footer .footer_inner a:hover {
          color: #FFE600; }
      .footer_wrap .footer .footer_inner p {
        color: #7A7575; }
    .footer_wrap .footer .footer_top {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 5.7rem; }
      .footer_wrap .footer .footer_top .list_wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5.7rem; }
        .footer_wrap .footer .footer_top .list_wrapper .nav_item {
          display: inline-flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 1rem; }
          .footer_wrap .footer .footer_top .list_wrapper .nav_item .footer_links {
            list-style: none;
            padding: 0;
            margin: 0;
            display: inline-flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem; }
      .footer_wrap .footer .footer_top .right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem; }
        .footer_wrap .footer .footer_top .right ul {
          list-style: none;
          padding: 0;
          margin: 0;
          display: inline-flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 0.5rem; }
          .footer_wrap .footer .footer_top .right ul .socials {
            display: flex;
            gap: 1rem;
            flex-direction: row; }
            .footer_wrap .footer .footer_top .right ul .socials a {
              transition-duration: 0.2s; }
              .footer_wrap .footer .footer_top .right ul .socials a:hover svg path {
                fill: #FFE600; }
        .footer_wrap .footer .footer_top .right .buttons_wrapper {
          display: flex;
          gap: 1rem; }
    .footer_wrap .footer .copyright {
      padding-top: 4rem;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 5.7rem; }

.navigation {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 99999; }
  .navigation .top_bar {
    background: #000000;
    padding: 0.6rem 0rem; }
    .navigation .top_bar .wrapper {
      display: flex;
      justify-content: space-between; }
      .navigation .top_bar .wrapper .stocks a {
        color: #FFFFFF !important;
        display: flex;
        gap: 1rem;
        justify-content: center;
        align-items: center; }
      .navigation .top_bar .wrapper .stocks p {
        color: #FFFFFF !important; }
      .navigation .top_bar .wrapper .socials {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 1rem; }
        .navigation .top_bar .wrapper .socials a {
          display: flex;
          justify-content: center;
          align-items: center; }
  .navigation .main_nav {
    padding-top: 1.8rem; }
    .navigation .main_nav .top_nav {
      display: flex;
      justify-content: space-between; }
      .navigation .main_nav .top_nav .brand {
        display: flex;
        justify-content: center;
        align-items: center; }
      .navigation .main_nav .top_nav .cta_wrapper {
        display: flex;
        gap: 1rem;
        justify-content: center;
        align-content: center; }
        .navigation .main_nav .top_nav .cta_wrapper .btn-transparent {
          color: #FFFFFF; }
    .navigation .main_nav .navbar-nav {
      width: 100%;
      display: flex;
      gap: 1rem;
      margin-top: 1.8rem; }
      .navigation .main_nav .navbar-nav .nav-item {
        flex-grow: 1; }
        .navigation .main_nav .navbar-nav .nav-item .nav-link {
          border-top: 2px solid rgba(246, 246, 246, 0.15); }
        .navigation .main_nav .navbar-nav .nav-item:hover .nav-link, .navigation .main_nav .navbar-nav .nav-item.active .nav-link {
          border-top: 2px solid white;
          color: #FFFFFF; }
  .navigation.dark {
    position: relative; }
    .navigation.dark .main_nav .navbar-nav .nav-item .nav-link {
      border-top: 2px solid #f6f6f6;
      color: #000000; }
    .navigation.dark .main_nav .navbar-nav .nav-item:hover .nav-link, .navigation.dark .main_nav .navbar-nav .nav-item.active .nav-link {
      border-top: 2px solid black;
      color: #000000; }
    .navigation.dark .main_nav .top_nav .cta_wrapper .btn-transparent {
      color: #000000; }

.hero {
  height: 700px;
  position: relative;
  z-index: -1;
  overflow: hidden;
  color: #FFFFFF; }
  .hero .container-fluid:nth-child(1) {
    height: 100%; }
  .hero .content {
    position: relative;
    z-index: 2;
    max-width: 48rem;
    padding-top: 17rem;
    padding-bottom: 8rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between; }
    .hero .content .heading_wrapper p {
      color: #FFFFFF; }
    .hero .content .bottom_bar {
      display: flex;
      gap: 4rem;
      justify-content: flex-start;
      align-items: flex-start; }
      .hero .content .bottom_bar p {
        max-width: 22rem;
        color: #FFFFFF; }
  .hero .overlay {
    top: 0px;
    left: 0px;
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6); }
  .hero .background {
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: -1;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .hero .background img {
      width: 100%; }
    .hero .background video {
      width: 100%;
      height: 120%;
      object-fit: cover; }

.stations {
  padding: 3.2rem 0rem; }
  .stations .placeholder_station {
    min-height: 30rem;
    background: #F6F6F6;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7A7575; }
  .stations .stations_wrapper {
    position: relative;
    height: 30rem;
    border: 1px solid #F6F6F6;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .stations .stations_wrapper * {
      outline: 0 !important; }
    .stations .stations_wrapper a.mapboxgl-ctrl-logo {
      height: 5px; }
    .stations .stations_wrapper .marker {
      border: none;
      cursor: pointer;
      width: 1.88263rem;
      height: 2.06225rem;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("../img/map_icon.svg"); }
    .stations .stations_wrapper .mapboxgl-ctrl-geocoder {
      width: 100%;
      max-width: 100%;
      border: none;
      border-bottom: 1px solid #F6F6F6;
      font-family: 'TTCommons-Medium'; }
      .stations .stations_wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input {
        font-family: 'TTCommons-Medium';
        padding: 1rem 1.8rem;
        padding-left: 3.8rem;
        height: auto; }
        .stations .stations_wrapper .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input::placeholder {
          color: #000000; }
    .stations .stations_wrapper .mapboxgl-ctrl-geocoder .suggestions {
      border-radius: 0px;
      box-shadow: none !important;
      top: calc(100%); }
    .stations .stations_wrapper .mapboxgl-ctrl-geocoder--icon-search {
      left: 1.8rem;
      top: 15px; }
    .stations .stations_wrapper .mapboxgl-ctrl-geocoder .suggestions > .active > a,
    .stations .stations_wrapper .mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
      background: #FAFAFA; }
    .stations .stations_wrapper .mapboxgl-ctrl-geocoder .suggestions > li a {
      padding: 1rem 1.8rem;
      color: #000000;
      min-height: 4rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      transition-duration: 0.2s; }
    .stations .stations_wrapper .mapboxgl-popup {
      padding-bottom: 1.8rem; }
      .stations .stations_wrapper .mapboxgl-popup h6 {
        font-size: 20px;
        padding-bottom: 5px; }
      .stations .stations_wrapper .mapboxgl-popup p {
        font-size: 13px; }
    .stations .stations_wrapper .mapboxgl-popup-content {
      border-radius: 0px;
      box-shadow: none;
      border: 1px solid #F6F6F6; }
    .stations .stations_wrapper .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
      height: 1rem;
      width: 1rem;
      display: block;
      background: #FFFFFF;
      transform: rotate(45deg) translateY(45deg);
      transform: translate(0, -50%) rotate(45deg);
      border-bottom: 1px solid #F6F6F6;
      border-top: none;
      border-right: 1px solid #F6F6F6; }
    .stations .stations_wrapper .mapboxgl-ctrl-geocoder {
      border-radius: 0px !important;
      box-shadow: none !important;
      border: 1px solid #F6F6F6;
      outline: none !important; }
    .stations .stations_wrapper .mapboxgl-ctrl-attrib-inner a {
      font-size: 7px; }
    .stations .stations_wrapper .mapboxgl-popup-close-button {
      outline: none !important; }
    .stations .stations_wrapper .sidebar {
      height: 100%;
      top: 0;
      left: 0;
      overflow: hidden;
      border-right: 1px solid #F6F6F6; }
      .stations .stations_wrapper .sidebar .heading {
        display: flex;
        padding: 2.5rem;
        flex-direction: column;
        gap: 3.125rem;
        flex: 1 0 0;
        background: #FAFAFA;
        border: 1px solid #F6F6F6;
        padding: 1rem 1.88rem; }
      .stations .stations_wrapper .sidebar .listings {
        height: 100%;
        overflow: auto;
        padding-bottom: 60px; }
        .stations .stations_wrapper .sidebar .listings .item {
          display: flex;
          gap: 1.25rem;
          padding: 1rem 1.88rem;
          justify-content: flex-start;
          align-items: center;
          border-bottom: 1px solid #F6F6F6;
          background: #FFFFFF;
          transition-duration: 0.2s; }
          .stations .stations_wrapper .sidebar .listings .item::before {
            content: url("../img/map_icon.svg"); }
          .stations .stations_wrapper .sidebar .listings .item a {
            color: #000000;
            flex-grow: 1; }
          .stations .stations_wrapper .sidebar .listings .item .title {
            position: relative;
            padding-right: 6rem; }
            .stations .stations_wrapper .sidebar .listings .item .title::after {
              content: "Get Directions";
              display: block;
              position: absolute;
              height: 21px;
              right: 20px;
              opacity: 0;
              top: 0px;
              transition-duration: 0.2s;
              font-size: 0.8rem;
              display: flex;
              justify-content: center;
              align-items: center;
              border-radius: 0px;
              padding: 2px 5px;
              background: #FFFFFF;
              border: 1px solid #FAFAFA !important; }
          .stations .stations_wrapper .sidebar .listings .item:last-child {
            border-bottom: none; }
          .stations .stations_wrapper .sidebar .listings .item:hover, .stations .stations_wrapper .sidebar .listings .item.active {
            background: #F6F6F6; }
            .stations .stations_wrapper .sidebar .listings .item:hover .title::after, .stations .stations_wrapper .sidebar .listings .item.active .title::after {
              right: -10px;
              opacity: 1; }
      .stations .stations_wrapper .sidebar ::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        border-left: 0;
        background: #FFFFFF; }
      .stations .stations_wrapper .sidebar ::-webkit-scrollbar-track {
        background: none; }
      .stations .stations_wrapper .sidebar ::-webkit-scrollbar-thumb {
        background: #FAFAFA;
        border-radius: 0; }
    .stations .stations_wrapper .map {
      grid-column-start: 2;
      grid-column-end: 4; }

.faq {
  padding: 5.625rem 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3.12rem; }
  .faq .textreveal {
    max-width: 55rem; }
  .faq .accordion-item:first-of-type {
    border-radius: 0rem; }
  .faq .accordion-button {
    border-radius: 0rem;
    border-bottom: 1px solid transparent !important;
    padding: 2rem 0rem; }
  .faq button {
    outline: none !important;
    box-shadow: none !important; }
    .faq button:active, .faq button:focus {
      outline: none !important;
      box-shadow: none !important; }
  .faq .accordion-button:not(.collapsed) {
    color: #000000;
    border-bottom: 1px solid #F6F6F6 !important;
    background: transparent !important; }
  .faq .accordion-button::after {
    background-image: url("../img/chevron_down_dark.svg"); }
  .faq .accordion {
    margin-top: 5.12rem; }
  .faq .accordion-item {
    border-color: #F6F6F6;
    border: none !important;
    border-bottom: 1px solid #F6F6F6 !important; }
  .faq .accordion-body {
    padding: 2rem 0rem; }
    .faq .accordion-body p {
      margin-bottom: 2rem; }

.usp {
  background: #FFFFFF;
  border-radius: 3.125rem 3.125rem 0rem 0rem;
  transform: translateY(-4rem); }
  .usp .usp_wrapper {
    display: flex;
    padding: 5.625rem 0rem;
    flex-direction: column;
    gap: 6.875rem;
    border-bottom: 2px solid #F6F6F6; }
    .usp .usp_wrapper .section_heading {
      margin-left: 6rem;
      max-width: 45rem; }
    .usp .usp_wrapper .usp_cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.25rem; }
      .usp .usp_wrapper .usp_cards .usp_card {
        display: flex;
        padding: 2.5rem;
        flex-direction: column;
        gap: 3.125rem;
        flex: 1 0 0;
        background: #FAFAFA;
        border: 1px solid #F6F6F6;
        color: #000000 !important;
        z-index: 1;
        position: relative;
        justify-content: space-between;
        display: flex;
        flex-direction: column; }
        .usp .usp_wrapper .usp_cards .usp_card .background {
          background: #FFE600;
          position: absolute;
          width: 0%;
          height: 100%;
          z-index: -1;
          transition-duration: 0.2s;
          left: 0px;
          bottom: 0px; }
        .usp .usp_wrapper .usp_cards .usp_card .heading {
          display: flex;
          flex-direction: column;
          gap: 1.75rem; }
        .usp .usp_wrapper .usp_cards .usp_card .cta {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .usp .usp_wrapper .usp_cards .usp_card .cta p {
            color: #000000; }
        .usp .usp_wrapper .usp_cards .usp_card:hover .background {
          width: 100%; }
    .usp .usp_wrapper .text {
      display: flex;
      justify-content: space-between; }
      .usp .usp_wrapper .text p {
        max-width: 25rem; }

.explore .explore_wrapper .heading {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .explore .explore_wrapper .heading .arrows {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    justify-content: flex-end; }
    .explore .explore_wrapper .heading .arrows .cat_prev,
    .explore .explore_wrapper .heading .arrows .cat_next {
      transform: scale(1);
      display: flex;
      justify-content: center;
      align-items: center;
      transition-duration: 0.2s;
      cursor: pointer; }
      .explore .explore_wrapper .heading .arrows .cat_prev svg *,
      .explore .explore_wrapper .heading .arrows .cat_next svg * {
        transition-duration: 0.2s; }
      .explore .explore_wrapper .heading .arrows .cat_prev:hover,
      .explore .explore_wrapper .heading .arrows .cat_next:hover {
        transform: scale(0.85); }
      .explore .explore_wrapper .heading .arrows .cat_prev[aria-disabled="false"] svg rect,
      .explore .explore_wrapper .heading .arrows .cat_next[aria-disabled="false"] svg rect {
        fill: #000000; }
      .explore .explore_wrapper .heading .arrows .cat_prev[aria-disabled="false"] svg path,
      .explore .explore_wrapper .heading .arrows .cat_next[aria-disabled="false"] svg path {
        stroke: #FFFFFF; }
.explore .explore_wrapper .cat_slick {
  margin: 3.5rem 0rem; }
  .explore .explore_wrapper .cat_slick .slick-slide {
    margin: 0 1rem; }
  .explore .explore_wrapper .cat_slick .slick-list {
    margin: 0 -1rem; }
  .explore .explore_wrapper .cat_slick .cat_card .card_heading {
    display: flex;
    padding: 2.5rem;
    flex-direction: column;
    gap: 3.125rem;
    flex: 1 0 0;
    background: #FAFAFA;
    border: 1px solid #F6F6F6;
    color: #000000;
    padding: 2rem;
    gap: 0rem; }
  .explore .explore_wrapper .cat_slick .cat_card .image {
    height: 15rem;
    overflow: hidden;
    display: flex;
    justify-content: center; }
    .explore .explore_wrapper .cat_slick .cat_card .image img {
      height: 300%;
      object-fit: cover; }

.advertise .advertise_wrapper {
  display: flex;
  flex-direction: column;
  position: relative; }
  .advertise .advertise_wrapper .heading {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .advertise .advertise_wrapper .heading .content {
      display: flex;
      flex-direction: column;
      gap: 1.8rem;
      padding: 5rem 0rem; }
  .advertise .advertise_wrapper .ground {
    height: 19rem;
    background: #F6F6F6;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    z-index: -2; }
    .advertise .advertise_wrapper .ground .image_wrapper {
      position: absolute;
      bottom: 0px;
      height: 50rem;
      margin-left: 50%;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end; }
      .advertise .advertise_wrapper .ground .image_wrapper #station_animation {
        visibility: hidden; }
      .advertise .advertise_wrapper .ground .image_wrapper #loader {
        width: 100%;
        height: 100%;
        position: absolute;
        max-height: 100%;
        right: 25%;
        bottom: 0px; }
      .advertise .advertise_wrapper .ground .image_wrapper canvas {
        position: relative;
        max-height: 100%;
        right: 25%;
        bottom: 0px; }
      .advertise .advertise_wrapper .ground .image_wrapper .circle {
        width: 30rem;
        height: 30rem;
        background: #FFE600;
        position: absolute;
        top: 0px;
        transform: translate(-50rem, 6rem);
        z-index: -1;
        border-radius: 100%; }

.app_cta {
  background: #FFE600;
  position: relative; }
  .app_cta::before {
    content: '';
    height: 4rem;
    width: 100%;
    position: absolute;
    top: -3.8rem;
    border-radius: 3.125rem 3.125rem 0rem 0rem;
    display: block;
    background: #FFE600; }
  .app_cta .app_cta_wrapper {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-left: 25rem;
    padding-top: 5rem;
    padding-bottom: 10rem;
    position: relative; }
    .app_cta .app_cta_wrapper p {
      color: rgba(0, 0, 0, 0.5); }
    .app_cta .app_cta_wrapper .cta_image {
      position: absolute;
      height: 100%;
      left: 0px;
      bottom: 0px;
      width: 25rem; }
      .app_cta .app_cta_wrapper .cta_image img {
        position: absolute;
        bottom: 0px;
        height: 120%;
        right: -27rem; }
    .app_cta .app_cta_wrapper .btn-ghost {
      background: rgba(0, 0, 0, 0.05); }

.about_content {
  position: relative; }
  .about_content::before {
    content: '';
    height: 4rem;
    width: 100%;
    position: absolute;
    top: -3.8rem;
    border-radius: 3.125rem 3.125rem 0rem 0rem;
    display: block;
    background: #FFFFFF; }
  .about_content .about_wrapper {
    display: flex;
    padding: 5.625rem 0rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6.875rem; }
    .about_content .about_wrapper h6 {
      max-width: 41rem; }
    .about_content .about_wrapper .images_wrapper {
      display: grid;
      gap: 1.25rem;
      width: 100%;
      grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .about_content .about_wrapper .images_wrapper img:nth-child(1) {
        grid-column-end: span 2; }

.drivers_content {
  position: relative; }
  .drivers_content::before {
    content: '';
    height: 4rem;
    width: 100%;
    position: absolute;
    top: -3.8rem;
    border-radius: 3.125rem 3.125rem 0rem 0rem;
    display: block;
    background: #FFFFFF; }
  .drivers_content .drivers_wrapper {
    display: flex;
    padding: 5.625rem 0rem;
    padding-top: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 3.12rem; }
    .drivers_content .drivers_wrapper .textreveal {
      max-width: 55rem; }
    .drivers_content .drivers_wrapper .images_wrapper {
      display: grid;
      gap: 1.25rem;
      width: 100%;
      grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .drivers_content .drivers_wrapper .images_wrapper img:nth-child(1) {
        grid-column-end: span 2; }

.government_content {
  position: relative; }
  .government_content::before {
    content: '';
    height: 4rem;
    width: 100%;
    position: absolute;
    top: -3.8rem;
    border-radius: 3.125rem 3.125rem 0rem 0rem;
    display: block;
    background: #FFFFFF; }
  .government_content .government_wrapper {
    display: flex;
    padding: 5.625rem 0rem;
    padding-top: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 3.12rem; }
    .government_content .government_wrapper .textreveal {
      max-width: 55rem; }
    .government_content .government_wrapper .content {
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
    .government_content .government_wrapper .dual_purpose {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin-top: 5rem;
      gap: 3.12rem; }
      .government_content .government_wrapper .dual_purpose .img_container {
        grid-column-start: 2;
        grid-column-end: 4;
        position: relative;
        overflow: hidden; }
        .government_content .government_wrapper .dual_purpose .img_container img {
          height: 125%;
          width: 125%; }

.partner_content {
  position: relative; }
  .partner_content::before {
    content: '';
    height: 4rem;
    width: 100%;
    position: absolute;
    top: -3.8rem;
    border-radius: 3.125rem 3.125rem 0rem 0rem;
    display: block;
    background: #FFFFFF; }
  .partner_content .partner_wrapper {
    display: flex;
    padding: 4rem 0rem;
    padding-top: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 3.12rem; }
    .partner_content .partner_wrapper .textreveal {
      max-width: 55rem; }
    .partner_content .partner_wrapper .images_wrapper {
      display: grid;
      gap: 1.25rem;
      width: 100%;
      grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .partner_content .partner_wrapper .images_wrapper img:nth-child(1) {
        grid-column-end: span 2; }

.partner_advertise {
  background: #F6F6F6; }
  .partner_advertise .partner_advertise_wrapper {
    display: flex;
    flex-direction: column;
    position: relative; }
    .partner_advertise .partner_advertise_wrapper .heading {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .partner_advertise .partner_advertise_wrapper .heading .content {
        display: flex;
        flex-direction: column;
        gap: 1.8rem;
        padding: 5rem 0rem; }
    .partner_advertise .partner_advertise_wrapper .ground {
      height: 15rem;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .partner_advertise .partner_advertise_wrapper .ground .image_wrapper {
        position: absolute;
        right: 0px;
        bottom: 0px; }
        .partner_advertise .partner_advertise_wrapper .ground .image_wrapper img {
          max-height: 50rem; }

.partnership {
  padding-bottom: 7rem; }
  .partnership .partnership_wrapper {
    display: grid;
    padding-top: 5.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem; }
    .partnership .partnership_wrapper .partner_card {
      color: #000000;
      border: 2px solid #f6f6f6; }
      .partnership .partnership_wrapper .partner_card .head {
        padding: 2.5rem;
        background: #F6F6F6; }
      .partnership .partnership_wrapper .partner_card .body ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        width: 100%; }
        .partnership .partnership_wrapper .partner_card .body ul li {
          display: flex;
          gap: 1rem;
          padding: 1.8rem 2.5rem;
          border-bottom: 2px solid #F6F6F6;
          width: 100%;
          align-items: center; }
          .partnership .partnership_wrapper .partner_card .body ul li::before {
            content: '';
            height: 0.5rem;
            width: 0.5rem;
            background: #FFE600;
            display: block;
            border-radius: 100%; }
      .partnership .partnership_wrapper .partner_card .body .card_cta {
        display: flex;
        justify-content: space-between;
        padding: 1.25rem 2.5rem;
        align-items: center; }
        .partnership .partnership_wrapper .partner_card .body .card_cta p {
          color: #000000; }
      .partnership .partnership_wrapper .partner_card:nth-child(2) {
        transform: translateY(-5.5rem); }

.sustainability_content {
  position: relative; }
  .sustainability_content::before {
    content: '';
    height: 4rem;
    width: 100%;
    position: absolute;
    top: -3.8rem;
    border-radius: 3.125rem 3.125rem 0rem 0rem;
    display: block;
    background: #FFFFFF; }
  .sustainability_content .sustainability_wrapper {
    display: flex;
    padding-left: 5.625rem;
    padding-top: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 3.12rem;
    text-align: right; }
    .sustainability_content .sustainability_wrapper h6 {
      max-width: 41rem; }
    .sustainability_content .sustainability_wrapper .images_wrapper {
      display: grid;
      gap: 1.25rem;
      width: 100%;
      grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .sustainability_content .sustainability_wrapper .images_wrapper img:nth-child(1) {
        grid-column-end: span 2; }

.team .heading {
  padding: 3.5rem 0rem; }
  .team .heading h3 {
    max-width: 41rem; }
.team .team_wrapper {
  background: #F6F6F6;
  padding: 5rem 0rem;
  padding-bottom: 13rem; }
  .team .team_wrapper .team_cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem; }
    .team .team_wrapper .team_cards .team_card .head {
      display: flex;
      padding: 2.5rem;
      flex-direction: column;
      gap: 3.125rem;
      flex: 1 0 0;
      background: #FAFAFA;
      border: 1px solid #F6F6F6;
      color: #000000;
      padding: 1.25rem;
      gap: 1rem; }
      .team .team_wrapper .team_cards .team_card .head .designation {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
    .team .team_wrapper .team_cards .team_card .image {
      height: 14rem;
      overflow: hidden;
      display: flex;
      justify-content: center; }
      .team .team_wrapper .team_cards .team_card .image img {
        width: 100%;
        object-fit: cover; }

.contact_form {
  padding-bottom: 5rem; }
  .contact_form .form_inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.12rem; }
    .contact_form .form_inner .form_wrapper {
      grid-column-start: 1;
      grid-column-end: 3; }
      .contact_form .form_inner .form_wrapper form {
        display: flex;
        flex-direction: column;
        gap: 1.25rem; }
      .contact_form .form_inner .form_wrapper .col2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem; }
      .contact_form .form_inner .form_wrapper .btn {
        width: 100%; }
    .contact_form .form_inner .form_content {
      display: flex;
      flex-direction: column;
      gap: 1.25rem; }

.contact_form_2 {
  padding-bottom: 5rem; }
  .contact_form_2 .form_inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.12rem; }
    .contact_form_2 .form_inner .form_wrapper {
      grid-column-start: 2;
      grid-column-end: 4; }
      .contact_form_2 .form_inner .form_wrapper form {
        display: flex;
        flex-direction: column;
        gap: 1.25rem; }
      .contact_form_2 .form_inner .form_wrapper .col2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem; }
      .contact_form_2 .form_inner .form_wrapper .btn {
        width: 100%; }
    .contact_form_2 .form_inner .form_content {
      display: flex;
      flex-direction: column;
      gap: 1.25rem; }

@media (min-width: 768px) {
  .dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .dropdown-toggle::after {
      border: none !important;
      height: 1rem;
      width: 1rem;
      content: url("../img/chevron_down.svg");
      transition-duration: 0.2s; }
    .dropdown-toggle.show {
      border-top: 2px solid white !important;
      color: #FFFFFF !important; }
      .dropdown-toggle.show::after {
        transform: rotateX(180deg); }

  .dark .dropdown-toggle::after {
    content: url("../img/chevron_down_dark.svg"); }
  .dark .dropdown-toggle.show {
    border-top: 2px solid black !important;
    color: #000000 !important; }
    .dark .dropdown-toggle.show::after {
      transform: rotateX(180deg); }

  .dropdown-menu {
    border-radius: 0px;
    padding: 0rem;
    border: 2px solid #F6F6F6; }
    .dropdown-menu.show {
      display: flex; }
      .dropdown-menu.show li {
        width: 12rem; }
        .dropdown-menu.show li .dropdown-item {
          text-wrap: wrap; }
        .dropdown-menu.show li:last-child .dropdown-item {
          border-right: none !important; }
      .dropdown-menu.show .dropdown-item {
        background: #FFFFFF;
        border-right: 2px solid #F6F6F6;
        transition-duration: 0.2s;
        font-size: 1.375rem;
        display: flex;
        padding: 1.25rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.5rem;
        height: 11.3rem;
        position: relative; }
        .dropdown-menu.show .dropdown-item:after {
          content: url("../img/right_button.svg");
          position: absolute;
          right: 1rem;
          bottom: 1rem; }
        .dropdown-menu.show .dropdown-item:active, .dropdown-menu.show .dropdown-item:focus, .dropdown-menu.show .dropdown-item:hover {
          background: #F6F6F6;
          color: #000000; } }
@media (max-width: 768px) {
  .modal.show .modal-content {
    padding: 1rem; }
    .modal.show .modal-content .close {
      top: 1rem;
      right: 1rem; }

  .usp .usp_wrapper {
    gap: 3.875rem; }
    .usp .usp_wrapper .section_heading {
      margin-left: 0rem; }
    .usp .usp_wrapper .usp_cards {
      grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .usp .usp_wrapper .text {
      flex-direction: column;
      gap: 2rem; }

  .advertise .advertise_wrapper .heading {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .advertise .advertise_wrapper .ground {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-top: 15rem;
    height: 9rem; }
    .advertise .advertise_wrapper .ground #loader {
      right: auto !important;
      max-width: 200%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .advertise .advertise_wrapper .ground #loader img {
        max-width: 200%; }
    .advertise .advertise_wrapper .ground .image_wrapper {
      margin-left: 0;
      height: auto;
      width: 100%;
      justify-content: center; }
      .advertise .advertise_wrapper .ground .image_wrapper canvas {
        right: auto !important;
        max-width: 200%; }
    .advertise .advertise_wrapper .ground .circle {
      display: none; }

  .buttons_wrapper {
    flex-direction: column; }
    .buttons_wrapper .btn {
      width: 100%; }

  .app_cta .app_cta_wrapper {
    padding-left: 0rem; }
    .app_cta .app_cta_wrapper .cta_image {
      position: relative;
      width: 100%;
      height: 15rem;
      left: 0; }
      .app_cta .app_cta_wrapper .cta_image img {
        right: auto;
        height: 150%; }
    .app_cta .app_cta_wrapper .btn-ghost {
      width: 100%; }

  .footer_wrap .footer .footer_inner {
    padding: 2rem 0rem; }
  .footer_wrap .footer .footer_top {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem; }
    .footer_wrap .footer .footer_top .list_wrapper {
      gap: 1rem; }
    .footer_wrap .footer .footer_top .right .buttons_wrapper {
      flex-direction: row;
      width: 100%; }
      .footer_wrap .footer .footer_top .right .buttons_wrapper a {
        flex-grow: 1; }
        .footer_wrap .footer .footer_top .right .buttons_wrapper a img {
          width: 100%; }
  .footer_wrap .footer .copyright {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem; }
    .footer_wrap .footer .copyright p {
      grid-column-start: 1;
      grid-column-end: 3; }

  .navigation .main_nav .navbar-nav {
    display: flex;
    padding: 2.5rem;
    flex-direction: column;
    gap: 3.125rem;
    flex: 1 0 0;
    background: #FAFAFA;
    border: 1px solid #F6F6F6;
    gap: 1.5rem;
    background: #FFFFFF;
    padding: 1.5rem; }
    .navigation .main_nav .navbar-nav .nav-link {
      color: #000000 !important;
      border-top: none !important;
      display: flex;
      justify-content: space-between; }
    .navigation .main_nav .navbar-nav .dropdown-menu {
      border-radius: 0px;
      border: none !important;
      background: #FAFAFA;
      padding: 0rem; }
      .navigation .main_nav .navbar-nav .dropdown-menu li:last-child .dropdown-item {
        border-bottom: none; }
      .navigation .main_nav .navbar-nav .dropdown-menu .dropdown-item {
        padding: 0.5rem 1rem;
        border-bottom: 1px solid #F6F6F6; }

  .about_content .about_wrapper {
    padding: 2.625rem 1rem;
    gap: 3.875rem; }

  .contact_form .form_inner,
  .team .team_wrapper .team_cards,
  .partnership .partnership_wrapper,
  .partner_advertise .partner_advertise_wrapper .heading {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }

  .form-control {
    padding: 1.108rem 1.5rem; }

  .partnership .partnership_wrapper .partner_card:nth-child(2) {
    transform: translateY(0rem); }

  .contact_form_2 .form_inner {
    display: flex;
    flex-direction: column; }

  .partner_advertise .partner_advertise_wrapper .ground {
    height: 27rem; }

  .hero .content {
    padding-top: 12rem; }
    .hero .content .bottom_bar {
      flex-direction: column;
      gap: 1rem; }
      .hero .content .bottom_bar p {
        color: rgba(255, 255, 255, 0.5); }
        .hero .content .bottom_bar p:first-child {
          color: #FFFFFF; }

  .sustainability_content .sustainability_wrapper {
    padding-left: 0rem; }

  .img_section {
    min-height: 20rem;
    position: relative;
    display: flex;
    justify-content: center; }
    .img_section img {
      width: auto;
      object-fit: cover; }

  .stations .stations_wrapper {
    display: flex;
    flex-direction: column; }
    .stations .stations_wrapper .sidebar {
      height: auto;
      overflow: visible; }
    .stations .stations_wrapper .listings {
      display: none; }
    .stations .stations_wrapper .map {
      height: 100%; }

  .government_content .government_wrapper {
    display: block; }
    .government_content .government_wrapper .dual_purpose {
      display: flex;
      flex-direction: column; }
      .government_content .government_wrapper .dual_purpose .img_container {
        height: 25rem; }
        .government_content .government_wrapper .dual_purpose .img_container img {
          height: 180%;
          object-fit: cover; }

  .faq .accordion-button {
    padding: 1rem 0rem; }

  .app_cta .app_cta_wrapper {
    padding-bottom: 2rem; } }
.news-grid {
  padding: 5rem 0;
  background: #FFFFFF; }
  .news-grid .news-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem; }
    @media (max-width: 992px) {
      .news-grid .news-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 576px) {
      .news-grid .news-wrapper {
        grid-template-columns: minmax(0, 1fr); } }
    .news-grid .news-wrapper .news-item {
      background: #FAFAFA;
      overflow: hidden;
      transition: transform 0.3s ease;
      border: 1px solid #F6F6F6;
      height: 100%;
      display: flex;
      flex-direction: column; }
      .news-grid .news-wrapper .news-item:hover {
        transform: translateY(-5px); }
      .news-grid .news-wrapper .news-item img {
        width: 100%;
        height: 350px;
        object-fit: cover; }
      .news-grid .news-wrapper .news-item .news-content {
        padding: 1.5rem;
        display: flex;
        flex-direction: column;
        flex: 1; }
        .news-grid .news-wrapper .news-item .news-content .news-text {
          flex-grow: 1;
          margin-bottom: 1rem; }
          .news-grid .news-wrapper .news-item .news-content .news-text .news-date {
            color: #7A7575;
            font-size: 0.875rem;
            margin-bottom: 0.5rem; }
          .news-grid .news-wrapper .news-item .news-content .news-text .news-title {
            font-size: 1.25rem;
            color: #000000;
            margin: 0 0 0.5rem 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; }
          .news-grid .news-wrapper .news-item .news-content .news-text .news-summary {
            color: #7A7575;
            margin: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis; }
        .news-grid .news-wrapper .news-item .news-content .news-link {
          color: #000000;
          text-decoration: none;
          font-weight: 500;
          display: inline-flex;
          align-items: center;
          gap: 0.5rem;
          margin-top: auto; }
          .news-grid .news-wrapper .news-item .news-content .news-link svg {
            transition: transform 0.3s ease; }
          .news-grid .news-wrapper .news-item .news-content .news-link:hover svg {
            transform: translateX(5px); }

#articleModal .modal-content {
  background: #FFFFFF;
  border: none;
  position: relative; }
#articleModal .close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  height: 2rem;
  width: 2rem;
  z-index: 1;
  background: transparent !important;
  display: none; }
#articleModal .article-content .article-image {
  width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: 50% 24%;
  margin-bottom: 2rem; }
  #articleModal .article-content #article-img10 {
    width: 100%;
  height: 450px;
  object-fit: cover;
  object-position: 50% 2%;
  margin-bottom: 2rem;  }
#articleModal .article-content .article-body .article-date {
  color: #7A7575;
  font-size: 0.875rem;
  margin-bottom: 1rem; }
#articleModal .article-content .article-body h2 {
  color: #000000;
  margin-bottom: 1.5rem;
  font-size: 2rem; }
#articleModal .article-content .article-body p {
  color: #7A7575;
  margin-bottom: 1.5rem;
  line-height: 1.6; }

/*# sourceMappingURL=main.css.map */