@charset "UTF-8";
/* USER VARIABLES SECTION */
@import url("https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --font-main: "Exo 2", sans-serif;
  --font-secondary: "Bitter", serif;
  --color-accent: #001D38;
  --color-accent-rgb: 0, 29, 56;
  --color-primary: #d8b069;
  --color-primary-rgb: 216, 176, 105;
  --color-secondary: #d8b069;
  --color-dark: #212529;
  --color-dark-rgb: 38, 40, 39;
  --color-light: #f3f8f6;
  --color-light-gray: #e2dfeb;
  --color-overlay: #1e1f21;
  --color-overlay-rgb: 0, 5, 15;
  --color-muted: #85878a;
  --white: #ffffff;
  --white-rgb: 255, 255, 255;
  --black: #000000;
  --black-rgb: 0, 0, 0;
  --color-heading: #001D38;
  --body-font-size: 17px;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-bg: #ffffff;
  --body-color: #262827;
  --shadow-md: 3px 5px 35px rgba(86, 68, 169, 0.1);
  --swiper-theme-color: #d8b069;
  --bs-secondary: var(--color-muted);
}

/* BOOTSTRAP SETTINGS SECTION */
/*
  gutter 20px (10px + 10px).
  Comment this code for default gutter start at 1.5rem (24px) wide.
*/
.container-fluid {
  max-width: 1320px;
}

/* FONTS LOAD SECTION */
/* GENERAL CSS SETTINGS */
html,
body {
  position: relative;
  height: 100%;
}

::-moz-placeholder {
  color: #666;
}

::placeholder {
  color: #666;
}

::-moz-selection {
  background-color: var(--color-accent);
  color: #fff;
}

::selection {
  background-color: var(--color-accent);
  color: #fff;
}

input,
textarea {
  outline: none;
}

input:focus:required:invalid,
textarea:focus:required:invalid {
  border-color: red;
}

input:required:valid,
textarea:required:valid {
  border-color: green;
}

body {
  font-family: var(--font-main);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  background-color: var(--body-bg);
  color: var(--body-color);
  min-width: 320px;
  position: relative;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  transition: color 0.3s ease;
}

a[href^="tel:"] {
  white-space: nowrap;
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
  color: var(--color-heading);
}

.text-accent {
  color: var(--color-accent) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

.text-muted {
  color: var(--color-muted) !important;
}

.shadow-md {
  box-shadow: var(--shadow-md);
}

.text-bg-primary {
  color: var(--white) !important;
}

.text-bg-accent {
  color: var(--white) !important;
  background-color: var(--color-accent) !important;
}

.font-secondary {
  font-family: var(--font-secondary) !important;
}

.swiper-shadow {
  margin: -15px;
  padding: 15px;
}

.slider-arrow-prev,
.slider-arrow-next {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: var(--color-primary);
  color: var(--white);
  border: 1px solid var(--white);
  border-radius: 50%;
  transition: all 0.3s;
}
.slider-arrow-prev.swiper-button-disabled,
.slider-arrow-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-pagination {
  position: static;
  margin-top: 30px;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50px;
}

.swiper-pagination-bullet-active {
  width: 30px;
}

.daterangepicker {
  font-family: var(--font-main);
}

.daterangepicker .calendar-table th {
  font-weight: 500;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  font-size: 14px;
}

.daterangepicker td.in-range {
  background-color: rgba(var(--color-primary-rgb), 0.1);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: var(--color-primary);
  border-color: transparent;
  color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: rgba(var(--color-primary-rgb), 0.2);
  border-color: transparent;
  color: inherit;
}

.daterangepicker .ranges li:hover {
  background-color: rgba(var(--color-primary-rgb), 0.2);
}

.form-control {
  background-color: #f6fcf9;
  border-color: #cfefe3;
}

.form-control:focus {
  border-color: var(--color-primary);
  box-shadow: none;
}

.btn {
  --bs-btn-padding-x: 1.875rem;
  --bs-btn-padding-y: 0.625rem;
  --bs-btn-font-weight: 500;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.45rem;
  --bs-btn-padding-x: 0.85rem;
}

.btn-primary {
  --bs-btn-color: var(--white);
  --bs-btn-hover-color: var(--color-accent);
  --bs-btn-hover-bg: var(--color-accent);
  --bs-btn-hover-border-color: var(--color-accent);
  --bs-btn-active-color: var(--color-accent);
  --bs-btn-active-bg: var(--color-accent);
  --bs-btn-active-border-color: var(--color-accent);
}

.btn-outline-primary {
  --bs-btn-hover-color: var(--white);
  --bs-btn-active-color: var(--white);
}

.btn-fill-primary {
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--color-accent);
  --bs-btn-hover-color: var(--color-accent);
  --bs-btn-hover-border-color: var(--color-accent);
  --bs-btn-active-color: var(--color-accent);
  --bs-btn-active-border-color: var(--color-accent);
}

.btn-fill-dark {
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--color-dark);
  --bs-btn-hover-color: var(--color-dark);
  --bs-btn-hover-border-color: var(--color-dark);
  --bs-btn-active-color: var(--color-dark);
  --bs-btn-active-border-color: var(--color-dark);
}

.btn-fill-custom2 {
  --bs-btn-color: var(--color-dark);
  --bs-btn-bg: var(--color-primary);
  --bs-btn-hover-color: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-active-color: var(--color-primary);
  --bs-btn-active-border-color: var(--color-primary);
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.img-mask-avatar-xl {
  min-width: 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.img-mask-avatar-sm {
  min-width: 80px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.lightbox-image,
.lightbox-media {
  position: relative;
  overflow: hidden;
  display: block;
}
.lightbox-image img,
.lightbox-media img {
  max-width: 100%;
  height: auto;
  transform: scale(1);
  transition: 0.3s ease;
}
.lightbox-image .icon,
.lightbox-media .icon {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(var(--color-primary-rgb), 0.75);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  color: rgba(var(--bs-white-rgb), 0.9);
  transition: ease-out 0.16s;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
}
.lightbox-image .icon--video,
.lightbox-media .icon--video {
  background-color: transparent;
}
.lightbox-image .icon--video::after,
.lightbox-media .icon--video::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px dashed var(--white);
}
.lightbox-image::after,
.lightbox-media::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: rgba(var(--color-overlay-rgb), 0.5);
  transition: 0.3s ease-in-out;
}
.lightbox-image::before,
.lightbox-media::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(var(--color-primary-rgb), 0.4);
  transition: all 300ms ease-in-out;
  animation: play_pulse 2000ms ease-in-out infinite;
}
.lightbox-image:hover img,
.lightbox-media:hover img {
  transform: scale(1.2);
}
.lightbox-image:hover .icon,
.lightbox-media:hover .icon {
  transform: translate(-50%, -50%) scale(0.94);
}
.lightbox-image:hover::after,
.lightbox-media:hover::after {
  opacity: 1;
}
.lightbox-image .content,
.lightbox-media .content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0 30px 25px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--white);
}

.lightbox-media .icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3e%3cpath d='M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z' fill='%23ffffff'/%3e%3c/svg%3e");
}

.lightbox-image .icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z' fill='%23ffffff'/%3e%3c/svg%3e");
}

.image-link {
  position: relative;
  overflow: hidden;
  display: block;
}
.image-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-overlay-rgb), 0.3);
  transition: 0.3s ease;
}
.image-link img {
  transform: scale(1);
  width: 100%;
  height: auto;
  transition: 0.3s ease;
}
.image-link:hover img {
  transform: scale(1.04);
}
.image-link:hover::before {
  opacity: 1;
}

@keyframes play_pulse {
  0%, 40%, 75% {
    transform: translate(-50%, -50%) scale(1);
  }
  25% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  55% {
    transform: translate(-50%, -50%) scale(1.2);
  }
}
.rating {
  display: flex;
}

.rating span,
.rating label {
  margin-right: 2px;
  height: 16px;
  width: 16px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23dee2e6' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.rating label {
  cursor: pointer;
}

.rating input {
  display: none;
}

.rating input:nth-child(1):checked ~ label:nth-of-type(-n + 1),
.rating input:nth-child(2):checked ~ label:nth-of-type(-n + 2),
.rating input:nth-child(3):checked ~ label:nth-of-type(-n + 3),
.rating input:nth-child(4):checked ~ label:nth-of-type(-n + 4),
.rating input:nth-child(5):checked ~ label:nth-of-type(-n + 5), .rating-1 span:nth-of-type(-n + 1), .rating-2 span:nth-of-type(-n + 2), .rating-3 span:nth-of-type(-n + 3), .rating-4 span:nth-of-type(-n + 4), .rating-5 span:nth-of-type(-n + 5) {
  background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fcc102' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'%3E%3C/path%3E%3C/svg%3E");
}

.rating-form span,
.rating-form label {
  margin-right: 4px;
  height: 24px;
  width: 24px;
}

.social-box {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.social-box a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 35px;
  height: 35px;
  color: var(--white);
  border-radius: 50%;
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
  transition: 0.3s;
}
.social-box a:hover {
  background: transparent;
  color: var(--color-primary);
}

.contact-box {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.contact-box-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: var(--color-primary);
  background-color: var(--color-light);
  border-radius: 50%;
}

.contact-box-body {
  align-self: center;
}

.pagination {
  --bs-pagination-color: var(--color-accent);
  --bs-pagination-active-bg: var(--color-accent);
  justify-content: space-between;
  gap: 6px;
}

.page-link {
  border-radius: var(--bs-border-radius);
}

.page-item:not(.paper) {
  display: none;
}

.page-paper .page-link {
  cursor: auto;
  pointer-events: none;
}

@media (min-width: 576px) {
  .pagination {
    justify-content: center;
  }
  .page-item:not(.paper) {
    display: block;
  }
  .page-paper {
    display: none;
  }
}
.accordion {
  --bs-accordion-btn-focus-box-shadow: none;
}

.accordion-2 {
  --bs-accordion-color: var(--body-color);
  --bs-accordion-border-color: var(--bs-body-bg);
  --bs-accordion-btn-bg: rgba(var(--color-primary-rgb), 0.1);
}
.accordion-2 .accordion-item {
  margin-bottom: 1rem;
}
.accordion-2 .accordion-button {
  border-radius: var(--bs-border-radius) !important;
}

.header {
  width: 100%;
  min-height: 100vh;
  padding-top: 100px;
  background-color: var(--color-dark);
  background-image: url("../img/header/header-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.header-top {
  position: relative;
  background-color: transparent;
  padding: 8px 0;
  font-size: 0.9375rem;
  transition: top 0.3s;
  border-bottom: 2px solid rgba(var(--white-rgb), 0.1);
}
@media (min-width: 992px) {
  .header-top {
    border-bottom-color: transparent;
  }
  .header-top::after, .header-top::before {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: rgba(var(--white-rgb), 0.1);
  }
  .header-top::after {
    left: calc(50% + 60px);
  }
  .header-top::before {
    right: calc(50% + 60px);
  }
}
.header-top a {
  color: var(--white);
}
.header-top a:hover {
  color: var(--color-primary);
}

.header-top-language {
  display: flex;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.header-top-language a {
  border: 2px solid transparent;
  padding: 3px;
  border-radius: 100%;
  transition: 0.3s ease;
  border-color: rgba(var(--white-rgb), 0.2);
}
.header-top-language a:hover {
  border-color: rgba(var(--white-rgb), 0.3);
}
.header-top-language a.active {
  border-color: var(--color-primary);
}

.header-top-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 0px 30px;
}

.navbar-main {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background-color: transparent;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.navbar-main .navbar-brand {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 900;
  font-size: 20px;
  font-family: var(--font-secondary);
}
.navbar-main .navbar-brand::after {
  content: "";
  position: relative;
  top: -10px;
  left: 3px;
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
  display: inline-block;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .navbar-main .navbar-nav {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.navbar-main .nav-link {
  font-weight: 500;
  color: var(--white);
}
.navbar-main .nav-link:hover {
  color: var(--color-primary);
}
.navbar-main .nav-link.active, .navbar-main .nav-link.show {
  color: var(--color-primary);
}
.navbar-main--scrolled {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: rgba(var(--color-accent-rgb), 0.9);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-color: rgba(var(--bs-white-rgb), 0.1);
}
.navbar-main .offcanvas-title {
  font-weight: 900;
  font-family: var(--font-secondary);
  color: var(--white);
  text-transform: uppercase;
}

.header-nav1 {
  position: relative;
}
.header-nav1 .nav-item:hover > a {
  color: var(--color-primary) !important;
}
.header-nav1 .nav-link {
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-nav1 .nav-link {
    font-size: 14px;
  }
}
.header-nav1 .nav-link:focus {
  color: var(--white);
}
.header-nav1 .nav-link.active, .header-nav1 .nav-link.show {
  color: var(--color-primary);
}
.header-nav1 .dropdown-menu {
  --bs-dropdown-bg: rgba(var(--color-overlay-rgb), 0.85);
  --bs-dropdown-link-hover-color: var(--white);
  --bs-dropdown-link-hover-bg: var(--color-primary);
  --bs-dropdown-font-size: 0.9375rem;
  --bs-dropdown-item-padding-y: 0.45rem;
}
.header-nav1 .dropdown-item {
  transition: 0.3s;
}
.header-nav1 .dropdown-item.active, .header-nav1 .dropdown-item:active {
  color: var(--color-primary);
  background-color: transparent;
}
.header-nav1 .dropdown-item:hover, .header-nav1 .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
@media (min-width: 992px) {
  .header-nav1 {
    padding-top: 30px;
  }
  .header-nav1 .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-right: 0;
    max-width: 140px;
    margin-top: -50px;
  }
  .header-nav1 .navbar-brand img {
    max-width: 100%;
    height: auto;
  }
  .header-nav1 .nav-item .dropdown-menu {
    display: block;
    top: 100%;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    margin: 0;
    transition: all 200ms linear;
  }
  .header-nav1 .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    transform: translate3d(0, 0px, 0);
  }
  .header-nav1 .nav-item .dropdown-menu-end {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .header-nav1 .navbar-brand {
    max-width: 120px;
  }
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-bg: var(--color-accent);
}

.page-header {
  position: relative;
  padding-top: 120px;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: var(--color-accent);
}
.page-header .container,
.page-header .container-fluid {
  position: relative;
}
.page-header .breadcrumb {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 0.9rem;
}
.page-header .breadcrumb a {
  color: rgba(var(--white-rgb), 1);
}
.page-header .breadcrumb a:hover {
  color: var(--color-primary);
}
.page-header .breadcrumb .breadcrumb-item.active,
.page-header .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(var(--white-rgb), 0.45);
}
@media (max-width: 991.98px) {
  .page-header {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

.page-header-title {
  color: var(--white);
  font-weight: 700;
  font-family: var(--font-secondary);
}

.hero-slider {
  height: 100vh;
  min-height: 600px;
  background-color: var(--color-accent);
  color: var(--white);
}

.hero-slider-slide {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 180px 30px;
}
@media (max-width: 767.98px) {
  .hero-slider-slide {
    padding: 160px 10px;
  }
}
.hero-slider-slide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-overlay-rgb), 0.5);
  z-index: 1;
}
.hero-slider-slide.swiper-slide-active .hero-slider-name {
  animation: fadeInLeft 1.4s;
}
.hero-slider-slide.swiper-slide-active .hero-slider-title {
  animation: fadeInLeft 1.8s;
}
.hero-slider-slide.swiper-slide-active p {
  animation: fadeInUp 1.5s;
}

.hero-slider-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-slider-content {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.hero-slider-name {
  font-family: var(--font-secondary);
  color: inherit;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px;
  font-weight: 900;
  font-size: 48px;
}
@media (max-width: 991.98px) {
  .hero-slider-name {
    font-size: 46px;
  }
}
@media (max-width: 767.98px) {
  .hero-slider-name {
    font-size: 38px;
  }
}

.hero-slider-title {
  font-family: var(--font-secondary);
  font-weight: 900;
  color: var(--white);
  font-size: 48px;
}
@media (max-width: 991.98px) {
  .hero-slider-title {
    font-size: 46px;
  }
}
@media (max-width: 767.98px) {
  .hero-slider-title {
    font-size: 38px;
  }
}

.hero-slider-arrows {
  position: absolute;
  bottom: 20px;
  width: 100%;
  z-index: 2;
}

.hero-button-prev,
.hero-button-next {
  display: inline-block;
  background: transparent;
  color: var(--white);
  border-radius: 50%;
  font-size: 38px;
  line-height: 1;
  transition: all 0.3s ease;
}
.hero-button-prev:hover,
.hero-button-next:hover {
  color: var(--color-primary);
}

.hero-scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 143px;
  height: 33px;
  background-image: url("../img/hero/hero-scroll-bg.svg");
}
.hero-scroll a {
  width: 24px;
  height: 24px;
  font-size: 20px;
  text-align: center;
}

.hero-social {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
}
.hero-social a {
  white-space: nowrap;
  color: var(--white);
  opacity: 0.5;
}
.hero-social a:hover {
  opacity: 1;
  color: var(--color-primary);
}

.hero-social-inner {
  transform: rotate(-90deg);
  height: 100%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  justify-content: center;
  -moz-column-gap: 55px;
       column-gap: 55px;
}

.about {
  overflow: hidden;
}

.about-image {
  position: relative;
  max-width: 680px;
}
.about-image::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -15%;
  left: 5%;
  background-image: url("../img/about/decor-1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 120%;
  height: 120%;
  opacity: 0.06;
  animation: spin 80s linear infinite;
}

.about-image-item {
  overflow: hidden;
  border-radius: 30px;
}
.about-image-item img {
  max-width: 100%;
  height: auto;
  transition: all 0.3s ease-out;
}
.about-image-item a {
  display: block;
}
.about-image-item a:hover img {
  transform: scale(1.1);
}
.about-image-item.--one {
  margin-right: 100px;
  margin-bottom: 30px;
}
.about-image-item.--two {
  position: absolute;
  right: 0;
  bottom: -30px;
  width: 240px;
  border: 8px solid var(--white);
  box-shadow: var(--bs-box-shadow-lg);
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.tour-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: var(--bs-border-radius);
}

.tour-image-thumb-wrapp {
  position: relative;
  padding: 0 40px;
  margin-top: 10px;
}
.tour-image-thumb-wrapp .slider-arrow-prev,
.tour-image-thumb-wrapp .slider-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tour-image-thumb-wrapp .slider-arrow-prev {
  left: 0;
}
.tour-image-thumb-wrapp .slider-arrow-next {
  right: 0;
}

.tour-image-thumb {
  position: relative;
}
.tour-image-thumb img {
  cursor: pointer;
  opacity: 0.6;
}
.tour-image-thumb .swiper-slide-thumb-active img {
  cursor: default;
  opacity: 1;
}
.tour-image-thumb .swiper-slide-thumb-active::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 3px solid var(--color-primary);
  border-radius: var(--bs-border-radius);
}

@media (min-width: 768px) {
  .tour-image {
    display: flex;
  }
  .tour-image-single {
    flex-grow: 1;
    height: 500px;
  }
  .tour-image-main {
    flex-grow: 1;
    height: 500px;
    order: 2;
  }
  .tour-image-thumb-wrapp {
    padding: 40px 0;
    margin-top: 0;
    margin-right: 10px;
  }
  .tour-image-thumb-wrapp .slider-arrow-prev,
  .tour-image-thumb-wrapp .slider-arrow-next {
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .tour-image-thumb-wrapp .slider-arrow-prev {
    top: 0;
  }
  .tour-image-thumb-wrapp .slider-arrow-next {
    top: auto;
    bottom: 0;
  }
  .tour-image-thumb {
    flex-shrink: 0;
    order: 1;
    width: 100px;
    height: 420px;
  }
}
.booking-form-box {
  position: sticky;
  top: 0;
  box-shadow: var(--shadow-md);
  background-color: var(--white);
  border-radius: var(--bs-border-radius);
  padding: 20px;
}

.tour-item {
  box-shadow: var(--shadow-md);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.tour-item-thumb {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.tour-item-thumb img {
  max-width: 100%;
  height: auto;
  transition: all 0.3s;
}

.tour-item-day {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  background: var(--color-primary);
  border-radius: 3px;
  position: absolute;
  padding: 7px 14px;
  top: 0;
  left: 20px;
  transform: translateY(50%);
  display: flex;
}
.tour-item-day .bi {
  margin-right: 0.25rem;
}

.tour-item-body {
  flex-grow: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.tour-item-title {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 600;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tour-item-title a {
  color: var(--color-accent);
}

.tour-item-destination {
  margin-top: 10px;
  display: flex;
  font-size: 14px;
  color: var(--color-muted);
}
.tour-item-destination .bi {
  color: var(--color-primary);
  margin-right: 0.25rem;
}

.tour-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
  gap: 15px;
  flex-wrap: wrap;
}

.tour-item-btn a,
.tour-item-btn button {
  display: inline-block;
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid var(--color-primary);
  padding: 10px 15px;
  border-radius: var(--bs-border-radius);
  transition: all 0.3s;
}

.tour-item-price {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-primary);
}
.tour-item-price del {
  color: var(--bs-secondary);
}

.tour-item:hover .tour-item-btn a, .tour-item:hover button {
  color: var(--white);
  background-color: var(--color-primary);
}
.tour-item:hover .tour-item-thumb img {
  transform: scale(1.2);
}

.tour-item-sm {
  box-shadow: none;
  flex-direction: row;
}
.tour-item-sm .tour-item-thumb {
  width: 80px;
  height: 80px;
  border-radius: var(--bs-border-radius);
}
.tour-item-sm .tour-item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tour-item-sm .tour-item-body {
  padding: 10px 15px;
}
.tour-item-sm .tour-item-title {
  font-size: 15px;
  font-weight: 500;
}
.tour-item-sm .tour-item-footer {
  padding-top: 8px;
}
.tour-item-sm .tour-item-price {
  flex-direction: row;
}
.tour-item-sm .tour-item-price del {
  margin-left: 8px;
}
.tour-item-sm .tour-item-day,
.tour-item-sm .tour-item-destination,
.tour-item-sm .tour-item-btn {
  display: none;
}

.hotel-item {
  box-shadow: var(--shadow-md);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.hotel-item-thumb {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.hotel-item-thumb img {
  max-width: 100%;
  height: auto;
  transition: all 0.3s;
}

.hotel-item-day {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  background: var(--color-primary);
  border-radius: 3px;
  position: absolute;
  padding: 7px 14px;
  top: 0;
  left: 20px;
  transform: translateY(50%);
  display: flex;
}
.hotel-item-day .bi {
  margin-right: 0.25rem;
}

.hotel-item-body {
  flex-grow: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.hotel-item-star {
  font-size: 13px;
  margin-bottom: 0.25rem;
  color: var(--color-secondary);
}

.hotel-item-title {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 600;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hotel-item-title a {
  color: var(--color-accent);
}

.hotel-item-destination {
  margin-top: 5px;
  margin-bottom: 0;
  display: flex;
  font-size: 14px;
  -moz-column-gap: 15px;
       column-gap: 15px;
  color: var(--color-muted);
}

.hotel-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
  gap: 15px;
  flex-wrap: wrap;
}

.hotel-item-btn a,
.hotel-item-btn button {
  display: inline-block;
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid var(--color-primary);
  padding: 10px 15px;
  border-radius: var(--bs-border-radius);
  transition: all 0.3s;
}

.hotel-item-price {
  display: flex;
  align-items: center;
}
.hotel-item-price .h6 {
  color: var(--color-primary);
  font-size: 20px;
  margin-left: 8px;
  margin-right: 4px;
  margin-bottom: 0;
}
.hotel-item-price del {
  color: var(--bs-secondary);
}

.hotel-item:hover .hotel-item-btn a,
.hotel-item:hover button {
  color: var(--white);
  background-color: var(--color-primary);
}
.hotel-item:hover .hotel-item-thumb img {
  transform: scale(1.2);
}

.hotel-item-sm {
  box-shadow: none;
  flex-direction: row;
}
.hotel-item-sm .hotel-item-thumb {
  width: 80px;
  height: 80px;
  border-radius: var(--bs-border-radius);
}
.hotel-item-sm .hotel-item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hotel-item-sm .hotel-item-body {
  padding: 10px 15px;
}
.hotel-item-sm .hotel-item-title {
  font-size: 15px;
  font-weight: 500;
}
.hotel-item-sm .hotel-item-footer {
  padding-top: 8px;
}
.hotel-item-sm .hotel-item-price {
  flex-direction: row;
}
.hotel-item-sm .hotel-item-price del {
  margin-left: 8px;
}
.hotel-item-sm .hotel-item-day,
.hotel-item-sm .hotel-item-destination,
.hotel-item-sm .hotel-item-btn {
  display: none;
}

.review-slider .swiper-slide {
  display: flex;
  height: auto;
}

.review-card {
  text-align: center;
}
.review-card__desc {
  position: relative;
  margin: 30px 0;
  padding: 0 65px;
  font-size: 24px;
}
.review-card__desc::after, .review-card__desc::before {
  content: "“";
  position: absolute;
  font-size: 72px;
  line-height: 1;
  font-weight: bold;
  color: var(--color-primary);
}
.review-card__desc::after {
  content: "”";
  right: 40px;
  bottom: -55px;
}
.review-card__desc::before {
  top: -20px;
  left: 40px;
}
@media (max-width: 767.98px) {
  .review-card__desc {
    font-size: 20px;
    padding: 0 35px;
  }
  .review-card__desc::after {
    right: 10px;
  }
  .review-card__desc::before {
    left: 10px;
  }
}
@media (max-width: 575.98px) {
  .review-card__desc {
    font-size: 18px;
    padding: 0 25px;
  }
  .review-card__desc::after {
    right: 5px;
  }
  .review-card__desc::before {
    left: 5px;
  }
}
.review-card__name {
  margin-top: 5px;
  font-style: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-secondary);
}

.review-card1 {
  box-shadow: var(--shadow-md);
  border-radius: var(--bs-border-radius);
  background-color: var(--white);
  position: relative;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}
.review-card1__info {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.review-card1__avatar {
  width: 80px;
  height: 80px;
  margin-right: 1rem;
  position: relative;
}
.review-card1__avatar img {
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.review-card1__avatar::before {
  content: "";
  position: absolute;
  top: 20px;
  right: -13px;
  width: 30px;
  height: 30px;
  line-height: 26px;
  border-radius: 50%;
  background: var(--secondary) url("../img/icon/double-quotes.svg") no-repeat center/50%;
  text-align: center;
}
.review-card1__name {
  font-weight: 700;
  color: var(--color-accent);
}
.review-card1__location {
  color: var(--color-muted);
}
.review-card1__desc {
  margin-top: 1rem;
  margin-bottom: auto;
}
.review-card1__answer {
  margin-top: 2rem;
  padding-top: 20px;
  border-top: 2px solid var(--color-light-gray);
  position: relative;
}
.review-card1__answer-title {
  position: absolute;
  top: -10px;
  left: 0;
  font-size: 10px;
  font-weight: 700;
  background-color: var(--color-light-gray);
  padding: 5px 6px 3px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--color-accent);
  border-radius: 3px;
}

.footer {
  color: rgba(255, 255, 255, 0.7);
  background-color: var(--color-accent);
}
.footer a {
  color: rgba(var(--white-rgb), 1);
}
.footer a:hover {
  color: var(--color-primary);
}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 30px;
}

.footer-top {
  background-color: #1d231f;
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: var(--white);
}
.footer-top h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 1.5rem;
}
.footer-top .contact-box-icon {
  background-color: #414643;
}

.footer-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-nav li + li {
  margin-top: 5px;
}
.footer-nav a {
  position: relative;
  padding: 2px 0;
  display: inline-block;
  transition: 0.3s;
}
.footer-nav a::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: -12px;
  height: 5px;
  width: 5px;
  background: var(--color-primary);
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.footer-nav a:hover {
  transform: translateX(14px);
}
.footer-nav a:hover::before {
  opacity: 1;
}

.footer-bottom {
  background-color: #101311;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  font-size: 0.875em;
}

.scrollup {
  position: fixed;
  color: var(--white);
  background-color: var(--color-accent);
  border: 1px solid rgb(var(--white-rgb), 0.15);
  border-bottom: 0;
  right: 20px;
  bottom: 0;
  padding: 4px 10px;
  font-size: 20px;
  border-top-left-radius: var(--bs-border-radius);
  border-top-right-radius: var(--bs-border-radius);
  cursor: pointer;
  display: none;
  text-align: center;
  z-index: 5;
}
.scrollup:hover {
  padding-bottom: 15px;
  background-color: var(--color-secondary);
  color: var(--white);
}