/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./public/assets/lib/custom-icons/style.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "icomoon";
  src: url(/_next/static/media/icomoon.aeff94cb.eot);
  src: url(/_next/static/media/icomoon.aeff94cb.eot) format("embedded-opentype"), url(/_next/static/media/icomoon.d7c800a9.ttf) format("truetype"), url(/_next/static/media/icomoon.9f94a85c.woff) format("woff"), url(/_next/static/media/icomoon.d668ed32.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Addition-Icon-Solid:before {
  content: "\e960";
}

.icon-Subtrect-Icon-solid:before {
  content: "\e961";
}

.icon-Solid:before {
  content: "\e962";
}

.icon-Caret-Down-Regular:before {
  content: "\e963";
}

.icon-Caret-Down-Solid:before {
  content: "\e964";
}

.icon-Privacy-policy-Icon-Regular:before {
  content: "\e965";
}

.icon-Terms-And-Condition-Icon-Regular:before {
  content: "\e966";
}

.icon-Log-out-Icon-Regular:before {
  content: "\e967";
}

.icon-Log-in-Icon-Regular:before {
  content: "\e968";
}

.icon-Log-out-Icon-Solid:before {
  content: "\e969";
}

.icon-Log-in-Icon-Solid:before {
  content: "\e96a";
}

.icon-Decompress-Icon-Solidr:before {
  content: "\e96b";
}

.icon-Play-Icon-solid:before {
  content: "\e96c";
}

.icon-Play-Icon-solid-2:before {
  content: "\e96d";
}

.icon-Pause-icon-solid-2:before {
  content: "\e96e";
}

.icon-Pause-icon-solid-1:before {
  content: "\e96f";
}

.icon-Playback-speed-icon-Solid:before {
  content: "\e970";
}

.icon-Picture-In-Picture-Icon-Solid:before {
  content: "\e971";
}

.icon-Search-Icon-Solid:before {
  content: "\e972";
}

.icon-Volume-Icon-Regular-1:before {
  content: "\e973";
}

.icon-Volume-Icon-Solid-1:before {
  content: "\e974";
}

.icon-Volume-Icon-Solid:before {
  content: "\e975";
}

.icon-Volume-Icon-Regular:before {
  content: "\e976";
}

.icon-Bell-Icon-Solid:before {
  content: "\e977";
}

.icon-Cross-Icon-solid:before {
  content: "\e978";
}

.icon-Heart-Icon-solid:before {
  content: "\e979";
}

.icon-Angle-Right-Regular:before {
  content: "\e97a";
}

.icon-Angle-Left-Regular:before {
  content: "\e97b";
}

.icon-upload-icon:before {
  content: "\e95c";
}

.icon-3-dots:before {
  content: "\e900";
}

.icon-arrow-down-fill:before {
  content: "\e901";
}

.icon-arrow-left:before {
  content: "\e902";
}

.icon-arrow-left-circle-fill-sm .path1:before {
  content: "\e903";
  color: rgb(242, 241, 241);
}

.icon-arrow-left-circle-fill-sm .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(39, 30, 48);
}

.icon-arrow-right:before {
  content: "\e905";
}

.icon-arrow-right-circle-fill .path1:before {
  content: "\e906";
  color: rgb(224, 31, 38);
}

.icon-arrow-right-circle-fill .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(242, 241, 241);
}

.icon-arrow-right-circle-fill-sm .path1:before {
  content: "\e908";
  color: rgb(242, 241, 241);
}

.icon-arrow-right-circle-fill-sm .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(39, 30, 48);
}

.icon-arrow-right-lg:before {
  content: "\e90a";
}

.icon-arrow-right-sm:before {
  content: "\e90b";
  /* color: #f2f1f1; */
}

.icon-Arrow-up:before {
  content: "\e90c";
}

.icon-arrow-up-rigth:before {
  content: "\e90d";
}

.icon-bell-icon:before {
  content: "\e90e";
}

.icon-blue-circle-icon:before {
  content: "\e90f";
}

.icon-btn-min-icon .path1:before {
  content: "\e910";
  color: rgb(224, 31, 38);
}

.icon-btn-min-icon .path2:before {
  content: "\e911";
  margin-left: -1.142578125em;
  color: rgb(242, 241, 241);
}

.icon-btn-plus-icon .path1:before {
  content: "\e912";
  color: rgb(224, 31, 38);
}

.icon-btn-plus-icon .path2:before {
  content: "\e913";
  margin-left: -1.142578125em;
  color: rgb(242, 241, 241);
}

.icon-calender-icon:before {
  content: "\e914";
}

.icon-Clock-Icon:before {
  content: "\e915";
}

.icon-clock-blue:before {
  content: "\e916";
  color: #08a77d;
}

.icon-Collaps:before {
  content: "\e917";
}

.icon-cros .path1:before {
  content: "\e918";
  color: rgb(242, 241, 241);
}

.icon-cros .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(224, 31, 38);
}

.icon-delete-icon:before {
  content: "\e91a";
}

.icon-dropdown-icon:before {
  content: "\e91b";
}

.icon-edit-icon .path1:before {
  content: "\e91c";
  color: rgb(242, 241, 241);
}

.icon-edit-icon .path2:before {
  content: "\e91d";
  margin-left: -0.9736328125em;
  color: rgb(224, 31, 38);
}

.icon-edit-icon .path3:before {
  content: "\e91e";
  margin-left: -0.9736328125em;
  color: rgb(242, 241, 241);
}

.icon-edit-icon .path4:before {
  content: "\e91f";
  margin-left: -0.9736328125em;
  color: rgb(242, 241, 241);
}

.icon-fill-drop-down:before {
  content: "\e920";
}

.icon-fill-drop-up:before {
  content: "\e921";
}

.icon-green-circle-empty:before {
  content: "\e922";
}

.icon-hamburger-menu-icon:before {
  content: "\e923";
}

.icon-Hash-Icon:before {
  content: "\e924";
}

.icon-heart:before {
  content: "\e925";
}

.icon-heart-accommo:before {
  content: "\e926";
}

.icon-heart-btn:before {
  content: "\e927";
}

.icon-icon-checked:before {
  content: "\e928";
}

.icon-left-arrow-btn:before {
  content: "\e929";
}

.icon-left-icon .path1:before {
  content: "\e92a";
  color: rgb(242, 241, 241);
}

.icon-left-icon .path2:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(224, 31, 38);
}

.icon-lite-star:before {
  content: "\e92c";
}

.icon-location:before {
  content: "\e92d";
}

.icon-map .path1:before {
  content: "\e92e";
  color: rgb(224, 31, 38);
}

.icon-map .path2:before {
  content: "\e92f";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path3:before {
  content: "\e930";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path4:before {
  content: "\e931";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path5:before {
  content: "\e932";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path6:before {
  content: "\e933";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path7:before {
  content: "\e934";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path8:before {
  content: "\e935";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path9:before {
  content: "\e936";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path10:before {
  content: "\e937";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path11:before {
  content: "\e938";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path12:before {
  content: "\e939";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path13:before {
  content: "\e93a";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path14:before {
  content: "\e93b";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path15:before {
  content: "\e93c";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-map .path16:before {
  content: "\e93d";
  margin-left: -0.80078125em;
  color: rgb(224, 31, 38);
}

.icon-minis-icon:before {
  content: "\e93e";
}

.icon-pin:before {
  content: "\e93f";
}

.icon-pin-light:before {
  content: "\e940";
}

.icon-play-sm-icon:before {
  content: "\e941";
}

.icon-plus-icon:before {
  content: "\e942";
}

.icon-profile-icon:before {
  content: "\e943";
}

.icon-rating-star:before {
  content: "\e944";
}

.icon-rating-star-normal:before {
  content: "\e945";
  color: #d9d9d9;
}

.icon-red-cros .path1:before {
  content: "\e946";
  color: rgb(224, 31, 38);
}

.icon-red-cros .path2:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(242, 241, 241);
}

.icon-red-pin:before {
  content: "\e948";
}

.icon-right-icon .path1:before {
  content: "\e949";
  color: rgb(242, 241, 241);
}

.icon-right-icon .path2:before {
  content: "\e94a";
  margin-left: -1em;
  color: rgb(224, 31, 38);
}

.icon-search:before {
  content: "\e94b";
}

.icon-search-icon-red .path1:before {
  content: "\e94c";
  color: rgb(224, 31, 38);
}

.icon-search-icon-red .path2:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(242, 241, 241);
}

.icon-setting-icon:before {
  content: "\e94e";
}

.icon-small-lite-star:before {
  content: "\e94f";
}

.icon-social-circul-red:before {
  content: "\e950";
}

.icon-social-circul-white:before {
  content: "\e951";
}

.icon-social-icon-01:before {
  content: "\e952";
}

.icon-social-icon-02:before {
  content: "\e953";
}

.icon-social-icon-03:before {
  content: "\e954";
}

.icon-social-icon-04:before {
  content: "\e955";
}

.icon-social-icon-05:before {
  content: "\e956";
}

.icon-social-icon-06:before {
  content: "\e957";
}

.icon-star-1:before {
  content: "\e958";
  color: #258bb6;
}

.icon-star-fill:before {
  content: "\e959";
  color: #d9d9d9;
}

.icon-star-fill-red:before {
  content: "\e95a";
}

.icon-white-dot:before {
  content: "\e95b";
}

.icon-Language-Icon-Solid:before {
  content: "\e95d";
}

.icon-Email-Icon-Solid:before {
  content: "\e95e";
}

.icon-Tell-Icon-Solid:before {
  content: "\e95f";
}

.icon-Icon-Frame:before {
  content: "\e97c";
}

.icon-Addition-Icon-Solid1:before {
  content: "\e97d";
}

.icon-Subtrect-Icon-solid1:before {
  content: "\e97e";
}

.icon-Information-icon-Solid:before {
  content: "\e97f";
}

.icon-Information-icon-Regular:before {
  content: "\e980";
}

.icon-Double-Arrow-Down-Regular:before {
  content: "\e981";
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/app/globals.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*=======================================================
                reset default setting
=======================================================*/
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none;
  /* Remove all animations and transitions for people that prefer not to see them */
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
  font-size: 16px;
}

/* Set core body defaults */
body {
  font-family: "Open Sans", sans-serif;
  min-height: 100dvh;
  text-rendering: optimizeSpeed;
  background-color: #f2f1f1;
  overflow-x: hidden;
}

main {
  width: 100%;
  overflow-x: hidden;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* image-rendering */
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

a {
  text-decoration: none;
}

button,
.btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.swiper-button-disabled {
  display: none;
}

input[type=checkbox] {
  accent-color: #e01f26;
}

.swiper-wrapper {
  padding-bottom: 1px;
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after,
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: "" !important;
  display: none !important;
}

i {
  font-weight: 100 !important;
}

/*=======================================================
                    grid system
=======================================================*/
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1366px;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .row {
    row-gap: 20px;
  }
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 576px) {
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
/*=======================================================
                    padding + margin
=======================================================*/
.mt-1 {
  margin-top: 10px;
}

.pt-1 {
  padding-top: 10px;
}

.mr-1 {
  margin-right: 10px;
}

.pr-1 {
  padding-right: 10px;
}

.mb-1 {
  margin-bottom: 10px;
}

.pb-1 {
  padding-bottom: 10px;
}

.ml-1 {
  margin-left: 10px;
}

.pl-1 {
  padding-left: 10px;
}

.m-1 {
  margin: 10px;
}

.p-1 {
  padding: 10px;
}

.mt-2 {
  margin-top: 20px;
}

.pt-2 {
  padding-top: 20px;
}

.mr-2 {
  margin-right: 20px;
}

.pr-2 {
  padding-right: 20px;
}

.mb-2 {
  margin-bottom: 20px;
}

.pb-2 {
  padding-bottom: 20px;
}

.ml-2 {
  margin-left: 20px;
}

.pl-2 {
  padding-left: 20px;
}

.m-2 {
  margin: 20px;
}

.p-2 {
  padding: 20px;
}

.mt-3 {
  margin-top: 30px;
}

.pt-3 {
  padding-top: 30px;
}

.mr-3 {
  margin-right: 30px;
}

.pr-3 {
  padding-right: 30px;
}

.mb-3 {
  margin-bottom: 30px;
}

.pb-3 {
  padding-bottom: 30px;
}

.ml-3 {
  margin-left: 30px;
}

.pl-3 {
  padding-left: 30px;
}

.m-3 {
  margin: 30px;
}

.p-3 {
  padding: 30px;
}

.mt-4 {
  margin-top: 40px;
}

.pt-4 {
  padding-top: 40px;
}

.mr-4 {
  margin-right: 40px;
}

.pr-4 {
  padding-right: 40px;
}

.mb-4 {
  margin-bottom: 40px;
}

.pb-4 {
  padding-bottom: 40px;
}

.ml-4 {
  margin-left: 40px;
}

.pl-4 {
  padding-left: 40px;
}

.m-4 {
  margin: 40px;
}

.p-4 {
  padding: 40px;
}

.mt-5 {
  margin-top: 50px;
}

.pt-5 {
  padding-top: 50px;
}

.mr-5 {
  margin-right: 50px;
}

.pr-5 {
  padding-right: 50px;
}

.mb-5 {
  margin-bottom: 50px;
}

.pb-5 {
  padding-bottom: 50px;
}

.ml-5 {
  margin-left: 50px;
}

.pl-5 {
  padding-left: 50px;
}

.m-5 {
  margin: 50px;
}

.p-5 {
  padding: 50px;
}

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

/*=======================================================
                    general
=======================================================*/
@font-face {
  font-family: "Beyond The Mountains";
  src: url(/_next/static/media/beyond_the_mountains.c1eb69e0.ttf);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.col-red {
  color: #e01f26;
}

@media (min-width: 992px) {
  .container-fluid {
    max-width: 86%;
  }
  .sub-container {
    width: 100%;
    max-width: 77.6vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.section-title-box {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 150px;
}
.section-title-box .section-title {
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(28px, 2.222vw, 64px);
  font-weight: 400;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 10px;
  color: #271e30;
}
.section-title-box .section-title-red {
  color: #e01f26;
  margin-bottom: 15px;
}
.section-title-box .section-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: right;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #271e30;
  background-color: #f2f1f1;
}
.section-title-box .section-subtitle span {
  position: relative;
  background-color: #f2f1f1;
  padding-left: clamp(5px, 0.6944vw, 20px);
}
.section-title-box .section-subtitle::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  border: 1px solid #271e30;
}

.input-field-box {
  position: relative;
}
.input-field-box .input-field {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding: 12px 19px;
  padding-right: 40px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.833vw, 24px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0em;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 30px;
}
.input-field-box .input-field::placeholder {
  font-style: italic;
  font-weight: 300;
  letter-spacing: -0.019em;
  color: rgba(39, 30, 48, 0.45);
}
.input-field-box .input-field:active, .input-field-box .input-field:focus, .input-field-box .input-field:visited, .input-field-box .input-field:focus-visible {
  border-color: #e01f26;
}
.input-field-box .reset-btn {
  position: absolute;
  top: 14px;
  right: 55px;
  color: #e01f26;
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.input-field-box .reset-btn {
  position: absolute;
  top: 14px;
  right: 55px;
  color: #e01f26;
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.input-field-box .input-field-icon {
  position: absolute;
  right: 20px;
  top: 14px;
}
.input-field-box .input-field-icon-search {
  position: unset;
}

@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.hide {
  display: none;
}

.show {
  display: block;
}

/*=======================================================
components
=======================================================*/
#header {
  min-height: 80px;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f2f1f1;
  z-index: 99;
  box-shadow: 0px 22px 40px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
#header .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header .container-fluid .logo {
  width: 107px;
}
@media (max-width: 991px) {
  #header .container-fluid .logo {
    width: 100px;
    position: relative;
    z-index: 9999;
  }
}
#header .container-fluid .navbar,
#header .container-fluid .account-item {
  display: flex;
  align-items: center;
}
#header .container-fluid .navbar {
  column-gap: clamp(10px, 3.125vw, 45px);
}
#header .container-fluid .navbar .navbar-nav {
  column-gap: clamp(10px, 2.083vw, 30px);
  align-items: center;
}
@media (min-width: 992px) {
  #header .container-fluid .navbar .navbar-nav {
    display: flex !important;
  }
}
@media (max-width: 991px) {
  #header .container-fluid .navbar .navbar-nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e01f26;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 999;
    flex-direction: column;
    justify-content: center;
    row-gap: 1.5rem;
  }
}
#header .container-fluid .navbar .navbar-nav.active {
  position: absolute;
  flex-direction: column;
  top: 80px;
  z-index: 1;
  left: 16px;
}
#header .container-fluid .navbar .nav-link {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: clamp(22px, 1.944vw, 28px);
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0em;
  text-align: center;
  color: #f2f1f1;
  padding: 10px;
  position: relative;
}
@media (min-width: 992px) {
  #header .container-fluid .navbar .nav-link {
    font-size: clamp(15px, 0.972vw, 28px);
    color: #271e30;
  }
  #header .container-fluid .navbar .nav-link:hover {
    color: #e01f26;
    font-weight: 600;
  }
  #header .container-fluid .navbar .nav-link.active {
    font-weight: 700;
  }
  #header .container-fluid .navbar .nav-link.active::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -21px;
    background-color: #e01f26;
    border-radius: 7px 7px 0px 0px;
    height: 5px;
    width: 100%;
  }
}
#header .container-fluid .account-list {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.736vw, 25px);
}
@media (min-width: 992px) {
  #header .container-fluid .account-list {
    column-gap: clamp(10px, 3.125vw, 45px);
  }
}
@media (max-width: 345px) {
  #header .container-fluid .account-list {
    column-gap: clamp(5px, 0.694vw, 10px);
  }
}
#header .container-fluid .account-list .account-item {
  position: relative;
  column-gap: 5px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 400;
  line-height: 1.3125dvh;
  letter-spacing: 0em;
  text-align: center;
  color: #e01f26;
  cursor: pointer;
}
#header .container-fluid .account-list .account-item .language-list {
  display: none;
  position: absolute;
  top: 46px;
  right: 0;
  width: 127px;
  box-shadow: 0px 4px 4px rgba(39, 30, 48, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  z-index: 2;
  background-color: #f2f1f1;
}
@media (max-width: 767px) {
  #header .container-fluid .account-list .account-item .language-list {
    right: -45px;
  }
}
#header .container-fluid .account-list .account-item .language-list .language-item {
  position: relative;
}
#header .container-fluid .account-list .account-item .language-list .language-item .language-link {
  width: 100%;
  display: flex;
  align-items: center;
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #3e3d3f;
  cursor: pointer;
}
#header .container-fluid .account-list .account-item .language-list .language-item .language-link:hover {
  color: #e01f26;
}
#header .container-fluid .account-list .account-item .language-list .language-item .language-link.active {
  color: #e01f26;
}
#header .container-fluid .account-list .account-item .language-list .language-item .language-link.active::after {
  position: absolute;
  content: "";
  right: 10px;
  background-image: url(/_next/static/media/icon-checked.5b9e7c0e.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  width: 9px;
  height: 6px;
}
#header .container-fluid .account-list .account-item .language-list .language-item:last-child .language-link {
  border-bottom: none;
}
#header .container-fluid .btn-login {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  color: #f2f1f1;
  background-color: #e01f26;
  padding: 10px 20px;
  border-radius: 7px;
}
@media (max-width: 992px) {
  #header .container-fluid .btn-login {
    padding: 5px 15px;
  }
}
@media (max-width: 460px) {
  #header .container-fluid .btn-login {
    padding: 4px 10px;
  }
}
@media (min-width: 992px) {
  #header .container-fluid .btn-toggle-item {
    display: none;
  }
}
#header .container-fluid .btn-toggle-item .btn-toggle {
  position: relative;
  z-index: 999;
}
#header .container-fluid .btn-toggle-item .btn-toggle.tab img {
  filter: invert(1);
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(133, 133, 133, 0.4);
  z-index: 99999;
  padding: 1rem 20px;
  overflow-y: auto;
}
.modal .modal-body {
  position: relative;
  display: flex;
  margin: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
.modal .modal-body .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.top-destination-card {
  position: relative;
  aspect-ratio: 3/4;
  width: 100%;
  height: clamp(210px, 54.688dvh, 840px);
}
.top-destination-card .top-destination-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  height: clamp(210px, 54.688dvh, 840px);
}
.top-destination-card .top-destination-content-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 20px;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .top-destination-card .top-destination-content-box {
    display: flex;
  }
}
.top-destination-card .top-destination-content-box::before, .top-destination-card .top-destination-content-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.top-destination-card .top-destination-content-box::before {
  background: radial-gradient(74.46% 68.81% at 50% 18.93%, rgba(39, 30, 48, 0) 0%, rgba(39, 30, 48, 0.9) 100%);
}
.top-destination-card .top-destination-content-box::after {
  background: radial-gradient(181.35% 100% at 50% 100%, rgba(224, 31, 38, 0) 27.6%, rgba(224, 31, 38, 0.45) 100%);
}
.top-destination-card .top-destination-content-box * {
  position: relative;
  z-index: 1;
}
.top-destination-card:hover .top-destination-content-box {
  display: flex;
  transition: all 3s ease-in-out;
}
.top-destination-card .top-destination-name {
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  margin-bottom: clamp(5px, 0.347vw, 10px);
  color: #f2f1f1;
}
.top-destination-card .top-destination-location,
.top-destination-card .destination-link {
  display: flex;
  align-items: center;
  column-gap: 7px;
  flex-wrap: wrap;
  row-gap: 5px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  margin-bottom: clamp(7.5px, 1.465dvh, 15px);
  color: #f2f1f1;
}
.top-destination-card .destination-link {
  justify-content: flex-end;
}
.top-destination-card .destination-link i {
  font-size: 10px;
}
.top-destination-card .rating-title {
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.833vw, 24px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  color: #f2f1f1;
}
.top-destination-card .rating-list {
  margin-top: 2px;
  display: flex;
  align-items: center;
  column-gap: 2px;
}

.destination-card {
  cursor: pointer;
}
.destination-card-header-box {
  border-radius: clamp(3.5px, 0.486vw, 14px);
  -webkit-border-radius: clamp(3.5px, 0.486vw, 14px);
  -moz-border-radius: clamp(3.5px, 0.486vw, 14px);
  -ms-border-radius: clamp(3.5px, 0.486vw, 14px);
  -o-border-radius: clamp(3.5px, 0.486vw, 14px);
  overflow: hidden;
  position: relative;
}
.destination-card-img {
  width: 100%;
  height: clamp(120px, 31.25dvh, 480px);
  object-fit: cover;
  object-position: center;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  -webkit-border-radius: clamp(3.5px, 0.486vw, 14px);
  -moz-border-radius: clamp(3.5px, 0.486vw, 14px);
  -ms-border-radius: clamp(3.5px, 0.486vw, 14px);
  -o-border-radius: clamp(3.5px, 0.486vw, 14px);
  aspect-ratio: 16/9;
}
.destination-card .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: clamp(5px, 0.694vw, 20px);
  bottom: clamp(7px, 1.823dvh, 28px);
}
.destination-card .swiper-pagination-bullet {
  min-width: clamp(5px, 0.694vw, 20px);
  min-height: clamp(5px, 0.694vw, 20px);
  max-width: clamp(5px, 0.694vw, 20px);
  max-height: clamp(5px, 0.694vw, 20px);
  width: clamp(5px, 0.694vw, 20px);
  height: clamp(5px, 0.694vw, 20px);
  background: #f2f1f1;
  border: clamp(0.5px, 0.069vw, 2px) solid transparent;
  opacity: 0.65;
  margin: 0 !important;
}
.destination-card .swiper-pagination-bullet-active {
  min-width: clamp(6.5px, 0.903vw, 26px);
  min-height: clamp(6.5px, 0.903vw, 26px);
  max-width: clamp(6.5px, 0.903vw, 26px);
  max-height: clamp(6.5px, 0.903vw, 26px);
  width: clamp(6.5px, 0.903vw, 26px);
  height: clamp(6.5px, 0.903vw, 26px);
  background: #f2f1f1;
  border: clamp(0.5px, 0.069vw, 2px) solid #e01f26;
}
.destination-card .slider-control {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.destination-card .destination-card-prev {
  position: absolute;
  left: clamp(5px, 0.694vw, 20px);
}
.destination-card .destination-card-prev i {
  font-size: clamp(26px, 1.944vw, 56px);
  background-color: #f2f1f1;
  color: #271e30;
  border-radius: 50%;
}
.destination-card .destination-card-next {
  position: absolute;
  right: clamp(5px, 0.694vw, 20px);
}
.destination-card .destination-card-next i {
  font-size: clamp(28px, 1.944vw, 56px);
  background-color: #f2f1f1;
  color: #271e30;
  border-radius: 50%;
}
.destination-card .btn-fav {
  position: absolute;
  top: clamp(5px, 1.302dvh, 20px);
  right: clamp(6.5px, 0.903vw, 26px);
  z-index: 1;
}
.destination-card .btn-fav:hover {
  color: #e01f26;
}
.destination-card .btn-fav i {
  color: #f2f1f1;
  font-size: clamp(32px, 1.806vw, 48px);
  opacity: 0.75;
}
.destination-card .btn-fav i:hover {
  opacity: 1;
  color: #e01f26;
}
.destination-card .destination-card-body {
  padding: clamp(8px, 2.083dvh, 32px) clamp(5px, 0.694vw, 20px);
}
.destination-card .row {
  align-items: center;
}
.destination-card .destination-location {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  column-gap: clamp(3.5px, 0.486vw, 14px);
  font-family: "Poppins", sans-serif;
  font-size: clamp(12px, 0.833vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #271e30;
}
.destination-card .destination-location i {
  font-size: clamp(12px, 0.833vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  color: #271e30;
}
.destination-card .destination-rating {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: clamp(1px, 0.139vw, 4px);
  font-family: "Roboto", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  text-align: left;
  color: #e01f26;
}
.destination-card .destination-rating img {
  width: clamp(14px, 0.972vw, 28px);
  height: clamp(13px, 1.693dvh, 26px);
}
.destination-card .destination-rating i {
  font-size: clamp(14px, 1.111vw, 28px);
  color: #e01f26;
  padding-bottom: 4px;
}
.destination-card .destination-title {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0em;
  text-align: left;
  color: #271e30;
  margin-top: clamp(3.5px, 0.911dvh, 14px);
}
.destination-card .destination-title:hover {
  color: #e01f26;
}
.destination-card .destination-footer {
  margin-top: clamp(3.5px, 0.911dvh, 14px);
}
.destination-card .destination-activity-price {
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-weight: 600;
  letter-spacing: 0em;
  text-align: left;
  color: #258bb6;
}
.destination-card .destination-activity-duration {
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: right;
  color: #08a77d;
}
.destination-card:hover .slider-control {
  z-index: 1;
}
@media (max-width: 767px) {
  .destination-card:hover .slider-control {
    z-index: 1;
  }
}

.destination-btn {
  background-color: rgb(242, 241, 241);
  padding: clamp(10px, 0.694vw, 14px) clamp(22px, 1.736vw, 30px);
  border-radius: 37px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  border: 1px solid rgb(39, 30, 48);
  color: rgb(39, 30, 48);
  cursor: pointer;
}
@media (max-width: 767px) {
  .destination-btn {
    padding: 5px 20px;
  }
}
.destination-btn.active, .destination-btn:active, .destination-btn:focus, .destination-btn:visited, .destination-btn:focus-visible {
  color: #fff;
  background-color: rgb(224, 31, 38);
  border: 1px solid rgb(224, 31, 38);
}

.destination-slide-btn .swiper-slide,
.category-buttons-content .swiper-slide {
  width: max-content !important;
}
.destination-slide-btn .arrow-rotate,
.category-buttons-content .arrow-rotate {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .destination-slide-btn .swiperPrev,
  .category-buttons-content .swiperPrev {
    align-items: flex-end;
  }
}
@media (max-width: 768px) {
  .destination-slide-btn .swiper-button-next,
  .destination-slide-btn .swiper-button-prev,
  .category-buttons-content .swiper-button-next,
  .category-buttons-content .swiper-button-prev {
    height: clamp(32px, 3.056vw, 88px);
    top: 66%;
  }
}
.destination-slide-btn .swiper-button-next i,
.destination-slide-btn .swiper-button-prev i,
.category-buttons-content .swiper-button-next i,
.category-buttons-content .swiper-button-prev i {
  font-size: clamp(32px, 3.056vw, 88px);
}
@media (max-width: 768px) {
  .destination-slide-btn .swiper-button-next i,
  .destination-slide-btn .swiper-button-prev i,
  .category-buttons-content .swiper-button-next i,
  .category-buttons-content .swiper-button-prev i {
    line-height: clamp(32px, 3.056vw, 88px);
  }
}

/*=======================================================
              Favourites Page slider button
=======================================================*/
.fav-tag-btn,
.tag-filter-btn {
  border-radius: 7px;
  background-color: #fff;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid #fff;
}
.fav-tag-btn.active,
.tag-filter-btn.active {
  color: #fff;
  background-color: rgb(224, 31, 38);
  border: 1px solid rgb(224, 31, 38);
}

.dinning-card .accommodation-content-box .starting-from-box .card-price-dinning {
  background-color: #258bb6;
  color: #ffffff;
}

.sec-card-price {
  background-color: #08a77d;
  padding: 0 10px;
  color: #ffffff;
  border-radius: 5px;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
}

.op-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
@media (min-width: 768px) {
  .op-filter {
    justify-content: center;
    column-gap: clamp(26px, 1.042vw, 15px);
    row-gap: clamp(10px, 1.042vw, 15px);
  }
}
@media (max-width: 767px) {
  .op-filter {
    justify-content: flex-start;
    column-gap: clamp(10px, 1.042vw, 15px);
    row-gap: clamp(10px, 1.042vw, 15px);
  }
}
.op-filter .accommodation-btn {
  border-radius: 7px;
  border: 1px solid #271e30;
  padding: clamp(8px, 0.694vw, 12px);
  text-align: left;
  position: relative;
}
.op-filter .accommodation-btn .accommo-btn-title {
  display: flex;
  text-align: center;
  justify-content: space-between;
  gap: clamp(10px, 1.389vw, 20px);
  width: 100%;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.op-filter .accommodation-btn .accommo-btn-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.833vw, 18px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: center;
}
.op-filter .cuisine-btn {
  border-radius: 7px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  width: 100%;
}
.op-filter .apply-filter-btn {
  background-color: #e01f26;
  color: #ffffff;
  padding: clamp(10px, 1.181vw, 17px) clamp(10px, 1.389vw, 20px);
  font-family: "Poppins", sans-serif;
  font-size: clamp(18px, 1.111vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  border-radius: 7px;
  cursor: pointer;
}

.calender-box {
  position: absolute;
  top: clamp(40px, 4.861vw, 70px);
  left: 0;
  z-index: 999;
  display: none;
}
@media (max-width: 426px) {
  .calender-box {
    top: 140px;
  }
}
.calender-box table {
  width: 100%;
}
.calender-box th {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: rgba(39, 30, 48, 0.45);
}
.calender-box td,
.calender-box th {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  text-align: center;
  width: 40px;
  height: 38px;
}
@media screen and (min-width: 992px) {
  .calender-box td,
  .calender-box th {
    font-size: clamp(15px, 1.25vw, 36px);
    line-height: 1.5;
    width: 60px;
    height: 57px;
  }
}
.calender-box .pre-month-dates-box td {
  color: rgba(39, 30, 48, 0.45);
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.calender-box td {
  cursor: pointer;
}
.calender-box td:hover {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  color: #ffffff;
  background-color: #e01f26;
}
.calender-box td.active {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  color: #ffffff;
  background-color: #e01f26;
}
.calender-box td.from,
.calender-box td.to {
  color: #ffffff;
  background-color: #e01f26;
}
.calender-box td.from {
  border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
}
.calender-box td.to {
  border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  -o-border-radius: 0 8px 8px 0;
}
.calender-box td.from-other-month {
  opacity: 0;
  color: rgba(5, 6, 13, 0.451);
  font-weight: 500;
}
.calender-box td.from-other-month:hover {
  color: rgba(6, 7, 14, 0.4509803922);
  background-color: transparent;
}
.calender-box td.between {
  color: #ffffff;
  background-color: rgba(224, 31, 38, 0.3);
}
.calender-box td.between:hover {
  border-radius: unset;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  -o-border-radius: unset;
}
.calender-box .calendar-header {
  width: 100%;
  display: flex;
  align-items: center;
}
.calender-box .selected-month {
  width: 100%;
  text-align: center;
  color: #06070e;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (min-width: 992px) {
  .calender-box .selected-month {
    font-size: 18px;
    line-height: 22px;
  }
}
.calender-box .calendar-header {
  margin-bottom: 25px;
}
@media screen and (min-width: 992px) {
  .calender-box .calendar-header {
    margin-bottom: 30px;
  }
}
.calender-box .prev-month,
.calender-box .next-month {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
@media screen and (min-width: 992px) {
  .calender-box .prev-month,
  .calender-box .next-month {
    min-width: 60px;
    min-height: 60px;
    max-width: 60px;
    max-height: 60px;
  }
}
.calender-box .date-range-box {
  background-color: #ffffff;
  box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.1019607843);
}
.calender-box .date-range-outer-box {
  width: 100%;
  padding-top: 31px;
  padding-bottom: 31px;
  display: grid;
}
@media screen and (min-width: 768px) {
  .calender-box .date-range-outer-box {
    grid-template-columns: 1fr 1fr;
    padding: 31px 15px 65px;
    position: relative;
  }
  .calender-box .date-range-outer-box::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 80%;
    background: rgba(224, 31, 38, 0.45);
    left: 50%;
    top: 60px;
  }
}
.calender-box .date-range-inner-box {
  width: 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 992px) {
  .calender-box .date-range-inner-box {
    max-width: 450px;
  }
}
@media screen and (max-width: 767px) {
  .calender-box .current-month-box {
    display: none;
  }
}
.calender-box .selected-date-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 495px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 991px) {
  .calender-box .selected-date-box {
    padding-bottom: 66px;
    max-width: 360px;
  }
}
.calender-box .btn-date-from,
.calender-box .btn-date-to {
  display: flex;
  align-items: center;
  color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.calender-box .btn-date-from svg,
.calender-box .btn-date-to svg {
  margin-right: 19px;
}
@media screen and (max-width: 991px) {
  .calender-box .btn-date-from svg,
  .calender-box .btn-date-to svg {
    margin-right: 5px;
    max-width: 18px;
  }
}
@media screen and (max-width: 991px) {
  .calender-box .btn-date-from,
  .calender-box .btn-date-to {
    font-size: 12px;
    line-height: 14px;
  }
}

.num-guest-box {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 999;
  background-color: #fff;
  width: 100%;
  border-radius: 11px;
  display: none;
}
.num-guest-box .number-listing {
  padding: 10px;
}
.num-guest-box .number-listing .ul-num {
  padding-left: 0;
  text-align: center;
}
.num-guest-box .number-listing .ul-num .li-num {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.num-guest-box .number-listing .ul-num .li-num:hover {
  font-weight: 500;
  background-color: #e01f26;
  color: #fff;
  border-radius: 7px;
}

ul li {
  list-style: none;
}

.hotel-resort-box {
  position: absolute;
  width: 100%;
  top: clamp(35px, 4.861vw, 70px);
  left: 0;
  z-index: 99;
  background-color: #ffffff;
  border-radius: 11px;
  display: none;
}
.hotel-resort-box .hotel-listing-box {
  padding: clamp(7.5px, 1.042vw, 15px);
}
.hotel-resort-box .hotel-listing-box .checkbox {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding-bottom: clamp(2.5px, 0.347vw, 5px);
  cursor: pointer;
}
.hotel-resort-box .hotel-listing-box input[type=checkbox] {
  margin-bottom: clamp(7.5px, 1.042vw, 15px);
  cursor: pointer;
}

.hotel-filter {
  justify-content: space-between;
}
@media (min-width: 768px) {
  .hotel-filter {
    column-gap: clamp(5px, 0.694vw, 10px);
  }
}
@media (max-width: 767px) {
  .hotel-filter {
    column-gap: clamp(7.5px, 1.042vw, 15px);
    row-gap: clamp(7.5px, 1.042vw, 15px);
  }
}
.hotel-filter .accommodation-btn-hotel-detail {
  padding: clamp(8px, 0.694vw, 10px);
  border-radius: 7px;
  border: 1px solid #271e30;
}
.hotel-filter .accommodation-btn-hotel-detail .accommo-btn-title {
  column-gap: clamp(5px, 0.694vw, 10px);
}
.hotel-filter .search-filter-btn {
  padding: clamp(10px, 1.319vw, 19px) clamp(15px, 2.083vw, 30px);
}

#card-info-popup .info-card-container .card-content-wrapper .card-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 82%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 7px;
  background: #faf9f8;
}
@media (max-width: 1024px) {
  #card-info-popup .info-card-container .card-content-wrapper .card-content {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  #card-info-popup .info-card-container .card-content-wrapper .card-content {
    max-width: 100%;
  }
}
#card-info-popup .info-card-container .card-content-wrapper .card-content .content-box {
  width: 50%;
  padding-left: clamp(20px, 2.778vw, 40px);
  padding-right: clamp(20px, 2.778vw, 40px);
}
@media (max-width: 1024px) {
  #card-info-popup .info-card-container .card-content-wrapper .card-content .content-box {
    width: 100%;
    padding: clamp(45px, 4.167vw, 60px) clamp(15px, 2.778vw, 40px);
  }
}
#card-info-popup .info-card-container .card-content-wrapper .card-content .content-box .heading {
  color: var(--themeColorBlack);
  text-align: center;
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(32px, 3.333vw, 96px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#card-info-popup .info-card-container .card-content-wrapper .card-content .content-box .subtitle {
  color: var(--themeColorBlack);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: clamp(20px, 2.778vw, 40px);
}
#card-info-popup .info-card-container .card-content-wrapper .card-content .content-box .subtitle span {
  font-weight: 400;
}
#card-info-popup .info-card-container .card-content-wrapper .card-content .content-box .description-text .para {
  color: var(--themeColorBlack);
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#card-info-popup .info-card-container .card-content-wrapper .card-content .content-box .description-text .para:first-child {
  padding-bottom: clamp(15px, 2.083vw, 30px);
}
#card-info-popup .info-card-container .card-content-wrapper .card-content .img-box {
  width: 50%;
}
@media (max-width: 1024px) {
  #card-info-popup .info-card-container .card-content-wrapper .card-content .img-box {
    width: 100%;
    height: 60dvh;
  }
}
#card-info-popup .info-card-container .card-content-wrapper .card-content .img-box img {
  width: clamp(295px, 40.972vw, 790px);
  height: 100%;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1024px) {
  #card-info-popup .info-card-container .card-content-wrapper .card-content .img-box img {
    width: 100%;
    border-radius: 0 0 7px 7px;
  }
}

@media (max-width: 768px) {
  .main-container-box {
    flex-direction: column;
  }
}
.main-container-box .navigate-buttons-container {
  position: -webkit-sticky;
  position: sticky;
  height: 100dvh;
  left: 0;
  top: clamp(70px, 18.229dvh, 140px);
}
@media (max-width: 768px) {
  .main-container-box .navigate-buttons-container {
    display: none;
  }
}
.main-container-box .navigate-buttons-container .side-buttons-box {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  width: clamp(155.5px, 21.597vw, 622px);
}
.main-container-box .navigate-buttons-container .side-buttons-box .side-btn {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1000000015px;
  text-align: left;
  color: #271e30;
  width: 100%;
  padding: 16px 24px 16px 16px;
  border-radius: 0 37px 37px 0;
  text-align: right;
  cursor: pointer;
}
.main-container-box .navigate-buttons-container .side-buttons-box .side-btn.active, .main-container-box .navigate-buttons-container .side-buttons-box .side-btn:active {
  color: #ffffff;
  background-color: rgb(224, 31, 38);
}
.main-container-box .navigate-buttons-container .side-buttons-box .side-btn.active:hover {
  background-color: rgb(224, 31, 38);
}
.main-container-box .navigate-buttons-container .side-buttons-box .side-btn.active:hover svg {
  opacity: 1;
}
.main-container-box .navigate-buttons-container .side-buttons-box .side-btn:hover {
  background-color: rgb(241, 117, 121);
}
.main-container-box .navigate-buttons-container .side-buttons-box .side-btn:hover svg {
  opacity: 0;
}

.frequantly-main-container {
  column-gap: clamp(17.5px, 2.431vw, 70px) !important;
}
.frequantly-main-container .frequantly-aside-nav {
  width: 100%;
  max-width: 30%;
  padding: 22px 15px;
  padding-right: 5px;
  border-radius: 16px;
  background-color: #f2f1f1;
  box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  overflow: hidden;
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box {
  width: 100%;
  height: 95dvh;
  overflow-y: auto;
  padding-right: 15px;
  padding-bottom: 15px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box::-webkit-scrollbar {
  width: 3px;
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box::-webkit-scrollbar-track {
  background: rgba(224, 31, 38, 0.05);
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box::-webkit-scrollbar-thumb {
  background: #e01f26;
  border-radius: 11px;
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box .sidebar-heading {
  width: 100%;
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box .side-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 12px;
  border-radius: 37px 37px;
  text-align: left;
  font-size: clamp(14px, 1.111vw, 32px);
}
@media (max-width: 964px) {
  .frequantly-main-container .frequantly-aside-nav .side-buttons-box .side-btn {
    padding: 14px 11px 14px 11px;
  }
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box .heading {
  color: var(--vm-red, #e01f26);
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.1px;
  padding: 8px 8px 8px 16px;
  text-align: left;
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box .sub-heading {
  color: rgba(39, 30, 48, 0.45);
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.1px;
  width: 100%;
  text-align: left;
  padding: 18px 16px;
}
.frequantly-main-container .frequantly-aside-nav .side-buttons-box .sub-title::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: rgba(39, 30, 48, 0.45);
  margin-bottom: 25px;
}

/*=======================================================
                        Accordion
=======================================================*/
#accordion-section .accordion-wrapper-box {
  width: 100%;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper {
  background-color: #ffffff;
  padding: 20px 20px;
  border-radius: 11px;
  margin-bottom: 10px;
  width: 100%;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  border: none;
  outline: none;
  transition: 0.4s;
  line-height: 1.5;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .accordion .Partner-headings {
  color: #271e30;
  font-size: clamp(15px, 1.25vw, 36px);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.5;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .accordion .accordian-item-sign {
  width: clamp(18px, 1.472vw, 70px);
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .accordion .accordian-item-sign img {
  rotate: 180deg;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .inner-accordion {
  justify-content: flex-start;
  column-gap: 20px;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .accordian-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height 2.5s ease-out;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .accordian-item .Para {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 35px;
  padding-top: 10px;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .accordian-item .images-box-accordion-inner {
  display: flex;
  align-items: center;
  column-gap: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  #accordion-section .accordion-wrapper-box .accordian-wrapper .accordian-item .images-box-accordion-inner {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .accordian-item .images-box-accordion-inner img {
  width: clamp(130px, 18.056vw, 500px);
  height: clamp(87px, 12.083vw, 348px);
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .detail-widgets-wrapper .detail-widgets-btn-box {
  column-gap: 10px;
  row-gap: 10px;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .detail-widgets-wrapper .detail-widgets-btn-box .detail-widgets-btn {
  padding: 5px 10px;
  background-color: #f2f1f1;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper .detail-widgets-wrapper .detail-widgets-btn-box .detail-widgets-btn img {
  padding-right: 10px;
}
#accordion-section .accordion-wrapper-box .inner-accordian-wrapper {
  padding: clamp(12.5px, 1.736vw, 25px) 0;
}
#accordion-section .accordion-wrapper-box .inner-accordian-wrapper .inner-accordion .down-arrow-icon:active, #accordion-section .accordion-wrapper-box .inner-accordian-wrapper .inner-accordion .down-arrow-icon:visited {
  rotate: 180deg;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper-full {
  width: 100%;
}
#accordion-section .accordion-wrapper-box .accordian-wrapper-faq {
  margin-bottom: clamp(7.5px, 1.042vw, 15px);
}
#accordion-section .accordion-wrapper-box .accordian-wrapper-faq i {
  color: #271e30;
  font-size: clamp(4px, 0.278vw, 6px);
}
#accordion-section .accordion-wrapper-box .accordian-wrapper-faq .icon-plus-icon {
  color: #271e30;
  font-size: clamp(18px, 1.389vw, 30px);
}
#accordion-section .accordion-plus-side-contenr-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: clamp(30px, 4.167vw, 60px);
  column-gap: clamp(23px, 3.194vw, 46px);
}
@media (max-width: 768px) {
  #accordion-section .accordion-plus-side-contenr-container {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  #accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards {
    display: flex;
    column-gap: clamp(10px, 1.389vw, 20px);
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container {
  width: 100%;
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card {
  background-color: #ffffff;
  padding: clamp(12.5px, 1.736vw, 25px);
  border-radius: 11px;
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .title-card {
  display: flex;
  align-items: center;
  column-gap: clamp(2.5px, 0.347vw, 5px);
  border-bottom: 1px solid rgba(39, 30, 48, 0.4509803922);
  padding-bottom: clamp(10px, 1.389vw, 20px);
  margin-bottom: clamp(5px, 0.694vw, 10px);
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .title-card img {
  width: clamp(18px, 1.123vw, 70px);
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .title-card .openig-hours-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #271e30;
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .status {
  color: rgba(39, 30, 48, 0.45);
  font-size: clamp(13px, 1.111vw, 24px);
  font-family: "Poppins", sans-serif;
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .open-now-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: clamp(12.5px, 1.736vw, 25px);
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .open-now-text .open-box {
  display: flex;
  align-items: center;
  column-gap: clamp(2.5px, 0.347vw, 5px);
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .open-now-text .open-box img {
  width: clamp(18px, 1.123vw, 70px);
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .open-now-text .timing {
  display: flex;
  align-items: center;
  column-gap: clamp(2.5px, 0.347vw, 5px);
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .open-now-text .timing time,
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .open-now-text .timing span {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .open-now-text .timing .active-color {
  color: #08a77d;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .open-now-text .active-color {
  color: #08a77d;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards .timing-container .timing-card .text-line {
  border-bottom: 1px solid rgba(39, 30, 48, 0.4509803922);
  padding-bottom: clamp(10px, 1.389vw, 20px);
}
@media (min-width: 1081px) {
  #accordion-section .accordion-plus-side-contenr-container .side-location-timing-cards {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    height: max-content;
  }
}

.we-are-here-location-box {
  width: 100%;
  max-width: 100%;
  background-color: #ffffff;
  padding: clamp(8px, 1.042vw, 15px) clamp(5px, 0.694vw, 10px);
  border-radius: 11px;
  margin-bottom: clamp(10px, 1.389vw, 20px);
}
@media (min-width: 1640px) {
  .we-are-here-location-box {
    width: 100%;
    max-width: 932px;
  }
}
@media (max-width: 768px) {
  .we-are-here-location-box {
    width: 100%;
    max-width: 100%;
  }
}
.we-are-here-location-box .heading-we-r-here {
  padding: clamp(5px, 0.694vw, 10px);
}
.we-are-here-location-box .heading-we-r-here .heading-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  padding-bottom: clamp(5px, 0.694vw, 10px);
}
.we-are-here-location-box .heading-we-r-here .paragraph-location {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  padding-bottom: clamp(10px, 1.389vw, 20px);
}
.we-are-here-location-box .location-box {
  border: 1px solid #e01f26;
  border-radius: 7px;
  z-index: 1;
  overflow: hidden;
  width: 100%;
}
.we-are-here-location-box .location-box iframe {
  width: 100%;
}

/*=======================================================
      Experience dinning detail card section
=======================================================*/
@media (max-width: 1080px) {
  #accordion-section .side-content-container-exper {
    flex-wrap: wrap;
  }
}
#accordion-section .side-content-container-exper .content-wrapper-main {
  width: 100%;
}
#accordion-section .exper-dinning-side-location-timing-cards {
  width: 100%;
  max-width: 30%;
}
@media (max-width: 1080px) {
  #accordion-section .exper-dinning-side-location-timing-cards {
    max-width: 100%;
  }
}

.contact-detail-container {
  padding-top: clamp(20px, 2.778vw, 40px);
}
@media (max-width: 768px) {
  .contact-detail-container {
    width: 100%;
  }
}
.contact-detail-container .contact-card-box {
  background-color: #ffffff;
  border-radius: 11px;
  padding: clamp(12.5px, 1.736vw, 25px);
}
.contact-detail-container .contact-card-box .contact-content-wrapper .title-card {
  display: flex;
  align-items: center;
  column-gap: clamp(3px, 0.347vw, 10px);
  border-bottom: 2px solid rgba(39, 30, 48, 0.4509803922);
  padding-bottom: clamp(10px, 1.389vw, 20px);
  margin-bottom: clamp(10px, 1.389vw, 20px);
}
.contact-detail-container .contact-card-box .contact-content-wrapper .title-card .openig-hours-text {
  color: #271e30;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.contact-detail-container .contact-card-box .contact-content-wrapper .title-card i {
  font-size: clamp(18px, 1.389vw, 40px);
  font-weight: 600;
  color: #271e30;
}
.contact-detail-container .contact-card-box .contact-content-wrapper .contact-detail .contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: clamp(12.5px, 1.736vw, 25px);
}
.contact-detail-container .contact-card-box .contact-content-wrapper .contact-detail .contact:last-child {
  padding-bottom: clamp(2.5px, 0.347vw, 5px);
}
.contact-detail-container .contact-card-box .contact-content-wrapper .contact-detail .contact .title-box {
  display: flex;
  align-items: center;
  column-gap: clamp(4px, 0.486vw, 14px);
}
.contact-detail-container .contact-card-box .contact-content-wrapper .contact-detail .contact .title-box .info {
  color: var(--vm-blue, #258bb6);
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.contact-detail-container .contact-card-box .contact-content-wrapper .contact-detail .contact .sub-info {
  color: rgba(39, 30, 48, 0.45);
  font-size: clamp(13px, 0.972vw, 28px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.contact-detail-container .contact-card-box .contact-content-wrapper .contact-detail i {
  color: #258bb6;
  font-size: clamp(18px, 1.25vw, 36px);
}
.contact-detail-container .contact-card-box .contact-content-wrapper .contact-detail .icon-Email-Icon-Solid {
  font-size: 18px;
}

@media (max-width: 768px) {
  .book-table-container {
    width: 100%;
  }
}
.book-table-container .book-table-box {
  background-color: #ffffff;
  border-radius: 11px;
  padding: clamp(12px, 1.736vw, 25px);
  padding-bottom: clamp(10px, 1.389vw, 20px);
}
.book-table-container .book-table-box .table-content-wrapper .title-card {
  display: flex;
  align-items: center;
  column-gap: clamp(4px, 0.486vw, 14px);
  padding: clamp(5px, 0.694vw, 10px);
}
.book-table-container .book-table-box .table-content-wrapper .title-card i {
  color: #271e30;
  font-size: clamp(16px, 1.528vw, 44px);
  font-weight: 600;
}
.book-table-container .book-table-box .table-content-wrapper .title-card .openig-hours-text {
  color: #271e30;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.book-table-container .book-table-box .table-content-wrapper .text-guests-box .para {
  color: rgba(39, 30, 48, 0.45);
  font-size: clamp(13px, 0.972vw, 28px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  padding-top: clamp(5px, 0.694vw, 10px);
  padding-bottom: clamp(10px, 1.042vw, 15px);
}
.book-table-container .book-table-box .table-content-wrapper .text-guests-box .hd-para {
  padding-top: clamp(12px, 1.736vw, 25px);
}
.book-table-container .book-table-box .table-content-wrapper .number-of-guests-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: clamp(10px, 1.389vw, 20px);
  padding-bottom: clamp(10px, 1.389vw, 20px);
}
.book-table-container .book-table-box .table-content-wrapper .number-of-guests-box .num {
  color: #271e30;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.book-table-container .book-table-box .table-content-wrapper .number-of-guests-box .num span {
  color: #271e30;
  text-align: center;
  font-size: clamp(13px, 0.972vw, 28px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.book-table-container .book-table-box .table-content-wrapper .number-of-guests-box .day {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: clamp(56px, 4.028vw, 116px);
  height: clamp(56px, 4.028vw, 116px);
  justify-content: center;
}
.book-table-container .book-table-box .table-content-wrapper .number-of-guests-box .active {
  color: #f2f1f1;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: clamp(8px, 0.694vw, 20px);
  border-radius: 50%;
  background: var(--vm-red, #e01f26);
  width: clamp(56px, 4.028vw, 116px);
  height: clamp(56px, 4.028vw, 116px);
  justify-content: center;
}
.book-table-container .book-table-box .table-content-wrapper .number-of-guests-box .active span {
  color: #f2f1f1;
}
.book-table-container .book-table-box .table-content-wrapper .number-of-guests-box .light-active {
  width: clamp(56px, 4.028vw, 116px);
  height: clamp(56px, 4.028vw, 116px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(8px, 0.833vw, 24px);
  border-radius: 50%;
  background: var(--vm-white, #f2f1f1);
}
.book-table-container .book-table-box .table-content-wrapper .number-of-guests-box .light-active i {
  font-size: clamp(18px, 1.667vw, 48px);
  color: #271e30;
  font-weight: 600;
}
.book-table-container .book-table-box .table-content-wrapper .hotel-booking-date-box {
  padding-top: 0;
  padding-bottom: 0;
}
.book-table-container .book-table-box .table-content-wrapper .time-selector {
  display: flex;
  align-items: center;
  padding: clamp(6px, 0.556vw, 16px) clamp(18px, 1.736vw, 50px);
  width: 100%;
  border-radius: 100px;
  border: clamp(1px, 0.069vw, 2px) solid var(--vm-red, #e01f26);
}
.book-table-container .book-table-box .table-content-wrapper .time-selector .time-controler-box {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.book-table-container .book-table-box .table-content-wrapper .time-selector .arrow-up {
  transform: rotate(180deg);
}
.book-table-container .book-table-box .table-content-wrapper .time-selector i {
  font-size: clamp(14px, 1.25vw, 36px);
  font-weight: 600;
  color: #271e30;
}
.book-table-container .book-table-box .table-content-wrapper .time-selector input {
  color: #271e30;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.book-table-container .book-table-box .table-content-wrapper #selected-time {
  width: 100%;
  margin: 0 10px;
  text-align: center;
  border: none;
  background: none;
}
.book-table-container .book-table-box .table-content-wrapper .no-ticket-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 25px;
  border-radius: 100px;
  border: 1px solid var(--vm-red, #e01f26);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.book-table-container .book-table-box .table-content-wrapper .tex-included-price-box-button .sub-text {
  text-align: right;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.book-table-container .book-table-box .table-content-wrapper .tex-included-price-box-button .main-price {
  text-align: right;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.book-table-container .book-table-box .table-content-wrapper .tex-included-price-box-button .tax-price,
.book-table-container .book-table-box .table-content-wrapper .tex-included-price-box-button .percent-vat {
  text-align: start;
}
.book-table-container .book-table-box .table-content-wrapper .reserve-table-btn {
  display: flex;
  justify-content: center;
  border-radius: 7px;
  background-color: #e01f26;
  color: #f2f1f1;
  font-size: clamp(15px, 1.25vw, 36px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 15px 10px;
  width: 100%;
  margin-top: 30px;
}
.book-table-container .book-table-box .table-content-wrapper .free-cancellation-box {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  padding-top: 30px;
  cursor: pointer;
}
.book-table-container .book-table-box .table-content-wrapper .free-cancellation-box .cancellation-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.book-table-container .book-table-box .table-content-wrapper .room-dropdown-btn .btn-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  width: 100%;
  border: 1px solid #e01f26;
  padding: clamp(10px, 1.042vw, 30px) clamp(15px, 2.083vw, 60px);
  border-radius: 100px;
  transition: 0.5s ease-in-out;
}
.book-table-container .book-table-box .table-content-wrapper .room-dropdown-btn .btn-primary i {
  color: #271e30;
  font-size: clamp(18px, 1.389vw, 40px);
}
.book-table-container .book-table-box .table-content-wrapper .room-dropdown-btn .dropdown-main-box {
  display: none;
}
.book-table-container .book-table-box .table-content-wrapper .room-dropdown-btn .dropdown-main-box .dropdown-menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: normal;
  background-color: #f2f1f1;
  margin-top: 0;
  border-radius: 11px;
  padding: clamp(15px, 1.389vw, 40px) clamp(15px, 2.083vw, 60px);
  transition: 0.5s ease-in-out;
}
.book-table-container .book-table-box .table-content-wrapper .room-dropdown-btn .dropdown-main-box .dropdown-menu .dropdown-item {
  color: #271e30;
}

.detail-location-box {
  width: 100%;
  max-width: 100%;
  background-color: #ffffff;
  padding: 15px 10px;
  border-radius: 11px;
  margin-bottom: 20px;
  margin-top: 30px;
}
.detail-location-box .heading-we-r-here {
  padding: 10px;
}
.detail-location-box .heading-we-r-here .heading-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  padding-bottom: 10px;
}
.detail-location-box .heading-we-r-here .paragraph-location {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  padding-bottom: 20px;
}
.detail-location-box .location-box {
  border: 1px solid #e01f26;
  border-radius: 7px;
  z-index: 1;
  overflow: hidden;
  width: 100%;
}
.detail-location-box .location-box iframe {
  width: 100%;
}

.author-profile-container {
  padding-bottom: clamp(10px, 1.389vw, 20px);
  padding-left: clamp(5px, 1.389vw, 20px);
  padding-right: clamp(5px, 1.389vw, 20px);
}
.author-profile-container .author-profile-detail-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .author-profile-container .author-profile-detail-box {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.953dvh, 20px);
  }
}
.author-profile-container .author-profile-detail-box .authore-content-box {
  display: flex;
  column-gap: clamp(9px, 1.25vw, 18px);
  padding-right: clamp(5px, 0.694vw, 10px);
}
.author-profile-container .author-profile-detail-box .authore-content-box .author-img-box {
  width: clamp(72px, 5vw, 144px);
  height: clamp(72px, 7.031dvh, 144px);
  border-radius: 50%;
}
.author-profile-container .author-profile-detail-box .authore-content-box .author-img-box img {
  width: clamp(72px, 5vw, 144px);
  height: clamp(72px, 7.031dvh, 144px);
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
}
.author-profile-container .author-profile-detail-box .authore-content-box .author-detail .author-name {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(18px, 1.667vw, 48px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.author-profile-container .author-profile-detail-box .authore-content-box .author-detail .subtitle {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(12px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: clamp(10.5px, 1.458vw, 21px);
}
.author-profile-container .author-profile-detail-box .authore-content-box .author-detail .social-buttons {
  display: flex;
  align-items: center;
  column-gap: clamp(7.5px, 1.042vw, 15px);
}
.author-profile-container .author-profile-detail-box .authore-content-box .author-detail .social-buttons .social-icon-link:hover svg path {
  fill: #e01f26;
  transition: fill 0.3s ease-in-out;
}
.author-profile-container .author-profile-detail-box .save-share-btn-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.042vw, 15px);
}
.author-profile-container .author-profile-detail-box .save-share-btn-box .btn-style {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  border-radius: 7px;
  border: 1px solid #271e30;
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.author-profile-container .author-profile-detail-box .save-share-btn-box .btn-style:hover {
  color: #e01f26;
}
.author-profile-container .author-profile-detail-box .save-share-btn-box .btn-style:hover svg path {
  fill: #e01f26;
}
.author-profile-container .author-profile-detail-box .save-share-btn-box .btn-style.active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #fff;
}
.author-profile-container .author-profile-detail-box .save-share-btn-box .btn-style.active svg path {
  fill: #fff;
}
.author-profile-container .author-detail-description {
  padding-top: clamp(20px, 1.389vw, 20px);
}
.author-profile-container .author-detail-description .para {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.save-share-btn-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.042vw, 15px);
}
.save-share-btn-box .btn-style {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  border-radius: 7px;
  border: 1px solid #271e30;
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.save-share-btn-box .btn-style:hover {
  color: #e01f26;
}
.save-share-btn-box .btn-style:hover svg path {
  fill: #e01f26;
}
.save-share-btn-box .btn-style.active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #fff;
}
.save-share-btn-box .btn-style.active svg path {
  fill: #fff;
}

#page-content-wrapper-blog .main-container-box-news {
  width: 100%;
}
@media (max-width: 991px) {
  #page-content-wrapper-blog .main-container-box-news {
    max-width: 100%;
  }
}
#page-content-wrapper-blog .main-container-box-news .navigate-buttons-container-news {
  position: unset;
  height: 100%;
}
#page-content-wrapper-blog .main-container-box-news .navigate-buttons-container-news .side-news-content {
  row-gap: clamp(17.5px, 2.431vw, 35px);
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  #page-content-wrapper-blog .main-container-box-news .navigate-buttons-container-news .side-news-content {
    flex-direction: row;
    column-gap: clamp(10px, 1.389vw, 20px);
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media (max-width: 1120px) {
  #page-content-wrapper-blog .main-container-box-news .navigate-container-blog-news .side-news-content {
    flex-direction: row;
    column-gap: clamp(10px, 1.389vw, 20px);
    justify-content: space-between;
  }
}
@media (max-width: 461px) {
  #page-content-wrapper-blog .main-container-box-news .navigate-container-blog-news .side-news-content {
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .news-side-content-wrapper {
    width: 100%;
    max-width: 48%;
  }
}
@media (max-width: 767px) {
  .news-side-content-wrapper {
    width: 100%;
  }
}
@media (max-width: 540px) {
  .news-side-content-wrapper {
    max-width: 100%;
  }
}
.news-side-content-wrapper .side-cta .img-box {
  padding-bottom: 10px;
}
.news-side-content-wrapper .side-cta .img-box img {
  width: 100%;
  height: auto;
  min-height: 180px;
  object-fit: contain;
  object-position: center;
  border-radius: 11px;
}
@media (max-width: 991px) {
  .news-side-content-wrapper .side-cta .img-box img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}
.news-side-content-wrapper .side-cta .title-des-box {
  padding-bottom: 20px;
}
.news-side-content-wrapper .side-cta .title-des-box .title {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  padding: 5px 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: 0.1px;
}
.news-side-content-wrapper .side-cta .title-des-box .description {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  padding: 5px 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.credit-card {
  position: relative;
  padding: clamp(20.5px, 5.339dvh, 82px) clamp(40px, 5.556vw, 160px) clamp(22px, 5.729dvh, 88px);
}
.credit-card .card-img {
  width: clamp(62px, 8.611vw, 248px);
  height: clamp(62px, 8.611vw, 248px);
  border-radius: 50%;
  object-fit: cover;
  background-position: center;
  border: 2px solid #f2f1f1;
  outline: 2px solid #e01f26;
  margin: clamp(6px, 1.563dvh, 24px) auto;
}
.credit-card .creditor-detail {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: clamp(5px, 0.694vw, 20px);
  margin-bottom: clamp(4px, 1.042dvh, 16px);
}
.credit-card .creditor-detail p {
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.credit-card .creditor-name-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: clamp(5px, 0.694vw, 20px);
  margin-bottom: clamp(8px, 2.083dvh, 32px);
}
.credit-card .creditor-name-box .creditor-name,
.credit-card .creditor-name-box p {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  text-align: center;
  font-size: clamp(16px, 1.389vw, 40px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.credit-card .creditor-name-box .creditor-name.creditor-divider,
.credit-card .creditor-name-box p.creditor-divider {
  color: #271e30;
}
.credit-card .creditor-name-box .creditor-name.creditor-name:hover,
.credit-card .creditor-name-box p.creditor-name:hover {
  text-decoration: underline;
}
.credit-card .created-at {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  text-align: center;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.stories-card {
  width: 100%;
}
.stories-card .card-content-body {
  position: relative;
}
.stories-card .card-content-body .bg-shadow-img {
  position: absolute;
  bottom: -1.563dvh;
  z-index: -1;
  transform: scale(0.9);
  border-radius: 17.301px;
  filter: blur(18.5px);
}
.stories-card .card-content-body .visual-content {
  border-radius: 17.301px;
  overflow: hidden;
}
.stories-card .card-content-body .visual-content .stories-card-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
}
.stories-card .card-content-body .visual-content svg {
  width: clamp(42px, 3.889vw, 112px);
  height: clamp(42px, 3.889vw, 112px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  overflow: hidden;
  border-radius: 50%;
}
.stories-card .card-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: clamp(12.5px, 1.736vw, 25px);
}
.stories-card .card-footer .tag {
  color: #f2f1f1;
  background-color: #e01f26;
  border-radius: 7px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
  max-width: max-content;
  padding: 5px 7px;
  cursor: pointer;
}
.stories-card .card-footer .subtitle {
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-top: clamp(10px, 1.389vw, 20px);
}
.stories-card:hover .stories-card-img {
  transform: scale(1.1);
}
.stories-card:hover svg {
  background: #f2f1f1;
}
.stories-card:hover svg path {
  fill: #e01f26;
}

.blog-card {
  border-radius: 17px;
  background: #ffffff;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 0px clamp(5px, 0.347vw, 10px) clamp(20px, 4.557dvh, 70px);
  height: clamp(557px, 73.519vh, 794px);
  justify-content: space-between;
}
@media (max-width: 768px) {
  .blog-card {
    height: 630px;
  }
}
.blog-card .card-header {
  margin-bottom: clamp(15px, 3.906dvh, 60px);
  width: 100%;
}
.blog-card .card-header .card-img {
  height: clamp(130px, 33.854dvh, 520px);
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 17px;
}
.blog-card .card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: clamp(10px, 1.389vw, 40px);
  padding-right: clamp(10px, 1.389vw, 40px);
  height: 100%;
}
.blog-card .card-body .tag {
  color: #ffffff;
  background-color: #e01f26;
  border-radius: 7px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
  max-width: max-content;
  padding: clamp(2.5px, 0.651dvh, 10px) clamp(3.5px, 0.486vw, 14px);
  cursor: pointer;
}
.blog-card .card-body .card-title {
  text-align: left;
  padding-top: clamp(7.5px, 1.953dvh, 30px);
  padding-bottom: clamp(7.5px, 1.953dvh, 30px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.blog-card .card-body .card-title:hover {
  color: #e01f26;
}
.blog-card .card-body .card-desc {
  width: 100%;
  display: block;
  margin-bottom: 25px;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}
.blog-card .card-body .card-desc .read-more-btn {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.25vw, 26px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blog-card .card-body .card-desc .read-more-btn:hover {
  text-decoration: underline;
}
.blog-card .card-footer {
  padding-left: clamp(10px, 1.389vw, 40px);
  padding-right: clamp(10px, 1.389vw, 40px);
}
.blog-card .card-footer .profile {
  display: flex;
  align-items: center;
  column-gap: clamp(7px, 0.972vw, 28px);
}
.blog-card .card-footer .profile .author-img {
  width: clamp(24px, 3.333vw, 96px);
  height: clamp(24px, 3.333vw, 96px);
  border-radius: 50%;
}
.blog-card .card-footer .profile .name {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blog-card .card-footer .profile .date {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(12px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.news-card {
  display: flex;
  column-gap: clamp(10px, 1.111vw, 32px);
  align-items: center;
}
@media (max-width: 992px) {
  .news-card {
    flex-wrap: wrap;
    row-gap: clamp(15px, 2.083vw, 30px);
  }
}
.news-card .card-img-content {
  width: 100%;
}
@media (min-width: 993px) {
  .news-card .card-img-content {
    margin-left: 8px;
    max-width: 33.333vw;
  }
}
.news-card .card-img-content .visual-content {
  position: relative;
}
.news-card .card-img-content .visual-content img {
  width: 100%;
  height: 46.094dvh;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  padding-left: 2px;
  border-radius: 17.301px;
}
.news-card .card-img-content .visual-content .img-thumbnail {
  position: absolute;
  bottom: 0;
  left: 22px;
  right: 22px;
  z-index: -1;
  width: calc(100% - 44px);
  height: 32.068dvh;
  border-radius: 17.301px;
  filter: blur(18.5px);
  padding: 0;
}
@media (min-width: 993px) {
  .news-card .card-img-content .visual-content .img-thumbnail {
    width: 30.278vw;
    height: 36.068dvh;
  }
}
.news-card .text-content {
  width: 100%;
}
@media (min-width: 992px) {
  .news-card .text-content {
    padding: 5px;
  }
}
.news-card .text-content .sub-heading {
  display: inline-block;
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.667vw, 48px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1px;
  margin-bottom: clamp(2.5px, 0.651dvh, 10px);
}
@media (min-width: 992px) {
  .news-card .text-content .sub-heading {
    padding: clamp(5px, 1.302dvh, 20px) clamp(5px, 0.694vw, 20px) 0;
  }
}
.news-card .text-content .heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 2.222vw, 64px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: clamp(2.5px, 0.651dvh, 10px);
  width: 100%;
}
@media (min-width: 992px) {
  .news-card .text-content .heading {
    padding: 0 clamp(5px, 0.694vw, 20px) clamp(5px, 1.302dvh, 20px);
    max-width: 38.458vw;
  }
}
@media (min-width: 992px) {
  .news-card .text-content .description-box {
    padding: clamp(2.5px, 0.651dvh, 10px) clamp(7.5px, 1.042vw, 30px);
    max-width: 47.569vw;
  }
}
.news-card .text-content .description-box .description {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.news-card .text-content .description-box .description .read-more-btn {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.25vw, 26px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.news-card .text-content .description-box .description .read-more-btn:hover {
  text-decoration: underline;
}

.hero-banner-section {
  padding-top: clamp(30px, 4.167vw, 60px);
  padding-bottom: clamp(30px, 4.167vw, 60px);
}
.hero-banner-section .content-container {
  border-radius: 17px;
  background: #271e30;
  padding: clamp(15px, 3.472vw, 50px) clamp(20px, 4.167vw, 60px);
}
.hero-banner-section .content-container .content-wrapper .content {
  display: flex;
  column-gap: clamp(30px, 4.167vw, 60px);
}
@media (max-width: 991px) {
  .hero-banner-section .content-container .content-wrapper .content {
    flex-wrap: wrap;
    row-gap: clamp(30px, 4.167vw, 60px);
  }
}
.hero-banner-section .content-container .content-wrapper .content .heading-box .subheading {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 2.222vw, 64px);
  font-style: normal;
  font-weight: 800;
  line-height: 2.46;
}
.hero-banner-section .content-container .content-wrapper .content .heading-box .main-heading {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(22px, 3.333vw, 96px);
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.hero-banner-section .content-container .content-wrapper .content .detail-description-box {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.hero-banner-section .content-container .content-wrapper .content .detail-description-box .para {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.filters-tags-btns-container {
  padding-bottom: 70px;
}
.filters-tags-btns-container .buttons-content-wrapper .btn-content-box {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.filters-tags-btns-container .buttons-content-wrapper .btn-content-box .tag-filter-btn {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 8px 16px;
  border-radius: 7px;
  background: #fff;
}
.filters-tags-btns-container .buttons-content-wrapper .btn-content-box .tag-filter-btn.active {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 7px;
  background-color: #e01f26;
  padding: 8px 16px;
}
.filters-tags-btns-container .swiper-button-next,
.filters-tags-btns-container .swiper-button-prev {
  width: 44px;
  height: 44px;
}
.filters-tags-btns-container .category-buttons-content {
  width: 100%;
  max-width: 92%;
}
@media (max-width: 992px) {
  .filters-tags-btns-container .category-buttons-content {
    max-width: 100%;
  }
}
.filters-tags-btns-container .category-buttons-content .category-buttons-box {
  justify-content: center;
}
@media (max-width: 992px) {
  .filters-tags-btns-container .category-buttons-content .category-buttons-box {
    justify-content: flex-start;
  }
}

.tags-box {
  display: flex;
  align-items: center;
  column-gap: clamp(15px, 2.083vw, 30px);
  padding-bottom: clamp(15px, 2.083vw, 30px);
  flex-wrap: wrap;
  row-gap: clamp(15px, 2.083vw, 30px);
  padding-left: clamp(5px, 1.389vw, 20px);
  padding-right: clamp(5px, 1.389vw, 20px);
}
.tags-box .highlight-tag {
  padding: 8px 16px;
  border-radius: 7px;
  background: #e01f26;
  color: #fff;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.tags-box .tag {
  border-radius: 7px;
  background-color: #fff;
  padding: 8px 16px;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.tags-box .btn-tag {
  background-color: #f2f1f1;
}

.source-code-box .source-code-content {
  border-radius: 17px;
  background-color: #ffffff;
  padding: clamp(15px, 2.083vw, 30px);
}
.source-code-box .source-code-content .source-content {
  display: flex;
  align-items: center;
  column-gap: clamp(17.5px, 2.431vw, 35px);
  flex-wrap: wrap;
  row-gap: clamp(10px, 1.389vw, 20px);
}
@media (max-width: 767px) {
  .source-code-box .source-code-content .source-content {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.389vw, 20px);
  }
}
.source-code-box .source-code-content .source-content .source-left-titile .source-text {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.667vw, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
.source-code-box .source-code-content .source-content .heading-link-box {
  display: flex;
  flex-direction: column;
  row-gap: clamp(5px, 0.694vw, 10px);
}
.source-code-box .source-code-content .source-content .heading-link-box .heading-box .source-heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: italic;
  font-weight: 600;
  line-height: 1.5;
}
.source-code-box .source-code-content .source-content .heading-link-box .source-link-box .source-link {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
  word-break: break-all;
}

#login-header {
  min-height: 80px;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 99;
  box-shadow: 0px 22px 40px rgba(0, 0, 0, 0.1);
}
#login-header .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#login-header .container-fluid .logo {
  width: 107px;
}
@media (max-width: 991px) {
  #login-header .container-fluid .logo {
    width: 100px;
    position: relative;
    z-index: 9999;
  }
}
#login-header .container-fluid .navbar,
#login-header .container-fluid .account-item {
  display: flex;
  align-items: center;
}
#login-header .container-fluid .navbar {
  column-gap: clamp(10px, 3.125vw, 45px);
}
#login-header .container-fluid .navbar .navbar-nav {
  column-gap: clamp(10px, 2.083vw, 30px);
  align-items: center;
}
@media (min-width: 992px) {
  #login-header .container-fluid .navbar .navbar-nav {
    display: flex !important;
  }
}
@media (max-width: 991px) {
  #login-header .container-fluid .navbar .navbar-nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e01f26;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 999;
    flex-direction: column;
    justify-content: center;
    row-gap: 1.5rem;
  }
}
#login-header .container-fluid .navbar .navbar-nav.active {
  position: absolute;
  flex-direction: column;
  top: 80px;
  z-index: 1;
  left: 16px;
}
#login-header .container-fluid .navbar .nav-link {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3125;
  letter-spacing: 0em;
  text-align: center;
  color: #f2f1f1;
  padding: 10px;
  position: relative;
}
@media (min-width: 992px) {
  #login-header .container-fluid .navbar .nav-link {
    font-size: clamp(15px, 0.972vw, 28px);
    color: #271e30;
  }
  #login-header .container-fluid .navbar .nav-link:hover {
    color: #e01f26;
    font-weight: 600;
  }
  #login-header .container-fluid .navbar .nav-link.active {
    font-weight: 700;
  }
  #login-header .container-fluid .navbar .nav-link.active::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -21px;
    background-color: #e01f26;
    border-radius: clamp(3.5px, 0.486vw, 14px) clamp(3.5px, 0.486vw, 14px) 0px 0px;
    height: 5px;
    width: 100%;
  }
}
#login-header .container-fluid .account-list {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
#login-header .container-fluid .account-list .btn-account {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(39, 30, 48, 0.65);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: relative;
}
#login-header .container-fluid .account-list .btn-account .counter {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -8px;
  right: -8px;
  color: #f2f1f1;
  background-color: #e01f26;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(12px, 0.694vw, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#login-header .container-fluid .account-list .btn-account:hover {
  border-color: #e01f26;
}
#login-header .container-fluid .account-list .btn-account.active {
  border-color: #e01f26;
  background-color: #e01f26;
}
#login-header .container-fluid .account-list .btn-account.active path {
  stroke: #f2f1f1;
}
#login-header .container-fluid .btn-login {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  color: #f2f1f1;
  background-color: #e01f26;
  padding: 10px 20px;
  border-radius: clamp(3.5px, 0.486vw, 14px);
}
@media (max-width: 992px) {
  #login-header .container-fluid .btn-login {
    padding: 5px 15px;
  }
}
@media (max-width: 460px) {
  #login-header .container-fluid .btn-login {
    padding: 4px 10px;
  }
}
@media (min-width: 992px) {
  #login-header .container-fluid .btn-toggle-item {
    display: none;
  }
}
#login-header .container-fluid .btn-toggle-item .btn-toggle {
  position: relative;
  z-index: 999;
}
#login-header .container-fluid .btn-toggle-item .btn-toggle.tab img {
  filter: invert(1);
}
#login-header .container-fluid .account-item {
  position: relative;
  column-gap: 5px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 700;
  line-height: 1.3125dvh;
  letter-spacing: 0em;
  text-align: center;
  cursor: pointer;
}
#login-header .container-fluid .account-item .language-list {
  display: none;
  position: absolute;
  top: 46px;
  right: 0;
  width: 127px;
  box-shadow: 0px 4px 4px rgba(39, 30, 48, 0.1);
  border-radius: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  z-index: 2;
  background-color: #f2f1f1;
  width: 300px;
}
#login-header .container-fluid .account-item .language-list a {
  text-decoration: none;
  color: #271e30;
}
@media (max-width: 767px) {
  #login-header .container-fluid .account-item .language-list {
    right: -45px;
  }
}
#login-header .container-fluid .account-item .language-list .profile-group {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#login-header .container-fluid .account-item .language-list .profile-group .profile-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 0.972vw, 28px);
}
#login-header .container-fluid .account-item .language-list .profile-group .profile-box .image-box {
  padding-left: clamp(12px, 1.111vw, 32px);
  padding-top: clamp(12px, 1.111vw, 32px);
  padding-bottom: clamp(12px, 1.111vw, 32px);
}
#login-header .container-fluid .account-item .language-list .profile-group .profile-box .image-box img {
  color: transparent;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
#login-header .container-fluid .account-item .language-list .profile-group .profile-box .person-info {
  padding-top: clamp(12px, 1.111vw, 32px);
  padding-bottom: clamp(12px, 1.111vw, 32px);
}
#login-header .container-fluid .account-item .language-list .profile-group .profile-box .person-info .person-name {
  font-family: "Poppins" sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  color: #271e30;
}
#login-header .container-fluid .account-item .language-list .profile-group .profile-box .person-info .person-email {
  font-family: "Poppins" sans-serif;
  font-size: clamp(10px, 0.694vw, 20px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  color: #271e30;
}
#login-header .container-fluid .account-item .language-list .profile-group .underline {
  width: 100%;
  border-bottom: 1px solid rgba(39, 30, 48, 0.15);
  margin-bottom: clamp(10px, 0.694vw, 20px);
}
#login-header .container-fluid .account-item .language-list .dropdown-menu-box {
  padding-left: clamp(12px, 1.111vw, 32px);
  padding-right: clamp(12px, 1.111vw, 32px);
}
#login-header .container-fluid .account-item .language-list .dropdown-menu-box .dropdown-menu {
  display: flex;
  flex-direction: column;
  row-gap: clamp(8px, 0.556vw, 12px);
}
#login-header .container-fluid .account-item .language-list .dropdown-menu-box .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  column-gap: clamp(8px, 0.556vw, 12px);
  font-family: "Poppins" sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
}
#login-header .container-fluid .account-item .language-list .dropdown-menu-box .dropdown-menu .dropdown-item .icon {
  margin: clamp(8px, 0.556vw, 12px);
}
#login-header .container-fluid .account-item .language-list .dropdown-menu-box .dropdown-menu .dropdown-item:last-child {
  margin-bottom: clamp(8px, 0.556vw, 12px);
}
#login-header .container-fluid .account-item .language-list .dropdown-menu-box .dropdown-menu .underline {
  width: 100%;
  border-bottom: 1px solid rgba(39, 30, 48, 0.15);
  margin-bottom: clamp(10px, 0.694vw, 20px);
}

.notification-card {
  display: flex;
  align-items: center;
  column-gap: clamp(7.5px, 1.042vw, 30px);
  row-gap: clamp(7.5px, 1.953dvh, 30px);
  background-color: #ffffff;
  padding: clamp(14px, 1.823dvh, 28px) clamp(26px, 1.806vw, 52px) clamp(14px, 1.823dvh, 28px) clamp(21px, 1.458vw, 42px);
  border-radius: 4px;
}
@media (max-width: 991px) {
  .notification-card {
    align-items: flex-start;
  }
}
@media (max-width: 375px) {
  .notification-card {
    flex-wrap: wrap;
  }
}
.notification-card .notification-header {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(50px, 3.472vw, 100px);
  min-height: clamp(50px, 3.472vw, 100px);
  max-width: clamp(50px, 3.472vw, 100px);
  max-height: clamp(50px, 3.472vw, 100px);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f2f1f1;
}
.notification-card .notification-header .notification-icon {
  width: max-content;
}
.notification-card .notification-header .notification-img {
  min-width: clamp(50px, 3.472vw, 100px);
  min-height: clamp(50px, 3.472vw, 100px);
  max-width: clamp(50px, 3.472vw, 100px);
  max-height: clamp(50px, 3.472vw, 100px);
  width: 100%;
  height: 100%;
}
.notification-card .notification-header i {
  font-size: clamp(22px, 1.667vw, 48px);
  color: #e01f26;
}
.notification-card .notification-content-box {
  display: flex;
  column-gap: clamp(7.5px, 1.042vw, 30px);
  row-gap: clamp(15px, 1.953dvh, 30px);
  align-items: center;
}
@media (max-width: 991px) {
  .notification-card .notification-content-box {
    flex-wrap: wrap;
  }
}
.notification-card .notification-content-box .notification-body .notification-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: clamp(2px, 0.521dvh, 8px);
  text-align: left;
}
.notification-card .notification-content-box .notification-body .notification-desc {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(12px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.notification-card .notification-content-box .notification-footer {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 20px);
  row-gap: clamp(15px, 1.953dvh, 30px);
}
.notification-card .notification-content-box .notification-footer .btn-notification {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(12px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  min-width: max-content;
  width: clamp(118px, 8.194vw, 236px);
  height: clamp(36px, 4.688dvh, 72px);
  padding: clamp(4px, 0.556vw, 16px);
  border-radius: 8px;
  cursor: pointer;
}
.notification-card .notification-content-box .notification-footer .btn-notification.btn-primary {
  color: #f2f1f1;
  background-color: #e01f26;
}
.notification-card .notification-content-box .notification-footer .btn-notification.btn-secondary {
  color: #271e30;
  background-color: #f2f1f1;
}

.tab-list {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: clamp(9px, 2.083vw, 30px);
  border-bottom: 5px solid rgba(39, 30, 48, 0.1);
  padding: clamp(10px, 1.389vw, 20px) 0 0;
}
.tab-list::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -5px;
  background-color: rgba(39, 30, 48, 0.1);
  border-radius: 7px 7px 0px 0px;
  height: 5px;
  width: 100%;
}
.tab-list .tab-link {
  position: relative;
  cursor: pointer;
  padding: clamp(5px, 0.694vw, 10px);
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(12px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
}
.tab-list .tab-link:hover {
  color: #e01f26;
}
.tab-list .tab-link.active {
  font-weight: 700;
}
.tab-list .tab-link.active:hover {
  color: #271e30;
}
.tab-list .tab-link.active::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: -5px;
  background-color: #e01f26;
  border-radius: 7px 7px 0px 0px;
  height: 5px;
  width: 100%;
  z-index: 2;
}
.tab-list .tab-link .notification-counter {
  color: #f2f1f1;
  font-size: clamp(10px, 0.694vw, 20px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  width: 20px;
  height: 20px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #d33737;
}

.card-box {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
.card-box .card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: clamp(10px, 2.083vw, 25px);
  flex-wrap: wrap;
  row-gap: clamp(25px, 2.083vw, 30px);
}
@media (max-width: 1296px) {
  .card-box .card-content {
    padding-right: 0;
  }
}
.card-box .card-content .detail-view {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.389vw, 20px);
  flex-wrap: wrap;
  row-gap: clamp(10px, 1.042vw, 15px);
}
.card-box .card-content .detail-view .img-box {
  width: 100%;
  max-width: clamp(195px, 13.542vw, 195px);
  height: 100%;
  max-height: clamp(130px, 16.927dvh, 130px);
  border-radius: 11px;
}
@media (max-width: 460px) {
  .card-box .card-content .detail-view .img-box {
    max-width: 100%;
    max-height: 100%;
  }
}
.card-box .card-content .detail-view .img-box img {
  width: 100%;
  max-width: clamp(195px, 13.542vw, 195px);
  height: 100%;
  max-height: clamp(130px, 16.927dvh, 130px);
  border-radius: 11px;
  object-fit: initial;
  object-position: center;
  background-repeat: no-repeat;
}
.card-box .card-content .detail-view .info-content .name {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  padding: clamp(5px, 0.694vw, 10px);
}
.card-box .card-content .detail-view .info-content .card-holder {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.card-box .card-content .detail-view .info-content .ticket-person {
  display: flex;
  align-items: center;
}
.card-box .card-content .detail-view .info-content .ticket-person .info {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding: 5px clamp(5px, 0.694vw, 10px);
}
.card-box .card-content .detail-view .info-content .card-person-info {
  padding: 5px 10px;
  column-gap: 10px;
}
@media (max-width: 468px) {
  .card-box .card-content .detail-view .info-content .card-person-info {
    padding-left: 5px;
  }
}
.card-box .card-content .detail-view .info-content .card-person-info .info {
  padding: 0;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.card-box .card-content .detail-view .info-content .date-box {
  display: flex;
  align-items: center;
}
.card-box .card-content .detail-view .info-content .date-box .date {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding: 5px clamp(5px, 0.694vw, 10px);
}
.card-box .card-content .detail-view .info-content .card-date-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.card-box .card-content .detail-view .info-content .card-date-box .month-y {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 0 clamp(5px, 0.694vw, 10px);
}
.card-box .card-content .detail-view .info-content .card-date-box .month-y .date {
  padding: 5px 0;
}
.card-box .card-content .detail-view .info-content .card-date-box .light-col {
  color: var(--VM-Black, #271e30);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  opacity: 0.45;
}
.card-box .card-content .detail-view .info-content .card-date-box .dark-col {
  color: var(--VM-Black, #271e30);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.card-box .card-content .detail-view .info-content .card-date-box .cvc-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
@media (min-width: 1024px) {
  .card-box .card-content .card-detail-view {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1060px) {
  .card-box .card-content .card-detail-view {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .card-box .card-content .card-detail-view {
    width: 100%;
  }
}
.card-box .card-content .card-detail-view .img-box {
  width: 100%;
  max-width: clamp(195px, 13.542vw, 195px);
  height: 100%;
  max-height: clamp(130px, 16.927dvh, 130px);
  border-radius: 11px;
}
.card-box .card-content .card-detail-view .img-box img {
  width: 100%;
  max-width: clamp(195px, 13.542vw, 195px);
  height: 100%;
  max-height: clamp(130px, 16.927dvh, 130px);
  border-radius: 11px;
}
.card-box .card-content .buttons-content-listing {
  display: flex;
  flex-direction: column;
  row-gap: clamp(10px, 2.014vw, 29px);
  align-items: flex-end;
}
@media (max-width: 1296px) {
  .card-box .card-content .buttons-content-listing {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    column-gap: clamp(20px, 1.042vw, 20px);
  }
}
@media (min-width: 1155px) {
  .card-box .card-content .buttons-content-listing {
    max-width: max-content;
  }
}
.card-box .card-content .buttons-content-listing .price-box {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 1296px) {
  .card-box .card-content .buttons-content-listing .price-box {
    align-items: flex-start;
    width: 100%;
    max-width: max-content;
  }
}
.card-box .card-content .buttons-content-listing .price-box .price {
  display: flex;
  column-gap: 4px;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.card-box .card-content .buttons-content-listing .price-box .price .persons-pr {
  font-weight: 500;
}
.card-box .card-content .buttons-content-listing .taxes {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  opacity: 0.45;
}
.card-box .card-content .buttons-content-listing .buttons-box {
  display: flex;
  align-items: flex-end;
  column-gap: clamp(8px, 0.694vw, 10px);
  width: 100%;
  max-width: max-content;
  flex-wrap: wrap;
  row-gap: clamp(8px, 0.694vw, 10px);
}
.card-box .card-content .buttons-content-listing .buttons-box .btn-style {
  text-align: center;
  padding: clamp(8px, 0.694vw, 10px) clamp(15px, 1.389vw, 20px);
  border-radius: 8px;
}
.card-box .card-content .buttons-content-listing .buttons-box .light-btn {
  background-color: #f2f1f1;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.card-box .card-content .buttons-content-listing .buttons-box .color-btn {
  background-color: #e01f26;
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.card-box .card-content .buttons-content-listing .canceled-top-content {
  display: flex;
  align-items: center;
  column-gap: clamp(15px, 2.014vw, 29px);
}
@media (max-width: 767px) {
  .card-box .card-content .buttons-content-listing .canceled-top-content {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.042vw, 15px);
    flex-direction: column;
    align-items: flex-start;
    padding-left: 5px;
  }
}
.card-box .card-content .buttons-content-listing .canceled-top-content .cancell-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 992px) {
  .card-box .card-content .buttons-content-listing .canceled-top-content .cancell-box {
    align-items: flex-start;
  }
}
.card-box .card-content .buttons-content-listing .canceled-top-content .cancell-box .cancel-text {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.card-box .card-content .buttons-content-listing .canceled-top-content .cancell-box .cancel-text .cancel {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.card-box .card-content .buttons-content-listing .canceled-top-content .cancell-box .cancel-text .unpaid {
  color: #e01f26;
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.card-box .card-content .buttons-content-listing .canceled-top-content .cancell-box .refund-info-box {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.card-box .card-content .buttons-content-listing .canceled-top-content .cancell-box .refund-info-box i {
  font-size: clamp(14px, 1.111vw, 32px);
  color: #e01f26;
}
.card-box .card-content .buttons-content-listing .canceled-top-content .cancell-box .refund-info-box .refund {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1060px) {
  .card-box .card-content-wid {
    align-items: flex-end;
  }
}
.card-box .card-content-wid .card-detail-view {
  width: 100%;
  max-width: 86%;
}
@media (max-width: 768px) {
  .card-box .card-content-wid .card-detail-view {
    max-width: 100%;
  }
}
.card-box .input-address-wrapper .address-field-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.card-box .input-address-wrapper .address-field-box:first-child {
  margin-bottom: 18px;
}
@media (max-width: 460px) {
  .card-box .input-address-wrapper .address-field-box {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.card-box .input-address-wrapper .address-field-box .address-heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  max-width: max-content;
}
.card-box .input-address-wrapper .address-field-box .address-input-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
  border-radius: 8px;
  border: 1px solid #dfdfdf;
  padding: 10px;
  width: 100%;
}
.card-box .input-address-wrapper .address-field-box .address-input-box .flag-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.card-box .input-address-wrapper .address-field-box .address-input-box .flag-box img {
  width: 20px;
  height: 14px;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  background-position: center;
}
.card-box .input-address-wrapper .address-field-box .address-input-box .flag-box .in-divider {
  color: rgba(39, 30, 48, 0.25);
}
.card-box .input-address-wrapper .address-field-box::placeholder {
  color: rgba(39, 30, 48, 0.25);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
}
.card-box .input-address-wrapper .address-field-box .address-input {
  border: none;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
}
.card-box .input-address-wrapper .address-field-box .no-input-box {
  border: 1px solid #dfdfdf;
  padding: 10px;
  border-radius: 8px;
}
.card-box .input-address-wrapper .address-field-box .no-input-box .address-input-hn {
  width: 100%;
  max-width: 120px;
}
@media (max-width: 460px) {
  .card-box .input-address-wrapper .address-field-box .no-input-box .address-input-hn {
    width: 100%;
    max-width: 100px;
  }
}
.card-box .input-address-wrapper .address-field-box .form-input-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.card-box .input-address-wrapper .address-field-box .form-input-box .inputCard {
  border: 1px solid #dfdfdf;
  padding: 10px;
  border-radius: 8px;
}

.accordion {
  padding: clamp(7.5px, 1.953dvh, 30px) clamp(5px, 0.694vw, 20px);
  border-radius: clamp(5.5px, 0.764vw, 22px);
  border-bottom: clamp(0.5px, 0.13dvh, 2px) solid rgba(39, 30, 48, 0.001);
  background: #ffffff;
  width: 100%;
  display: block;
}
.accordion-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: clamp(7.5px, 1.042vw, 30px);
  padding: clamp(5px, 0.694vw, 20px);
}
.accordion-header .accordion-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.accordion-header .accordian-icon-box {
  margin-right: clamp(7.5px, 1.042vw, 30px);
}
.accordion-header .accordian-icon-box i {
  color: #271e30;
  font-size: clamp(22px, 1.667vw, 48px);
}
.accordion-header .accordian-icon-box .icon-minis-icon {
  color: #271e30;
  font-size: clamp(4px, 0.278vw, 6px);
}
.accordion-header .accordian-icon-box .icon-Angle-Down-Icon-Regular {
  color: #271e30;
  font-size: 20px;
  font-weight: 600;
}
.accordion-header.active .accordion-title {
  font-weight: 600;
}
.accordion-header.active .accordian-icon-box .accordian-icon {
  transform: rotate(180deg);
}
.accordion-body {
  display: none;
  flex-direction: column;
  row-gap: clamp(7.5px, 1.953dvh, 30px);
  margin-top: clamp(7.5px, 1.953dvh, 30px);
}
.accordion-body.active {
  display: flex;
}
.accordion-body .accordion-disc {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.625;
}
@media (min-width: 768px) {
  .accordion-body .accordion-disc {
    padding: clamp(5px, 0.694vw, 20px);
  }
}
.accordion-body .accordion-slider {
  width: 100%;
}
@media (min-width: 768px) {
  .accordion-body .accordion-slider {
    padding: clamp(5px, 0.694vw, 20px);
  }
}
.accordion-body .accordion-slider .swiper-slide {
  width: max-content;
  width: clamp(130px, 18.056vw, 520px) !important;
  height: clamp(87px, 12.083vw, 348px) !important;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  margin-right: clamp(5px, 0.694vw, 20px) !important;
  overflow: hidden;
}
.accordion-body .accordion-slider .swiper-slide .accordion-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.accordion-body .sub-accordion-list {
  row-gap: clamp(7.5px, 1.953dvh, 30px);
}
.accordion-body .sub-accordion-list .sub-accordion .accordion-header {
  justify-content: flex-start;
  column-gap: clamp(5px, 0.694vw, 20px);
}
.accordion-body .sub-accordion-list .sub-accordion .accordion-header .accordion-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.625;
}
.accordion-body .sub-accordion-list .sub-accordion .accordion-body {
  margin: 0;
  padding: 0 clamp(5px, 0.694vw, 20px);
}

.profle-main-container {
  background-color: #ffffff;
  padding: clamp(24px, 3.333vw, 48px) clamp(12px, 1.667vw, 24px);
  border-radius: 8px;
}
.profle-main-container .profile-content-wrapper .profile-picture-wrapper .profi-title-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 11px;
  width: 100%;
  max-width: max-content;
}
.profle-main-container .profile-content-wrapper .profile-picture-wrapper .profile-picture-box {
  position: relative;
  width: 130px;
  height: 132px;
  border-radius: 18px;
  margin-bottom: clamp(26px, 2.5vw, 36px);
  cursor: pointer;
}
.profle-main-container .profile-content-wrapper .profile-picture-wrapper .profile-picture-box .main-profile-img {
  width: 100%;
  max-width: 130px;
  height: 132px;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  border-radius: 18px;
  cursor: pointer;
}
.profle-main-container .profile-content-wrapper .profile-picture-wrapper .profile-picture-box .picture-editior {
  position: absolute;
  bottom: 0;
  right: -15px;
}
.profle-main-container .profile-content-wrapper .line-full {
  width: 100%;
  height: clamp(1px, 0.139vw, 2px);
  background: #e0e4ec;
  margin-bottom: clamp(18px, 2.5vw, 36px);
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .g-3 {
  column-gap: clamp(16px, 1.667vw, 24px);
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column input[type=text] {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.124;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column input[type=number] {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.124;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column ::placeholder {
  color: rgba(40, 31, 48, 0.45);
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 2;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column .form-label {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  padding-bottom: clamp(8px, 0.764vw, 11px);
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column .form-control {
  padding: clamp(10px, 1.25vw, 18px) clamp(10px, 1.042vw, 15px);
  border-radius: 8px;
  border: clamp(1px, 0.139vw, 2px) solid rgba(39, 30, 48, 0.25);
  background-color: #f2f1f1;
  width: 100%;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column .input-group {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: clamp(5.5px, 0.764vw, 11px) clamp(7.5px, 1.042vw, 15px);
  border: 1px solid rgba(39, 30, 48, 0.25);
  background-color: #f2f1f1;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column .input-group .country-code-box {
  display: flex;
  align-items: center;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column .input-group .country-code-box .input-group-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  opacity: 0.45;
  display: flex;
  align-items: center;
  column-gap: clamp(8px, 0.833vw, 12px);
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column .input-group .country-code-box .input-group-text::after {
  content: "";
  width: clamp(1px, 0.069vw, 1px);
  height: clamp(15px, 3.906dvh, 30px);
  display: block;
  background-color: #271e30;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-right: clamp(8px, 0.833vw, 12px);
  opacity: 0.45;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .dis-column .input-group .number-control {
  border: none;
  padding: 0;
  border-radius: 0px;
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .form-container .dis-flex {
  display: flex;
  align-items: center;
  column-gap: clamp(12px, 1.667vw, 24px);
}
@media (max-width: 768px) {
  .profle-main-container .profile-content-wrapper .personal-information-wrapper .form-container .dis-flex {
    flex-wrap: wrap;
    row-gap: clamp(12px, 1.667vw, 24px);
  }
}
.profle-main-container .profile-content-wrapper .personal-information-wrapper .form-container .sty-input {
  margin-bottom: clamp(20px, 1.667vw, 24px);
}

.update-buttons-box {
  display: flex;
  align-items: center;
  column-gap: clamp(17px, 2.361vw, 34px);
  padding-top: clamp(6px, 0.833vw, 12px);
}
.update-buttons-box .btn-primary {
  padding: clamp(10px, 0.833vw, 12px) clamp(16px, 2.222vw, 32px);
  border-radius: 8px;
  background-color: #e01f26;
  color: #ffffff;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
.update-buttons-box .reset-btn {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}

.line-full {
  width: 100%;
  height: clamp(1px, 0.26dvh, 2px);
  background-color: #e0e4ec;
  margin-bottom: clamp(12px, 1.667vw, 24px);
}

.account-preference-container {
  background-color: #ffffff;
  padding: clamp(24px, 3.333vw, 48px) clamp(12px, 1.667vw, 24px);
  border-radius: 8px;
}
.account-preference-container .preference-content-wrapper .heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 24px;
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.12;
  padding-bottom: clamp(5.5px, 0.764vw, 11px);
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-accor {
  position: relative;
  padding-bottom: clamp(24px, 3.333vw, 48px);
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-accor .selected-lang {
  display: flex;
  padding: clamp(10px, 1.25vw, 18px) clamp(10px, 1.042vw, 15px);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: clamp(1px, 0.069vw, 1px) solid rgba(39, 30, 48, 0.25);
  background-color: #f2f1f1;
  margin-bottom: clamp(5.5px, 0.764vw, 11px);
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-accor .selected-lang .lang {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.12;
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-accor .selected-lang .lang:hover {
  color: #271e30;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-accor .lang-box {
  position: absolute;
  top: clamp(40px, 4.167vw, 60px);
  left: 0;
  width: 100%;
  border-radius: 8px;
  background-color: #f2f1f1;
  z-index: 99;
  display: none;
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-accor .lang-box .lang {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.12;
  padding: clamp(10px, 0.833vw, 12px) clamp(10px, 1.042vw, 15px);
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-accor .lang-box .lang:hover {
  color: #e01f26;
}
.account-preference-container .preference-content-wrapper .lang-select-box .lang-accor .text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.12;
}
.account-preference-container .preference-content-wrapper .location-container {
  padding-bottom: clamp(24px, 3.333vw, 48px);
}
.account-preference-container .preference-content-wrapper .location-container .text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box {
  display: flex;
  column-gap: clamp(5px, 0.694vw, 10px);
  width: 100%;
}
@media (max-width: 767px) {
  .account-preference-container .preference-content-wrapper .location-container .country-city-box {
    flex-wrap: wrap;
    row-gap: clamp(8px, 1.042vw, 15px);
  }
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .lang-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: clamp(5.5px, 0.764vw, 11px);
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box {
  width: 100%;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box .lang-accor {
  position: relative;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box .lang-accor .selected-lang {
  display: flex;
  padding: clamp(10px, 1.25vw, 18px) clamp(10px, 1.042vw, 15px);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: clamp(0.5px, 0.069vw, 1px) solid rgba(39, 30, 48, 0.25);
  background-color: #f2f1f1;
  margin-bottom: clamp(5.5px, 0.764vw, 11px);
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box .lang-accor .selected-lang .lang {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.12;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box .lang-accor .selected-lang .lang:hover {
  color: #271e30;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box .lang-accor .lang-box {
  position: absolute;
  top: clamp(40px, 4.167vw, 60px);
  left: 0;
  width: 100%;
  border-radius: 8px;
  background-color: #f2f1f1;
  z-index: 99;
  display: none;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box .lang-accor .lang-box .lang {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.12;
  padding: clamp(6px, 0.833vw, 12px) clamp(8px, 1.042vw, 15px);
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box .lang-accor .lang-box .lang:hover {
  color: #e01f26;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .country-box .lang-accor .text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.12;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box {
  width: 100%;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box .lang-accor {
  position: relative;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box .lang-accor .selected-lang {
  display: flex;
  padding: clamp(10px, 1.25vw, 18px) clamp(10px, 1.042vw, 15px);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid rgba(39, 30, 48, 0.25);
  background-color: #f2f1f1;
  margin-bottom: 11px;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box .lang-accor .selected-lang .lang {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.12;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box .lang-accor .selected-lang .lang:hover {
  color: #271e30;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box .lang-accor .lang-box {
  position: absolute;
  top: clamp(40px, 4.167vw, 60px);
  left: 0;
  width: 100%;
  border-radius: 8px;
  background-color: #f2f1f1;
  z-index: 99;
  display: none;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box .lang-accor .lang-box .lang {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.12;
  padding: 12px 15px;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box .lang-accor .lang-box .lang:hover {
  color: #e01f26;
  cursor: pointer;
}
.account-preference-container .preference-content-wrapper .location-container .country-city-box .city-box .lang-accor .text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.12;
}

.notification-content-container {
  background-color: #ffffff;
  padding: clamp(24px, 3.333vw, 48px) clamp(12px, 1.667vw, 24px);
  border-radius: 8px;
}
.notification-content-container .notification-content-wrapper .notification-content {
  /* Rounded sliders */
}
.notification-content-container .notification-content-wrapper .notification-content .cmt-notif-text {
  padding-bottom: clamp(12px, 1.667vw, 24px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.notification-content-container .notification-content-wrapper .notification-content .cmt-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}
.notification-content-container .notification-content-wrapper .notification-content .switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
}
.notification-content-container .notification-content-wrapper .notification-content .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.notification-content-container .notification-content-wrapper .notification-content .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(224, 31, 37, 0.45);
  transition: 0.4s;
}
.notification-content-container .notification-content-wrapper .notification-content .slider:before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 2px;
  bottom: 2px;
  background-color: #f2f1f1;
  transition: 0.4s;
}
.notification-content-container .notification-content-wrapper .notification-content input:checked + .slider {
  background-color: #e01f26;
}
.notification-content-container .notification-content-wrapper .notification-content input:focus + .slider {
  box-shadow: 0 0 1px #e01f26;
}
.notification-content-container .notification-content-wrapper .notification-content input:checked + .slider:before {
  transform: translateX(17px);
}
.notification-content-container .notification-content-wrapper .notification-content .slider.round {
  border-radius: 9px;
}
.notification-content-container .notification-content-wrapper .notification-content .slider.round:before {
  border-radius: 50%;
}
.notification-content-container .notification-content-wrapper .notification-content .switch-btn-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.111vw, 16px);
}
.notification-content-container .notification-content-wrapper .notification-content .portion-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: clamp(24px, 3.333vw, 48px);
  flex-wrap: wrap;
  row-gap: clamp(10px, 1.389vw, 20px);
}
.notification-content-container .notification-content-wrapper .notification-content .portion-box .switch-btn-box {
  padding: clamp(3px, 0.417vw, 12px) clamp(10px, 1.111vw, 32px);
}
.notification-content-container .notification-content-wrapper .notification-content .portion-box .switch-btn-box .bold-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  padding-top: clamp(10px, 1.25vw, 18px);
}
.notification-content-container .notification-content-wrapper .notification-content .portion-box .switch-btn-box .subtext {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  padding-top: clamp(5px, 0.694vw, 10px);
}

.account-content-container {
  padding: clamp(24px, 3.333vw, 48px) clamp(12px, 1.667vw, 24px);
  border-radius: 8px;
  background-color: #ffffff;
}
.account-content-container .account-content-wrapper .account-content .account-info-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: clamp(12px, 1.667vw, 24px);
}
.account-content-container .account-content-wrapper .account-content .account-info-box .title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.account-content-container .account-content-wrapper .account-content .account-info-box-prev {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: clamp(8px, 1.111vw, 16px);
}
.account-content-container .account-content-wrapper .account-content .content-box .title,
.account-content-container .account-content-wrapper .account-content .content-box .text-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.account-content-container .account-content-wrapper .account-content .content-box .text-title-hibrnt {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.account-content-container .account-content-wrapper .account-content .content-box .content {
  padding-top: clamp(11px, 1.528vw, 22px);
  padding-left: clamp(6px, 1.528vw, 22px);
}
.account-content-container .account-content-wrapper .account-content .content-box .content .para {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.24;
  padding-bottom: clamp(18px, 2.5vw, 36px);
  padding-top: clamp(4px, 0.556vw, 8px);
}
.account-content-container .account-content-wrapper .account-content .content-box .content textarea {
  width: 100%;
  max-width: 100%;
  border: clamp(1px, 0.069vw, 2px) solid #e01f26;
  border-radius: 8px;
  padding: clamp(8px, 1.111vw, 16px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  resize: none;
  line-height: normal;
}
.account-content-container .account-content-wrapper .account-content .content-box .content textarea::placeholder {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .update-buttons-box {
  padding-top: clamp(24px, 3.333vw, 48px);
}
.account-content-container .account-content-wrapper .account-content .content-box .content .para-hibrnt {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 10px;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box {
  display: flex;
  flex-direction: column;
  row-gap: clamp(8px, 1.111vw, 16px);
  padding-top: clamp(8px, 1.111vw, 16px);
  padding-bottom: clamp(8px, 1.111vw, 16px);
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box {
  padding: clamp(3px, 0.417vw, 6px) clamp(8px, 1.111vw, 16px);
}
@media (max-width: 460px) {
  .account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box {
    padding: clamp(3px, 0.417vw, 6px) 0;
  }
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box .accordion {
  display: none;
  margin-top: clamp(5px, 0.347vw, 5px);
  overflow: hidden;
  max-height: 100%;
  padding: clamp(5px, 0.694vw, 10px) 0;
  border: none;
  transition: max-height 0.3s ease-in-out;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box .accordion.open {
  display: block;
  max-height: 100dvh;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box .accordion .accordion-content {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box .accordion .accordion-content .cta-ancor {
  color: #e01f26;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box .label,
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box .heading-radio {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: clamp(1px, 0.139vw, 3px) solid #271e30;
  border-radius: 50%;
  width: 100%;
  max-width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: clamp(8px, 1.111vw, 16px);
  opacity: 0.45;
  margin-top: 0;
  margin-left: 0;
  transition: all 0.3s ease-in-out;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box input[type=radio]:hover {
  opacity: 1;
  cursor: pointer;
}
.account-content-container .account-content-wrapper .account-content .content-box .content .radio-btn-box .radio-content-box input[type=radio]:checked {
  border: clamp(4px, 0.278vw, 16px) solid #e01f26;
  opacity: 1;
}

.tag-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: clamp(5px, 0.694vw, 20px) !important;
  row-gap: clamp(7.5px, 1.953dvh, 30px);
  column-gap: clamp(7.5px, 1.042vw, 30px);
}
.tag-list .tag-item {
  display: flex;
  align-items: center;
  color: #271e30;
  background-color: #f2f1f1;
  column-gap: clamp(2.5px, 0.347vw, 10px);
  padding: clamp(2.5px, 0.651dvh, 10px) clamp(5px, 0.694vw, 20px);
  font-family: "Poppins", sans-serif;
  text-align: left;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  width: max-content;
  border-radius: clamp(2.5px, 0.347vw, 10px);
  cursor: pointer;
}
.tag-list .tag-item .tag-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(18px, 2.5vw, 72px);
  height: clamp(18px, 2.5vw, 72px);
}

.activity-card {
  padding: 10px 15px;
  border-radius: clamp(2.5px, 0.347vw, 10px);
  background-color: #f2f1f1;
}
.activity-card .activity-title {
  display: flex;
  align-items: center;
  column-gap: clamp(4px, 0.556vw, 16px);
  margin-bottom: clamp(7.5px, 1.953dvh, 30px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.activity-card .activity-title svg,
.activity-card .activity-title img {
  margin: clamp(2.5px, 0.347vw, 10px);
  border: 50%;
  width: clamp(12px, 1.667vw, 48px);
  height: clamp(12px, 1.667vw, 48px);
  object-fit: cover;
  object-position: center;
}
.activity-card .activity-desc {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: clamp(7.5px, 1.953dvh, 30px);
}
.activity-card .activity-desc strong {
  font-weight: 600;
}
.activity-card .activity-list {
  margin-bottom: clamp(9px, 2.344dvh, 36px);
}
.activity-card .activity-list .activity-item {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.activity-card .activity-list .activity-item strong {
  font-weight: 600;
}

#menu-card-box {
  width: 100%;
  max-width: clamp(230px, 18.056vw, 520px);
  background-color: #f2f1f1;
  border-radius: 11px;
  margin-right: 10px;
}
#menu-card-box .card-img-box {
  width: 100%;
  height: clamp(160px, 12.083vw, 348px);
}
#menu-card-box .card-img-box .accordion-img {
  width: 100%;
  max-width: clamp(230px, 18.056vw, 520px);
  height: clamp(160px, 12.083vw, 348px);
  border-radius: 7px;
}
#menu-card-box .card-content-box {
  padding: 10px 15px;
}
#menu-card-box .card-content-box .card-heading {
  padding-bottom: 15px;
}
#menu-card-box .card-content-box .card-heading .food-name {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#menu-card-box .card-content-box .detail-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 5px;
  padding-bottom: 5px;
}
#menu-card-box .card-content-box .detail-box .title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#menu-card-box .card-content-box .detail-box .sub-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#menu-card-box .card-content-box .detail-box .fd-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}

.carousel-popUp-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(133, 133, 133, 0.4);
  z-index: 99999;
  padding: 1rem clamp(15px, 1.389vw, 20px);
  overflow-y: auto;
  display: none;
}
.carousel-popUp-container .popup-content-wrapper {
  width: clamp(290px, 81.944vw, 1480px);
  margin: auto;
  background-color: #f2f1f1;
  padding: clamp(15px, 2.778vw, 40px);
  border-radius: 11px;
  position: relative;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .place-name {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.667vw, 48px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 768px) {
  .carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .place-name {
    width: 84%;
  }
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.389vw, 20px);
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  column-gap: clamp(8px, 1.25vw, 36px);
  row-gap: 10px;
}
@media (max-width: 767px) {
  .carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list {
    margin-right: 45px;
  }
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  border-radius: clamp(7px, 0.486vw, 14px);
  border: 1px solid #271e30;
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside i {
  font-size: clamp(18px, 1.528vw, 44px);
  font-weight: 500;
  color: #271e30;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside:hover {
  transition: fill 0.3s ease;
  color: #e01f26;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside:hover i {
  color: #e01f26;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside:active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #ffffff;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside:active .btn-aside {
  color: #ffffff;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside:active i {
  color: #ffffff;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside.active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #ffffff;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .aside-btn-list .btn-aside.active i {
  color: #ffffff;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .cros-icon {
  cursor: pointer;
}
@media (max-width: 767px) {
  .carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .cros-icon {
    position: absolute;
    top: 17px;
    right: 19px;
  }
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-header-box .buttons-item .cros-icon i {
  font-size: clamp(32px, 2.5vw, 72px);
  color: #271e30;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-body-box {
  width: 100%;
  padding: clamp(15px, 2.431vw, 35px) clamp(5px, 2.431vw, 35px) clamp(15px, 2.083vw, 30px);
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-body-box .carousel-img-box .carousel-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: clamp(15px, 3.125vw, 45px);
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-body-box .carousel-img-box .carousel-inner .prevew-btn {
  cursor: pointer;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-body-box .carousel-img-box .carousel-inner .prevew-btn i {
  cursor: pointer;
  font-size: clamp(38px, 3.056vw, 88px);
  color: #e01f26;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-body-box .carousel-img-box .carousel-inner .next-btn {
  cursor: pointer;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-body-box .carousel-img-box .carousel-inner .next-btn i {
  cursor: pointer;
  font-size: clamp(38px, 3.056vw, 88px);
  color: #e01f26;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-body-box .carousel-item .d-block {
  width: clamp(425px, 59.028vw, 850px);
  height: clamp(270px, 52.734dvh, 540px);
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
}
@media (max-width: 767px) {
  .carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-body-box .carousel-item .d-block {
    width: 50.028vw;
    height: 40dvh;
  }
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-footer-box .sm-carousel-box .carousel-img-wrapper .sm-img-crsl {
  width: clamp(100px, 7.986vw, 230px);
  height: clamp(85px, 12.695dvh, 260px);
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  cursor: pointer;
}
.carousel-popUp-container .popup-content-wrapper .popup-content-box .popup-footer-box .sm-carousel-box .carousel-img-wrapper .sm-img-crsl.active {
  border: clamp(2px, 0.278vw, 4px) solid #e01f26;
}

/*=======================================================
                    hero-banner
=======================================================*/
#hero-banner .banner-img-box {
  width: 100%;
  height: 66.5vh;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  #hero-banner .banner-img-box {
    aspect-ratio: 16/9;
    height: 100%;
  }
}
#hero-banner .banner-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 22px;
}
#hero-banner .contact-banner-box {
  position: relative;
}
#hero-banner .contact-banner-box img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0;
  opacity: 0.15;
}

/*=======================================================
                    filter
=======================================================*/
#filter {
  z-index: 1;
  position: relative;
  margin-top: -180px;
  margin-bottom: clamp(94.5px, 24.609dvh, 189px);
}
@media (max-width: 767px) {
  #filter {
    margin-top: 0;
    margin-bottom: 90px;
  }
}
#filter .filter-section {
  display: none;
}
#filter .sub-container {
  box-shadow: 0px 22px 40px rgba(0, 0, 0, 0.15);
  border-radius: 22px;
  background-color: #f2f1f1;
  padding: clamp(21px, 5.469dvh, 84px) clamp(20px, 2.778vw, 80px);
}
#filter .sub-container .filter-header {
  position: relative;
}
#filter .sub-container .filter-header::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 4px solid rgba(224, 31, 38, 0.25);
  border-radius: 30px;
}
#filter .sub-container .filter-list {
  padding: 0 2px;
}
@media (max-width: 640px) {
  #filter .sub-container .filter-list {
    column-gap: clamp(5px, 0.347vw, 10px);
  }
}
#filter .sub-container .filter-list .swiper-slide.filter-item {
  width: max-content !important;
}
#filter .sub-container .filter-list .swiper-slide.filter-item .filter-link {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 10px 32.5px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  border-bottom: 4px solid transparent;
  color: #271e30;
  display: block;
}
@media (max-width: 624px) {
  #filter .sub-container .filter-list .swiper-slide.filter-item .filter-link {
    padding: 10px 16px;
  }
}
#filter .sub-container .filter-list .swiper-slide.filter-item .filter-link:hover {
  color: #e01f26;
}
#filter .sub-container .filter-list .swiper-slide.filter-item .filter-link.active, #filter .sub-container .filter-list .swiper-slide.filter-item .filter-link:active, #filter .sub-container .filter-list .swiper-slide.filter-item .filter-link:focus, #filter .sub-container .filter-list .swiper-slide.filter-item .filter-link:focus-visible {
  font-weight: 600;
  color: #e01f26;
  border-color: #e01f26;
}
#filter .sub-container .location-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.667vw, 48px);
  padding: clamp(10px, 1.042vw, 30px) 0 0;
}
@media (min-width: 768px) {
  #filter .sub-container .location-box {
    padding: clamp(10px, 1.042vw, 30px);
  }
}
#filter .sub-container .location-box .img-nav {
  width: 100%;
  min-width: clamp(20px, 2.014vw, 58px);
  max-width: clamp(20px, 2.014vw, 58px);
  min-height: clamp(20px, 3.776dvh, 58px);
  max-height: clamp(20px, 3.776dvh, 58px);
}
#filter .sub-container .location-box i {
  font-size: clamp(22px, 1.806vw, 52px);
  color: #271e30;
}
#filter .sub-container .location-box .location-inner-box {
  width: 100%;
  position: relative;
}
#filter .sub-container .location-box .location-inner-box .search-field-box {
  position: relative;
}
#filter .sub-container .location-box .location-inner-box .search-field-box .search-field {
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.667vw, 48px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  border: none;
  width: 100%;
  display: block;
  background: transparent;
  color: #271e30;
}
#filter .sub-container .location-box .location-inner-box .search-field-box .search-field:focus + i {
  display: none;
}
#filter .sub-container .location-box .location-inner-box .search-field-box i {
  position: absolute;
  width: 2px;
  height: 80%;
  background-color: #e01f26;
  left: 0;
  top: 9%;
  animation-name: blink;
  animation-duration: 800ms;
  animation-iteration-count: infinite;
  opacity: 1;
}
#filter .sub-container .location-box .location-inner-box .search-result-box {
  overflow: hidden;
  width: 100%;
  display: none;
  position: absolute;
  bottom: clamp(64px, 8.333dvh, 128px);
  left: 0;
  right: 0;
  border-radius: 22px;
  padding: clamp(15px, 1.953dvh, 30px) 0px;
  box-shadow: 0px 22px 40px 0px rgba(39, 30, 48, 0.1);
  background: #f2f1f1;
  z-index: 1;
  max-height: clamp(144.5px, 37.63dvh, 578px);
}
@media (min-width: 768px) {
  #filter .sub-container .location-box .location-inner-box .search-result-box {
    margin-top: 5px;
  }
}
#filter .sub-container .location-box .location-inner-box .search-result-box .search-result-list {
  max-height: clamp(129px, 33.594dvh, 578px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  row-gap: clamp(3px, 0.651dvh, 10px);
}
#filter .sub-container .location-box .location-inner-box .search-result-box .search-result-list::-webkit-scrollbar {
  width: 4px;
}
#filter .sub-container .location-box .location-inner-box .search-result-box .search-result-list::-webkit-scrollbar-track {
  background: #f2f1f1;
}
#filter .sub-container .location-box .location-inner-box .search-result-box .search-result-list::-webkit-scrollbar-thumb {
  background: #e01f26;
  border-radius: 5px;
}
@media (min-width: 768px) {
  #filter .sub-container .location-box .location-inner-box .search-result-box .search-result-list .search-result-item {
    padding: 0 clamp(10px, 0.694vw, 20px);
  }
}
#filter .sub-container .location-box .location-inner-box .search-result-box .search-result-list .search-result-item .btn-search-result {
  padding: clamp(2.5px, 0.651dvh, 10px) clamp(10px, 0.694vw, 20px);
  cursor: pointer;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.342px;
}
#filter .sub-container .location-box .location-inner-box .desc {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.019em;
  text-align: left;
  color: #e01f26;
}
#filter .sub-container .location-box .btn-reset {
  width: 40px;
  height: 40px;
  display: none;
}
#filter .sub-container .location-box .btn-reset i {
  width: 100%;
  font-size: clamp(24px, 2.361vw, 68px);
}
#filter .sub-container .location-box.filter-focus .search-result-box {
  display: block;
}
#filter .sub-container .location-box.filter-applied .img-nav path {
  fill: #e01f26;
  stroke: #e01f26;
}
#filter .sub-container .location-box.filter-applied .search-field {
  color: #e01f26;
}
#filter .sub-container .location-box.filter-applied .search-field::placeholder {
  color: #e01f26;
}
#filter .sub-container .location-box.filter-applied .desc {
  color: #271e30;
}
#filter .sub-container .location-box.filter-applied .btn-reset {
  display: block;
}
#filter .sub-container .active {
  display: flex;
}

/*=======================================================
                  destination
=======================================================*/
.destination-header {
  padding-bottom: clamp(20px, 4.557dvh, 70px);
}
.destination-header .slider-control {
  display: flex;
  column-gap: clamp(17.5px, 2.431vw, 70px);
  justify-content: flex-end;
  margin-top: 35px;
}
.destination-header .slider-control .btn-slider-control i {
  font-size: clamp(28px, 1.944vw, 56px);
  color: #271e30;
  border: 1px solid #271e30;
  border-radius: 50%;
  background: transparent;
}

/*=======================================================
                  top-destination
=======================================================*/
#top-destination .experience_activities {
  overflow: unset;
  overflow-x: unset;
}
@media (max-width: 992px) {
  #top-destination .experience_activities {
    overflow: hidden;
    overflow-x: hidden;
  }
}
#top-destination .experience_activities .swiper-slide {
  width: 25%;
  height: 54.6875%;
}
#top-destination .destination-footer {
  margin-top: 70px;
  margin-bottom: 70px;
}
#top-destination .destination-footer .desc {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
#top-destination .destination-footer .content-box {
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  #top-destination .destination-footer .content-box {
    margin-left: auto;
  }
}
#top-destination .destination-footer .content-box .title {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 600;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 8px;
  color: #000000;
}
#top-destination .destination-footer .content-box .link {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  display: flex;
  align-items: center;
  column-gap: 11px;
  color: #e01f26;
}
@media (max-width: 768px) {
  #top-destination .destination-footer .content-box .link .arrow-icon {
    width: 30px;
  }
}

/*=======================================================
                  destination No results found 
=======================================================*/
#no-result-found .result-content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#no-result-found .result-content-box .no-found-text {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
@media (min-width: 768px) {
  #no-result-found .result-content-box .no-found-text {
    font-size: clamp(17px, 1.667vw, 48px);
  }
}
@media (max-width: 767px) {
  #no-result-found .result-content-box .no-found-text {
    font-size: clamp(17px, 1.25vw, 36px);
  }
}
#no-result-found .result-content-box .text-content .search-advance-filter {
  display: flex;
  gap: 15px;
  margin-top: clamp(37px, 9.635dvh, 74px);
  align-items: center;
}
@media (max-width: 425px) {
  #no-result-found .result-content-box .text-content .search-advance-filter {
    flex-wrap: wrap;
    justify-content: center;
  }
}
#no-result-found .result-content-box .text-content .search-advance-filter .try-searching {
  font-family: "Poppins", sans-serif;
  color: #e01f26;
  font-size: clamp(17px, 1.667vw, 48px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
@media (min-width: 768px) {
  #no-result-found .result-content-box .text-content .search-advance-filter .try-searching {
    font-size: clamp(17px, 1.667vw, 48px);
  }
}
@media (max-width: 767px) {
  #no-result-found .result-content-box .text-content .search-advance-filter .try-searching {
    font-size: clamp(17px, 1.25vw, 36px);
  }
}
#no-result-found .result-content-box .text-content .search-advance-filter i {
  font-size: clamp(32px, 2.5vw, 72px);
}

/*=======================================================
                  other-destination
=======================================================*/
#other-destination {
  margin-bottom: 50px;
}
#other-destination .destination-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(295px, 31.258%, 32.258%), 1fr));
  grid-column-gap: 18px;
  column-gap: 18px;
  grid-row-gap: 40px;
  row-gap: 40px;
}
#other-destination .btn-see-more {
  padding: 14.5px;
  width: 100%;
  max-width: 35.14%;
  font-family: "Poppins", sans-serif;
  font-size: clamp(18px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  color: #f2f1f1;
  background-color: #e01f26;
  display: block;
  margin: 30px auto 0;
  border-radius: clamp(3.5px, 0.486vw, 14px);
}
@media (max-width: 767px) {
  #other-destination .btn-see-more {
    max-width: 50%;
  }
}

/*=======================================================
          other-destination Select your options
=======================================================*/
#other-destination .container-fluid .select-you-option-container {
  width: 100%;
  padding-bottom: 40px;
}
#other-destination .container-fluid .select-you-option-container .select-op-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 1298px) {
  #other-destination .container-fluid .select-you-option-container .select-op-content {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  #other-destination .container-fluid .select-you-option-container .select-op-content {
    justify-content: flex-start;
    justify-content: center;
  }
}
#other-destination .container-fluid .select-you-option-container .select-op-content .op-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#other-destination .container-fluid .select-you-option-container .select-op-content .op-text-dinning {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}

/*=======================================================
                  other-popluar-destination
=======================================================*/
.destination-slide-btn {
  margin-bottom: 10px;
  padding: 15px 0;
}
@media (max-width: 768px) {
  .destination-slide-btn {
    padding: 0 55px !important;
  }
}
.destination-slide-btn #myBtn {
  display: flex;
  column-gap: 10px !important;
}
.destination-slide-btn .swiper-slide {
  margin-right: 10px !important;
}

/*=======================================================
                  Accommodation Page
=======================================================*/
.accommodation-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(295px, 31.258%, 32.258%), 1fr));
  grid-column-gap: 18px;
  column-gap: 18px;
  grid-row-gap: 40px;
  row-gap: 40px;
}

/*=======================================================
                        Dinning Page
=======================================================*/
.input-field-box-dinning {
  display: flex;
  align-items: center;
  column-gap: 15px;
  width: 100%;
  max-width: 50%;
}
@media (max-width: 768px) {
  .input-field-box-dinning {
    max-width: 100%;
  }
}
.input-field-box-dinning i {
  color: #e01f26;
  font-size: clamp(38px, 3.056vw, 88px);
  cursor: pointer;
}

.dinning-btn-select-option {
  width: 100%;
  max-width: 20%;
}
@media (max-width: 992px) {
  .dinning-btn-select-option {
    max-width: 40%;
  }
}
@media (max-width: 460px) {
  .dinning-btn-select-option {
    max-width: 100%;
  }
}
.dinning-btn-select-option .cousine-type-menu-box {
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 9;
  width: 100%;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  padding: 15px;
  background-color: #ffffff;
  display: none;
}
.dinning-btn-select-option .cousine-type-menu-box .checkbox {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding-bottom: 5px;
  cursor: pointer;
}
.dinning-btn-select-option .cousine-type-menu-box input[type=checkbox] {
  margin-bottom: 15px;
  cursor: pointer;
}

/*=======================================================
                      Explore Page
=======================================================*/
#hero-banner .hero-section-container {
  display: flex;
  justify-content: space-between;
  padding: clamp(40px, 5.347vw, 77px) 0;
  background-color: #f1f1f1;
}
@media (max-width: 891px) {
  #hero-banner .hero-section-container {
    flex-direction: column;
    gap: clamp(30px, 4.167vw, 60px);
  }
}
@media (min-width: 768px) {
  #hero-banner .hero-section-container {
    align-items: center;
  }
}
#hero-banner .hero-section-container .hero-content-box {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding-right: clamp(10px, 1.389vw, 20px);
}
#hero-banner .hero-section-container .hero-content-box .explore-amazing-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(29px, 3.889vw, 94px);
  font-weight: 800;
  line-height: 1.41;
  letter-spacing: 0em;
  text-align: left;
}
#hero-banner .hero-section-container .hero-content-box .buttons-explore-hero-sect {
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.778vw, 40px);
  margin-top: clamp(17.5px, 2.431vw, 35px);
}
#hero-banner .hero-section-container .hero-content-box .buttons-explore-hero-sect .explore-map-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: clamp(10px, 0.833vw, 12px) clamp(15px, 1.389vw, 20px);
  gap: 10px;
  color: #f2f1f1;
  background: #e01f26;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.111vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
#hero-banner .hero-section-container .hero-content-box .buttons-explore-hero-sect .sign-in {
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.25vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
#hero-banner .hero-section-container .hero-img-box .images-flex {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  grid-column-gap: clamp(10px, 1.389vw, 20px);
  column-gap: clamp(10px, 1.389vw, 20px);
}
#hero-banner .hero-section-container .hero-img-box .images-flex .images-item {
  display: flex;
  flex-direction: column;
}
#hero-banner .hero-section-container .hero-img-box .images-flex .images-item .img-11 {
  height: 100%;
  max-height: 209px;
  width: 100%;
  max-width: 157.3000030518px;
  left: 780.5999145508px;
  top: 180.5141601563px;
  border-radius: 11px;
}
#hero-banner .hero-section-container .hero-img-box .images-flex .images-item .img-33 {
  height: 100%;
  max-height: 209px;
  width: 100%;
  max-width: 157.3000030518px;
  left: 780.5999145508px;
  top: 180.5141601563px;
  border-radius: 11px;
}
@media (min-width: 768px) {
  #hero-banner .hero-section-container .hero-img-box .images-flex .images-item .img-66 {
    width: calc(100% + 50px);
    margin-left: clamp(-30px, -3.472vw, -50px);
  }
}
#hero-banner .hero-section-container .hero-img-box .images-flex .images-item-1 {
  align-items: flex-end;
  row-gap: clamp(13px, 1.806vw, 26px);
}
#hero-banner .hero-section-container .hero-img-box .images-flex .images-item-2 .img-44 {
  margin-top: clamp(11px, 1.528vw, 22px);
  margin-bottom: clamp(10px, 1.389vw, 20px);
}
#hero-banner .hero-section-container .hero-img-box .images-flex .images-item-3 {
  row-gap: clamp(12px, 1.667vw, 24px);
}

/*=======================================================
                      How does it works
=======================================================*/
#explore-how-does-it-works {
  width: 100%;
  box-shadow: 0px -11px 40px rgba(0, 0, 0, 0.1);
}
#explore-how-does-it-works .explore-content-box {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#explore-how-does-it-works .explore-content-box .maping-heading-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(25px, 2.778vw, 80px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
#explore-how-does-it-works .explore-content-box .explore-maping-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-column-gap: 40px;
  column-gap: 40px;
  grid-row-gap: 60px;
  row-gap: 60px;
  justify-content: center;
  width: 100%;
  margin-top: 60px;
}
#explore-how-does-it-works .explore-content-box .explore-maping-cards .maping-cards {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
#explore-how-does-it-works .explore-content-box .explore-maping-cards .maping-cards .card-img-box-expl {
  border: 1px solid #e01f26;
  border-radius: 13px;
  width: -moz-fit-content;
  width: fit-content;
  width: 243px;
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#explore-how-does-it-works .explore-content-box .explore-maping-cards .maping-cards .card-content .card-iner-heading {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: clamp(17px, 1.667vw, 48px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 15px;
}
#explore-how-does-it-works .explore-content-box .explore-maping-cards .maping-cards .card-content .card-para {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
#explore-how-does-it-works .explore-content-box .explore-map-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  column-gap: 10px;
  color: #f2f1f1;
  background: #e01f26;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  font-family: "Poppins", sans-serif;
  font-size: clamp(19px, 1.111vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 60px;
}
#explore-how-does-it-works .explore-content-box .explore-map-btn i {
  font-size: clamp(16px, 0.694vw, 26px);
}

/*=======================================================
                      Explore second Page
=======================================================*/
#explore-hero-banner {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: clamp(40px, 24.609dvh, 100px);
}
#explore-hero-banner .container-fluid .row {
  align-items: flex-end;
}
@media (max-width: 767px) {
  #explore-hero-banner .container-fluid .row {
    flex-direction: column-reverse;
    row-gap: 3rem;
  }
}
#explore-hero-banner .container-fluid .content-column .content {
  display: none;
  width: clamp(200px, 35.1388vw, 35.1388vw);
}
@media (max-width: 767px) {
  #explore-hero-banner .container-fluid .content-column .content {
    width: 100%;
  }
}
#explore-hero-banner .container-fluid .content-column .content.active {
  display: block;
}
#explore-hero-banner .container-fluid .content-column .content .heading-plus-text .hero-heading-expl {
  font-family: "Poppins", sans-serif;
  font-size: clamp(21px, 2.778vw, 80px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: clamp(10px, 1.953dvh, 30px);
}
#explore-hero-banner .container-fluid .content-column .content .heading-plus-text .expl-para-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: clamp(10px, 1.953dvh, 30px);
}
#explore-hero-banner .container-fluid .content-column .content .rating-box {
  display: flex;
  align-items: center;
  text-align: left;
  column-gap: clamp(5px, 0.6944vw, 20px);
  row-gap: clamp(5px, 0.6944vw, 20px);
}
#explore-hero-banner .container-fluid .content-column .content .rating-box .rating-text {
  font-family: "Roboto", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: left;
}
#explore-hero-banner .container-fluid .content-column .content .rating-box .star-icons {
  display: flex;
  align-items: center;
  color: #e01f26;
}
#explore-hero-banner .container-fluid .content-column .content .rating-box .rating-num {
  font-family: "Roboto", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0em;
  text-align: left;
  color: #e01f26;
}
#explore-hero-banner .container-fluid .content-column .content .explore-interest-box {
  display: flex;
  padding-left: clamp(7px, 0.6944vw, 20px);
  margin-top: clamp(37px, 6.901dvh, 106px);
}
#explore-hero-banner .container-fluid .content-column .content .explore-interest-box .interest-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: clamp(10px, 1.953dvh, 30px);
}
#explore-hero-banner .container-fluid .content-column .content .explore-interest-box .interest-box .explor-interest-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0em;
  text-align: center;
  color: #271e30;
}
#explore-hero-banner .container-fluid .content-column .content .explore-interest-box .interest-box svg .active {
  fill-opacity: 1 !important;
}
#explore-hero-banner .container-fluid .map-column svg {
  display: block;
  width: 90%;
  height: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  #explore-hero-banner .container-fluid .map-column svg {
    width: 80%;
    padding-top: clamp(20px, 2.778vw, 40px);
    margin-right: auto;
  }
}
#explore-hero-banner .container-fluid .map-column svg .map-region {
  cursor: pointer;
}
#explore-hero-banner .container-fluid .map-column svg .map-region:hover, #explore-hero-banner .container-fluid .map-column svg .map-region.active {
  opacity: 1 !important;
}
#explore-hero-banner #mauritius-map {
  width: 100%;
  height: auto;
}

#maping-section {
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  #maping-section {
    margin-bottom: 35px;
  }
  #maping-section #myBtn {
    width: auto !important;
    transform: unset !important;
  }
  #maping-section .lg-hide {
    display: none;
  }
}

#map-accordion-container .map-accordion-inner-container .accordion-container {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  height: 89.1927vh;
  overflow: auto;
  padding: 0 clamp(6px, 1.736vw, 50px);
}
#map-accordion-container .map-accordion-inner-container .accordion-container::-webkit-scrollbar {
  width: 0;
}
#map-accordion-container .map-accordion-inner-container .accordion-container::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#map-accordion-container .map-accordion-inner-container .accordion-container::-webkit-scrollbar-thumb {
  background: #888;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion {
  position: relative;
  padding: 35px 38px;
  background: #f2f1f1;
  box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.15);
  border-radius: 11px;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion:last-child {
  margin-bottom: 20px;
}
@media (max-width: 460px) {
  #map-accordion-container .map-accordion-inner-container .accordion-container .accordion {
    padding: 20px;
  }
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .btn-accordion {
  position: absolute;
  top: 35px;
  right: 38px;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .btn-accordion i {
  font-size: clamp(20px, 1.389vw, 30px);
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-header {
  flex-direction: column;
  align-items: flex-start;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-header .title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  padding-right: 35px;
  margin-bottom: 15px;
  text-transform: capitalize;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-header .desc {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-header .desc .btn-more {
  color: rgba(0, 0, 0, 0.65);
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-body {
  display: none;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-body .subtitle-box {
  display: flex;
  align-items: center;
  column-gap: 7px;
  padding-right: 35px;
  margin-bottom: 15px;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-body .subtitle-box .subtitle {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-body .subtitle-box .subtitle .location-icon {
  width: 12px;
  height: 16px;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-body .title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(18px, 1.667vw, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 25px;
  text-transform: capitalize;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-body .desc {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 45px;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion .accordion-body .btn-view-detail {
  padding: 12px 20px;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  background: #e01f26;
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 600;
  text-align: center;
  font-style: normal;
  line-height: normal;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion.active .btn-accordion {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion.active .accordion-header {
  display: none;
}
#map-accordion-container .map-accordion-inner-container .accordion-container .accordion.active .accordion-body {
  display: block;
}
#map-accordion-container .map-accordion-inner-container .map-box {
  position: relative;
  display: flex;
  height: 89.1927vh;
  z-index: 9;
}
#map-accordion-container .map-accordion-inner-container .map-box .map-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 999;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel {
  z-index: 9999;
  position: absolute;
  left: 0;
  padding: 30px 41px 38px 20px;
  border-radius: 11px;
  background: rgba(242, 241, 241, 0.4499999881);
  height: 100%;
  display: flex;
}
@media (max-width: 767px) {
  #map-accordion-container .map-accordion-inner-container .map-box .img-carousel {
    flex-direction: column-reverse;
    row-gap: 30px;
    right: 0;
    bottom: 0;
    top: unset;
    height: max-content;
    padding: 50px 20px 30px;
  }
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .img-list {
  display: flex;
  z-index: 9999;
  column-gap: 15px;
  row-gap: 15px;
  overflow: auto;
}
@media (min-width: 768px) {
  #map-accordion-container .map-accordion-inner-container .map-box .img-carousel .img-list {
    flex-direction: column;
    height: 100%;
    min-width: 105px;
  }
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .img-list::-webkit-scrollbar {
  width: 0;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .img-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .img-list::-webkit-scrollbar-thumb {
  background: #888;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .img-list .img-item {
  min-width: 90px;
  min-height: 90px;
  max-width: 90px;
  max-height: 90px;
  border-radius: 8.684px;
  -webkit-border-radius: 8.684px;
  -moz-border-radius: 8.684px;
  -ms-border-radius: 8.684px;
  -o-border-radius: 8.684px;
  overflow: hidden;
  cursor: pointer;
  border: 1.579px solid transparent;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .img-list .img-item img {
  width: 100%;
  height: 100%;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .img-list .img-item.active {
  border-color: #e01f26;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .btn-collaps {
  position: absolute;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 767px) {
  #map-accordion-container .map-accordion-inner-container .map-box .img-carousel .btn-collaps {
    top: 9px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .btn-collaps i {
  color: #271e30;
  font-size: clamp(40px, 2.917vw, 84px);
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel.active {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f2f1f1;
  height: 100%;
}
@media (min-width: 768px) {
  #map-accordion-container .map-accordion-inner-container .map-box .img-carousel.active .img-list {
    min-width: 155px;
  }
  #map-accordion-container .map-accordion-inner-container .map-box .img-carousel.active .img-item {
    min-width: 140px;
    min-height: 140px;
    max-width: 140px;
    max-height: 140px;
  }
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel.active .activity-detail-card {
  display: block;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card {
  display: none;
  width: 100%;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  border-radius: 11px 0px 0px 11px;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-status-box {
  padding: clamp(18px, 4.557dvh, 70px) clamp(12px, 1.042vw, 30px) clamp(28px, 7.161dvh, 110px);
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-status-box .rating-title {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 150%;
  text-align: left;
  letter-spacing: -0.228px;
  color: #271e30;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-status-box .rating-list {
  margin-top: 2px;
  display: flex;
  align-items: center;
  column-gap: 2px;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-status-box .rating-list i {
  color: #e01f26;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-status-box .destination-link {
  justify-content: flex-end;
  display: flex;
  align-items: center;
  column-gap: 7px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  color: #271e30;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-status-box .destination-link i {
  font-size: clamp(12px, 0.833vw, 24px);
  color: #271e30;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box {
  align-items: center;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .top-destination-name {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.389vw, 40px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  margin-bottom: 2px;
  color: #271e30;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .top-destination-location {
  display: flex;
  align-items: center;
  column-gap: 7px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.019em;
  text-align: left;
  color: #271e30;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 10px 20px;
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid #271e30;
  margin-left: auto;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save i {
  font-size: clamp(18px, 1.528vw, 44px);
  font-weight: 500;
  color: #271e30;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save:hover {
  transition: fill 0.3s ease;
  color: #e01f26;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save:hover i {
  color: #e01f26;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save:active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #ffffff;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save:active .btn-aside {
  color: #ffffff;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save:active i {
  color: #ffffff;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save.active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #ffffff;
}
#map-accordion-container .map-accordion-inner-container .map-box .img-carousel .activity-detail-card .activity-detail-body .activity-info-box .btn-save.active i {
  color: #ffffff;
}

/*=======================================================
                      Mauritious Page
=======================================================*/
.main-container-box {
  display: flex;
  padding-top: clamp(70px, 18.229dvh, 140px);
  column-gap: clamp(52px, 7.222vw, 104px);
}
@media (max-width: 768px) {
  .main-container-box {
    flex-direction: column;
  }
}
.main-container-box #navigate-buttons-container-sm-sc {
  display: none;
}
@media (max-width: 768px) {
  .main-container-box #navigate-buttons-container-sm-sc {
    display: block;
    background-color: #f2f2f2;
  }
}
.main-container-box #navigate-buttons-container-sm-sc .sm-buttons-box {
  margin-bottom: clamp(40px, 6.51dvh, 50px);
}
.main-container-box #navigate-buttons-container-sm-sc .sm-buttons-box ul {
  list-style: decimal-leading-zero;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  font-weight: 600;
  font-size: clamp(13px, 1.111vw, 32px);
  line-height: 1.2;
  color: #e01f26;
  padding: 0 20px;
}
.main-container-box #navigate-buttons-container-sm-sc .sm-buttons-box ul li a {
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1000000015px;
  text-align: left;
  cursor: pointer;
  color: #e01f26;
}

#content-main-container .maur-content-box .content-header {
  position: relative;
}
#content-main-container .maur-content-box .content-header .heading-text {
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(33px, 4.444vw, 128px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0em;
  text-align: left;
  color: #e01f26;
}
@media (min-width: 768px) {
  #content-main-container .maur-content-box .content-header .heading-text {
    position: absolute;
    top: 40%;
    left: 0;
  }
}
@media (max-width: 991px) {
  #content-main-container .maur-content-box .content-header .heading-text {
    padding: 0 20px;
  }
}
#content-main-container .maur-content-box .content-wrapper {
  position: relative;
}
#content-main-container .maur-content-box .content-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background: url(/_next/static/media/bg-01.3f2e4b33.png), 50%/cover no-repeat;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100vw;
  height: 50%;
  z-index: -1;
  aspect-ratio: 1/1;
}
#content-main-container .maur-content-box .content-wrapper .mauritius-main-content-wrapper {
  width: 100%;
  max-width: 86%;
  padding: 0 10px;
}
@media (max-width: 1340px) {
  #content-main-container .maur-content-box .content-wrapper .mauritius-main-content-wrapper {
    max-width: 95%;
  }
}
@media (max-width: 768px) {
  #content-main-container .maur-content-box .content-wrapper .mauritius-main-content-wrapper {
    max-width: 100%;
    padding: 0 20px;
  }
}
#content-main-container .maur-content-box .content-wrapper .mauritius-main-content-wrapper .color-red {
  font-family: "Poppins", sans-serif;
  color: #e01f26;
  font-size: clamp(15px, 1.25vw, 36px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0px;
  text-align: left;
}
#content-main-container .maur-content-box .content-wrapper .main-content-text-box .text-cont-plus-map-box {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
@media (max-width: 1024px) {
  #content-main-container .maur-content-box .content-wrapper .main-content-text-box .text-cont-plus-map-box {
    flex-wrap: wrap;
  }
}
#content-main-container .maur-content-box .content-wrapper .main-content-text-box .text-cont-plus-map-box .paragraph-maur-box {
  width: 100%;
  max-width: clamp(200px, 27.778vw, 400px);
}
@media (max-width: 1024px) {
  #content-main-container .maur-content-box .content-wrapper .main-content-text-box .text-cont-plus-map-box .paragraph-maur-box {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
#content-main-container .maur-content-box .content-wrapper .main-content-text-box .text-cont-plus-map-box .map {
  width: 100%;
  max-width: 75%;
  margin: auto;
}
#content-main-container .maur-content-box .content-wrapper .main-content-text-box .text-cont-plus-map-box .map img {
  width: 100% !important;
}
#content-main-container .maur-content-box .content-wrapper .paragraph {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 40px;
  color: #271e30;
}
#content-main-container .maur-content-box .content-wrapper .paragraph-02 {
  width: 100%;
}
#content-main-container .maur-content-box .content-wrapper .images-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  grid-column-gap: clamp(10px, 0.6944vw, 20px);
  column-gap: clamp(10px, 0.6944vw, 20px);
  grid-row-gap: 20px;
  row-gap: 20px;
}
#content-main-container .maur-content-box .content-wrapper .images-container img {
  width: 100% !important;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
}
#content-main-container .maur-content-box .content-wrapper .bottom-content-box {
  display: flex;
  align-items: flex-start;
  column-gap: 20px;
}
@media (max-width: 640px) {
  #content-main-container .maur-content-box .content-wrapper .bottom-content-box {
    display: contents;
  }
}
#content-main-container .maur-content-box .content-wrapper .bottom-content-para {
  align-items: normal;
}
#content-main-container .un-orderlist {
  list-style: auto;
  padding: 0 0 0 20px;
}

/*=======================================================
                        Sign Up Page
=======================================================*/
.sign-up-wrapper {
  padding-top: clamp(45px, 11.719dvh, 90px);
  padding-bottom: clamp(45px, 11.719dvh, 90px);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: clamp(20px, 5.208dvh, 40px);
  column-gap: clamp(40px, 13.0208vw, 80px);
}
@media (max-width: 1194px) {
  .sign-up-wrapper {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.sign-up-wrapper .signUpSwiper {
  width: 100%;
  max-width: clamp(288px, 40vw, 576px);
  margin: 0;
  background: rgba(224, 31, 38, 0.05);
}
@media (max-width: 1194px) {
  .sign-up-wrapper .signUpSwiper {
    max-width: clamp(400px, 55.556vw, 800px);
  }
}
.sign-up-wrapper .signUpSwiper .swiper-main-content-container {
  border-radius: clamp(3.5px, 0.486vw, 14px);
  padding: 30px;
  padding-bottom: 100px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.sign-up-wrapper .signUpSwiper .swiper-main-content-container .content-header .lets-connect-text {
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(25px, 2.5vw, 72px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0em;
  text-align: left;
  color: #e01f26;
  padding-top: 40px;
  padding-bottom: 60px;
}
.sign-up-wrapper .signUpSwiper .swiper-main-content-container .content-body .img-001 {
  margin-bottom: 98px;
}
.sign-up-wrapper .signUpSwiper .swiper-main-content-container .content-body .logo-img {
  margin-bottom: 80px;
}
.sign-up-wrapper .signUpSwiper .swiper-main-content-container .content-footer .paragraph-sign {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  padding-bottom: 20px;
}

.sign-up-container {
  width: 100%;
  max-width: 412px;
}
@media (max-width: 1194px) {
  .sign-up-container {
    max-width: 600px;
  }
}
.sign-up-container .sign-up-box {
  width: 100%;
}
.sign-up-container .sign-up-box .sign-up-heading-box {
  text-align: center;
}
.sign-up-container .sign-up-box .sign-up-heading-box .heading {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.667vw, 48px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  padding-top: clamp(15px, 3.906dvh, 30px);
}
.sign-up-container .sign-up-box .sign-up-heading-box .subtitle {
  padding-top: clamp(10px, 2.604dvh, 20px);
  padding-bottom: clamp(20px, 5.208dvh, 40px);
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
.sign-up-container .sign-up-box .sociol-sign-up-container {
  display: flex;
  flex-direction: column;
}
.sign-up-container .sign-up-box .sociol-sign-up-container .social-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 13px 0;
  column-gap: 10px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  border: 1px solid #a1a1a1;
  margin-bottom: 10px;
}
.sign-up-container .sign-up-box .sociol-sign-up-container .signUp-google {
  background-color: #e01f26;
  color: #f2f1f1;
}
.sign-up-container .divider {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  column-gap: 10px;
}
.sign-up-container .divider .line {
  display: block;
  width: 27%;
  height: 1px;
  background: rgba(39, 30, 48, 0.4509803922);
}
@media (max-width: 1024px) {
  .sign-up-container .divider .line {
    width: 35%;
  }
}
.sign-up-container .divider .devider-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  color: rgba(39, 30, 48, 0.4509803922);
}

.manual-sign-up-box {
  margin-top: 50px;
}
.manual-sign-up-box .form .form-span {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.manual-sign-up-box .form .form-span .form-headings {
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 5px;
  color: #271e30;
}
.manual-sign-up-box .form .form-span #email {
  padding: 15px 10px;
  border: 1px solid rgba(39, 30, 48, 0.45);
  border-radius: 5px;
}
.manual-sign-up-box .form .form-span #email:active, .manual-sign-up-box .form .form-span #email:focus, .manual-sign-up-box .form .form-span #email:visited, .manual-sign-up-box .form .form-span #email:focus-visible {
  border-color: #e01f26;
}
.manual-sign-up-box .form .form-span #password {
  padding: 15px 10px;
  border: 1px solid rgba(39, 30, 48, 0.45);
  border-radius: 5px;
}
.manual-sign-up-box .form .form-span #password:active, .manual-sign-up-box .form .form-span #password:focus, .manual-sign-up-box .form .form-span #password:visited, .manual-sign-up-box .form .form-span #password:focus-visible {
  border-color: #e01f26;
}
.manual-sign-up-box .form .checkbox-wrapper {
  flex-wrap: wrap;
  row-gap: 10px;
}
.manual-sign-up-box .form .checkbox-wrapper .signin {
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #271e30;
}
.manual-sign-up-box .form-button {
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  width: 100%;
  text-align: center;
  background-color: #e01f26;
  color: #f2f1f1;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  padding: 10px 15px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.manual-sign-up-box .form-footer-box {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.manual-sign-up-box .form-footer-box .already-account-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #271e30;
}
.manual-sign-up-box .form-footer-box .alr-sign-in {
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #e01f26;
}

/*=======================================================
              Experience Destination Page
=======================================================*/
.back-home-content-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 40px;
}
@media (max-width: 480px) {
  .back-home-content-box {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.back-home-content-box .back-home-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  gap: 10px;
  background: #f2f1f1;
  border: 1px solid rgba(39, 30, 48, 0.45);
  border-radius: clamp(3.5px, 0.486vw, 14px);
}
.back-home-content-box .ancor-links-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.back-home-content-box .ancor-links-box .anc-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}

.width-md-8 {
  width: 100%;
  max-width: 98%;
}
@media (max-width: 768px) {
  .width-md-8 {
    max-width: 100%;
  }
}

#main-gallery-section .main-glry-container {
  padding-top: 46px;
}
#main-gallery-section .main-glry-container .gallry-box {
  display: flex;
  column-gap: 32px;
}
@media (max-width: 768px) {
  #main-gallery-section .main-glry-container .gallry-box {
    flex-wrap: wrap;
  }
}
#main-gallery-section .main-glry-container .gallry-box .main-img-box {
  width: 100%;
}
#main-gallery-section .main-glry-container .gallry-box .main-img-box img {
  width: 100%;
  height: 100%;
}
#main-gallery-section .main-glry-container .gallry-box .side-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 32%;
  row-gap: 24px;
}
@media (max-width: 768px) {
  #main-gallery-section .main-glry-container .gallry-box .side-box {
    max-width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  #main-gallery-section .main-glry-container .gallry-box .side-box img {
    display: none;
  }
}
#main-gallery-section .main-glry-container .gallry-box .side-box .more-photo-btn {
  font-family: "Poppins", sans-serif;
  background-color: #e01f26;
  color: #f2f1f1;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  width: 100%;
  font-size: clamp(17px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  padding: 10px;
}
#main-gallery-section .main-glry-container .exper-destination-name-container {
  padding-top: 35px;
}
#main-gallery-section .main-glry-container .exper-destination-name-container .row-flex {
  align-items: center;
}
#main-gallery-section .main-glry-container .exper-destination-name-container .name-plus-rating-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 540px) {
  #main-gallery-section .main-glry-container .exper-destination-name-container .name-plus-rating-box {
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 10px;
  }
}
#main-gallery-section .main-glry-container .exper-destination-name-container .name-plus-rating-box .rating-star {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
#main-gallery-section .main-glry-container .exper-destination-name-container .name-plus-rating-box .rating-star .num {
  padding-left: 10px;
  color: #e01f26;
}
#main-gallery-section .main-glry-container .exper-destination-name-container .button-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
  justify-content: flex-end;
}
#main-gallery-section .main-glry-container .exper-destination-name-container .button-box .mark-btn {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 10px 20px;
  border: 1px solid #000000;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
}
#main-gallery-section .pin-loction-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  flex-wrap: wrap;
  row-gap: 15px;
}
#main-gallery-section .pin-loction-box .text-pin {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding-right: 15px;
}
#main-gallery-section .pin-loction-box .text-pin img {
  width: 12px;
  height: 16px;
}
#main-gallery-section .pin-loction-box .text-pin .location-name {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#main-gallery-section .pin-loction-box .price-box {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 10px;
}
#main-gallery-section .pin-loction-box .price-box .starting-from-text {
  color: #271e30;
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#main-gallery-section .pin-loction-box .price-box .price {
  color: #271e30;
  text-align: right;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#main-gallery-section .pin-loction-box .free-entry-btn {
  padding: 5px 20px;
  border: 1px solid #000000;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  text-align: center;
}
#main-gallery-section .pin-loction-box-mrg {
  padding-bottom: 30px;
}

/*=======================================================
                  realated-section
=======================================================*/
.slider-control .experience-destination-prev {
  position: absolute;
  top: 36%;
  left: 10px;
  z-index: 1;
}
.slider-control .experience-destination-prev .slider-control-prev {
  background: #ffffff;
  border-radius: 50%;
}
.slider-control .experience-destination-next {
  position: absolute;
  top: 36%;
  right: 10px;
  z-index: 1;
}
.slider-control .experience-destination-next .slider-control-next {
  background: #ffffff;
  border-radius: 50%;
}

#review-section .write-review-content-box {
  background-color: #faf9f8;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  padding: 36px 60px;
  margin-bottom: 60px;
}
@media (max-width: 375px) {
  #review-section .write-review-content-box {
    padding: 25px 30px;
  }
}
#review-section .write-review-content-box .review-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 25px;
}
#review-section .write-review-content-box .review-content-wrapper .text-box {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
#review-section .write-review-content-box .review-content-wrapper .title-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
#review-section .write-review-content-box .review-content-wrapper .write-review-btn {
  display: flex;
  align-items: center;
  column-gap: 10px;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  background-color: #e01f26;
  color: #f2f1f1;
  font-size: clamp(17px, 1.25vw, 36px);
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.5;
  padding: 10px;
}

/*=======================================================
                  Review Section
=======================================================*/
#read-comment-section .row-wrapper {
  padding-left: clamp(30px, 4.167vw, 120px);
  padding-right: 60px;
}
@media (max-width: 768px) {
  #read-comment-section .row-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
#read-comment-section .main-container .rating-overview-box {
  padding-bottom: 60px;
}
#read-comment-section .main-container .rating-overview-box .col-6-content-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#read-comment-section .main-container .rating-overview-box .col-6-content-box .overall-text {
  color: #000000;
  font-size: clamp(13px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.5;
}
#read-comment-section .main-container .rating-overview-box .col-6-content-box .out-of-rating {
  color: #000000;
  font-size: 42px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
}
#read-comment-section .main-container .rating-overview-box .col-6-content-box .stars-box {
  display: flex;
  align-items: center;
  column-gap: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#read-comment-section .main-container .rating-overview-box .col-6-content-box .stars-box img {
  width: 32px;
  height: 32px;
}
#read-comment-section .main-container .rating-overview-box .col-6-btn-box {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  column-gap: 15px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  #read-comment-section .main-container .rating-overview-box .col-6-btn-box {
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
#read-comment-section .main-container .rating-overview-box .col-6-btn-box .review-col-btn {
  padding: 10px 20px;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid rgba(39, 30, 48, 0.45);
  color: rgba(39, 30, 48, 0.45);
  text-align: center;
  font-size: clamp(13px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.5;
}
#read-comment-section .main-container .rating-overview-box .col-6-btn-box .active {
  color: #ffffff;
  background-color: rgb(224, 31, 38);
  border: 1px solid rgb(224, 31, 38);
}

#comments-section .row-wrapper {
  padding-left: clamp(30px, 4.167vw, 120px);
  padding-right: 60px;
}
@media (max-width: 768px) {
  #comments-section .row-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
#comments-section .comment-card-wrapper {
  padding-bottom: 60px;
}
#comments-section .comment-card-wrapper .comment-card-main-box {
  display: flex;
  align-items: center;
  column-gap: 40px;
  padding-bottom: 60px;
  justify-content: space-between;
}
#comments-section .comment-card-wrapper .comment-card-main-box .comment-card {
  width: 100%;
  max-width: 46%;
}
@media (max-width: 640px) {
  #comments-section .comment-card-wrapper .comment-card-main-box .comment-card {
    max-width: 100%;
  }
}
#comments-section .comment-card-wrapper .comment-card-main-box .comment-card .profile-name-box {
  display: flex;
  align-items: center;
  column-gap: 15px;
  padding-bottom: 10px;
}
#comments-section .comment-card-wrapper .comment-card-main-box .comment-card .profile-name-box .name-rating {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
#comments-section .comment-card-wrapper .comment-card-main-box .comment-card .profile-name-box .name-rating .name {
  color: #271e30;
  font-size: clamp(13px, 0.972vw, 28px);
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
#comments-section .comment-card-wrapper .comment-card-main-box .comment-card .profile-name-box .name-rating .stars-box {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
#comments-section .comment-card-wrapper .comment-card-main-box .comment-card .card-comment-box .paragraph-comment {
  font-family: "Poppins", sans-serif;
  color: #271e30;
  font-size: clamp(13px, 0.972vw, 28px);
  line-height: 1.5;
}
#comments-section .comment-card-wrapper .comment-card-main-box .comment-card .card-comment-box .reply-box {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding-top: 10px;
}
#comments-section .comment-card-wrapper .comment-card-main-box .comment-card .card-comment-box .reply-box .reply-text {
  color: #271e30;
  font-size: clamp(13px, 0.972vw, 28px);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
#comments-section .comment-card-wrapper .comment-card-main-box .boxes-cotainer {
  display: flex;
  align-items: center;
  column-gap: 14px;
}
@media (max-width: 640px) {
  #comments-section .comment-card-wrapper .comment-card-main-box .boxes-cotainer {
    display: none;
  }
}
#comments-section .comment-card-wrapper .comment-card-main-box-sub-reply {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#comments-section .comment-card-wrapper .comment-card-main-box-sub-reply .comment-card-reply {
  padding-left: 35px;
  padding-top: 20px;
}
#comments-section .comment-card-wrapper .comment-card-main-box-sub-reply .comment-card-reply .paragraph-comment {
  font-size: clamp(13px, 0.833vw, 24px);
}
#comments-section .comment-card-wrapper .button-box {
  display: flex;
  justify-content: center;
}
#comments-section .comment-card-wrapper .button-box .load-more-btn {
  border-radius: clamp(3.5px, 0.486vw, 14px);
  background-color: #e01f26;
  color: #f2f1f1;
  padding: 10px 20px;
  gap: 10px;
  color: #f2f1f1;
  text-align: center;
  font-size: clamp(13px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.5;
}

/*=======================================================
                  Advance Filtration
=======================================================*/
#advance-filtration-section {
  padding-top: 40px;
}
#advance-filtration-section .advnc-filter-container {
  border-radius: 11px;
  background-color: #f2f1f1;
  box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.1);
}
#advance-filtration-section .advnc-filter-container .advnc-filter-content {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
}
#advance-filtration-section .advnc-filter-container .advnc-filter-content .swiper-button-next {
  margin-right: 30px;
}
#advance-filtration-section .advnc-filter-container .filter-top-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  row-gap: 20px;
  column-gap: clamp(10px, 1.25vw, 18px);
  padding-top: 38px;
  padding-left: clamp(15px, 6.944vw, 60px);
  padding-right: clamp(15px, 6.944vw, 60px);
}
@media (max-width: 1320px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content {
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content {
    flex-wrap: wrap;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 640px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#advance-filtration-section .advnc-filter-container .filter-top-content .filter-input-field-box {
  width: 100%;
  max-width: 22%;
  color: rgba(39, 30, 48, 0.45);
  font-size: clamp(13px, 0.833vw, 24px);
  font-family: "Poppins", sans-serif;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.228px;
}
@media (max-width: 1024px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content .filter-input-field-box {
    max-width: 49%;
  }
}
@media (max-width: 768px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content .filter-input-field-box {
    max-width: 100%;
  }
}
#advance-filtration-section .advnc-filter-container .filter-top-content .filter-input-field-box .filter-input-field {
  padding: 10px;
  padding-right: 40px;
}
#advance-filtration-section .advnc-filter-container .filter-top-content .dropdown-btn {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  max-width: 22%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  border-radius: 37px;
  background: #ffffff;
}
@media (max-width: 1024px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content .dropdown-btn {
    max-width: 49%;
  }
}
@media (max-width: 768px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content .dropdown-btn {
    max-width: 100%;
  }
}
#advance-filtration-section .advnc-filter-container .filter-top-content .dropdown-btn i {
  font-size: clamp(18px, 1.389vw, 30px);
  color: #271e30;
}
@media (max-width: 1024px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content .lastChild-btn {
    max-width: 42%;
  }
}
@media (max-width: 768px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content .lastChild-btn {
    max-width: 90%;
  }
}
@media (max-width: 560px) {
  #advance-filtration-section .advnc-filter-container .filter-top-content .lastChild-btn {
    max-width: 84%;
  }
}
#advance-filtration-section .advnc-filter-container .filter-top-content .pin-location-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  padding: 8px 10px;
  border-radius: 50%;
}
#advance-filtration-section .advnc-filter-container .filter-top-content .pin-location-icon i {
  color: #e01f26;
  font-size: clamp(20px, 1.667vw, 48px);
}
#advance-filtration-section .advnc-filter-container .filter-midle-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: clamp(10px, 1.25vw, 18px);
  padding-left: clamp(15px, 6.944vw, 60px);
  padding-right: clamp(15px, 6.944vw, 60px);
}
@media (max-width: 1024px) {
  #advance-filtration-section .advnc-filter-container .filter-midle-content {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 640px) {
  #advance-filtration-section .advnc-filter-container .filter-midle-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#advance-filtration-section .advnc-filter-container .filter-midle-content .dropdown-btn {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  max-width: 22%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  border-radius: 37px;
  background: #ffffff;
}
@media (max-width: 1024px) {
  #advance-filtration-section .advnc-filter-container .filter-midle-content .dropdown-btn {
    max-width: 49%;
  }
}
@media (max-width: 768px) {
  #advance-filtration-section .advnc-filter-container .filter-midle-content .dropdown-btn {
    max-width: 100%;
  }
}
#advance-filtration-section .advnc-filter-container .filter-midle-content .dropdown-btn i {
  font-size: clamp(18px, 1.389vw, 30px);
  color: #271e30;
}
@media (max-width: 1024px) {
  #advance-filtration-section .advnc-filter-container .filter-midle-content .lastChild-btn {
    max-width: 42%;
  }
}
@media (max-width: 768px) {
  #advance-filtration-section .advnc-filter-container .filter-midle-content .lastChild-btn {
    max-width: 90%;
  }
}
@media (max-width: 560px) {
  #advance-filtration-section .advnc-filter-container .filter-midle-content .lastChild-btn {
    max-width: 84%;
  }
}
#advance-filtration-section .advnc-filter-container .filter-midle-content .search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #e01f26;
  padding: 10px;
  border-radius: 50%;
}
#advance-filtration-section .advnc-filter-container .filter-midle-content .search-icon img {
  filter: invert(77%) sepia(100%) saturate(1%) hue-rotate(192deg) brightness(113%) contrast(94%);
}
#advance-filtration-section .advnc-filter-container .filter-midle-content .search-icon i {
  font-size: clamp(40px, 2.917vw, 84px);
}
#advance-filtration-section .advnc-filter-container .filter-bottom-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: clamp(10px, 1.389vw, 20px);
  column-gap: clamp(10px, 1.25vw, 18px);
  padding-left: clamp(15px, 6.944vw, 60px);
  padding-right: clamp(15px, 6.944vw, 60px);
  padding-bottom: clamp(20px, 2.778vw, 40px);
}
@media (max-width: 1024px) {
  #advance-filtration-section .advnc-filter-container .filter-bottom-content {
    width: 100%;
    padding-left: clamp(20px, 2.778vw, 40px);
    padding-right: clamp(20px, 2.778vw, 40px);
  }
}
@media (max-width: 640px) {
  #advance-filtration-section .advnc-filter-container .filter-bottom-content {
    padding-left: clamp(10px, 1.042vw, 15px);
    padding-right: clamp(10px, 1.042vw, 15px);
  }
}
#advance-filtration-section .advnc-filter-container .filter-bottom-content .filter-slide-btn .filter-btn {
  display: flex;
  align-items: center;
  padding: clamp(5px, 0.3472vw, 0.3472vw);
  padding-left: clamp(15px, 1.0416vw, 1.0416vw);
  column-gap: 10px;
  background-color: #e01f26;
  color: #f2f1f1;
  text-align: center;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 100px;
}
#advance-filtration-section .advnc-filter-container .filter-bottom-content .filter-slide-btn .filter-btn i {
  font-size: clamp(22px, 1.667vw, 48px);
}
#advance-filtration-section .advnc-filter-container .filter-bottom-content .reset-taxt {
  color: #e01f26;
  text-align: center;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#advance-filtration-section .advnc-filter-container .drop-down-icon img {
  margin-left: 10px;
}
#advance-filtration-section .advnc-filter-container .drop-down-icon i {
  font-size: clamp(18px, 1.389vw, 30px);
  color: #271e30;
}
#advance-filtration-section .swiper {
  margin: 0 !important;
  width: 100%;
}
@media (min-width: 993px) {
  #advance-filtration-section .swiper {
    max-width: 90%;
  }
}
@media (max-width: 1043px) {
  #advance-filtration-section .swiper {
    width: 100%;
  }
}
#advance-filtration-section .swiper .swiper-wrapper {
  column-gap: 8px;
}
#advance-filtration-section .swiper .swiper-slide {
  width: max-content !important;
  margin-right: 0 !important;
}

/*=======================================================
          advance filter 4 column grid
=======================================================*/
.search-advance-filter-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(295px, 13.258%, 22.258%), 1fr));
  grid-column-gap: 18px;
  column-gap: 18px;
  grid-row-gap: 40px;
  row-gap: 40px;
}

/*=======================================================
              Sliders Buttons Section
=======================================================*/
#buttons-section {
  padding-top: 40px;
  padding-bottom: 48px;
}
#buttons-section .filter-slide-btn {
  padding: 0 65px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  #buttons-section .filter-slide-btn {
    padding: 5px 55px;
  }
  #buttons-section .filter-slide-btn .swiperPrev,
  #buttons-section .filter-slide-btn .swiperNext {
    height: 35px;
    top: 22px;
  }
}
#buttons-section #myBtn {
  column-gap: 18px !important;
}
#buttons-section #myBtn .swiper {
  margin: 0 !important;
}
#buttons-section #myBtn .swiper .swiper-slide {
  width: max-content !important;
  margin-right: 0 !important;
}

/*=======================================================
                Experience Dinning Detail page
=======================================================*/
.detail-widgets-wrapper .menu-type-text {
  color: #271e30;
  font-size: clamp(15px, 1.25vw, 36px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  padding-top: 30px;
  padding-bottom: 15px;
}
.detail-widgets-wrapper .detail-widgets-btn-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  padding-bottom: 14px;
}
.detail-widgets-wrapper .detail-widgets-btn-box .detail-widgets-btn {
  display: flex;
  padding: 15px 18px;
  align-items: center;
  border-radius: 5px;
  background-color: #ffffff;
  color: #271e30;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.detail-widgets-wrapper .detail-widgets-btn-box .detail-widgets-btn img {
  padding-right: 20px;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
}

/*=======================================================
                    sign in popup
=======================================================*/
#login-popup-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 52%, 0.4);
  z-index: 99999;
  padding: 1rem 20px;
  overflow-y: auto;
}
#login-popup-container .popup-content {
  display: flex;
  margin: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
#login-popup-container .popup-content .social-icons-box {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: clamp(10px, 1.389vw, 20px);
}
@media (max-width: 425px) {
  #login-popup-container .popup-content .social-icons-box {
    flex-wrap: wrap;
    row-gap: clamp(5px, 0.694vw, 10px);
  }
}
#login-popup-container .popup-content .social-icons-box span {
  width: 40px;
  height: 40px;
  background-color: #e01f26;
  border-radius: 50%;
  display: block;
  cursor: pointer;
}
#login-popup-container .popup-content .sign-in-container {
  max-width: 45%;
}
@media (max-width: 992px) {
  #login-popup-container .popup-content .sign-in-container {
    max-width: 100%;
  }
}
#login-popup-container .popup-content .sign-in-container .sign-in-box {
  position: relative;
  width: 100%;
  background-color: #f2f1f1;
  border-radius: 11px;
  padding-left: clamp(10px, 5.694vw, 82px);
  padding-right: clamp(10px, 5.694vw, 82px);
  padding-bottom: 40px;
  background-color: #f2f1f1;
  box-shadow: 0 6px 10px 0 rgba(2, 10, 32, 0.3);
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .crosIcon {
  position: absolute;
  top: 20px;
  right: 26px;
  cursor: pointer;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .crosIcon i {
  font-size: 32px;
  color: #e01f26;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box {
  margin-top: 30px;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box #email {
  width: 100%;
  height: 53px;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box #password {
  width: 100%;
  height: 53px;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box .form-span .input-pass-field:active,
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box .form-span .input-pass-field:focus,
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box .form-span .input-pass-field:visited,
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box .form-span .input-pass-field:focus-visible {
  border-color: #e01f26;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box .form-span .input-email-field:active,
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box .form-span .input-email-field:focus,
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box .form-span .input-email-field:visited,
#login-popup-container .popup-content .sign-in-container .sign-in-box .manual-sign-in-box .form-span .input-email-field:focus-visible {
  border-color: #e01f26;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .form-headings {
  padding-left: 10px;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 478px) {
  #login-popup-container .popup-content .sign-in-container .sign-in-box .checkbox-wrapper {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .checkbox-wrapper .forgot-password {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .sign-in-heading-box .heading {
  padding-top: 60px;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .sign-in-heading-box .subtitle {
  padding-top: 18px;
  padding-bottom: 15px;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .divider {
  margin-top: 25px;
}
#login-popup-container .popup-content .sign-in-container .sign-in-box .divider .line {
  width: 28%;
}
@media (max-width: 992px) {
  #login-popup-container .popup-content .sign-in-container .sign-in-box .divider .line {
    width: 35%;
  }
}

/*=======================================================
                Experience Hotel Detail page
=======================================================*/
#pricing-table-container .pricing-table-box {
  background-color: #ffffff;
  padding: 30px 20px;
  border-radius: 11px;
  margin-top: 60px;
  margin-bottom: 60px;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-header .table-heading {
  font-size: clamp(15px, 1.25vw, 36px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 15px;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .room-type-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 7px 7px 0px 0px;
  background-color: #271e30;
  padding: 15px;
  margin-top: 15px;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .room-type-header-bar .room-type {
  display: flex;
  width: 100%;
  max-width: 28%;
  justify-content: flex-end;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .room-type-header-bar .room-type .text-style {
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .room-type-header-bar .room-type-heading {
  max-width: 42%;
  justify-content: flex-start;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid #271e30;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  #pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .suite-name-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 50%;
  row-gap: 10px;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .suite-name-content .room-type-name {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
@media (max-width: 768px) {
  #pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .suite-name-content .room-type-name {
    flex-wrap: wrap;
    row-gap: 5px;
  }
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .suite-name-content .room-type-name .deluxe-room {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: 1.5;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .suite-name-content .room-type-name .bedroom-available {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: 1.5;
  font-size: clamp(13px, 0.833vw, 24px);
  text-align: center;
  font-weight: 600;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .suite-name-content .room-type-name .bed-available {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .sleeps-content {
  display: flex;
  align-items: center;
  column-gap: 5px;
  padding: 0 15px;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .sleeps-content .svg {
  display: flex;
  cursor: pointer;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .price-content .price-actual {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .price-text-style {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: 1.5;
  font-size: clamp(13px, 0.833vw, 24px);
  text-align: center;
  font-weight: 600;
}
#pricing-table-container .pricing-table-box .pricing-table-content-wrapper .pricing-table-content .pricing-table-body .suit-specification-box .price-text-style i {
  font-size: clamp(12px, 0.833vw, 18px);
  font-weight: 600;
  color: #271e30;
}

/*=======================================================
                    Contact-us Banner
=======================================================*/
#hero-banner .banner-img-box-gradient {
  background: linear-gradient(114.29deg, rgba(224, 31, 38, 0.45) 0%, #E01F26 53.81%);
  height: 97vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .background-img-svg svg {
  opacity: 0.4;
}
#hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .contact-us-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  margin-top: -80px;
}
#hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .contact-us-content .social-icons-box {
  display: flex;
  column-gap: clamp(12px, 1.389vw, 20px);
  width: 100%;
  justify-content: center;
}
@media (max-width: 460px) {
  #hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .contact-us-content .social-icons-box {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.389vw, 20px);
  }
}
#hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .contact-us-content .social-icons-box i {
  font-size: clamp(40px, 3.472vw, 80px);
  color: #f2f1f1;
}
#hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .contact-us-content .social-icons-box i:hover {
  color: rgba(242, 241, 241, 0.65);
  cursor: pointer;
}
#hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .contact-us-content .get-in-touch-text {
  color: #ffffff;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(22px, 2.5vw, 42px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  padding-bottom: clamp(20px, 2.778vw, 40px);
}
#hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .contact-us-content .follow-us-text {
  color: #f2f1f1;
  text-align: center;
  font-family: "Beyond The Mountains";
  font-size: clamp(25px, 3.333vw, 96px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: clamp(12.5px, 1.736vw, 25px);
}
#hero-banner .banner-img-box-gradient .hero-content-wrapper-contact .contact-us-content .subtitle-text-hero {
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 1.389vw, 40px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: clamp(15px, 2.083vw, 30px);
}

/*=======================================================
                  Contact Us Content
=======================================================*/
.main-body-content-container-wrapper .main-content-box {
  padding-top: clamp(70px, 9.722vw, 140px);
  padding-bottom: clamp(70px, 9.722vw, 140px);
  display: flex;
  row-gap: clamp(30px, 4.167vw, 60px);
}
@media (max-width: 768px) {
  .main-body-content-container-wrapper .main-content-box {
    flex-wrap: wrap;
  }
}
.main-body-content-container-wrapper .main-content-box .left-box-container {
  width: 100%;
}
.main-body-content-container-wrapper .main-content-box .left-box-container .content-wrapper .content {
  padding-bottom: clamp(35px, 4.861vw, 70px);
}
.main-body-content-container-wrapper .main-content-box .left-box-container .content-wrapper .content .heading {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.main-body-content-container-wrapper .main-content-box .left-box-container .content-wrapper .content .subtitle-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 5px;
}
.main-body-content-container-wrapper .main-content-box .left-box-container .content-wrapper .content .subtitle-text a {
  color: #271e30;
  text-decoration: none;
  cursor: pointer;
}
.main-body-content-container-wrapper .main-content-box .left-box-container .content-wrapper .content .subtitle-text .vm-a {
  text-decoration: underline;
}
.main-body-content-container-wrapper .main-content-box .right-box-container {
  width: 100%;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .radio-btn-group .container-radio {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  position: relative;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .radio-btn-group .container-radio input[type=radio] {
  display: none;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .radio-btn-group .container-radio input[type=radio]:checked ~ .checkmark::after {
  transform: translate(-50%, -50%) scale(1);
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .radio-btn-group .container-radio .checkmark {
  width: 18px;
  height: 18px;
  border: 2px solid #271e30;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  cursor: pointer;
}
@media (min-width: 1441px) {
  .main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .radio-btn-group .container-radio .checkmark {
    top: 7px;
  }
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .radio-btn-group .container-radio .checkmark::after {
  content: "";
  height: 9px;
  width: 9px;
  background-color: #e01f26;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  transition: 300ms ease-in-out 0s;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .radio-btn-group .container-radio .radio-name {
  margin-left: 30px;
  cursor: pointer;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .radio-btn-group {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .heading-light {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content .subtitle-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.65;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content-mb {
  margin-bottom: clamp(35px, 4.861vw, 70px);
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .content-mrb {
  margin-bottom: clamp(20px, 2.778vw, 40px);
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .form-container {
  display: flex;
  flex-direction: column;
  row-gap: clamp(10px, 1.389vw, 20px);
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .form-container form {
  margin-bottom: clamp(10px, 1.389vw, 20px);
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .form-container form ::placeholder {
  color: rgba(39, 30, 48, 0.8);
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .form-container form input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #271e30;
  padding-left: 10px;
  padding-bottom: 10px;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 500;
  margin-bottom: clamp(20px, 2.083vw, 30px);
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .form-container form textarea {
  width: 100%;
  background: transparent;
  border: none;
  border-radius: 11px;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  height: 200px;
  font-weight: 500;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .form-container form .fieldset {
  border: 1px solid #e01f26;
  border-radius: 11px;
  padding: 5px 12px;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .form-container form .fieldset .legend {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  padding: 0 6px;
}
.main-body-content-container-wrapper .main-content-box .right-box-container .content-wrapper .form-container .send-btn {
  border-radius: 11px;
  background-color: var(--vm-red, #e01f26);
  color: var(--vm-white, #f2f1f1);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 15px 80px;
}

/*=======================================================
                    404 Page
=======================================================*/
.hero-banner-img-box {
  position: relative;
}
.hero-banner-img-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  height: 100%;
  opacity: 0.4499999881;
  background: linear-gradient(180deg, rgba(224, 31, 38, 0) 0%, #271e30 100%);
}

.server-hero-banner-img-box::after {
  opacity: 0.6499999762;
}

.main-hero-banner-img {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  object-fit: cover;
  object-position: center center;
}

.not-found-hero-banner .content-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.not-found-hero-banner .content-box .heading {
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(36px, 5.069vw, 146px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 0;
}
.not-found-hero-banner .content-box .message {
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(36px, 3.069vw, 146px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 0;
}
.not-found-hero-banner .content-box .fourOfour {
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(80px, 16vw, 300px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.not-found-hero-banner .content-box .button-box {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: clamp(10px, 1.042vw, 15px);
  flex-wrap: wrap;
  row-gap: clamp(10px, 1.042vw, 15px);
}
.not-found-hero-banner .content-box .button-box .not-found-page-btn {
  border-radius: 37px;
  padding: clamp(8px, 0.694vw, 15px) clamp(15px, 1.736vw, 30px);
  font-size: clamp(15px, 1.111vw, 32px);
}
.not-found-hero-banner .content-box .button-box .light-btn {
  color: #271e30;
  background-color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.not-found-hero-banner .content-box .button-box .color-btn {
  color: #f2f1f1;
  background-color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/*=======================================================
                  By Mauritian Page
=======================================================*/
.byMauritian-hero-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: clamp(52px, 7.361vw, 106px);
  padding-bottom: clamp(42px, 5.833vw, 84px);
}
.byMauritian-hero-banner .container-fluid-byMauritian {
  display: flex;
  flex-wrap: wrap;
  row-gap: clamp(30px, 4.167vw, 60px);
  justify-content: space-between;
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper {
  width: 100%;
}
@media (min-width: 992px) {
  .byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper {
    max-width: 37.153vw;
  }
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .sub-heading {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 2.222vw, 64px);
  font-style: normal;
  font-weight: 800;
  line-height: 2.46875;
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .heading {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(24px, 3.333vw, 96px);
  font-style: normal;
  font-weight: 800;
  line-height: 1.5;
  padding-bottom: 10px;
  margin-top: -1.693;
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .discription {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: clamp(35px, 4.861vw, 70px);
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .buttons-box {
  display: flex;
  column-gap: clamp(17.5px, 2.431vw, 35px);
  flex-wrap: wrap;
  row-gap: clamp(17.5px, 2.431vw, 35px);
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .buttons-box .video-watch-btn {
  color: #f2f1f1;
  background-color: #e01f26;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: clamp(10px, 0.833vw, 24px) clamp(18px, 1.389vw, 40px);
  gap: 10px;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .buttons-box .video-watch-btn:hover {
  background: #f2f1f1;
  color: #e01f26;
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .buttons-box .video-watch-btn:hover svg path {
  fill: #e01f26;
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .buttons-box .video-watch-btn:focus {
  opacity: 0.65;
}
.byMauritian-hero-banner .container-fluid-byMauritian .content-wrapper .content .buttons-box .explore-more-btn {
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 10px;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container {
    max-width: 36.111vw;
    margin-right: -7.986vw;
  }
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper {
  margin-left: auto;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .cards-heading-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  padding: 10px 0;
  margin-bottom: clamp(15px, 2.083vw, 30px);
}
@media (min-width: 992px) {
  .byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .cards-heading-box {
    width: 420px;
  }
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .cards-heading-box .card-heading {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(20px, 1.667vw, 48px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-decoration: underline;
  width: max-content;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .cards-heading-box .swiper-pagination {
  text-align: end;
  padding-right: 10px;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .cards-heading-box .swiper-pagination .swiper-pagination-bullet {
  min-width: 12px;
  min-height: 12px;
  max-width: 12px;
  max-height: 12px;
  width: 12px;
  height: 12px;
  background: #f2f1f1;
  opacity: 0.4499999881;
  margin: 0 2px;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .cards-heading-box .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper {
  overflow: unset;
  overflow-x: unset;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper .slider-footer {
  padding: 0 5px;
  position: relative;
  padding-top: 70px;
  display: flex;
  align-items: center;
  column-gap: 40px;
}
@media (min-width: 992px) {
  .byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper .slider-footer {
    width: 420px;
  }
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper .slider-footer .btn-box {
  display: flex;
  align-items: center;
  column-gap: 15px;
  justify-content: space-between;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper .slider-footer .btn-box .swiper-button-prev,
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper .slider-footer .btn-box .swiper-button-next {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 42px;
  height: 42px;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper .slider-footer .swiper-scrollbar {
  display: block;
  position: relative;
  border-radius: 100px;
  background: #f2f1f1;
  margin-top: -10px;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper .slider-footer .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #e01f26;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper {
  column-gap: 2.431vw;
  align-items: flex-end;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide {
  width: max-content;
  width: 232px !important;
  height: 311px !important;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content {
  position: relative;
  border-radius: 21.626px;
  margin: 0;
  width: 100%;
  height: 100%;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 25.951px;
  background: transparent lightgray 50%/cover no-repeat;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(45px, 5.903vw, 170px);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 71px;
  height: 71px;
  cursor: pointer;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content svg:hover {
  background: #f2f1f1;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content svg:hover path {
  fill: #e01f26;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content svg:focus {
  background: transparent;
  opacity: 0.65 !important;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content svg:focus path {
  fill: #f2f1f1;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content .feature-img {
  width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide .card-content .feature-img-thumbnail {
  width: 202.5px !important;
  height: 263.75px !important;
  left: 15px;
  right: 15px;
  border-radius: 21.626px;
  filter: blur(23.1250228882px);
  object-fit: cover;
  object-position: center;
  position: absolute;
  z-index: -1;
  bottom: 0;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide.swiper-slide-active {
  width: 278.802px !important;
  height: 372.943px !important;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide.swiper-slide-active .card-content {
  border-radius: 25.951px;
  width: 100%;
  height: 100%;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide.swiper-slide-active .card-content .feature-img-thumbnail {
  width: 247px !important;
  height: 329px !important;
  border-radius: 25.951px;
  box-shadow: 0px 22px 40px 0px rgba(0, 0, 0, 0.15);
  filter: blur(5.5px);
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .swiper-wrapper .swiper-slide.swiper-slide-active .card-content svg {
  width: 86px;
  height: 86px;
}
.byMauritian-hero-banner .container-fluid-byMauritian .video-cards-container .video-cards-content-wrapper .video-cards-content .my-swiper-maur {
  padding-bottom: clamp(15px, 2.083vw, 30px);
  justify-content: center;
}

.content-header-main {
  margin-top: clamp(70px, 9.722vw, 140px);
}
.content-header-main .section-title-mauritian {
  color: #e01f26;
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(28px, 2.222vw, 64px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

#featured-content-from-section .content-body-mauritian .main-content-wrapper {
  display: flex;
  align-items: flex-end;
  column-gap: clamp(30px, 5.347vw, 154px);
}
@media (max-width: 992px) {
  #featured-content-from-section .content-body-mauritian .main-content-wrapper {
    flex-wrap: wrap;
    row-gap: clamp(30px, 4.167vw, 60px);
    justify-content: center;
  }
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .text-content {
  width: 100%;
}
@media (min-width: 992px) {
  #featured-content-from-section .content-body-mauritian .main-content-wrapper .text-content {
    padding: 0.694vw;
    max-width: 45.694vw;
  }
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .text-content .sub-heading {
  display: inline-block;
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.667vw, 48px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1px;
  margin-bottom: clamp(12.5px, 1.736vw, 25px);
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .text-content .heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 2.222vw, 64px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: clamp(10px, 1.389vw, 20px);
}
@media (min-width: 992px) {
  #featured-content-from-section .content-body-mauritian .main-content-wrapper .text-content .heading {
    max-width: 36.458vw;
  }
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .text-content .description {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box {
  width: 100%;
  max-width: 40%;
}
@media (max-width: 992px) {
  #featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box {
    max-width: 100%;
  }
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: clamp(17.5px, 2.431vw, 35px);
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content .content-box {
  position: relative;
  width: 100%;
  max-width: max-content;
  cursor: pointer;
  overflow: hidden;
  border-radius: 17.301px;
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content .content-box img {
  transition: all 0.3s ease-in-out;
  object-fit: cover;
  border-radius: 17px;
  object-position: center;
}
@media (min-width: 992px) {
  #featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content .content-box img {
    width: 33.333vw;
    height: 42.448vh;
  }
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content .content-box .img-thumbnail {
  position: absolute;
  bottom: -2.214vh;
  z-index: -1;
  width: 33.333vw;
  height: 42.448vh;
  transform: scale(0.9);
  border-radius: 17.301px;
  filter: blur(18.5px);
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content .content-box svg {
  width: clamp(45px, 3.958vw, 114px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  #featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content .content-box:hover img:nth-child(2) {
    transform: scale(1.09);
  }
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content .content-box:hover svg {
  background: #f2f1f1;
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .visual-content .content-box:hover svg path {
  fill: #e01f26;
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .btn-view-credits {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.1px;
  padding: 1.563vh 1.389vw;
  background-color: #e01f26;
  color: #f2f1f1;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  column-gap: 0.694vw;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .btn-view-credits:hover {
  background: #f2f1f1;
  color: #e01f26;
  border-color: rgba(39, 30, 48, 0.45);
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .btn-view-credits:hover svg path {
  fill: #e01f26;
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .btn-view-credits:focus {
  opacity: 0.65;
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .credit-card-box {
  display: none;
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .credit-card-box .credit-card {
  background-color: #f2f1f1;
  border-radius: 17.301px;
  margin-bottom: clamp(17.5px, 4.557dvh, 70px);
}
@media (min-width: 992px) {
  #featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .credit-card-box .credit-card {
    width: 33.333vw;
  }
}
#featured-content-from-section .content-body-mauritian .main-content-wrapper .visual-content-box .credit-card-box .credit-card::before {
  content: "";
  position: absolute;
  bottom: -2.344vh;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.9);
  z-index: -1;
  border-radius: 17.301px;
  background-color: #e01f26;
  filter: blur(17.5px);
}

.visit-mauritius-news-section {
  margin-bottom: clamp(70px, 9.722vw, 140px);
}

/*=======================================================
                   Inspiring Section
=======================================================*/
.inspiring-stories-section {
  margin-bottom: clamp(20px, 2.778vw, 40px);
}
@media (min-width: 1024px) {
  .inspiring-stories-section .content-wrapper .content .inspiring-stories-slider {
    overflow: unset;
    overflow-x: unset;
  }
}
@media (min-width: 1024px) {
  .inspiring-stories-section .content-wrapper .content .swiper {
    overflow: unset;
    overflow-x: unset;
  }
}
.inspiring-stories-section .content-wrapper .content .inspiring-cards-listing {
  width: 100%;
}

/*=======================================================
                 Blog Stories Section
=======================================================*/
@media (min-width: 1024px) {
  .blog-stories-section .content-wrapper .swiper {
    overflow: unset;
    overflow-x: unset;
  }
}

/*=======================================================
              subscribe-news-letters-Section
=======================================================*/
.subscribe-news-letters-container {
  background-color: #ffffff;
  padding-top: clamp(35px, 4.861vw, 70px);
  padding-bottom: clamp(35px, 4.861vw, 70px);
  margin-top: clamp(70px, 9.722vw, 140px);
}
@media (max-width: 992px) {
  .subscribe-news-letters-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.subscribe-news-letters-container .subscribe-content-wrapper .content-main {
  align-items: center;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media (max-width: 942px) {
  .subscribe-news-letters-container .subscribe-content-wrapper .content-main {
    justify-content: center;
  }
}
.subscribe-news-letters-container .subscribe-content-wrapper .content-main .heading {
  color: #e01f26;
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(26px, 2.222vw, 64px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.subscribe-news-letters-container .subscribe-content-wrapper .content-main .para {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.subscribe-news-letters-container .subscribe-content-wrapper .content-main .inpute-filed-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 30px;
}
@media (max-width: 400px) {
  .subscribe-news-letters-container .subscribe-content-wrapper .content-main .inpute-filed-box {
    flex-wrap: wrap;
    row-gap: 30px;
  }
}
.subscribe-news-letters-container .subscribe-content-wrapper .content-main .inpute-filed-box .input-email-field {
  width: 100%;
  max-width: 50%;
  border: none;
  border-bottom: 1px solid #e02127;
  padding: 11px 10px;
  color: #271e30;
  font-size: clamp(15px, 1.111vw, 32px);
  font-family: "poppins", sans-serif;
}
@media (max-width: 768px) {
  .subscribe-news-letters-container .subscribe-content-wrapper .content-main .inpute-filed-box .input-email-field {
    max-width: 100%;
  }
}
.subscribe-news-letters-container .subscribe-content-wrapper .content-main .inpute-filed-box .input-email-field::placeholder {
  color: rgba(39, 30, 48, 0.45);
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
.subscribe-news-letters-container .subscribe-content-wrapper .content-main .inpute-filed-box .subscribe-btn {
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  background-color: #e01f26;
  padding: 12px 20px;
}

/*=======================================================
                  FAQ Aside Nav Buttons
=======================================================*/
.frequantly-main-container .main-body .main-body-structure-container .main-heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(21px, 2.917vw, 84px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.frequantly-main-container .main-body .main-body-structure-container .faq-main-section-header {
  padding-left: clamp(5px, 0.694vw, 10px);
  padding-right: clamp(5px, 0.694vw, 10px);
  margin-top: clamp(17.5px, 2.431vw, 35px);
}
.frequantly-main-container .main-body .main-body-structure-container .faq-main-section-header .paragraph-box {
  padding-top: clamp(17.5px, 2.431vw, 35px);
}
.frequantly-main-container .main-body .main-body-structure-container .faq-main-section-header .paragraph-box .para {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 5px;
  margin-bottom: clamp(17.5px, 2.431vw, 35px);
}
.frequantly-main-container .main-body .main-body-structure-container .faq-main-section-header .paragraph-box .para a {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.frequantly-main-container .main-body .main-body-structure-container .faq-main-section-header .faq-section-title-lang {
  padding-bottom: 11px;
}

/*=======================================================
                      Blog Page 
=======================================================*/
.back-btn-box {
  padding-top: clamp(20px, 2.778vw, 40px);
}
.back-btn-box .back-btn {
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid rgba(39, 30, 48, 0.45);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  width: 100%;
  max-width: max-content;
}
.back-btn-box .back-btn .btn-text {
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.back-btn-box .back-btn:hover {
  transition: fill 0.3s ease;
}
.back-btn-box .back-btn:hover .btn-text {
  color: #e01f26;
}
.back-btn-box .back-btn:hover i {
  color: #e01f26;
}
.back-btn-box .back-btn:active {
  background-color: #e01f26;
  border-color: #e01f26;
}
.back-btn-box .back-btn:active .btn-text {
  color: #ffffff;
}
.back-btn-box .back-btn:active i {
  color: #ffffff;
}

@media (max-width: 991px) {
  .page-content-wrapper-blog.page-content-wrapper-blog-detail {
    flex-direction: column;
    row-gap: 60px;
  }
}
@media (max-width: 425px) {
  .page-content-wrapper-blog.page-content-wrapper-blog-detail .main-container-box-blog {
    width: 100%;
    max-width: 100%;
  }
}

.page-content-wrapper-blog {
  display: flex;
  column-gap: clamp(20px, 2.778vw, 40px);
  padding-top: clamp(35px, 4.861vw, 70px);
  justify-content: space-between;
}
@media (max-width: 991px) {
  .page-content-wrapper-blog {
    flex-wrap: wrap;
    row-gap: clamp(40px, 2.778vw, 60px);
    flex-direction: column-reverse;
  }
}
.page-content-wrapper-blog .main-container-box-blog {
  width: 100%;
  max-width: 25%;
}
@media (max-width: 991px) {
  .page-content-wrapper-blog .main-container-box-blog {
    max-width: 100%;
  }
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog {
  position: -webkit-sticky;
  position: sticky;
  height: 100vh;
  top: 100px;
}
@media (max-width: 991px) {
  .page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog {
    position: unset;
    height: 100%;
    top: 0;
  }
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog {
  display: flex;
  flex-direction: column;
  row-gap: clamp(10px, 1.042vw, 15px);
  padding: 0 clamp(10px, 1.042vw, 15px);
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn {
  display: flex;
  align-items: center;
  column-gap: clamp(7.5px, 1.042vw, 15px);
  justify-content: space-between;
  width: 100%;
  padding: clamp(7.5px, 1.042vw, 15px) 5px;
  border-bottom: 1px solid rgba(39, 30, 48, 0.1);
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn i {
  font-size: clamp(18px, 1.25vw, 36px);
  color: #e01f26;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn:hover {
  background-color: #e01f26;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: clamp(3.5px, 0.486vw, 14px);
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn:hover i {
  color: #ffffff;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn:hover .side-nav-heading {
  color: #ffffff;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn .side-nav-heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #271e30;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  max-width: 85%;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn-term .side-nav-heading {
  font-weight: 600;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn-term:hover {
  background-color: unset;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn-term:hover svg path {
  fill: #e01f26;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog .side-btn-term:hover .side-nav-heading {
  color: #271e30;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog-term {
  row-gap: 0;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog-term .side-btn-term {
  padding: clamp(15px, 2.083vw, 30px) clamp(2.5px, 0.347vw, 5px);
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog-term .side-btn-term i {
  color: #e01f26;
}
.page-content-wrapper-blog .main-container-box-blog .navigate-buttons-container-blog .side-buttons-box-blog-term .side-btn-term:hover i {
  color: #e01f26;
}
.page-content-wrapper-blog .container-box-main-news {
  max-width: 22%;
}
@media (max-width: 1120px) {
  .page-content-wrapper-blog .container-box-main-news {
    max-width: 100%;
  }
}

.content-box .heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(24px, 2.917vw, 84px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: clamp(17.5px, 2.431vw, 35px);
}
.content-box .heading-first {
  padding-bottom: clamp(30px, 4.167vw, 60px);
  padding-left: clamp(5px, 1.389vw, 20px);
  padding-right: clamp(5px, 1.389vw, 20px);
}
.content-box .img-box {
  padding-bottom: clamp(30px, 4.167vw, 60px);
  padding-left: clamp(5px, 1.389vw, 20px);
  padding-right: clamp(5px, 1.389vw, 20px);
}
.content-box .img-box img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  background-position: center;
  background-repeat: no-repeat;
}
.content-box .img-box-other {
  padding-left: 0;
  padding-right: 0;
}
.content-box .mid-content-box .text-content {
  padding-left: clamp(5px, 1.389vw, 20px);
  padding-right: clamp(5px, 1.389vw, 20px);
}
.content-box .mid-content-box .text-content .para {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: clamp(25px, 2.431vw, 35px);
}
.content-box .mid-content-box .text-content .ul {
  padding-left: clamp(20px, 2.083vw, 30px);
  padding-bottom: clamp(25px, 3.472vw, 50px);
}
.content-box .mid-content-box .text-content .ul .li {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.6;
}
.content-box .mid-content-box .text-content-other {
  padding-left: 0;
  padding-right: 0;
}
.content-box .mid-content-box .text-content-term {
  padding-left: 0;
}
.content-box .mid-content-box .text-content-term .heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  padding-top: 28px;
}
.content-box .mid-content-box .text-content-term .para {
  padding-bottom: clamp(25px, 2.431vw, 35px);
}
.content-box .mid-content-box .text-content-term .para:first-child {
  padding-top: clamp(25px, 2.431vw, 35px);
}
.content-box .mid-content-box .text-content-term .ul {
  margin: 0;
}
.content-box .heading-box-term .sub-heading {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
  padding-bottom: 10px;
}
.content-box .heading-box-term .heading-first-term {
  padding-left: 0;
  width: 100%;
  max-width: 47.778vw;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .content-box .heading-box-term .heading-first-term {
    max-width: 100%;
  }
}

#news-content {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
}
#news-content p {
  line-height: 1.6;
  padding-bottom: clamp(5px, 2.431vw, 20px);
}
#news-content h1,
#news-content h2,
#news-content h3,
#news-content h4,
#news-content h5,
#news-content h6 {
  padding-bottom: clamp(5px, 2.431vw, 20px);
  line-height: 1.3;
}
#news-content img {
  border-radius: 1rem;
}

/*=======================================================
                      News Page 
=======================================================*/
.main-content-section {
  width: 100%;
}
.main-content-section .content-box .double-para-box {
  display: flex;
  column-gap: clamp(25px, 2.431vw, 35px);
  padding-bottom: clamp(25px, 2.431vw, 35px);
}
@media (max-width: 767px) {
  .main-content-section .content-box .double-para-box {
    flex-wrap: wrap;
    row-gap: clamp(25px, 2.431vw, 35px);
  }
}
.main-content-section .content-box .double-para-box .para {
  padding: clamp(5px, 0.694vw, 10px) clamp(7.5px, 1.042vw, 15px);
}
.main-content-section .content-box .text-content-news {
  padding-left: clamp(5px, 1.389vw, 20px);
  padding-right: clamp(5px, 1.389vw, 20px);
}
.main-content-section .content-box .text-content-news .ul .li {
  font-style: normal;
  list-style: disc;
}
.main-content-section .content-box .content-header-main-term {
  margin-top: clamp(61px, 8.472vw, 122px);
}
.main-content-section .content-box .content-header-main-term .section-title {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(28px, 2.917vw, 84px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
}

/*=======================================================
      ByMauritian Inspiring Stories Page 
=======================================================*/
.inspiring-stories-listing-section .video-content-wrapper {
  padding-top: 10px;
}
.inspiring-stories-listing-section .video-content-wrapper .video-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(284px, 15.258%, 18.258%), 1fr));
  grid-column-gap: 34px;
  column-gap: 34px;
  grid-row-gap: 40px;
  row-gap: 40px;
}
@media (min-width: 992px) {
  .inspiring-stories-listing-section .video-content-wrapper .video-content {
    grid-template-columns: repeat(4, 1fr);
  }
}
.inspiring-stories-listing-section .video-content-wrapper .video-content .card-content-body .visual-content-stories {
  height: 284px;
}
.inspiring-stories-listing-section .video-content-wrapper .video-content .card-content-body .visual-content-stories img {
  height: 284px;
}

/*=======================================================
              Blog Stories ByMauritian Page 
=======================================================*/
.blog-stories-by-mauritian-section .blog-stories-cards-listing-wrapper {
  padding-top: 10px;
}
.blog-stories-by-mauritian-section .blog-stories-cards-listing-wrapper .blog-cards-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(350px, 31.258%, 32.258%), 1fr));
  grid-column-gap: clamp(10px, 1.389vw, 20px);
  column-gap: clamp(10px, 1.389vw, 20px);
  grid-row-gap: clamp(18px, 2.431vw, 35px);
  row-gap: clamp(18px, 2.431vw, 35px);
}
.blog-stories-by-mauritian-section .blog-card {
  width: 100%;
}
@media (max-width: 375px) {
  .blog-stories-by-mauritian-section .blog-card {
    max-width: 345px;
    min-width: 290px;
  }
}
@media (max-width: 325px) {
  .blog-stories-by-mauritian-section .blog-card {
    max-width: 290px;
  }
}

/*=======================================================
          Latest News ByMauritian Page 
=======================================================*/
.hero-banner-section .content-container .content-wrapper .news-content {
  display: block;
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .hero-banner-section .content-container .content-wrapper .news-content .news-heading-box {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.042vw, 15px);
  }
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box {
  background-color: #f2f1f1;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid rgba(39, 30, 48, 0.45);
  padding: clamp(5px, 0.694vw, 10px) clamp(10px, 1.389vw, 20px);
  cursor: pointer;
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box .travel-guid-link {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box .travel-guid-link .text {
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box:hover {
  transition: fill 0.3s ease;
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box:hover .text {
  color: #e01f26;
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box:hover svg path {
  fill: #e01f26;
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box:active {
  background-color: #e01f26;
  border-color: #e01f26;
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box:active .text {
  color: #ffffff;
}
.hero-banner-section .content-container .content-wrapper .news-content .news-heading-box .travel-guid-box:active svg path {
  fill: #ffffff;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 860px) {
  .hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.042vw, 15px);
  }
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box {
  padding-top: clamp(62px, 8.542vw, 123px);
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .title-box .title {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: clamp(10px, 1.042vw, 15px);
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .currency-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.042vw, 15px);
}
@media (max-width: 860px) {
  .hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .currency-box {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.042vw, 15px);
  }
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .currency-box .exchange-rate {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 0.972vw, 14px);
  padding: clamp(10px, 0.833vw, 12px);
}
@media (max-width: 767px) {
  .hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .currency-box .exchange-rate {
    padding-left: 0;
  }
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .currency-box .exchange-rate .light-currency-box {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  width: clamp(52px, 3.611vw, 104px);
  height: clamp(52px, 6.771dvh, 104px);
  padding: clamp(10px, 0.694vw, 20px);
  border-radius: 5px;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .currency-box .exchange-rate .currency-name {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .currency-box .rate-live .price {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .mauritius-exchange-content-box .currency-box .rate-live .percent-rate .percent {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(12px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .weather-visual-box .region-weather-report-box {
  display: flex;
  column-gap: clamp(25px, 2.083vw, 60px);
  align-items: center;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .weather-visual-box .region-weather-report-box .temperature-box .num {
  position: relative;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(32px, 4.444vw, 128px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .weather-visual-box .region-weather-report-box .temperature-box .num span {
  position: absolute;
  top: -6px;
  font-size: clamp(30px, 2.778vw, 80px);
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .weather-visual-box .region-weather-report-box .weather-cloudy-info {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .weather-visual-box .region-weather-report-box .weather-cloudy-info .central-text {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.hero-banner-section .content-container .content-wrapper .news-content .exchange-temperature-container .weather-visual-box .region-weather-report-box .weather-cloudy-info .central-text-hl {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.042vw, 15px);
}

/*=======================================================
      Latest News Blog ByMauritian Page 
=======================================================*/
.page-content-wrapper-blog-news {
  flex-direction: row-reverse;
}
@media (max-width: 1120px) {
  .page-content-wrapper-blog-news {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    row-gap: 60px;
  }
}
.page-content-wrapper-blog-news .main-container-box-news .destination-header .col-md-4 {
  width: 100%;
}
@media (min-width: 1441px) {
  .page-content-wrapper-blog-news .main-content-section {
    width: 100%;
    max-width: 100%;
  }
}
.page-content-wrapper-blog-news .main-content-section .content-box .news-card {
  column-gap: 12px;
}
.page-content-wrapper-blog-news .main-content-section .content-box .news-card .text-content {
  padding: 0;
  max-width: 42vw;
}
@media (max-width: 992px) {
  .page-content-wrapper-blog-news .main-content-section .content-box .news-card .text-content {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .page-content-wrapper-blog-news .main-content-section .content-box .news-card .text-content {
    max-width: 100%;
  }
}
.page-content-wrapper-blog-news .main-content-section .content-box .news-card .text-content .description {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page-content-wrapper-blog-news .main-content-section .content-box .news-card .text-content .heading {
  font-size: clamp(16px, 1.667vw, 48px);
  max-width: 100%;
}
.page-content-wrapper-blog-news .main-content-section .content-box .card-img-content {
  max-width: 41%;
}
@media (max-width: 767px) {
  .page-content-wrapper-blog-news .main-content-section .content-box .card-img-content {
    max-width: 100%;
  }
}
.page-content-wrapper-blog-news .main-content-section .content-box .card-img-content .visual-content .img-thumbnail {
  left: 0;
  right: 0;
}
.page-content-wrapper-blog-news .main-content-section .content-box .card-img-content .visual-content .d-none {
  display: none;
}
.page-content-wrapper-blog-news .main-content-section .content-box {
  display: flex;
  flex-direction: column;
  row-gap: clamp(17.5px, 4.557dvh, 70px);
}

.vm-main-secetion-container .news-blog-container {
  display: flex;
  column-gap: 30px;
}
.vm-main-secetion-container .news-blog-container .col-md-width {
  width: 100%;
}

/*=======================================================
              video player sceen Page 
=======================================================*/
.content-author-detail-section .content-author-detail-box .content-author-detail .heading {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(24px, 2.917vw, 84px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: clamp(5px, 0.694vw, 10px) clamp(10px, 1.389vw, 20px);
}
.content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info {
  display: flex;
  column-gap: clamp(20px, 2.431vw, 35px);
  padding: 40px clamp(10px, 1.042vw, 15px);
}
@media (max-width: 767px) {
  .content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info {
    flex-wrap: wrap;
    row-gap: clamp(35px, 2.431vw, 35px);
  }
}
.content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info .description-box {
  width: 62%;
}
@media (max-width: 767px) {
  .content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info .description-box {
    width: 100%;
  }
}
.content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info .description-box .description {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 767px) {
  .content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info .author-info-box {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info .author-info-box .credit-card-box {
    width: 100%;
  }
}
.content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info .author-info-box .credit-card-box .credit-card {
  padding: clamp(20px, 2.778vw, 40px) clamp(25px, 3.472vw, 50px);
  background-color: #f1f1f1;
  border-radius: 17.301px;
}
.content-author-detail-section .content-author-detail-box .content-author-detail .description-author-profile-info .author-info-box .credit-card-box .credit-card::before {
  content: "";
  position: absolute;
  bottom: -2.344vh;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.9);
  z-index: -1;
  border-radius: 17.301px;
  background-color: #e01f26;
  filter: blur(17.5px);
}

.video-content-box .video-content .content img {
  width: 100%;
}

.source-section .source-content img {
  width: 100%;
}

/*======================================================
                      Account
=======================================================*/
.account {
  padding-top: clamp(35px, 9.115dvh, 140px);
  display: flex;
  align-items: flex-start;
  column-gap: clamp(10px, 1.389vw, 40px);
  row-gap: clamp(15px, 3.906dvh, 60px);
}
@media (max-width: 767px) {
  .account {
    flex-wrap: wrap;
  }
}
.account #aside {
  width: 100%;
  max-width: clamp(250px, 20.486vw, 590px);
  display: flex;
  flex-direction: column;
  row-gap: clamp(17.5px, 4.557dvh, 75px);
  padding: clamp(10px, 2.604dvh, 40px) clamp(5px, 0.694vw, 20px);
  border-radius: 11px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .account #aside {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .account #aside {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
  }
}
.account #aside .aside-title {
  padding: clamp(5px, 0.694vw, 20px);
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 20px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  text-align: left;
  font-size: clamp(15px, 1.389vw, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.account #aside .aside-title .counter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(10px, 1.389vw, 30px);
  height: clamp(10px, 1.389vw, 30px);
  color: #f2f1f1;
  background-color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(10px, 0.694vw, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 50%;
  padding: 8px;
}
.account #aside .aside-link-list {
  margin-top: clamp(5px, 0.694vw, 20px);
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: clamp(5px, 0.694vw, 20px);
}
.account #aside .aside-link-list .aside-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  border-radius: 4px;
}
.account #aside .aside-link-list .aside-link.active {
  color: #e01f26;
}
.account #aside .aside-link-list .aside-link:hover {
  color: #f2f1f1;
  background-color: #e01f26;
}
.account #content {
  padding: 0 clamp(5px, 0.694vw, 20px);
}
.account #content .section,
.account #content .inner-section {
  display: none;
}
.account #content .section.active,
.account #content .inner-section.active {
  display: block;
}
.account #content .section-title {
  color: #000000;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: clamp(17px, 1.667vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: clamp(12px, 3.125dvh, 48px);
}
.account #content .divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: clamp(5px, 1.302dvh, 20px);
}
.account #content .divider::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: #e01f26;
}
.account #content .divider .status {
  position: relative;
  background-color: #f2f1f1;
  padding: clamp(5px, 1.302dvh, 20px) clamp(2.5px, 0.347vw, 10px);
  color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.account #content .notification-listing {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-bottom: clamp(5px, 1.302dvh, 20px);
}
.account #content .notification-listing:last-child {
  margin-bottom: 0;
}
.account #content .inner-section {
  padding: 10px 10px 10px 0;
}
@media (max-width: 767px) {
  .account #content .inner-section {
    padding: 10px 0 0 0;
  }
}

/*=======================================================
              No Record Found
=======================================================*/
.no-data-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 70px;
}
.no-data-container .no-data-content {
  display: flex;
  flex-direction: column;
  row-gap: clamp(20px, 2.083vw, 30px);
}
.no-data-container .no-data-content .img-box {
  width: 100%;
  max-width: 240px;
  height: 100%;
  max-height: 234.717px;
}
.no-data-container .no-data-content .img-box img {
  width: 100%;
  height: auto;
}
.no-data-container .no-data-content .content-box .content-title {
  color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(20px, 1.667vw, 48px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 15px;
}
.no-data-container .no-data-content .content-box .content-subtitle {
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/*=======================================================
               Favourites Page
=======================================================*/
.section-Main-heading {
  padding-top: clamp(40px, 16.528vw, 238px);
}
@media (min-width: 768px) {
  .section-Main-heading {
    padding-left: clamp(15px, 2.083vw, 30px);
  }
}

.fav-section-Main-heading {
  padding-top: clamp(35px, 4.861vw, 140px);
}
@media (min-width: 768px) {
  .fav-section-Main-heading {
    padding-left: clamp(15px, 2.083vw, 30px);
  }
}

.section-Main-heading-fes {
  padding-top: clamp(76px, 10.556vw, 152px);
}

@media (min-width: 768px) {
  .fav-category-button-section {
    padding-left: clamp(15px, 2.083vw, 30px);
  }
}
.fav-category-button-section .category-buttons-content .btn-slider-listing {
  column-gap: clamp(10px, 1.042vw, 15px);
}

.fav-category-parent-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: clamp(10px, 1.042vw, 15px);
  flex-wrap: wrap;
  row-gap: clamp(12.5px, 1.736vw, 25px);
}
.fav-category-parent-section .swiper {
  margin-left: 0;
  margin-right: 0;
}
.fav-category-parent-section .fav-filter-button-box .fav-btn-box .fav-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  padding: clamp(10px, 0.694vw, 15px) clamp(20px, 1.389vw, 30px);
  border-radius: clamp(3.5px, 0.486vw, 14px);
  background-color: #ffffff;
  cursor: pointer;
}
.fav-category-parent-section .fav-filter-button-box .fav-btn-box .fav-filter-btn:hover {
  transition: fill 0.3s ease;
}
.fav-category-parent-section .fav-filter-button-box .fav-btn-box .fav-filter-btn:hover .filter-btn-text {
  color: #e01f26;
}
.fav-category-parent-section .fav-filter-button-box .fav-btn-box .fav-filter-btn:hover svg path {
  fill: #e01f26;
}
.fav-category-parent-section .fav-filter-button-box .fav-btn-box .fav-filter-btn .filter-btn-text {
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}

.fav-cards-listing {
  display: grid;
  grid-column-gap: clamp(10px, 1.389vw, 20px);
  column-gap: clamp(10px, 1.389vw, 20px);
  grid-row-gap: 10px;
  row-gap: 10px;
  padding-top: clamp(30px, 4.167vw, 60px);
  grid-template-columns: repeat(auto-fill, minmax(clamp(284px, 22.258%, 24.258%), 1fr));
}

.favourites-cards-section .see-more-btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: clamp(15px, 2.083vw, 30px);
}
.favourites-cards-section .see-more-btn-box .button-content-box {
  width: 100%;
  max-width: 28.542vw;
}
.favourites-cards-section .see-more-btn-box .button-content-box .see-more-btn {
  width: 100%;
  max-width: 100%;
  padding: 12px 10px;
  text-align: center;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  background-color: #e01f26;
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
}
.favourites-cards-section .see-more-btn-box .button-content-box-mor {
  width: 100%;
  max-width: 12.847vw;
}
@media (max-width: 767px) {
  .favourites-cards-section .see-more-btn-box .button-content-box-mor {
    max-width: 40%;
  }
}
.favourites-cards-section .fav-cards-listing-slider {
  margin-top: 60px;
}

/*=======================================================
                    Landing hero-banner
=======================================================*/
#hero-banner .hero-banner-box .content-box {
  position: relative;
  margin-top: clamp(20px, 2.778vw, 40px);
  width: 100%;
  padding: clamp(47px, 6.528vw, 94px) 0px;
  border-radius: 35px;
  background-color: #271e30;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1240px) {
  #hero-banner .hero-banner-box .content-box {
    flex-wrap: wrap;
    row-gap: clamp(30px, 4.167vw, 60px);
    height: 100%;
    padding-bottom: clamp(35px, 4.861vw, 70px);
  }
}
#hero-banner .hero-banner-box .content-box .left-text-content {
  padding-left: clamp(15px, 6.319vw, 91px);
  width: 100%;
  display: block;
  z-index: 1;
}
@media (max-width: 1240px) {
  #hero-banner .hero-banner-box .content-box .left-text-content {
    padding-top: clamp(35px, 4.861vw, 70px);
  }
}
#hero-banner .hero-banner-box .content-box .left-text-content .hero-text-box .hero-heading {
  width: 100%;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(24px, 2.708vw, 78px);
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#hero-banner .hero-banner-box .content-box .left-text-content .hero-text-box .hero-title {
  width: 100%;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.667vw, 48px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  padding-top: clamp(12.5px, 1.736vw, 25px);
}
#hero-banner .hero-banner-box .content-box .left-text-content .browse-btn-box {
  padding-top: clamp(20px, 2.847vw, 41px);
}
#hero-banner .hero-banner-box .content-box .left-text-content .browse-btn-box .brows-btn {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  background-color: #e01f26;
  color: #ffffff;
  border-radius: 24px;
  padding: clamp(12px, 1.111vw, 24px) clamp(16px, 1.667vw, 28px);
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
#hero-banner .hero-banner-box .content-box .left-text-content .browse-btn-box .brows-btn i {
  font-size: clamp(18px, 1.389vw, 26px);
}
#hero-banner .hero-banner-box .content-box .right-visual-content {
  width: 100%;
}
@media (min-width: 1241px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content {
    padding-right: clamp(25px, 4.861vw, 70px);
    padding-top: clamp(10px, 1.389vw, 20px);
    padding-bottom: clamp(10px, 1.389vw, 20px);
  }
}
@media (max-width: 1240px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content {
    display: flex;
    justify-content: center;
    max-width: 100%;
  }
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box {
  width: 100%;
}
@media (max-width: 1240px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 55%;
  }
}
@media (max-width: 991px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box {
    max-width: 65%;
  }
}
@media (max-width: 768px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box {
    max-width: 85%;
  }
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .gradient-bg {
  position: absolute;
  top: -422px;
  right: -280px;
  width: 100%;
  z-index: 0;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1240px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .gradient-bg {
    top: 0;
    right: 0;
  }
}
@media (max-width: 768px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .gradient-bg {
    top: 210px;
    right: 0;
  }
}
@media (max-width: 460px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .gradient-bg {
    width: 200%;
    top: 310px;
    right: 0;
    background-repeat: repeat;
  }
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box {
  width: 100%;
  position: relative;
  z-index: 1;
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-box {
  width: 100%;
  height: clamp(408px, 28.333vw, 612px);
  display: flex;
  align-items: center;
  justify-content: center;
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-box .main-bg-video {
  width: 100%;
  max-width: clamp(260px, 18.056vw, 420px);
  height: 408px;
  border-radius: 120.89px 120.89px 108.8px 0px;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  margin-left: clamp(-56px, -3.889vw, -56px);
}
@media (max-width: 768px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-box .main-bg-video {
    margin-left: 0;
  }
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-box .img {
  width: 100%;
  max-width: clamp(260px, 18.056vw, 420px);
  height: 100%;
  border-radius: 120.89px 120.89px 108.8px 0px;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  margin-left: clamp(-56px, -3.889vw, -56px);
}
@media (max-width: 768px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-box .img {
    margin-left: 0;
  }
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box {
  position: absolute;
  bottom: clamp(60px, 2.778vw, 70px);
  animation: upAndDown 8s linear infinite;
  left: clamp(-10.5px, -5.903vw, -85px);
  z-index: 9;
}
@media (min-width: 992px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box {
    left: clamp(-85.5px, -5.903vw, -85px);
  }
}
@media (max-width: 768px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box {
    bottom: clamp(70px, 2.778vw, 40px);
    left: clamp(-20.5px, -5.903vw, -85px);
  }
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box,
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-two-box {
  width: 100%;
  max-width: max-content;
  display: flex;
  align-items: flex-end;
  column-gap: clamp(2.5px, 0.347vw, 5px);
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box .video-place-box,
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-two-box .video-place-box {
  background-color: #271e30;
  border-radius: clamp(75px, 5.208vw, 150px);
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.389vw, 20px);
  padding: clamp(5px, 0.347vw, 10px) clamp(5px, 0.347vw, 10px) clamp(5px, 0.347vw, 10px) clamp(10px, 1.389vw, 20px);
  width: 100%;
  max-width: max-content;
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box .video-place-box .circle-img,
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-two-box .video-place-box .circle-img {
  width: clamp(75px, 6.597vw, 190px);
  height: clamp(75px, 6.597vw, 190px);
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box .video-place-box .video-title,
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-two-box .video-place-box .video-title {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box .pin-location-icon,
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-two-box .pin-location-icon {
  width: clamp(16px, 1.111vw, 20px);
  height: clamp(16px, 1.111vw, 20px);
  animation: upAndDown 5s linear infinite;
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-one-box .pin-location-icon img,
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-two-box .pin-location-icon img {
  width: clamp(16px, 1.111vw, 20px);
  height: clamp(16px, 1.111vw, 20px);
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-two-box {
  position: absolute;
  top: clamp(25px, 3.472vw, 50px);
  right: -18px;
  z-index: 9;
  animation: downAndUp 8s linear infinite;
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-two-box .video-place-box {
  flex-direction: row-reverse;
  padding-left: 5px;
  padding-right: 20px;
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-three-box {
  position: absolute;
  bottom: 0;
  width: clamp(150px, 10.903vw, 300px);
  max-height: 250px;
  right: clamp(50px, 6.944vw, 50px);
  z-index: 9;
  animation: leftToRight 6s linear infinite;
}
@media (min-width: 1441px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-three-box {
    right: clamp(50px, 6.944vw, 100px);
    max-height: 320px;
  }
}
@media (max-width: 768px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-three-box {
    right: clamp(90px, 6.944vw, 100px);
  }
}
@media (max-width: 600px) {
  #hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-three-box {
    display: none;
  }
}
#hero-banner .hero-banner-box .content-box .right-visual-content .video-content-box .main-videos-box .video-three-box img {
  width: clamp(150px, 10.903vw, 300px);
  max-width: clamp(150px, 10.903vw, 300px);
  height: 100%;
  border-radius: 0px 78.58px 8px 78.58px;
}

/*===================================================
        Landing page Hero section Animations Start
=====================================================*/
@keyframes upAndDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px);
  }
}
@keyframes downAndUp {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(25px);
  }
}
@keyframes leftToRight {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(20px);
  }
}
/*=======================================================
                    Main Landing Page 
=======================================================*/
.inspiring-stories-section .inspiring-pd-lr {
  padding-left: clamp(30px, 4.167vw, 60px);
  padding-right: clamp(30px, 4.167vw, 60px);
}
@media (max-width: 991px) {
  .inspiring-stories-section .inspiring-pd-lr {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .content-header-main-insp .pad-lr {
    padding-left: clamp(15px, 2.083vw, 30px);
    padding-right: clamp(15px, 2.083vw, 30px);
  }
}
.content-header-main-insp .section-title-mauritian {
  color: #e01f26;
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(28px, 2.222vw, 64px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.content-header-main-insp .section-top-content .top-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 6px;
}
.content-header-main-insp .section-top-content .top-content .get-inspired-text {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.content-header-main-insp .section-top-content .top-content .mauritian-tag {
  display: flex;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}
.content-header-main-insp .section-top-content .top-content .mauritian-tag .tag-text {
  color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 5px;
  padding-right: 5px;
}
.content-header-main-insp .section-top-content .top-content .mauritian-tag i {
  color: #e01f26;
  font-size: clamp(16px, 1.111vw, 18px);
}
@media (max-width: 767px) {
  .content-header-main-insp .flx-wrp .section-top-content .top-content {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .content-header-main-insp .flx-wrp .section-top-content .top-content .mauritian-tag {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .content-header-main-insp .flx-wrp .section-top-content .top-content .mauritian-tag .tag-text {
    padding-left: 0;
  }
}

/*=======================================================
                    Memories Section
=======================================================*/
.memories-section .memories-content-wrapper {
  padding-top: clamp(70px, 9.722vw, 140px);
  padding-bottom: clamp(70px, 9.722vw, 140px);
}
@media (max-width: 440px) {
  .memories-section .memories-content-wrapper {
    padding-bottom: 10px;
  }
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box {
  padding-top: clamp(48px, 6.667vw, 96px);
}
@media (max-width: 1200px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box {
    flex-wrap: wrap;
    row-gap: clamp(37.5px, 5.208vw, 75px);
  }
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container {
  width: 100%;
  max-width: 75%;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container .text-content-listing {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: clamp(15px, 2.083vw, 30px);
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container .text-content-listing .mem-text-content .count {
  width: 100%;
  max-width: max-content;
  display: flex;
  padding: 4px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  background-color: #ffffff;
  color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container .text-content-listing .mem-text-content .title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.667vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding-top: clamp(10px, 1.042vw, 15px);
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container .text-content-listing .mem-text-content .para {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  padding-top: clamp(10px, 1.042vw, 15px);
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container .text-content-listing .explore-map-btn {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid #e01f26;
  background-color: #e01f26;
  margin-top: 5px;
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container .text-content-listing .explore-map-btn i {
  font-size: clamp(26px, 1.806vw, 32px);
  color: #f2f1f1;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container .text-content-listing .explore-map-btn:hover {
  color: #e01f26;
  background-color: #f2f1f1;
  transition: fill 0.3s ease;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .left-content-container .text-content-listing .explore-map-btn:hover i {
  color: #e01f26;
}
@media (max-width: 767px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container {
    width: 100%;
    padding-bottom: clamp(100px, 10.417vw, 150px);
  }
}
@media (max-width: 470px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container {
    padding-bottom: clamp(40px, 3.472vw, 50px);
  }
}
@media (max-width: 370px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container {
    padding-bottom: 0px;
  }
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box {
  width: 100%;
  height: 77.604vh;
}
@media (max-width: 1200px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box {
    display: flex;
    justify-content: center;
  }
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content {
  position: relative;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-img-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-1 {
  animation: move-rotate-images 14s linear infinite;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-1 img {
  margin-top: clamp(13px, 1.806vw, 26px);
  margin-left: clamp(-61px, -8.472vw, -122px);
}
@media (max-width: 991px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-1 img {
    margin-top: clamp(40px, 5.556vw, 80px);
    margin-left: clamp(-23px, -3.194vw, -46px);
  }
}
@media (max-width: 767px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-1 img {
    margin-top: clamp(25px, 3.472vw, 50px);
    margin-left: 0;
  }
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-2 {
  animation: move-images 14s linear infinite;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-2 img {
  margin-top: clamp(34px, 4.722vw, 68px);
  margin-left: clamp(-22px, -5.833vw, -84px);
}
@media (max-width: 767px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-2 img {
    margin-top: clamp(81px, 11.25vw, 162px);
    margin-left: 8px;
  }
}
@media (max-width: 475px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-2 img {
    margin-top: clamp(15.5px, 2.153vw, 31px);
    margin-left: 8px;
  }
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-3 {
  animation: move-images 14s linear infinite;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-3 img {
  margin-top: clamp(-55px, -7.639vw, -110px);
  margin-left: clamp(-21.5px, -2.986vw, -43px);
}
@media (max-width: 991px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-3 img {
    margin-top: clamp(-25px, -3.472vw, -50px);
    margin-left: clamp(10px, 1.389vw, 20px);
  }
}
@media (max-width: 475px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-3 img {
    margin-top: clamp(15.5px, 2.153vw, 31px);
    margin-left: clamp(4px, 0.556vw, 8px);
  }
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-4 {
  animation: move-rotate-images 14s linear infinite;
}
.memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-4 img {
  margin-top: clamp(20px, 2.778vw, 40px);
  margin-left: clamp(-99.5px, -13.819vw, -199px);
}
@media (max-width: 991px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-4 img {
    margin-top: clamp(40px, 5.556vw, 80px);
    margin-left: clamp(-52px, -7.222vw, -104px);
  }
}
@media (max-width: 767px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-4 img {
    margin-top: clamp(15px, 2.083vw, 30px);
    margin-left: clamp(25px, 3.472vw, 50px);
  }
}
@media (max-width: 475px) {
  .memories-section .memories-content-wrapper .memories-content-box .memories-content .memories-body-content-box .rigth-text-content-container .map-content-listing-box .map-content-box .map-content .map-upper-content-box .images-box .img-4 img {
    margin-top: clamp(30px, 4.167vw, 60px);
    margin-left: clamp(-10px, -1.389vw, -20px);
  }
}

@keyframes move-rotate-images {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20%);
  }
}
@keyframes move-images {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20%);
  }
}
.destination-body .stories-card .card-content-body,
.destination-body .stories-card .card-content-body .bg-shadow-img,
.destination-body .stories-card .card-content-body .visual-content .stories-card-img {
  height: clamp(250.5px, 32.422dvh, 598px);
}

.section-heading-box .memories-heading {
  color: #e01f26;
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(32px, 4.444vw, 128px);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.section-heading-box .subtitle {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.667vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  padding-top: 10px;
}

/*=======================================================
                    Festival Section
=======================================================*/
.festival-section .festival-content-wrapper {
  padding-top: clamp(70px, 9.722vw, 140px);
}
.festival-section .festival-content-wrapper .main-festival-container {
  margin-top: clamp(30px, 4.167vw, 60px);
  width: 100%;
  border-radius: 35px;
  background-color: #ffffff;
  padding-top: clamp(44px, 6.111vw, 88px);
  padding-left: clamp(15px, 4.167vw, 60px);
}
.festival-section .festival-content-wrapper .main-festival-container .tags-box-fes {
  padding-left: 0;
  padding-right: 0;
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box {
  width: 100%;
  max-width: max-content;
  padding-bottom: clamp(40px, 5.556vw, 80px);
}
@media (max-width: 767px) {
  .festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box {
    padding-right: 15px;
  }
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .text-content-box {
  max-width: 42.292vw;
}
@media (max-width: 992px) {
  .festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .text-content-box {
    max-width: 100%;
  }
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .text-content-box .heading {
  width: 100%;
  max-width: 38.125vw;
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: clamp(21px, 2.917vw, 42px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: clamp(15px, 2.083vw, 30px);
}
@media (max-width: 767px) {
  .festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .text-content-box .heading {
    max-width: 60vw;
  }
}
@media (max-width: 425px) {
  .festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .text-content-box .heading {
    max-width: 100%;
  }
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .text-content-box .para {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: clamp(15px, 2.083vw, 30px);
}
@media (max-width: 767px) {
  .festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .text-content-box .para {
    width: 100%;
    max-width: 100%;
  }
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .buttons-box {
  display: flex;
  align-items: center;
  column-gap: clamp(15px, 2.083vw, 30px);
}
@media (max-width: 425px) {
  .festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .buttons-box {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .buttons-box .buy-btn {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  border: 1px solid #e01f26;
  border-radius: clamp(3.5px, 0.486vw, 14px);
  background-color: #e01f26;
  color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .buttons-box .buy-btn:hover {
  background-color: #f2f1f1;
  transition: fill 0.3s ease;
  color: #e01f26;
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .buttons-box .buy-btn:hover svg path {
  fill: #e01f26;
}
.festival-section .festival-content-wrapper .main-festival-container .fes-text-content-box .buttons-box .learn-btn {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.festival-section .festival-content-wrapper .main-festival-container .img-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
.festival-section .festival-content-wrapper .main-festival-container .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background-repeat: no-repeat;
  background-position: center;
}
.festival-section .festival-content-wrapper .main-festival-container .festival-img-box {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.festival-section .festival-content-wrapper .main-festival-container .festival-img-box img {
  width: 100%;
  border-radius: 0px 0px 35px 0px;
}

/*=======================================================
                    product-detail
=======================================================*/
#product-detail {
  padding-top: clamp(20.5px, 5.339dvh, 41px);
}
#product-detail .grid {
  display: flex;
  align-items: flex-start;
  column-gap: 3.1597vw;
  row-gap: clamp(30px, 7.813dvh, 120px);
}
@media (max-width: 767px) {
  #product-detail .grid {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  #product-detail .grid {
    justify-content: space-between;
  }
}
#product-detail .grid-col-8 {
  width: 100%;
}
@media (min-width: 768px) {
  #product-detail .grid-col-8 {
    width: 56.667vw;
  }
}
#product-detail .grid-col-4 {
  width: 100%;
}
@media (min-width: 768px) {
  #product-detail .grid-col-4 {
    width: 26.25vw;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #product-detail .grid-col-4 {
    width: 35.25vw;
  }
}
#product-detail .product-detail-header {
  margin-bottom: clamp(17.5px, 4.557dvh, 70px);
}
#product-detail .product-detail-header .title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(18px, 1.667vw, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: clamp(5px, 1.302dvh, 20px);
}
#product-detail .product-detail-header .location {
  display: flex;
  align-items: center;
  column-gap: clamp(3.5px, 0.486vw, 14px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  text-transform: capitalize;
}
#product-detail .product-detail-header .location i {
  font-size: clamp(14px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1.5;
  color: #271e30;
}
#product-detail .product-detail-header .btn-back {
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid rgba(39, 30, 48, 0.4);
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  margin-left: auto;
  column-gap: clamp(5px, 0.694vw, 20px);
}
#product-detail .product-detail-header .btn-back i {
  color: #271e30;
  font-size: clamp(14px, 0.972vw, 28px);
}
#product-detail .product-detail-header .btn-back:hover {
  transition: fill 0.3s ease;
  color: #e01f26;
}
#product-detail .product-detail-header .btn-back:hover i {
  color: #e01f26;
}
#product-detail .product-detail-header .btn-back:active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #ffffff;
}
#product-detail .product-detail-header .btn-back:active .btn-back {
  color: #ffffff;
}
#product-detail .product-detail-header .btn-back:active i {
  color: #ffffff;
}
#product-detail .product-detail-header .grid {
  row-gap: clamp(9px, 2.344dvh, 36px);
}
#product-detail .product-detail-header .short-info-box {
  margin-bottom: clamp(9px, 2.344dvh, 36px);
}
#product-detail .product-detail-header .product-detail-header-btn-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: clamp(10px, 1.389vw, 40px);
  row-gap: clamp(15px, 3.906dvh, 60px);
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.389vw, 40px);
  row-gap: clamp(10px, 2.604dvh, 20px);
  flex-wrap: wrap;
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box .btn-price {
  color: #f2f1f1;
  background-color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  border-radius: clamp(3.5px, 0.486vw, 14px);
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box .btn-duration {
  color: #271e30;
  background-color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  border: 1px solid #271e30;
  border-radius: clamp(3.5px, 0.486vw, 14px);
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box {
  display: flex;
  align-items: center;
  column-gap: clamp(7.5px, 1.042vw, 30px);
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box .rating-list {
  display: flex;
  align-items: center;
  column-gap: clamp(1px, 0.139vw, 4px);
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box .rating-list i {
  font-size: clamp(16px, 1.25vw, 36px);
  font-weight: 600;
  color: #e01f26;
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box .rating-list .icon-Star-Icon {
  font-size: clamp(16px, 1.25vw, 36px);
  font-weight: 600;
  color: #d9d9d9;
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box .rating-list .active i {
  color: #e01f26;
}
#product-detail .product-detail-header .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box .rating {
  color: #e01f26;
  font-family: "Roboto", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#product-detail .product-detail-header .product-detail-header-btn-box .btn-all-img {
  display: flex;
  align-items: center;
  column-gap: clamp(2px, 0.278vw, 8px);
  border-radius: 4px;
  border: 1px solid #271e30;
  padding: clamp(5px, 0.694vw, 20px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#product-detail .product-detail-header .product-detail-header-btn-box .btn-all-img i {
  color: #271e30;
}
#product-detail .product-detail-header .product-detail-header-btn-box .btn-all-img:hover {
  color: #f2f1f1;
  background-color: #e01f26;
  border-color: #e01f26;
}
#product-detail .product-detail-header .product-detail-header-btn-box .btn-all-img:hover i {
  color: #f2f1f1;
}
#product-detail .product-detail-header .aside-btn-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  column-gap: clamp(9px, 1.25vw, 36px);
}
#product-detail .product-detail-header .aside-btn-list .btn-aside {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid #271e30;
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#product-detail .product-detail-header .aside-btn-list .btn-aside i {
  font-size: clamp(16px, 1.25vw, 36px);
  line-height: 1;
  color: #271e30;
}
#product-detail .product-detail-header .aside-btn-list .btn-aside:hover {
  transition: fill 0.3s ease;
  color: #e01f26;
}
#product-detail .product-detail-header .aside-btn-list .btn-aside:hover i {
  color: #e01f26;
}
#product-detail .product-detail-header .aside-btn-list .btn-aside:active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #ffffff;
}
#product-detail .product-detail-header .aside-btn-list .btn-aside:active .btn-aside {
  color: #ffffff;
}
#product-detail .product-detail-header .aside-btn-list .btn-aside:active i {
  color: #ffffff;
}
#product-detail .product-detail-header .aside-btn-list .btn-aside.active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #fff;
}
#product-detail .product-detail-header .aside-btn-list .btn-aside.active i {
  color: #fff;
}
#product-detail .product-detail-body {
  position: relative;
}
#product-detail .product-detail-body .product-detail-body-inner-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(30px, 7.813dvh, 120px);
}
#product-detail .product-detail-body .product-img-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: clamp(8px, 1.111vw, 32px);
  column-gap: clamp(8px, 1.111vw, 32px);
  grid-row-gap: clamp(8px, 1.111vw, 32px);
  row-gap: clamp(8px, 1.111vw, 32px);
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
@media (max-width: 480px) {
  #product-detail .product-detail-body .product-img-box {
    grid-template-rows: none !important;
  }
}
#product-detail .product-detail-body .product-img-box .product-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: clamp(5.5px, 0.764vw, 22px);
  height: clamp(100px, 26.042dvh, 400px);
  cursor: pointer;
}
#product-detail .product-detail-body .product-img-box .product-img:first-child {
  grid-area: 1/1/3/3;
  height: clamp(208px, 54.6dvh, 832px);
}
@media (max-width: 480px) {
  #product-detail .product-detail-body .product-img-box .product-img:first-child {
    aspect-ratio: 16/9;
    height: 100%;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(2) {
  grid-area: 1/3/2/4;
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(2) {
    grid-area: 3/1/4/2;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(3) {
  grid-area: 1/4/2/5;
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(3) {
    grid-area: 3/2/4/3;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(4) {
  grid-area: 2/3/3/4;
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(4) {
    grid-area: 4/1/5/2;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(5) {
  grid-area: 2/4/3/5;
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(5) {
    grid-area: 4/2/5/3;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(n+6) {
  display: none;
}
@media (max-width: 480px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(n+2) {
    display: none;
  }
}
#product-detail .product-detail-body .grid {
  row-gap: clamp(9px, 2.344dvh, 36px);
}
#product-detail .product-detail-body .short-info-box {
  margin-bottom: clamp(9px, 2.344dvh, 36px);
}
#product-detail .product-detail-body .product-detail-header-btn-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: clamp(10px, 1.389vw, 40px);
  row-gap: clamp(15px, 3.906dvh, 60px);
}
#product-detail .product-detail-body .product-detail-header-btn-box .product-detail-header-btn-inner-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.389vw, 40px);
  row-gap: clamp(10px, 2.604dvh, 20px);
}
#product-detail .product-detail-body .product-detail-header-btn-box .product-detail-header-btn-inner-box .btn-price {
  color: #f2f1f1;
  background-color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  border-radius: clamp(3.5px, 0.486vw, 14px);
}
#product-detail .product-detail-body .product-detail-header-btn-box .product-detail-header-btn-inner-box .btn-duration {
  color: #271e30;
  background-color: #f2f1f1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  border: 1px solid #271e30;
  border-radius: clamp(3.5px, 0.486vw, 14px);
}
#product-detail .product-detail-body .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box {
  display: flex;
  align-items: center;
  column-gap: clamp(7.5px, 1.042vw, 30px);
}
#product-detail .product-detail-body .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box .rating-list {
  display: flex;
  align-items: center;
  column-gap: clamp(1px, 0.139vw, 4px);
}
#product-detail .product-detail-body .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box .rating-list .active i {
  color: #e01f26;
}
#product-detail .product-detail-body .product-detail-header-btn-box .product-detail-header-btn-inner-box .rating-box .rating {
  color: #e01f26;
  font-family: "Roboto", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#product-detail .product-detail-body .product-detail-header-btn-box .btn-all-img {
  display: flex;
  align-items: center;
  column-gap: clamp(2px, 0.278vw, 8px);
  border-radius: 4px;
  border: 1px solid #271e30;
  padding: clamp(5px, 0.694vw, 20px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#product-detail .product-detail-body .product-detail-header-btn-box .btn-all-img:hover {
  color: #f2f1f1;
  background-color: #e01f26;
  border-color: #e01f26;
}
#product-detail .product-detail-body .product-detail-header-btn-box .btn-all-img:hover rect {
  fill: #f2f1f1;
}
#product-detail .product-detail-body .aside-btn-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  column-gap: clamp(9px, 1.25vw, 36px);
}
#product-detail .product-detail-body .aside-btn-list .btn-aside {
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid #271e30;
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#product-detail .product-detail-body .aside-btn-list .btn-aside i {
  font-size: clamp(14px, 1.25vw, 36px);
  font-weight: 600;
  line-height: 1;
  color: #271e30;
}
#product-detail .product-detail-body .aside-btn-list .btn-aside:hover {
  color: #f2f1f1;
  background-color: #e01f26;
  border-color: #e01f26;
}
#product-detail .product-detail-body .aside-btn-list .btn-aside:hover i {
  color: #f2f1f1;
}
#product-detail .product-detail-body .aside-btn-list .btn-aside:active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #ffffff;
}
#product-detail .product-detail-body .aside-btn-list .btn-aside:active .btn-aside {
  color: #ffffff;
}
#product-detail .product-detail-body .aside-btn-list .btn-aside:active i {
  color: #ffffff;
}
#product-detail .product-detail-body .aside-btn-list .btn-aside.active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #fff;
}
#product-detail .product-detail-body .aside-btn-list .btn-aside.active i {
  color: #fff;
}
#product-detail .product-detail-body {
  position: relative;
}
#product-detail .product-detail-body .product-detail-body-inner-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(30px, 7.813dvh, 120px);
}
#product-detail .product-detail-body .product-img-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: clamp(8px, 1.111vw, 32px);
  column-gap: clamp(8px, 1.111vw, 32px);
  grid-row-gap: clamp(8px, 1.111vw, 32px);
  row-gap: clamp(8px, 1.111vw, 32px);
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
}
#product-detail .product-detail-body .product-img-box .product-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: clamp(5.5px, 0.764vw, 22px);
  height: clamp(100px, 26.042dvh, 400px);
}
#product-detail .product-detail-body .product-img-box .product-img:first-child {
  grid-area: 1/1/3/3;
  height: clamp(208px, 54.6dvh, 832px);
}
@media (max-width: 480px) {
  #product-detail .product-detail-body .product-img-box .product-img:first-child {
    aspect-ratio: 16/9;
    height: 100%;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(2) {
  grid-area: 1/3/2/4;
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(2) {
    grid-area: 3/1/4/2;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(3) {
  grid-area: 1/4/2/5;
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(3) {
    grid-area: 3/2/4/3;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(4) {
  grid-area: 2/3/3/4;
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(4) {
    grid-area: 4/1/5/2;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(5) {
  grid-area: 2/4/3/5;
}
@media (max-width: 767px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(5) {
    grid-area: 4/2/5/3;
  }
}
#product-detail .product-detail-body .product-img-box .product-img:nth-child(n+6) {
  display: none;
}
@media (max-width: 480px) {
  #product-detail .product-detail-body .product-img-box .product-img:nth-child(n+2) {
    display: none;
  }
}
#product-detail .product-detail-body .accordion-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(5px, 1.302dvh, 20px);
}
#product-detail .product-detail-body .activity-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(254px, 1fr));
  padding: clamp(5px, 0.694vw, 20px);
  grid-column-gap: clamp(2.5px, 0.347vw, 10px);
  column-gap: clamp(2.5px, 0.347vw, 10px);
  grid-row-gap: clamp(2.5px, 0.651dvh, 10px);
  row-gap: clamp(2.5px, 0.651dvh, 10px);
}
#product-detail .product-detail-body .aside {
  position: -webkit-sticky;
  position: sticky;
  top: clamp(45px, 11.719dvh, 180px);
  height: max-content;
  display: flex;
  flex-direction: column;
  row-gap: clamp(18.5px, 4.818dvh, 37px);
}
#product-detail .product-detail-body .aside .location-card {
  display: flex;
  flex-direction: column;
  row-gap: clamp(7.5px, 1.953dvh, 30px);
  padding: clamp(7.5px, 1.953dvh, 30px) clamp(5px, 0.694vw, 20px);
  border-radius: clamp(5.5px, 0.764vw, 22px);
  border-bottom: clamp(0.5px, 0.069vw, 2px) solid rgba(39, 30, 48, 0.1);
  background: #ffffff;
}
#product-detail .product-detail-body .aside .location-card .location-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 768px) {
  #product-detail .product-detail-body .aside .location-card .location-title {
    padding: clamp(5px, 0.694vw, 20px);
  }
}
#product-detail .product-detail-body .aside .location-card .location-desc {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.625;
}
@media (min-width: 768px) {
  #product-detail .product-detail-body .aside .location-card .location-desc {
    padding: clamp(5px, 0.694vw, 20px);
  }
}
#product-detail .product-detail-body .aside .location-card .map {
  width: 100%;
  height: clamp(179px, 46.615dvh, 716px);
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid #e01f26;
}
#product-detail .product-detail-body .aside .opening-hours-card {
  padding: clamp(10px, 2.604dvh, 40px) clamp(15px, 2.083vw, 60px);
  border-radius: clamp(5.5px, 0.764vw, 22px);
  background: #ffffff;
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-header .opening-hours-title {
  display: flex;
  align-items: center;
  column-gap: clamp(3.5px, 0.486vw, 14px);
  padding: clamp(5px, 0.694vw, 20px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  margin-bottom: clamp(8px, 2.083dvh, 32px);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-header .opening-hours-title::after {
  content: "";
  position: absolute;
  bottom: clamp(-3px, -0.781dvh, -12px);
  left: 0;
  right: 0;
  width: calc(100% - 1.389vw);
  margin: 0 auto;
  height: clamp(1px, 0.26dvh, 4px);
  background: rgba(39, 30, 48, 0.45);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-header .opening-hours-title i {
  color: #271e30;
  font-size: clamp(18px, 1.389vw, 40px);
  font-weight: 600;
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body {
  display: flex;
  flex-direction: column;
  row-gap: clamp(5px, 1.302dvh, 20px);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .opening-time {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  line-height: normal;
  padding: 0 clamp(5px, 0.694vw, 20px);
  padding: clamp(5px, 0.694vw, 20px);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .today-opening-hours {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: clamp(5px, 0.694vw, 20px);
  color: rgba(39, 30, 48, 0.45);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .today-opening-hours .today-opening-hours-title {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 20px);
  padding: clamp(4px, 1.042dvh, 16px) clamp(2.5px, 0.347vw, 10px);
  color: #08a77d;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .today-opening-hours .today-opening-hours-title i {
  color: #08a77d;
  font-size: clamp(18px, 1.389vw, 40px);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .opening-hours-item .opening-hours-desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: clamp(5px, 0.694vw, 20px);
  color: rgba(39, 30, 48, 0.45);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  margin-bottom: clamp(8px, 2.083dvh, 32px);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .opening-hours-item .opening-hours-desc .opening-hours-desc-title {
  padding: clamp(5px, 0.694vw, 20px);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .opening-hours-item .opening-hours-desc::after {
  content: "";
  position: absolute;
  bottom: clamp(-3px, -0.781dvh, -12px);
  left: 0;
  right: 0;
  width: calc(100% - 1.389vw);
  margin: 0 auto;
  height: clamp(1px, 0.26dvh, 4px);
  background: rgba(39, 30, 48, 0.45);
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .opening-hours-item .opening-hours-desc.active {
  color: #08a77d !important;
  font-weight: 600;
}
#product-detail .product-detail-body .aside .opening-hours-card .opening-hours-body .opening-hours-item:last-child .opening-hours-desc::after {
  display: none;
}

/*=======================================================
                    realated-section
=======================================================*/
#point-of-interest {
  margin: clamp(30px, 7.813dvh, 120px) 0;
}
#point-of-interest .point-of-interest-title {
  font-family: "Poppins", sans-serif;
  color: #271e30;
  font-size: clamp(29px, 2.917vw, 84px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-bottom: clamp(8.5px, 2.214dvh, 34px);
}
#point-of-interest .subtitle {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(14px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: clamp(8.5px, 2.214dvh, 34px);
}
#point-of-interest .slider-control .experience-destination-prev {
  top: 30%;
}
#point-of-interest .slider-control .experience-destination-next {
  top: 30%;
}
#point-of-interest .left-icon {
  transform: rotate(180deg);
}
#point-of-interest .slider-control .btn-slider-control i {
  font-size: clamp(42px, 3.056vw, 88px);
  color: #271e30;
  background-color: #f2f1f1;
  border-radius: 50%;
}

/*=======================================================
                Checkout-Activity-section
=======================================================*/
.checkout-section .checkout-sub-container {
  display: flex;
  column-gap: clamp(17.5px, 2.431vw, 35px);
  padding-top: clamp(35px, 4.861vw, 70px);
}
@media (max-width: 992px) {
  .checkout-section .checkout-sub-container {
    flex-wrap: wrap;
    row-gap: clamp(17.5px, 2.431vw, 35px);
  }
}
.checkout-section .checkout-sub-container .checkout-content-container {
  width: 100%;
  max-width: 68.6%;
}
@media (max-width: 992px) {
  .checkout-section .checkout-sub-container .checkout-content-container {
    max-width: 100%;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: clamp(10px, 1.389vw, 20px);
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .checkout-text {
  color: #000;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.667vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.042vw, 15px);
  flex-wrap: wrap;
  row-gap: clamp(10px, 1.389vw, 20px);
}
@media (max-width: 508px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box {
    justify-content: space-between;
    width: 100%;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .nav-links {
  display: flex;
  align-items: center;
  column-gap: clamp(2.5px, 0.347vw, 5px);
  flex-wrap: wrap;
  row-gap: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .bck-links {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .bck-links:hover {
  color: #e01f26;
  text-decoration: underline;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .back-btn-box {
  padding-top: 0;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .back-btn-box .back-btn {
  border-radius: clamp(3.5px, 0.486vw, 14px);
  border: 1px solid rgba(39, 30, 48, 0.45);
  padding: clamp(5px, 0.694vw, 20px) clamp(10px, 1.389vw, 40px);
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  margin-left: auto;
  column-gap: clamp(5px, 0.694vw, 20px);
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .back-btn-box .back-btn i {
  color: #271e30;
  font-size: clamp(14px, 0.972vw, 28px);
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .back-btn-box .back-btn:hover {
  transition: fill 0.3s ease;
  color: #e01f26;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .back-btn-box .back-btn:hover i {
  color: #e01f26;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .back-btn-box .back-btn:active {
  background-color: #e01f26;
  border-color: #e01f26;
  color: #ffffff;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .back-btn-box .back-btn:active .btn-back {
  color: #ffffff;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-header-box .content-header .navi-links-box .back-btn-box .back-btn:active i {
  color: #ffffff;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .reservation-detail-box {
  padding-right: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .reservation-detail-box .heading-reservation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: clamp(10px, 1.302dvh, 20px);
  margin-bottom: clamp(10px, 1.302dvh, 20px);
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .reservation-detail-box .heading-reservation::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: clamp(1px, 0.13dvh, 2px);
  background-color: #e01f26;
  display: block;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .reservation-detail-box .heading-reservation .related-heading {
  position: relative;
  background-color: #f2f1f1;
  padding: clamp(2.5px, 0.347vw, 5px) clamp(5px, 0.694vw, 10px);
  color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box {
  padding-left: clamp(15px, 1.736vw, 25px);
}
@media (min-width: 1155px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .card-content {
    flex-wrap: unset;
  }
}
@media (min-width: 768px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .detail-view {
    flex-wrap: unset;
    width: 100%;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .detail-view .img-box {
  width: 100%;
  max-width: clamp(185px, 13.542vw, 390px);
  height: 100%;
  max-height: clamp(150px, 10.694vw, 308px);
  border-radius: 11px;
}
@media (max-width: 460px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .detail-view .img-box {
    max-width: 100%;
    max-height: 100%;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .detail-view .img-box img {
  width: 100%;
  max-width: clamp(185px, 13.542vw, 390px);
  height: 100%;
  max-height: clamp(150px, 10.694vw, 308px);
  border-radius: 11px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 460px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .detail-view .img-box img {
    max-width: 100%;
    max-height: 100%;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content {
  padding: clamp(5px, 0.694vw, 10px) 0;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .lite-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  opacity: 0.45;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .name {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  padding: 0;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .activity-name-box,
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .provider-name,
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .provider-address {
  padding: clamp(4px, 0.347vw, 5px) clamp(5px, 0.694vw, 10px);
  width: 100%;
  max-width: max-content;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .info {
  padding: 0;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .date {
  padding: 0;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .ticket-person {
  padding-top: clamp(5px, 0.694vw, 10px);
}
@media (max-width: 767px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .ticket-person {
    flex-wrap: wrap;
    row-gap: clamp(5px, 0.694vw, 10px);
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .date-box {
  padding-top: clamp(5px, 0.694vw, 10px);
}
@media (max-width: 560px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .date-box {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .info-content .date-box .date-detail {
  padding: clamp(2.5px, 0.347vw, 5px) clamp(5px, 0.694vw, 10px);
  width: 100%;
  max-width: max-content;
}
@media (min-width: 1155px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 991px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing {
    display: flex;
  }
}
@media (max-width: 780px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing .del-icon-box {
  background-color: #ffffff;
  padding: clamp(8px, 0.694vw, 10px);
  box-shadow: 0px 1px 5px 0px rgba(39, 30, 48, 0.1019607843);
  cursor: pointer;
  border-radius: 5px;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing .del-icon-box i {
  color: #e01f26;
}
@media (min-width: 1155px) {
  .checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing .price-box {
    align-items: flex-end;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing .price-box .taxes {
  text-align: right;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing .count-buttons-box {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing .count-buttons-box .btn-box {
  cursor: pointer;
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing .count-buttons-box .btn-box i {
  font-size: clamp(24px, 1.944vw, 48px);
}
.checkout-section .checkout-sub-container .checkout-content-container .content-body-box .card-listing .card-box .buttons-content-listing .count-buttons-box .counter {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  padding: clamp(2.5px, 0.347vw, 5px);
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed {
  background-color: #ffffff;
  border-radius: 5px;
  padding: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper {
  padding: clamp(13px, 1.806vw, 26px) clamp(15px, 2.083vw, 25px);
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box {
  display: flex;
  align-items: center;
  column-gap: clamp(10px, 1.389vw, 20px);
}
@media (max-width: 1340px) {
  .checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.389vw, 20px);
  }
}
@media (max-width: 992px) {
  .checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box {
    flex-wrap: unset;
  }
}
@media (max-width: 640px) {
  .checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box {
    flex-wrap: wrap;
    row-gap: clamp(10px, 1.389vw, 20px);
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .img-box {
  width: 100%;
  max-width: clamp(100px, 6.944vw, 150px);
  height: 100%;
  max-height: clamp(100px, 6.944vw, 150px);
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .img-box img {
  width: 100%;
  max-width: clamp(100px, 6.944vw, 150px);
  height: 100%;
  max-height: clamp(100px, 6.944vw, 150px);
  border-radius: 50%;
  object-fit: cover;
  background-repeat: no-repeat;
  object-position: center;
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .input-filed-box {
  display: flex;
  flex-direction: column;
  row-gap: clamp(9px, 1.25vw, 18px);
  padding-right: clamp(5px, 0.694vw, 10px);
  padding-left: clamp(5px, 0.694vw, 10px);
  width: 100%;
}
@media (max-width: 640px) {
  .checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .input-filed-box {
    width: 100%;
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .input-filed-box .name-input-filed-box {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
}
@media (max-width: 460px) {
  .checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .input-filed-box .name-input-filed-box {
    flex-wrap: wrap;
    row-gap: clamp(9px, 1.25vw, 18px);
  }
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .input-filed-box .style-value:disabled {
  color: rgba(39, 30, 48, 0.45);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .input-filed-box .style-value:enabled {
  color: rgb(39, 30, 48);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .input-filed-box input {
  border-radius: 8px;
  border: clamp(1px, 0.069vw, 2px) solid #dfdfdf;
  padding: clamp(10px, 0.694vw, 20px);
  width: 100%;
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .profile-box .input-filed-box input ::placeholder {
  color: rgba(39, 30, 48, 0.45);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .button-box {
  width: 100%;
  max-width: clamp(100px, 8.194vw, 236px);
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .button-box .edit-btn {
  width: 100%;
  color: #271e30;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: clamp(8px, 0.694vw, 15px);
  border-radius: 8px;
  background-color: #f2f1f1;
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .button-box .edit-btn:hover {
  color: #f2f1f1;
  background-color: #e01f26;
}
.checkout-section .checkout-sub-container .checkout-content-container .detailed-input-filed .input-wrapper .button-box .save-btn {
  display: none;
  width: 100%;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: clamp(8px, 0.694vw, 15px);
  border-radius: 8px;
  color: #f2f1f1;
  background-color: #e01f26;
}
.checkout-section .checkout-sub-container .Aside-content-container {
  width: 100%;
  max-width: 31.4%;
}
@media (max-width: 992px) {
  .checkout-section .checkout-sub-container .Aside-content-container {
    max-width: 100%;
  }
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card {
  margin-bottom: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box {
  background-color: #fff;
  padding: clamp(10px, 1.389vw, 20px) clamp(5px, 0.694vw, 10px);
  border-radius: 11px;
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .title-text {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(16px, 1.389vw, 32px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
  padding: clamp(5px, 0.694vw, 10px);
  margin-bottom: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .enter-code-box {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
  padding: 0 clamp(10px, 0.694vw, 10px);
}
@media (max-width: 1150px) {
  .checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .enter-code-box {
    flex-wrap: wrap;
    row-gap: clamp(10px, 0.694vw, 10px);
  }
}
@media (max-width: 992px) {
  .checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .enter-code-box {
    flex-wrap: unset;
  }
}
@media (max-width: 460px) {
  .checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .enter-code-box {
    flex-wrap: wrap;
    row-gap: clamp(10px, 0.694vw, 10px);
  }
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .enter-code-box .input-voucher {
  padding: clamp(10px, 0.833vw, 12px) clamp(8px, 0.694vw, 10px);
  border: clamp(1px, 0.069vw, 2px) solid #dfdfdf;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 1150px) {
  .checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .enter-code-box .input-voucher {
    width: 100%;
  }
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .enter-code-box .input-voucher ::placeholder {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: left;
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .enter-code-box .apply-btn {
  background-color: #e01f26;
  color: #f2f1f1;
  width: 100%;
  padding: clamp(10px, 0.833vw, 18px) clamp(10px, 0.694vw, 15px);
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0px;
  text-align: center;
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .discounted-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(10px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .discounted-box .text,
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .voucher-card .vou-content-box .discounted-box .price {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 600;
  line-height: 1.5px;
  letter-spacing: 0em;
  padding: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .pricing-counter-box {
  background-color: #fff;
  padding: clamp(6px, 0.833vw, 12px) clamp(5px, 0.694vw, 10px);
  border-radius: 11px 11px 35px 35px;
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .pricing-counter-box .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(5px, 0.694vw, 10px) clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .pricing-counter-box .content .text,
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .pricing-counter-box .content .price {
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  padding: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .pricing-counter-box .content .lite-price {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  opacity: 0.45;
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box {
  background-color: #fff;
  padding: clamp(10px, 1.389vw, 20px) clamp(5px, 0.694vw, 10px);
  border-radius: 35px 35px 11px 11px;
  display: flex;
  flex-direction: column;
  row-gap: clamp(7.5px, 1.042vw, 15px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(5px, 0.694vw, 10px) clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .content .text,
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .content .price {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  padding: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .action-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .action-box .action-box-wrapper {
  width: 100%;
  max-width: 90%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(10px, 1.042vw, 15px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .action-box .action-box-wrapper .pay-btn {
  width: 100%;
  padding: clamp(10px, 0.694vw, 12px);
  border-radius: 7px;
  background-color: #e01f26;
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .action-box .action-box-wrapper .powerd-by-box {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .action-box .action-box-wrapper .powerd-by-box .cancellation-status {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 10px);
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .action-box .action-box-wrapper .powerd-by-box .cancellation-status .cancel-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
}
.checkout-section .checkout-sub-container .Aside-content-container .aside-content-wrapper .pricing-counter-card .total-box .action-box .action-box-wrapper .powerd-by-box .cancellation-status i {
  color: #08a77d;
}

/*=======================================================
                    reviews
=======================================================*/
#reviews {
  margin: 0 0 clamp(30px, 7.813dvh, 120px);
}
#reviews .review-header {
  margin-bottom: clamp(24px, 3.333vw, 96px);
  position: relative;
}
#reviews .review-header .review-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  column-gap: clamp(10px, 1.389vw, 40px);
  row-gap: clamp(10px, 2.604dvh, 40px);
  border-radius: clamp(3.5px, 0.486vw, 14px);
  padding: clamp(20px, 5.208dvh, 80px) clamp(30px, 7.813dvh, 120px);
}
@media (max-width: 767px) {
  #reviews .review-header .review-card {
    align-items: flex-start;
    flex-direction: column;
  }
}
#reviews .review-header .review-card .review-card-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(21px, 2.917vw, 84px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: clamp(4px, 1.042dvh, 16px);
}
#reviews .review-header .review-card .review-card-desc {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  column-gap: clamp(5.5px, 1.432dvh, 22px);
}
#reviews .review-header .review-card .review-card-desc i {
  color: #e01f26;
  font-size: 26px;
}
#reviews .review-header .review-card .btn-review {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 20px);
  border-radius: clamp(3.5px, 0.486vw, 14px);
  color: #f2f1f1;
  background-color: #e01f26;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: clamp(8.5px, 2.214dvh, 34px) clamp(7px, 0.972vw, 28px);
}
#reviews .review-header .review-card .btn-review i {
  font-size: 26px;
  color: #f2f1f1;
}
#reviews .review-header .add-review {
  background: #ffffff;
  display: none;
  align-items: center;
  column-gap: clamp(4px, 0.556vw, 16px);
  row-gap: clamp(10px, 2.604dvh, 40px);
  border-radius: clamp(3.5px, 0.486vw, 14px);
  padding: clamp(20px, 5.208dvh, 80px) clamp(30px, 7.813dvh, 120px);
}
@media (max-width: 767px) {
  #reviews .review-header .add-review {
    align-items: flex-start;
    flex-direction: column;
  }
}
#reviews .review-header .add-review.active {
  display: flex;
}
#reviews .review-header .add-review .content-box {
  width: 100%;
}
@media (min-width: 768px) {
  #reviews .review-header .add-review .content-box {
    max-width: clamp(288.5px, 40.069vw, 1154px);
  }
}
#reviews .review-header .add-review .content-box .inner-content-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: clamp(5px, 0.694vw, 20px);
  row-gap: clamp(5px, 1.302dvh, 20px);
  padding: clamp(2.5px, 0.651dvh, 10px) 0;
  margin-bottom: clamp(2.5px, 0.651dvh, 10px);
}
#reviews .review-header .add-review .content-box .inner-content-box .profile-info-box {
  display: flex;
  align-items: center;
  column-gap: clamp(7.5px, 1.042vw, 30px);
}
#reviews .review-header .add-review .content-box .inner-content-box .profile-info-box .profile-img {
  width: clamp(21px, 2.917vw, 84px);
  height: clamp(21px, 2.917vw, 84px);
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
#reviews .review-header .add-review .content-box .inner-content-box .profile-info-box .user-name {
  color: #271e30;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: clamp(7.5px, 1.042vw, 30px);
  padding-right: clamp(7.5px, 1.953dvh, 30px);
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list {
  display: flex;
  align-items: center;
  column-gap: clamp(2px, 0.278vw, 8px);
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item {
  cursor: pointer;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item svg {
  opacity: 0.45;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item svg.active, #reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item svg:hover {
  opacity: 1;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item svg.active path, #reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item svg:hover path {
  fill: #e01f26;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item i {
  font-size: clamp(22px, 1.944vw, 56px);
  font-weight: 600;
  color: #e01f26;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item .icon-Star-Icon {
  font-size: clamp(22px, 1.944vw, 56px);
  font-weight: 600;
  color: #e01f26;
  opacity: 0.45;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item .icon-Star-Icon.active, #reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item .icon-Star-Icon:hover {
  opacity: 1;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item .icon-Star-Icon.active i, #reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item .icon-Star-Icon:hover i {
  color: #e01f26;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-list .rating-item .active i {
  color: #e01f26;
}
#reviews .review-header .add-review .content-box .inner-content-box .rating-box .rating-score {
  color: #271e30;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(15px, 1.25vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#reviews .review-header .add-review .content-box .outer-content-box {
  padding: 0 clamp(7.5px, 1.042vw, 30px);
}
#reviews .review-header .add-review .content-box .outer-content-box .text-field {
  display: block;
  width: 100%;
  height: clamp(47px, 12.24dvh, 198px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: clamp(5px, 1.302dvh, 20px);
  border: none;
  border-bottom: clamp(0.5px, 0.13dvh, 2px) solid #271e30;
  margin-bottom: clamp(12.5px, 3.255dvh, 50px);
}
#reviews .review-header .add-review .content-box .outer-content-box .btn-post-review {
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: clamp(5px, 1.302dvh, 20px) clamp(15px, 2.083vw, 60px);
  background-color: #e01f26;
  border-radius: clamp(15px, 2.083vw, 60px);
  display: block;
  opacity: 0.45;
}
#reviews .review-header .add-review .content-box .outer-content-box .btn-post-review.active {
  opacity: 1;
}
#reviews .review-header .add-review .add-img-box {
  width: 100%;
}
#reviews .review-header .add-review .add-img-box .add-img-title {
  display: flex;
  align-items: center;
  column-gap: clamp(5px, 0.694vw, 20px);
  margin-bottom: clamp(7.5px, 1.953dvh, 30px);
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#reviews .review-header .add-review .add-img-box .add-img-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(60px, 8.333vw, 240px), 1fr));
  grid-column-gap: clamp(7px, 0.972vw, 28px);
  column-gap: clamp(7px, 0.972vw, 28px);
  grid-row-gap: clamp(7px, 1.823dvh, 28px);
  row-gap: clamp(7px, 1.823dvh, 28px);
}
#reviews .review-header .add-review .add-img-box .add-img-list .add-img-item {
  border-radius: clamp(5.5px, 0.764vw, 22px);
  background-color: #d9d9d9;
  aspect-ratio: 1/1;
}
#reviews .review-header .add-review .add-img-box .add-img-list .add-img-item .add-img {
  border-radius: clamp(5.5px, 0.764vw, 22px);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
  aspect-ratio: 1/1;
}
#reviews .review-body .review-short-info-box {
  display: flex;
  column-gap: clamp(10px, 1.389vw, 40px);
  row-gap: clamp(15px, 3.906dvh, 60px);
}
@media (max-width: 767px) {
  #reviews .review-body .review-short-info-box {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  #reviews .review-body .review-short-info-box {
    align-items: flex-end;
    justify-content: space-between;
  }
}
#reviews .review-body .review-short-info-box .review-short-info-inner-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: clamp(2.5px, 0.651dvh, 10px);
  width: max-content;
  padding: 0 clamp(2.5px, 0.347vw, 10px) clamp(2.5px, 0.651dvh, 10px);
}
#reviews .review-body .review-short-info-box .review-short-info-inner-box .review-short-info-subtitle {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  text-align: center;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
#reviews .review-body .review-short-info-box .review-short-info-inner-box .review-short-info-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  text-align: center;
  font-size: clamp(21px, 2.917vw, 84px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
#reviews .review-body .review-short-info-box .review-short-info-inner-box .rating-list {
  display: flex;
  align-items: center;
  column-gap: clamp(2px, 0.278vw, 8px);
}
#reviews .review-body .review-short-info-box .review-short-info-inner-box .rating-list .rating-item {
  width: clamp(16px, 2.222vw, 64px);
  height: clamp(16px, 2.222vw, 64px);
}
#reviews .review-body .review-short-info-box .review-short-info-inner-box .rating-list .rating-item i {
  width: 100%;
  font-size: 100%;
  color: #e01f26;
}
#reviews .review-body .review-short-info-box .review-short-info-inner-box .rating-list .rating-item .active i {
  color: #e01f26;
}
#reviews .review-body .review-list {
  display: flex;
  flex-direction: column;
  column-gap: clamp(17.5px, 2.431vw, 70px);
  row-gap: clamp(17.5px, 4.557dvh, 70px);
  margin-top: clamp(30px, 7.813dvh, 120px);
}
#reviews .review-body .review-list .review-item {
  display: flex;
  flex-direction: column;
  column-gap: clamp(17.5px, 2.431vw, 70px);
  row-gap: clamp(17.5px, 4.557dvh, 70px);
}
#reviews .review-body .review-list .review-item .review-content {
  display: flex;
  align-items: center;
  column-gap: clamp(17.5px, 2.431vw, 70px);
  row-gap: clamp(17.5px, 4.557dvh, 70px);
  width: 100%;
}
@media (max-width: 767px) {
  #reviews .review-body .review-list .review-item .review-content {
    align-items: flex-start;
    flex-direction: column;
  }
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box {
  display: flex;
  flex-direction: column;
  row-gap: clamp(5px, 1.302dvh, 20px);
  width: 100%;
  padding-left: clamp(30px, 4.167vw, 120px);
}
@media (min-width: 768px) {
  #reviews .review-body .review-list .review-item .review-content .review-item-content-box {
    max-width: clamp(310px, 43.056vw, 1240px);
  }
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-info-box {
  display: flex;
  align-items: center;
  column-gap: clamp(7.5px, 1.042vw, 30px);
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-info-box .reviewer-img-box .reviewer-img {
  width: clamp(21px, 2.917vw, 84px);
  height: clamp(21px, 2.917vw, 84px);
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-info-box .reviewer-info-inner-box {
  display: flex;
  flex-direction: column;
  row-gap: clamp(1px, 0.26dvh, 4px);
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-info-box .reviewer-info-inner-box .reviewer-name {
  color: #271e30;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-info-box .reviewer-info-inner-box .rating-list {
  display: flex;
  align-items: center;
  column-gap: clamp(2px, 0.278vw, 8px);
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-info-box .reviewer-info-inner-box .rating-list svg,
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-info-box .reviewer-info-inner-box .rating-list img {
  width: clamp(10px, 1.389vw, 40px);
  height: clamp(10px, 1.389vw, 40px);
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-info-box .reviewer-info-inner-box .rating-list i {
  font-size: clamp(16px, 1.25vw, 36px);
  color: #e01f26;
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .reviewer-comment {
  color: var(--VM-Black, #271e30);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .review-btn-box {
  display: flex;
  align-items: center;
  column-gap: clamp(2.5px, 0.347vw, 10px);
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .review-btn-box .btn-view-replies,
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .review-btn-box .btn-reply {
  display: flex;
  align-items: center;
  column-gap: clamp(2.5px, 0.347vw, 10px);
  color: #f2f1f1;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: clamp(5px, 1.302dvh, 20px) clamp(15px, 2.083vw, 60px);
  border-radius: clamp(15px, 2.083vw, 60px);
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .review-btn-box .btn-view-replies {
  background-color: #271e30;
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .review-btn-box .btn-view-replies.active i {
  transform: rotate(180deg);
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .review-btn-box .btn-view-replies i {
  color: #f2f1f1;
  font-size: clamp(4px, 0.556vw, 16px);
}
#reviews .review-body .review-list .review-item .review-content .review-item-content-box .review-btn-box .btn-reply {
  background-color: #e01f26;
}
#reviews .review-body .review-list .review-item .review-content .add-img-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(60px, 8.333vw, 240px), 1fr));
  grid-column-gap: clamp(7px, 0.972vw, 28px);
  column-gap: clamp(7px, 0.972vw, 28px);
  grid-row-gap: clamp(7px, 1.823dvh, 28px);
  row-gap: clamp(7px, 1.823dvh, 28px);
}
@media (min-width: 768px) {
  #reviews .review-body .review-list .review-item .review-content .add-img-list {
    max-width: clamp(261px, 36.25vw, 1044px);
  }
}
#reviews .review-body .review-list .review-item .review-content .add-img-list .add-img-item {
  border-radius: clamp(5.5px, 0.764vw, 22px);
  background-color: #d9d9d9;
  aspect-ratio: 1/1;
  position: relative;
}
#reviews .review-body .review-list .review-item .review-content .add-img-list .add-img-item .add-img {
  border-radius: clamp(5.5px, 0.764vw, 22px);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
  aspect-ratio: 1/1;
}
#reviews .review-body .review-list .review-item .review-content .add-img-list .add-img-item .img-counter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: clamp(5.5px, 0.764vw, 22px);
  background: rgba(39, 30, 48, 0.0065);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#reviews .review-body .review-list .review-item .review-content .add-img-list .add-img-item .img-counter .counter-value {
  color: #ffffff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(18px, 2.5vw, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#reviews .review-body .review-list .review-item .review-content .add-img-list .add-img-item .img-counter .counter-label {
  color: #ffffff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#reviews .review-body .review-list .load-more-btn-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: clamp(15px, 2.083vw, 30px);
}
#reviews .review-body .review-list .load-more-btn-box .loadMore-btn {
  padding: clamp(10px, 0.694vw, 15px) clamp(20px, 1.389vw, 30px);
  background-color: #e01f26;
  color: #f2f1f1;
  border-radius: 7px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(15px, 1.111vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
}
#reviews .review-body .review-list .comment-list {
  display: none;
  flex-direction: column;
  column-gap: clamp(17.5px, 2.431vw, 70px);
  row-gap: clamp(17.5px, 4.557dvh, 70px);
  width: 100%;
  padding-left: clamp(30px, 4.167vw, 120px);
}
@media (min-width: 768px) {
  #reviews .review-body .review-list .comment-list {
    max-width: clamp(310px, 43.056vw, 1240px);
  }
}
#reviews .review-body .review-list .comment-list.active {
  display: flex;
}
#reviews .review-body .review-list .comment-list .comment-item .review-item-content-box {
  display: flex;
  flex-direction: column;
  row-gap: clamp(5px, 1.302dvh, 20px);
}
#reviews .review-body .review-list .comment-list .comment-item .review-item-content-box .reviewer-info-box {
  display: flex;
  align-items: center;
  column-gap: clamp(7.5px, 1.042vw, 30px);
}
#reviews .review-body .review-list .comment-list .comment-item .review-item-content-box .reviewer-info-box .reviewer-img-box .reviewer-img {
  width: clamp(17px, 2.361vw, 68px);
  height: clamp(17px, 2.361vw, 68px);
  border-radius: 50%;
}
#reviews .review-body .review-list .comment-list .comment-item .review-item-content-box .reviewer-info-box .reviewer-info-inner-box .reviewer-name {
  color: #271e30;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#reviews .review-body .review-list .comment-list .comment-item .review-item-content-box .reviewer-comment {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#reviews .review-body .review-list .comment-list .divider {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#reviews .review-body .review-list .comment-list .divider::before {
  content: "";
  position: absolute;
  height: clamp(0.5px, 0.13dvh, 2px);
  width: 100%;
  background-color: #e01f26;
}
#reviews .review-body .review-list .comment-list .divider .status {
  color: #e01f26;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: clamp(2.5px, 0.651dvh, 10px) clamp(5px, 0.694vw, 20px);
  background-color: #f2f1f1;
  position: relative;
  z-index: 1;
}
#reviews .review-body .review-list .add-comment-box {
  display: none;
  padding-left: clamp(30px, 4.167vw, 120px);
}
@media (min-width: 768px) {
  #reviews .review-body .review-list .add-comment-box {
    max-width: clamp(310px, 43.056vw, 1240px);
  }
}
#reviews .review-body .review-list .add-comment-box.active {
  display: block;
}
#reviews .review-body .review-list .add-comment-box .add-comment-field {
  width: 100%;
  height: clamp(32px, 8.333dvh, 128px);
  padding-bottom: clamp(5px, 1.302dvh, 20px);
  border: none;
  border-bottom: clamp(0.5px, 0.13dvh, 2px) solid #271e30;
  background-color: transparent;
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.833vw, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: clamp(5px, 1.302dvh, 20px);
}
#reviews .review-body .review-list .add-comment-box .review-btn-box {
  display: flex;
  align-items: center;
  column-gap: clamp(2.5px, 0.347vw, 10px);
}
#reviews .review-body .review-list .add-comment-box .review-btn-box .btn-cancel,
#reviews .review-body .review-list .add-comment-box .review-btn-box .btn-reply {
  column-gap: clamp(2.5px, 0.347vw, 10px);
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: clamp(5px, 1.302dvh, 20px) clamp(15px, 2.083vw, 60px);
  border-radius: clamp(15px, 2.083vw, 60px);
}
#reviews .review-body .review-list .add-comment-box .review-btn-box .btn-cancel {
  color: #271e30;
  background-color: #ffffff;
}
#reviews .review-body .review-list .add-comment-box .review-btn-box .btn-reply {
  color: #f2f1f1;
  background-color: #e01f26;
}

/*=======================================================
                    faqs
=======================================================*/
#faqs {
  margin: 0 0 clamp(30px, 7.813dvh, 120px);
}
#faqs .faq-title {
  color: #271e30;
  font-family: "Poppins", sans-serif;
  font-size: clamp(21px, 2.917vw, 84px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: clamp(15px, 3.906dvh, 60px);
}
#faqs .accordion-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(7.5px, 1.953dvh, 30px);
}
#faqs .accordion-list .accordion {
  padding: clamp(9px, 2.344dvh, 36px) clamp(5px, 0.694vw, 20px);
}
#faqs .accordion-list .accordion .accordion-header.active .accordion-title {
  font-weight: 700;
}
#faqs .accordion-list .accordion .accordion-body {
  margin-top: 0;
}
#faqs .accordion-list .accordion .accordion-body .accordion-disc {
  color: #271e30;
}

/*=======================================================
                    footer
=======================================================*/
.footer {
  position: relative;
  margin-top: clamp(62px, 16.146vh, 248px);
}
.footer .footer-top {
  background-color: #271e30;
  padding-top: clamp(60px, 15.104vh, 232px);
  padding-bottom: clamp(40px, 9.766vh, 150px);
}
.footer .footer-top .container-fluid {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 3rem;
  justify-content: space-between;
}
.footer .footer-top .container-fluid .footer-title {
  font-family: "Poppins", sans-serif;
  color: #f2f1f1;
  text-align: left;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.footer .footer-top .container-fluid .footer-link-outer-box {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: clamp(15px, 2.083vw, 60px);
  row-gap: clamp(35px, 6.51vh, 100px);
}
@media (max-width: 768px) {
  .footer .footer-top .container-fluid .footer-link-outer-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}
.footer .footer-top .container-fluid .footer-link-outer-box .footer-title {
  margin-bottom: clamp(12px, 2.604vh, 40px);
  padding: 2px 0;
}
.footer .footer-top .container-fluid .footer-link-outer-box .footer-link-list {
  display: flex;
  flex-direction: column;
  row-gap: clamp(5px, 0.911vh, 14px);
}
.footer .footer-top .container-fluid .footer-link-outer-box .footer-link-list .footer-link {
  font-family: "Poppins", sans-serif;
  color: #f2f1f1;
  text-align: left;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: clamp(3px, 0.651vh, 10px) 0;
  display: inline-block;
}
.footer .footer-top .container-fluid .footer-link-outer-box .footer-link-list .footer-link:hover {
  color: #e01f26;
}
.footer .footer-top .container-fluid .newsletter-box {
  width: 100%;
}
@media (min-width: 768px) {
  .footer .footer-top .container-fluid .newsletter-box {
    max-width: clamp(280px, 20.486vw, 590px);
  }
}
.footer .footer-top .container-fluid .newsletter-box .footer-title {
  margin-bottom: clamp(8px, 1.432vh, 22px);
  padding: 5px 0;
}
.footer .footer-top .container-fluid .newsletter-box .footer-desc {
  font-family: "Poppins", sans-serif;
  color: #f2f1f1;
  text-align: left;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: clamp(10px, 1.953vh, 30px);
}
.footer .footer-top .container-fluid .newsletter-box .newsletter-input-field {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #e01f26;
  background: #f2f1f1;
  padding: 13px;
  font-family: "Poppins", sans-serif;
  color: #271e30;
  text-align: left;
  font-size: clamp(15px, 0.972vw, 28px);
  font-weight: 400;
  line-height: normal;
  margin-bottom: clamp(10px, 1.953vh, 30px);
}
.footer .footer-top .container-fluid .newsletter-box .newsletter-input-field::placeholder {
  font-style: italic;
  color: #271e30;
}
.footer .footer-top .container-fluid .newsletter-box .btn-newsletter-subscribe {
  width: 100%;
  padding: 12px;
  font-family: "Poppins", sans-serif;
  color: #f2f1f1;
  text-align: center;
  font-size: clamp(15px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: clamp(23px, 4.557vh, 70px);
  background-color: #e01f26;
  border-radius: 7px;
}
.footer .footer-top .container-fluid .newsletter-box .social-list {
  display: flex;
  align-items: center;
  column-gap: 21px;
  row-gap: 21px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .footer .footer-top .container-fluid .newsletter-box .social-list {
    justify-content: center;
  }
}
.footer .footer-top .container-fluid .newsletter-box .social-list .social-icon {
  width: clamp(40px, 2.917vw, 63px);
  height: clamp(40px, 2.917vw, 63px);
}
.footer .footer-top .container-fluid .mauritius-magic {
  width: 100%;
}
@media (min-width: 768px) {
  .footer .footer-top .container-fluid .mauritius-magic {
    max-width: clamp(280px, 20.486vw, 590px);
  }
}
.footer .footer-top .container-fluid .mauritius-magic .footer-title {
  color: #f2f1f1;
  font-family: "Beyond The Mountains", sans-serif;
  font-size: clamp(16px, 2.222vw, 64px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: clamp(4px, 1.042vh, 16px);
}
.footer .footer-top .container-fluid .mauritius-magic .footer-subtitle {
  color: #e01f26;
  text-align: left;
  font-family: "Poppins", sans-serif;
  font-size: clamp(13px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: clamp(16.5px, 4.297vh, 66px);
}
.footer .footer-top .container-fluid .mauritius-magic .footer-desc {
  font-family: "Poppins", sans-serif;
  color: #f2f1f1;
  text-align: left;
  font-size: clamp(13px, 1.111vw, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: clamp(25px, 6.51vh, 100px);
}
.footer .footer-top .container-fluid .mauritius-magic .social-list {
  display: flex;
  align-items: center;
  column-gap: 21px;
  row-gap: 21px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .footer .footer-top .container-fluid .mauritius-magic .social-list {
    justify-content: center;
  }
}
.footer .footer-top .container-fluid .mauritius-magic .social-list .social-icon {
  width: clamp(40px, 2.917vw, 63px);
  height: clamp(40px, 2.917vw, 63px);
}
.footer .footer-bottom {
  background-color: #e01f26;
  padding: 30px 0;
}
.footer .footer-bottom .container-fluid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 1rem;
  row-gap: 3rem;
}
.footer .footer-bottom .container-fluid .footer-logo {
  width: clamp(100px, 7.431vw, 214px);
}
.footer .footer-bottom .container-fluid .quick-link-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: clamp(37.5px, 5.208vw, 150px);
  row-gap: clamp(15px, 2.604vh, 40px);
}
.footer .footer-bottom .container-fluid .quick-link-list .quick-link {
  font-family: "Poppins", sans-serif;
  color: #f2f1f1;
  text-align: left;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.footer .footer-bottom .container-fluid .quick-link-list .quick-link:hover {
  opacity: 0.7;
}
.footer .footer-bottom .container-fluid .copyright {
  font-family: "Poppins", sans-serif;
  color: #f2f1f1;
  text-align: left;
  font-size: clamp(15px, 0.972vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.footer.login-footer::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 252px;
  height: 265px;
  background-image: url(/_next/static/media/hash-icon.89b69ae5.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
}

.blog-footer {
  margin-top: 0;
}

.video-player-box {
  width: 100%;
  position: relative;
  border-radius: clamp(8.5px, 1.181vw, 17px);
  overflow: hidden;
  background-color: #271e30;
}
@media (min-width: 768px) {
  .video-player-box {
    height: clamp(270px, 70.313vh, 1080px);
  }
}
.video-player-box #stories-player {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 16/9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.video-player-box .player-control-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 50px;
  display: flex;
  align-items: center;
  width: 100%;
}
.video-player-box .player-control-box::before {
  content: "";
  bottom: 0;
  width: 100%;
  z-index: -1;
  position: absolute;
  background: wheat;
  height: 50px;
  background: #271e30;
}
.video-player-box .player-control-box .video-controls,
.video-player-box .player-control-box .video-timer,
.video-player-box .player-control-box .options {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-player-box .player-control-box .video-timeline {
  width: 100%;
  cursor: pointer;
}
.video-player-box .player-control-box .video-timeline .progress-area {
  display: block;
  position: relative;
  height: 5px;
  border-radius: 3px;
  max-width: clamp(100%, 55vw, 1594px);
  background: rgb(242, 241, 241);
  margin-left: clamp(10px, 3.681vw, 106px);
  margin-right: clamp(5px, 1.806vw, 52px);
  overflow: hidden;
}
.video-player-box .player-control-box .video-timeline .progress-area .progress-bar {
  width: 0%;
  height: 100%;
  position: relative;
  background: #e01f26;
}
.video-player-box .player-control-box .video-timeline .progress-area .progress-bar::before {
  content: "";
  right: 0;
  top: 50%;
  height: 13px;
  width: 13px;
  background: inherit;
  position: absolute;
  border-radius: 50%;
  transform: translateY(-50%);
}
.video-player-box .player-control-box .video-controls {
  padding: 0px clamp(15px, 3.472vw, 100px) 0px;
  width: 100%;
}
.video-player-box .player-control-box .video-controls .options {
  width: 100%;
}
.video-player-box .player-control-box .video-controls .options.left {
  width: max-content;
}
.video-player-box .player-control-box .video-controls .options.right {
  width: max-content;
}
.video-player-box .player-control-box .video-controls .options button {
  width: 40px;
  height: 20px;
  border: none;
  color: #e01f26;
  cursor: pointer;
  background: none;
}
.video-player-box .player-control-box .video-controls .options button :where(svg, span) {
  width: 100%;
  height: 90%;
  line-height: 40px;
}
.video-player-box .player-control-box .video-controls .options input {
  height: 5px;
  max-width: clamp(50px, 6.944vw, 200px);
}
.video-player-box .player-control-box .video-controls .options .video-timer {
  font-size: 120x;
  color: white;
  margin-left: 15px;
}
.video-player-box .player-control-box .video-controls .options .video-timer .separator {
  font-size: 16px;
  margin: 0 5px;
  font-family: "Open sans";
}
.video-player-box .player-control-box .video-controls .options .volume,
.video-player-box .player-control-box .video-controls .options .mute {
  margin: 0 clamp(10px, 3.542vw, 102px);
}
.video-player-box .player-control-box .video-controls .options .fullscreen {
  margin-left: clamp(10px, 3.542vw, 102px);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/components/Progressbar/progress.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: rgb(247, 47, 40);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px rgb(247, 47, 40), 0 0 5px rgb(247, 47, 40);
  opacity: 1;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: rgb(221, 47, 34);
  border-left-color: rgb(221, 47, 34);
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./node_modules/react-toastify/dist/ReactToastify.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

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