@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

:root {
  --space-16: 16px;
  --space-6: 6px;
  --bs-blue: #0f294d;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #d6293e;
  --bs-orange: #fd7e14;
  --bs-yellow: #f7c32e;
  --bs-green: #0cbc87;
  --bs-teal: #20c997;
  --bs-cyan: #17a2b8;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #747579;
  --bs-gray-dark: #0b0a12;
  --bs-gray-100: #f5f5f6;
  --bs-gray-200: #dfdfe3;
  --bs-gray-300: #c5c5c7;
  --bs-gray-400: #96969a;
  --bs-gray-500: #85878a;
  --bs-gray-600: #747579;
  --bs-gray-700: #5e5e5f;
  --bs-gray-800: #0b0a12;
  --bs-gray-900: #0b0a12;
  --bs-primary: #9abf58;
  --bs-white: #fff;
  --bs-secondary: #85878a;
  --bs-success: #0cbc87;
  --bs-info: #1e8284;
  --bs-warning: #ffd500;
  --bs-danger: #d6293e;
  --bs-light: #f5f5f6;
  --bs-dark: #0b0a12;
  --bs-orange: #eb8725;
  --bs-mode: #fff;
  --bs-primary-rgb: 81, 67, 217;
  --bs-white-rgb: 255, 255, 255;
  --bs-secondary-rgb: 133, 135, 138;
  --bs-success-rgb: 12, 188, 135;
  --bs-info-rgb: 30, 130, 132;
  --bs-warning-rgb: 247, 195, 46;
  --bs-danger-rgb: 214, 41, 62;
  --bs-light-rgb: 245, 245, 246;
  --bs-dark-rgb: 11, 10, 18;
  --bs-orange-rgb: 253, 126, 20;
  --bs-mode-rgb: 255, 255, 255;
  --bs-primary-text: #0f294d;
  --bs-secondary-text: #6c757d;
  --bs-success-text: #146c43;
  --bs-info-text: #087990;
  --bs-warning-text: #997404;
  --bs-danger-text: #b02a37;
  --bs-light-text: #6c757d;
  --bs-dark-text: #495057;
  --bs-primary-bg-subtle: #9abf582e;
  --bs-secondary-bg-subtle: #f8f9fa;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #e9ecef;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 116, 117, 121;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: "DM Sans", sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #747579;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(116, 117, 121, 0.75);
  --bs-secondary-color-rgb: 116, 117, 121;
  --bs-secondary-bg: #dfdfe3;
  --bs-secondary-bg-rgb: 223, 223, 227;
  --bs-tertiary-color: rgba(116, 117, 121, 0.5);
  --bs-tertiary-color-rgb: 116, 117, 121;
  --bs-tertiary-bg: #f5f5f6;
  --bs-tertiary-bg-rgb: 245, 245, 246;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-heading-color: var(--bs-gray-900);
  --bs-link-color: #5143d9;
  --bs-link-color-rgb: 81, 67, 217;
  --bs-link-decoration: none;
  --bs-link-hover-color: #4136ae;
  --bs-link-hover-color-rgb: 65, 54, 174;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #919191;
  --bs-border-color-translucent: rgba(0, 0, 0, 5%);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.4rem;
  --bs-border-radius-lg: 1rem;
  --bs-border-radius-xl: 1.5rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0 40px rgba(29, 58, 83, 0.1);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(29, 58, 83, 0.15);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
  --bs-emphasis-color: #000;
  --bs-form-control-bg: var(--bs-body-bg);
  --bs-form-control-disabled-bg: var(--bs-secondary-bg);
  --bs-highlight-bg: #fff3cd;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

body {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

.scroll-btn {
  background-color: #e9e9e9;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 30px;
  height: 30px;
  line-height: 0px !important;
  color: white;
  cursor: pointer;
  z-index: 15;
  right: -10px !important;
  top: 23%;
  font-size: 25px;
  border-radius: 50px;
}



.price-tag {
  transition: transform 0.2s ease;
}

.price-tag:hover {
  transform: scale(1.05);
}

.modal-header {
  border-bottom: none !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04),
    0px 2px 10px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.02);
}

.spinnerLoader {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.spinner-list {
  width: 70px;
  height: 70px;
  border: 2px solid #c39e36 !important;
  border-top: 4px solid #c39e36 !important;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: absolute;
}

.spinnerLoader img {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Centre l'image */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.radius-50 {
  border-radius: 50% !important;
}

.heartContainer {
  background: #fff;
  border-radius: 50%;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imgMap {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
}

.fa-heart {
  -webkit-text-stroke: 1px black;
  color: #fff;
  font-size: 24px;
}

.left-btn {
  left: -11px;
}

.right-btn {
  right: -11px;
}

.family-primary {
  font-family: "Open Sans", sans-serif !important;
}

.red-color {
  color: red;
}

.center .slick-slide {
  margin: 31px !important;
}

.border-engine {
  border: 1px solid #c39e36 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.center .slick-center figure {
  -moz-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -o-transform: scale(1.12);
  -webkit-transform: scale(1.12);
  color: #e67e22;

  transform: scale(1.12);
  filter: none !important;
}

.toastHeart {
  position: relative;
  /* Positionner le toast en relative pour permettre de positionner le triangle à l'intérieur */
}

.toastHeart a {
  color: #c39e36 !important;
}

.toastHeart {
  position: relative;
  padding-right: 20px;
  font-size: 12px !important;
  font-weight: 400;
}

.toastHeart::after {
  content: "";
  position: absolute;
  transform: translateY(-50%);
  width: 0;
  right: 19px;
  height: 0;
  top: 18%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.center .slick-center .overlay-desti-item .desti-content {
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  filter: none !important;
  transform: scale(1.12);
}

.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus:before {
  opacity: 1;
}

/* .toast {
  --bs-toast-max-width: 100%;
} */
.slick-prev::before {
  content: url("/images/fleche-inversee.png");
}

.slick-next::before {
  content: url("/images/fleche-droite.png");
}

.slick-slider button {
  background: #fff;
  z-index: 2000;
  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
}

.hotelCarousel .carousel-control-next,
.hotelCarousel .carousel-control-prev {
  top: 69% !important;
  opacity: 0.8 !important;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-next {
  right: 0px;
}

.rowstyle {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  column-gap: 40px;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  margin-block-start: 5px;
  margin-block-end: 24px;
}

.ColStyle {
  -moz-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  margin-block-end: 20px;
}

.slick-prev,
.slick-next {
  font-size: 0;
  z-index: 2000;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  z-index: 1030 !important;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: "fff";
  border-radius: 50%;
  /* padding: 8px; */
}

.slick-prev:before,
.slick-next:before {
  color: #000;
}

/* Testimonial carousel arrows - ensure they appear above testimonial cards */
.testimonial .slick-prev,
.testimonial .slick-next {
  z-index: 1040 !important;
}

.testimonial .slick-prev {
  left: -50px !important;
}

.testimonial .slick-next {
  right: -50px !important;
}

.center .slick-slide figure,
.center .slick-slide .desti-content {
  /* opacity: 0.5; */
  transition: all 300ms ease;
}

/* Left slides (before center) - gradient from left to right */
.center .slick-slide:not(.slick-center) .desti-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left,
      rgba(128, 128, 128, 0.4),
      rgba(128, 128, 128, 0));
  border-radius: 25px;
  pointer-events: none;
  z-index: 10;
}

/* Right slides (after center) - gradient from right to left */
.center .slick-center~.slick-slide .desti-item::before {
  background: linear-gradient(to right,
      rgba(128, 128, 128, 0.4),
      rgba(128, 128, 128, 0));
}

#price-range {
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  /* font-family: "Afacad", sans-serif !important; */
  font-family: "Open Sans", sans-serif !important;
  font-style: bold !important;
  font-weight: 500;
  line-height: 1.2;
}

.text-arial {
  font-family: Arial, sans-serif;
}

.logo-img {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 490px) {
  .SearchByHotel .card {
    width: 350px !important;
  }

  /* .logo-img {
    width: 105px !important;
    height: 37px !important;
  } */
  a.navbar-brand.z-index-999 {
    margin-right: 0px !important;
  }

  .navBarMobile .BtnMenu.navbar-toggler {
    padding: 7px !important;
  }

  .w-300 {
    width: 180px !important;
  }

  .select2-selection__rendered div {
    justify-content: flex-end !important;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }

  .w-300 {
    width: 300px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }


  .engine-shadow {
    box-shadow: 5px 9px 9px rgba(0, 0, 0, 0.15), 0 0px 0px rgba(0, 0, 0, 0.1);
  }

  .map-google-md {
    height: 100% !important;
  }

  .radius-md-25 {
    border-radius: 25px !important;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }

  .hidden-tab {
    display: none;
  }
}

.text-capitalized {
  text-transform: capitalize !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1380px !important;
  }

  .nav-link.tab-indicator {
    width: calc((100% / 4) - 8px);
    margin-right: 10px;
  }

  .font-38 {
    font-size: 38px;
  }

  .font-50 {
    font-size: 50px !important;
  }

  .font-40 {
    font-size: 40px;
  }

  .font-35 {
    font-size: 35px;
  }
}

.font-32 {
  font-size: 32px;
}

.bg-pages-nav {
  position: relative;
}


@media (min-width: 767px) {
  .bg-pages-nav {
    position: relative;
  }

  h1,
  .h1 {
    font-size: 38px;
  }

  h2,
  .h2 {
    font-size: 34px;
  }

  h3,
  .h3 {
    font-size: 22px;
  }

  h4,
  .h4 {
    font-size: 18px;
  }

  h5,
  .h5 {
    font-size: 16px;
  }

  h6,
  .h6 {
    font-size: 14px;
  }

  .font-12 {
    font-size: 12px !important;
  }

  .font-14 {
    font-size: 14px !important;
  }

  .font-16 {
    font-size: 16px !important;
  }

  .font-18 {
    font-size: 18px !important;
  }

  .font-20 {
    font-size: 20px !important;
  }

  .font-22 {
    font-size: 22px !important;
  }

  .font-24 {
    font-size: 24px;
  }

  .font-26 {
    font-size: 26px !important;
  }

  .font-28 {
    font-size: 28px !important;
  }

  .font-30 {
    font-size: 30px !important;
  }

  .font-34 {
    font-size: 34px !important;
  }

  .font-50 {
    font-size: 36px;
  }
}

.nav-link.tab-indicator:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .modalUpdate .modal-body {
    height: 500px !important;
    overflow-y: scroll !important;
  }

  .ColStyle {
    margin-block-end: 5px !important;
  }

  .form-group-custom input#mobile {
    padding: 7px 50px;
  }

  .modalloader .modal-content {
    width: 80% !important;
  }

  .overlay-desti-item .desti-content {
    padding: 14px !important;
  }

  .rowstyle {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    column-gap: 40px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    margin-block-start: 5px;
    margin-block-end: 0px;
  }

  .SearchByHotel .slick-slide {
    margin: 7px !important;
  }

  .fa-heart {
    font-size: 14px;
  }

  .rounded-style {
    border-radius: 8px !important;
  }

  .HotelGalleryMobileContainer {
    position: relative;
    display: block;
    top: -10px;
  }

  .breadcrumbContainer {
    background-color: #f7f2e8 !important;
    padding: 25px 0px;
  }

  .breadcrumbContainer .breadcrumb {
    margin-bottom: 0px !important;
  }

  .bg-top-header,
  .hidden-sm {
    display: none !important;
  }

  .font-34 {
    font-size: 26px !important;
  }

  /* ADDDED */
  .col-sm-4 {
    width: 33.33333% !important;
    flex: 0 0 auto !important;
  }

  .col-sm-6 {
    width: 50% !important;
    flex: 0 0 auto !important;
  }

  .mt-sm-0 {
    margin-top: 0px !important;
  }

  .mt-sm-1 {
    margin-top: 1em !important;
  }

  .h-sm-300 {
    height: 300px !important;
  }

  .font-38 {
    font-size: 20px !important;
  }

  .py-sm-3 {
    padding: 1rem 0 !important;
  }

  .col-sm-2 {
    width: 50% !important;
    flex: 0 0 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  h1,
  .h1 {
    font-size: 24px !important;
  }

  h2,
  .h2 {
    font-size: 18px;
  }

  h3,
  .h3 {
    font-size: 18px;
  }

  h4,
  .h4 {
    font-size: 16px;
  }

  h5,
  .h5 {
    font-size: 14px;
  }

  h6,
  .h6 {
    font-size: 12px;
  }

  .font-50 {
    font-size: 36px !important;
  }

  .font-12 {
    font-size: 10px;
  }

  .font-14 {
    font-size: 12px !important;
  }

  .font-16 {
    font-size: 14px;
  }

  .font-18 {
    font-size: 16px !important;
  }

  .font-20 {
    font-size: 16px;
  }

  .font-22 {
    font-size: 20px;
  }

  .font-24 {
    font-size: 18px !important;
  }

  .font-26 {
    font-size: 18px !important;
  }

  .font-28 {
    font-size: 18px !important;
  }

  .font-30 {
    font-size: 20px !important;
  }

  .font-sm-14 {
    font-size: 14px;
  }

  .font-sm-12 {
    font-size: 12px;
  }

  .font-sm-10 {
    font-size: 10px;
  }

  /* SCROLLING SECTIONS HOME PAGE */
  .testimonial-scroll-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .scroll-container {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .testimonial-scroll-container .row-sm {
    display: flex;
    flex-wrap: nowrap;
  }

  .scroll-container .row-sm {
    display: flex;
    flex-wrap: nowrap;
  }

  .scroll-container .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
  }

  .scroll-container .col-md-3 {
    flex: 0 0 auto;
    width: 83%;
    max-width: none;
  }

  .scroll-container .col-md-5,
  .scroll-container .col-md-7 {
    flex: 0 0 auto;
    width: 85%;
    max-width: none;
  }

  .scroll-container .cheap-hotels {
    width: 85% !important;
  }

  .scroll-container .col-md-7 .row {
    display: flex;
    flex-wrap: nowrap;
  }

  .scroll-container .col-md-4 {
    flex: 0 0 auto;
    width: 60%;
    max-width: none;
  }

  .mb-sm-3 {
    margin-bottom: 1rem;
  }

  .scroll-container .discoverySection {
    width: 100% !important;
    flex-wrap: nowrap !important;
  }

  .scroll-container .neighbouringCities {
    width: 80% !important;
  }

  .scroll-container .neighbouringHotels {
    width: 100% !important;
  }

  .neighbouringHotels .desti-item {
    height: auto !important;
  }

  .scroll-container::-webkit-scrollbar {
    display: none;
  }

  .scroll-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .testimonial-scroll-container::-webkit-scrollbar {
    display: none;
  }
}

@media only screen and (max-width: 370px) {
  .display-xsm-hidden {
    display: none;
  }
}

@media only screen and (max-width: 320px) {
  .flex-column-xs {
    flex-direction: column;
  }

  .bg-newsletter {
    height: 200px !important;
  }

  .nav-link.tab-indicator {
    width: 100%;
  }

  h1,
  .h1 {
    font-size: 28px;
  }

  h2,
  .h2 {
    font-size: 18px;
  }

  h3,
  .h3 {
    font-size: 18px;
  }

  h4,
  .h4 {
    font-size: 16px;
  }

  h5,
  .h5 {
    font-size: 14px;
  }

  h6,
  .h6 {
    font-size: 12px;
  }

  .font-26 {
    font-size: 18px !important;
  }

  .font-28 {
    font-size: 16px !important;
  }

  .font-30 {
    font-size: 16px;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 5px;
  /*   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

.opacity-90 {
  opacity: 0.9;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: "000" !important;
  border-color: #000 !important;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.1rem rgba(205, 159, 58, 0.5) !important;
}

/* .btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #c39e36 !important;
  border-color: #c39e36 !important;
} */

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #c39e36;
  border-color: #c39e36;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(152, 203, 0, 0.5);
}

.btn-secondary {
  color: #fff !important;
  background-color: #c39e36 !important;
  border-color: #c39e36 !important;
  font-weight: 500 !important;
}

.btn-secondary:hover {
  color: #fff !important;
  background-color: #c39e36 !important;
  border-color: #c39e36 !important;
  opacity: 0.9;
  transition: background-color 0.3s ease, color 0.3s ease,
    border-color 0.3s ease;
}

.btn-secondary:focus,
.btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem #c39e36;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #000;
  background-color: #f7f2e8;
  border-color: #f7f2e8;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
  color: #000;
  background-color: #f7f2e8;
  border-color: #f7f2e8;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #c39e36;
}

.dest-item-bon-plan .h-img-product {
  height: 450px;
  width: 800px;
}

.slick-track {
  display: flex !important;
  align-items: center !important;
}

.ModalGallery {
  --bs-modal-width: 75% !important;
}

.ModalGallery .tab-content {
  height: 804px;
  overflow-y: scroll;
}

#mapid {
  height: 100%;
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff !important;
  background-color: #002446;
  border-color: #002446;
}

.btn-info:hover {
  color: #fff !important;
  background-color: rgba(0, 36, 70, 0.9);
  border-color: rgba(0, 36, 70, 0.9);
}

.btn-info:focus,
.btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 158, 137, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #000;
  background-color: #002446;
  border-color: #002446;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
  color: #000;
  background-color: #002446;
  border-color: #002446;
}

.btn-check:focus+.btn-info,
.btn-info:focus {
  color: #000;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 158, 137, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #feac94;
  border-color: #feac94;
}

.btn-warning:hover {
  color: #fff;
  background-color: #feac94;
  border-color: #feac94;
}

.btn-warning:focus,
.btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #fff;
  background-color: #feac94;
  border-color: #feac94;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #feac94;
  border-color: #feac94;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #ef3b2a;
  border-color: #ef3b2a;
}

.btn-danger:hover {
  color: #fff;
  background-color: #d80400;
  border-color: #d80400;
}

.btn-danger:focus,
.btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f7f6f2;
  border-color: #f7f6f2;
}

.btn-light:hover {
  color: #212529;
  background-color: #f7f6f2;
  border-color: #f7f6f2;
}

.btn-light:focus,
.btn-light.focus {
  box-shadow: 0 0 0 0.2rem #f7f6f2;
  opacity: 0.5;
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f7f6f2;
  border-color: #f7f6f2;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
  color: #212529;
  background-color: #f7f6f2;
  border-color: #f7f6f2;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #f7f6f2;
  opacity: 0.5;
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #c39e36 !important;
  border: 1px solid #c39e36 !important;
}

.btn-outline-primary.active {
  color: #fff !important;
  border: 1px solid rgba(205, 159, 58, 0.5) !important;
  background: #c39e36 !important;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: rgba(205, 159, 58, 0.5) !important;
  border: 1px solid #c39e36 !important;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(205, 159, 58, 0.5) !important;
}

.boardsFilter {
  border-bottom: 1px solid #dee2e6;
}

#simple-list-example {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#simple-list-example .boardsFilter {
  overflow-x: auto;
  white-space: nowrap;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #c39e36 !important;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #c39e36 !important;
  border: 1px solid #c39e36 !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.5);
}

.btn-outline-secondary {
  color: #c39e36;
  border: 1px solid #c39e36;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #c39e36;
  border: 1px solid #c39e36;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #c39e36;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #c39e36;
  border-color: #c39e36;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #333;
  border-color: #e1e1e1;
}

.btn-outline-info:hover {
  color: #333;
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}

.datepickerContainer {
  background-color: #fff !important;
  border-radius: 8px !important;
  border: 1px solid #ced4da;
  /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; */
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #e1e1e1;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
  color: #333;
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
  color: #333;
  background-color: #e1e1e1;
  border-color: #e1e1e1;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #c39e36;
  border-color: #c39e36;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;

}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #c39e36;
  border-color: #c39e36;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem #c39e36;
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #c39e36;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #c39e36;
  border-color: #c39e36;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #c39e36;
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
  color: #fff;
  background: #fff;
  border: 2px solid #c39e36;
  /* border-color: #c39e361c; */
}

.btn-check:active+.btn-outline-secondary a,
.btn-check:checked+.btn-outline-secondary a,
.btn-outline-secondary.active a,
.btn-outline-secondary.dropdown-toggle.show a,
.btn-outline-secondary:active a {
  color: #fff;
}

.btn-outline-secondary:hover {
  color: #fff;
  background: #c39e36;
  border-color: #c39e36;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #f4623a;
  text-decoration: none;
}

.btn-link:hover {
  color: #d6370c;
  text-decoration: underline;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 10px 1.5rem;
  font-size: 1.1rem;
  line-height: 1.5;
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  line-height: 1.5;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block+.btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

/*   
badge */
.badge {
  display: inline-block;
  padding: 0.6em;
  font-size: 75%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.AlertStyle.alert-danger {
  --bs-alert-bg: #fdf2f2 !important;
  color: #c90000 !important;
}

.alert-gold {
  color: #fff !important;
  background-color: #c39e36 !important;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover,
a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #ee3e0d;
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #95006d !important;
}

.bg-secondary {
  background-color: #747c21 !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #747c21 !important;
}

.bg-success {
  background-color: #096a09 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #28a745 !important;
}

.bg-info {
  background-color: #c39e36 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #c39e36 !important;
}

.bg-warning {
  background-color: #e1ac31 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #ffce5b !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

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

.bg-Engine {
  background: linear-gradient(to bottom, #f7f1e8 50%, #fff 50%);
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #f3f3f3 !important;
}

.bg-maps {
  background-image: url(/images/btnMap.jpg) !important;
}

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

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #414141 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #c39e36 !important;
}

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

a.text-secondary:hover,
a.text-secondary:focus {
  color: #feac94 !important;
}

.text-success {
  color: #008234 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #006400 !important;
}

.text-info {
  color: #2190ff !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #0b7b99 !important;
}

.text-warning {
  color: #ffce5b !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ffce5b !important;
}

.text-danger {
  color: #ff0000 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #ff0000 !important;
}

a.text-cyan:hover,
a.text-cyan:focus {
  color: #0070ff !important;
}

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

a.text-light:hover,
a.text-light:focus {
  color: #ccc !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #000 !important;
}

.text-body {
  color: #212529 !important;
}

.text-bleu {
  color: #002446 !important;
}

a.text-bleu:hover,
a.text-bleu:focus {
  color: #002446 !important;
}

/* .text-muted {
  color: rgba(0, 0, 0, 0.45) !important;
} */
.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 600 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

a {
  color: #000 !important;
  text-decoration: none !important;
  background-color: transparent;
  cursor: pointer !important;
}

a:hover {
  color: #c39e36 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.btn-see-all:hover {
  color: #fff !important;
  text-decoration: none !important;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.rounded-25 {
  border-radius: 25px;
}

/* Navtabs */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  cursor: pointer;
  background: transparent;
  color: #000;
  border: none;
  border-bottom: 3px solid #ffce5b;
}

.nav-pills .nav-link {
  border-radius: 0px !important;
  color: #000;
  position: relative;
  cursor: pointer;
  margin-right: 14px;
  padding: 6px 0px;
}

.tab-home .nav-tabs .nav-item.show .nav-link,
.tab-home .nav-tabs .nav-link.active {
  background-color: #1d3649;
  color: #fff;
}

.containerchambre {
  /* background: rgba(247, 242, 232, 0.5) !important; */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  padding: 12px;
  border-radius: 15px;
  background-size: cover;
}

.modalRoom {
  --bs-modal-width: 70vw !important;
}

/* .modalRoom .content{
  height: 800px !important;
  overflow-y: scroll;
} */

.home-nav-tabs.nav-tabs .nav-link.active {
  /* background-color: transparent !important; */
  border-top: 30px !important;
  background-color: #c39e36 !important;
}

.home-nav-tabs.nav-tabs .nav-link.active p {
  color: #fff !important;
  font-size: 16px !important;
}

.home-nav-tabs.nav-tabs .nav-link.active svg {
  fill: #fff !important;
}

.home-nav-tabs.nav-tabs .nav-link p {
  font-size: 16px !important;
  font-weight: 600;
  color: #000 !important;
}


.tab-home .nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  color: #1d3649;
  border-radius: 0px;
  position: relative;
  font-size: 16px;
  cursor: pointer;
  background-color: rgb(255 255 255 / 65%);
}

.principal-navbar .navbar-nav .nav-link {
  color: #333;
  font-weight: 500;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: capitalize;
}

.nav-secondary.navbar-nav .nav-link {
  color: #000;
  padding-right: 20px;
  padding-left: 20px;
}

.bg-phone {
  background-color: #c39e36 !important;
  padding-top: 18px;
  padding-bottom: 18px;
}

.bg-phone a {
  color: #fff !important;
}

.borderGold {
  border: 1px solid #c39e36 !important;
}

.principal-navbar .navbar-nav .nav-link:focus,
.principal-navbar .navbar-nav .nav-link:hover {
  color: #000 !important;
}

.rating {
  color: #c39e36;
  vertical-align: middle;
}

.principal-navbar .phone-number {
  font-size: 22px !important;
}

.description-container {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.description-container.expanded {
  display: block;
  -webkit-line-clamp: unset;
}

/* .toggle-description {
  display: block;
  margin: 20px 0;
} */

@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }

  .nav-link.tab-indicator {
    width: calc((100% / 4) - 14px);
    margin-right: 10px;
  }

  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 33%;
    padding: 15px;
  }

  .font-42 {
    font-size: 42px !important;
  }

  .mega-dropdown {
    position: static !important;
  }

  .container-fluid {
    padding-right: 2%;
    padding-left: 2%;
  }
}

.bg-top-header {
  background: url(/images/bg-header.png);
}

.bg-top-header .nav-link {
  color: #fff;
}

/* Navigation social media */
#st-2 {
  position: fixed;
  top: 35%;
  transform: translateY(-50%);
  right: 0;
  z-index: 555;
  text-align: center;
}

#st-2 .st-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  cursor: pointer;
}

/* Navigation social media */
.border-top-primary {
  border-top: solid 1px #ff8000;
}

/* Footer */
.link-dark a {
  color: #000;
}

/* Price overlay styles for hotel cards */
.price-overlay {
  top: 0px;
  right: 0px;
  background: #c39e36;
  border-radius: 10px 22px 10px 10px;
  padding: 3px 25px 10px 25px;
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); */
  z-index: 999 !important;
  min-width: 80px;
  display: block !important;
}

.br-right-green::after {
  content: "";
  position: absolute;
  width: 12%;
  z-index: 1;
  top: 24px;
  border-bottom: 4px solid #4d8800;
  margin-left: 10px;
  left: -11px;
}

.h-50 {
  height: 44px !important;
}

.h-60 {
  height: 60px !important;
}

/* Footer */
.card-images-overlay {
  background-color: rgb(0 0 0 / 60%);
}

.card-images-overlay.map {
  background-color: rgb(0 0 0 / 15%);
}

.card-images-overlay>div {
  border: 2px solid #ffffff;
}

.card-images-overlay.map>div {
  border: 0;
}

.bg-footer {
  background-color: #fff;
}

.pos-delete {
  position: absolute;
  top: 20px;
  right: 10px;
}

.LineaireSection {
  position: relative;

  background: linear-gradient(to bottom, #f7f1e8 128px, #fff 128px);
}

.LineaireSectionHotel {
  position: relative;

  background: linear-gradient(to bottom, #f7f1e8 128px, #fff 128px);
}

.Lineairebg {
  position: relative;
  background: linear-gradient(to bottom, #f7f1e8 27%, #f5f5f5 27%);
}

.position-relative {
  position: relative;
}

.LineaireSectionHotel:before {
  content: "";
  position: absolute;
  top: 56%;
  left: 0;
  width: 100%;
  height: 98px;
  z-index: -1;
  background-color: #f7f1e8;
  transform: skewY(-3deg);
}

.Lineairebg::before,
.LineaireSection::before {
  content: "";
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  height: 87px;
  background-color: #f7f1e8;
  transform: skewY(-3deg);
}

.LineaireSection::before {
  content: "";
  position: absolute;
  top: 17%;
  left: 0;
  width: 100%;
  height: 87px;
  background-color: #f7f1e8;
  transform: skewY(-3deg);
}

.btnNewsletter {
  width: 10%;
}

@media only screen and (min-width: 767px) {
  .destinations-list-slider-bg {
    position: relative;
  }

  .destinations-list-slider-bg:before {
    content: url(../images/home/bg-map.png) !important;
    position: absolute;
    bottom: 0px;
    left: 300px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .card-item {
    border-bottom: 8px solid #feac94;
  }

  .controls-top .btn-floating.left {
    position: absolute;
    position: absolute;
    top: -65px;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #000;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
    font-size: 28px;
    left: -130px;
    font-size: 28px;
  }

  .controls-top .btn-floating.right {
    position: absolute;
    top: -65px;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #000;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
    right: -130px;
    font-size: 28px;
  }

  .position-md-relative {
    position: relative;
  }

  .scale-anm:nth-child(6n + 2) .category-products a {
    transform: translate3d(628%, 180px, 0);
  }

  .min-h-md-500 {
    min-height: 500px;
  }

  .bg-white-md {
    background-color: #fff;
  }

  .z-moteur {
    /* bottom: 10%; */
    top: 65%;
    position: absolute;
    z-index: 10;
  }

  .btn-more {
    color: #fff;
    background-color: #b7cd3b;
    border-color: #b7cd3b;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: 5px;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%),
      0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .btn-more:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #b7cd3b;
    top: 22px;
    border-top: 1px solid #b7cd3b;
    border-right: 1px solid #b7cd3b;
    right: 50%;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1490px) {
  .font-34 {
    font-size: 26px !important;
  }
}

@media only screen and (min-width: 575px) and (max-width: 767px) {
  .font-35 {
    font-size: 18px !important;
  }

  .nav-link.tab-indicator {
    width: calc((100% / 3) - 4px);
  }

  .bg-newsletter {
    height: 160px !important;
  }
}

/* ENGINE SECTION */
.form-control,
.form-select {
  font-size: 14px;
}

.except .label-pos {
  left: 14px;
}

.engine .except .form-control {
  padding: 36px 12px 16px 14px !important;
}

.engine .form-control[readonly] {
  background-color: #fff;
  opacity: 1;
}

.engine .form-control {
  padding: 30px 12px 4px 52px;
  border-radius: 6px !important;

  height: 60px;
  /* font-size: 16px; */
  color: #000;
  border: none;
}

.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(205, 159, 58, 0.25);
  border-color: #c39e36;
}

/* .engine .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(205, 159, 58, 0.25);
} */
.engine-interne .form-control {
  padding: 27px 12px 4px 52px;
  border-radius: 5px;
  height: 60px;
  /* font-size: 16px; */
  color: #000;
  border: none;
}

.engine .form-control::placeholder {
  color: gray !important;
}

.form-control::placeholder {
  color: gray !important;
}

.engine-edit .form-control {
  padding: 10px 12px 12px 40px;
  border: 1px solid #000;
  border-radius: 0px;
  height: 50px;
  font-size: 13px;
  margin-bottom: 8px;
}

.engine .form-control.form-more {
  border-right: 3px solid #ccc !important;
  border-radius: 0px !important;
  width: 100%;
}

.engine .form-control.form-more2 {
  border-right: 1px solid #ccc !important;
  border-radius: 0px !important;
  width: 100%;
}

.borderInput {
  border-right: 1px dashed !important;
}

.engine .twitter-typeahead .form-control {
  width: 100%;
  background: #fff !important;
}

.valRoomstshotel,
.txt-room,
.valAdultshotel,
.txt-adt,
.txt-enf,
.valInfantshotel,
.txt-beb {
  color: #000 !important;
  font-style: normal;
}

.twitter-typeahead {
  width: 100%;
}

.label-pos {
  position: absolute;
  top: 5px;
  bottom: 30px;
  left: 50px;
  color: rgb(116, 116, 124);
  z-index: 9;
}

.style-label {
  padding: 14px 12px 12px 14px;
  border: 1px solid #f3efef;
  border-radius: 5px;
  height: 50px;
  font-size: 13px;
  background: transparent;
  color: #5d5d5d;
  width: 100%;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.engine-edit .destination::before,
.engine-edit .users-p::before,
.engine-edit .date-input::before,
.engine-edit .stars::before,
.engine-edit .engine-available::before {
  top: 10px;
  transform: scale(0.8);
  left: 5px;
}

.engine-edit .label-pos {
  position: absolute;
  bottom: 22px;
  left: 42px;
}

.destination::before {
  position: absolute;
  top: 15px;
  left: 8px;
  content: "";
  background-image: url("/images/home/icons/destination.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  z-index: 1;
}

.totalhotel::before {
  position: absolute;
  top: 15px;
  left: 8px;
  content: "";
  background-image: url("/images/home/icons/people.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  z-index: 1;
}

.clock::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f017";
  position: absolute;
  top: 12px;
  right: 8px;
  z-index: 1;
}

.date-input::before {
  position: absolute;
  top: 15px;
  left: 8px;
  content: "";
  background-image: url("/images/home/icons/calender.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  z-index: 1;
}

.date-input-Reservation::before {
  position: absolute;
  top: 7px;
  left: 8px;
  content: "";
  background-image: url("/images/home/icons/calender.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  z-index: 11;
}

.date-input-Reservation .form-control {
  padding-left: 50px !important;
}

.date-input-left::before {
  position: absolute;
  top: 12px;
  z-index: 1;
  content: "\F214";
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 900 !important;
  font-size: 20px;
  right: -12px;
}

.select-nuit::before {
  content: url(../images/search/moon.png);
  position: absolute;
  top: 12px;
  right: 8px;
  z-index: 1;
}

.flag::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f024";
  position: absolute;
  top: 18px;
  right: 8px;
  color: #495057;
  z-index: 1;
}

.engine-available::before {
  position: absolute;
  top: 10px;
  right: 8px;
  z-index: 1;
  content: "\F19F";
  z-index: 1;
  font-family: bootstrap-icons !important;
  font-weight: 900;
  color: #5d5d5d;
  font-size: 20px;
}

.pension::before {
  content: url(../images/search/pension.png);
  position: absolute;
  top: 18px;
  left: 8px;
  color: #495057;
  z-index: 1;
}

.key::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f002";
  position: absolute;
  top: 18px;
  left: 8px;
  color: #495057;
  z-index: 1;
}

.card {
  border: #fff;
  border-radius: 5px !important;
  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
  transition: 0.5s ease;
}

.card-images-overlay {
  border-radius: 0px;
}

.card-images-overlay .btn {
  z-index: 999;
  position: relative;
}

/*------------------------------------------------------------------------*
 /Chambre et occupation version PC         --------------------------------------------
 ------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .interary-item:last-child {
    margin-bottom: 0;
  }

  .v-stepper {
    position: relative;
  }

  .interary-item {
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }

  .interary-item .icon-left {
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    display: inline-block;
  }

  .interary-item .line {
    top: 45px;
    left: 20px;
    height: 86%;
    position: absolute;
    border-left: 3px solid #feac94;
  }

  .interary-item:last-child .line {
    border-left: 3px solid white;
    z-index: -1;
  }

  .interary-item .item_content {
    padding-left: 70px;
    display: inline-block;
  }

  .interary-item .item_content ul,
  .interary-item .item_content ol {
    margin: 0 0 1.5em 2em;
  }

  .interary-item .icon-left {
    border: 2px dashed #feac94;
    color: #fff;
    background: #feac94;
  }

  .interary-item:hover .icon-left {
    background: transparent;
    color: #feac94;
  }

  .interary-item .item_content h2,
  .interary-item .item_content h3 {
    font-size: 22px;
  }

  .br-bottom-warning::after {
    content: "";
    position: absolute;
    width: 3%;
    z-index: 1;
    top: 30px;
    border-bottom: 4px solid #ff9100;
  }

  .persons.persons-v2 .guests {
    background: #fff;
    position: absolute;
    border: 1px solid #fff;
    top: 110%;
    width: 120%;
    z-index: 1001;
    border-radius: 0px;
    padding: 12px;
    border-radius: 10px;
  }

  .engine-edit .persons.persons-v2 .guests {
    background: #fff;
    position: absolute;
    border: 1px solid #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    top: 110%;
    width: 160%;
    z-index: 1001;
    left: 0px;
    border-radius: 0px;
    border-bottom: 2px solid #ff8000;
    padding: 12px;
  }

  .passagers select,
  .roomItem select {
    height: 30px !important;
    padding: 4px !important;
    border: #ccc 1px solid !important;
    color: #000 !important;
  }
}

.ico-close::before {
  content: url(../images/close.png);
  padding-right: 4px;
}

.h-300 {
  height: 300px !important;
}

/* .fontIcon-18 {
  font-size: 18px !important;
} */
.offcanvas-header {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04),
    0px 2px 10px rgba(0, 0, 0, 0.04), 0px 0px 4px rgba(0, 0, 0, 0.02) !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.note-content {
  white-space: pre-wrap;
  /* Permet de gérer les retours à la ligne dans le texte */
  word-wrap: break-word;
  /* En cas de mots longs, cela permettra aussi de les couper */
}

.active>.page-link,
.page-link.active {
  background-color: #fff !important;
  border-color: #c39e36 !important;
}

.ProfilNav.nav-pills .nav-link.active {
  color: #c39e36 !important;
}

.dataTable tfoot {
  display: none !important;
}

.accordionProfil .accordion-button::after {
  display: none !important;
}

.accordionProfil .accordion-button:not(.collapsed) {
  /* color: ;  */
  background-color: #fff !important;
}

.ChampsAccordion {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.accordionProfil .accordion-button:focus {
  box-shadow: none !important;
}

@media (max-width: 767px) {

  /* .engine .twitter-typeahead .form-control {
    background:#f5f5f5 !important;
  } */
  .dataTables_info {
    display: none !important;
  }

  .date-input,
  .totalhotel {
    /* background:#f5f5f5 !important; */
    border-radius: 6px !important;
  }

  .home-nav-tabs.nav-tabs .nav-link.active p {
    font-size: 15px !important;
  }

  .home-nav-tabs.nav-tabs .nav-link p {
    font-size: 14px !important;
  }

  .btnNewsletter {
    width: 30%;
  }

  .borderInput {
    border-right: none !important;
  }

  .navBarMobile .form-select {
    padding: 0rem 25px 0rem 6px !important;
  }

  .desti-item {
    height: 300px !important;
  }

  .center .desti-item {
    height: 300px !important;
  }

  .flex-column-sm {
    flex-direction: column;
  }

  .desti-item .h-img-product {
    height: 300px !important;
    width: 315px !important;
  }

  .center .desti-item .h-img-product {
    height: 300px !important;
    width: 300px !important;
  }

  .slick-slide {
    margin-right: 10px !important;
  }

  .gallery>li>img,
  .seeMorePhoto {
    cursor: zoom-in;
    width: 100%;
    height: 180px !important;
    object-fit: cover;
  }

  #gallery {
    margin-top: 15px;
  }

  .masthead {
    min-height: auto !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  #pills-tab {
    overflow-x: auto;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    width: auto;
    padding-bottom: 5px;
  }

  #pills-tab .nav-item {
    display: contents;
    white-space: nowrap;
  }

  .font-xs-12 {
    font-size: 11px;
  }

  .position-sm {
    bottom: 50px;
  }

  .ico-close::before {
    content: url(../images/close.png);
    padding-right: 4px;
  }

  /* Chambres et occupations */
  .persons.persons-v2 .guests {
    display: none;
    width: 100%;
    cursor: default !important;
    position: fixed;
    z-index: 9999;
    border-radius: 0;
    top: 0;
    left: 0;
    background-color: #fff !important;
    border-bottom: 2px solid #ff8000;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    height: 100%;
    overflow-y: auto;
    padding: 12px;
  }

  .engine-edit .guests .form-control,
  .engine .guests .form-control {
    padding: inherit;
    border-radius: 0px;
    height: 35px;
    font-size: 14px;
    margin-top: 10px;
  }

  /* Chambres et occupations */
  .bg-opacity-dark.card {
    background-image: url(/assets/images/home/bg-engine.jpg);
  }

  #collapseTopHotels,
  #collapseEngine {
    position: absolute;
    background: rgb(255, 255, 255);
    top: 90%;
    right: 0%;
    z-index: 20;
    width: 55%;
    color: #000;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    padding: 4px 8px;
  }

  #collapseEngine .nav-link.text-white {
    color: #000 !important;
  }

  .nav-pills .nav-link {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .tab-home .nav-tabs .nav-link {
    font-size: 12px;
    padding: 8px 8px;
  }

  .w-sm-100 {
    width: 100% !important;
  }

  /* .sticky-nav { padding-left: 15px; padding-right: 15px;} */
  .principal-navbar {
    overflow-x: auto;
    max-height: 100%;
  }

  .drop-bloc {
    border: 0px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 0px;
    background: transparent;
  }

  .drop-bloc a {
    color: #000;
    font-size: 14px;
  }

  .sticky-nav .container-fluid {
    padding-right: 8px;
    padding-left: 8px;
  }

  .principal-navbar .navbar-nav {
    align-items: start;
  }

  .navbar-toggle[aria-expanded="false"] .navbar-toggler-icon {
    background-image: url(/assets/images/header/list20.png);
    width: 24px;
    height: 24px;
  }

  .navbar-toggle[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url(/assets/images/header/close.png);
    width: 24px;
    height: 24px;
  }

  .principal-navbar .navbar-nav .nav-item {
    width: 100%;
    border-bottom: 1px dashed #ccc;
  }

  .principal-navbar .navbar-nav .nav-link {
    padding-left: 14px;
  }

  .principal-navbar .megamenu {
    padding: 0px 15px;
  }

  .principal-navbar .megamenu a {
    font-size: 14px;
  }

  .content-mega-list .border-end {
    border-right: none !important;
  }

  .sticky-top .navbar-brand images {
    width: 95px;
  }

  .style-mobile {
    display: block;
    background: transparent;
    border: none;
  }

  .style-mobile li {
    border-bottom: 1px solid #ccc;
  }

  .style-mobile .dropdown-item {
    color: #00327b;
    font-weight: 600;
    font-size: 16px;

    padding-left: 30px;
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  .span-pos-loction {
    left: -3px;
    top: 15px;
    position: absolute;
    max-width: 85%;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 2px 6px;
    border-radius: 2px;
    color: rgb(249, 249, 250);
    background: #fff;
  }

  .lineh-3 {
    line-height: 3;
  }

  .fs-sm-5 {
    font-size: 14px !important;
  }

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    background: #fff;
    color: #f35e7f;
    border-bottom: #f35e7f 2px solid;
  }



  .nav-tabs .nav-link {
    margin-right: 4px !important;
    /* font-size: 12px !important; */
    padding: 6px 8px !important;
  }

  .logo-respo {
    width: 220px;
  }

  .bg-mobile-moteur {
    height: 100%;
    padding: 13px 0px 13px 0px;
    background: #f7f6f2;
    position: relative;
  }

  .bg-mobile-moteur::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f6f2;
    background-repeat: no-repeat, repeat;
    border: 2px #c39e36 solid;
    border-radius: 8px;
    /* opacity: 0.3; */
  }

  .popular-destination__body__item {
    width: calc(50% - 10px) !important;
  }

  .ls-box {
    background: #fff;
    left: 0px !important;
    width: 96% !important;
    position: fixed;
    top: 65px !important;
    z-index: 8;
    margin: 8px !important;
    overflow: hidden;
    height: 100%;
    overflow-x: auto;
  }
}

.icon-checked::before {
  content: url(../images/checked.png);
  padding-right: 4px;
}

.social-media-login a {
  width: 100%;
  float: left;
}

.social-media-login a span.fb {
  background: #607ecb;
}

.social-media-login a span {
  width: 100%;
  text-align: center;
  line-height: 38px;
  height: 40px;
  font-size: 12px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#gSubscribe div.abcRioButton,
#gSignin div.abcRioButton {
  height: 40px !important;
  width: 100% !important;
}

.social-media-login a span {
  font-size: 16px;
  display: inline-block;
  line-height: 42px;
  color: #fff;
}

.social-media-login a span.fb:before {
  background: #607ecb;
}

.social-media-login a span.fb:before {
  background: #607ecb;
}

.social-media-login a span:before {
  position: absolute;
  left: 0;
  font-size: 14px;
  top: 0;
  padding: 0px 12px;
  height: 100%;
  width: 40px;
}

.icon-facebook:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f39e";
}

.social-media-login a span.gp {
  background: #f4675f;
}

.social-media-login a span.gp:before {
  background: #e46b64;
}

.icon-google:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f1a0";
}

.drop-nav {
  z-index: 1200;
}

.bestSellers {
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  text-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
  color: #fff;
  position: absolute;
  top: 4.5%;
  padding: 5px 0px;
  background: #05a990 !important;
  border-radius: 0px 10px 10px 0px;
  width: 35%;
}

.Pension {
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  text-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
  color: #fff;
  position: absolute;
  top: 12.5%;
  padding: 5px 0px;
  background: #000 !important;
  border-radius: 0px 10px 10px 0px;
  width: 40%;
}

.promo {
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  text-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
  color: #fff;
  position: absolute;
  top: 2.5%;
  right: 17px;
  padding: 8px 5px;
  background: #ff8001;
  border-radius: 15px 0px;
  width: 75px;
}

.hotel-numbers-badge {
  text-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
  color: #fff;
  position: absolute;
  top: 4.5%;
  right: 50%;
  display: flex;
  justify-content: center;
  width: 147px;
  background-repeat: no-repeat;
  background-image: url(/images/home/badge.png);
}

.score__badge__Room {
  background: #c39e36;
  color: #fff;
  vertical-align: middle;
  height: 22px;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 3px;
  border-radius: 30% 0;
}

.available {
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  text-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
  color: #fff;
  position: absolute;
  top: 5%;
  right: -10px;
  width: 100px;
}

.available .dispo {
  background: #28a745;
  padding: 4px 8px;
  border-radius: 0px;
}

.available .indispo {
  background: #f44336;
  padding: 4px 8px;
  border-radius: 0px;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: right;
}

.hero-selection {
  background: url(../images/bg-hotels.jpg) center center no-repeat;
  min-height: 260px;
  background-repeat: no-repeat;
  position: relative;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
}

.hero_in {
  background: url(../images/bg-hero-in.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero_stepper {
  z-index: -2;
  align-items: end;
}

.hero_in.contact {
  background: url(../images/bg-contact.jpg) center center no-repeat !important;
}

.hero_in.favoris {
  background: url(../images/bg-favoris.jpg) center center no-repeat !important;
}

.hero_in.faq {
  background: url(../images/bg-faq.jpg) center center no-repeat !important;
}

.hero_in.about {
  background: url(../images/bg-about.jpg) center center no-repeat !important;
}

.hero_in.children_free {
  background: url(../images/bg-promo-children.jpg) center center no-repeat !important;
}

.hero_in.best_hotels {
  background: url(../images/bg-best-hotels.jpg) center center no-repeat !important;
}

.hero_in.promotions {
  background: url(../images/promotions.jpg) center center no-repeat !important;
}

.hero_in.hotels-recommandes {
  background: url(../images/selections/bg-hotels-recommandes.jpg) center center no-repeat !important;
}

.hero_in.special-saint-valentin {
  background: url(../images/selections/bg-special-saint-valentin.jpg) center center no-repeat !important;
}

.hero_in.teste-et-valide-pour-vous {
  background: url(../images/selections/bg-hotels-recommandes.jpg) center center no-repeat !important;
}

.hero_in.promos-aid {
  background: url(../images/selections/promos-aid.jpg) center center no-repeat !important;
}

.hero_in.promos-mois {
  background: url(../images/selections/promos-mois-novembre.jpg) center center no-repeat !important;
}

.hero_in.hammamet {
  background: url(../images/selections/hammamet.jpg) center center no-repeat !important;
}

.hero_in.djerba {
  background: url(../images/selections/djerba.jpg) center center no-repeat !important;
}

.hero_in.mahdia {
  background: url(../images/selections/mahdia.jpg) center center no-repeat !important;
}

.hero_in.monastir {
  background: url(../images/selections/monastir.jpg) center center no-repeat !important;
}

.hero_in.sousse {
  background: url(../images/selections/sousse.jpg) center center no-repeat !important;
}

.hero_in.tabarka {
  background: url(../images/selections/tabarka.jpg) center center no-repeat !important;
}

.hero_in.tunis {
  background: url(../images/selections/tunis.jpg) center center no-repeat !important;
}

.hero_in.ain-draham {
  background: url(../images/selections/ain-draham.jpg) center center no-repeat !important;
}

.hero_in.tozeur {
  background: url(../images/selections/tozeur.jpg) center center no-repeat !important;
}

.hero_in.le-kef {
  background: url(../images/selections/le-kef.jpg) center center no-repeat !important;
}

.hero_in.zaghouan {
  background: url(../images/selections/zaghouan.jpg) center center no-repeat !important;
}

.hero_in.packages {
  background: url(../images/selections/slide1-page-inter_Voyage.jpg) center center no-repeat !important;
}

.hero_in.account {
  background: url(../images/account.jpg) center center no-repeat !important;
}

.hero_in.vincci-hotels {
  background: url(../images/selections/vincci.jpg) center center no-repeat !important;
}

.hero_in.iberostar-hotels {
  background: url(../images/selections/iberostar.jpg) center center no-repeat !important;
}

.hero_in.seabel-hotels {
  background: url(../images/selections/seabel.jpg) center center no-repeat !important;
}

.hero_in.el-mouradi-hotels {
  background: url(../images/selections/mouradi.jpg) center center no-repeat !important;
}

.horizontal-line-5 {
  border-top: 3px solid #fc3;
  width: 5%;
  margin-bottom: 16px;
}

.horizontal-line-4 {
  border-top: 4px solid #fff;
  width: 15%;
  margin-bottom: 8px;
}

.horizontal-line-center {
  border-top: 3px solid #fc3;
  width: 10%;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.position-bread {
  position: absolute;
  top: 115px;
}

.pos-20 {
  top: -35px;
  left: 40%;
}

.btn-50 {
  border-radius: 100%;
  width: 60px;
  height: 60px;
  margin: auto;
  padding-top: 20px;
}

/* twitter-typeahead  */
.Typeahead-spinner {
  position: absolute;
  top: 30px;
  right: 8px;
  display: none;
  width: 22px;
  height: 22px;
}

.Typeahead-close {
  position: absolute;
  top: 22px;
  right: 15px;
  cursor: pointer;
  width: 10px;
  height: 10px;
}

.Typeahead-close2 {
  position: absolute;
  top: 20px;
  right: 15px;
  cursor: pointer;
  width: 10px;
  height: 10px;
}

.typeahead,
.tt-query,
.tt-hint {
  width: 100%;
}

.twitter-typeahead .tt-menu {
  position: absolute;
  top: 75px !important;
  left: 0;
  width: 120%;
  z-index: 99999999 !important;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  border-radius: 5px;
  background-color: #fff;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  background: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 12%) 1px 1px 20px;
}

.twitter-typeahead .tt-menu:before {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 10px;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  left: 26px;
  top: -20px;
}

.tt-dataset.tt-dataset-destination {
  max-height: 450px;
  overflow-x: auto;
  border-radius: 10px;
}

.twitter-typeahead .tt-menu .tt-suggestion {
  cursor: pointer;
  padding: 5px 8px !important;

  font-weight: 400;
}

.twitter-typeahead .tt-menu {
  left: 20px !important;
}

.bg-auto-subtitle h4 {
  padding: 6px 14px;
  color: #212529;
  font-weight: 600;
  display: block;
  width: 100%;
  pointer-events: none;
}

.twitter-typeahead .tt-menu .tt-suggestion:hover i {
  color: #000;
}

.twitter-typeahead .tt-menu .tt-suggestion:hover {
  background-color: rgba(205, 159, 58, 0.5);
  color: #000;
}

.twitter-typeahead .empty-message {
  padding: 5px 10px;
  text-align: center;
}

.twitter-typeahead .rtl-typeahead .tt-menu {
  text-align: right;
}

.twitter-typeahead .league-name {
  margin: 0 10px 5px;
  padding: 7px 5px 10px;
  border-bottom: 1px solid #ced4da;
}

.scrollable-dropdown .twitter-typeahead .tt-menu {
  max-height: 80px;
  overflow-y: auto;
}

.bootstrap-maxlength {
  margin-top: 0.5rem;
}

.custom-control-label {
  margin-left: 6px;
}

.custom-checkbox span.custom-count {
  position: absolute;
  right: 5%;
  color: #999999;
}

.h-Room {
  height: 240px !important;
  width: 100% !important;
}

.loading {
  background: #f8f3e0;
  width: 60%;
  position: relative;
  top: 220px;
  z-index: 8;
  margin: auto;
  overflow: hidden;
  padding: 20px;
}

.success-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 128, 0, 0.1), 0 0 20px rgba(0, 128, 0, 0.05);
}

.btnReset {
  background-color: #fff !important;
  color: #000 !important;
}

.btnReset:hover {
  background-color: #fff !important;
  color: #000 !important;
  box-shadow: 0 0.25rem 0.25rem 0.125rem rgba(0, 0, 0, 0.1),
    0 0.375rem 0.75rem -0.125rem rgba(0, 0, 0, 0.4);
}

.border-success {
  border-color: #b7cd3b !important;
}

.score__badge {
  background: #c39e36;
  border-radius: 112% 106% 109% 0px;
  color: #fff;
  padding: 4px 4px;
  vertical-align: middle;
  line-height: 35px;
  font-size: 14px;
  font-weight: 500;
}

.lineh-2 {
  line-height: 2;
}

.object-fit-cover {
  object-fit: cover;
}

/* .h-hotel {
 height: 269px ;
 object-fit: cover;
 width: 100%;
} */

.span-pos-loc {
  left: 0px;
  top: 15px;
  position: absolute;
  max-width: 85%;
}

.span-note-fiche {
  right: 0px;
  top: 30px;
  position: absolute;
  background: #fffc;
  padding: 15px;
}

.span-accroche-fiche {
  left: -2px;
  top: 40px;
  position: absolute;
}

.span-score-fiche {
  right: 0px;
  top: 115px;
  position: absolute;
  color: #fff;
  width: 300px;
}

.span-score-fiche .progress {
  height: 0.5rem;
  background-color: #e9ecef5c;
}

.span-score-fiche .progress-bar {
  background-color: #fff;
}

.block_share {
  position: absolute;
  bottom: -10px;
  right: 10px;
}


.cardResetPassword.card {
  box-shadow: 0 0 5px 2px rgba(15, 41, 77, 0.15) !important;
}

@media (min-width: 768px) {
  .cardResetPassword.card {
    --bs-card-spacer-y: 3rem !important;
    --bs-card-spacer-x: 3rem !important;
    box-shadow: 0 0 5px 2px rgba(15, 41, 77, 0.15) !important;
  }

  .cardProfilStyle {
    border: #fff;
    border-radius: 5px !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    transition: 0.5s ease;
    padding: 1.5rem !important;
  }

  .ProfilNav.nav-pills .nav-link {
    border-bottom: 1px solid #ced4da !important;
    padding: 15px 0px !important;
  }

  .w-md-80 {
    width: 80%;
  }

  #loading-result .loding {
    margin-top: 30%;
  }

  .pt-28-md {
    padding-top: 15px;
  }

  .sortBox .dropdown .dropdown-toggle {
    border: 1px solid transparent;
    border-radius: 0px;
    color: #343a40;
    padding: 8px;
    margin-right: 12px;
  }

  #sort-value-stops.active,
  #sort-value-duration.active,
  #sort-value-price.active,
  #sort-value-note.active,
  #sort-value-name.active,
  #sort-value-star.active {
    background-color: transparent;
    border-bottom: #747c21 2px solid;
    color: #333 !important;
  }

  .sort .dropdown a {
    padding: 8px;
  }

  .pos-ab {
    position: relative;
    width: 226%;
    right: 140px;
  }

  .sup-1 {
    top: -1.5em;
  }
}

.persons .guests .roomItem .delete-room {
  position: absolute;
  right: 6px;
  text-align: right;
  top: 2px;
}

.persons .guests .roomItem {
  position: relative;
  /* border-bottom: 1px dashed #c39e36; */
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.item-room:nth-of-type(odd) {
  background-color: #f8f8f8;
}

.border-warning {
  border-color: #ff8000 !important;
}

.h-50 {
  height: 50px;
}

.toastStyle .toast {
  background-color: #fff !important;
}

.toastStyle .toast-header {
  align-items: end;
}

.toastStyle .btn-close {
  width: unset !important;
  height: unset !important;
}

.searchForm-list input:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
  /* facultatif selon le style par défaut */
}

@media (max-width: 768px) {
  .ProfilNav {
    border-bottom: 1px solid rgb(222, 226, 230) !important;
    margin-bottom: 15px !important;
  }

  .nav-pills .nav-link.active {
    border-bottom: 3px solid #c39e36 !important;
  }

  .toastHeart {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
  }

  .score__badge__hotel {
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0px 4px !important;
    height: 20px !important;
  }

  .center .slick-slide {
    margin: 24px !important;
  }

  .SearchByHotel .card {
    width: 315px !important;
  }

  .nav-tabs-home {
    width: 275px !important;
    margin-left: 8px;
    margin-right: 8px;
  }

  .nav-tabs-home {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-wrap: nowrap;
    padding-bottom: 0;
    width: 100%;
    box-sizing: content-box;
    flex-direction: row;
  }

  .nav-tabs-home {
    scroll-snap-type: x mandatory;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 0.5px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .nav-tabs-home .nav-item {
    white-space: nowrap;
    display: inline-block;
    box-sizing: border-box;
    line-height: 18px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-right: 0;
    position: relative;
  }

  .nav-tabs-home::-webkit-scrollbar {
    display: none;
  }

  #loading-result .loding {
    margin-top: 30%;
  }

  /* .hotel {
    font-weight: 500;
  } */
  .account .fs-6 {
    font-size: 14px !important;
  }

  .h-hotel {
    height: 100% !important;
    object-fit: cover;
    width: 100%;
    height: 420px;
  }

  .radius-sm-25 {
    border-radius: 10px !important;
  }

  .mt-xss-4 {
    margin-top: 18px;
  }

  .sortBox .dropdown {
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    padding: 0px 15px 8px 15px;
  }

  .sortBox .dropdown .dropdown-toggle {
    font-weight: 500;
    color: #000;
  }

  #sort-value-stops.active,
  #sort-value-duration.active,
  #sort-value-price.active,
  #sort-value-note.active,
  #sort-value-name.active,
  #sort-value-star.active {
    color: #b7cd3b !important;
  }

  .bg-images-responsive {
    background: url(../images/bg-mobile-list.jpg) center center no-repeat !important;
    background-size: cover;
    padding-top: 6px;
    padding-bottom: 12px;
  }

  .editIcon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    font-size: 22px;
  }

  .edit-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f044";
    font-size: 22px;
  }

  .recap-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f15c";
    font-size: 22px;
    display: block;
  }

  .pos-mobile-sticky {
    position: sticky;
    top: 0px;
    z-index: 1030;
    transition: transform 0.3s ease 0s;
    background: #fff;
  }

  .engine-fiche .form-group {
    margin-bottom: 14px;
  }

  .loading {
    width: 96% !important;
    top: 110px !important;
  }

  .filter .btn {
    text-transform: capitalize;
  }

  .box-info-htl h2 {
    line-height: 1.2;
  }

  #coll-sort-mob {
    padding-left: 15px;
    padding-right: 15px;
  }

  .right-0 {
    right: 0px;
  }

  .pos-mobile-sticky h3 {
    font-size: 13px;
  }

  #collapseEditFiche {
    position: fixed;
    z-index: 1030;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
  }

  #collapseEdit {
    height: auto !important;
  }

  #collapseRecap,
  #collapseEdit,
  #coll-sort-mob,
  #coll-filter-mob {
    position: fixed;
    z-index: 1030;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
    overflow-x: auto;
    height: 100%;
  }

  .span-accroche-fiche {
    margin-top: 3rem;
  }
}

.agencies div.agency:nth-child(n + 4) {
  display: none;
}

.pictures,
.gallery {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pictures>li {
  border: 3px solid transparent;
  float: left;
  height: calc(100% / 3);
  margin: 0 -1px -1px 0;
  overflow: hidden;
  width: calc(100% / 3);
}

.gallery>li {
  border: 3px solid transparent;
  float: left;
  height: calc(100% / 3);
  margin: 0 -1px -1px 0;
  overflow: hidden;
  width: calc(40% / 2);
}

.gallery>li>img,
.seeMorePhoto {
  cursor: zoom-in;
  width: 100%;
  height: 141px;
  object-fit: cover;
}

.gallery>li.firstimages {
  width: calc(160% / 2);
}

.hotelCarouselSearch .carousel-control-prev,
.hotelCarouselSearch .carousel-control-next {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.hotelCarouselSearch:hover .carousel-control-prev,
.hotelCarouselSearch:hover .carousel-control-next {
  opacity: 1;
}

.firstimages img {
  height: 433px !important;
  width: 100% !important;
}

.gallery>li images:nth-child(5n + 1) {
  background: transparent;
}

.gallery>li images:nth-child(5n + 1):before {
  background: #000;
}

.txt-data::after {
  content: "Show More";
  font-weight: 600;
  position: absolute;
  top: 45%;
  right: 35%;
  color: #fff;
  font-size: 20px;
  cursor: zoom-in;
}

.txt-data images {
  position: relative;
  color: #fff;
  font-size: 16px;
}

.gallery>li>images,
.seeMorePhoto {
  cursor: pointer;
  width: 100%;
  object-fit: cover;
  height: 277px;
}

.pictures>li>images {
  cursor: pointer;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.gallery>li.hide {
  display: none;
}

.firstimages images {
  height: 560px !important;
}

.seeMorePhoto {
  background-color: rgba(0, 0, 0, 0.58);
  position: absolute;
  right: 0;
}

.see::after {
  text-align: center;
  vertical-align: middle;
  line-height: 1.8;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  padding: 100px 75px;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.58);
  position: absolute;
  width: 367px;
  height: 250px;
  color: #fff;
}

.details-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f103";
  position: absolute;
  top: 0px;
  right: 18px;
  color: #495057;
  z-index: 1;
  font-size: 16px;
}

.details-icon.collapsed::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  position: absolute;
  top: 0px;
  right: 18px;
  color: #495057;
  z-index: 1;
  font-size: 16px;
}

.photo-text-more {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}

.rest-txt {
  position: absolute;
  top: 61px;
  z-index: 10;
  right: 0px;
  color: #fff;
  background: #00000087;
  padding: 4px;
}

/* @media (max-width: 767px) {
  .logo-img {
    width: 120px;
    height: 50px;
  }
  .txt-data::after {
    top: 40% !important;
    right: 11px !important;
    text-align: center;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
  .gallery > li > images,
  .seeMorePhoto {
    width: 100% !important;
    height: 200px !important;
  }
  .gallery > li.firstimages {
    width: calc(200% / 3) !important;
  }
  .gallery > li {
    height: calc(100% / 3) !important;
    width: calc(100% / 3) !important;
  }
  .gallery > li > images,
  .seeMorePhoto {
    width: 100% !important;
    height: 200px !important;
  }
} */

#reviews .progress {
  display: flex;
  height: 0.5rem;
}

#reviews blockquote {
  padding: 15px 20px;
  position: relative;
  background: #f9f9f9;
}

#reviews blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  color: #6bcbf7;
  position: absolute;
  font-size: 20px;
  font-weight: 900;
  left: 0;
  top: -5px;
}

#reviews blockquote:after {
  content: "\f10e";
  font-family: "Font Awesome 5 Free";
  color: #6bcbf7;
  position: absolute;
  font-size: 20px;
  font-weight: 900;
  right: 0;
  bottom: -5px;
}

/* Fiche css */
/* @media (max-width: 767px) {
  .loading-images {
    width: 180px;
  }
  .fs-sm-12 {
    font-size: 12px;
  }
  .fix-recap .nav-pills .nav-link {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .fix-recap {
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 20;
    background: #fff !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
  }
  .span-note-fiche {
    padding: 6px !important;
  }

  .nav-pills .nav-link.active:before {
    border: none !important;
  }
} */

.carousel-control-next,
.carousel-control-prev {
  background: #fff;
  border: 0;
  opacity: 0.4;
  transition: opacity 0.15s ease;
  width: 35px;
  height: 35px;
  opacity: 0.7 !important;
  border-radius: 100%;
  top: 30%;
  margin: 18px;
}

#products .carousel-control-next,
#products .carousel-control-prev {
  width: 26px;
  height: 26px;
}

.carousel-mobile-hotel .carousel-control-next-icon,
.carousel-mobile-hotel .carousel-control-prev-icon {
  background-color: black;
}

.owl-theme .owl-dots .owl-dot span {
  background: #70cbf494;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #70cbf4;
}

#mode_payement .nav-pills .nav-link.active,
#mode_payement .nav-pills .show>.nav-link {
  background-color: #70cbf4;
  border: 1px solid #70cbf4;
  color: #fff;
}

#mode_payement .nav-pills .nav-link {
  border-radius: 0px !important;
  color: #000;
  position: relative;
  background-color: #f1f1f1;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

#mode_payement .nav-pills .nav-link.active:before {
  border: 0px solid transparent;
}

.sk-circle {
  margin: 18px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle .sk-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #ffc107;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.card-item:hover {
  transform: scale(1.05);
  text-decoration: none;
}

.packages-last-item:hover,
.hotels-list-item:hover {
  box-shadow: 0 2px 8px rgb(0 0 0 / 40%);
}

.packages-last-item .images-carousel {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hotels-list-item,
.hotel-item,
.packages-last-item {
  cursor: pointer;
}

#phone_agency::before {
  content: url(../images/agencies/phone.png);
  padding-right: 4px;
  vertical-align: middle;
}

#map_place::before {
  content: url(../images/agencies/map.png);
  padding-right: 4px;
  vertical-align: middle;
}

#email_agency::before {
  content: url(../images/agencies/letter.png);
  padding-right: 4px;
  vertical-align: middle;
}

#clock_agency::before {
  content: url(../images/agencies/clock.png);
  padding-right: 4px;
  vertical-align: middle;
}

#clock_agency a,
#phone_agency a,
#email_agency a,
#map_place {
  color: #000;
}

.span-pos-maps {
  right: 0px;
  bottom: 0px;
  position: absolute;
  background-image: url(../images/agencies/maps.jpg);
  padding: 24px;
  font-weight: 600;
  text-align: center;
}

.sortbycity.nav-tabs .nav-link.active {
  color: #333;
  border-bottom: #b7cd3b 2px solid;
}

.sortbycity.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: transparent;
  cursor: pointer;
}

.sortbycity {
  border: 2px #b7cd3b solid;
}

.span-pos-maps a {
  cursor: pointer;
}

.hr-dashed {
  border-bottom: 1px #fff dashed;
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .pos-fav {
    top: 5px;
    position: relative;
  }

  .promo-badge {
    padding: 4px 8px;
    border-radius: 2px;
    background-color: rgb(225, 45, 45);
    color: #fff !important;
    position: absolute;
    top: 4%;
    right: 0%;
    font-size: 12px;
  }

  .drop-bloc {
    width: 160%;
    margin-top: 15px;
    padding: 15px;
  }

  .h-350 {
    height: 225px;

    object-fit: cover;
  }

  .h-250 {
    height: 220px;
    object-fit: cover;
  }

  .h-110 {
    height: 110px;
    object-fit: cover;
  }

  .h-320 {
    height: 320px;
    object-fit: cover;
  }

  .principal-navbar .dropdown-menu ul li a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
  }

  .fix-recap-pc.scrolled {
    position: fixed;
    top: 90px;
    width: 100%;
    z-index: 1030;
    background: #fff !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }

  .box-favoris:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ad1380;
    top: -8px;
    border-top: 1px solid #ad1380;
    border-right: 1px solid #ad1380;
    right: 5%;
  }

  .box-favoris {
    display: none;
    padding: 15px;
    margin-top: 0;
    -webkit-box-shadow: 0 0 5px 2px rgb(0 0 0 / 30%), 0 0 0 1px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 30%), 0 0 0 1px rgb(0 0 0 / 10%);
    -webkit-transition: opacity 0.2s, visibility 0.2s, margin-top 0.2s;
    transition: opacity 0.2s, visibility 0.2s, margin-top 0.2s;
    position: absolute;
    top: 35px;
    z-index: 40;
    width: 260px;
    right: -41%;
    color: #fff;
    font-size: 12px;
    background: #ad1380;
  }
}

.btn .text-active {
  display: none;
}

.btn.active .text-active {
  display: inline-block;
}

.btn.active .text-not {
  display: none;
}

.box-favoris a {
  color: #fff;
}

.usp-header__ranking {
  border-radius: 25px !important;
  padding: 4px;
  position: relative;
  background: #95006d;
  color: #fff;
  width: 95%;
  margin-left: 8px;
  padding-left: 26px;
  border: 2px solid #95006d;
  font-weight: 500;
}

.usp-header__score {
  border-radius: 50px !important;
  position: absolute;
  border: 2px solid;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: #fff;
  border-color: #95006d;
  z-index: 2;
  text-align: center;
}

.has-error small.help-block {
  color: #d0021b !important;
  font-size: 14px;
  margin-top: 3px;
  /* display: none !important; */
}

.agencies.has-error small.help-block {
  border: 1px solid;
  border-color: #f4675f !important;
  color: #f4675f;
  background-color: #fee8e7 !important;
  padding: 10px;
  font-size: 14px;
}

.has-error .form-control::placeholder {
  color: #f4675f;
  opacity: 0.5;
}

.has-error .form-control {
  border-color: #d0021b !important;
  color: #d0021b;
  border: 1px solid;
}

.map-div {
  position: relative;
}

.map {
  margin-bottom: 2px;
}

.pagination-nav a {
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
}

section#hebergement .desc h2 {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  margin-top: 15px;
}

section#hebergement .desc h3 {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  margin-top: 15px;
}

section#reviews div.review:nth-child(n + 11) {
  display: none;
}

#mapModal .modal-body {
  padding: 0;
}

#mapModal .modal-header {
  padding: 0.6rem 0.6rem;
}

#ballsWaveG {
  position: relative;
  width: 125px;
  height: 29px;
  margin: auto;
}

.ballsWaveG {
  position: absolute;
  top: 0;
  background-color: rgb(255, 255, 255);
  width: 16px;
  height: 16px;
  animation-name: ballsWaveG;
  -o-animation-name: ballsWaveG;
  -ms-animation-name: ballsWaveG;
  -webkit-animation-name: ballsWaveG;
  -moz-animation-name: ballsWaveG;
  animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

#ballsWaveG_1 {
  left: 0;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

#ballsWaveG_2 {
  left: 16px;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}

#ballsWaveG_3 {
  left: 31px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

#ballsWaveG_4 {
  left: 47px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

#ballsWaveG_5 {
  left: 62px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

#ballsWaveG_6 {
  left: 78px;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

#ballsWaveG_7 {
  left: 94px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

#ballsWaveG_8 {
  left: 109px;
  animation-delay: 1.64s;
  -o-animation-delay: 1.64s;
  -ms-animation-delay: 1.64s;
  -webkit-animation-delay: 1.64s;
  -moz-animation-delay: 1.64s;
}

@keyframes ballsWaveG {
  0% {
    background-color: rgb(204, 204, 204);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-o-keyframes ballsWaveG {
  0% {
    background-color: rgb(204, 204, 204);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-ms-keyframes ballsWaveG {
  0% {
    background-color: rgb(204, 204, 204);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-webkit-keyframes ballsWaveG {
  0% {
    background-color: rgb(204, 204, 204);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-moz-keyframes ballsWaveG {
  0% {
    background-color: rgb(204, 204, 204);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

#map2id {
  height: 284px;
}

.popup-content {
  background-image: url("/assets/images/Groupe-58.jpg");
  height: 500px;
}

.intl-tel-input {
  width: 100%;
}

.z-table th {
  font-weight: 600;
}

/* TEST DATERANGE */
.daterangepicker .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #b7cd3b;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #ffae006e;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  padding: 5px;
}

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

.daterangepicker .calendar-table th {
  color: #00327b;
}

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

.daterangepicker .drp-buttons {
  padding: 15px;
}

.bg-images-header {
  width: 100%;
  height: 100vh;
  background: url(../images/premium/image-Header.jpg) top center no-repeat;
  background-size: cover;
  position: relative;
}

.bg-green-dark {
  background-color: #0d1d21;
}

.accordion-Header {
  background-color: #f7f2e8;
}

.card-premium {
  font-family: "Champagne & Limousines", sans-serif;
}

.card-premium h1,
.card-premium h2,
.card-premium h3,
.card-premium h4,
.card-premium h5,
.card-premium h6 {
  margin-bottom: 0.5rem;
  font-family: "Champagne & Limousines", sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

.cta {
  background: url(../images/premium/image-filtre.jpg) fixed center center;
  background-size: cover;
}

.have-card {
  background: url(../images/premium/overlay-images.jpg) fixed center center;
  background-size: cover;
  height: 100vh;
  padding-top: auto;
  padding-bottom: auto;
}

.bg-images-gold {
  width: 100%;
  height: 500px;
  background: url(../images/premium/images-fiter-have-card.jpg) top center no-repeat;
  background-size: cover;
  position: relative;
}

/* Carousel card premium  */
.owl-partner.owl-carousel .owl-item images {
  display: block;
  width: auto;
}

.owl-partner .owl-nav button.owl-prev {
  left: 0;
}

.owl-partner .owl-nav button.owl-next {
  right: 0;
}

.owl-partner .owl-nav span {
  font-size: 75px;
  color: #bc9e6c;
}

.owl-partner .owl-nav button {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  background: transparent !important;
  color: #fff;
  border-radius: 0% !important;
  transition: all ease-in-out 0.1s;
}

.owl-partner.owl-carousel .owl-item {
  height: 150px;
  display: flex;
  justify-content: center;
}

.owl-partner.owl-carousel .owl-item .item {
  align-self: center;
}

/* Carousel card premium  */
@media (max-width: 768px) {
  .ProfilNav {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 14px !important;
  }

  .ProfilNav .nav-link {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .restBloc {
    overflow: scroll;
    flex-wrap: nowrap;
  }

  .resrDetails {
    width: 300px !important;
  }

  .owl-partner .owl-nav {
    margin-top: 0px;
  }

  .list-social images {
    width: 60px;
  }

  .bg-images-header {
    height: 40vh;
  }

  .cta {
    background: #fff;
    height: inherit;
  }

  .box-apply {
    background: white;
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 10px;
  }
}

.border-gold {
  border: 3px solid #bc9e6c;
}

.text-brown {
  color: #574831;
}

.btn-phone {
  border: 3px solid #bc9e6c;
  background-color: #0d1d21;
  color: #fff;
  font-family: "Playfair Display", serif;
  border-radius: 50px;
}

.btn-phone:hover {
  border: 3px solid #0d1d21;
  background-color: #bc9e6c;
  color: #0d1d21;
}

#gSubscribe .abcRioButton,
#gSignin .abcRioButton {
  border-radius: 4px;
}

#gSubscribe .abcRioButton span,
#gSignin .abcRioButton span {
  font-size: 16px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 39px !important;
}

.br-0 {
  border-right: 0px;
}

.bl-0 {
  border-left: 0px;
}

.h-40 {
  height: 40px;
  line-height: 1.8;
}

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

/* Marketing Tag Styling */
.marketing-tag {
  background: linear-gradient(45deg, #c39e36, #d4b146);
  color: #fff;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 4px rgba(195, 158, 54, 0.3);
  text-align: center;
  border: none;
  display: inline-block;
}

.abcRioButtonLightBlue {
  background-color: #fff;
  color: #757575 !important;
  cursor: pointer;
}

.abcRioButtonContentWrapper {
  height: 100%;
  width: 100%;
}

.abcRioButtonIcon {
  float: left;
}

.abcRioButtonContents {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.21px;
  margin-left: 25px;
  margin-right: 6px;
  vertical-align: top;
}

@media (min-width: 768px) {
  .py-md-100 {
    padding-top: 100px;
    padding-bottom: 140px;
  }

  .bg-home-cover {
    background-image: url(../images/bg-home-page.jpg);
    height: 100vh;
    background-size: cover;
    width: 100%;
    align-items: flex-end;
    display: flex;
  }
}

.category-item.effect-1 {
  overflow: hidden;
  position: relative;
}

.category-item.effect-1 .caption>div {
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 6px 15px;
  width: 100%;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.5);
}

.br-right-roounded {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: none !important;
}

.br-left-roounded {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: none !important;
  padding: 27px 12px 12px 20px !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  visibility: hidden;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker {
  display: none;
  padding: 5px !important;
  width: auto !important;
  min-width: 600px !important;
  font-size: 14px !important;
  background-color: #fff;
  z-index: 99999 !important;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #ff9012;
  -webkit-box-shadow: 0 10px 25px -14px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0 10px 25px -14px rgba(0, 0, 0, 0.75);
  box-shadow: 0 10px 25px -14px rgb(0 0 0 / 75%);
  padding-bottom: 15px !important;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 48% !important;
  margin: 0 1% !important;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0.2em 0;
  position: relative;
  margin: 10px 0;
}

.ui-datepicker-header {
  background: #fff;
  color: #1d3649;
  font-weight: 800;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgb(250 250 250);
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 0.2);
  box-shadow: none;
  text-shadow: none;
  filter: dropshadow(color=#000, offx=1, offy=-1);
  line-height: 30px;
  border-width: 0px;
  border-style: none;
  border-color: transparent;
}

.ui-datepicker-title {
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  height: 1.8em;
  position: absolute;
  top: 4px;
  width: 1.8em;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  background: url(../images/home/icons/flech-droit.svg) no-repeat center center !important;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(255, 255, 255, 0.1);

  width: 44px !important;
  height: 44px !important;
}

.ui-datepicker .ui-datepicker-prev {
  background: url(../images/home/icons/flech-gauche.svg) no-repeat center center !important;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(255, 255, 255, 0.1);
  width: 44px !important;
  height: 44px !important;
}

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto 0.4em;
  width: 95%;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0 0 0.4em;
  width: 100%;
}

.ui-datepicker th {
  border: 0;
  font-weight: bold;
  padding: 0.7em 0.3em;
  text-align: center;
}

.ui-datepicker-calendar th {
  color: #a5a5a5;
  font-size: 16px !important;
}

.ui-datepicker td {
  border: 0;
}

.ui-datepicker-calendar .ui-state-disabled>span {
  background: #fff !important;
  color: #d0d0d0 !important;
}

.ui-datepicker td span,
.ui-datepicker td a:hover {
  background-color: rgba(205, 159, 58, 0.5) !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  background-color: #ededed;
  text-align: center !important;
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 8px;
  color: #666 !important;
  font-size: 14px !important;
}

.ui-datepicker-calendar .ui-state-active {
  background: #c39e36 !important;
  color: #fff !important;
  border-radius: 50%;
}

.ui-datepicker td span,
.ui-datepicker td a:hover {
  background-color: #e1e1e1;
}

@media (min-width: 768px) {
  .bord-bott {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 4px;
  }

  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }

  .ui-datepicker-multi .ui-datepicker-group {
    float: left;
  }
}

/* @media (max-width: 767px) {
  .h-sm-200 {
    height: 200px !important;
    object-fit: cover;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 100% !important;
  }
  .ui-datepicker-multi .ui-datepicker-group {
    float: inherit;
  }
  .ui-datepicker {
    left: 0px !important;
    padding: 5px !important;
    min-width: 100% !important;
    width: auto !important;
    min-width: 100% !important;
    font-size: 12px !important;
    background-color: #fff;
    z-index: 99999 !important;
    -webkit-box-shadow: 0 10px 25px -14px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0 10px 25px -14px rgba(0, 0, 0, 0.75);
    box-shadow: 0 10px 25px -14px rgb(0 0 0 / 75%);
    position: fixed !important;
    top: 0% !important;
    height: 100%;
    overflow: auto;
  }
  .padding-mob-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .socials-share {
    top: 6rem !important;
    right: 1rem !important;
  }
  .nav-fiche .nav-link {
    padding: 4px;
    font-size: 10px;
    color: #000 !important;
  }
} */
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.nav-fiche .nav-link.active {
  border: transparent;
  color: #feac94 !important;
  border-bottom: #feac94 2px solid;
}

.socials-share.scrolled {
  position: fixed;
}

.socials-share {
  position: absolute;
  top: 12rem;
  right: 6rem;
  z-index: 100;
  background-color: rgb(0 0 0 / 60%);
  padding: 15px 8px;
  border-radius: 4px;
  color: #fff;
}

.socials-share ul {
  list-style: none;
  padding: 0;
  text-align: center;
}

.readmore {
  position: relative;
  max-height: 240px;
  overflow: hidden;
  padding: 10px;
  margin-bottom: 20px;
  transition: max-height 0.15s ease-out;
}

#description .readmore-link {
  background-image: linear-gradient(to bottom, transparent, white);
}

.readmore.expand {
  max-height: 5000px !important;
  transition: max-height 0.35s ease-in-out;
}

.readmore-link {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100px;
  text-align: left;
  color: #0f5de4;
  font-weight: 400;
  font-size: 16px;
  padding-top: 75px;
  background-image: linear-gradient(to bottom, transparent, #f5f7fa);
  cursor: pointer;
}

.readmore-link.expand {
  position: relative;
  background-image: none;
  padding-top: 0px;
  height: 30px;
}

.readmore-link:after {
  content: "Afficher la description";
}

.readmore-link.expand:after {
  content: "Masquer la description";
}

.text-dark-light {
  color: rgb(58, 58, 58);
}

.lstrooms .selected {
  font-weight: 500;
}

.navbar-navigation.scrolled {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  z-index: 1000;
  width: 100%;
}

.offcanvasMap {
  width: 600px;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef;
  border-left-width: 0.25rem;
  border-radius: 0.25rem;
}

.bd-callout-warning {
  border-left-color: #f0ad4e;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .SearchByHotel .card {
    width: 350px !important;
  }

  .engine .js-days-value {
    margin-left: 47px !important;
    margin-top: -31px !important;
    padding-bottom: 4px !important;
  }

  .engine .engine-interne .js-days-value {
    margin-left: 50px;
    margin-top: -30px;
    padding-bottom: 6px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .SearchByHotel .card {
    width: 350px !important;
  }

  .principal-navbar .navbar-nav .nav-link {
    color: #333;
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .font-35 {
    font-size: 20px;
  }

  .font-40 {
    font-size: 30px;
  }

  .font-24 {
    font-size: 20px !important;
  }

  .principal-navbar .navbar-nav {
    justify-content: left;
  }

  .navbar-expand-md .navbar-collapse {
    display: block !important;
    flex-basis: auto;
  }

  .carousel-caption {
    display: none !important;
  }

  .testimonial-scroll-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .scroll-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .testimonial-scroll-container .row-tablet {
    display: flex;
    flex-wrap: nowrap;
  }

  .testimonial-scroll-container .col-md-4 {
    flex: 0 0 auto;
    width: 60%;
    max-width: none;
  }

  .scroll-container .row-tablet {
    display: flex;
    flex-wrap: nowrap;
  }

  .scroll-container .col-md-3 {
    flex: 0 0 auto;
    width: 50%;
    max-width: none;
  }

  .scroll-container .cheap-hotels {
    width: 50% !important;
  }

  .scroll-container .neighbouringCities {
    width: 47% !important;
  }

  .scroll-container .neighbouringHotels {
    width: 50% !important;
  }

  .scroll-container::-webkit-scrollbar {
    display: none;
  }

  .scroll-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .testimonial-scroll-container::-webkit-scrollbar {
    display: none;
  }

  .tablet-visible {
    display: block;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1600px) {
  .principal-navbar .navbar-nav .nav-link {
    color: #333;
    font-size: 18px;
    padding-left: 4px;
    padding-right: 8px;
  }
}

/* .accordion {
  --bs-accordion-border-width: 0px !important;
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1.25rem;
  color: #000;
  background-color: #f7f2e8 !important;
  border: none !important;
  border-radius: 0 !important;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  font-weight: 500;
}
.accordion-collapse {
  border: none !important;
  border-width: 0 1px;
}
.accordion-button:not(.collapsed) {
  color: #000 !important;
  border: none !important;
  border-radius: 0px;
}

.accordion-button:not(.collapsed)::after {
  transform: scaleY(-1);
}
.accordion-button:focus {
  box-shadow: none !important;
}
.bg-accordion-icon{
  border-radius: 50%;
  display: flex;
  padding: 10px;
  align-items: center;
  justify-content: center;
}
.accordion-button::after {
display: none;
} */
.accordion-body {
  padding-top: 18px !important;
}

.customerButton::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23212529%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23212529%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%22%2F%3E%3C%2Fsvg%3E") !important;
}

.accordion-button.collapsed::after {
  transform: rotate(0);
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

.galleryphotoStyle {
  block-size: 100%;
  display: block;
  inline-size: 100%;
}

.ui-slider {
  margin-top: 4px;
  height: 4px;
  position: relative;
  border: none;
  background: #8d004a;
  width: 90%;
  margin-bottom: 10px;
}

.ui-slider-handle {
  background: #ffb03c;
  border-radius: 25px;
  outline: none;
  border: 2px solid #fff;
  position: absolute;
  top: -8px;
  z-index: 2;
  width: 1.5em;
  height: 1.5em;
  cursor: default;
}

.ui-slider-horizontal .ui-slider-range {
  background: #e9ecf1;
}

.lh-3 {
  line-height: 3;
}

.dropdown-toggle::after {
  content: "";
  display: inline-block;
  align-self: center;
  border-top: 0.4rem solid;
  border-right: 0.4rem solid transparent;
  border-bottom: 0;
  border-left: 0.4rem solid transparent;
  background-image: none !important;
  width: 0px;
  height: 0px;
  margin-left: 10px;
  vertical-align: inherit;
}

@media (min-width: 768px) {
  .pos-ab-avail {
    position: absolute;
    top: 0px;
    left: 0px;
  }

  .pos-ab-avail.pos-fiche {
    position: absolute;
    top: -4px;
    left: 0px;
  }

  .pos-ab-avail .badge {
    border-radius: 0px;
    padding: 0.25em 0.6em;
  }

  .principal-navbar .load_connexion_window::after,
  .principal-navbar .load_contact_details::after {
    content: "";
    display: inline-block;
    align-self: center;
    border-top: 0.4rem solid;
    border-right: 0.4rem solid transparent;
    border-bottom: 0;
    border-left: 0.4rem solid transparent;
    background-image: none !important;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    vertical-align: inherit;
  }
}

@media (min-device-width: 1200px) and (max-device-width: 1600px) {
  .principal-navbar .navbar-nav .nav-link {
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }

  .principal-navbar .navbar-nav {
    justify-content: left;
  }
}

/* Base styling for all nav links */
.nav-link {
  padding: 8px 25px;
  margin: 2px;
  border-radius: 100px;
  font-weight: 600;
}

/* Outline effect for active/opened navigation links */
.nav-link.active-dropdown {
  border: none !important;
  background-color: #fff !important;
  color: #000 !important;
}

/* Desktop dropdown outline when opened */
.dropdown.show .nav-link {
  border: none !important;
  background-color: #fff !important;
  color: #000 !important;
}

/* Hover effects for better UX */
.nav-link:hover {
  border: none !important;
  color: #000 !important;
  background-color: #fff !important;
}

/* Ensure the active state overrides hover */
.nav-link.active-dropdown:hover,
.dropdown.show .nav-link:hover {
  border: none !important;
  background-color: #fff !important;
  color: #000 !important;
}

/* Active navigation item styling for desktop */
.nav-link.active-nav {
  border: none !important;
  border-radius: none !important;
  background-color: #fff !important;
  color: #000 !important;
  font-weight: 600;
}

/* Ensure active nav overrides all other states */
.nav-link.active-nav:hover {
  border: none !important;
  background-color: #fff !important;
  color: #000 !important;
}

.step-link-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  margin-bottom: 30px;
}

.step-link-wrap .step-item {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  color: #fff;
}

.step-link-wrap .step-item a {
  background-color: #ffffff;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  border: 4px solid #fff;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
}

.step-link-wrap .step-item:before {
  left: 0;
}

.step-link-wrap .line {
  flex: 1 0 32px;
  min-width: 1px;
  min-height: 2px;
  margin: auto;
  background-color: #8b8b8b;
}

.step-header {
  display: flex;
  /* flex-direction: column-reverse; */
}

.img-step-header {
  height: 18px !important;
}

.text-step-active {
  color: #000;
}

.text-step {
  color: #8b8b8b;
}

.line.active {
  background-color: #2190ff !important;
}

.step-link-wrap .step-item:after {
  right: 0;
}

.step-link-wrap .step-item:first-child:before {
  display: none;
}

.step-link-wrap .step-item:last-child:after {
  display: none;
}

.step-link-wrap .step-item.active a {
  background-color: #feac94;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
  .nav-link.tab-indicator {
    width: calc((100% / 2) - 4px);
  }

  .bg-newsletter {
    height: 180px !important;
  }
}

@media only screen and (max-width: 575px) {
  .lineh-1 {
    line-height: 1;
  }
}

.btn-plane {
  right: 3%;
  bottom: 4%;
}

@media screen and (max-width: 575px) {
  .step-link-wrap {
    margin-bottom: 50px;
    font-size: 13px;
  }

  .font-22 {
    font-size: 16px;
  }

  .font-35 {
    font-size: 18px;
  }

  .font-24 {
    font-size: 16px;
  }

  .font-40 {
    font-size: 20px;
  }

  .step-link-wrap .step-item:before,
  .step-link-wrap .step-item:after {
    height: 4px;
    bottom: 10px;
  }

  .step-link-wrap .step-item a {
    border-width: 4px;
    margin-top: 15px;
    height: 25px;
    width: 25px;
  }

  .step-link-wrap {
    margin-bottom: 50px;
    font-size: 13px;
  }

  .step-link-wrap .step-item:before,
  .step-link-wrap .step-item:after {
    height: 4px;
    bottom: 10px;
  }

  .step-link-wrap .step-item a {
    border-width: 4px;
    margin-top: 15px;
    height: 25px;
    width: 25px;
  }
}

.cRTuml {
  display: block;
  position: relative;
  border-bottom: 1px dashed #8d004a;
  margin: 15px -15px;
}

.cRTuml::after,
.cRTuml::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #f4f5fa;
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  border: 1px solid #f4f5fa;
  transform: rotate(45deg);
  border-radius: 50%;
}

.cRTuml::before {
  left: 0px;
  margin-left: -7px;
  border-top-color: #8d004a;
  border-right-color: #8d004a;
}

.cRTuml::after {
  right: 0px;
  margin-right: -7px;
  border-bottom-color: #8d004a;
  border-left-color: #8d004a;
}

.box-alert-danger {
  background-color: #8d004a42;
  color: #8d004a;
  padding: 8px;
}

.box-alert-info {
  background-color: #e4effc;
  color: #0f5de4;
  padding: 8px;
}

.h-45 {
  height: 45px;
}

.hiddenBox:empty {
  margin: auto;
  width: 500px;
  height: 600px;
  background-image: radial-gradient(circle 50px at 50px 50px,
      lightgray 99%,
      transparent 0),
    linear-gradient(100deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    linear-gradient(lightgray 20px, transparent 0),
    linear-gradient(lightgray 20px, transparent 0),
    linear-gradient(lightgray 20px, transparent 0),
    linear-gradient(lightgray 20px, transparent 0);

  background-repeat: repeat-y;

  background-size: 100px 200px,
    /* circle */
    50px 200px,
    /* highlight */
    150px 200px, 350px 200px, 300px 200px, 250px 200px;

  background-position: 0 0,
    /* circle */
    0 0,
    /* highlight */
    120px 0,
    120px 40px, 120px 80px, 120px 120px;

  animation: shine 1s infinite;
}

@keyframes shine {
  to {
    background-position: 0 0, 100% 0,
      /* move highlight to right */
      120px 0,
      120px 40px, 120px 80px, 120px 120px;
  }
}

.skeleton-loader-card {
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    #e5e5e5;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
  /* margin-bottom: 15px;
  margin-top: 15px; */
}

@keyframes shine {
  to {
    background-position: 100% 0,
      /* move highlight to right */
      0 0;
  }
}

.skeleton-loader {
  width: 100%;
  height: 15px;
  display: block;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    #e5e5e5;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
  margin-bottom: 15px;
}

.skeleton-loader-number {
  width: 100%;
  height: 25px;
  display: block;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    #e5e5e5;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
}

.skeleton-loader-maps {
  width: 100%;
  height: 100px;
  display: block;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    #e5e5e5;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
}

.skeleton-loader-title {
  width: 30%;
  height: 12px;
  display: block;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    #e5e5e5;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
  margin-bottom: 10px;
}

.skeleton-loader-title-hotel {
  width: 50%;
  height: 12px;
  display: block;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    #e5e5e5;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
  margin-top: 5px;
  margin-right: 5px;
}

.skeleton-loader-content {
  width: 100%;
  height: 12px;
  display: block;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    #e5e5e5;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
  margin-bottom: 10px;
}

.skeleton-loader-rating {
  width: 30%;
  height: 15px;
  display: inline-block;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 50%,
      rgba(255, 255, 255, 0) 80%),
    #e5e5e5;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
  margin-bottom: 10px;
}

.logintab .nav-pills .nav-link.active {
  background-color: #f35e7f;
  color: #fff;
}

.logintab .nav-pills .nav-link {
  position: relative;
  cursor: pointer;
  border: none;
  margin-right: 12px;
  border-radius: 10px !important;
}

.css-1k825aa {
  text-align: center;
  position: relative;
  margin: 20px 0px;
}

.css-1f0yvgx {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
  line-height: 1.6rem;
  background: rgb(255, 255, 255);
  position: relative;
  padding: 0px 12px;
  z-index: 1;
}

.css-1k825aa::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgb(239, 242, 246);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.slick-dots {
  bottom: -25px;
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  opacity: 0.25;
  outline: none;
  background: #000 !important;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.star-icon {
  position: relative;
  display: inline-block;
  font-size: 24px;
}

.star-checkbox:checked+.star-icon .rating {
  color: #c39e36;
}

.star-checkbox:checked+.star-icon .nonClasse {
  color: #c39e36;
}

.EditEngine.engine .form-control {
  border: 1px solid #ced4da !important;
}

.EditEngine .date-input {
  border: 1px solid #ced4da !important;
}

.btnFilterName {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  font-weight: 600;
  font-size: 24px;
  padding: 0px 16px;
}

.star-icon i {
  color: #fff;
  -webkit-text-stroke: 1px #ced4da;
  font-size: 35px;
}

.star-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  font-size: 12px;
  font-weight: bold;
  pointer-events: none;
}

.slick-dots li.slick-active button {
  opacity: 0.75 !important;
  color: black;
}

.SearchByHotel .slick-slide {
  margin: 15px;
}

/* .slick-dotted.slick-slider {
  margin-bottom: 30px;
} */
.slick-dots li button::before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.css-15fdghm:hover,
.css-15fdghm:focus {
  color: rgb(0, 113, 243);
}

.css-15fdghm:hover,
.css-15fdghm:focus {
  background-color: rgb(228, 240, 254);
}

.modal-mask {
  position: fixed;
  inset: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

.css-15fdghm {
  border: 0px;
  border-radius: 5px;
  margin: 0px 0px 16px;
  cursor: pointer;
  font-size: 14px;
  width: 100%;
  color: rgb(0, 113, 243);
  background-color: rgb(247, 251, 255);
  box-shadow: rgb(191 218 249) 0px 0px 0px 1px inset;
  padding: 0.375rem 0.75rem;
}

@media screen and (min-width: 1400px) {
  .banner-social-meta {
    right: 0px !important;
    bottom: 8px !important;
  }

  .carousel-caption {
    top: 0rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  .banner-social-meta {
    right: 8px !important;
    bottom: 115px !important;
  }

  .padding-lg {
    padding: 0 80px;
  }

  .padding-lg-70 {
    padding: 0 70px;
  }

  .hidden-md {
    display: none !important;
  }
}

.btn-circle-sm {
  border: 3px solid #fff;
  border-radius: 100%;
  padding: 6px;
  font-size: 15px;
  line-height: 14px;
  display: inline-block;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.btn-circle-sm::after {
  content: "";
  border: 3px solid #fff;
  left: calc(50% + 21px);
  position: absolute;
  right: 0;
  top: 15px;
  margin-right: 15px;
}

.btn-circle-sm::before {
  content: "";
  border: 3px solid #fff;
  right: calc(50% + 21px);
  position: absolute;
  left: 0;
  top: 15px;
  margin-left: 15px;
}

@media only screen and (min-width: 767px) {
  .banner-social-meta {
    position: absolute;
    right: 200px;
    bottom: 100px;
    z-index: 20;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .banner-social-meta .social-icon {
    display: inline-block;
    margin-left: 10px;
  }

  .banner-social-meta .carousel-indicators {
    left: -360px !important;
    bottom: -35px !important;
    width: 60%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .banner-social-meta .social-icon {
    display: inline-block;
    margin-left: 10px;
  }

  .social-icon {
    margin-bottom: 0;
    padding-left: 0;
    display: inline-block;
  }

  .banner-social-meta .social-icon li {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .social-icon li a {
    height: 40px;
    width: 40px;
    font-size: 18px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #333 !important;
    background: #fff;
  }

  .social-icon li {
    display: inline-block;
    margin: 0 5px;
  }

  .social-icon li:hover a {
    color: #333 !important;
    border: 2px solid #fff !important;
  }

  .banner-social-meta .carousel-indicators li {
    display: inline-block;
    list-style: none;
    background: #ffffff;
    margin: 5px 3px !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 3px;
    cursor: pointer;
    width: 30px;
    height: 2px;
  }

  .banner-social-meta .carousel-indicators li.active {
    background: #ff9100;
  }

  .banner-social-meta .carousel-indicators.carousel-indicators-bottom-right {
    left: -465px !important;
    bottom: 12px !important;
  }

  .box-black-opacity {
    background: rgba(0, 0, 0, 0.5);
  }
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-bottom: 5px solid #c39e36;
  /* border-radius: 0px !important; */
  /* color: #fff !important;
  background-color: #c39e36 !important;
  position: relative; */
}

/* TABS IN HOME PAGE */
.tab-indicator {
  position: relative;
}

.nav-tabs .nav-link .icon-geo {
  color: black !important;
  /* Default color for inactive state */
}

.nav-tabs .nav-item.show .nav-link .icon-geo {
  color: white !important;
  /* Color for active state */
}

/* .nav-tabs {
  border: none;
} */

.nav-tabs .nav-link {
  color: #000 !important;
  border-radius: 0px;
  border: none;
  font-weight: 500;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-right: 10px;
  border-bottom: transparent 2px solid;
}

/* .nav-tabs .nav-link:hover {
  border-color: transparent;
  isolation: isolate;
} */
.home-nav-tabs.nav-tabs .nav-link.active:hover {
  border-bottom: 5px solid #c39e36 !important;
}

/* datepicker  */
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 0px;
  border: none;
  padding: 6px 8px;
  font-size: 14px;
  text-transform: capitalize;
}

.datepicker tbody tr>td.day {
  color: #595d6e;
}

.datepicker thead th.datepicker-switch,
.datepicker thead th.next,
.datepicker thead th.prev {
  font-weight: 500;
  color: #ff8001;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
  text-decoration: line-through;
}

.datepicker table {
  margin: 0px 12px;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker tbody tr>td.day.active,
.datepicker tbody tr>td.day.active:hover,
.datepicker tbody tr>td.day.selected,
.datepicker tbody tr>td.day.selected:hover {
  background: #0088ff;
  color: #fff;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #c39e36;
  background-image: inherit;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #c39e36;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
  background: #0088ff3b;
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
  background-color: #0088ff;
  background-image: none;
}

.border-primary {
  border-color: #000 !important;
}

.category-item.effect-1 {
  overflow: hidden;
  position: relative;
}

.title-destination {
  position: absolute;
  top: 20%;
  background: #ffffffb0;
  color: #000;
  left: 30px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 10px;
}

.subtitle-destination {
  position: absolute;
  top: 36%;
  background: #ffffffb0;
  color: #000;
  left: 30px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: capitalize;
  padding: 4px 10px;
}

a:hover .category-item.effect-1 .caption>div {
  opacity: 1;
}

a:hover .category-item.effect-1 .title-destination,
a:hover .category-item.effect-1 .subtitle-destination {
  opacity: 0;
}

.category-item.effect-1 .caption>div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
}

.category-item.effect-1 .title {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  font-size: 30px;
  color: #fff;
  letter-spacing: 1px;
}

.category-item.effect-1 .sub-title {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
}

.category-item.effect-1 p.description {
  color: #fff;
  font-size: 18px;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  color: #fff;
}

.category-item.effect-1 hr {
  border-top: 1px solid #fff;
}

.category-item.effect-1 .title,
.category-item.effect-1 p.description,
.category-item.effect-1 button,
.category-item.effect-1 hr {
  -webkit-transform: translate3d(0, 85px, 0);
  transform: translate3d(0, 85px, 0);
}

.category-products {
  position: relative;
}

.category-products div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.category-products .title {
  font-size: 32px;
  color: #fff;
  text-transform: capitalize;
}

.category-products p {
  font-size: 26px;
  color: #fff;
  text-transform: capitalize;
}

.scale-anm {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.scale-anm {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/* Row 2 */
.scale-anm:nth-child(6n + 3) {
  flex-basis: 57%;
}

.scale-anm:nth-child(6n + 1) {
  flex-basis: 30%;
}

.scale-anm:nth-child(6n + 2) {
  flex-basis: 30%;
}

/* Row 3 */
.scale-anm:nth-child(6n + 4),
.scale-anm:nth-child(6n + 5) {
  flex-basis: 30.33%;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .carousel-caption {
    bottom: 5rem !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .category-products button,
  .category-products a {
    transform: translate3d(100%, 75px, 0) !important;
  }

  .category-products a,
  .category-products button {
    transform: translate3d(240%, 180px, 0);
  }

  .col-tab-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }

  .col-tab-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .scale-anm:nth-child(6n + 2) .category-products a {
    transform: translate3d(341%, 75px, 0) !important;
  }

  .font-42 {
    font-size: 26px !important;
  }

  .h-sm-300 {
    height: 300px !important;
  }

  .category-products button,
  .category-products a {
    transform: translate3d(100%, 75px, 0) !important;
  }

  .category-products a,
  .category-products button {
    transform: translate3d(240%, 180px, 0);
  }

  .scale-anm:nth-child(6n + 2) .category-products a {
    transform: translate3d(341%, 75px, 0) !important;
  }

  .font-42 {
    font-size: 26px !important;
  }
}

.popular-destination__body {
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 21px;
  display: flex;
}

.popular-destination__body__item {
  align-items: flex-end;
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  border-radius: 0px;
  box-sizing: border-box;
  background-color: grey;
  padding: 0 0 15px 10px;
  text-decoration: none;
  color: #fff;
  width: calc(25% - 10px);
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  cursor: pointer;
}

.popular-destination__body__item:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 30%);
  transition: background 0.5s ease;
  border-radius: 0px;
  z-index: 1;
}

.popular-destination__body__item .country-name {
  display: flex;
  align-items: center;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  color: #fff;
  z-index: 10;
  position: relative;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
}

.popular-destination__body__item:after {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 166px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 1;
}

.popular-destination__body__item:nth-child(3),
.popular-destination__body__item:nth-child(5),
.popular-destination__body__item:nth-child(7) {
  width: calc(50% - 9px);
}

.popular-destination__body__item .country-name__text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

@media only screen and (min-width: 767px) {
  .card-pos {
    position: absolute;
    top: 45px;
    right: 25px;
    background: #fff;
  }
}

.contact-info .info-box:hover .icon {
  background: #c39e36;
  color: #fff;
}

.contact-info .info-box .icon {
  color: #c39e36;
  border: 1px solid #c39e36;
}

.contact-info .info-box .icon {
  float: left;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 41px;
  font-size: 25px;
  -ms-transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.get-in-touch .stay-connected ul {
  padding: 0;
}

.get-in-touch .stay-connected li:last-child {
  margin-bottom: 0;
}

.get-in-touch .stay-connected li a {
  font-weight: 600;
  color: #0a6471;
  display: inline-block;
}

.single-place {
  -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
  margin-bottom: 28px;
}

.single-place figure {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.single-place figure .list-like {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 30px;
  height: 30px;
  background: #ff0052;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}

.single-place figure .list-like a {
  color: #fff;
  font-size: 14px;
}

.single-place figure .book-now {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -80px;
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px);
  text-align: right;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -ms-transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.single-place:hover figure .book-now {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.single-place .book-now .btn {
  font-size: 14px;
}

.single-place .book-now .btn-primary:focus,
.single-place .book-now .btn-primary:hover {
  background-color: #fff;
  border-color: #fff;
}

.place-content {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.place-content {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 2;
}

.place-content .category {
  background: rgb(0 0 0 / 55%);
  color: #fff;
  padding: 2px 12px;
  display: inline-block;
  border-radius: 15px;
  font-weight: 500;
}

.place-content h3 {
  margin: 15px 0 10px;
}

.place-content h3 a {
  font-size: 20px;
  color: #fff;
}

.place-content p {
  color: #fff;
  font-size: 14px;
}

.place-content p i {
  margin-right: 5px;
}

.star-rating {
  padding: 15px;
  border-radius: 0 0 5px 5px;
}

.star-rating span {
  color: #ff9800;
}

.star-rating .rating-counter {
  display: inline-block;
  color: #909090;
}

.place-slider .owl-dots {
  margin-top: 20px;
}

.select-wrapper {
  position: relative;
  padding: 4px 5px;
  width: 100%;
  font-weight: 600;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.select-wrapper .select-value .select-icon {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #888;
  right: 4px;
  top: 14px;
  position: absolute;
}

#rates .select-wrapper {
  padding: 1.0rem .75rem;
}

.select-wrapper .phoneprefix {
  height: 100%;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  -webkit-appearance: none;
  padding: 5px 20px;
  z-index: 10;
  padding: 0;
  margin: 0;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.masthead {
  min-height: 258px;
  background-repeat: no-repeat;
  position: relative;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.masthead.bg-20 {
  background-image: url(/images/products/list-3.jpg);
}

.masthead.bg-23 {
  background-image: url(/images/products/omra.jpg);
}

.masthead.bg-4 {
  background-image: url(/images/products/circuits.jpg);
}

.masthead {
  background-image: url(/images/products/escapade.jpg);
}

.hero_in.business {
  background-image: url(/images/products/business.jpg);
}

.hotel_item {
  width: 11%;
  height: 28%;
  margin-left: 20%;
  margin-top: -1.5%;
  position: relative;
  background-color: #ab0165;
}

.product_item {
  width: fit-content;
  height: 80%;
  background-color: #ab0165;
}

.hotel-title-text {
  z-index: 2;
  margin-top: -6px;
  background-color: #ab0165;
  color: white;
}

.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: 400;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  position: absolute;
  z-index: 2;
  width: 100%;
  background-color: white;
  border: 1px #dadada solid;
  padding: 6px;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

.border-green {
  width: 100%;
  padding: 0.1%;
  background-color: #5fa800;
}

.border-gray {
  border: 1px solid #d9d9d9 !important;
}

.bdr-top {
  border-top: 1px dashed;
}

/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

.img-fld {
  max-width: 100%;
  height: 260px;
}

.card-opacity {
  position: absolute;
  width: 100%;
  background-color: #00000099;
  /* margin-top: -40px; */
  /* height: 40px; */
  color: white;
  bottom: 0px;
  padding: 4px 8px;
}

.bg-hotel {
  background-color: #ffbd00;
  border-radius: 5px;
}

.pictures1>li {
  border: 3px solid transparent;
  float: left;
  height: calc(100% / 3);
  margin: 0 -1px -1px 0;
  overflow: hidden;
  width: calc(100% / 2);
}

.price-box {
  z-index: 2;
  position: absolute;
  bottom: -20px;
  left: 0;
  padding: 8px 12px;
  color: #fff;
  font-size: 16px;
  background-color: #101f46;
  width: 80%;
  /* margin-left: auto; */
  /* margin-right: auto; */
  left: 10%;
  right: auto;
}

.price-box-availibity {
  padding: 8px 12px;
  color: #000;
  font-size: 16px;
  background-color: #c39e361c;
  border-radius: 4px;
}

.callback-section .callback-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 540px;
}

.section-heading .dash-style:before {
  background-color: #ffffff;
  content: "";
  height: 2px;
  width: 70px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 50%;
}

.section-img {
  z-index: 10;
}

@media screen and (min-width: 992px) {
  .support-area {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.support-area .support-icon {
  width: 52px;
  margin-right: 26px;
}

.support-area h3 {
  color: #95006d;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 0;
}

.callback-counter-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.callback-section .callback-counter-wrap .counter-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 25px 18px 25px;
  width: 50%;
}

.support-area {
  background-color: #ffffff;
  box-shadow: 0px 15px 55px -15px rgb(0 0 0 / 10%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

.box-service-item {
  overflow: hidden;
}

.bg-last-section {
  background-image: url(../images/home/bglastSection.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .box-service-item:hover img {
    transform: scale(1.02);
  }

  .box-service-item:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 7px, rgba(0, 0, 0, 0.08) 0px 8px 8px,
      rgba(0, 0, 0, 0.05) 0px 2px 6px;
    /* box-shadow:  rgba(0, 0, 0, 0.04) 0px 24px 32px, rgba(0, 0, 0, 0.04) 0px 16px 24px, rgba(0, 0, 0, 0.04) 0px 4px 8px, rgba(0, 0, 0, 0.04) 0px 0px 10px; */
  }
}

.box-service-item img {
  transition: transform 0.6s ease-out;
}

.bg-advantages-section:before {
  content: url(../images/home/bgLeftHorizontal.png) !important;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  z-index: 1;
  left: 0;
  bottom: 0px;
  height: 325px;
  width: 100px;
}

.bg-advantages-section:after {
  content: url(../images/home/bgRightHorizontal.png) !important;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  z-index: 1;
  right: 0;
  bottom: 0px;
  height: 325px;
  width: 100px;
}

/* Container for the zoom effect */
.zoom-container {
  overflow: hidden;
  position: relative;
}

/* Default state of the image */
.zoom-image {
  transition: transform 0.3s ease;
}

/* Zoom effect on hover */
.zoom-container:hover .zoom-image {
  transform: scale(1.2);
  /* Adjust the scale value as needed */
}

.owl-hotels .owl-nav {
  position: relative;
  left: 44%;
  z-index: 10;
  width: 130px;
  top: -25px;
}

.owl-hotels .owl-nav button {
  color: #c39e36 !important;
  border: 2px solid #c39e36 !important;
  width: 55px !important;
  height: 55px;
  border-radius: 50% !important;
  font-size: 35px !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #c39e36;
  color: #fff;
  text-decoration: none;
}

.owl-hotels .owl-stage-outer {
  height: 480px !important;
}

.owl-hotels .owl-stage {
  display: flex;
}

.owl-hotels .owl-stage .owl-item {
  height: 440px !important;
}

.bg-advantages-section {
  position: relative;
}

/* .bg-advantages-section::before {
    content: url(../images/home/bgBody.png) !important;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0px;
    z-index: 1;
    left: 76%;
    bottom: 0px;
    transform: rotate(84deg);
  } */

.accroche-truncte {
  max-width: 280px;
}

.row-destination {
  display: flex;
  flex-wrap: wrap;
}

.single-item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.single-item:nth-child(6n + 1) {
  flex-basis: 30%;
}

.single-item:nth-child(6n + 2),
.single-item:nth-child(6n + 3) {
  flex-basis: 15%;
}

.single-item:nth-child(6n + 4) {
  flex-basis: 30%;
}

.single-item:nth-child(6n + 5),
.single-item:nth-child(6n + 6) {
  flex-basis: 30%;
}

.pipe {
  border-right: 2px solid #f35e7f;
  width: 12px;
  height: 14px;
}

.w-md-50 {
  width: 50%;
}

.bg-img-home::before {
  content: url(../images/home/hero-1.png) !important;
  position: absolute;
  right: 0px;
}

.position-card {
  position: relative;
  top: -25px;
}

.position-card .card {
  border-radius: 25px !important;
}

.min-h-225 {
  min-height: 225px;
}

.span-pos-loction {
  left: -3px;
  top: 15px;
  position: absolute;
  max-width: 85%;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 2px 6px;
  border-radius: 2px;
  color: rgb(249, 249, 250);
  background: #f56960;
}

.callback-section {
  margin-bottom: 80px;
}

.support-area {
  margin-bottom: -50px;
  width: 65%;
  position: absolute;
  left: 25vh;
}

.callback-section:before {
  background-color: #101f46;
  content: "";
  width: 955px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 29.1%;
}

.callback-counter-wrap .counter-item {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.callback-counter-wrap .counter-content {
  width: -moz-calc(100% - 52px);
  width: -webkit-calc(100% - 52px);
  width: calc(100% - 52px);
  text-align: center;
}

.callback-counter-wrap .counter-no {
  color: #ffffff;
  display: block;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 900;
}

.callback-counter-wrap .counter-text {
  color: #ffffff;
  display: block;
}

.callback-counter-wrap .counter-icon {
  width: 52px;
}

.section-heading .dash-style {
  padding-left: 80px;
  position: relative;
}

.callback-inner {
  position: relative;
}

.fixed-top.scrolled {
  background: rgb(0 0 0 / 88%);
}

.SearchByHotel .card {
  width: 370px !important;
  height: 482px !important;
}

.strengthsContainer {
  border: 1px solid #ced4da;
  border-radius: 25px;
  padding: 4px 10px;
}

@media screen and (max-width: 768px) {
  .SearchByHotel .card {
    height: 460px !important;
    width: 360px !important;
  }

  .hero_in {
    height: auto !important;
  }

  .accroche-truncte {
    max-width: 280px;
  }

  .p-sm-10 {
    padding: 10px;
  }

  .mb-sm-2 {
    margin-bottom: 0.5em !important;
  }

  /* .accroche-truncte  { width: 280px;} */
  .desti-item .bg-meta-cat.liste {
    position: absolute;
    top: 10px;
    left: 16px;
  }

  .callback-inner {
    background-color: #101f46;
    margin-bottom: 8px;
  }


  .support-area h3 {
    color: #95006d;
    font-size: 24px;
  }

  .callback-section .callback-counter-wrap .counter-item {
    display: block;
    padding: 18px 25px 18px 25px;
    width: 50%;
    text-align: center;
    align-self: center;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }

  .callback-counter-wrap .counter-icon {
    width: 100%;
    margin-bottom: 8px;
  }

  .callback-counter-wrap .counter-content {
    width: -moz-calc(100% - 52px);
    width: -webkit-calc(100% - 52px);
    width: 100%;
    text-align: center;
  }

  .section-heading {
    padding-left: 15px;
    padding-top: 15px;
  }

  .callback-counter-wrap {
    margin-bottom: 0px;
  }

  .h-img-product {
    height: 200px;
    object-fit: cover;
    width: 100%;
  }

  header .fixed-top {
    position: static;
  }

  header {
    background: #101f46;
  }
}

.accroche {
  background-color: #e1bd854d !important;
}

.sortBox {
  background-color: #fff;
  border-color: #dddfe2;
  border: 1px solid;
  border-radius: 8px;
}

.dMCyZn {
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-align: center;
  align-items: center;
  display: flex;
  background-color: rgb(248, 247, 249);
  border-right: 1px solid rgb(221, 223, 226);
  border-radius: 7px 0 0 7px;
}

.z-index-3 {
  z-index: -3;
}

.list-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 20%, #222e4c);
}

.single-place figure::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: -webkit-linear-gradient(bottom,
      rgba(35, 35, 37, 0.85) 0,
      rgba(35, 35, 37, 0.4) 35%,
      rgba(22, 22, 23, 0) 60%,
      rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom,
      rgba(35, 35, 37, 0.85) 0,
      rgba(35, 35, 37, 0.4) 35%,
      rgba(22, 22, 23, 0) 60%,
      rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top,
      rgba(35, 35, 37, 0.85) 0,
      rgba(35, 35, 37, 0.4) 35%,
      rgba(22, 22, 23, 0) 60%,
      rgba(0, 0, 0, 0) 100%);
  left: 0;
  top: 0;
}

.offcanvas-bottom {
  height: 57vh;
}

.br-dashed {
  border-bottom: dashed #5d5d5d 1px;
  margin-bottom: 14px;
  padding-bottom: 14px;
}

.card.card-hotel-item {
  border-radius: 0px !important;
  height: 520px;
  box-shadow: none;
}

.card-txt-fiche {
  margin-top: 165px !important;
}

.h-300-cover {
  height: 300px;
  object-fit: cover;
}

.card-text-item-hotel {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: 0px;
  background: rgb(255 255 255 / 90%);
  margin-left: 14px;
  margin-right: 14px;
  margin-bottom: 14px;
  margin-top: 230px;
  font-weight: 500;
  padding-top: 22px;
  text-align: center;
  height: 245px;
  box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
}

.rating-box {
  z-index: 2;
  position: absolute;
  top: -18px;
  left: 0;
  padding: 8px 12px;
  color: #fff;
  font-size: 8px;
  background-color: #002446;
  width: auto;
  /* margin-left: auto; */
  /* margin-right: auto; */
  left: auto;
  right: 4%;
  border-radius: 25px;
}

.font-13 {
  font-size: 13px;
}

.map {
  top: 75px;
  right: 0%;
  font-weight: 500;
}

.mapIMG {
  background: url(../images/mapscard.jpg);
  background-repeat: no-repeat;
  height: 140px;
}

.card-start-success {
  border-left: #98cb00 3px solid;
  border-radius: 0rem !important;
  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
  transition: 0.5s ease;
  background: #fff;
}

.card-start-primary {
  border-left: #f35e7f 3px solid;
  border-radius: 0rem !important;
  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
  transition: 0.5s ease;
  background: #fff;
}

.card-start-info {
  border-left: #0070ff 3px solid;
  border-radius: 0rem !important;
  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
  transition: 0.5s ease;
  background: #fff;
}

.mytooltip {
  display: inline;
  position: relative;
  z-index: 10;
}

.mytooltip:hover .tooltip-item::after {
  pointer-events: auto;
}

.tooltip-item::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  pointer-events: none;
  transform: translateX(-50%);
}

.mytooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.tooltip-effect-5 .tooltip-content {
  width: 180px;
  margin-left: -90px;
  transform-origin: 50% calc(106%);
  transform: rotate3d(0, 0, 1, 15deg);
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39);
}

.tooltip-content {
  position: absolute;
  z-index: 9999;
  width: 360px;
  left: 50%;
  margin: 0 0 20px -180px;
  bottom: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
  box-shadow: -5px -5px 15px rgb(48 54 61 / 20%);
  background: #2b2b2b;
  opacity: 0;
  cursor: default;
  pointer-events: none;
}

.tooltip-text {
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding: 15px;
  color: #fff;
}

.tooltip-content::after {
  content: "";
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #2a3035;
  border-width: 10px;
  margin-left: -10px;
}

.btn-map-agency {
  background: url(../images/search/mapscarte.jpg) center center no-repeat;
  border-radius: 12px;
  border: transparent;
}

.ls-box {
  background: #fff;
  width: 25%;
  position: absolute;
  top: 30%;
  z-index: 12;
  margin: auto;
  overflow: hidden;
  height: auto;
  left: 35%;
  border-radius: 25px;
}

/* .header-index { z-index: 2;     position: relative;}
  .bg-header-light {    width: 300px;
    width: 100%;
    height: 50px;
    background: #F8F6F6;
    position: absolute;
    right: -72vh;
    z-index: -1;
    top: -1px; } */
.connexion_window,
.connexion_window_step {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.header-index {
  background: url(../images/header/header-bg.png);
  background-repeat: no-repeat;
}

.navbar-principal {
  padding-top: 4px;
}

.bg-footer-img {
  background: url(../images/footer/footer.jpg);
  background-repeat: no-repeat;
}

.h-400-cover {
  height: 400px;
  object-fit: cover;
}

.masonry {
  margin: -2px;
  padding-left: 0;
  list-style: none;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
}

.masonry li {
  flex-basis: calc(100% / 3);
  position: relative;
  height: 300px;
  display: flex;
}

@media (max-width: 1199.99px) {
  .masonry li {
    height: 250px;
  }

  .bg-newsletter::before {
    position: absolute;
    content: url("/images/home/bgnewsLetterleft.webp");
    bottom: -5px;
    left: 0;
  }

  .bg-newsletter::after {
    position: absolute;
    content: url("/images/home/bg-body-right.webp");
    top: 0;
    right: 0;
  }
}

@media (min-width: 1199.98px) {
  .bg-newsletter::before {
    position: absolute;
    content: url("/images/home/MotifNewsLetter.webp");
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media (max-width: 991.98px) {
  .masonry li {
    height: 200px;
  }

  .boardsFilter {
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    width: auto;
  }

  .boardsFilter div.board-item {
    display: contents;
    white-space: nowrap;
  }

  .boardsFilter::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .masonry li {
    flex-basis: calc(100% / 2) !important;
    height: 160px !important;
  }
}

.masonry li:nth-child(4) a,
.masonry li:nth-child(8) a {
  width: calc(100% - 2px);
  height: calc(200% - 2px);
  position: absolute;
  left: 0;
  top: 0;
}

.masonry li:nth-child(1) {
  flex-basis: calc(155% / 3);
}

.masonry li:nth-child(2) {
  flex-basis: calc(50% / 3);
}

.masonry li:nth-child(3) {
  flex-basis: calc(50% / 3);
}

.masonry li:nth-child(1) a {
  margin-left: calc((100% / 3) + 1px);
}

/* .masonry li:nth-child(8) a {
  margin-right: calc((100% / 3) + 1px)
} */

.masonry a {
  margin: 1px;
  text-align: center;
  text-decoration: none;
  position: relative;
  color: #fff;
  display: flex;
  flex: 1;
}

@media (max-width: 767.98px) {
  .hero-selection {
    height: 180px !important;
    object-fit: cover;
    width: 100%;
  }

  .masonry a {
    width: auto !important;
    height: auto !important;
    margin: 1px !important;
    position: relative !important;
  }
}

.masonry a:hover {
  text-decoration: none;
}

.masonry a:hover img {
  transform: scale(1.04);
  opacity: 1;
}

.masonry img {
  transition: opacity 0.2s, transform 0.3s;
  opacity: 0.5;
}

.masonry-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.masonry-caption {
  width: 100%;
  min-width: 0;
  padding: 24px;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
  display: flex;
  z-index: 2;
}

@media (max-width: 575.98px) {
  .masonry-caption {
    padding: 0;
  }
}

.masonry-caption:hover strong,
.masonry-caption:hover span {
  transition: background-color 0.4s ease-in-out;
  background-color: #000;
}

.masonry-caption strong,
.masonry-caption span {
  padding: 4px 8px;
  transition: background-color 0.15s ease-in-out;
}

.masonry-caption strong {
  margin-bottom: 8px;
  font-family: "opensans-semibold";
  font-size: 1.625rem;
}

.bg-label {
  background: #f8f6f6;
}

.bg-btn {
  position: relative;
}

.form-control[readonly] {
  background-color: #fff;
  opacity: 1;
}

.form-control:disabled[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.border-rd-left {
  border-top-left-radius: 0px !important;
}

@media (max-width: 575px) {
  .nav-tabs .nav-link {
    margin-right: 4px !important;
    /* font-size: 11px !important; */
    padding: 6px 6px !important;
  }
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  text-decoration: none;
  background-color: #c39e36;
}

.dropdown-item {
  font-size: 16px;
}

footer .bg-dark a {
  color: #fff;
}

.socialsideiconsContact {
  position: fixed;
  left: 10px;
  top: 80%;
  transform-origin: top;
  transform: translateX(-50%) rotate(-90deg);
  white-space: nowrap;
  z-index: 20;
}

.socialsideicons {
  position: fixed;
  right: 0;
  top: 37%;
  z-index: 999;
}

.InstagramClick,
.FacebookClick,
.whatsAppClick,
.YoutubeClick {
  position: absolute;
  transition: 0.3s;
}

.InstagramClick {
  right: -82px;
}

li.InstagramClick {
  top: 169px;
}

.socialsideiconsContact ul li a {
  padding: 10px 8px;
  padding-left: 8px;
  border-radius: 0px;
  color: #fff;
}

.socialsideicons ul li a {
  display: inline-block;
  background-color: #fff;
  padding: 5px 8px;
  padding-left: 8px;
  border-radius: 8px 0 0 8px;
  width: 100%;
  position: relative;
  white-space: nowrap;
  width: max-content;
  font-weight: 500;
  box-shadow: -5px 0 6px rgb(0 0 0 / 20%);
  color: #fff !important;
}

.InstagramClick:hover {
  right: 0;
}

li.FacebookClick {
  top: 222px;
}

.FacebookClick {
  right: -81px;
}

.FacebookClick:hover {
  right: 0;
}

.socialsideicons ul li:last-child a {
  margin-bottom: 0;
}

li.whatsAppClick {
  top: 275px;
}

.whatsAppClick {
  right: -86px;
}

.whatsAppClick:hover {
  right: 0;
}

li.YoutubeClick {
  top: 328px;
}

.YoutubeClick {
  right: -55px;
}

.YoutubeClick:hover {
  right: 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.form-check-input:checked {
  background-color: #c39e36;
  border: none !important
}

/* .custom-check-icon:checked {
  background-color: white !important;
  border-color: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.custom-check-icon:checked {
  background-image: url("/images/checkIcon.png") !important;
} */

.carouselAvis .carousel-control-next,
.carouselAvis .carousel-control-prev {
  background: transparent !important;
  margin: 0px !important;
}

.carouselAvis .carousel-control-prev {
  left: -11px;
}

.carouselAvis .carousel-control-next {
  right: -11px;
}

.score__badge__hotel {
  background: #c39e36;
  color: #fff;
  vertical-align: middle;
  height: 35px;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 30% 0;
}

.cardQuartier .card-footer {
  background-color: transparent !important;
}

.cardQuartier.card {
  box-shadow: none !important;
  border: 1px solid #ced4da !important;
}

.desti-item {
  background-color: #ffffff;
  /* box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%); */
  /* padding: 0; */
  position: relative;
  border-radius: 6px;
  border-radius: 25px;
}

.desti-item .bg-meta-cat {
  position: absolute;
  top: 30px;
  left: 20px;
}

.desti-item .meta-cat span {
  display: inline-block;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  transition: background-color 0.3s;
  background-color: #95006d;
  color: #ffffff;
  padding: 7px 24px;
}

.HotelName {
  position: absolute;
  bottom: 2%;
  right: 10px;
  left: 5%;
  color: #fff;
  font-weight: 700;
}

.imgHover {
  position: relative;
  overflow: hidden;
}

.imgHover img {
  display: block;
  width: 100%;
}

.HotelSlide .desti-item {
  height: auto !important;
}

.accordion-button {
  font-size: 14px !important;
}

.slick-slide {
  margin-right: 16px;
}

.QuartierBorder {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

.carousel-control-next,
.carousel-control-prev {
  opacity: 1;
}

.btn-Plus {
  border-color: rgba(0, 0, 0, 0.45) !important;
  box-shadow: none !important;
  border-radius: 25px;
}

.overlayHomePage {
  position: absolute;
  bottom: -100%;
  /* Position initiale en dehors de l'image */
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff !important;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  height: 100%;
  transition: bottom 0.5s ease;
  padding: 35px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.overlayHomePage a {
  color: #fff !important;
}

.overlay a {
  color: #fff !important;
}

.imgHover:hover .overlayHomePage {
  bottom: 0;
}

.imgHover:hover .HotelName {
  opacity: 0;
}

.boxDeals {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border: 1px solid #000;
  width: fit-content;
  padding: 15px;
  border-radius: 8px;
}

.btnStyle {
  background: transparent;
  border: 1px solid #fff;
  color: #fff !important;
  padding: 2px 13px;
  border-radius: 50px;
}

.btnStylea a:hover {
  color: #fff !important;
}

.overlay-desti-item .desti-content {
  position: absolute;
  bottom: 0px;
  left: 0%;
  width: 100%;
  z-index: 100;
  /* background: rgb(0 0 0 / 15%); */
  background:
    /* top fade */
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0.4) 7%,
      rgba(0, 0, 0, 0) 25%,
      rgba(0, 0, 0, 0) 75%,
      rgba(0, 0, 0, 0)) left top / 100% 100% no-repeat,

    /* bottom fade */
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0.4) 7%,
      rgba(0, 0, 0, 0) 25%,
      rgba(0, 0, 0, 0) 75%,
      rgba(0, 0, 0, 0));
  padding: 2ch;
  font-weight: 500;
  height: 100%;
  border-radius: 25px;
}

.overlay-desti-item .desti-content-page {
  position: absolute;
  bottom: 0px;
  left: 0%;
  width: 100%;
  background: #00178882;
  border-radius: 0px;
  padding: 20px;
  font-weight: 500;
  height: 100%;
  text-align: center;
  color: #fff;
}

.overlay-desti-item .desti-content-page h3 {
  line-height: 2;
  padding-top: 80px;
}

.overlay-desti-item .desti-content .description {
  color: #fff;
}

.radius-5 {
  border-radius: 5px !important;
}

.radius-100 {
  border-radius: 100% !important;
}

.desti-item .desti-image {
  position: relative;
  margin-bottom: 0px;
  overflow: hidden;
}

.desti-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 25px;
  height: 100%;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0) 56%);
  z-index: 1;
  pointer-events: none;
}

.fixed-top.scrolled {
  background: rgb(0 0 0 / 88%);
}

.h-img-product {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}

/* Styles pour zoom */
.dest-item-4 .desti-image:hover .h-img-product {
  transform: scale(1.2);
}

.dest-item-2 .h-img-product,
.dest-item-3 .h-img-product {
  height: 322px;
}

.dest-item-1 {
  height: 322px;
}

.dest-item-2,
.dest-item-3 {
  height: 322px;
}

.dest-item-4 {
  height: 322px;
}

.dest-item-5,
.dest-item-6 {
  height: 322px;
}

.hotel-item-1 .h-img-product {
  height: 322px;
}

.dest-item-2 .h-img-product,
.dest-item-3 .h-img-product {
  height: 322px;
}

.dest-item-4 .h-img-product {
  height: 322px;
}

.dest-item-5 .h-img-product,
.dest-item-6 .h-img-product {
  height: 322px;
}

.box-monde-service .slick-dots {
  bottom: 2rem;
}

@media (min-width: 768px) {
  .highlight::after {
    content: "";
    position: absolute;
    top: calc(100% - -3.5px);
    right: 0;
    left: 34%;
    height: 15px;
    background-image: url(/images/home/ico-highlight.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    width: 300px;
  }

  .highlight {
    position: relative;
  }

  .box-monde-service .header-box {
    display: none;
  }
}

.box-monde-service-item:hover {
  color: #fff;
}

.box-monde-service-item {
  display: block;
  background-color: #dbdde3;
  position: relative;
  color: #fff;
}

@media (min-width: 768px) {
  .no-touch .box-monde-service-item {
    overflow: hidden;
  }

  .no-touch .box-monde-service-item img {
    transition: transform 0.3s ease-out;
  }

  .no-touch .box-monde-service-item:hover img {
    transform: scale(1.1);
  }
}

@media (min-width: 768px) {
  .box-monde-service-item {
    margin-bottom: 1rem;
  }
}

.box-monde-service-item:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@media (min-width: 768px) {
  .box-monde-service-item.double-width:after {
    padding-bottom: calc(50% - 0.5rem);
  }
}

.box-monde-service-item.double-height:after {
  padding-bottom: calc(200% + 1rem);
}

.box-monde-service-item.pink {
  background-color: #747c21;
  transition: background-color 0.3s ease-out;
}

.box-monde-service-item.pink:hover {
  background-color: #b44d0d;
  color: #fff;
}

.box-monde-service-item.grey {
  background-color: #b44d0d;
  transition: background-color 0.3s ease-out;
}

.box-monde-service-item.grey:hover {
  background-color: #747c21;
  color: #fff;
}

.box-monde-service-item.type-1 {
  background-color: #747c21;
  color: #747c21;
}

.box-monde-service-item.type-2 {
  text-align: center;
}

.box-monde-service-item__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.type-1 .box-monde-service-item__inner {
  padding: 1rem;
  background-color: #747c21;
}

.type-2 .box-monde-service-item__inner:before {
  content: "";
  background-color: #000;
  opacity: 0.15;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.type-3 .box-monde-service-item__inner {
  padding: 2rem;
}

@media (min-width: 768px) and (max-width: 991px) {
  .type-3 .box-monde-service-item__inner {
    padding: 1.5rem;
  }
}

.type-1 .box-monde-service-item__content {
  height: 100%;
  background-color: #fff;
  padding: 1rem 1.4rem;
}

.type-2 .box-monde-service-item__content {
  padding-left: 1rem;
  padding-right: 1rem;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}

.type-1 .box-monde-service-item__title {
  line-height: 1.2;
}

@media (min-width: 768px) and (max-width: 991px) {
  .type-1 .box-monde-service-item__title {
    font-size: 26px;
  }
}

@media (min-width: 992px) and (max-width: 1439px) {
  .type-1 .box-monde-service-item__title {
    font-size: 28px;
  }
}

@media (min-width: 1086px) and (max-width: 1399px) {
  .type-1 .box-monde-service-item__title {
    font-size: 32px;
  }

  .type-3 .box-monde-service-item__title {
    font-size: 30px;
  }
}

@media (min-width: 1440px) {
  .type-1 .box-monde-service-item__title {
    font-size: 30px;
  }
}

.type-2 .box-monde-service-item__title {
  line-height: 1;
}

/* @media (max-width: 767px) {
  .type-2 .box-monde-service-item__title {
    font-size: 26px;
  }
} */

@media (min-width: 768px) and (max-width: 991px) {
  .type-2 .box-monde-service-item__title {
    font-size: 28px;
  }

  .tablet-col {
    flex: 0 0 auto;
    width: 100%;
  }

  .tablet-md-hide {
    display: none !important;
  }

  .type-2 .box-monde-service-item__title {
    font-size: 28px;
  }
}

@media (min-width: 992px) {
  .type-2 .box-monde-service-item__title {
    font-size: 30px;
  }
}

.type-3 .box-monde-service-item__title {
  line-height: 1.1;
}

/* @media (max-width: 767px) {
  .type-3 .box-monde-service-item__title {
    font-size: 26px;
  }
} */

@media (min-width: 768px) and (max-width: 991px) {
  .type-3 .box-monde-service-item__title {
    font-size: 27px;
  }
}

@media (min-width: 992px) and (max-width: 1439px) {
  .type-3 .box-monde-service-item__title {
    font-size: 28px;
  }
}

@media (min-width: 1086px) and (max-width: 1399px) {
  .type-3 .box-monde-service-item__title {
    font-size: 30px;
  }
}

@media (min-width: 1440px) {
  .type-3 .box-monde-service-item__title {
    font-size: 32px;
  }
}

.box-monde-service-item__visual {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .type-1 .box-monde-service-item__text {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .col-tab-3 {
    flex: 0 0 auto;
    width: 33.3333%;
  }
}

@media (min-width: 992px) {
  .type-1 .box-monde-service-item__text {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .type-3 .box-monde-service-item__text {
    display: none;
  }
}

@media (min-width: 992px) {
  .type-3 .box-monde-service-item__text {
    line-height: 1.2;
  }
}

@media (min-width: 1440px) {
  .type-3 .box-monde-service-item__text {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

/* @media (max-width: 767px) {
  .box-monde-service-item__link {
    font-size: 13px;
  }
} */

@media (min-width: 768px) and (max-width: 991px) {
  .box-monde-service-item__link {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  .box-monde-service-item__link {
    font-size: 16px;
  }
}

.box-monde-envies {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #f6f6f6;
}

.box-monde-envies__list {
  margin-left: -1.7rem;
  margin-right: -1.7rem;
  display: none;
}

@media (min-width: 768px) {
  .box-monde-envies__list {
    margin-left: 6rem;
    margin-right: 6rem;
  }
}

.box-monde-envies__list .slick-arrow {
  top: calc(50% - 20px);
}

.box-monde-envie {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.box-monde-envie__text {
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 1rem;
}

.box-monde-envie__link:hover {
  text-decoration: underline;
}

.box-monde-imagination {
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-bottom: 0;
}

.box-monde-imagination-item {
  margin-left: auto;
  margin-right: auto;
  max-width: 50rem;
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .no-touch .box-monde-imagination-item {
    overflow: hidden;
  }

  .no-touch .box-monde-imagination-item img {
    transition: transform 0.3s ease-out;
  }

  .no-touch .box-monde-imagination-item:hover img {
    transform: scale(1.1);
  }
}

@media (min-width: 768px) {
  .box-monde-imagination-item {
    text-align: center;
  }
}

.box-monde-imagination-item__link {
  display: block;
}

.box-monde-imagination-item__visual-container {
  position: relative;
  margin-bottom: 1rem;
}

.box-monde-imagination-item__visual-container:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.box-monde-imagination-item__visual-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.box-monde-imagination-item__visual {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.box-monde-imagination-item__title {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.box-monde-imagination-item__text {
  margin-bottom: 1rem;
}

.box-monde-imagination-item__conditions {
  color: #c39e36;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

#loading-result {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
}

.loading {
  background: #fafafa;
  width: 46%;
  position: relative;
  top: 220px;
  z-index: 8;
  margin: auto;
  overflow: hidden;
  padding: 20px;
}

/* .loader-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  z-index: 1; 
} */
.lds-roller {
  color: #c39e36;
}

.lds-roller,
.lds-roller div,
.lds-roller div:after {
  box-sizing: border-box;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: currentColor;
  margin: -3.6px 0 0 -3.6px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.gallery-thumbs {
  --outer-grid-columns-total: 1fr 1fr;
  /* --inner-grid-columns-total: 1fr 1fr; */
  --main-image-min-height: 472px;
  --other-thumbnail-images-min-height: 228px;
  display: grid;
  grid-gap: var(--gap-image);
}

.video-gallery {
  text-align: center;
  /* --outer-grid-columns-total: 1fr 1fr; */
  /* --inner-grid-columns-total: 1fr 1fr; */
  --main-image-min-height: 472px;
  --other-thumbnail-images-min-height: 228px;
  display: grid;
  grid-gap: var(--gap-image);
}

.photoGallery {
  --outer-grid-columns-total: 1fr 1fr;
  --inner-grid-columns-total: 1fr 1fr 1fr;
  --main-image-min-height: 472px;
  --other-thumbnail-images-min-height: 228px;
  display: grid;
  grid-gap: var(--gap-image);
}

.video-gallery {
  --gap-image: var(--space-6);
  position: relative;
  gap: var(--gap-image);
  grid-template-columns: var(--outer-grid-columns-total);
}

.gallery-main {
  --main-image-min-height: 472px;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.fancybox__container {
  z-index: var(--fancybox-zIndex, 1060) !important;
}

.gallery-main a {
  display: block;
  width: 100%;
  height: 100%;
}

.gallery-thumbs {
  --gap-image: var(--space-6);
  position: relative;
  width: 100%;
  height: 100%;
  grid-template-columns: var(--inner-grid-columns-total);
  gap: var(--gap-image);
}

.gallery-thumbs a {
  display: -webkit-box;
  display: flex;
  /* flex-direction: column; */
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  position: relative;
}

/* .gallery-main a img,
.gallery-thumbs a img {
  object-fit: cover;
  width: 100%;
  height: 510px;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
} */

.gallery-thumbs a img {
  object-fit: cover;
  width: 100%;
  height: 300px;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.gallery-main a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 506px;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.photoGallery a:hover img {
  filter: brightness(56%);
}

.ModalWidth {
  width: 70%;
}

.fancybox-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-top-color: red;
  animation: 1s ease-in-out infinite spin;
}

.Fort-Box {
  padding: 8px;
  /* border:1px solid #ced4da; */
  min-height: 72px !important;
  border-radius: 5px;
  height: 100%;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

.links-descriptions a.active-link {
  border-bottom: 3px solid #c39e36;
  /* background: #c39e36;
  position: relative;
  color: #fff !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); */
}

.ml-0 {
  margin-left: 0px !important;
}

/* .links-descriptions a.active-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  z-index: 10;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #c39e36;
} */

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.photoGallery a .txt-count {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.photoGallery a:hover .txt-count {
  visibility: visible;
  position: absolute;
  top: 45%;
  left: 37%;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  opacity: 1;
  display: block;
  text-align: center;
}

.banner-count-photo {
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  margin: 10px;
  padding: 4px 8px;
  box-sizing: border-box;
  text-align: left;
  background: rgba(51, 62, 80, 0.4);
  border-radius: 4px;
}

.banner-count-video {
  -webkit-box-align: center;
  align-items: center;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  margin: 10px;
  padding: 4px 8px;
  box-sizing: border-box;
  text-align: left;
  background: rgba(51, 62, 80, 0.4);
  border-radius: 4px;
}

@media (min-width: 768px) {

  a.after-five {
    display: none !important;
  }
}

#description h2 {
  font-size: 20px !important;
}

#description h3 {
  font-size: 18px !important;
}

.h-page__address-map {
  display: flex;
  align-items: end;
  justify-content: end;
  max-width: 100%;
  height: 92px;
  /* background: url(/images/map-button-img.png) 0 0 / cover no-repeat; */
  cursor: pointer;
  height: 500px !important;
}

.btnMap {
  border-top-left-radius: 8px;
}

.border-top-dashed {
  border-top: dashed 1px #c39e36;
}

@media (max-width: 768px) {
  .Cardlogin {
    border: #fff;
    border-radius: 5px !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    transition: 0.5s ease;
  }

  .customerButton::after {
    background-size: 1rem;
  }

  .Fort-Box {
    padding: 6px;
    font-size: 12px !important;
  }

  .ModalWidth {
    width: 90%;
  }

  .bloc-sorts {
    position: fixed;
    bottom: 15px;
    z-index: 10;
    right: 15%;
  }

  .h-page__address-map {
    max-width: 100% !important;
    height: 300px !important;
  }
}

/* added  with omra booking */
.indicators-dots button {
  border-radius: 50%;
  width: 5px !important;
  height: 5px !important;
  display: flex;
  align-items: end;
  justify-content: end;
}

.radius-8 {
  border-radius: 8px !important;
}

.radius-25 {
  border-radius: 25px !important;
}

.BtnMenu {
  border: none !important;
  color: #000 !important;
}

button.navbar-toggler.BtnMenu {
  box-shadow: none;
}

.BtnMenu.navbar-toggler {
  padding: 10px !important;
  line-height: 0px !important;
}

.tabs-engine .nav-tabs .nav-link.active {
  background: rgba(0, 0, 0, 0.8) !important;
  color: white !important;
  padding: 10px 15px !important;
}

/* @media only screen and (min-width: 767px) and (max-width: 860px) {
    .z-moteur {
        top: 1%;
        position: absolute;
        z-index: 10;
    }
} */
.gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 60%); */
  background: linear-gradient(124deg,
      rgba(0, 0, 0, 0.65) 26%,
      rgba(0, 0, 0, 0) 58%);
  opacity: 0.5;
  z-index: 1;
}

.see-more-hotels {
  min-width: 22%;
  /* background-color: #fff !important;
  color: #000 !important; */
}

.see-more-hotels:hover {
  min-width: 22%;
  /* background-color: #fff !important;
  color: #000 !important; */
}

.carousel-item img {
  position: relative;
  z-index: 0;
}

.carousel-caption {
  z-index: 2;
}

.underlined-title {
  position: relative;
}

.underlined-title::before {
  content: url("");
  display: block;
  position: absolute;
  left: 0%;
  bottom: -6px;
  width: 125px;
  height: 5px;
  background: #ffbb01;
  z-index: 999;
}

.bg-heart {
  width: 40px;
  background-color: white;
  display: flex;
  align-items: center !important;
  justify-content: center;
  height: 40px;
  color: black;
  border-radius: 50px;
}

/* COLORS */
.text-dark {
  color: #000 !important;
}

.text-green {
  color: #4d8800;
}

.secondary-color {
  color: #c39e36 !important;
}

.primary-color {
  color: #000 !important;
}

.color-white {
  color: white !important;
}

.color-green {
  color: #05a990 !important;
}

.color-green-fonce {
  color: #355f00 !important;
}

.text-cyan {
  color: #0070ff !important;
}

.text-primary {
  color: #c39e36 !important;
}

.TableStyle table,
.TableStyle th,
.TableStyle td {
  border: 1px solid #ced4da;
  border-collapse: collapse;
}

.TableStyle th,
.TableStyle td {
  padding: 20px;
}

.TableStyle th {
  width: 35%;
}

.établissementTable {
  border: 1px solid #ced4da !important;
  color: #000 !important;
}

.EmplacememtStyle ul {
  list-style-type: disc;
  padding-left: 1rem !important;
}

.EmplacememtStyle ul li {
  list-style-type: disc;
}

/* .EmplacememtStyle{
  margin-right: 3rem ;
} */
.overlay-text {
  position: relative;
  cursor: pointer;
}

.overlay {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Roombox {
  border: 1px solid #ced4da;
  border-radius: 5px;
  padding: 15px;
}

.scroll-x {
  overflow-x: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

.scroll-x::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}

.green-color {
  color: #58be4a;
}

.red-color {
  color: #ed1d24;
}

.shadow {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
}

.text-danger {
  color: #dc3545;
  font-size: 0.875rem;
}

.HeureContainer {
  border-radius: 5px;
  padding: 8px;
  display: flex;
  justify-content: space-around;
}

.progress {
  --bs-progress-height: 0.5rem !important;
}

/* BACKGROUNDS */
.bg-instagram {
  background: linear-gradient(45deg,
      #833ab4,
      #c13584,
      #e1306c,
      #fd1d1d,
      #f56040) !important;
}

.Modalproximité {
  --bs-modal-width: 50%;
}

.contact-social-media-icons {
  background: #c39e36;
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.bg-facebook {
  background-color: #3b5998 !important;
}

.bg-whatsapp {
  background-color: #25d366 !important;
}

.bg-black {
  background-color: #000;
}

.bg-primary {
  background-color: #c39e36 !important;
}

/* TOOLTIP BG */
.tooltip-inner {
  background-color: #c39e36;
}

.bg-opacity-primary {
  background-color: #f8f3e0 !important;
}

.bg-default {
  background-color: #f4f5fa !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

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

.bg-opacity-dark {
  background-color: rgb(0 0 0 / 60%);
}

/* BORDERS */
.border-none {
  border: none !important;
}

.bg-design {
  position: relative;
}

/* MODAL MAP HOME PAGE */
.bg-design:after {
  content: url(../images/home/bgBody.png) !important;
  position: absolute;
  bottom: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0px;
  z-index: 2;
  left: 0px;
  height: 160px !important;
  width: 530px !important;
}

.position-button-close-modal {
  position: absolute;
  top: -1%;
  right: -19px;
}

.btn-close {
  box-sizing: content-box;
  width: 15px !important;
  height: 15px !important;
  padding: 0.25em 0.25em;
  color: #000;
  /* background-color: white !important; */
  border: 0;
  border-radius: 50px;
  opacity: 1 !important;
}

.btn-tabs {
  color: black !important;
  border: 1px solid #c39e36 !important;
  background-color: white;
  border-radius: 20px;
  padding: 7px 5px;
}

/* MARGINS */
.ml-1 {
  margin-left: 10px !important;
}

.ml-2 {
  margin-left: 20px !important;
}

.mr-2 {
  margin-right: 20px !important;
}

.ml-3 {
  margin-left: 30px !important;
}

.input-news.form-control {
  border: none;
}

.input-news {
  width: 35%;
}

.input-news.form-control:focus {
  border: white !important;
  box-shadow: none !important;
}

input::placeholder {
  color: black !important;
}

.heartHotels {
  -webkit-text-stroke: 1px red !important;
  color: #fff;
  font-size: 16px;
  color: red;
}

.wrapper-best-deals {
  display: flex;
  grid-gap: 1em;
  overflow: hidden;
}

.wrapper-best-deals>.inner-best-deals {
  display: flex;
  grid-gap: 1em;
  transition: all 1s ease-in-out;
}

.map {
  margin-top: 1em;
}

.map>button {
  all: unset;
  background: #11406c;
  cursor: pointer;
  margin: 0 0.125em;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 100%;
  height: 1em;
  width: 1em;
}

.slick-prev {
  opacity: 0.7 !important;
  transform: translate(26%, -50%) !important;
}

.slick-next {
  opacity: 0.7 !important;
  transform: translate(-52%, -50%) !important;
}

.Roombox-item {
  min-width: 170px !important;
}

.map>button.active:after {
  background: #001d38;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  border-radius: 100%;
  height: 0.5em;
  width: 0.5em;
}

/* News Letter BackGround */
.bg-newsletter {
  background-color: #c39e36;
}

/* Default image */
.img-bg-plane {
  content: url("/images/home/planeBg.webp");
}

.btn-engine {
  background-color: #c39e36 !important;
  border: #c39e36 !important;
}

@media (min-width: 768px) {
  .SearchByHotel .slick-prev {
    left: -50px;
  }

  .SearchByHotel .slick-next {
    right: -50px;
  }

  .bg-newsletter {
    height: 97px !important;
  }

  .Box-White {
    background-color: #fff !important;
  }

  .box-beige {
    background: #e9e1d6;
  }
}

@media (max-width: 767px) {
  .Roombox {
    overflow-x: scroll;
  }

  .TableStyle th,
  .TableStyle td {
    padding: 10px !important;
    font-size: 12px !important;
  }

  .dropdown-item {
    font-size: 14px !important;
  }

  .Roombox {
    padding: 7px;
  }

  .review-score-box {
    background: transparent;
    font-size: 70%;
    padding: 0 0px !important;
  }

  .review-score-box .score__badge {
    font-size: 10px;
  }

  .bui-review-score__content {
    padding-top: 8px;
  }

  .score__title,
  .score__text {
    display: inline;
  }

  /* .logo-img {
    width: 120px;
    height: 50px;
  } */
  .txt-data::after {
    top: 40% !important;
    right: 11px !important;
    text-align: center;
    font-weight: 500 !important;
    font-size: 16px !important;
  }

  .gallery>li>images,
  .seeMorePhoto {
    width: 100% !important;
    height: 200px !important;
  }

  .gallery>li.firstimages {
    width: calc(200% / 3) !important;
  }

  .gallery>li {
    height: calc(100% / 3) !important;
    width: calc(100% / 3) !important;
  }

  .gallery>li>images,
  .seeMorePhoto {
    width: 100% !important;
    height: 200px !important;
  }

  .loading-images {
    width: 180px;
  }

  .fs-sm-12 {
    font-size: 12px;
  }

  .fix-recap .nav-pills .nav-link {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .fix-recap {
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 20;
    background: #fff !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
  }

  .span-note-fiche {
    padding: 6px !important;
  }

  .nav-pills .nav-link.active:before {
    border: none !important;
  }

  .pos-fav {
    vertical-align: middle;
  }

  .h-350 {
    height: 225px;

    object-fit: cover;
  }

  .promo-badge {
    padding: 3px;
    border-radius: 2px;
    background-color: rgb(225, 45, 45);
    color: #fff !important;
    font-size: 10px;
  }

  .breadcrumb {
    font-size: 12px;
  }

  .twitter-typeahead .tt-menu {
    top: 70px !important;
    width: 100%;
  }

  .mx-15-xs {
    color: #fff;
    background: #002446 !important;
  }

  .mx-15-px-xs {
    margin-left: -15px;
    margin-right: -15px;
  }

  .mx-15-xs a {
    color: #fff !important;
  }

  .box-favoris:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ad1380;
    top: -8px;
    border-top: 1px solid #ad1380;
    border-right: 1px solid #ad1380;
    right: 34%;
  }

  .box-favoris {
    display: none;
    padding: 15px;
    background-color: rgb(0 0 0 / 80%);
    margin-top: 0;
    -webkit-box-shadow: 0 0 5px 2px rgb(0 0 0 / 30%), 0 0 0 1px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 30%), 0 0 0 1px rgb(0 0 0 / 10%);
    -webkit-transition: opacity 0.2s, visibility 0.2s, margin-top 0.2s;
    transition: opacity 0.2s, visibility 0.2s, margin-top 0.2s;
    position: absolute;
    top: 43px;
    z-index: 40;
    width: 100%;
    left: 0%;
    color: #fff;
    background: #ad1380;
  }

  .h-250 {
    height: 220px;
    object-fit: cover;
  }

  .daterangepicker {
    width: 100%;
    left: 0px !important;
    top: 0px !important;
    position: fixed;
    margin-top: 0px;
    height: 90%;
  }

  .daterangepicker .drp-calendar.left {
    border-right: 0;
  }

  .daterangepicker .drp-calendar {
    max-width: 100% !important;
  }

  .daterangepicker .drp-buttons {
    position: sticky;
    width: 100%;
    bottom: 0px;
    background: #fff;
  }

  .daterangepicker:before,
  .daterangepicker:after {
    content: none !important;
  }

  .daterangepicker .calendar-table th,
  .daterangepicker .calendar-table td {
    padding: 0px;
    font-size: 12px;
  }

  .h-sm-200 {
    height: 200px !important;
    object-fit: cover;
  }

  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 100% !important;
  }

  .ui-datepicker-multi .ui-datepicker-group {
    float: inherit;
  }

  .ui-datepicker {
    left: 0px !important;
    padding: 5px !important;
    min-width: 100% !important;
    width: auto !important;
    min-width: 100% !important;
    font-size: 12px !important;
    background-color: #fff;
    z-index: 99999 !important;
    -webkit-box-shadow: 0 10px 25px -14px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0 10px 25px -14px rgba(0, 0, 0, 0.75);
    box-shadow: 0 10px 25px -14px rgb(0 0 0 / 75%);
    position: fixed !important;
    top: 0% !important;
    height: 100%;
    overflow: auto;
  }

  .padding-mob-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .socials-share {
    top: 6rem !important;
    right: 1rem !important;
  }

  .nav-fiche .nav-link {
    padding: 4px;
    font-size: 10px;
    color: #000 !important;
  }

  .type-2 .box-monde-service-item__title {
    font-size: 26px;
  }

  .type-3 .box-monde-service-item__title {
    font-size: 26px;
  }

  .box-monde-service-item__link {
    font-size: 13px;
  }

  .img-bg-plane {
    content: url("/images/home/flight-mobile.webp");
  }

  .input-news {
    width: 70%;
  }

  .boxDeals {
    padding: 5px;
  }

  .Box-White {
    background-color: none !important;
  }

  .box-beige {
    background: #e9e1d6;
    border-radius: 3px;
    position: relative;
  }

  .bg-mobile-moteur .bg-light {
    background-color: #f7f2e8 !important;
    position: relative;
  }

  .ml-sm-0 {
    margin-left: 0;
  }

  .pl-sm-0 {
    padding-left: 0px;
  }

  .desti-content.flex-wrap.d-flex.radius-sm-35 {
    border-radius: 35px !important;
  }

  .radius-sm-35 {
    border-radius: 35px !important;
  }

  .mobile-resa-header {
    display: block !important;
  }
}

/* CARROUSEL HOTEL  */
.carousel-indicators.indicators-carousel-hotels {
  position: unset !important;
  justify-content: end !important;
  margin: 0px !important;
}

button.dots-carousel-hotel {
  border-radius: 50% !important;
  height: 10px !important;
  width: 10px !important;
}

button.dots-carousel-Searchbyhotel {
  border-radius: 50% !important;
  height: 9px !important;
  width: 9px !important;
}

.buttonbutton.active.dots-carousel-Searchbyhotel {
  border-radius: 50% !important;
  height: 9px !important;
  width: 9px !important;
}

button.active.dots-carousel-hotel {
  border-radius: 50% !important;
  height: 10px !important;
  width: 10px !important;
}

/* PLANE OVERLAY */
.overlay-black-op-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0;
}

.radius-40 {
  border-radius: 40px;
}

.text-underlined {
  text-decoration: underline !important;
}

.z-index-999 {
  z-index: 999 !important;
}

.z-index-10 {
  z-index: 10;
}

.bg-advantages-icons {
  background: #f7f2e8;
  border-radius: 50%;
  height: 77px;
  width: 77px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
}

.line-height-25 {
  line-height: 25px;
}

.display-hidden {
  display: none;
}

.mb-40 {
  margin-bottom: 40px;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "|");
}

.line-height-25 {
  line-height: 25px;
}

/* CONTACT INPUTS */
.input-contact {
  padding: 15px 30px;
  border: 1px #c39e36 solid !important;
}

.input-contact.form-control:focus {
  border: 1px #c39e36 solid !important;
  box-shadow: none !important;
}

.input-contact.form-control::placeholder {
  color: gray !important;
}

.gray-color {
  color: gray;
}

.badge-Gold {
  background-color: #f7f2e8 !important;
  color: #000 !important;
}

.rotate-180 {
  display: inline-block;
  transform: rotate(90deg);
}

.engine .js-days-value {
  margin-left: 50px;
  margin-top: -30px;
  padding-bottom: 3px;
}

.engine-hotel .js-days-value {
  margin-left: 46px;
  margin-top: -30px;
  padding-bottom: 6px;
}

.engine .engine-interne .js-days-value {
  margin-left: 50px;
  margin-top: -30px;
  padding-bottom: 6px;
}

/* TABLET DIMONTION */
@media (min-width: 767px) and (max-width: 1199px) {
  .tablet-hide {
    display: none !important;
  }

  .bg-newsletter {
    height: 165px !important;
  }

  .tablet-column {
    flex-direction: column;
  }

  .p-tablet-10 {
    padding: 10px !important;
  }

  .font-38 {
    font-size: 26px !important;
  }

  .font-26 {
    font-size: 18px !important;
  }
}

.z-index-1 {
  z-index: 1 !important;
}

/* .connectez-vous .card-body{
  background-color: #f7f2e8;
} */
.AStyle,
.AStyle:hover {
  text-decoration: underline !important;
  color: #c39e36 !important;
}

.resa-hotel-img {
  height: 250px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}

.border-date {
  border-bottom: 1px dashed #c39e36;
  border-top: 1px dashed #c39e36;
}

.border-btm {
  border-bottom: 1px dashed #c39e36;
}

/* .codepromocontainer{
  background-color:#c39e36 ;
} */
.underlined-title-hotel {
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
  text-align: center;
}

.underlined-title-hotel::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 3px;
  background-color: #101955;
}

.underlined-title-hotel::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 6px;
  height: 5px;
  background-color: #c39e36;
  border: 1px solid #fff;
  border-radius: 2px;
  z-index: 1;
}

.mobile-resa-header {
  display: none;
}

.left-detail-hotel {
  border-right: 2px solid #94999f !important;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}

.txt-info-details {
  font-size: 13px;
  font-weight: 500;
}

.plud-details {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.detail-body {
  padding: 8px 20px 8px 20px;
}

/* Hotel photos galery */
button.fancybox-button.fancybox-button--close {
  background: #dfdfe3 !important;
  margin-top: 25px !important;
  margin-right: 25px !important;
  border-radius: 50% !important;
  color: rgba(30, 30, 30, 0.6) !important;
}

button.fancybox-button.fancybox-button--close:hover {
  color: rgba(30, 30, 30, 0.6) !important;
}

button.fancybox-button.fancybox-button--zoom {
  display: none !important;
}

img.fancybox-image {
  border-radius: 10px;
}

.cancellation-policy {
  position: relative;
  display: inline-block;
}

.tooltip {
  visibility: hidden;
  width: 150px;
  background-color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 3px;
  position: absolute;
  bottom: 0;
  left: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 9999;
}

.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.cancellation-policy:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.text-shadow {
  text-shadow: 3px 3px 5px #000;
}

/* Select 2 language selection header */
.select2-selection__rendered div {
  display: flex !important;
}

.select2-selection__rendered div div {
  margin-left: 10px !important;
}

.select2-results__option div {
  display: flex !important;
}

.select2-results__option div div {
  margin-left: 10px !important;
}

.select2-container--default .select2-selection--single {
  border: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #c39e36 !important;
}

span.select2-search.select2-search--dropdown {
  display: none;
}

/* LOGIN INPUTS */
.form-group-custom span#basic-addon1 {
  border: 1px solid #c39e36;
  border-right: none;
  background-color: white;
  border-radius: 5px 0px 0px 5px;
  padding: 5px 10px;
}

.form-group-custom input#email {
  padding: 7px;
  border-left: none !important;
}

.form-group-custom input#reference {
  padding: 7px;
  border-left: none !important;
}

.form-group-custom input#password {
  padding: 7px;
  border-left: none !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

/* PHONE NUMBER  */
.iti {
  width: 100%;
}

.iti__country {
  padding: 10px 10px !important;
}

.form-group-custom input#email2 {
  padding: 7px;
  border-left: none !important;
}

.form-group-custom input#lastName {
  padding: 7px;
  border-left: none !important;
}

.form-group-custom input#firstName {
  padding: 7px;
  border-left: none !important;
}

.eye-password {
  right: 2%;
  top: 35%;
}

.Edit-password {
  right: 2%;
  top: 22%;
}

.btn-close:focus {
  box-shadow: none !important;
}

#connectez-vous .modal-dialog {
  position: relative;
  top: 25%;
  z-index: 8;
  margin: auto;
  overflow: hidden;
}

#connectez-vous .eye-password {
  right: 4% !important;
}

.min-vh-50 {
  min-height: 50vh !important;
}

.blog-link {
  border-bottom: 2px solid #101955 !important;
}

.blog-link:hover {
  border-bottom: 2px solid #c39e36 !important;
  transition: border-bottom 0.3s ease, color 0.3s ease;

  color: white !important;
}

.blog:hover {
  transform: translateY(-4px);
  transition: transform 0.3s ease;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 13px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}

@keyframes l5 {
  0% {
    box-shadow: 20px 0 #fff, -20px 0 #fff2;
    background: #fff;
  }

  33% {
    box-shadow: 20px 0 #fff, -20px 0 #fff2;
    background: #fff2;
  }

  66% {
    box-shadow: 20px 0 #fff2, -20px 0 #fff;
    background: #fff2;
  }

  100% {
    box-shadow: 20px 0 #fff2, -20px 0 #fff;
    background: #fff;
  }
}

ol.breadcrumb {
  font-size: 14px;
  font-weight: 500;
}

li.breadcrumb-item a {
  color: #101955 !important;
}

.card-header {
  background-color: white;
  padding: 15px 15px;
}

/* BADGES OUTLINED */
.badge-outlined-warning {
  color: #d46b08;
  background: #fff7e6;
  border-color: #d46b08;
}

.table {
  border-color: #f1f1f1;
}

.text-info-custom {
  color: #0f5de4 !important;
}

.text-info-custom:hover {
  color: #0f5de4 !important;
  text-decoration: underline !important;
}

.rounded-left {
  border-radius: 8px 0px 0px 8px;
}

.rounded-style {
  border-radius: 8px 0px 0px 8px;
}

.dropdown-item {
  font-size: 14px;
  font-weight: 500;
}

.custom-width {
  width: 30% !important;
}

.custom-border-top {
  border-top: 1px solid #ccc;
  /* Gris personnalisé */
}

.carousel-overlay.pax-overlay {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/*  Card fiche Styling */
.feature-card {
  background: #fff;
  border-radius: 12px;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
  /* padding: 12px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  height: 100%;
  border: 1px solid #f1f1f1;
}

.card-content {
  display: flex;
  align-items: center;
  text-align: center;
}

.icon-wrapper {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrapper i {
  font-size: 20px;
}

.feature-text {
  font-size: 14px;
  color: #262626;
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 576px) {


  .col-sm-12 {
    flex: 0 0 auto !important;
    width: 100% !important;
  }


}

@media (min-width: 768px) {
  .col-md-9 {
    flex: 0 0 auto !important;
    width: 75% !important;
  }

}


.show-more-btn,
.show-less-btn {
  background: none;
  border: none;
  /* color: #0071c2; */
  font-weight: 600;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 6px;
  text-decoration: underline;
}

.show-more-btn:hover,
.show-less-btn:hover {
  background-color: rgba(0, 113, 194, 0.05);
}


/* Responsive tweaks */
@media (max-width: 768px) {
  .feature-card {
    padding: 10px;
  }

  .icon-wrapper {
    width: 40px;
    height: 40px;
  }

  .icon-wrapper i {
    font-size: 16px;
  }

  .feature-text {
    font-size: 13px;
  }
}


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

.color-red {
  color: #8b0000 !important;
}

.fa-heart-stroke {
  -webkit-text-stroke: transparent;
}



.gray-border {
  border: 1px solid #ced4da !important;
}

.phoneprefix {
  padding: 10px 12px !important;
  /* padding inside select box */
}

select.phoneprefix option {
  padding: 10px 12px !important;
  /* might be ignored in most browsers */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: unset !important;
}

.select2-container .select2-search--inline {
  float: none !important;
}

.review-text-truncated {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: calc(1.5em * 4);
  /* Ensure height matches 7 lines */
  white-space: normal;
  /* Important for multiline */
}


.review-text-truncated.expanded {
  -webkit-line-clamp: unset;
  line-clamp: unset;
  max-height: none;
  overflow: visible;
}

.review-see-more {
  margin-top: 8px;
}

.see-more-link {
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
}

.see-more-link:hover {
  text-decoration: underline;
}

.borderUser {
  border: 2px solid #c39e36 !important;
  border-radius: 100%;
  padding: 6px;
  width: 40px;
  height: 40px;
}

.text-bg-gold {
  color: #fff !important;
  background-color: #c39e36 !important;

}

.kXfgXX {
  display: flex;
  flex-wrap: nowrap;
  height: auto;
  overflow: hidden;
  margin: auto 0px 0px;
}

.iHEilU {
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
  margin-top: 4px;
  box-sizing: border-box;
  min-height: 26px;
  border-radius: 21px;
  border: 1px solid rgb(234, 234, 235);
  padding: 5px 11px;
  color: rgb(60, 60, 60);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
  gap: 4px;
  line-break: anywhere;
}

.strengthsWrapper {
  display: flex;
  flex-wrap: wrap;
}

.strength {
  display: inline-flex;
  gap: .5rem;
  font-size: 14px;
}

.strength .icon-wrapper {
  position: relative;
  display: inline-block;
  width: 1em;
  /* enough to contain the icon */
  height: 1em;
  line-height: 1;
}

.strength .icon {
  font-size: 14px;
  display: block;
}


/* diagonal bar similar to original rotated block */
.strength.unavailable .icon-wrapper::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 98%;
  width: 2px;
  height: 18px;
  background-color: #c39e36;
  transform: rotate(45deg) translateX(-50%);
  transform-origin: top left;
  pointer-events: none;
}

.w-80 {
  width: 80% !important;
}

.custom-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.custom-tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #333;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 8px 12px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 13px;
}

.custom-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.custom-tooltip .excl {
  color: #fff;
  background: #c39e36;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-left: 8px;
  font-size: 15px;
  vertical-align: middle;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1.5px solid #c39e36;
  transition: box-shadow 0.2s;
}

.custom-tooltip .excl svg {
  width: 14px;
  height: 14px;
  display: block;
}

.review-carousel-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
  white-space: normal;
  line-clamp: 3;
}

/* Discovery Section Clickable Cards Styles */
.discoverySection a.text-decoration-none {
  color: inherit;
  display: block;
  height: 100%;
}

.discoverySection a.text-decoration-none:hover {
  color: inherit;
  text-decoration: none !important;
}

/* Ensure the card maintains its hover effects */
.discoverySection a:hover .desti-item {
  transform: none;
}

/* Make sure the overlay text remains white */
.discoverySection a .overlayHomePage {
  color: #fff !important;
}

.discoverySection a .overlayHomePage div {
  color: #fff !important;
}

/* Ensure proper cursor */
.discoverySection .desti-item {
  cursor: pointer;
}

.testimonial .card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.testimonial .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.review-content {
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 768px) {
  .testimonial .card {
    max-height: 400px;
  }

  .review-content {
    max-height: 80px;
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
}

@media print {

  /* Hide header and navigation */
  .bg-pages-nav,
  header,
  nav,
  .breadcrumb,
  .hero_stepper,
  .no-print {
    display: none !important;
  }

  /* Hide footer */
  footer {
    display: none !important;
  }

  /* Ensure main content takes full width */
  body {
    margin: 0 !important;
    padding: 0 !important;
  }

  .container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
  }

  /* Optimize content for printing */
  .card {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
  }

  /* Ensure page breaks are handled well */
  .card {
    page-break-inside: avoid;
  }
}

.icon-dm {
  height: 18px;
  width: 18px;
}

.stepper-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  position: relative;
}

.stepper-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
}

.stepper-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  z-index: 2;
  background: #e9ecef;
  color: #6c757d;
  border: 2px solid #e9ecef;
}

.stepper-item.completed .stepper-circle {
  background: #007bff;
  color: white;
  border-color: #007bff;
}

.stepper-item.active .stepper-circle {
  background: #007bff;
  color: white;
  border-color: #007bff;
}

.stepper-line {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #e9ecef;
  z-index: 1;
}

.stepper-item.completed .stepper-line {
  background: #007bff;
}

.stepper-item:last-child .stepper-line {
  display: none;
}

.stepper-label {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #007bff;
  max-width: 80px;
}

.stepper-item:not(.active) .stepper-label {
  display: none;
}

@media (max-width: 576px) {
  .stepper-circle {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }

  .stepper-line {
    top: 17.5px;
  }

  .stepper-label {
    font-size: 11px;
    max-width: 70px;
  }
}

/* Elegant Mobile Stepper */
.booking-stepper {
  padding: 2rem 1rem;
  background: #fff;
}

.stepper-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  max-width: 300px;
  margin: 0 auto;
}

.stepper-container::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  height: 2px;
  background: #e9ecef;
  z-index: 1;
}

.stepper-container::after {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 50%;
  height: 2px;
  background: #c39e36;
  z-index: 2;
}

.stepper-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 3;
}

.stepper-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.stepper-step.completed .stepper-circle {
  background: #c39e36;
  color: white;
}

.stepper-step.active .stepper-circle {
  background: #c39e36;
  color: white;
}

.stepper-step.pending .stepper-circle {
  background: #f8f9fa;
  color: #6c757d;
  border: 2px solid #e9ecef;
}

.stepper-text {
  margin-top: 0.5rem;
  font-size: 12px;
  font-weight: 600;
  color: #c39e36;
  text-align: center;
  line-height: 1.3;
  opacity: 0;
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

.stepper-step.active .stepper-text {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 576px) {
  .booking-stepper {
    padding: 0.5rem 0.5rem;
  }

  .stepper-circle {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .stepper-container::before,
  .stepper-container::after {
    top: 18px;
  }

  .stepper-text {
    font-size: 11px;
  }
}

.w-h-100 {
  width: 130px !important;
  height: 100px !important;
}