/* =============================================
                Variables
============================================= */
@font-face {
  font-family: "Jost Medium";
  src: url("../fonts/Jost-Medium.woff") format("woff"), url("../fonts/Jost-Medium.ttf") format("ttf");
  font-display: swap;
}
@font-face {
  font-family: "Jost Regular";
  src: url("../fonts/Jost-Regular.woff") format("woff"), url("../fonts/Jost-Regular.ttf") format("ttf");
  font-display: swap;
}
.ff-body-font {
  font-family: "Jost Regular", sans-serif !important;
}

.ff-heading-font {
  font-family: "Jost Medium", sans-serif !important;
}

.ff-heading-font-lg {
  font-family: "Jost Medium", sans-serif !important;
}

.text-dark {
  color: #456A6A !important;
}

.text-darker {
  color: #221f1f !important;
}

.text-orange1 {
  color: #FCA816 !important;
}

.text-orange2 {
  color: #FE8537 !important;
}

.text-light {
  color: #f6f6f6 !important;
}

.text-crimson {
  color: #ff3f3f !important;
}

.text-secondary {
  color: #817a78 !important;
}

.bg-dark {
  background-color: #456A6A !important;
}

.bg-darker {
  background-color: #221f1f !important;
}

.bg-orange1 {
  background-color: #FCA816 !important;
}

.bg-orange2 {
  background-color: #FE8537 !important;
}

.bg-light {
  background-color: #f6f6f6 !important;
}

.bg-crimson {
  background-color: #ff3f3f !important;
}

.bg-secondary {
  background-color: #817a78 !important;
}

.bg-gradient {
  background: linear-gradient(to right, #FCA816, #FE8537);
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: unset;
  }
}
@media (min-width: 768px) {
  .reason--wrapper {
    margin: min(5%, 2rem);
  }
  .drive-in-map {
    height: max(25rem, 80vw) !important;
  }
  .gallery-grid .grid--wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-template-rows: 1fr 5rem 1fr !important;
  }
  .gallery-grid .grid--wrapper .grid--item img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
  .gallery-grid .grid--wrapper .grid--item.video {
    grid-column: span 2;
    grid-row: 1/3;
  }
  .gallery-grid .grid--wrapper .grid--item.video video {
    height: 100% !important;
  }
  .gallery-grid .grid--wrapper .grid--item.long {
    grid-column: span 2;
  }
  .gallery-grid .grid--wrapper .grid--item.main1 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  .gallery-grid .grid--wrapper .grid--item.main2 {
    grid-row: 3/4 !important;
  }
  .gallery-grid .grid--wrapper .grid--item.square {
    grid-row: span 2 !important;
    grid-column: span 1;
  }
  .gallery-grid .grid--wrapper .grid--item.square img {
    height: 100% !important;
    object-fit: cover;
  }
  .drive-in .nav-pills button {
    padding: 1rem 2.5rem !important;
  }
  .drive-in .nav-pills button .btn--text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ffffff;
    transition: 0.3s all ease-in-out;
  }
  .drive-in .nav-pills button svg {
    width: 2rem;
    height: 2rem;
  }
  .points-grid--item::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ffffff;
    transition: 0.6s all ease-in-out;
  }
  .reasons-grid {
    grid-template-columns: 1fr 1fr !important;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .site-header .header--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .gallery-carousel {
    height: 80vh;
  }
  .brands-slider--navigation {
    display: none !important;
  }
  .about-intro .image-col img {
    height: 70%;
    width: 100%;
    object-fit: cover;
  }
  .drive-in-map {
    height: 100% !important;
  }
  .main-navigation {
    display: flex;
    justify-content: flex-end;
  }
  .main-navigation ul.nav-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
  }
  .main-navigation .nav-list--item {
    padding: 1rem 0;
  }
  .main-navigation .nav-list--item:not(last-child) {
    margin-right: max(1rem, 2vw);
  }
  .main-navigation .nav-list--link {
    position: relative;
  }
  .main-navigation .nav-list--link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(to right, #FCA816, #FE8537);
    height: 3px;
    width: 0;
    border-radius: 1px;
    transition: 0.3s all ease-in-out;
  }
  .main-navigation .nav-list--link:hover::after {
    width: 100%;
  }
  .main-navigation .nav-list--link.active::after {
    width: 100%;
  }
  .site-header .main-navigation .nav-list--link {
    font-size: clamp(18px, 1.3vw, 24px) !important;
  }
  .subhero-section .service-wrapper .icon-col svg {
    width: 100% !important;
  }
  .drive-in-content {
    border-radius: 0 !important;
  }
  .gallery-grid .grid--wrapper {
    height: 90vh;
  }
  .gallery-grid .grid--wrapper .grid--item {
    overflow: hidden;
  }
  .gallery-grid .grid--wrapper .grid--item.long img {
    height: 100%;
  }
  .gallery-grid .grid--wrapper .grid--item.square img {
    height: 100%;
  }
  .gallery-grid .grid--wrapper .grid--item.long {
    grid-column: span 2;
  }
  .reasons-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
    justify-content: space-between;
  }
  .reasons-grid .reason {
    border: 1px solid #f7eae8;
    align-items: flex-start;
  }
  .tarrifs .content-col {
    padding: clamp(1.5rem, 3vw, 5rem);
    padding-left: 0;
  }
  .voffice-traits {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-gap: max(1rem, 4vw);
  }
  .packages-slider .packages-slider--wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    justify-content: space-evenly;
    grid-gap: max(1.5rem, 2vw);
    grid-auto-rows: 1fr !important;
  }
  .packages-slider .packages-slider--wrapper .package .package--wrapper {
    height: 100%;
  }
  .brands-slider .brands-slider--wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .brands-slider--pagination {
    display: none;
  }
  /*  ====================================
              Pricing Page Styles
  ====================================  */
  .pricing-plans--wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    grid-gap: max(1rem, 3vw);
  }
  /*  ====================================
             Contact Page Styles
  ====================================  */
  .contact-map--section {
    height: 80vh !important;
  }
}
@media (min-width: 1400px) {
  .packages-slider.remove-shadows-desktop::before,
  .packages-slider.remove-shadows-desktop::after {
    content: none;
  }
  .booking-slider .package.swiper-slide {
    height: 100%;
  }
}
@media (max-width: 991px) {
  .header--wrapper {
    display: flex;
    justify-content: space-between;
  }
  .menuBtn {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    position: relative;
    z-index: 600;
    transform: scale(0.9);
    transition: all 0.43s cubic-bezier(0.45, 0, 0.55, 1);
  }
  .menuBtn .line {
    width: min(3rem, 90%);
    height: 3.5px;
    background: linear-gradient(to right, #FCA816, #FE8537);
    transform-origin: center;
    transition: all 0.43s cubic-bezier(0.45, 0, 0.55, 1);
    position: absolute;
  }
  .menuBtn .line.line1 {
    transform: translateY(-12px);
  }
  .menuBtn .line.line2 {
    transform: translateY(calc(50% - 1px));
  }
  .menuBtn .line.line3 {
    transform: translateY(12px);
  }
  .menuBtn.active .line {
    background: #ffffff !important;
  }
  .menuBtn.active .line1 {
    transform: translateY(0) rotate(-45deg);
  }
  .menuBtn.active .line2 {
    transform: translateX(2rem);
    opacity: 0;
  }
  .menuBtn.active .line3 {
    transform: translateY(0) rotate(45deg);
  }
  .main-navigation {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: linear-gradient(to right, #FCA816, #FE8537);
    display: grid;
    place-items: center;
    transform: translateX(100%);
    transition: 0.43s all cubic-bezier(0.45, 0, 0.55, 1);
  }
  .main-navigation ul {
    display: flex;
    flex-direction: column;
  }
  .main-navigation ul .btn {
    margin-top: 3rem;
  }
  .main-navigation .nav-list--logo {
    margin-bottom: 3rem;
  }
  .main-navigation .nav-list--item {
    text-align: center;
  }
  .main-navigation .nav-list--item:not(last-child) {
    margin-bottom: min(1rem, 2vh);
  }
  .main-navigation .nav-list--link {
    font-size: clamp(26px, 4vw, 30px) !important;
    color: #f6f6f6 !important;
  }
  .main-navigation.active {
    transform: translateX(0);
  }
  .brands-slider--pagination {
    z-index: 50;
    width: fit-content !important;
    margin: max(1rem, 3vw) auto 0.5rem;
  }
  .brands-slider--pagination .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    border: 1px solid #FCA816;
    background: transparent;
    transition: 0.3s all ease-in-out;
    opacity: 0.8;
  }
  .brands-slider--pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #FCA816;
  }
  .drive-in-content {
    margin-top: max(-2vw, -2rem);
    position: relative;
    z-index: 500;
    padding-bottom: max(2vw, 2rem);
  }
  .escape-image.escape--right {
    margin-right: 0 !important;
  }
  .escape-image.escape--left {
    margin-left: 0 !important;
  }
}
@media (max-width: 767px) {
  .subhero-section .service-wrapper .icon-col .lottie_icon {
    width: max(8rem, 10vw);
    height: max(8rem, 10vw);
    margin: 0 auto;
  }
}
@media (max-width: 400px) {
  .voffice-traits {
    padding: 1rem;
  }
  .voffice-traits .trait {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .voffice-traits .trait .icon {
    padding: 1rem;
    width: auto !important;
    height: auto !important;
    display: grid;
    place-items: center;
    border: 1px solid #d9d9d9;
  }
  .voffice-traits .trait img {
    width: 6rem;
    height: 6rem;
  }
}

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