/**
 * 
 * Fonts
 * 
 */
@import url('cabinet-grotesk.css');
@font-face {
  font-family: 'Prata';
  src: url('../fonts/Prata-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



/**
 * 
 * General
 * 
 */
:root {
  --primary-color: #48C1C2;
  --secondary-color: #103457;
  --white-color: #ffffff;

  --heading-font: 'Prata', serif;
  --body-font: 'Cabinet Grotesk', sans-serif;
}
html, body {
  height: 100%;
}
body {
  font-family: var(--body-font);
  color: var(--secondary-color);
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}
.heading-font {
    font-family: var(--heading-font) !important;
}
.body-font {
    font-family: var(--body-font) !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  color: var(--secondary-color);
}
p {
  color: var(--secondary-color);
}
hr {
  border: none;
  border-top: 1px solid #48C1C2;
  margin: 0.5rem 0;
  opacity: 1;
  width: 100%;
}
img {
  max-width: 100%;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  gap: 0.625rem;
  border-radius: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  border: 1px solid transparent;
  width: fit-content;
}
.btn-primary {
  background-color: var(--primary-color);
  color: var(--white-color);
  border-color: var(--primary-color);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #3eaeb0 !important;
  border-color: #3eaeb0 !important;
  color: var(--white-color) !important;
}
.btn-secondary {
  background-color: var(--secondary-color);
  color: var(--white-color);
  border-color: var(--secondary-color);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #0e2c4b !important;
  border-color: #0e2c4b !important;
  color: var(--white-color) !important;
}
.btn-white {
  background-color: var(--white-color);
  color: var(--secondary-color);
  border-color: var(--white-color);
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
  color: var(--secondary-color) !important;
}
.btn-outline-white {
  background-color: transparent;
  color: var(--white-color);
  border-color: var(--white-color);
}
.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active {
  background-color: var(--white-color) !important;
  border-color: var(--white-color) !important;
  color: var(--secondary-color) !important;
}
.btn-outline-primary {
  background-color: transparent;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}
.btn-text {
  background-color: transparent;
  color: #9b9b9b;
  border-color: transparent;
  text-transform: none;
  text-decoration: underline;
  font-weight: 500;
}
.btn-text:hover,
.btn-text:focus,
.btn-text:active {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #666666 !important;
}
.btn-small {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.btn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: 1rem;
}
.btn-group>.btn {
  flex: none;
}
.bg-primary {
  background-color: var(--primary-color) !important;
} 
.bg-secondary {
  background-color: var(--secondary-color) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.text-secondary {
  color: var(--secondary-color) !important;
}
.text-danger {
  color: #FF6B6B !important;
}
.form-control,
.form-select {
  border-radius: 0;
  height: 44px;
}
.form-select.form-select-white {
  position: relative;
  background-color: transparent;
  border: 1px solid var(--white-color);
  border-radius: 0;
  color: var(--white-color);
  height: 44px;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.305 8.80597C5.10923 9.00209 4.99927 9.26787 4.99927 9.54498C4.99927 9.82208 5.10923 10.0879 5.305 10.284L11.209 16.194C11.437 16.422 11.745 16.524 12.043 16.496C12.313 16.496 12.582 16.395 12.787 16.19L18.694 10.283C18.791 10.186 18.8679 10.0709 18.9204 9.94415C18.9729 9.81744 18.9999 9.68163 18.9999 9.54448C18.9999 9.40732 18.9729 9.27151 18.9204 9.1448C18.8679 9.01809 18.791 8.90296 18.694 8.80597C18.597 8.70899 18.4819 8.63206 18.3552 8.57958C18.2285 8.52709 18.0927 8.50008 17.9555 8.50008C17.8183 8.50008 17.6825 8.52709 17.5558 8.57958C17.4291 8.63206 17.314 8.70899 17.217 8.80597L11.997 14.026L6.781 8.80597C6.68413 8.70898 6.56909 8.63203 6.44246 8.57952C6.31583 8.52702 6.18009 8.5 6.043 8.5C5.90592 8.5 5.77018 8.52702 5.64354 8.57952C5.51691 8.63203 5.40187 8.70898 5.305 8.80597Z' fill='white'/%3E%3C/svg%3E");
  background-size: 1.25rem;
}
.form-select.form-select-white:focus,
.form-control.form-control-white:focus {
  border-color: #a1f3f4 !important;
  box-shadow: 0 0 0 .25rem rgb(148 231 231 / 30%) !important;
}
.form-control.form-control-white {
  background: transparent;
  border: 1px solid var(--white-color);
  border-radius: 0;
  color: var(--white-color);
  height: 44px;
}
.form-control.form-control-white::-webkit-datetime-edit-year-field {
  color: white;
}
.form-control.form-control-white::-webkit-datetime-edit-month-field {
  color: white;
}
.form-control.form-control-white::-webkit-datetime-edit-day-field {
  color: white;
}
.form-control.form-control-white::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.form-control.form-control-white::placeholder {
  color: var(--white-color);
}
.form-select:focus,
.form-control:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 .25rem rgba(141, 219, 219, 0.3) !important;
}
span.flatpickr-weekday {
  color: var(--secondary-color);
  font-weight: 400;
}
.flatpickr-current-month span.cur-month {
  color: var(--secondary-color);
}
.flatpickr-current-month input.cur-year {
  color: var(--secondary-color);
  font-weight: 600;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: var(--primary-color);
  color: var(--white-color);
  border-color: var(--primary-color);
  border-radius: 0;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange,
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 var(--primary-color);
  box-shadow: -10px 0 0 var(--primary-color);
}
.flatpickr-day {
  border-radius: 0;
  border: 1px solid #FFF;
  background: #F4F6F7;
  color: #9fb3c7;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.flatpickr-day:hover,
.flatpickr-day:focus,
.flatpickr-day:active,
.flatpickr-day.inRange {
  background: #e7edee;
  color: #92a6ba;
  border-color: #e7edee;
}
.flatpickr-day.inRange {
  -webkit-box-shadow: -5px 0 0 #e7edee,5px 0 0 #e7edee;
  box-shadow: -5px 0 0 #e7edee,5px 0 0 #e7edee;
}
.flatpickr-day.today {
  border-color: var(--primary-color);
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  background: #e7edee;
  color: #92a6ba;
  border-color: var(--primary-color);
}
.flatpickr-day.today.inRange {
  background: #d7e1e3;
  color: #778b9e;
  border-color: #d7e1e3;
}
.flatpickr-wrapper {
  position: relative;
  display: block;
}
.flatpickr-wrapper::before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_276_112)'%3E%3Cpath d='M19.0667 2.4167V0.116699H17.5334V2.4167H6.80002V0.116699H5.26669V2.4167H0.666687V23.8834H23.6667V2.4167H19.0667ZM2.20002 3.95003H5.26669V6.25003H6.80002V3.95003H17.5334V6.25003H19.0667V3.95003H22.1334V10.0834H2.20002V3.95003ZM22.1334 22.35H2.20002V11.6167H22.1334V22.35Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_276_112'%3E%3Crect width='23' height='23.7667' fill='white' transform='translate(0.666687 0.116699)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 1.25rem;
  background-position: center;
  background-repeat: no-repeat;
}
.dayContainer + .dayContainer {
  box-shadow: none;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: none;
}
.flatpickr-wrapper input {
  position: relative;
  z-index: 2;
}
.form-check,
.form-check input,
.form-check label {
  cursor: pointer;
}
.form-check-input {
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  border: 1px solid var(--secondary-color);
  background-color: transparent;
}
.form-check-input:checked {
  background-color: transparent;
  border-color: var(--secondary-color);
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230D3551'/%3e%3c/svg%3e");
  background-size: 140%;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_180_1128)'%3E%3Cpath d='M7.625 13.3012L4.32375 10L3.19958 11.1162L7.625 15.5417L17.125 6.04166L16.0088 4.92542L7.625 13.3012Z' fill='%23103457'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_180_1128'%3E%3Crect width='19' height='19' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100%;
}
.form-check-input[type=checkbox] {
  border-radius: 0;
}
.catalog-sidebar .form-check-input[type=checkbox] {
  border-radius: 50%;
}
.form-check-input:focus {
  /* box-shadow: 0 0 0 3.5px rgba(13, 53, 81, 0.25); */
  box-shadow: none;
  border-color: var(--secondary-color);
}
.form-check-label {
  font-size: 1rem;
  line-height: 1.125rem;
  color: var(--secondary-color);
  font-weight: 500;
  width: 100%;
}
.form-check-label a {
  color: var(--secondary-color);
  transition: color 0.15s ease;
}
.form-check-label a:hover,
.form-check-label a:focus,
.form-check-label a:active {
  color: var(--primary-color);
}
.input-group-text {
  border-radius: 0;
  border: 1px solid var(--bs-tertiary-bg);
  color: var(--secondary-color);
}
.shadow {
  box-shadow: 0px 109px 30px 0px rgba(0, 0, 0, 0.00), 0px 70px 28px 0px rgba(0, 0, 0, 0.01), 0px 39px 23px 0px rgba(0, 0, 0, 0.03), 0px 17px 17px 0px rgba(0, 0, 0, 0.04), 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
.blockquote {
  font-family: var(--heading-font);
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: var(--secondary-color);
  border-left: 1px solid var(--primary-color);
  padding-left: 1.25rem;
}
.columns-2 {
  column-count: 2;
  column-gap: 8rem;
}
.link-blue {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--secondary-color);
  text-decoration: none;
  transition: color 0.15s ease;
}
.link-blue:hover {
  color: var(--primary-color);
}
.link-blue svg {
  width: 1.25rem;
  height: 1.25rem;
}
.oc-progress-bar {
  background: var(--primary-color);
}



/**
 * Modal 
 */
.modal .modal-title {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--secondary-color);
  font-family: var(--body-font);
}
.modal .modal-content {
  border-radius: 0;
}
.choose-country-modal ul {
  list-style: none;
  padding: 0;
}
.choose-country-modal ul li a {
  text-decoration: none;
  display: block;
  padding: 1rem 1.25rem;
  color: var(--secondary-color);
  font-weight: 500;
  transition: background 0.15s ease;
}
.choose-country-modal ul li a:hover,
.choose-country-modal ul li a:focus,
.choose-country-modal ul li a:active {
  background: #f5f5f5;
}
.choose-country-modal #region-list .form-check {
  position: relative;
  padding: 0;
}
.choose-country-modal #region-list .form-check label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.25rem 1rem 3rem;
  min-height: 56px;
  color: var(--secondary-color);
  width: 100%;
  transition: background 0.15s ease;
}
.choose-country-modal #region-list .form-check label:hover,
.choose-country-modal #region-list .form-check label:focus,
.choose-country-modal #region-list .form-check label:active {
  background: #f5f5f5;
}
.choose-country-modal #region-list .form-check input {
  margin-top: -0.125rem;
  margin-left: 0;
  position: absolute;
  top: 50%;
  left: 1.25rem;
  transform: translateY(-50%);
}
.choose-country-modal .btn-link {
  padding: 0.9375rem 1.25rem;
  width: 100%;
  text-align: start;
  text-decoration: none;
  justify-content: start;
  color: var(--secondary-color);
}
.choose-country-modal .btn-link:hover,
.choose-country-modal .btn-link:focus,
.choose-country-modal .btn-link:active {
  background: #f5f5f5;
}
.choose-country-modal .btn-success {
  background: transparent;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  color: #48C1C2;
  padding: 0.9375rem 1.25rem;
  width: 100%;
  text-align: start;
  border: 0;
}
.choose-country-modal .btn-success:hover,
.choose-country-modal .btn-success:focus,
.choose-country-modal .btn-success:active {
  background: #f5f5f5;
}
.choose-country-modal .btn-secondary {
  padding: 0.9375rem 1.25rem;
  width: 100%;
  text-align: start;
  justify-content: start;
}



/**
 * Header
 */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: var(--white-color);
  z-index: 1000;
  transition: background 0.6s ease;
}
.header-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  transition: background 0.6s ease;
}
.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--white-color);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background 0.6s ease;
}
.header .navbar {
  padding: 0;
}
.header .nav-item {
  display: flex;
  align-items: center;
  justify-items: center;
}
.header .nav-item .nav-link {
  color: var(--secondary-color);
  font-size: 0.875rem;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.header .nav-item .nav-link:hover,
.header .nav-item .nav-link:focus,
.header .nav-item .nav-link:active {
  color: var(--primary-color);
}
.header.header-absolute .nav-item .nav-link {
  color: var(--white-color);
}
.header.header-absolute .nav-item .nav-link:hover,
.header.header-absolute .nav-item .nav-link:focus,
.header.header-absolute .nav-item .nav-link:active {
  color: var(--primary-color);
}
.header.header-fixed .nav-item .nav-link {
  color: var(--secondary-color);
}
.header.header-absolute .nav-item .nav-link .badge {
  background: var(--white-color) !important;
  color: var(--secondary-color);
}
.header.header-fixed .nav-item .nav-link .badge {
  background: var(--secondary-color) !important;
  color: var(--white-color);
}
.header .nav-item .btn {
  padding: 0.75rem 1.375rem;
  font-size: 0.875rem;
}
.header .navbar-nav {
  gap: 1.5rem;
}
.header .navbar-toggler {
  border: none;
  padding: 0;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
}
.header .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
.header .navbar-brand svg,
.header .navbar-brand img {
  max-width: 164px;
}
.header .navbar-brand img {
  transition: opacity 0.1s ease-in-out;
  opacity: 1;
}
.header .navbar-brand img.fade-out {
  opacity: 0;
}
.header .navbar-brand img.fade-in {
  opacity: 1;
}
.header .nav-item .nav-link .badge {
  padding: 4px 6px;
  font-size: 0.6875rem;
}



/**
 * Back to top
 */
#backToTopBtn {
  display: none;
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: var(--secondary-color);
  color: var(--white-color);
  cursor: pointer;
  font-size: 1.125rem;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease, transform 0.5s ease, background-color 0.3s ease-in-out;
}
#backToTopBtn:hover {
  background-color: #0e2c4b;
}
#backToTopBtn.show {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}
#backToTopBtn svg {
  width: 1.25rem;
  height: 1.25rem;
  stroke-width: 2;
}



/**
 * Section
 */
.section-padding {
  padding: 2.5rem 0;
}
.section-padding-2x {
  padding: 5rem 0;
}
.section-padding-y {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.section-padding-x {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.section-padding-top {
  padding-top: 2.5rem;
}
.section-padding-bottom {
  padding-bottom: 2.5rem;
}
.section-wrapper h1,
.section-wrapper h2,
.section-wrapper h3,
.section-wrapper h4,
.section-wrapper h5,
.section-wrapper h6 {
  font-family: var(--body-font);
}
.section-subtitle {
  display: inline-block;
  position: relative;
  color: var(--primary-color);
  font-family: var(--body-font);
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  letter-spacing: 0.25rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  margin-bottom: 1rem;
}
.section-subtitle::before,
.section-subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 1px;
  background-color: var(--primary-color);
  margin-top: -1px;
}
.section-subtitle::after {
  display: none;
  left: auto;
  right: 0;
}
.text-center .section-subtitle::after {
  display: block;
}
.section-title,
.section-title h1,
.section-title h2 {
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 400;
  max-width: 600px;
  margin-bottom: 1rem;
  font-family: var(--heading-font);
}
.text-center .section-title {
  margin: 0 auto 1rem;
}
.section-text {
  max-width: 600px;
  margin-bottom: 2.5rem;
}
.text-center .section-text {
  margin: 0 auto 2.5rem;
}
.section-title-2 {
  font-size: 2rem;
  line-height: 2.75rem;
  font-weight: 700;
  font-family: var(--body-font);
  color: var(--primary-color);
  margin-bottom: 1.25rem;
}
.section-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 9/10;
}
.section-image-full {
  aspect-ratio: 21/7;
}
.section-image img,
.section-image-full img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/**
 * Breadcrumb
 */
.breadcrumb-wrapper {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10rem 0 1rem;
  color: var(--white-color);
  margin-bottom: 0;
}
.breadcrumb-wrapper::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 1) 100%), linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%) no-repeat;
  opacity: 0.4;
}
.breadcrumb-wrapper .breadcrumb-content {
  position: relative;
  z-index: 2;
}
.breadcrumb-wrapper .section-title h1,
.breadcrumb-wrapper .section-subtitle,
.breadcrumb-wrapper .section-text p {
  color: var(--white-color);
}
.breadcrumb-wrapper .section-subtitle::before,
.breadcrumb-wrapper .section-subtitle::after {
  background-color: var(--white-color);
}
.breadcrumb-big {
  height: 48rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb-big .breadcrumb-content {
  margin-bottom: 2rem;
}



/**
 * Hero
 */
.hero {
  position: relative;
  height: 56rem;
  margin-bottom: 4rem;
  color: var(--white-color);
}
.hero::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -15%;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1631' height='632' viewBox='0 0 1631 632' fill='none'%3E%3Cpath d='M0 388.685C0 388.685 61.1935 428.824 346.557 407.902C631.92 386.98 606.977 442.307 650.975 469.118C694.972 495.929 779.249 536.069 779.249 536.069L702.718 631.845C702.718 631.845 796.445 578.223 832.851 562.88C869.257 547.537 926.578 524.6 962.984 480.587C999.39 436.573 1012.71 340.796 1114.19 291.049C1215.66 241.301 1312.48 193.412 1438.28 143.665C1564.07 93.9166 1631 0 1631 0C1631 0 1574.76 66.9505 1438.28 112.979C1301.79 159.007 1162.06 193.412 1062.44 269.972C962.829 346.531 888.312 455.79 855.624 453.775C822.936 451.761 710.154 363.733 597.217 361.873C484.281 360.014 348.416 365.748 252.675 381.091C156.934 396.434 103.332 388.685 51.7434 388.685H0Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  opacity: 0.07;
}
.hero .hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  color: var(--white-color);
}
.hero .hero-subtitle {
  position: relative;
  font-family: 'Cabinet Grotesk', sans-serif;
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  letter-spacing: 0.25rem;
  padding-left: 3.125rem;
  margin-bottom: 1.5rem;
  color: var(--white-color);
}
.hero .hero-subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 1px;
  background-color: var(--white-color);
  margin-top: -1px;
}
.hero .hero-title {
  color: var(--white-color);
  font-size: 2.75rem;
  line-height: 3.75rem;
}
.hero .hero-title h1 {
  color: var(--white-color);
  font-size: 2.75rem;
  line-height: 3.75rem;
  margin-bottom: 1rem;
}
.hero .hero-text {
  margin-bottom: 1.5rem;
  max-width: 448px;
}
.hero .hero-text p {
  color: var(--white-color);
}
.hero .hero-text p:last-child {
  margin-bottom: 0;
}
.hero #hero-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%) no-repeat;
  z-index: 1;
}
.hero .hero-slide {
  height: 56rem;
}
.hero .hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.search-form {
  /* position: absolute; */
  position: fixed;
  z-index: 99999;
  width: 100%;
  left: 50%;
  bottom: -4rem;
  transform: translateX(-50%);
  background: var(--primary-color);
  box-shadow: 0px 313px 88px 0px rgba(0, 0, 0, 0.00), 0px 200px 80px 0px rgba(0, 0, 0, 0.01), 0px 113px 68px 0px rgba(0, 0, 0, 0.04), 0px 50px 50px 0px rgba(0, 0, 0, 0.06), 0px 13px 28px 0px rgba(0, 0, 0, 0.07);
}
.search-form .form-label {
  font-size: 1rem;
  font-weight: 700;
  color: var(--white-color);
}
.search-form .form-select {
  position: relative;
  background-color: transparent;
  border: 1px solid var(--white-color);
  border-radius: 0;
  color: var(--white-color);
  height: 44px;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M5.305 8.80597C5.10923 9.00209 4.99927 9.26787 4.99927 9.54498C4.99927 9.82208 5.10923 10.0879 5.305 10.284L11.209 16.194C11.437 16.422 11.745 16.524 12.043 16.496C12.313 16.496 12.582 16.395 12.787 16.19L18.694 10.283C18.791 10.186 18.8679 10.0709 18.9204 9.94415C18.9729 9.81744 18.9999 9.68163 18.9999 9.54448C18.9999 9.40732 18.9729 9.27151 18.9204 9.1448C18.8679 9.01809 18.791 8.90296 18.694 8.80597C18.597 8.70899 18.4819 8.63206 18.3552 8.57958C18.2285 8.52709 18.0927 8.50008 17.9555 8.50008C17.8183 8.50008 17.6825 8.52709 17.5558 8.57958C17.4291 8.63206 17.314 8.70899 17.217 8.80597L11.997 14.026L6.781 8.80597C6.68413 8.70898 6.56909 8.63203 6.44246 8.57952C6.31583 8.52702 6.18009 8.5 6.043 8.5C5.90592 8.5 5.77018 8.52702 5.64354 8.57952C5.51691 8.63203 5.40187 8.70898 5.305 8.80597Z' fill='white'/%3E%3C/svg%3E");
  background-size: 1.25rem;
}
.search-form .form-select:focus,
.search-form .form-control:focus {
  border-color: #a1f3f4 !important;
  box-shadow: 0 0 0 .25rem rgb(148 231 231 / 30%) !important;
}
.search-form .form-control {
  background: transparent;
  border: 1px solid var(--white-color);
  border-radius: 0;
  color: var(--white-color);
  height: 44px;
}
.search-form .form-control::placeholder {
  color: var(--white-color);
}
.search-form .btn {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.125rem;
}
.search-form ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.search-form .search-form-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: none;
}
.search-form .search-form-close svg {
  width: 1rem;
  height: 1rem;
}
.search-form.search-form-popup {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.search-form .input-group-text {
  background: var(--white-color);
  border-color: var(--white-color);
}
.search-form .form-group .dropdown .dropdown-toggle {
  border-radius: 0;
  border: 1px solid var(--white-color);
  color: var(--white-color);
  background: transparent;
  text-transform: none;
  letter-spacing: normal;
  font-weight: 400;
  padding: 0.75rem 1rem;
}
.custom-select {
  position: relative;
}
.select-box {
  width: 100%;
  background-color: transparent;
  padding: 0.5625rem 0.875rem;
  border: 1px solid var(--white-color);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.select-box.active {
  border-color: #a1f3f4 !important;
  box-shadow: 0 0 0 .25rem rgb(148 231 231 / 30%) !important;
}
.options-dropdown {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0 0;
  display: none;
  background-color: white;
  position: absolute;
  top: 44px;
  width: 100%;
  max-height: 176px;
  overflow-y: auto;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.options-dropdown li {
  padding: 10px;
  cursor: pointer;
  color: var(--secondary-color);
}
.options-dropdown li:hover {
  background-color: #f1f1f1;
}



/**
 * Last offers
 */
.boat-card {
  border-radius: 0;
  border: 0;
  box-shadow: 0px 267px 75px 0px rgba(0, 0, 0, 0.00), 0px 171px 68px 0px rgba(0, 0, 0, 0.00), 0px 96px 58px 0px rgba(0, 0, 0, 0.02), 0px 43px 43px 0px rgba(0, 0, 0, 0.03), 0px 11px 23px 0px rgba(0, 0, 0, 0.03);
  text-decoration: none;
  color: var(--secondary-color);
}
/* .boat-card:hover,
.boat-card:focus,
.boat-card:active {
} */
.boat-card .card-img-top {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
}
.boat-card .card-img-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.boat-card:hover .card-img-top img,
.boat-card:focus .card-img-top img,
.boat-card:active .card-img-top img {
  transform: scale(1.05);
}
.boat-card .discount-badge {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(16, 52, 87, 0.8);
  color: var(--white-color);
  text-transform: uppercase;
  text-align: right;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 1rem 1.25rem;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}
.boat-card .discount-badge span {
  font-size: 1rem;
  font-weight: 800;
}
.boat-card .boat-card-location {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 1rem 1.25rem;
}
.boat-card .boat-card-title {
  font-family: var(--body-font);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: var(--primary-color);
  margin-bottom: 0.25rem;
}
.boat-card .boat-card-kind {
  font-size: 1rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.boat-card .boat-card-departure {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  color: var(--secondary-color);
}
.boat-card .boat-card-departure span {
  font-weight: 700;
}
.boat-card .boat-card-price {
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.125rem;
}
.boat-card .boat-card-price .old-price {
  font-size: 0.875rem;
  text-decoration: line-through;
}
.boat-card .boat-card-price .boat-card-price-value {
  display: flex;
  align-items: end;
  gap: 0.5rem;
  font-weight: 700;
}
.pick-kinds ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pick-kinds li {
  list-style: none;
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 400;
  color: #243B53;
}
.pick-kinds li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none"><g clip-path="url(%23clip0_496_1681)"><path d="M7.12464 13.068L3.82339 9.76672L2.69922 10.883L7.12464 15.3084L16.6246 5.80839L15.5084 4.69214L7.12464 13.068Z" fill="%2348C1C2"/></g><defs><clipPath id="clip0_496_1681"><rect width="19" height="19" fill="white" transform="translate(0 0.266602)"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}




/**
 * Destinations
 */
.destinations {
  overflow: hidden;
}
.destinations .destination-slide {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 40rem;
}
.destinations .destination-slide .destination-slide-content {
  background: rgba(16, 52, 87, 0.8);
  color: var(--white-color);
  padding: 3.25rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1rem;
}
.destinations .destination-slide .destination-slide-subtitle {
  margin-bottom: 0;
}
.destinations .destination-slide .destination-slide-title { 
  color: var(--white-color);
  margin-bottom: 0;
}
.destinations .destination-slide .destination-slide-text p {
  color: var(--white-color);
}
.splide__pagination {
  bottom: 1.5rem;
  gap: 0.75rem;
}
.splide__pagination__page {
  opacity: 0.5;
  height: 6px;
  width: 6px;
  border-radius: 0.375rem;
}
.splide__pagination__page.is-active {
  opacity: 1;
  width: 24px;
  transform: none;
}



/**
 * Regattas
 */
.regatta-card {
  position: relative;
  display: block;
}
.regatta-card .regatta-card-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
}
.regatta-card .regatta-card-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%), 50% / cover no-repeat;
}
.regatta-card .regatta-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.regatta-card .regatta-card-badge {
  position: absolute;
  z-index: 3;
  top: 1rem;
  left: 1rem;
  background-color: var(--primary-color);
  color: var(--white-color);
  text-transform: uppercase;
  text-align: right;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
}
.regatta-card .regatta-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  z-index: 2;
  width: 100%;
  height: 100%;
  color: var(--white-color);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.regatta-card .regatta-card-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 0.25rem;
  font-family: var(--body-font);
  color: var(--white-color);
}
.regatta-card:hover .regatta-card-img img,
.regatta-card:focus .regatta-card-img img,
.regatta-card:active .regatta-card-img img {
  transform: scale(1.05);
}
.regatta-card-small .regatta-card-img {
  aspect-ratio: 5/4;
}
.regatta-card-small .regatta-card-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
}



/**
 * Partners
 */
.partners .partner-slide {
  display: block;
  border: 1px solid #EDEDED;
  aspect-ratio: 16/9;
  padding: 0.75rem;
}
.partners .partner-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.partners .splide__track {
  width: 90%;
  margin: 0 auto;
}




/**
 * Reviews
 */
.review-slide {
  height: auto;
  width: 100%;
  height: 100%;
}
.review-slide .review-slide-rating {
  background: var(--primary-color);
  padding: 1rem 1.5rem;
}
.review-slide .review-slide-content {
  padding: 1.5rem;
  border-radius: 0;
  background: var(--white-color);
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  height: 78%;
}
.review-slide .review-slide-author {
  margin-top: 0.5rem;
}
.review-slide .review-slide-author .review-slide-author-name {
  font-size: 1.25rem;
  font-weight: 700;
}
.review-slide .review-slide-author .review-slide-author-location {
  font-size: 0.875rem;
  font-weight: 400;
  color: #919191;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
#reviews-slider .splide__pagination__page {
  background: var(--primary-color);
}
.reviews .btn {
  text-transform: unset;
  color: #919191;
  font-weight: 400;
  width: fit-content;
  margin: 0 auto;
}
.reviews .reviews-image {
  aspect-ratio: 4 / 5;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reviews .reviews-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.reviews .reviews-image video {
  width: 100%;
  /* height: 100%; */
  height: auto;
  object-fit: cover;
  object-position: center;
}
.reviews .reviews-left {
  padding-right: 3rem;
  width: 100%;
}
.reviews .splide__pagination {
  bottom: -2.5rem;
}
#reviews-slider {
  margin-bottom: 4rem;
  box-shadow: 0px 123px 34px 0px rgba(0, 0, 0, 0.00), 0px 78px 31px 0px rgba(0, 0, 0, 0.01), 0px 44px 26px 0px rgba(0, 0, 0, 0.03), 0px 20px 20px 0px rgba(0, 0, 0, 0.04), 0px 5px 11px 0px rgba(0, 0, 0, 0.05);
}



/**
 * Blog
 */
.blog-card {
  position: relative;
  display: block;
}
.blog-card .blog-card-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/6;
}
.blog-card .blog-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.blog-card .blog-card-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%), 50% / cover no-repeat;
}
.blog-card:hover .blog-card-img img,
.blog-card:focus .blog-card-img img,
.blog-card:active .blog-card-img img {
  transform: scale(1.05);
}
.blog-card .blog-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.5rem 1rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  z-index: 2;
  color: var(--white-color);
}
.blog-card .blog-card-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 0.25rem;
  font-family: var(--body-font);
  color: var(--white-color);
}
.blog-card .blog-card-categories {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.blog-card .blog-card-categories span {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--white-color);
  background: var(--primary-color);
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}
.blog-card .blog-card-date {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--white-color);
  background: var(--secondary-color);
  padding: 0.5rem 0.75rem;
}



/**
 * About
 */
.about-content {
  padding-left: 5rem;
}



/**
 * Core team
 */
.core-team .team-slide {
  text-align: center;
  max-width: 364px;
  margin: 0 auto;
}
.core-team .team-slide .team-slide-image {
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  margin: 0 auto 1.5rem;
}
.core-team .team-slide .team-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.core-team .team-slide .team-slide-name {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
  color: var(--primary-color);
}
.core-team .team-slide .team-slide-position {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.core-team .team-slide .team-slide-content::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 1px;
  background-color: var(--primary-color);
}
.core-team .team-slide .team-slide-content {
  text-align: center;
  position: relative;
  margin-top: 2rem;
}
.core-team .splide__track {
  width: 90%;
  margin: 0 auto;
}



/**
 * From travelers
 */
.from-travelers {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: var(--white-color);
  padding: 6rem 0;
}
.from-travelers::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), 50% / cover no-repeat;
}
.from-travelers .container {
  position: relative;
  z-index: 1;
}
.from-travelers .from-travelers-slide {
  display: block;
  background: rgba(72, 193, 194, 0.90);
  padding: 2rem;
  text-decoration: none;
}
.from-travelers .from-travelers-slide .from-travelers-slide-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  font-family: var(--body-font);
  color: var(--white-color);
  margin-bottom: 1.5rem;
}
.from-travelers .from-travelers-slide .from-travelers-slide-type {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--white-color);
  background: var(--secondary-color);
  padding: 0.375rem 0.875rem;
  text-transform: uppercase;
  width: fit-content;
  margin-bottom: 1rem;
}
.from-travelers .splide__pagination {
  bottom: -4rem;
}
.from-travelers .section-title h2,
.from-travelers .section-subtitle,
.from-travelers .section-text p {
  color: var(--white-color);
}



/**
 * Sales team
 */
.sales-team .team-slide {
  text-align: center;
  max-width: 364px;
  margin: 0 auto;
}
.sales-team .team-slide .team-slide-image {
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  margin: 0 auto 1.5rem;
}
.sales-team .team-slide .team-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.sales-team .team-slide .team-slide-name {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
}
.sales-team .team-slide .team-slide-location {
  font-size: 0.875rem;
  font-weight: 500;
  color: #919191;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.sales-team .team-slide .team-slide-contact {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-top: 1rem;
}
.sales-team .team-slide .team-slide-contact li {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sales-team .team-slide .team-slide-contact li a {
  color: var(--secondary-color);
  text-decoration: none;
}
.sales-team .team-slide .team-slide-contact li a:hover,
.sales-team .team-slide .team-slide-contact li a:focus,
.sales-team .team-slide .team-slide-contact li a:active {
  color: var(--primary-color);
}
.sales-team .team-slide .team-slide-contact li a svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke-width: 1.5;
  stroke: var(--primary-color);
}
.splide__arrow svg {
  width: 3.75rem;
  height: 3.75rem;
  fill: none;
  opacity: 0.2;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 1;
}
.splide__arrow {
  background: transparent;
  transition: opacity 0.3s ease;
}
.splide__arrow--next {
  right: 0;
}
.splide__arrow--prev {
  left: 0;
}
.sales-team .splide__track {
  width: 90%;
  margin: 0 auto;
}




/**
 * Contact
 */
.contact .contact-info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contact .contact-image {
  aspect-ratio: 1/1;
  height: 100%;
  max-width: 100%;
}
.contact .contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}



/**
 * Footer
 */
.footer {
  background: var(--secondary-color);
  color: var(--white-color);
  padding: 3.75rem 0;
}
.footer .footer-logo {
  margin-bottom: 2rem;
}
.footer .footer-logo svg,
.footer .footer-logo img {
  max-width: 238px;
  width: 100%;
}
.footer .footer-text {
  margin-bottom: 2rem;
}
.footer p {
  color: var(--white-color);
}
.footer .footer-country:last-child {
  margin-bottom: 0;
}
.footer .footer-country p {
  color: #9fb3c7;
}
.footer .footer-country p strong,
.footer .footer-country p span {
  color: var(--white-color);
}
.footer .footer-country img {
  width: auto;
  height: 18px;
  object-fit: contain;
  object-position: center;
  margin-bottom: 0.75rem;
}
.footer .footer-links {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.footer .footer-links:last-child {
  margin-bottom: 0;
}
.footer .footer-links h5 {
  color: var(--white-color);
  font-family: var(--body-font);
  font-weight: 600;
}
.footer .footer-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.footer .footer-links ul li a {
  color: #9fb3c7;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer .footer-links ul li a:hover,
.footer .footer-links ul li a:focus,
.footer .footer-links ul li a:active {
  color: var(--white-color);
}
.footer #footer-country-margin {
  margin-top: 6.75rem;
}




/**
 * 
 * Catalog page
 * 
 */
.search-result-card {
  border-radius: 0;
  border: 0;
  box-shadow: 0px 267px 75px 0px rgba(0, 0, 0, 0.00), 0px 171px 68px 0px rgba(0, 0, 0, 0.00), 0px 96px 58px 0px rgba(0, 0, 0, 0.02), 0px 43px 43px 0px rgba(0, 0, 0, 0.03), 0px 11px 23px 0px rgba(0, 0, 0, 0.03);
  text-decoration: none;
  color: var(--secondary-color);
  display: flex;
  flex-direction: row;
}
.search-result-card .card-img-top {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 3/2;
  height: 100%;
}
.search-result-card .card-img-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.search-result-card:hover .card-img-top img,
.search-result-card:focus .card-img-top img,
.search-result-card:active .card-img-top img {
  transform: scale(1.05);
}
.search-result-card .discount-badge {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(16, 52, 87, 0.8);
  color: var(--white-color);
  text-transform: uppercase;
  text-align: right;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 1rem 1.25rem;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}
.search-result-card .discount-badge span {
  font-size: 1rem;
  font-weight: 800;
}
.search-result-card .search-result-card-location {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--primary-color);
  color: var(--white-color);
  padding: 1rem 1.25rem;
}
.search-result-card .search-result-card-title {
  font-family: var(--body-font);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  color: var(--primary-color);
  margin-bottom: 0.25rem;
}
.search-result-card .search-result-card-kind {
  font-size: 1rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.search-result-card .search-result-card-departure {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  color: var(--secondary-color);
}
.search-result-card .search-result-card-departure span {
  font-weight: 700;
}
.search-result-card .search-result-card-price {
  font-size: 1.25rem;
  line-height: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem 0.25rem;
  margin-top: 0.125rem;
  background: var(--primary-color);
  color: var(--white-color);
  padding: 0.75rem 1.25rem;
}
.search-result-card .search-result-card-price .old-price {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-decoration: line-through;
}
.search-result-card .search-result-card-price .search-result-card-price-value {
  display: flex;
  align-items: end;
  gap: 0.5rem;
  font-weight: 700;
}
.search-result-card .search-result-card-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem;
  border-top: 1px solid #EDEDED;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}
.search-result-card .search-result-card-details .search-result-card-details-item span {
  font-weight: 700;
  color: var(--secondary-color);
}
.search-result-card .btn {
  color: var(--primary-color);
}
.catalog-sidebar .catalog-sidebar-item {
  margin-bottom: 1rem !important;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-item {
  border: none;
  background: #F8F8F8;
  border-bottom: 1px solid #103457;
}
.accordion-item.sliders{
    border-bottom: none;
}
.accordion-item:last-of-type>.accordion-collapse {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion-item:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M10.5 1L5.5 6L0.5 1' stroke='%23103457' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 0.75rem;
  background-repeat: no-repeat;
  background-position: center;
}
.accordion-button {
  background: #F8F8F8;
  border: none;
  box-shadow: none;
  color: var(--secondary-color);
  font-family: var(--body-font);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding: 1rem 1rem;
}
.accordion-heading {
  background: #F8F8F8;
  border: none;
  box-shadow: none;
  color: var(--secondary-color);
  font-family: var(--body-font);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.accordion-heading input {
  background: transparent;
  border: 0;
  padding: 0;
  font-family: var(--body-font);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  height: auto;
  width: 32px;
  text-align: center;
}
.accordion-heading input:focus {
  background: transparent;
  border: 0;
  box-shadow: none !important;
}
.accordion-heading input::-webkit-outer-spin-button,
.accordion-heading input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.accordion-button:not(.collapsed) {
  background: #F8F8F8;
  box-shadow: none;
}
.catalog-sidebar {
  scroll-margin-top: 108px;
}
.catalog-sidebar-search .accordion-item {
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.catalog-sidebar .catalog-sidebar-search .accordion-button {
  background: var(--primary-color);
  color: var(--white-color);
}
.catalog-sidebar .catalog-sidebar-search .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M10.5 1L5.5 6L0.5 1' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.catalog-sidebar-search .form-control {
  color: var(--white-color);
  background: transparent;
  border-color: var(--white-color);
}
.catalog-sidebar-search .form-control::placeholder {
  color: var(--white-color);
}
.catalog-sidebar-search .select-box {
  color: var(--white-color);
  background: transparent;
  border-color: var(--white-color);
}
.sidebar-sticky {
    position: sticky;
    top: 124px;
    align-self: flex-start;
    max-height: calc(100vh - 148px);
    overflow-y: auto;
    scrollbar-width: thin;
    padding-right: 6px;
}
.sidebar-sticky::-webkit-scrollbar {
  width: 8px;
}
.sidebar-sticky::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
.sidebar-sticky {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.select2-container .select2-selection--single {
  border-radius: 0;
}
.accordion-body {
  padding: 0.25rem 1rem 1rem;
}
.accordion-body p:last-child {
  margin-bottom: 0;
}
.pagination-wrapper {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
}
.pagination-wrapper .pagination {
  gap: 0.5rem;
  margin-bottom: 0;
}
.pagination-wrapper .pagination .page-item .page-link {
  color: var(--secondary-color);
  padding: 0.375rem 1.125rem;
  border-color: transparent;
  background: transparent;
  cursor: pointer;
}
.pagination-wrapper .pagination .page-item .page-link:hover,
.pagination-wrapper .pagination .page-item .page-link:focus,
.pagination-wrapper .pagination .page-item .page-link:active {
  color: var(--primary-color);
}
.pagination-wrapper .pagination .page-item.active .page-link {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--white-color);
}
.pagination-wrapper .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination-wrapper .pagination .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination-wrapper .pagination .page-item.disabled .page-link {
  color: #9fb3c7;
}
.catalog-sorting {
  margin-bottom: 1.25rem;
  gap: 1rem 0;
}
.catalog-sorting label {
  white-space: nowrap;
}
.catalog-sorting .form-select {
  border-color: var(--primary-color);
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M10.5 1L5.5 6L0.5 1' stroke='%23103457' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 0.75rem;
}
.catalog-list {
  padding: 0 0.75rem;
}
.loader-gif {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--secondary);
  font-weight: 500;
}
.noUi-handle:after, .noUi-handle:before {
  display: none !important; 
}
.noUi-handle {
  box-shadow: none !important;
  /* border: 1px solid var(--secondary-color) !important; */
  border: 1px solid transparent !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
  box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .32) !important;
}
.noUi-connects {
  border-radius: 0 !important;
  background: #E5E5E5 !important;
}
.noUi-connect {
  /* background: #A1CDF7 !important; */
  background: var(--secondary-color) !important;
}
.noUi-target {
    max-height: 8px;
    border: none !important;
}
.noUi-horizontal .noUi-handle {
    /* top: -12px !important; */
    top: -6px !important;
    right: -6px !important;
}
.noUi-horizontal {
  height: 5px !important;
}



/**
 * 
 * Detail page
 * 
 */
.detail-header {
  margin-top: 91px;
}
.detail-header .detail-header-breadcrumb {
  background: var(--primary-color);
  /* padding: 3.75rem 0 9.5rem; */
  padding: 3.75rem 0;
  color: var(--white-color);
}
.detail-header h1 {
  font-size: 2.25rem;
  line-height: 2.75rem;
  color: var(--white-color);
  margin-bottom: 1.5rem;
}
.detail-header .detail-header-breadcrumb p {
  color: var(--white-color);
}
.detail-header .detail-header-breadcrumb h5 {
  color: var(--white-color);
}
.detail-header .breadcrumb {
  margin-bottom: 0;
}
.detail-header .breadcrumb .breadcrumb-item {
  color: var(--white-color);
}
.detail-header .breadcrumb .breadcrumb-item a {
  color: var(--white-color);
  text-decoration: none;
}
.detail-header .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  color: var(--white-color);
}
.add-to-wishlist {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--white-color);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.15s ease;
}
.add-to-wishlist svg {
  stroke: var(--white-color);
  transition: stroke 0.15s ease;
}
.add-to-wishlist:hover svg,
.add-to-wishlist:focus svg,
.add-to-wishlist:active svg {
  stroke: #eeeeee;
}
.add-to-wishlist:hover,
.add-to-wishlist:focus,
.add-to-wishlist:active {
  color: #eeeeee;
}
.add-to-wishlist svg path {
  transition: fill 0.15s ease;
}
.add-to-wishlist:hover svg path,
.add-to-wishlist:focus svg path,
.add-to-wishlist:active svg path {
  fill: #eeeeee;
}
.add-to-wishlist.active svg path {
  fill: #fd4848;
}
.add-to-wishlist.active svg {
  stroke: #fd4848;
}

.add-to-wishlist-catalog {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--primary-color);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.15s ease;
}
.add-to-wishlist-catalog svg {
  stroke: var(--primary-color);
  transition: stroke 0.15s ease;
}
.add-to-wishlist-catalog:hover svg,
.add-to-wishlist-catalog:focus svg,
.add-to-wishlist-catalog:active svg {
  stroke: var(--primary-color);
}
.add-to-wishlist-catalog:hover,
.add-to-wishlist-catalog:focus,
.add-to-wishlist-catalog:active {
  color: var(--primary-color);
}
.add-to-wishlist-catalog svg path {
  transition: fill 0.15s ease;
}
.add-to-wishlist-catalog:hover svg path,
.add-to-wishlist-catalog:focus svg path,
.add-to-wishlist-catalog:active svg path {
  fill: var(--primary-color);
}
.add-to-wishlist-catalog.active svg path {
  fill: #fd4848;
}
.add-to-wishlist-catalog.active svg {
  stroke: #fd4848;
}
/* .detail-header-content {
  margin-top: -7rem;
} */
.detail-header .detail-gallery {
  display: grid;
  /* grid-template-columns: 1fr 1fr; */
  grid-template-columns: 1fr;
  gap: 0.625rem;
}
.detail-header .detail-main-photo {
  position: relative;
  grid-column: 1 / 2;
  overflow: hidden;
  aspect-ratio: 6/5;
  cursor: pointer;
}
.detail-header .detail-side-photos {
  display: grid;
  /* grid-template-columns: 1fr 1fr; */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0.625rem;
}
.detail-header .detail-main-photo img,
.detail-header .detail-side-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-header .detail-side-photo {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.detail-header .detail-side-photo.detail-side-photo-more {
  position: relative;
}
.detail-header .detail-side-photo.detail-side-photo-more .detail-side-photo-more-content {
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: start;
  gap: 0.5rem;
  padding: 1.25rem;
  line-height: 1.125rem;
  color: var(--white-color);
}
.detail-header .detail-side-photo a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.detail-header .detail-side-photo a::before {
  content: '';
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.detail-header .detail-side-photo.detail-side-photo-more a::before {
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.detail-header .detail-side-photo:hover a::before,
.detail-header .detail-side-photo:focus a::before,
.detail-header .detail-side-photo:active a::before {
  opacity: 0.2;
}
.detail-header .detail-side-photo.detail-side-photo-more:hover a::before,
.detail-header .detail-side-photo.detail-side-photo-more:focus a::before,
.detail-header .detail-side-photo.detail-side-photo-more:active a::before {
  opacity: 0.6;
}
.detail-header .detail-side-photo a {
  z-index: 2;
  position: relative;
}
.detail-header .detail-main-photo a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 1);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.detail-header .detail-main-photo:hover a::before,
.detail-header .detail-main-photo:focus a::before,
.detail-header .detail-main-photo:active a::before {
  opacity: 0.15;
}
.detail-header .detail-info {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.625rem;
  margin-top: 1.25rem;
}
.detail-header .detail-info .detail-info-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem;
  /* box-shadow: 0px 109px 30px 0px rgba(0, 0, 0, 0.00), 0px 70px 28px 0px rgba(0, 0, 0, 0.01), 0px 39px 23px 0px rgba(0, 0, 0, 0.03), 0px 17px 17px 0px rgba(0, 0, 0, 0.04), 0px 4px 10px 0px rgba(0, 0, 0, 0.05); */
}
.detail-header .detail-info .detail-info-item .detail-info-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.detail-header .detail-info .detail-info-item .detail-info-item-content h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  font-family: var(--body-font);
  color: var(--secondary-color);
  margin-bottom: 0;
}
.detail-header .detail-info .detail-info-item .detail-info-item-content p {
  color: var(--secondary-color);
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.875rem;
  margin-bottom: 0;
}
.detail-header .detail-title {
  color: var(--primary-color);
  font-family: var(--body-font);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.75rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.detail {
  margin-top: 4.5rem;
  margin-bottom: 3rem;
}
.detail .check-list {
  columns: 4;
}
.check-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 1.25rem;
}
.check-list a {
  color: var(--secondary-color);
  text-decoration: none;
  transition: color 0.15s ease;
}
.check-list a:hover,
.check-list a:focus,
.check-list a:active {
  color: var(--primary-color);
  /* text-decoration: underline; */
}
.check-list li {
  position: relative;
  margin-bottom: 0.375rem;
}
.check-list li:last-child {
  margin-bottom: 0;
}
.check-list li::before {
  content: '';
  position: absolute;
  top: 4px;
  left: -1.5rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_187_2462)'%3E%3Cpath d='M7.62488 13.6704L4.32363 10.3691L3.19946 11.4854L7.62488 15.9108L17.1249 6.41081L16.0086 5.29456L7.62488 13.6704Z' fill='%2348C1C2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_187_2462'%3E%3Crect width='19' height='19' fill='white' transform='translate(0.5 0.869141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.check-card {
  background: var(--white-color);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 0;
  height: 100%;
  transition: background 0.3s ease;
}
.check-card:hover,
.check-card:focus,
.check-card:active {
  background: #F8F8F8;
}
.check-card h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  font-family: var(--body-font);
  color: var(--secondary-color);
  margin-bottom: 0;
}
.check-card p {
  color: var(--secondary-color);
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.875rem;
  margin-bottom: 0;
}
.check-card label {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  gap: 0.5rem;
}
.check-card .form-check-input {
  position: relative;
  border-color: var(--primary-color);
  margin-left: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.5rem;
}
.check-card .form-check-input::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 1.5px;
  background: var(--primary-color);
  transform: translate(-50%, -50%);
}
.check-card .form-check-input::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5px;
  height: 70%;
  background: var(--primary-color);
  transform: translate(-50%, -50%);
}
.check-card .form-check-input:checked[type=checkbox]::before,
.check-card .form-check-input:checked[type=checkbox]::after {
  display: none;
}
.check-card .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_180_1128)'%3E%3Cpath d='M7.625 13.3012L4.32375 10L3.19958 11.1162L7.625 15.5417L17.125 6.04166L16.0088 4.92542L7.625 13.3012Z' fill='%2348C1C2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_180_1128'%3E%3Crect width='19' height='19' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.detail-section {
  margin-bottom: 3rem;
}
.detail-service {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}
.detail-service h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  font-family: var(--body-font);
  color: var(--secondary-color);
  margin-bottom: 0;
}
.detail-service p {
  color: var(--secondary-color);
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.875rem;
  margin-bottom: 0;
}
.detail-service .detail-service-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.detail-map {
  aspect-ratio: 21/9;
  height: 100%;
  width: 100%;
}
.detail-map iframe {
  width: 100%;
  height: 100%;
}
.flatpickr-calendar {
  border-radius: 0;
}
.calendar-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  overflow-y: hidden;
  overflow-x: auto;
}
.calendar-container .flatpickr-calendar {
  width: 100%;
}
.calendar-container .flatpickr-months {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.calendar-container .flatpickr-calendar {
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.calendar-container .flatpickr-month {
  width: 48%;
  margin: 0 10px;
}
.detail-order {
  padding: 2rem 1rem;
  border: 1px solid var(--primary-color);
}
/* .detail-order .detail-order-price {
  padding: 0.75rem 0 0.5rem;
} */
.detail-order .detail-order-price {
  max-width: 464px;
}
.detail-order .detail-order-price .detail-order-price-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  padding: 0.5rem 0;
}
.detail-order .detail-order-price .detail-order-price-item:last-child {
  border-bottom: none;
}
.detail-order .detail-order-price .detail-order-price-item p {
  margin-bottom: 0;
}
.detail-order .detail-order-price .detail-order-price-item p:last-child {
  text-align: end;
}
.detail-order .detail-order-price .detail-order-price-item.detail-order-summary {
  margin-top: 0.5rem;
}
.detail-order .detail-order-price .detail-order-price-item.detail-order-summary p {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: var(--primary-color);
}
.detail-order .form-label {
  font-weight: 700;
  margin-bottom: 0.375rem;
}
.detail-order .detail-order-available-date {
  color: var(--secondary-color);
  font-family: var(--body-font);
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.detail-order .detail-order-available-date svg {
  margin-top: -0.1875rem;
}
.detail-check {
  background: var(--white-color);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 0;
  width: fit-content;
  transition: background 0.3s ease;
}
.detail-check label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.detail-check p {
  font-weight: 400;
  margin-bottom: 0;
  transition: color 0.15s ease;
}
.detail-check .form-check-input {
  position: relative;
  border: none;
  margin-left: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  margin-top: -0.25rem;
}
.detail-check .form-check-input::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 1.5px;
  background: var(--primary-color);
  transform: translate(-50%, -50%);
}
.detail-check .form-check-input::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5px;
  height: 70%;
  background: var(--primary-color);
  transform: translate(-50%, -50%);
}
.detail-check .form-check-input:checked[type=checkbox]::before,
.detail-check .form-check-input:checked[type=checkbox]::after {
  display: none;
}
.detail-check .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_180_1128)'%3E%3Cpath d='M7.625 13.3012L4.32375 10L3.19958 11.1162L7.625 15.5417L17.125 6.04166L16.0088 4.92542L7.625 13.3012Z' fill='%2348C1C2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_180_1128'%3E%3Crect width='19' height='19' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.detail-check:hover p {
  color: var(--primary-color);
}



/**
 * 
 * Destination page
 * 
 */
.destination-header {
  position: relative;
}
.destination-header .destination-header-slide {
  position: relative;
  aspect-ratio: 21/9;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.destination-header .destination-header-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 1) 100%), linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%) no-repeat;
  opacity: 0.4;
}
.destination-header .destination-header-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.destination-header .destination-header-title {
  padding-top: 3.75rem;
}
.destination-header .section-subtitle::before, 
.destination-header .section-subtitle::after {
  background-color: var(--white-color);
}
.destination-header>.container {
  position: absolute;
  z-index: 1;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}
.destination-header>.container .destination-header-location {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--white-color);
  font-family: var(--body-font);
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1rem;
}
.destination-header>.container .destination-header-location svg {
  margin-bottom: 0.125rem;
}
.destination-header,
ul#destination-header-slider-list {
  min-height: 32rem;
}
.boat-types {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: var(--white-color);
  padding: 6rem 0;
}
.boat-types::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), 50% / cover no-repeat;
}
.boat-types>.container {
  position: relative;
  z-index: 1;
}
.boat-types .section-title h2,
.boat-types .section-subtitle,
.boat-types .section-text p {
  color: var(--white-color);
}
.boat-types .boat-type-card {
  background: rgba(72, 193, 194, 0.90);
  color: var(--white-color);
  padding: 2rem;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.boat-types .boat-type-card h4 {
  font-size: 1.5rem;
  font-weight: 500;
  font-family: var(--body-font);
  line-height: 1.875rem;
  color: var(--white-color);
  margin-bottom: 0;
}
.boat-types .boat-type-card p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--white-color);
  margin-bottom: 0;
}
.location-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: var(--white-color);
}
.location-card .location-card-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4 / 6;
}
.location-card .location-card-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%), 50% / cover no-repeat;
}
.location-card .location-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.location-card:hover .location-card-img img,
.location-card:focus .location-card-img img,
.location-card:active .location-card-img img {
  transform: scale(1.05);
}
.location-card .location-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 1.25rem 1.25rem 1.5rem;
  color: var(--white-color);
}
.location-card .location-card-title {
  font-size: 1rem;
  font-weight: 500;
  font-family: var(--body-font);
  line-height: 1.25rem;
  color: var(--white-color);
  margin-bottom: 0;
}
.location-card .location-card-categories h5 {
  font-size: 1.125rem;
  font-weight: 500;
  font-family: var(--body-font);
  color: var(--white-color);
  background: var(--primary-color);
  padding: 0.5rem 1rem;
  width: fit-content;
}
.sailing-itinerary {
  position: relative;
  padding: 6rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: var(--white-color);
}
.sailing-itinerary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), 50% / cover no-repeat;
}
.sailing-itinerary>.container {
  position: relative;
  z-index: 1;
}
.sailing-itinerary .section-title h2,
.sailing-itinerary .section-subtitle,
.sailing-itinerary .section-text p {
  color: var(--white-color);
}
.sailing-itinerary .btn {
  text-transform: none;
  font-weight: 500;
}
.explore-card {
  position: relative;
  text-decoration: none;
  box-shadow: 0px 267px 75px 0px rgba(0, 0, 0, 0.00), 0px 171px 68px 0px rgba(0, 0, 0, 0.00), 0px 96px 58px 0px rgba(0, 0, 0, 0.02), 0px 43px 43px 0px rgba(0, 0, 0, 0.03), 0px 11px 23px 0px rgba(0, 0, 0, 0.03);
}
.explore-card .explore-card-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 3/2;
}
.explore-card .explore-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
a.explore-card:hover .explore-card-img img,
a.explore-card:focus .explore-card-img img,
a.explore-card:active .explore-card-img img {
  transform: scale(1.05);
}
.explore-card .explore-card-title {
  background: var(--primary-color);
  color: var(--white-color);
  padding: 1.75rem 1rem;
  font-family: var(--body-font);
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.explore-card .explore-card-text {
  padding: 1rem;
}
.explore-card .explore-card-text p {
  color: var(--secondary-color);
}
.explore-card .explore-card-text p:last-child {
  margin-bottom: 0;
}



/**
 * 
 * Destinations page
 * 
 */
.destinations-filter-wrapper .destinations-filter {
  position: relative;
  z-index: 2;
  background: var(--primary-color);
  color: var(--white-color);
  padding: 1.125rem 1.875rem;
  margin-top: -4.25rem;
  box-shadow: 0px 313px 88px 0px rgba(0, 0, 0, 0.00), 0px 200px 80px 0px rgba(0, 0, 0, 0.01), 0px 113px 68px 0px rgba(0, 0, 0, 0.04), 0px 50px 50px 0px rgba(0, 0, 0, 0.06), 0px 13px 28px 0px rgba(0, 0, 0, 0.07);
}
.destinations-filter .nav-pills {
  justify-content: space-between;
}
.destinations-filter .nav-pills .nav-item .nav-link {
  margin: 0 auto;
  width: 100%;
  border-radius: 0;
  padding: 0.625rem 1rem;
  color: var(--white-color);
  border: 1px solid var(--white-color);
  transition: background 0.15s ease, color 0.15s ease;
}
.destinations-filter .nav-pills .nav-item .nav-link:hover,
.destinations-filter .nav-pills .nav-item .nav-link:focus,
.destinations-filter .nav-pills .nav-item .nav-link:active {
  background: var(--white-color);
  color: var(--primary-color);
}
.destinations-filter .nav-pills .nav-item .nav-link.active {
  background: var(--white-color);
  color: var(--primary-color);
  border: 1px solid var(--white-color);
}
.destinations-filter .regions,
.destinations-filter .alphabet {
  width: 100%;
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  gap: 0.5rem;
}
.destinations-filter .regions .region,
.destinations-filter .alphabet .letter {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: transparent;
  color: var(--white-color);
  border: 1px solid var(--white-color);
  border-radius: 0;
  padding: 0.625rem 1rem;
  min-width: 48px;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.destinations-filter .regions .region:hover,
.destinations-filter .regions .region:focus,
.destinations-filter .regions .region:active,
.destinations-filter .alphabet .letter:hover,
.destinations-filter .alphabet .letter:focus,
.destinations-filter .alphabet .letter:active {
  background: var(--white-color);
  color: var(--primary-color);
}
.destination-letter-item {
  display: flex;
  border: 1px solid var(--primary-color);
  text-decoration: none;
}
.destination-letter-item .destination-letter-item-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1;
  width: 120px;
  height: 120px;
}
.destination-letter-item .destination-letter-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.destination-letter-item:hover .destination-letter-item-img img,
.destination-letter-item:focus .destination-letter-item-img img,
.destination-letter-item:active .destination-letter-item-img img {
  transform: scale(1.05);
}
.destination-letter-item .destination-letter-item-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 0.375rem;
  padding: 1.25rem;
}
.destination-letter-item .destination-letter-item-content h4 {
  margin-bottom: 0;
  font-family: var(--body-font);
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.destination-letter-item .destination-letter-item-content p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1rem;
}
.destination-letter {
  margin-bottom: 3.5rem;
}
.region .region-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
}
.region .region-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.region .destination-letter-item .destination-letter-item-img {
  width: 80px;
  height: 80px;
}
.region .destination-letter-item .destination-letter-item-content {
  padding: 0.75rem 0.75rem 1.25rem 0.75rem;
}
.region .region-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 5rem;
}
.region:nth-child(even) {
  flex-direction: row-reverse;
}
.region:nth-child(even) .region-content {
  padding-left: 1rem;
  padding-right: 5rem;
}



/**
 * 
 * Blog page
 * 
 */
.post-card {
  margin-bottom: 3.75rem;
}
.post-card:last-child {
  margin-bottom: 0;
}
.post-card .post-card-title {
  text-align: center;
  margin-bottom: 1rem;
}
.post-card .post-card-title a {
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-weight: 400;
  max-width: 600px;
  font-family: var(--heading-font);
  text-decoration: none;
  color: var(--secondary-color);
  text-align: center;
  transition: color 0.15s ease;
}
.post-card .post-card-title a:hover,
.post-card .post-card-title a:focus,
.post-card .post-card-title a:active {
  color: var(--primary-color);
}
.post-card .post-card-categories {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  width: fit-content;
  margin: 0 auto 1rem;
}
.post-card .post-card-categories a {
  display: inline-block;
  color: var(--primary-color);
  font-family: var(--body-font);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  letter-spacing: 0.25rem;
  transition: color 0.15s ease;
}
.post-card .post-card-categories a:hover,
.post-card .post-card-categories a:focus,
.post-card .post-card-categories a:active {
  color: #258383;
}
.post-card .post-card-categories a::after {
  content: '–';
  margin-left: 0.875rem;
}
.post-card .post-card-categories a:last-child::after {
  display: none;
}
.post-card .post-card-categories::before,
.post-card .post-card-categories::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 1px;
  background-color: var(--primary-color);
  margin-top: -1px;
}
.post-card .post-card-categories::after {
  left: auto;
  right: 0;
}
.post-card .post-card-date {
  text-align: center;
  color: var(--secondary-color);
}
.post-card .post-card-header {
  margin-bottom: 2rem;
}
.post-card .post-card-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 16/9;
  margin-bottom: 2rem;
}
.post-card .post-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.post-card .post-card-img:hover img,
.post-card .post-card-img:focus img,
.post-card .post-card-img:active img {
  transform: scale(1.05);
}
.post-card .post-card-content {
  margin-bottom: 2.5rem;
}
.post-card-share ul,
.post-share ul {
  margin: 0;
  padding: 0.875rem 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.post-card-share svg,
.post-share svg {
  width: 1.125rem;
  height: 1.125rem;
  fill: #939393;
  transition: fill 0.15s ease;
}
.post-card-share li:hover svg,
.post-card-share li:focus svg,
.post-card-share li:active svg,
.post-share li:hover svg,
.post-share li:focus svg,
.post-share li:active svg  {
  fill: #646464;
}
.post-card-mini .post-card-mini-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/3;
  margin-bottom: 1.5rem;
}
.post-card-mini .post-card-mini-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.post-card-mini .post-card-mini-img:hover img,
.post-card-mini .post-card-mini-img:focus img,
.post-card-mini .post-card-mini-img:active img {
  transform: scale(1.05);
}
.post-card-mini .post-card-mini-title {
  text-align: center;
}
.post-card-mini .post-card-mini-title a {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  font-family: var(--heading-font);
  text-decoration: none;
  color: var(--secondary-color);
  transition: color 0.15s ease;
}
.post-card-mini .post-card-mini-title a:hover,
.post-card-mini .post-card-mini-title a:focus,
.post-card-mini .post-card-mini-title a:active {
  color: var(--primary-color);
}
.post-card-mini .post-card-mini-date {
  text-align: center;
  color: var(--secondary-color);
}
.blog-sidebar .blog-sidebar-item {
  border: 1px solid #EBEBEB;
  padding: 1.875rem 1.25rem;
  margin-bottom: 2rem;
}
.blog-sidebar .blog-sidebar-item:last-child {
  margin-bottom: 0;
}
.blog-sidebar .blog-sidebar-item.blog-sidebar-about {
  text-align: center;
}
.blog-sidebar .blog-sidebar-item.blog-sidebar-about .blog-sidebar-about-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 6/7;
  margin-bottom: 1.25rem;
}
.blog-sidebar .blog-sidebar-item.blog-sidebar-about .blog-sidebar-about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.blog-sidebar .blog-sidebar-title {
  font-family: var(--heading-font);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.blog-sidebar .blog-sidebar-title::after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background: var(--primary-color);
  margin: 0.5rem auto 0;
}
.blog-sidebar .blog-sidebar-categories ul,
.blog-sidebar .blog-sidebar-tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-sidebar .blog-sidebar-categories ul li,
.blog-sidebar .blog-sidebar-tags ul li {
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #EDEDED;
}
.blog-sidebar .blog-sidebar-categories ul li:last-child,
.blog-sidebar .blog-sidebar-tags ul li:last-child {
  margin-bottom: 0;
}
.blog-sidebar .blog-sidebar-categories ul li a,
.blog-sidebar .blog-sidebar-tags ul li a {
  display: flex;
  justify-content: space-between;
  color: var(--secondary-color);
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 500;
  font-family: var(--body-font);
  transition: color 0.15s ease;
}
.blog-sidebar .blog-sidebar-categories ul li a span,
.blog-sidebar .blog-sidebar-tags ul li a span {
  color: #939393;
}
.blog-sidebar .blog-sidebar-categories ul li a:hover,
.blog-sidebar .blog-sidebar-categories ul li a:focus,
.blog-sidebar .blog-sidebar-categories ul li a:active,
.blog-sidebar .blog-sidebar-tags ul li a:hover,
.blog-sidebar .blog-sidebar-tags ul li a:focus,
.blog-sidebar .blog-sidebar-tags ul li a:active {
  color: var(--primary-color);
}
.blog-sidebar .blog-sidebar-follow ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #EDEDED;
}
.blog-sidebar .blog-sidebar-follow ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--primary-color);
  color: var(--white-color);
  font-size: 1.5rem;
  line-height: 1.5rem;
  transition: all 0.15s ease;
}
.blog-sidebar .blog-sidebar-follow ul li a svg {
  width: 1.375rem;
  height: 1.375rem;
  fill: var(--white-color);
}
.blog-sidebar .blog-sidebar-follow ul li a:hover,
.blog-sidebar .blog-sidebar-follow ul li a:focus,
.blog-sidebar .blog-sidebar-follow ul li a:active {
  background: #3eaeb0;
}
.blog-sidebar .blog-sidebar-ig-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  max-width: 600px;
  margin: 0 auto;
}
.blog-sidebar .blog-sidebar-ig-content .blog-sidebar-ig-item a {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.blog-sidebar .blog-sidebar-ig-content .blog-sidebar-ig-item a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.blog-sidebar .blog-sidebar-ig-content .blog-sidebar-ig-item a:hover img,
.blog-sidebar .blog-sidebar-ig-content .blog-sidebar-ig-item a:focus img,
.blog-sidebar .blog-sidebar-ig-content .blog-sidebar-ig-item a:active img {
  transform: scale(1.05);
}



/**
 * 
 * Post page
 * 
 */
.post-wrapper {
  margin-bottom: 3.5rem;
}
.post-share {
  margin-top: 2.5rem;
}




/**
 * 
 * Login page
 * 
 */
.login-form {
  padding: 4rem 0 4rem;
}


/**
 * 
 * Regatta page
 * 
 */
.regata-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 300px;
  gap: 10px;
  grid-auto-flow: dense;
}
.regata-gallery-grid .regata-image:nth-child(5n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
.regata-gallery-grid-reverse .regata-image:nth-child(5n+1) {
  grid-column: 3 / -1;
}
.regata-image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.regata-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.regata-detail .regata-detail-date {
  display: flex;
  border: 1px solid var(--primary-color);
  text-decoration: none;
}
.regata-detail .regata-detail-date-img {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1;
  width: 88px;
  height: 88px;
}
.regata-detail .regata-detail-date-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.regata-detail .regata-detail-date-content {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem 1rem;
}
.regata-detail .regata-detail-date-content p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 0;
}
.regata-detail .regata-detail-date-content span {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.625rem;
}
.regata-detail .regata-detail-content {
  border-bottom: 1px solid var(--primary-color);
}
.regata-detail .regata-detail-img {
  overflow: hidden;
  position: relative;
  aspect-ratio: 3/2;
}
.regata-detail .regata-detail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/**
 * 
 * Wishlist page
 * 
 */
.add-new-recipient {
  color: var(--primary-color);
  text-decoration: none;
  transition: color 0.15s ease;
}
.add-new-recipient:hover,
.add-new-recipient:focus,
.add-new-recipient:active {
  color: #258383;
}



/**
 * Skeletons
 */
.skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: 4px !important;
}
.skeleton-img {
    height: 234px;
    width: 100%;
}
.skeleton-button {
    height: 32px;
    width: 50%;
}
.skeleton-title {
  height: 32px;
  width: 50%;
}
.skeleton-location {
    height: 18px;
    margin: 0 auto 16px;
}
.skeleton-text {
    width: 70%;
  height: 24px;
    margin-top: 8px;
}
.skeleton-price {
    width: 50%;
}
.skeleton-date {
    width: 50%;
}
.skeleton-date,
.skeleton-price {
    height: 48px;
    margin-top: 8px; 
}
.skeleton-wishlist {
  width: 32px;
  height: 32px;
}
.skeleton-detail-1,
.skeleton-detail-2 {
  height: 24px;
  margin-top: 24px;
}
.skeleton-detail-1 {
  width: 30%;
}
.skeleton-detail-2 {
  width: 25%;
}
.skeleton-detail-3,
.skeleton-detail-4,
.skeleton-detail-5,
.skeleton-detail-6 {
  width: 25%;
  height: 24px;
  margin-top: 16px;
}
.skeleton-footer {
  width: 100%;
  height: 36px;
  margin-top: 12px;
}
@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}