/* fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Knewave&family=Lexend:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

/* ---------------- Basic css ------------------ */
:root {
  scroll-behavior: unset;
  --white: #ffffff;
  --black: #000000;
  --pink: #dd1062;

  --white_img: brightness(0) saturate(100%) invert(99%) sepia(0%)
    saturate(7498%) hue-rotate(67deg) brightness(112%) contrast(100%);
  --black_img: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(16%);

  --primaryfont: "Lexend", sans-serif;
  --secondaryfont: "Knewave", system-ui;
  --thirdfont: "Josefin Sans", sans-serif;
  --fourthfont: "Inter", sans-serif;

  --menuHeight1: 5.2rem;
  --menuHeight2: 9.6rem;
}

img {
  width: 100%;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none !important;
  transition: 200ms;
  color: inherit;
}

.f-right {
  float: right;
}
button:focus,
a:focus,
input:focus,
textarea:focus {
  outline: none;
}

button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
}

/* body */
body {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
  color: #555555;
  overflow-x: hidden;
  font-family: var(--primaryfont);
  background: var(--white);
}

.container {
  padding-left: 0;
  padding-right: 0;
}

main {
  position: relative;
  width: 100%;
}

.figure img,
.figure {
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-family: var(--primaryfont);
  color: #333333;
}

/* image colros */
.white_img {
  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(0%)
    saturate(7498%) hue-rotate(67deg) brightness(112%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(7498%)
    hue-rotate(67deg) brightness(112%) contrast(100%);
}
.black_img {
  -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(0%)
    saturate(16%) hue-rotate(309deg) brightness(93%) contrast(107%);
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(16%)
    hue-rotate(309deg) brightness(93%) contrast(107%);
}

/* font_secondary */
.font_secondary {
  font-family: var(--secondaryfont);
}

/* Font Weights */
.f_300 {
  font-weight: 300 !important;
}
.f_400 {
  font-weight: 400 !important;
}
.f_500 {
  font-weight: 500 !important;
}
.f_600 {
  font-weight: 600 !important;
}
.f_700 {
  font-weight: 700 !important;
}
.f_800 {
  font-weight: 800 !important;
}
.f_900 {
  font-weight: 900 !important;
}

/* titles */
.title_64 {
  font-size: 6.4rem;
  line-height: 5.9rem;
  letter-spacing: -0.08em;
}

.title_32 {
  font-size: 3.2rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.title_30 {
  font-size: 3rem;
  line-height: 1.2;
}

.title_24 {
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

/* texts */
.text_xl {
  font-size: 2rem;
}
.text_lg {
  font-size: 1.8rem;
}
.text_md {
  font-size: 1.6rem;
}
.text_sm {
  font-size: 1.4rem;
}
.text_xsm {
  font-size: 1.2rem;
}

/* ========================= #Progress ======================= */
.progress-wrap {
  position: fixed;
  right: 2.4rem;
  bottom: 12rem;
  height: 4.5rem;
  width: 4.5rem;
  cursor: pointer;
  display: block;
  border-radius: 5rem;
  box-shadow: inset 0 0 0 0.2rem rgba(0, 0, 0, 0.2);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1.5rem);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  background: #ffffff;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.arrow_top {
  width: 2rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  filter: brightness(0) saturate(100%) invert(32%) sepia(91%) saturate(927%)
    hue-rotate(307deg) brightness(110%) contrast(80%);
}

.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: var(--pink); /* --- Lijn progres kleur --- */
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap svg {
  filter: brightness(0) saturate(100%) invert(20%) sepia(56%) saturate(3785%)
    hue-rotate(318deg) brightness(98%) contrast(111%);
}

/* ============= Buttons area ============== */

/* mx-auto */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* -------------- Header Styles by Sahriar --------------- */
.site_header {
  padding: 0;
  position: sticky;
  z-index: 999999;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: transparent;
}

.header_bottom {
  height: var(--menuHeight2);
  display: flex;
  align-items: center;
}

.site_header.sticky {
  box-shadow: 0 0.6rem 0.8rem 0 rgb(17, 17, 17, 0.1);
  background: var(--white);
}

.navbar {
  margin: 0;
  padding: 0;
}

.main_menu {
  gap: 2.7rem;
}

.main_menu li > a,
.menu_link {
  font-size: 1.6rem;
  color: #111111;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.main_menu li a:hover {
  color: var(--pink);
}

.logo img {
  width: 19.1rem;
}

.header_btn {
  background: #dd1062;
  color: var(--white);
  height: 5.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.2rem;
  border-radius: 0.9rem;
}

.header_actions .header_btn {
  margin: 0 0 0 3.4rem;
}

.header_btn:hover {
  background: #b81657;
}

.Hamburger_icon {
  width: 3.5rem;
}

/* ======== header_top ======== */
.header_top {
  height: var(--menuHeight1);
  display: flex;
  align-items: center;
  background: #d7dbed;
}

.header_top .container > a {
  text-decoration: underline !important;
}

.header_top a {
  color: #333333;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  white-space: nowrap;
}

.header_top a:hover {
  color: #000000;
}

.icon_26 {
  width: 2.6rem;
}

/* ========== hero_area ======== */
.hero_top {
  background: #d4e9ff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 5.2rem;
  padding-top: 1.5rem;
  border: 0.1rem solid #dbdbdb;
  border-bottom: 0;
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
}

.hero_img {
  width: 78.5rem;
}

.hero_top h1 {
  color: #4894ad;
}

/* ================ hero_area ================== */
.hero_bottom {
  padding: 3rem 3.3rem 5.3rem 3.3rem;
}

.form_group label {
  color: #62748e;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  display: block;
  line-height: 1;
}

.form_control {
  height: 5.7rem;
  border: 0.1rem solid #c6c6c6;
  border-radius: 0.6rem;
  padding: 0 1.6rem;
  display: flex;
  align-items: center;
  width: 100%;
}

.form_control .current,
.form_control::placeholder,
.form_control {
  color: #333333;
  font-size: 1.6rem;
  font-weight: 600;
}

.nice-select:after {
  border-bottom: 0.2rem solid #8e8e93;
  border-right: 0.2rem solid #8e8e93;
  content: "";
  display: block;
  height: 0.7rem;
  margin-top: -0.5rem;
  pointer-events: none;
  right: 1.5rem;
  top: 50%;
  width: 0.7rem;
}

.list {
  width: 100%;
  border: 0.1rem solid #c6c6c6;
  border-radius: 0.6rem !important;
}

.nice-select .option {
  line-height: 4rem;
  min-height: 4rem;
  font-size: 1.6rem;
  padding: 0 1.6rem;
}

.nice-select .option:hover {
  background: #f1f1f1;
}

.icon_34 {
  width: 3.4rem;
}

.hero_bottom > .row {
  --bs-gutter-x: 2rem;
}

.hero_bottom button[type="submit"] {
  height: 5.7rem;
  background: #5fd668;
  padding: 0 1.5rem 0 2rem;
  border-radius: 0.6rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  transition: 0.35s ease;
}

.hero_bottom button[type="submit"]:hover {
  background: #39ac43;
}

.hero_bottom > .row > .col-lg-4 {
  display: flex;
  align-items: end;
}

.hero_bottom {
  border: 0.1rem solid #dbdbdb;
  border-top: 0;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}

.hero_content {
  border-radius: 1.6rem;
  box-shadow: 0rem 1rem 6.88rem 0rem #cacaca5e;
}

.hero_area {
  padding-bottom: 6.5rem;
}

/* =============== travels_area ============== */
.section_top h2.title_32 span {
  position: relative;
  display: inline;
}

.section_top h2.title_32 span img {
  position: absolute;
  width: 8.9rem;
  left: -0.5rem;
  bottom: 0.25rem;
}

.travels_content {
  padding: 2.4rem;
  border-radius: 1.6rem;
  border: 0.1rem solid #dbdbdb;
  display: flex;
  gap: 4.3rem;
}

.travels_img {
  width: 46.3rem;
  flex: 0 0 auto;
  display: block;
  position: relative;
}

.travels_badge {
  position: absolute;
  top: 2.3rem;
  left: 0;
  padding: 0 1.95rem;
  height: 4.4rem;
  background: #ffbf00;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  border-bottom-right-radius: 10rem;
  border-top-right-radius: 10rem;
  line-height: 1;
}

.five_stars {
  width: 13.7rem;
}

.travels_info_top h3 {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.35;
}

.travels_info_list li > span {
  color: #555555;
  line-height: 2.8rem;
  display: inline-block;
}

.travels_info_list h4 {
  color: #1a1a1a;
  padding: 0.4rem 0 0.8rem;
}

.travels_info_list {
  display: flex;
  justify-content: space-between;
}

.discount {
  color: #282828;
  font-size: 1.2rem;
  font-weight: 700;
  height: 2rem;
  background: #ffc445;
  padding: 0 1.1rem;
  display: inline-flex;
  align-items: center;
  border-radius: 0.4rem;
  line-height: 2rem;
}

.travels_info_list li > p {
  color: #212121;
  font-weight: 600;
}

.travels_info_list li > p span {
  color: #1faf38;
}

.travels_info {
  min-height: 34.7rem;
  display: grid;
  align-content: space-between;
}

.hills_img {
  min-height: 34.7rem;
  object-fit: cover;
  border-radius: 1.6rem;
}

.btn {
  height: 5.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5.5rem;
  border-radius: 10rem;
  background: var(--pink);
  border: 0.1rem solid var(--pink);
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  transition: 0.25s ease;
  width: fit-content;
}

.btn:hover {
  background: #a30e4a;
  color: #fff;
}

.btn.v2 {
  padding: 0 3rem;
}

.btn_transparent {
  background: transparent;
  color: #1a1a1a;
  border: 0.1rem solid #cbcbcb;
}

.btn_transparent:hover {
  color: #1a1a1a;
  background: #f1f1f1;
}

.travels_info_btns {
  gap: 1.3rem;
}

.travels_info_btns .btn_transparent {
  padding: 0 4rem;
}

.swiper-pagination {
  position: static;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3.4rem;
}

.swiper-pagination-bullet {
  width: 4.2rem;
  height: 0.8rem;
  border-radius: 10rem;
  background: #ededed;
  opacity: 1;
  margin: 0 0.2rem !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #80b5f4;
}

/* ============= traveler_type_area ============== */

.traveler_type_area {
  padding-top: 17rem;
}

.traveler_type_box > img {
  width: 18.3rem;
}

.traveler_type_boxes {
  gap: 12.7rem;
}

/* ============= traveler_type_area ============== */
.partner_area {
  padding-top: 12rem;
}

.partner {
  width: 14rem;
}

.partner_boxes {
  gap: 3.5rem;
}

/* ============= events_festivals_area ============== */
.ev_img img {
  height: 41.8rem;
  object-fit: cover;
  border-radius: 1.2rem;
}

.ev_top {
  padding: 2.4rem;
}

.icon_24 {
  width: 2.4rem;
}

.ev_top ul li {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #333333;
}

.ev_top ul {
  display: grid;
  gap: 1rem;
}

.ev_bottom {
  padding: 1rem 1rem 1rem 2rem;
  background: #d7dbed;
  justify-content: space-between !important;
  border-top: 0.1rem solid #b6b8c2;
}

.ev_info {
  background: #fff;
  width: calc(100% - 4rem);
  margin: 0 auto;
  margin-top: -10rem;
  position: relative;
  z-index: 1;
  border-radius: 0.9rem;
  border: 0.1rem solid #dbdbdb;
  overflow: hidden;
}

.ev_bottom_left p {
  color: #333333;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.4rem;
}

.ev_bottom_left span {
  color: #333333;
  font-size: 2.7rem;
  font-weight: 500;
  line-height: 1;
}

.ev_bottom .btn {
  padding: 0 2rem;
  height: 4.4rem;
  font-weight: 500;
}

.events_festivals_area .row {
  --bs-gutter-x: 4rem;
  gap: 2rem 0;
}

.ev_top p.p1 {
  height: 7rem;
  line-height: 2.25rem;
}

.title_underline2 {
  width: 19.5rem !important;
}

/* ===================== destination_area ===================== */
.dest_img img {
  height: 31.1rem;
  object-fit: cover;
}

.dest_info {
  padding: 2.4rem;
}

.destination_box {
  position: relative;
  border: 0.1rem solid #dbdbdb;
  border-radius: 2.5rem;
  overflow: hidden;
  box-shadow: 0.4rem 0.9rem 5.9rem 0 rgb(167, 167, 167, 0.15);
}

.dest_info .five_stars {
  width: 11.6rem;
}

.dest_info .stars {
  display: flex;
  gap: 0.8rem;
}

.dest_info .stars p {
  color: #1a1a1a;
  font-weight: 400 !important;
}

.dest_info_inner > p {
  color: #1a1a1a;
  padding-bottom: 1rem;
}

.dest_info_inner .title_32 {
  color: #dd1062;
}

.dest_info a.btn {
  width: 100%;
}

.arun_img {
  width: 6.9rem;
}

.text_dark {
  color: #1a1a1a;
}

.dest_mid {
  padding: 5rem 0 2.5rem;
}

.dest_mid_left .text_xl {
  display: block;
  font-weight: 500;
}

.dest_mid > a {
  background: #dde8ff;
  height: 4.4rem;
  color: #3679ff;
  border: 0.1rem solid #3679ff;
  display: flex;
  align-items: center;
  padding: 0 2.7rem;
  border-radius: 10rem;
}

.dest_mid > a:hover {
  background: #3679ff;
  color: #fff;
}

.travel_date > div p {
  color: #1a1a1a;
}

.travel_date > div span {
  color: #333333;
  line-height: 1.2;
  text-transform: capitalize;
}

.travel_date > p {
  color: #565656;
}

.travel_date > p.v2 {
  color: #30b94e;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.travel_date {
  margin-bottom: 2rem;
}

.destination_area .row {
  --bs-gutter-x: 1.6rem;
  --bs-gutter-y: 3.2rem;
}

/* ==================== whatsappCh_area ======================= */
.wh_chanel {
  width: 57.2rem;
}

.wh_icon {
  width: 4rem;
}

.whatsapp_ch_content {
  display: flex;
  align-items: center;
  border: 0.1rem solid #dedede;
  overflow: hidden;
  border-radius: 0.8rem;
}

.whatsapp_ch_content_inner ul li {
  gap: 1.2rem;
}

.whatsapp_ch_content_inner ul {
  display: grid;
  gap: 1.5rem;
}

.whatsapp_ch_content_inner ul li span {
  color: #3c3c3c;
  padding-bottom: 0.5rem;
  display: inline-block;
}

.whatsapp_ch_content_inner ul li p {
  color: #8c8c92;
}

.whatsapp_ch_content_inner {
  margin-left: -2rem;
}

.whatsappCh_area {
  padding-top: 8rem;
  padding-bottom: 15rem;
}

.whatsapp_ch_content_inner > a,
.wh_btn {
  background: #60d669;
  height: 4.8rem;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  width: fit-content;
  gap: 0.8rem;
  padding: 0 4rem 0 5rem;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  border-radius: 0.6rem;
}

.whatsapp_ch_content_inner > a img,
.wh_btn img {
  width: 2.8rem;
}

.whatsapp_ch_content_inner > a:hover,
.wh_btn:hover {
  background: #2ca535;
}

.whatsapp_ch_content_inner h2 {
  color: #3c3c3c;
  font-weight: 700;
}

/* =================== vibe_area ============== */

.vibe_area {
  padding-top: 14rem;
}

.vibe_area .title_32 {
  font-size: 3rem;
  color: #363636;
}

.dark_v2 {
  color: #363636 !important;
}

/* =================== speciality_area ============== */
.speciality_area {
  padding-top: 12rem;
}

.speciality_box img {
  width: 4.2rem;
}

.speciality_area .row {
  --bs-gutter-x: 7.8rem;
  --bs-gutter-y: 3.9rem;
}

.speciality_content {
  max-width: 92rem;
  margin: 0 auto;
}

.speciality_box p br {
  display: none;
}

/* ============== FAQ area ============= */
.faq_area {
  padding-top: 15rem;
}

.accordion_item .arrow_down {
  transition: transform 0.3s ease;
}

.accordion_item.active .arrow_down {
  transform: rotate(180deg);
}

.icon_20 {
  width: 2rem;
}

.faq_content_left {
  height: 100%;
  background: #edf4fd;
  padding: 3.2rem;
  border-radius: 1rem;
}

.faq_img {
  width: 18.2rem;
  margin: 0 auto;
  display: block;
}

.faq_content_left p.text_xl {
  color: #363636;
}

.faq_content_left p:not(.text_xl) {
  color: #363636;
}

.faq_content_left .wh_btn img {
  width: 2rem;
}

.faq_content_left .wh_btn {
  background: #4ec545;
  gap: 1.5rem;
  font-size: 1.8rem;
  width: 100%;
  justify-content: center;
}

.faq_content_left a:not(.wh_btn) {
  color: #191e3b;
  font-size: 1.4rem;
  text-align: center;
  display: block;
}

.faq_content_left a:not(.wh_btn):hover {
  color: #f44336;
}

.faq_area .row {
  --bs-gutter-x: 4rem;
}

.accordion_btn p {
  color: #363636;
  font-weight: 600;
}

.accordion_content p {
  color: #212529;
  font-weight: 400;
  line-height: 2.25rem;
}

.accordion_item {
  border-top: 0.1rem solid #dcdcdc;
}

.accordion_btn {
  cursor: pointer;
}

.faq_content_right h2 {
  color: #363636;
  font-size: 3rem;
  font-weight: 600;
}

.faq_bg {
  position: absolute;
  left: 0;
  bottom: -48rem;
  width: 100%;
  pointer-events: none;
  z-index: -1;
}

/* ================ holidays_area =============== */
.holiday_img img {
  height: 21.8rem;
  object-fit: cover;
  border-radius: 1.5rem;
}

.holidays_content .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 3.3rem;
}

.holiday_info {
  padding: 1.5rem 1.9rem 2.5rem 1.9rem;
}

.holidays_box {
  border-radius: 1.5rem;
  position: relative;
}

.holiday_img {
  position: relative;
}

.holidays_box:before {
  border: 0.1rem solid #d1d1d1;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 1.5rem;
}

.holidays_content {
  padding: 4rem 2.7rem 3.5rem 2.7rem;
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0 0.2rem 2rem 0 rgb(0, 0, 0, 0.1);
  margin: 0 1.5rem;
}

/* ================== contact_area ================= */
.contact_area {
  padding: 12rem 0 4.5rem;
}

.contact_box {
  text-align: center;
  padding: 2.7rem 3.5rem;
  background: #edf4fd;
  border-radius: 1.3rem;
  height: 100%;
  display: grid;
  align-content: space-between;
}

.conatact_top img {
  width: 7.4rem;
}

.conatact_top h5 {
  color: #363636;
}

.conatact_top p {
  color: #555555;
  font-weight: 300;
}

.contact_box > a {
  height: 3.8rem;
  padding: 0 2rem;
  font-size: 1.4rem;
  margin: 0 auto;
  border-radius: 0.6rem;
  font-weight: 500;
}

.contact_area .row {
  --bs-gutter-x: 4rem;
  gap: 2.5rem 0;
}

/* =================== location_area =================== */
.location_area {
  padding: 6rem 0;
  background: #f5f5f5;
}

.location_content ul {
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-wrap: wrap;
  gap: 1.3rem;
}

.location_content ul a {
  color: #444444;
  font-size: 1.4rem;
}

.location_content h2 {
  padding-bottom: 1.2rem;
}

.location_contents {
  padding: 0.8rem 0;
  display: grid;
  gap: 6rem;
}

.location_content ul a:hover {
  color: #a18181;
}

/* =================== experts_area =================== */
.expert_img {
  width: 10.6rem;
  transition: 0.25s ease;
}

.expert:hover .expert_img {
  transform: rotate(-10deg) scale(1.05);
}

.expert {
  text-align: center;
}

.flag {
  width: 4.9rem;
}

.expert ul {
  width: fit-content;
  margin: 0 auto;
}

.experts_list {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 2rem;
  padding: 0 2.5rem;
}

/* ============ footer_section ========== */
.icon_30 {
  width: 3rem;
}

.footer_section {
  padding: 6.5rem 0 3.5rem;
  background: #f5f5f5;
}

.footer_box h5 {
  color: #f95b42;
  font-size: 1.95rem;
  line-height: 1;
  text-transform: capitalize;
}

.footer_box ul a {
  color: #6c757d;
  font-size: 1.4rem;
  line-height: 1;
}

.footer_box ul {
  display: grid;
  gap: 2.5rem;
}

.footer_box ul a:hover {
  color: #1a1a1a;
}

.footer_mid1 p {
  color: #f95b42;
  font-size: 1.9rem;
}

.social_icons {
  gap: 2rem;
}

.footer_mid2 p {
  color: #6c757d;
  font-size: 1.5rem;
}

.approves img {
  width: 8.7rem;
}

.approves {
  gap: 3.2rem;
}

.footer_mid3 {
  max-width: 24.5rem;
  margin-left: auto;
}

.footer_mid3 p {
  display: flex;
  align-items: flex-start;
}

.footer_mid3 p img {
  width: 1.8rem;
  flex: 0 0 auto;
  margin-top: 0.5rem;
}

.footer_mid {
  padding: 2rem 0 4rem;
  border-top: 0.1rem solid #dadbdd;
  border-bottom: 0.1rem solid #dadbdd;
  margin: 6rem 0;
}

.footer_logo img {
  width: 23.9rem;
  filter: brightness(0) saturate(100%) invert(22%) sepia(97%) saturate(3597%)
    hue-rotate(352deg) brightness(89%) contrast(91%);
}

.footer_bottom p {
  color: #6c757d;
  font-size: 1.5rem;
}

.footer_bottom span {
  color: #6c757d;
  font-size: 1.5rem;
}

.footer_bottom a {
  color: #b32b2c;
  text-decoration: underline !important;
  font-size: 1.55rem;
  text-align: center;
}

.footer_bottom a:hover {
  text-decoration: none !important;
}

.footer_mid *,
.footer_bottom * {
  font-family: var(--thirdfont);
}

.iris-logo {
  display: block;
  width: 15rem;
  margin: 0 auto;
  margin-bottom: 2.5rem;
  margin-top: 1rem;
}

/* ======================== reviews_area ======================= */
.reviews_area {
  padding: 17.5rem 0 0 0;
}

.reviews_area .row {
  --bs-gutter-x: 4rem;
}

.reviews_content > h3 {
  color: #363636;
  font-size: 2.1rem;
  font-weight: 500;
}

.reviews_content .rating {
  color: #363636;
  font-size: 8.769rem;
  font-weight: 700;
}

.reviews_content h4 {
  color: #666666;
  font-size: 1.75rem;
}

.reviews_content p {
  color: #888888;
  font-size: 1.53rem;
}

.rating_progress p {
  font-family: var(--fourthfont);
  font-size: 1.754rem;
  font-weight: 500;
}

.sm_stars {
  width: 1.6rem;
}

.rating_progress {
  display: grid;
  grid-template-columns: 0fr 1fr 3.5rem;
  gap: 0.5rem;
  align-items: center;
}

.rating_progress > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.rating_progress_main {
  height: 1.5rem;
  width: 100%;
  background: #e5e5e5;
  border-radius: 10rem;
  overflow: hidden;
}

.rating_progress_main span {
  display: block;
  height: 100%;
  background: #4ec545;
}

.rating_progress1 .rating_progress_main span {
  width: 11.1rem;
}

.rating_progress2 .rating_progress_main span {
  width: 6rem;
}

.rating_progress4 .rating_progress_main span {
  width: 0.5rem;
}

.rating_progress p:last-child {
  text-align: left;
}

.rating_progresses {
  display: grid;
  gap: 2rem;
}

.reviews_content .btn.v2 {
  margin: 0 auto;
}

.reviews_content {
  padding: 0 3.5rem 6rem 3.5rem;
}

/* review_box */
.review_box {
  background: linear-gradient(
    139.71deg,
    #f9f9f9 0%,
    rgba(249, 249, 249, 0) 100%
  );
  padding: 4.5rem;
  box-shadow: 0rem 0.219rem 0.438rem 0rem #0000001a;
  border-radius: 1rem;
}

.review_img {
  width: 4.3rem;
  height: 4.3rem;
  object-fit: cover;
  border-radius: 10rem;
}

.review_top .left h6 {
  font-size: 1.754rem;
  color: #363636;
  font-weight: 600;
}

.review_top .left p {
  font-size: 1.5rem;
  color: #444444;
  padding-top: 0.25rem;
}

.review_top .right p {
  font-size: 1.5rem;
  color: #444444;
  padding-top: 0.25rem;
}

.review_top {
  padding-bottom: 1.2rem;
}

.review_qoute {
  color: #444444;
  font-size: 1.75rem;
  padding-bottom: 3rem;
  max-width: 63.1rem;
}

.review_imgs img {
  width: 9.8rem;
  height: 9.8rem;
  object-fit: cover;
  border-radius: 1rem;
}

.review_imgs {
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.review_box > h5 {
  color: #444444;
  font-size: 1.75rem;
  font-weight: 700;
  padding-bottom: 1.6rem;
}

.review_list li span {
  color: #666666;
  font-size: 1.1rem;
  display: block;
  margin-bottom: 0.25rem;
}

.review_list li p {
  color: #444444;
  font-weight: 500;
}

.review_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-bottom: 3.5rem;
}

.review_btn {
  color: #2874ce;
  font-size: 1.53rem;
  font-weight: 600;
}

.review_btn span {
  font-size: 2rem;
  font-family: monospace;
}

.review_btn:hover {
  color: #444;
}

.btn_yellow {
  color: var(--pink);
  background: #fbd1d2;
  border-color: #fbd1d2;
  font-weight: 500;
  font-family: var(--fourthfont);
}

.btn_yellow:hover {
  background: #f0bbbc;
  color: var(--pink);
}

.reviews_area .btn_yellow {
  margin: 3.5rem 0 0 7rem;
  padding: 0 2rem;
}

.read_more,
.read_less {
  color: #005ac4;
  transition: 0.2s ease;
  cursor: pointer;
  margin-left: 0.35rem;
}

.read_more:hover,
.read_less:hover {
  color: #1a1a1a;
}

.right .review_stars {
  width: 10rem;
}

/* ============= swiper-button ============= */
.leftRight_arrow {
  margin: 0;
  width: 3.8rem;
  height: 3.8rem;
  background: #fff;
  border-radius: 10rem;
  box-shadow: 0 0 1.096rem 0 #dcdada;
  color: #8e8e93;
}

.leftRight_arrow:after {
  font-size: 1.6rem;
}

.swiper-button-prev.leftRight_arrow {
  left: -2rem;
}

.swiper-button-next.leftRight_arrow {
  right: -2rem;
}

.review_slider {
  overflow: visible;
}

.review_slider {
  overflow: hidden;
  background: linear-gradient(
    139.71deg,
    #f9f9f9 0%,
    rgba(249, 249, 249, 0) 100%
  );
  box-shadow: 0rem 0.219rem 0.438rem 0rem #0000001a;
  border-radius: 1rem;
}

/* ================== dropdown_menu ================= */
.dropdown_menu {
  position: fixed;
  width: 100%;
  left: 0;
  top: calc(var(--menuHeight1) + var(--menuHeight2));
  background: #fff;
  display: flex;
  align-items: center;
  box-shadow: 0 1rem 1.5rem 0 rgb(0, 0, 0, 0.1);
  transition: 0.35s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(2rem);
}

.menu_badge {
  background: #ffbf00;
  font-size: 1.2rem;
  color: #fff;
  padding: 0 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 2.4rem;
  border-radius: 10rem;
  margin-left: 0.8rem;
  font-weight: 500;
}

.dropdown_content_box ul li a {
  color: #111111;
  font-size: 1.6rem;
}

.menu_badge.new {
  background: #5192d1;
}

.dropdown_content {
  display: flex;
  padding: 3.5rem 0 7rem;
  border-top: 0.1rem solid #d3d3d3;
}

.dropdown_content_box2 {
  padding: 0 13.4rem 0 9.2rem;
}

.menu_article > img {
  width: 16.4rem;
  height: 10.7rem;
  object-fit: cover;
  border-radius: 0.9rem;
}

.menu_article {
  overflow: hidden;
  border-radius: 0.9rem;
  background: #ffe9df;
}

.menu_article > div {
  padding: 1.8rem 3.3rem 1.8rem 1.9rem;
}

.menu_article p {
  color: #111111;
  font-size: 1.6rem;
}

.menu_article h5 {
  color: #111111;
}

.menu_article.v2 {
  background: #a5daf8;
}

.menu_articles {
  display: grid;
  gap: 1.9rem;
}

.dropdown_content_box > h5 {
  color: #111111;
  font-size: 2rem;
  letter-spacing: -0.01em;
  margin-bottom: 1.2rem;
}

.dropdown_content_box ul {
  display: grid;
  gap: 1.2rem;
  white-space: nowrap;
}

.dropdown_btn {
  height: var(--menuHeight2);
}

.dropdown_btn .dropdown_btn_inner:before {
  content: "";
  width: 0;
  height: 0.15rem;
  background: #dd1062;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.15rem;
  transition: 0.35s ease;
}

.dropdown_btn .dropdown_btn_inner {
  position: relative;
}

.dropdown_btn_inner img {
  transition: 0.35s ease;
}

.tour_package_left h5 {
  color: #111111;
  font-size: 2.1rem;
}

.tour_package_left .review_qoute.v2 {
  color: #5e5e5e;
  font-size: 1.4rem;
}

.rotate_180 {
  transform: rotate(180deg);
}

.review_qoute.v2 .read_more,
.review_qoute.v2 .read_less {
  color: #f56d6d;
  filter: brightness(0) saturate(100%) invert(59%) sepia(43%) saturate(4977%)
    hue-rotate(333deg) brightness(109%) contrast(101%);
  margin-left: 0;
}

.package_stars {
  padding: 1rem 1.2rem;
  border-radius: 1.6rem;
  background: #f8f8f8;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #333333;
  font-size: 1.4rem;
  font-weight: 500;
}

.stars_v2 img {
  filter: brightness(0) saturate(100%) invert(51%) sepia(41%) saturate(1081%)
    hue-rotate(325deg) brightness(104%) contrast(102%);
  width: 1.9rem;
}

.stars_v2 {
  gap: 0.35rem;
}

.package_table h6 {
  color: #313131;
}

.package_table thead {
  background: #dd1062;
  color: #fff;
  height: 4.5rem;
  font-size: 1.3rem;
  font-weight: 700;
}

table {
  width: 100%;
}

.package_table td {
  padding-left: 1rem;
}

.package_table tbody td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  white-space: nowrap;
}

tbody {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.9rem;
}

.package_table tbody tr td:first-child {
  color: #007bff;
  width: 41.8rem;
}

.badge {
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  border-radius: 10rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}

.badge.group_tour {
  background: #ffbf00;
}

.badge.honeymoon {
  background: #ff00a6;
}

.badge.new {
  background: #5192d1;
}

.badge.family_trip {
  background: #eb9481;
}

tbody tr:nth-child(even) {
  background: #f6f5f5;
}

tbody tr {
  border-bottom: 0.3rem solid #e1e1e1;
}

tbody tr:first-child {
  border-top: 0.3rem solid #e1e1e1;
}

.icon_16 {
  width: 1.6rem;
}

.dropdown_content_box a:hover {
  opacity: 0.75;
}

/* ================ package_filter =============== */
.rattaya_img {
  height: 38.1rem;
  width: 41.6rem;
  object-fit: cover;
  border-radius: 0.8rem;
}

.pf_img {
  display: flex;
  position: relative;
  width: fit-content;
}

.pf_badges_lright {
  position: absolute;
  right: 1.5rem;
  top: 1.2rem;
}

.pf_badge_left {
  position: absolute;
  left: 0;
  top: 1.5rem;
  padding: 0 1rem;
  width: 9.8rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: start;
  white-space: nowrap;
  background: #f56d6d;
  color: #fff;
  font-size: 1.2rem;
  border-bottom-right-radius: 5rem;
  border-top-right-radius: 5rem;
}

.pf_badges_lright div {
  height: 3.2rem;
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  background: #0f347f;
  border-radius: 10rem;
  font-size: 1.2rem;
  color: #fff;
}

.pf_badges_lright div:last-child {
  background: #379700;
  margin-left: 1rem;
}

.package_filter_box {
  display: flex;
  gap: 1.5rem;
  box-shadow: 0.3rem 0.3rem 1.4rem -0.4rem rgb(0, 0, 0, 0.3);
  border-radius: 0.8rem;
  overflow: hidden;
}

.pf_content_top p {
  color: #8f8f8f;
}

.pf_content span.text_xsm {
  color: #313131;
  font-size: 1.2rem;
  font-weight: 700;
}

.pf_content .dest_mid {
  padding: 1rem 0;
  justify-content: flex-start !important;
  gap: 2rem;
}

.pf_content .dest_mid > a {
  height: 2.65rem;
  padding: 0 1.5rem;
  font-size: 1rem;
}

.pf_content .dest_mid_left .text_xl {
  font-size: 1.2rem;
}

.pf_content .dest_mid_left p {
  font-size: 1rem;
}

.pf_content .arun_img {
  width: 4.4rem;
}

.pf_list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #424242;
}

.pf_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
  margin-bottom: 1.5rem;
}

/* ==================== tour_package =================== */
.pf_content_top p {
  color: #8f8f8f;
}

.pf_content span.text_xsm {
  color: #313131;
  font-size: 1.2rem;
  font-weight: 700;
  display: block;
  margin-top: 0.8rem;
}

.pf_content .dest_mid {
  padding: 1rem 0;
  justify-content: flex-start !important;
  gap: 2rem;
}

.pf_content .dest_mid > a {
  height: 2.65rem;
  padding: 0 1.5rem;
  font-size: 1rem;
}

.pf_content .dest_mid_left .text_xl {
  font-size: 1.2rem;
}

.pf_content .dest_mid_left p {
  font-size: 1rem;
}

.pf_content .arun_img {
  width: 4.4rem;
}

.pf_list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #424242;
}

.pf_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem;
  margin-bottom: 1.5rem;
}

.inclusions ul li {
  color: #313131;
  font-size: 1.15rem;
}

.inclusion_icon {
  width: 2.8rem;
}

.inclusions ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inclusions ul li p {
  line-height: 2.1rem;
  padding-top: 0.25rem;
}

.inclusions {
  padding: 1.4rem 1.6rem;
  border: 0.1rem solid #e6e6e6;
  border-radius: 0.6rem;
  position: relative;
  margin-bottom: 1rem;
}

.inclusions span {
  line-height: 2rem;
  color: #8f8f8f;
  font-size: 1.2rem;
  background: #fff;
  padding-left: 1rem;
  padding-right: 0.5rem;
  position: absolute;
  left: 1.6rem;
  top: -0.8rem;
}

.pf_content {
  padding: 1.5rem 1rem 1.5rem 0;
}

.package_filter {
  display: grid;
  gap: 6.6rem;
  margin-top: 1.5rem;
}

.pf_list li img {
  filter: brightness(0) saturate(100%) invert(23%) sepia(17%) saturate(0%)
    hue-rotate(140deg) brightness(94%) contrast(88%);
}

.pf_list li.v2 {
  filter: brightness(0) saturate(100%) invert(47%) sepia(92%) saturate(601%)
    hue-rotate(84deg) brightness(93%) contrast(82%);
}

/* ================ rating_area ================ */
.rating_content {
  display: flex;
  align-items: center;
  background: linear-gradient(
    139.71deg,
    #f9f9f9 0%,
    rgba(249, 249, 249, 0) 100%
  );
  padding: 2.1rem 1.3rem;
  box-shadow: 0rem 0.219rem 0.438rem 0rem #0000001a;
  border-radius: 1rem;
}

.rating_content .review_box {
  background: transparent;
  padding: 0;
  padding-left: 4.3rem;
  box-shadow: none;
  width: 100%;
}

.rating_content .review_top .right p {
  font-size: 1.4rem;
  text-align: left;
}

.rating_content .review_stars {
  filter: brightness(0) saturate(100%) invert(82%) sepia(25%) saturate(6839%)
    hue-rotate(6deg) brightness(100%) contrast(92%);
  width: 9rem;
}

.rating_content .review_qoute {
  font-size: 1.6rem;
  line-height: 1.5;
  max-width: 100%;
  padding-bottom: 1.6rem;
}

.rating_img img {
  width: 37.3rem;
  height: 25.3rem;
  object-fit: cover;
  border-radius: 1rem;
}

.rating_area .btn_yellow {
  padding: 0 2rem;
}

/* fillter_head */
.fillter_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0 1.2rem;
  height: 3.6rem;
  background: #9e9e9e;
  color: #fff;
  font-weight: 400;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: 0.35s ease;
}

.icon_22 {
  width: 2.2rem;
}

.icon_14 {
  width: 1.4rem;
}

.fillter_btn:hover {
  background: #7e7979;
}

.sort_btn {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  color: #212529;
  cursor: pointer;
}

.icon_18 {
  width: 1.8rem;
}

/* ================= sidebar_right ================= */
.tour_package .container > .row {
  --bs-gutter-x: 0.6rem;
  --bs-gutter-y: 2rem;
}

.hand_icon {
  color: #005300;
  font-size: 1rem;
  gap: 0.8rem;
  padding: 0.7rem 1.5rem 0.7rem 1rem;
  background: #e4f2e9;
}

.specialist_img {
  width: 6.5rem;
}

.specialist h5 {
  color: #2c3661;
}

.specialist {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.specialist p {
  color: #6c757d;
}

.sidebar_top > a {
  width: calc(100% - 3rem);
  margin: 0 auto;
}

.sidebar_top {
  padding-top: 1.5rem;
}

.sidebar_top {
  border: 0.1rem solid #f7f7f7;
  border-radius: 1rem;
  box-shadow: 0 0.172rem 2.5rem 0 rgb(14, 14, 14, 0.03);
}

.sidebar_bottom a {
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #32ba46;
  border-radius: 1rem;
  color: #ffff;
  font-size: 1.9rem;
}

.sidebar_bottom {
  display: grid;
  gap: 1.5rem;
  padding: 2.5rem 1rem 1rem 1rem;
}

.sidebar_bottom a:hover {
  background: #1e702a;
}

.sidebar_bottom a.v2 {
  background: #2c3661;
}

.sidebar_bottom a.v2:hover {
  background: #141e48;
}

.tour_package_left .review_qoute {
  max-width: 72.9rem;
}

.navigation a:hover {
  color: #1faf38;
}

/* ========================= contact_form_area ==================== */
.contact_form_area {
  padding-top: 6rem;
}

/* contact-block  */
.contact-block {
  width: 100%;
  background: #ffffff;
  border: 0.1rem solid #afafaf;
  border-radius: 1.8rem;
  padding: 2.4rem;
}

.contact-item {
  margin-bottom: 3.5rem;
}

.contact-item:last-child {
  margin-bottom: 0;
}

.contact-header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-email {
  color: #e91e63;
}

.icon-phone {
  color: #e91e63;
}

.icon-whatsapp {
  color: #25d366;
}

.icon-address {
  color: #e91e63;
}

.contact-label {
  font-size: 1.6rem;
  color: #333333;
  font-weight: 400;
}

.contact-detail {
  font-size: 1.9rem;
  color: #1a1a1a;
  font-weight: 600;
  line-height: 1.5;
}

.contact-detail a {
  color: #1a1a1a;
  text-decoration: none;
}

/* ========= form_block ======== */

.form_block .row {
  --bs-gutter-x: 2.4rem;
  --bs-gutter-y: 2.4rem;
}

.form_group.v2 label {
  color: #111111;
  font-size: 1.9rem;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.form_group.v2 label span {
  color: #ff0000;
}

.form_group.v2 .form_control {
  border-color: #bfbfbf;
  border-radius: 0.8rem;
  padding: 0 2.4rem;
  font-size: 1.6rem;
  color: #333333;
  font-weight: 300;
}

.form_group.v2 .form_control::placeholder {
  font-size: 1.6rem;
  color: #333333;
  font-weight: 300;
}

.form_group.v2 .current {
  font-size: 1.6rem;
  color: #333333;
  font-weight: 300;
}

.form_group.v2 .nice-select:after {
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-top: 0.6rem solid #1c1b1f;
  border-bottom: 0;
  transform: translateY(-50%) rotate(0);
  margin-top: 0.35rem;
  transition: 0.25s ease;
}

.form_group.v2 .nice-select.open:after {
  transform: translateY(-50%) rotate(180deg);
  margin-top: -0.35rem;
  right: 1.85rem;
}

.form_group.v2 .textarea_control,
.textarea_control {
  height: 19.9rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
}

.contact_form_area .container > .row {
  --bs-gutter-x: 3.7rem;
  --bs-gutter-y: 4rem;
}

/* number_picker */
.number_picker {
  width: 100%;
}

.iti {
  width: 100%;
}

.iti--show-selected-dial-code .iti__selected-flag {
  background: transparent;
}

.iti__arrow {
  border-bottom: 0.2rem solid #333333;
  border-right: 0.2rem solid #333333;
  margin-left: 0.8rem;
  width: 0.7rem;
  height: 0.7rem;
  transform: rotate(45deg);
  margin-top: -0.5rem;
  border-left: 0;
  border-top: 0;
}

.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0.6rem;
  color: #333333;
  font-size: 1.6rem;
}

.iti__selected-flag {
  padding: 0 1.8rem 0 2.4rem;
}

.hero_top.v2 {
  border-bottom: 0.1rem solid #dbdbdb;
  border-radius: 1.6rem;
  overflow: hidden;
}

/* ================== about_hero ================= */

.about_hero .title_64 {
  font-size: 4.4rem;
  line-height: 1;
}

.about_hero .hero_top {
  background: #dd1062;
}

.section_top h2.title_32 {
  text-transform: capitalize;
}

/* ================ value_area ============= */
.value_area {
  padding-top: 8.5rem;
}

.value_box h3 {
  color: #dd1062;
  font-size: 2.7rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
  margin-bottom: 0.8rem;
}

.value_box p {
  color: #555555;
  line-height: 1.5;
}

.value_box p,
.value_box h3 {
  position: relative;
  z-index: 2;
}

.value_box {
  position: relative;
  height: 100%;
}

.value_box:before {
  content: "";
  width: calc(100% - 0.2rem);
  height: calc(100% - 0.2rem);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  position: absolute;
  z-index: 1;
  border-bottom-right-radius: 2.4rem;
  border-top-right-radius: 2.4rem;
}

.value_box:after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(270deg, #dd1062 0%, #ffffff 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  border-bottom-right-radius: 2.4rem;
  border-top-right-radius: 2.4rem;
}

.value_area .row {
  --bs-gutter-x: 4.2rem;
  --bs-gutter-y: 4rem;
}

.value_area .title_underline {
  width: 9.3rem !important;
}

/* ============== cocorouts_area ================== */
.cocorouts_area .title_underline2 {
  width: 16rem !important;
}

.cocorouts_area {
  padding-top: 4.5rem;
}

.nav_style {
  height: 5.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 2.3rem 0 2.3rem;
  color: #dd1062;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 0.2rem;
  border-bottom: 0.3rem solid #e0faff;
}

.navs_style {
  max-width: 76.6rem;
  padding: 0 1.5rem;
  background: #e0faff;
  border-radius: 0.6rem;
  gap: 2.4rem;
}

.nav_style.active,
.nav_style:hover {
  border-bottom: 0.3rem solid #dd1062;
}

.statements .row {
  --bs-gutter-x: 4.1rem;
  gap: 3.5rem 0;
}

.statements .section_top p {
  line-height: 2.4rem;
  letter-spacing: 0.004em;
}

.experts_area .title_underline {
  width: 12rem !important;
  bottom: -0.35rem !important;
}

/* =============== Popup slider ================ */
.gallery_popup_slider {
  position: relative;
}

.property_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  transition: 0.3s ease;
  border-radius: 0.5rem;
}

.property_img:hover {
  filter: brightness(0.5);
}

/* ========== Gallery Popup Styles ========== */
.popup_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 999999;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.popup_overlay.active {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}

.popup_content {
  position: relative;
  width: 90%;
  max-width: 75rem;
  max-height: 90vh;
}

.popup_close {
  position: absolute;
  top: -4rem;
  right: -1rem;
  background: transparent;
  border: none;
  color: white;
  cursor: pointer;
  z-index: 10001;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

.popup_close:hover {
  transform: scale(1.1);
}

.popup_close svg {
  width: 3rem;
  height: 3rem;
}

.slider_container {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}

.slider_track {
  display: flex;
  transition: transform 0.5s ease;
}

.slide {
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: cover;
}

.slider_nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: var(--pink);
  border: none;
  color: white;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: background 0.3s ease;
  z-index: 10000;
}

.slider_nav:hover {
  background: #000000;
}

.slider_nav.prev {
  left: 1rem;
}

.slider_nav.next {
  right: 1rem;
}

.slider_nav svg {
  width: 2.5rem;
  height: 2.5rem;
}

.slider_counter {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  z-index: 10000;
}

/* ========== Customize ========== */
.property_img.big_img {
  height: 46.7rem;
  object-fit: cover;
  border-radius: 0.8rem;
}

.property_img.sm_img {
  height: 22.5rem;
  object-fit: cover;
  border-radius: 0.9rem;
}

.gallery_popup_slider .row {
  --bs-gutter-x: 2.2rem;
}

.property_images .row {
  --bs-gutter-x: 1.6rem;
  --bs-gutter-y: 1.6rem;
}

/* ============ gallery_area =========== */
.gallery_area .navs_style {
  max-width: max-content;
  gap: 4.5rem;
  padding-right: 6rem;
}

.gallery_area .nav_style {
  padding-left: 0;
  padding-right: 0;
  color: #3d3d3d;
}

.gallery_area .nav_style.active {
  color: #dd1062;
}

.gallery_area h2 {
  color: #212121;
  font-size: 3.6rem;
  font-weight: 500;
}

/* ============ sp_package =============== */
.sp_package .container > .row {
  --bs-gutter-x: 5rem;
  --bs-gutter-y: 3rem;
}

.sp_box img {
  width: 3.2rem;
}

.sp_box {
  background: #f2f2f2;
  border-radius: 0.6rem;
}

.sp_section .row {
  --bs-gutter-x: 1.6rem;
  --bs-gutter-y: 1.6rem;
}

.title_icon {
  width: 1rem;
}

.sp_block h2 {
  color: #2d2d2d;
  font-family: "Roboto", sans-serif;
  font-size: 2.6rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.sp_inner_head {
  color: #3d3d3d;
  font-size: 1.53rem;
  padding: 0.5rem 1.8rem;
  width: 100%;
  background: #f5fdff;
  border-radius: 0.6rem;
  border: 0.1rem solid #efbdd5;
  line-height: 1.5;
  margin: 2rem 0;
}

.sp_inner .read_more,
.sp_inner .read_less {
  float: right;
  color: #dd1062 !important;
  filter: none !important;
}

.sp_inner .read_more img,
.sp_inner .read_less img {
  display: none;
}

.sp_inner .read_more:hover,
.sp_inner .read_less:hover {
  color: #f56d6d !important;
}

.sp_block {
  padding: 2rem 2rem 2rem 2rem;
  border: 0.1rem solid #b2b2b2;
  border-radius: 0.8rem;
  box-shadow: 0 0.2rem 3.2rem 0 rgb(14, 14, 14, 0.06);
}

.sp_block .review_qoute.v2 {
  max-width: 100%;
  font-size: 1.75rem;
  line-height: 2.6rem;
  color: #3d3d3d;
}

.sp_blocks {
  display: grid;
  gap: 3.2rem;
}

.sp_box p {
  color: #4e4e4e;
}

.sp_box span {
  color: #3d3d3d;
  font-weight: 500;
}

/* =========== sp_package ============ */
.spb_left div {
  border: 0.1rem solid #dd1062;
  height: 3.2rem;
  display: flex;
  align-items: center;
  width: 8.5rem;
  justify-content: center;
  background: #fafeff;
  border-radius: 0.5rem;
  color: #dd1062;
  margin-right: 2rem;
  flex: 0 0 auto;
}

.sp_accordion_btn {
  width: 100%;
  align-items: center;
  gap: 2rem;
}

.sp_accordion_btn .spb_left p {
  color: #3d3d3d;
  font-weight: 500;
  font-size: 1.75rem;
}

.sp_arrows {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #202020;
  border-radius: 0.25rem;
  color: #202020;
  font-size: 1.8rem;
  font-weight: 200;
  line-height: 1;
  padding-bottom: 0.2rem;
}

.sp_arrow.minus_icon {
  display: none;
}

.accordion_item.v2.active .minus_icon {
  display: block;
}

.accordion_item.v2.active .plus_icon {
  display: none;
}

.minus_icon {
  font-size: 2.8rem;
}

.sp_arrow {
  line-height: 0.5;
}

.ac_icon {
  width: 3.5rem;
}

.accordion_icons li {
  align-items: center;
  display: grid !important;
  grid-template-columns: 6rem 8rem 1fr;
}

.accordion_icons li span {
  color: #afafaf;
  font-size: 1.533rem;
}

.accordion_icons li p {
  color: #000000;
  font-size: 1.37rem;
}

.accordion_icons {
  display: grid;
  gap: 1.4rem;
  padding: 1.4rem 1.8rem;
  border-radius: 1.7rem;
  border: 0.1rem solid #aaaaaa;
  max-width: 44.8rem;
  background: #fff;
}

.accordion_item.v2 .accordion_content p {
  color: #3d3d3d;
  font-size: 1.75rem;
  line-height: 2.6rem;
  letter-spacing: 0.006em;
}

.accordion_item.v2 .accordion_btn {
  padding: 2rem;
}

.accordion_item.v2 {
  border: 0;
  background: #f5f5f5;
  border-radius: 0.6rem;
  overflow: hidden;
}

.accordion_item.v2 .accordion_content {
  padding: 0.5rem 2rem 4rem 2rem;
}

.sp_block .accordion {
  display: grid;
  gap: 2rem;
}

.choose_cocoroutes .sp_section .row {
  --bs-gutter-x: 6rem;
  --bs-gutter-y: 3rem;
  max-width: 65.5rem;
}

.sp_box.v2 {
  background: transparent;
}

.sp_block.choose_cocoroutes h2 {
  padding-left: 1.5rem;
}

.sp_block.choose_cocoroutes {
  background: #f5fff6;
}

.sp_box.v2 p {
  color: #1a1a1a;
  font-size: 1.75rem;
}

.map_block {
  color: #3d3d3d;
  font-size: 1.75rem;
  letter-spacing: 0.005em;
  line-height: 2.6rem;
}

.sp_map {
  border-radius: 1.3rem;
}

.mr_8 {
  margin-right: 0.8rem;
}

.sp_list p {
  color: #3d3d3d;
  font-size: 1.75rem;
}

.sp_list {
  display: grid;
  gap: 1.4rem;
}

.inclusions_block h2 img {
  filter: brightness(0) saturate(100%) invert(68%) sepia(40%) saturate(6376%)
    hue-rotate(105deg) brightness(104%) contrast(104%);
}

.exclusions_block h2 img {
  filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(5486%)
    hue-rotate(13deg) brightness(107%) contrast(111%);
}

.exclusions_block,
.inclusions_block {
  padding-bottom: 6.5rem;
}

.sp_blocks .row {
  --bs-gutter-x: 2.4rem;
}

.dot_list ul {
  list-style: disc;
  padding-left: 2.5rem;
  color: #3d3d3d;
  font-size: 1.75rem;
  line-height: 2.5rem;
  margin-bottom: 2rem;
}

.dot_list h6 {
  color: #015f74;
}

.dot_list .read_more,
.dot_list .read_less {
  float: right;
}

.dot_list > span {
  color: #202020;
  font-size: 1.53rem;
  font-weight: 700;
  text-transform: capitalize;
}

.price_text > p {
  color: #3d3d3d;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  padding-bottom: 0.5rem;
}

.price_text span {
  color: #dd1062;
  font-size: 2.8rem;
  font-weight: 700;
}

.price_text span sub {
  font-size: 1.4rem;
  font-weight: 400;
}

.price_text {
  padding: 1rem 1.5rem;
}

/* ======= dest_badge ======= */
.dest_badge {
  height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3rem;
  width: fit-content;
  color: #fff;
  background: #ff6336;
  border-bottom-right-radius: 2.5rem;
  border-top-left-radius: 2.5rem;
  position: absolute;
  left: 0;
  top: 0;
}

.dest_badge.budget_friendly {
  background: #00a542;
}

.dest_badge.romantic {
  background: #ac37b7;
}

.section_separator {
  background: #dd1062;
  margin: 1.5rem auto;
  display: block;
  width: 13rem;
  height: 0.4rem;
}

.date_btn_style {
  width: 7.5rem;
  display: flex;
  padding: 0.8rem;
  border: 0.1rem solid #adadad;
  height: 8.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  font-size: 2.1rem;
  text-transform: uppercase;
  transition: 0.35s ease;
  color: #333333;
  text-align: center;
}

.nav_link.active .date_btn_style,
.date_btn_style.selected,
.nav_link:hover .date_btn_style,
.date_btn_style:hover {
  background: #d7dbed;
}

/* ================ Events area ================ */
.timeline_left .title_24 {
  color: #333333;
  text-align: right;
  line-height: 3.5rem;
}

.timeline_left .title_24 span {
  color: #555555;
}

.timeline_box {
  display: flex;
  padding: 2.5rem;
  border-radius: 1.2rem;
}

.timeline_box.v2 {
  background: #ffe9de;
}

.timeline_img {
  width: 23.8rem;
  height: 20.6rem;
  object-fit: cover;
  border-radius: 1.3rem;
  flex: 0 0 auto;
}

.timeline_top {
  display: flex;
  gap: 2.6rem;
}

.timeline_top .title_24 {
  color: #333333;
}

.timeline_top > div > p {
  color: #333333;
  font-size: 2rem;
}

.timeline_top_mid .span3 {
  font-family: "Roboto", sans-serif;
}

.timeline_top_mid .span2 {
  margin: 0 0.4rem 0 0.8rem;
  color: #ababab;
}

.points {
  display: flex;
  align-items: center;
  padding: 0.6rem 1.3rem;
  border-radius: 10rem;
  background: #f7db32;
  gap: 0.7rem;
  color: #333333;
  font-size: 1.33rem;
  width: fit-content;
}

.tik_points {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  color: #555555;
  font-size: 1.37rem;
  gap: 0.93rem;
}

.timeline_bottom p {
  color: #555555;
  font-size: 1.37rem;
}

.timeline_bottom span {
  color: #333333;
  font-size: 2rem;
}

.timeline_bottom span sub {
  color: #555555;
  font-size: 1.37rem;
  bottom: -0.15em;
}

.timeline_bottom a {
  height: 4.5rem;
  max-width: 34.4rem;
  width: 100%;
}

.timeline_right {
  padding-left: 2.5rem;
  position: relative;
}

.timeline_right:before {
  content: "";
  height: 100%;
  width: 0.688rem;
  background: linear-gradient(
    180deg,
    rgba(254, 230, 11, 0.82) 0%,
    #dd1062 100%
  );
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10rem;
}

.timeline_left {
  margin-right: 2.4rem;
  flex: 0 0 auto;
}

.timeline_head h4 {
  color: #333333;
  font-size: 2.1rem;
  text-transform: uppercase;
  font-weight: 400;
  white-space: nowrap;
}

.timeline_head {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.timeline_head span {
  width: 100%;
  height: 0.1rem;
  display: block;
  background: #757575;
}

.timeline_wrapper {
  margin-top: 8rem;
}

.icon_22 {
  width: 2.2rem;
}

/* ========= sticky_buttons ========= */
.sticky_buttons {
  display: flex;
  justify-content: center;
  gap: 2.3rem;
  padding: 2rem 0;
  background: #fff;
  position: sticky;
  bottom: 0;
  z-index: 999;
  box-shadow: 0 0.3rem 1.5rem 0 rgb(0, 0, 0, 0.25);
}

.sticky_buttons a {
  height: 5.6rem;
  border-radius: 10rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 2.7rem;
  font-size: 1.7rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(180deg, #f95b42 0%, #a02713 100%);
}

.sticky_buttons .enquire_btn {
  background: linear-gradient(180deg, #606faf 0%, #2c3661 100%);
}

.sticky_buttons .whatsApp_btn {
  background: linear-gradient(180deg, #39d250 0%, #147722 100%);
}

.sticky_buttons a:hover {
  filter: brightness(0.75);
}

/* ============== Datepicker Styles ============== */
.datepicker-popup {
  position: absolute;
  background: white;
  border: 0.1rem solid #ddd;
  border-radius: 0.6rem;
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);
  padding: 1.2rem;
  z-index: 1000;
  display: none;
  min-width: 24rem;
  left: 50%;
  transform: translateX(-50%) translateY(1rem);
}

.datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.datepicker-header button {
  background: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  padding: 0.4rem 0.8rem;
  border-radius: 0.3rem;
  transition: background 0.2s;
}

.datepicker-header button:hover {
  background: #f0f0f0;
}

.datepicker-month-year {
  font-weight: 600;
  font-size: 1.2rem;
}

.datepicker-calendar {
  width: 100%;
}

.datepicker-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.2rem;
  margin-bottom: 0.5rem;
}

.datepicker-weekday {
  text-align: center;
  font-weight: 600;
  font-size: 0.9rem;
  color: #666;
  padding: 0.5rem;
}

.datepicker-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.2rem;
}

.datepicker-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.3rem;
  font-size: 1rem;
  transition: all 0.2s;
}

.datepicker-day:hover {
  background: #f0f0f0;
}

.datepicker-day.other-month {
  color: #ccc;
}

.datepicker-day.selected {
  background: #4caf50;
  color: white;
}

.datepicker-day.today {
  border: 0.15rem solid #4caf50;
}

.datepicker-day.disabled {
  color: #ddd;
  cursor: not-allowed;
}

.datepicker-day.disabled:hover {
  background: transparent;
}

.datepicker-popup {
  position: absolute;
  z-index: 9999;
  display: none;
}

.datepicker-weekdays {
  font-size: 1.2rem;
  text-align: center;
}

.datepicker-header button {
  font-family: monospace;
  font-weight: 600;
  font-size: 1.6rem;
}

.map_frame {
  height: 46.7rem;
  border-radius: 1.3rem;
  width: 100%;
}

.timeline_img_wrap .badge {
  position: absolute;
  left: 1rem;
  top: 1rem;
}

/* ============= filter ============= */
.filter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.filter-overlay.active {
  display: block;
  opacity: 1;
}

.filter-sidebar {
  position: fixed;
  top: 0;
  left: -47rem;
  width: 47rem;
  height: 100%;
  background-color: #fff;
  z-index: 9999999;
  overflow-y: auto;
  transition: left 0.3s ease;
  box-shadow: 0.2rem 0 1rem rgba(0, 0, 0, 0.1);
}

.filter-sidebar.active {
  left: 0;
}

.filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 2.4rem;
  border-bottom: 0.1rem solid #e5e5e5;
}

.filter-header h2 {
  font-size: 2rem;
  font-weight: 600;
  color: #333;
}

.close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  background: none;
  font-size: 5rem;
  color: #666;
  transition: color 0.2s ease;
}

.close-btn:hover {
  color: #000;
}

.filter-content {
  padding: 2.4rem;
}

.filter-section {
  margin-bottom: 3.2rem;
}

.filter-section:last-child {
  margin-bottom: 0;
}

.filter-section h3 {
  font-size: 1.7rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 1.6rem;
}

.filter-options {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.filter-option {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.filter-option input[type="checkbox"] {
  width: 1.8rem;
  height: 1.8rem;
  cursor: pointer;
  accent-color: #00bfa5;
}

.filter-option label {
  font-size: 1.5rem;
  color: #555;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.option-count {
  font-size: 1.4rem;
  color: #999;
}

.two-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
}

.three-column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.filter-footer {
  position: sticky;
  bottom: 0;
  padding: 2rem 2.4rem;
  background-color: #fff;
  border-top: 0.1rem solid #e5e5e5;
}

.cancel-btn {
  width: 100%;
  padding: 1.4rem 2rem;
  background-color: #00bfa5;
  color: #fff;
  border: none;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.cancel-btn:hover {
  background-color: #00a68f;
}

/* Custom scrollbar */
.filter-sidebar::-webkit-scrollbar {
  width: 0.8rem;
}

.filter-sidebar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.filter-sidebar::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 0.4rem;
}

.filter-sidebar::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/* =============== sort-container ================= */
.sort-container {
  position: relative;
  display: inline-block;
}

/* .sort_btn.active {
  border-color: #00bfa5;
  background-color: #f8fffe;
} */

.sort-dropdown {
  position: absolute;
  top: calc(100% + 0.4rem);
  right: 0;
  width: 15rem;
  background-color: #fff;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.4rem;
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.8rem);
  transition: all 0.2s ease;
  z-index: 100;
  overflow: hidden;
}

.sort-dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sort-option {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.2rem 1.6rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-bottom: 0.1rem solid #f5f5f5;
}

.sort-option:last-child {
  border-bottom: none;
}

.sort-option:hover {
  background-color: #f8f8f8;
}

.sort-option.selected {
  background-color: #f0fffe;
}

.sort-icon {
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
}

.sort-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sort-label {
  font-size: 1.4rem;
  color: #555;
  flex: 1;
}

.sort-option.selected .sort-label {
  color: #00bfa5;
  font-weight: 500;
}

.sort-option img {
  display: none;
}

.sort-option.selected img {
  display: block;
}

/* ============ expect_after_contacting ======== */
.expect_after_contacting {
  padding-top: 12rem;
}

.what_expect {
  padding: 0 15.4rem 0 3.6rem;
  gap: 7.5rem;
  border-radius: 8rem;
  background: #fff4e3;
}

.contacting_content h5 {
  color: #2c3661;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 2.4rem;
  padding-bottom: 1rem;
}

.contacting_content a,
.expect_content p {
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
}

.contacting_content a {
  color: #2c3661;
  line-height: 1.5;
  display: block;
  margin-bottom: 0.8rem;
}

.contacting_content a:hover {
  color: #000;
}

.expect_content p {
  color: #9d9d9d;
  line-height: 1.15;
  padding-top: 3rem;
}

/* dates_slider */
.dates_slider .swiper-slide {
  width: 7.5rem;
  margin: 0 1.4rem;
}

.dates_slider .leftRight_arrow {
  transform: translateY(-50%);
  display: none;
  background: var(--pink);
  color: var(--white);
}

.dates_slider .swiper-button-prev.leftRight_arrow {
  left: 1rem;
}

.dates_slider .swiper-button-next.leftRight_arrow {
  right: 1rem;
}

.gallery_area h2 .badge {
  display: inline-flex;
  height: 2.6rem;
  padding: 0 1.2rem;
  transform: translateY(-0.7rem);
}