* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "cutomFont";
  src: url("../fonts/EuropaGroteskSH-MedCon.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "cutomFontNormal";
  src: url("../fonts/EuropaGroteskSH-LigCon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

body {
  font-family: "cutomFont";
  background-color: #040404;
}

:root {
  --btn-white-background-color: #ffffff;
  --btn-white-hover-background-color: #ffffff;
  --bg-black-background: #000000;
  --white-color: #ffffff;
}

.book-btn {
  background-color: var(--btn-white-background-color);
  padding: 3px 22px !important;
  border-radius: 0;
  font-size: 16px;
  letter-spacing: 2px !important;
  cursor: pointer;
  line-height: 25px;
}

.book-btn:hover {
  background-color: var(--bg-black-background) !important;
  color: var(--white-color) !important;
}

.buy__btn:hover {
  background-color: var(--bg-black-background) !important;
  color: var(--white-color) !important;
}

.add_to-cart:hover {
  background-color: var(--bg-black-background) !important;
  color: var(--white-color) !important;
}

.but_now-btn:hover {
  background-color: var(--btn-white-background-color) !important;
  color: var(--bg-black-background) !important;
  border: none;
}

header a.nav-link {
  letter-spacing: 1px;
}

/* --------Title Heading------- */
.banner-heading {
  color: #fff;
  font-size: 46px;
  line-height: 55.2px;
  letter-spacing: 5px;
}

/* ------Heading Description----- */
.banner-description {
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 21.6px;
}

footer {
  background-color: var(--bg-black-background);
}

footer input#mc-email {
  border: 1px solid #eaeaea;
  background-color: transparent;
  border-radius: 0;
  font-size: 14px !important;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 5px 15px;
  height: 40px;
}

footer input#mc-email::placeholder {
  color: #ffffff;
  font-size: 14px !important;
}

footer .description {
  color: #d6d6d6;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 21px;
}
.policies-list {
  text-decoration: none !important;
}

.policies-list:hover {
  text-decoration: none !important;
}
footer h5 {
  letter-spacing: 1px;
}

footer .navbar-nav .nav-link {
  position: relative;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 1px;
}

footer .footer-contact {
  font-size: 16px;
  letter-spacing: 1px;
}

header .nav-link.active {
  border-bottom: 2px solid #fff;
}

footer .copyright-text {
  color: #ffffff;
  letter-spacing: 1px;
}

.footer-headings-title {
  letter-spacing: 2px;
}

/*--------------------------------------------------- Font Size------------------------------*/
.font-14 {
  font-size: 14px;
}

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

/* ----------------------------------------------------Home Page------------------------------------------------------ */
section.about-wrapper {
  background-color: #040404;
}

section.about-wrapper .about-headig,
section.explore-wrapper .about-headig {
  color: #fff;
  font-size: 46px;
  letter-spacing: 5px;
}

section.about-wrapper .about-description {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 39px;
  letter-spacing: 3px;
}

section.explore-wrapper {
  background-color: #040404;
}

.cs-left__full__width {
  height: 100%;
  width: 50vw;
  margin-left: calc(-50vw + 102.7%);
}

.cs-right__full__width {
  height: 100%;
  width: calc(50vw - 0px);
  margin-left: -15px;
  position: relative;
}

.explore-wrapper .explore-heading {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 3px;
}
.explore-wrapper .explore-heading:hover {
  text-decoration: underline;
}

section.revolution-in-holistic {
  background-color: #040404;
}

section.revolution-in-holistic .view-all {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2px;
}
section.revolution-in-holistic .view-all:hover {
  border-bottom: 1px solid #fff;
}

.learn_mor {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2px;
}
.learn_mor:hover {
  border-bottom: 1px solid #fff;
}

section.revolution-in-holistic .rvolution-title {
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 3px;
}

/* -------------------INSTAGRAM Start-------------- */
section.instagram-wrapper {
  background-color: #040404;
}

section.instagram-wrapper .explore-thumb {
  height: 404px;
  min-height: 404px;
  overflow: hidden;
  object-fit: cover;
  object-position: top;
  filter: none;
  -webkit-filter: grayscale(0);
}

section.instagram-wrapper .explore-thumb::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
}

section.instagram-wrapper .explore-thumb img {
  height: 404px;
  min-height: 404px;
  overflow: hidden;
  object-fit: cover;
  object-position: top;
}

/* Hover Property */
section.instagram-wrapper .explore-thumb:hover {
  filter: #000;
  -webkit-filter: grayscale(2);
  -webkit-transition: all 0.1s ease-in-out;
}

section.instagram-wrapper .about-headig {
  color: #fff;
  font-size: 46px;
  letter-spacing: 5px;
}

section.custom-pt-1.custom-pb-2.parallaxie.position-relative.global-wellness__reimagined
  h1 {
  font-size: 76px;
  letter-spacing: 6px;
  font-weight: normal !important;
}

/* Journal Detail Page */

.journal-detail-date-name {
  color: #fff;
  letter-spacing: 2px;
}

section.custom-pt-1.custom-pb-2.parallaxie.position-relative.journal-detail-page-wrapper
  .international-day {
  color: #fff;
  font-size: 56px;
  line-height: 67.2px;
  letter-spacing: 4px;
}

.detail-page-banner-inner {
  position: absolute;
  left: 40px;
  top: -20px;
  width: 70%;
}

section.the-journy-wrapper {
  background-color: #040404;
}

section.the-journy-wrapper .issue {
  color: #ffff;
  font-size: 18px;
  letter-spacing: 1px;
}

section.the-journy-wrapper .the-journy {
  font-size: 36px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 40px;
}

section.the-journy-wrapper .journy-description {
  color: #fff;
  font-size: 24px;
  letter-spacing: 3px;
  line-height: 36px;
  font-smooth: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

section.the-journy-wrapper span.tags {
  color: #6a6868;
  font-size: 22px;
  letter-spacing: 2px;
}

p.social-media-share {
  color: #fff;
  font-size: 24px;
  letter-spacing: 2px;
  cursor: pointer;
}

.social-icons {
  width: 35px;
  height: 35px;
  /* background-color: #222221; */
  border-radius: 50%;
  color: #fff;
  text-align: center;
  margin-right: 20px;
  line-height: 35px;
  font-size: 18px;
  cursor: pointer;
}

.social-icons::after {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 29px;
  left: 44px;
  background-color: #6d6d6d;
  top: 19px;
}

.social-icons.one::before {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 29px;
  left: 100px;
  background-color: #6d6d6d;
  top: 19px;
}

.social-icons.two::before {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 29px;
  left: 155px;
  background-color: #6d6d6d;
  top: 19px;
}

/*------------------------ MORE FOR YOU Start------------------- */
section.more-for-you {
  background-color: #040404;
}

section.more-for-you .more-for-you-heading {
  color: #fff;
  font-size: 46px;
  letter-spacing: 5px;
}

section.more-for-you .portfolio_text {
  position: absolute;
  left: 9%;
  top: 63%;
  font-family: cutomFontNormal;
}

section.more-for-you .categeory {
  color: #ffffff;
  letter-spacing: 2px;
  font-size: 18px;
}

.categeory-for-what {
  color: #797c7e;
  font-size: 24px;
  letter-spacing: 2px;
}

.nut.categeory-person-name {
  color: #ffffff;
  letter-spacing: 2px;
  font-size: 18px;
}

.for-more-box::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
}

.for-more-box:hover::before {
  transition: all 0.5s ease-out;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 1) 4%,
    rgba(0, 0, 0, 0) 100%
  );
  opacity: 0.9;
}

/* ------------------------Home page css start----------- */
/* Two grid */
.explore-content {
  bottom: 8%;
  position: absolute;
  left: 40px;
}

/* Four Grid */
.explore-content-grid {
  bottom: 8%;
  position: absolute;
  left: 40px;
}

.explore-more-wrapper {
  height: 500px;
  min-height: 500px;
  overflow: hidden;
  filter: none;
  -webkit-filter: grayscale(0);
}

/* Hover Property */
.explore-more-wrapper:hover {
  height: 500px;
  min-height: 500px;
  overflow: hidden;
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
  filter: #000;
  /* IE5+ */
  -webkit-filter: grayscale(2);
  /* Webkit Nightlies & Chrome Canary */
  -webkit-transition: all 1s ease-in-out;
}

.explore-more-wrapper::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #141414;
  opacity: 0.5;
}

.explore-more-wrapper .explore-thumb .cs-image img {
  height: 300px;
  min-height: 300px;
  overflow: hidden;
  object-fit: cover;
  object-position: top;
}

/* Journal Section Start */

section.journal-wrapper {
  background-color: #040404;
}

section.journal-wrapper .journal-headig {
  color: #fff;
  font-size: 46px;
  letter-spacing: 5px;
}

section.journal-wrapper a.journal-box {
  height: 500px;
  min-height: 500px;
  overflow: hidden;
  filter: none;
  -webkit-filter: grayscale(0);
}

/* Hover Property for journal */
section.journal-wrapper a.journal-box:hover {
  overflow: hidden;
  filter: #000;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 1s ease-in-out;
}

section.journal-wrapper a.journal-box::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
  opacity: 0.7;
}

section.journal-wrapper a.journal-box .main-img {
  height: 500px;
  min-height: 500px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}

.journal-content {
  /* background-color: red; */
  position: absolute;
  z-index: 999;
  bottom: 45px;
  left: 40px;
}

.journal-date-title {
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px;
  /* font-family: cutomFontNormal; */
}

.title-of-the-journal {
  color: #fff;
  font-size: 32px;
  letter-spacing: 2px;
  /* font-family: cutomFontNormal; */
  line-height: 30px;
}

.journal-icons::before {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 27px;
  background-color: #fff;
  left: 41px;
  top: 2px;
}

.journal-icons.one::before {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 27px;
  background-color: #fff;
  left: 97px;
  top: 2px;
}

.become-speciality {
  font-size: 30px;
  color: #fff;
  letter-spacing: 3px;
}

/* ----------------BECOME A SPECIALIST ---------------- */
section.become-speciality-wrapper a.become_specialist {
  height: 500px;
  overflow: hidden;
  filter: none;
  -webkit-filter: grayscale(0);
}

/* Hover Property */
section.become-speciality-wrapper a.become_specialist:hover {
  overflow: hidden;
  filter: #000;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 1s ease-in-out;
}

/* Before Property */
section.become-speciality-wrapper a.become_specialist::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
}

section.become-speciality-wrapper a.become_specialist img {
  height: 500px;
  object-fit: cover;
  object-position: top;
  overflow: hidden;
}

section.become-speciality-wrapper .content {
  position: absolute;
  z-index: 999;
  bottom: 45px;
  left: 40px;
}

section.become-speciality-wrapper .specialist-description {
  color: #c6c6c6;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 18px;
}

.register-now .register-btn {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  border-bottom: 1px solid #fff;
  letter-spacing: 2px;
}

/*Journal Tabs css here*/

.blog_messonry_button.d-flex {
  border-bottom: 1px solid #707070;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_messonry_button {
    margin-bottom: 47px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .detail-page-banner.blog__detail-page-banner.log__detail-page-banner-new {
    display: none;
  }
  .blog_messonry_button {
    margin-bottom: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .height-219 {
    overflow: hidden;
  }
  .blog_messonry_button {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}

.blog_messonry_button button {
  font-size: 16px;
  line-height: 36px;
  color: #adadad;
  text-transform: capitalize;
  margin-right: 0px;
  padding: 0;
  background: inherit;
  border: 0;
  position: relative;
  letter-spacing: 2px;
}

#jornalTab {
  width: calc(100% - 80px);
}

@media only screen and (max-width: 767px) {
  .blog_messonry_button button {
    font-size: 14px;
    margin-right: 0px;
    line-height: 30px;
  }
}

.blog_messonry_button button:last-child {
  margin-right: 0;
}

.blog_messonry_button button.active {
  color: #ffffff;
}

.blog_messonry_button button.active::before {
  width: 100%;
}

.blog_messonry_button button::before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: #adadad;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* On Hover Effect */
.blog_messonry_button button:hover::before {
  width: 100%;
  height: 2px;
  background: #adadad;
}

.blog_page_gallery {
  margin-bottom: 30px;
}

/* ----------Before property------- */
.blog_page_gallery .journal-box::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
  opacity: 0.6;
}

/* --------Filter Property----- */
.blog_page_gallery .journal-box {
  height: 450px;
  min-height: 450px;
  overflow: hidden;
  filter: none;
  -webkit-filter: grayscale(0);
}

.blog_page_gallery .journal-box img {
  height: 450px;
  min-height: 450px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}

/*---------Hover--------- */
.blog_page_gallery .journal-box:hover {
  overflow: hidden;
  filter: #000;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 1s ease-in-out;
}

/* ----------------------More For You------------------- */

section.more-for-you .journal-thumb::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
  opacity: 0.7;
}

section.more-for-you .journal-thumb {
  height: 520px;
  min-height: 520px;
  overflow: hidden;
  filter: none;
  -webkit-filter: grayscale(0);
}

section.more-for-you .journal-thumb img {
  height: 520px;
  min-height: 520px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}

section.more-for-you .journal-thumb:hover {
  overflow: hidden;
  filter: #000;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 1s ease-in-out;
}

/* ---------------------------View all----------- */

.two_grid {
  height: 16px;
  width: 7px;
  background-color: #fff;
}

.four_grid {
  width: 5px;
  height: 8px;
  background-color: #fff;
}

.explore-view {
  color: #fff;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 2px;
}
.explore-view:hover {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.explore-detail-title {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 3px;
}

.explore-detail-title {
  position: absolute;
  top: 103px;
  left: 40px;
}

section.explore-detail-placeholder-wrapper .featured-image-placeholder {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

/* section.explore-detail-placeholder-wrapper .featured-image-placeholder::before{
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
} */
section.explore-detail-placeholder-wrapper .featured-image-placeholder img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}

.explore_placeholder_description {
  color: #fff;
  letter-spacing: 1px;
  line-height: 24px;
}

/* -------------------------Search bar-------------- */

.header__search {
  max-width: 290px;
}

input.form-search__input {
  width: 90%;
  background-color: #433f3f;
  border: none;
  color: #fff !important;
  margin-left: 5px;
  font-size: 16px;
  letter-spacing: 2px;
}

input.form-search__input::placeholder {
  /* color: #fff !important; */
  letter-spacing: 2px;
}

.form-search__container {
  background-color: #433f3f;
  padding: 10px;
}

input.form-search__input:focus-visible {
  outline: none;
  border: none;
}

span.form-search__icon-left {
  color: #fff;
  font-size: 14px;
}

.filter-icon {
  width: 37px;
  height: 42px;
  background-color: #fff;
  line-height: 44px;
  text-align: center;
  cursor: pointer;
}

/* ------------------------Filter Dropdown------------------ */

.Images {
  right: 32px;
  width: 100%;
  max-width: 326px;
  color: #fefefe;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px;
  z-index: 9999;
}

.filter_dropdown li {
  list-style-type: none;
}

.images-drop-down i {
  color: #000;
}

.images-drop-down {
  /* width: 25px;
  height: 42px; */
  /* background-color: #fff; */
  line-height: 39px;
  text-align: center;
  border: none;
}

.Images.animated.fadeIn .form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 13px;
  vertical-align: top;
  /* background-color: #fff; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}

.sort-by-text {
  color: #fff;
  letter-spacing: 1px;
}

/* .Images.animated.fadeIn {
    position: absolute;
    width: 100%;
} */

.Images.animated {
  background-color: #2b2929;
}

.filter_sort_wrapper label.form-check-label {
  letter-spacing: 1px;
}

.filter_sort_wrapper .sort-by-filter {
  letter-spacing: 1px;
  color: #fff;
}

/* Off canvas color */

.filter_dropdown .offcanvas {
  background-color: #151516;
}

.Images.animated.fadeIn::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  top: 50px;
  background-color: #424243;
}

.explore_more_wrapper_one {
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}

.explore_more_wrapper_one::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.explore_more_wrapper_one:hover::before {
  opacity: 0.7;
}

.explore_more_wrapper_one img {
  height: 500px;
  object-fit: cover;
  object-position: top;
  transition: filter 0.5s ease-in-out;
  filter: brightness(0.7);
}

.explore_more_wrapper_one:hover img {
  filter: brightness(0.7);
}

.explore_more_wrapper_one .explore-content {
  position: absolute;
  bottom: 8%;
  left: 40px;
  color: #fff;
  z-index: 2;
  transition: color 0.5s ease-in-out;
}

.explore_more_wrapper_one:hover .explore-content {
  color: #fff;
}

.explore_more_wrapper_one .explore-heading {
  font-size: 32px !important;
  line-height: 38.4px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.explore_more_wrapper_one .specialst_degree {
  font-size: 20px !important;
  letter-spacing: 2px;
  font-weight: 400;
  line-height: 24px;
}

.hidden-content-when-hover-wrapper {
  position: absolute;
  bottom: 8%;
  left: 40px;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.explore_more_wrapper_one:hover .hidden-content-when-hover-wrapper {
  opacity: 1;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.explore_more_wrapper_one .explore-content {
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* .explore_more_wrapper_one:hover .explore-content {
  display: none;
} */

.hidden-content-when-hover-wrapper .explore-heading {
  color: #fff;
  font-size: 32px;
  line-height: 38.2px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.hidden-content-when-hover-wrapper .specialst_degree {
  color: #ffffff;
  font-size: 20px !important;
  line-height: 24px;
  letter-spacing: 2px;
  font-weight: 400;
}

.hidden-content-when-hover-wrapper .specialist-gender {
  color: #fff;
  letter-spacing: 2px;
  font-size: 20px;
  line-height: 24px;
}

.hidden-content-when-hover-wrapper .specialist-experties {
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 26px;
}

.hidden-content-when-hover-wrapper .specialist-year-of-experience {
  color: #fff;
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 28.8px;
}

.hidden-content-when-hover-wrapper .specialist-langauge {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 2px;
}

nav .wrapper {
  position: relative;
  padding: 0px 30px;
  height: 50px;
  line-height: 70px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrapper .logo a {
  color: #f2f2f2;
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}

.wrapper .nav-links {
  display: inline-flex;
}

.nav-links li {
  list-style: none;
}

.nav-links li a {
  color: #f2f2f2;
  text-decoration: none;
  font-size: 18px;
  /* font-weight: 500; */
  padding: 9px 15px;
  letter-spacing: 2px;
}

.nav-links .mobile-item {
  display: none;
}

.nav-links .drop-menu {
  position: absolute;
  background: #242526;
  width: 180px;
  line-height: 45px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.nav-links li:hover .drop-menu,
.nav-links li:hover .mega-box {
  transition: all 0.3s ease;
  top: 55px;
  opacity: 1;
  visibility: visible;
}

.drop-menu li a {
  width: 100%;
  display: block;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-radius: 0px;
}

.mega-box {
  position: absolute;
  /* left: 0; */
  right: -57%;
  width: 100%;
  padding: 0 30px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
}

.mega-box .content {
  background-color: #151516;
  padding: 25px 20px;
  display: flex;
  width: 100%;
  max-width: 500px;
  justify-content: space-between;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.mega-box .content .row {
  /* width: calc(25% - 30px); */
  line-height: 45px;
}

.content .row img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content .row header {
  color: #f2f2f2;
  font-size: 20px;
  font-weight: 500;
}

.content .row .mega-links {
  margin-left: -40px;
  /* border-left: 1px solid rgba(255,255,255,0.09); */
}

.row .mega-links li {
  padding: 0 20px;
}

.row .mega-links li a {
  padding: 0px;
  padding: 0 20px;
  color: #fff;
  font-size: 16px;
  display: block;
}

.row .mega-links li a:hover {
  color: #f2f2f2;
}

.wrapper .btn {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
}

.wrapper .btn.close-btn {
  position: absolute;
  right: 30px;
  top: 10px;
}

@media screen and (max-width: 970px) {
  .wrapper .btn {
    display: block;
  }

  .wrapper .nav-links {
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #242526;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
  }

  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
    background: #242526;
  }

  ::-webkit-scrollbar-thumb {
    background: #3a3b3c;
  }

  #menu-btn:checked ~ .nav-links {
    left: 0%;
  }

  #menu-btn:checked ~ .btn.menu-btn {
    display: none;
  }

  #close-btn:checked ~ .btn.menu-btn {
    display: block;
  }

  .nav-links li {
    margin: 0px 10px;
  }

  .nav-links li a {
    padding: 0 20px;
    display: block;
    font-size: 16px;
    line-height: 28px;
  }

  .nav-links .drop-menu {
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 20px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }

  #showDrop:checked ~ .drop-menu,
  #showMega:checked ~ .mega-box {
    max-height: 100%;
  }

  .nav-links .mobile-item {
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }

  .nav-links .mobile-item:hover {
    background: #3a3b3c;
  }

  .drop-menu li {
    margin: 0;
  }

  .drop-menu li a {
    border-radius: 5px;
    font-size: 18px;
  }

  .mega-box {
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .mega-box .content {
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }

  .mega-box .content .row {
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2) {
    border-top: 0px;
  }

  .content .row .mega-links {
    border-left: 0px;
    padding-left: 15px;
  }

  .row .mega-links li {
    margin: 0;
  }

  .content .row header {
    font-size: 19px;
  }
}

nav input {
  display: none;
}

.body-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}

.body-text div {
  font-size: 45px;
  font-weight: 600;
}

ul.mega-links li a {
  letter-spacing: 1px;
}

.content-1 {
  background-color: #151516;
  max-width: 500px;
}

.wellness-available-catageory {
  color: #adadad;
  letter-spacing: 1px;
}

.subscribe__our__newsletter__text {
  letter-spacing: 1px;
  font-size: 14px;
}

/* Spinner 13 */

.ml-loader {
  position: relative;
  width: 3px;
  height: 3px;
}

.ml-loader div {
  -webkit-transform-origin: 16px 16px;
  -ms-transform-origin: 16px 16px;
  transform-origin: 16px 16px;
  -webkit-animation: 1.2s opaque ease-in-out infinite both;
  animation: 1.2s opaque ease-in-out infinite both;
}

.ml-loader div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  width: 3px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
}

.ml-loader {
  position: absolute;
  right: 40px;
  top: 3px;
}

.ml-loader div:nth-child(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.ml-loader div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ml-loader div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.ml-loader div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.ml-loader div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.ml-loader div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.ml-loader div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.ml-loader div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.ml-loader div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.ml-loader div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.ml-loader div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.ml-loader div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.ml-loader div:nth-child(13) {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

@-webkit-keyframes opaque {
  0% {
    opacity: 0.1;
  }

  40% {
    opacity: 1;
  }

  80% {
    opacity: 0.1;
  }

  100% {
    opacity: 0.1;
  }
}

@media only screen and (max-width: 968px) {
  .flexbox > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%;
  }
}

@media only screen and (max-width: 768px) {
  .flexbox > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 568px) {
  .flexbox > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.letter-spacing {
  letter-spacing: 1px;
}

/* .show{
    display: none !important;
}

.hide{

    display: block !important;
} */
/* --------------------------------------------------------------Cart Page----------------------------------------- */
.cart__package__title__heading {
  font-size: 60px;
  color: #7a7878;
  letter-spacing: 4px;
}

.cart__package__title {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
}

/* ---------------Gender dropdown-------------------- */
#selfDropdown #select {
  height: 40px;
  width: 100%;
  background-color: #434343;
  border: 1px solid #434343;
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  /* margin: 20px 0; */
}

#selfDropdown #select {
  color: #000;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
  border-radius: 3px;
}

#selfDropdown #select:focus-visible {
  border: none;
  outline: none;
}

/* select option {
    font-size: 16px;
    letter-spacing: 15px !important;
  } */
#select {
  font-size: 16px;
  color: inherit;
  background-color: #3a3838;
  letter-spacing: 5px;
}

.select {
  font-size: 16px;
  color: inherit;
  background-color: #3a3838;
  letter-spacing: 5px;
}

/* scrollbar css */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #202020;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}

/* New Header */

.text-black {
  color: blackt;
}

p {
  color: #b3b3b3;
  font-weight: 300;
}

a {
  transition: 0.3s all ease;
}

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

.hero {
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.site-navbar {
  margin-bottom: 0px;
  z-index: 99999999;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  /* min-height: 40px; */
  /* padding: 1rem; */
}

.site-navbar .toggle-button {
  position: absolute;
  right: 0px;
}

.site-navbar .site-logo {
  margin: 0;
  padding: 0;
  font-size: 1.7rem;
}

.site-navbar .site-logo a {
  color: green;
  text-transform: lowercase;
}

.site-navbar .site-navigation.border-bottom {
  border-bottom: 1px solid orange !important;
}

.site-navbar .site-navigation .site-menu {
  margin: 0;
  padding: 0;
  margin-bottom: 0;
}

.site-navbar .site-navigation .site-menu .active {
  color: #000 !important;
}

.site-navbar .site-navigation .site-menu a {
  text-decoration: none !important;
  display: block;
}

.site-navbar .site-navigation .site-menu > li {
  display: inline-block;
}

.site-navbar .site-navigation .site-menu > li > a {
  margin-left: 15px;
  margin-right: 15px;
  /* padding: 20px 0px; */
  color: #000 !important;
  display: inline-block;
  text-decoration: none !important;
  letter-spacing: 1px;
}

.site-navbar .site-navigation .site-menu > li > a:hover {
  color: black;
}

.site-navbar .site-navigation .site-menu .has-children {
  position: relative;
}

.site-navbar .site-navigation .site-menu .has-children > a {
  position: relative;
  padding-right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children > a:before {
  position: absolute;
  content: "\e313";
  font-size: 16px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "icomoon";
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
  visibility: hidden;
  opacity: 0;
  top: 100%;
  position: absolute;
  text-align: left;
  border-top: 2px solid green;
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
  padding: 0px 0;
  margin-top: 20px;
  margin-left: 0px;
  background: #fff;
  transition: 0.2s 0s;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
  position: absolute;
}

.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown.arrow-top:before {
  display: none;
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown.arrow-top:before {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
  text-transform: none;
  letter-spacing: normal;
  transition: 0s all;
  color: #000 !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
  color: orange !important;
  background: gray;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
  padding: 9px 20px;
  display: block;
}

.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  > li
  > a:hover {
  background: gray;
  color: gray;
}

.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  > li.has-children
  > a:before {
  content: "\e315";
  right: 20px;
}

.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  > li.has-children
  > .dropdown,
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  > li.has-children
  > ul {
  left: 100%;
  top: 0;
}

.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  > li.has-children:hover
  > a,
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  > li.has-children:active
  > a,
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  > li.has-children:focus
  > a {
  background: gray;
  color: gray;
}

.site-navbar .site-navigation .site-menu .has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children:focus > a,
.site-navbar .site-navigation .site-menu .has-children:active > a {
  color: orange;
}

.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
  cursor: pointer;
}

.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
  transition-delay: 0s;
  margin-top: 0px;
  visibility: visible;
  opacity: 1;
}

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: white;
  height: calc(100vh);
  transform: translateX(110%);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
  transform: translateX(0%);
}

.site-mobile-menu .site-mobile-menu-header {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
  float: right;
  margin-top: 8px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
  font-size: 30px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 0px;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s all ease;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
  color: gray;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
  float: left;
  margin-top: 10px;
  margin-left: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
  display: inline-block;
  text-transform: uppercase;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
  max-width: 70px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
  text-decoration: none;
}

.site-mobile-menu .site-mobile-menu-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 0 20px 20px 20px;
  height: calc(100vh - 52px);
  padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

.site-mobile-menu .site-nav-wrap a {
  padding: 10px 20px;
  display: block;
  position: relative;
  color: gray;
}

.site-mobile-menu .site-nav-wrap a:hover {
  color: #89ba16;
}

.site-mobile-menu .site-nav-wrap li {
  position: relative;
  display: block;
}

.site-mobile-menu .site-nav-wrap li .nav-link.active {
  color: #89ba16;
}

.site-mobile-menu .site-nav-wrap li.active > a {
  color: #89ba16;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 20;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
  background: gray;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
  font-size: 12px;
  z-index: 20;
  font-family: "icomoon";
  content: "\f078";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-180deg);
  transition: 0.3s all ease;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
  transform: translate(-50%, -50%);
}

.site-mobile-menu .site-nav-wrap > li {
  display: block;
  position: relative;
  float: left;
  width: 100%;
}

.site-mobile-menu .site-nav-wrap > li > a {
  padding-left: 20px;
  font-size: 20px;
}

.site-mobile-menu .site-nav-wrap > li > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-mobile-menu .site-nav-wrap > li > ul > li {
  display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > a {
  padding-left: 40px;
  font-size: 16px;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
  padding: 0;
  margin: 0;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
  display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
  font-size: 16px;
  padding-left: 60px;
}

.site-mobile-menu .site-nav-wrap[data-class="social"] {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-bottom: 5em;
}

.site-mobile-menu .site-nav-wrap[data-class="social"] > li {
  width: auto;
}

.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
  padding-left: 15px !important;
}

.sticky-wrapper {
  position: relative;
  z-index: 100;
  width: 100%;
  position: relative;
  top: 0;
}

.sticky-wrapper .site-navbar {
  transition: 0.3s all ease;
}

.sticky-wrapper .site-navbar {
  background: #fff;
}

.sticky-wrapper .site-navbar ul li a {
  color: #000 !important;
}

.sticky-wrapper .site-navbar ul li a.active {
  color: #000 !important;
}

.sticky-wrapper.is-sticky .site-navbar {
  background: #fff;
  box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
}

.sticky-wrapper.is-sticky .site-navbar .site-logo a {
  color: #89ba16;
}

.sticky-wrapper.is-sticky .site-navbar ul li a {
  color: #000 !important;
}

.sticky-wrapper.is-sticky .site-navbar ul li a.active {
  color: #89ba16 !important;
}

nav.site-navigation.text-left.mr-auto {
  width: max-content;
}

.desktop__header__right {
  display: flex;
  justify-content: flex-end;
}

a.desktop-item {
  font-size: 16px;
  letter-spacing: 1px;
  color: #000;
}

header ul.nav-links {
  position: absolute;
  z-index: 99;
}

/* Drop down */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  z-index: 9999;
  /* top: 32px; */
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* 
.dropdown-content a:hover {
  background-color: #fff;
} */

.dropdown-content {
  display: block;
}

.cart__icon__card .cart--icon {
  color: #000;
}

/* Search Bar */
/* .dropdown-content:hover .searchbar{
    display: block;
} */

.dropdown-content-1 {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 400px;
  z-index: 9999;
  right: 0px;
  top: -28px;
  padding: 5px 10px;
}

.dropdown-content-1 {
  display: block;
}

input#example-search-input {
  font-size: 16px;
  letter-spacing: 1px;
}

.z_index {
  z-index: "10" !important;
}

.z__index {
  z-index: "100000" !important;
}

.display_none {
  display: none !important;
}

input#example-search-input::placeholder {
  font-size: 16px;
  letter-spacing: 1px;
}

.search-container form {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

input#searchright {
  display: none;
  height: 30px;
  padding: 10px;
  font-size: 16px;
  letter-spacing: 1px !important;
  width: 100% !important;
}

input#searchright:focus-visible {
  outline: none;
  border: none;
}

.search__mobile__container {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
}

.search-container {
  height: 0;
}

/* Split screen */

/* .frontend-side {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/74452/website-code.png");
}


.uiux-side {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/74452/website-post-its.png");
} */
/* .uiux-side button:hover {
  color: #005de3;
} */
.split__screen__banner {
  height: 100vh;
}

.split-pane {
  /* padding-top: 1em; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  min-height: 600px;
  font-size: 2em;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.split-pane div .split__screen--link {
  background-color: transparent;
  font-size: 56px;
  color: #fff;
  line-height: 56px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 6px;
}

@media (max-width: 500px) {
  .split-pane div button {
    font-size: 0.4em;
  }
}

.split-pane div .text-content {
  line-height: 1.6em;
  margin-bottom: 1em;
  text-align: center;
}

.split-pane div .text-content .bold {
  font-size: 0.6em;
  text-transform: uppercase;
}

section.custom-pt-1.custom-pb-2.parallaxie.global-wellness__reimagined.new-custom-pt-1 {
  height: calc(100vh - 76px);
}

input#example-search-input,
.input-group.custom__input--group {
  height: 35px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
}
input#example-search-input::placeholder {
  font-size: 14px;
}
input#example-search-input:focus {
  border-color: #ced4da;
}
button.btn.btn-outline-secondary.bg-white.border-bottom-0.border.rounded-pill.ms-n5.custome__search--btn {
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
}

/* -----------------------------------------Cart page ------------------------ */
.package__image__card {
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  border-radius: 3px;
}

.package__image__card__img {
  overflow: hidden;
  object-fit: cover;
  object-position: top;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100% !important;
}

.increament__decreament {
  background-color: #fff;
  display: inline-block;
}

.products__text {
  font-size: 26px;
  color: #c4c4c4;
  letter-spacing: 2px;
}

.package__title {
  font-size: 24px;
  color: #c4c4c4;
  letter-spacing: 2px;
}

.package__description {
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
}

p.amount {
  background-color: #414141;
  display: inline-block;
  /* width: 67px; */
  font-size: 22px;
}

.amt {
  color: #c4c4c4;
  letter-spacing: 1px;
}

.amount-dollar_package {
  color: #c4c4c4;
  font-size: 22px;
  letter-spacing: 1px;
}

.dollar__symbol {
  color: #000;
  font-size: 20px;
}

.white__dollar {
  font-size: 20px;
  color: #fff;
}

.total__subamount {
  color: #c4c4c4;
  font-size: 20px;
  letter-spacing: 1px;
}

.continue__to__exploring {
  color: #fff;
  letter-spacing: 2px;
  font-size: 24px;
  border-bottom: 1px solid #fff;
  display: inline-block;
}

.subtotal--amount {
  font-size: 24px;
  color: #fff;
  letter-spacing: 2px;
}

.subtotal--dollar {
  color: #fff;
  font-size: 24px;
  letter-spacing: 2px;
}

.subtotal--text {
  color: #c4c4c4;
  font-size: 18px;
  letter-spacing: 2px;
}

.buy__product__title {
  color: #c4c4c4;
  letter-spacing: 2px;
  font-size: 24px;
}

.buy__product__description {
  color: #fff;
  font-size: 18px;
  letter-spacing: 2px;
}

.buy__now__product__image {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.buy__now__product__image--image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: top;
}

.procced__to__buy {
  padding: 5px 25px;
  font-size: 16px;
  letter-spacing: 1px;
  background-color: #fff;
  color: #414141;
  display: inline-block;
  border: 1px solid #fff;
}

button.count {
  border: none;
  font-size: 18px;
  background-color: transparent;
}

.buy__product__dollar {
  font-size: 22px;
  color: #000;
}

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

.buy__product__dollar.buy__product--dollar-symbol {
  color: #fff;
  font-size: 24px;
}

.buy__product__dollar__amount {
  padding: 0px 25px !important;
  width: unset;
  line-height: 34px;
}

.add__cart__amount {
  padding: 1px 20px !important;
}

button.buy__now.buy__btn {
  padding: 5px 25px;
  font-size: 16px;
  letter-spacing: 2px;
  background-color: transparent;
  border: 1px solid #eaeaea;
  color: #fff;
}

.buy__btn {
  min-width: 146px;
}

.dollar__symbol_checkout {
  font-size: 36px;
}

.amt_checkout {
  font-size: 36px;
  letter-spacing: 2px;
}

.checkout__payment__deatil {
  border: 1px solid #fff;
}

.card__product__image {
  width: 100%;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  border-radius: 3px;
}

.card__product__image--image {
  overflow: hidden;
  object-fit: cover;
  object-position: top;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100% !important;
}

.bark__arrow {
  cursor: pointer;
}

.featured-image-placeholder::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
}

/* .cart__title__buy__now__add__to__cart{

} */

.appoinment_status {
  background-color: #2b2b2b;
}

.package-amount-in-dollar {
  background-color: #414141;
}

.package__title__description {
  font-size: 16px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 27px;
}

.buy__product__right__card {
  background-color: #151516;
}

.package-amount-in-dollar i {
  color: #000;
}

.package__active {
  border: 1px solid #fff;
  cursor: pointer;
}

.no__product__available {
  font-size: 14px;
  color: #c4c4c4;
  letter-spacing: 1px;
}

.filter__btn {
  border: 0;
  background-color: transparent;
}

.split-pane::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
  opacity: 0.7;
}

.cursor_pointer {
  cursor: pointer;
}

.empty__cart__error__message {
  color: #c4c4c4;
  letter-spacing: 2px;
  font-size: 14px;
}

.selects--slots {
  padding: 5px 25px;
  font-size: 16px;
  letter-spacing: 1px;
  background-color: #fff;
  color: #414141;
  display: inline-block;
  border: 1px solid #fff;
}

.inside-right-sidebar {
  position: sticky !important;
  top: 200px;
}

.sticky-sidebar-outer {
  position: sticky !important;
  top: 280px;
  background-color: green;
  color: #fff;
  z-index: 999;
  max-width: 100%;
}

.sticky {
  position: sticky !important;
  top: 300px;
}

.sticky-sidebar-outer {
  position: sticky;
}

.modal-content.buy__product__modal {
  background-color: #000;
}

.text-black {
  color: #fff;
  background-color: #2b2b2b;
  letter-spacing: 2px;
  display: inline-block;
  font-size: 14px;
  padding: 10px;
}

.available-slots-doctor {
  font-size: 18px;
  color: #c4c4c4;
  letter-spacing: 1px;
}

.days__in__number {
  font-size: 28px;
  letter-spacing: 2px;
}

.week--text {
  font-size: 16px;
  color: #c4c4c4;
  letter-spacing: 1px;
}

.modal-dialog.modal-dialog-centered.user__calander__booking--list
  .modal-header {
  border-bottom: 1px solid #171717;
}

.days__wrapper__container {
  background-color: #404040;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.calander__week {
  padding: 10px;
  color: #000000;
  font-size: 18px;
  letter-spacing: 2px;
  cursor: pointer;
}

.calander__week--active {
  padding: 6px 32px;
  background-color: #fff;
  color: #000000;
  cursor: pointer;
}

.please__select__time__slot {
  font-size: 16px;
  color: #c4c4c4;
  letter-spacing: 1px;
}

.available__time__duration {
  background-color: #2b2b2b;
  cursor: pointer;
}

.booked_slot {
  background-color: #313131;
  cursor: not-allowed;
}

.available__time--duration {
  color: #c4c4c4;
  font-size: 14px;
  letter-spacing: 1px;
}

.available__time {
  font-size: 16px;
  color: #fff;
  letter-spacing: 2px;
}

.duration {
  font-size: 16px;
  color: #fff;
  line-height: 2px;
  letter-spacing: 1px;
}

.available__time__duration--active {
  background-color: #fff;
  color: #000;
}

.available__time--duration {
  color: #c4c4c4;
  font-size: 14px;
  letter-spacing: 1px;
}

.custom-input::placeholder {
  color: white;
  opacity: 1; /* Ensure the opacity is set to 1 to make the color fully visible */
}

.available--active {
  color: #000;
}

.time__selected {
  color: #c4c4c4;
  font-size: 18px;
  letter-spacing: 1px;
}

/* -----------------------------Checkout Page--------------------- */

.sticky-offset {
  top: 60px;
  margin-bottom: -150px;
}

.proceed__to__buy_now {
  width: 100%;
  padding: 5px;
}

.success-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.success-content {
  text-align: center;
  background-color: transparent;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}

.success-title {
  color: #ffffff;
  font-size: 28px;
  letter-spacing: 1px;
  padding-top: 30px;
}

.success-message {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 1px;
  padding-bottom: 40px;
}

/* Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ml-loader.ml-loader--success {
  position: absolute;
  left: 50%;
  padding: 25px 0;
}

.success-content {
  animation: fadeIn 0.5s ease-in-out;
}

/* ---------------------Checkout page payment card */
.main {
  display: flex;
  flex-direction: column;
}

.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #161616;
  border-radius: 3px;
  padding: 15px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px,
    rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.button-text {
  font-size: 16px;
}

.pay__now--payment {
  font-size: 16px;
  letter-spacing: 1px;
  color: #414141;
  border: 1px solid #fff;
}

.white_color {
  background-color: white !important;
  color: black !important;
}

.textdark {
  color: black !important;
}

* {
  padding: 0;
  margin: 0;
}

.wrapper {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #fff;
  fill: #fff;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%,
  100% {
    transform: none;
  }

  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

.available-date-set {
  letter-spacing: 1px;
  padding: 5px 0;
  font-size: 16px;
  color: #414141 !important;
  text-align: center;
  cursor: pointer;
}

.available-date-set::placeholder {
  color: #414141 !important;
}

.available-date-set:focus-visible {
  outline: none;
}

.no__slots--available {
  color: #c4c4c4;
  letter-spacing: 1px;
}

* {
  padding: 0;
  margin: 0;
}

.wrapper {
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #fff;
  fill: #fff;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%,
  100% {
    transform: none;
  }

  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

.go__to--dashboard {
  padding: 5px 25px !important;
  font-size: 16px;
  letter-spacing: 1px;
  background-color: #fff;
  color: #414141;
  display: inline-block;
  border: 1px solid #fff;
}

.bookedBgColor {
  background-color: #c92929 !important;
}

.availableBgColor {
  background-color: #357703 !important;
}

.selectedBgColor {
  background-color: white !important;
}

.datepicker-modal {
  position: fixed;
  top: 50%;
  /* Position at the vertical center */
  left: 50%;
  /* Position at the horizontal center */
  transform: translate(-50%, -50%);
  /* Center the modal */
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  /* Ensure it's above other content */
}

.datepicker-modal button {
  margin-top: 10px;
  /* Space between DateRangePicker and button */
}

.success-content .checkmark {
  width: 100px;
  background: #fff;
  height: 100px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #000;
  stroke-miterlimit: 50;
  margin: 1% auto;
  box-shadow: inset 0px 0px 0px #fff;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}

.no__journal__available {
  color: #c4c4c4;
  font-size: 18px;
  letter-spacing: 1px;
}

.about--mobile {
  font-size: 20px;
  color: #fff;
  padding: 0 20px;
  letter-spacing: 1px;
}

/* .language__wrapper .css-3w2yfm-ValueContainer {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: scroll;
    width: 100px;
    max-width: 234px;
}
.language__wrapper .css-1p3m7a8-multiValue {
    min-width: unset;
} */
.pdf-image-show {
  max-width: 71px;
}

/* .language__wrapper .css-3w2yfm-ValueContainer {
  max-height: 40px !important;
  overflow-y: scroll !important;
} */

.badge.badge__bg {
  background-color: #040404;
  border-radius: 50px;
  font-size: 10px;
  line-height: 11px;
  left: 24px;
}

.account__menu {
  letter-spacing: 1px;
}

.no__available {
  color: #c4c4c4;
  letter-spacing: 1px;
}

.package--active {
  opacity: 0.7;
  transition: all 0.5s;
}

.Images .form-check-input:checked {
  background-color: #000 !important;
  border-color: #000 !important;
}

.Images .form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: unset;
  border: 1px solid #000 !important;
}

input.form-search__input::placeholder {
  color: #fff;
}

.letter_spacing {
  letter-spacing: 2px;
}

.journal-date-title-header {
  font-size: 32px;
  color: #fff;
  letter-spacing: 1px;
  line-height: 41px;
}

/* -----SEARCH HEADER PLACEHOLDER------ */
.type--here {
  color: #000 !important;
  letter-spacing: 1px;
}

.type--here::placeholder {
  color: #000 !important;
  letter-spacing: 1px;
}

/* ------------------------ SWEET ALERT CSS---------------- */

h2#swal2-title {
  font-size: 24px;
  color: #151516;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: capitalize;
  padding-top: 0px;
}

button.swal2-confirm.swal2-styled {
  letter-spacing: 1px;
  padding: 7px 25px;
}

button.swal2-cancel.swal2-styled {
  padding: 7px 25px;
  letter-spacing: 1px;
}

.swal2-popup.swal2-modal.animate__animated.animate__fadeInUp.animate__faster {
  padding: 60px 0;
}

.ml-loader--center {
  position: relative !important;
  top: 3px;
}

.specialist__profile--box {
  max-height: 350px !important;
}

.scrollBarColor {
  overflow-y: auto;
  scrollbar-color: black rgb(39, 38, 38);
}

.scrollBarColor::-webkit-scrollbar-thumb {
  background-color: white;
}

.scrollBarColor::-webkit-scrollbar-track {
  background-color: black;
}

.scrollBarColor::-webkit-scrollbar {
  width: 3px !important;
}

.letter_spacing {
  letter-spacing: 2px;
}

/* Header */
#logoWrapper h1 {
  font-size: 16vw;
  color: #fff;
  line-height: 235.5px;
  letter-spacing: 2px;
}

section#home__banner {
  padding-top: 10rem !important;
}

div#home__banner1 {
  padding-top: 15rem !important;
  /* max-height: 100vh; */
}

.checkbox_color .form-check-input {
  background-color: black !important;
  border-color: black !important;
}

.price {
  width: max-content;
}

.checkbox_color .form-check-input:checked {
  background-color: black !important;
  border-color: black !important;
}

.checkbox_color .form-check-input:checked::before {
  color: black !important;
  /* Ensure the tick mark is black */
}

.checkbox_color .form-check-input:checked::after {
  border-color: black !important;
  /* Border color for the tick mark */
}

.checkbox_color .form-check-input::after {
  width: 0.75em;
  height: 0.75em;
}

.letter_spacing {
  letter-spacing: 2px;
}

.font_family_georgia {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.form-check-input {
  width: 1.25em;
  height: 1.25em;
  border-color: white !important;
  border-radius: 0.25em;
  /* Optional: adds rounded corners */
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.form-check-input:checked {
  background-color: white !important;
  border-color: white !important;
}

.form-check-input:checked::before {
  color: black;
  display: block;
  text-align: center;
  line-height: 1.25em;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-color: white !important;
}

.form-check-input:hover {
  border-color: white !important;
}

.menu-item {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.dropdown-content {
  display: none;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.nav-links {
  list-style: none;
  padding: 0;
}

.nav-links li {
  position: relative;
  /* padding: 10px; */
}

.nav-links a {
  text-decoration: none;
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 100%;
  left: 0;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.search-container {
  display: flex;
  align-items: center;
}

.mobile__search__output {
  position: absolute;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  top: 100%;
  z-index: 1000;
}

.mobile__output {
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
}
input.mobileSearch-placeholder::placeholder {
  text-transform: uppercase;
}
.cart__icon__card {
  position: relative;
}

.badge__bg {
  background-color: red;
  color: white;
}

.home--logo {
  width: 100px;
  height: auto;
}

.dropdown-container::before {
  content: "";
  position: absolute;
  left: 33px;
  top: 53px;
  bottom: 39px;
  width: 1px;
  background-color: #fffbfb;
}

.dropdown-container a {
  position: relative;
  padding-left: 20px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

.dropdown-container a::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-10%);
  height: 1px;
  width: 20px;
  background-color: #fffefe;
}

/* Add this CSS to your stylesheet */
.form-check-input.custom-checkbox {
  background-color: white !important;
  border: 1px solid #ccc !important;
}

.form-check-input.custom-checkbox:checked {
  background-color: #fff !important;
  border: 1px solid #fff !important;
}

.custom-checkbox {
  width: 16px;
  /* Adjust the width as needed */
  height: 16px;
  /* Adjust the height as needed */
  appearance: none;
  /* Ensure custom styling is applied */
  -webkit-appearance: none;
  /* For Safari and Chrome */
  -moz-appearance: none;
  /* For Firefox */
  outline: none;
  border: 2px solid black;
  /* Border color */
  border-radius: 0;
  /* Ensure it stays square */
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: white;
  /* Background color when unchecked */
}

.custom-checkbox:checked {
  background-color: black;
  /* Background color when checked */
}

.custom-checkbox:checked::after {
  content: "";
  display: block;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 5px;
}

.ovf {
  overflow-y: hidden !important;
  height: "100%" !important;
}

/* #selfDropdown {
  position: absolute;
  top: 30px;
  right: 0;
  width: 200px;
  z-index: 9999;
} */
.view-more-wrapper {
  width: 100%;
  min-width: auto;
  max-width: max-content;
}

#selfDropdown1 {
  position: absolute;
  top: 30px;
  right: 0;
  width: 200px;
  z-index: 9999;
}

#selfDropdown1 .css-1fdytxr-control:hover {
  border: 2px solid #433f3f !important;
}

#selfDropdown1 .css-1fdytxr-control:focus-visible {
  border: 2px solid #433f3f !important;
}

.filter-button:hover {
  border: none;
  background-color: var(--bg-black-background);
  color: var(--white-color);
}

.span.btn.book-btn:hover {
  background-color: var(--bg-black-background) !important;
  color: var(--white-color) !important;
}

/* Login Pop Up CSS */

.custom-confirm-button:hover {
  background-color: var(--bg-black-background) !important;
  color: var(--white-color) !important;
}

.custom-cancel-button:hover {
  background-color: var(--bg-black-background) !important;
  color: var(--white-color) !important;
}

/* .explore_more_wrapper_one:hover .book_text{
  background-color: var(--bg-black-background) !important;
  color: var(--white-color);
} */
.btn.book-btn#bookBtn:hover {
  background-color: var(--bg-black-background);
  color: var(--white-color);
}

.filter-button {
  font-size: 14px;
  padding: 7px !important;
}

/* 
  Tabs Left and Right CSS 
*/

.tabs-right_arrow {
  position: absolute;
  right: -5px;
  background-color: #040404;
}

.tabs-left_arrow {
  position: relative;
  left: -5px;
}
/* a:hover{
  text-decoration: underline !important;
} */
li:hover {
  text-decoration: underline !important;
}

#link_item:hover {
  text-decoration: underline !important;
}
.nav-link:hover {
  text-decoration: underline !important;
}
/* About Carousal css */
div#carouselExampleControls .carousel-caption,
div#carouselExampleControls1 .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 6.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}
/* Contact Us Page */
section.py-0.custom-pt-1.pb-0.user-registration-flow-wrapper.pt-0.contact-us-wrapper_form {
  padding-top: 48px !important;
}
li.dropdown-1:hover {
  text-decoration: none !important;
}
/*  */
.journal-box .journal-date-title:hover,
.journal-box .title-of-the-journal.journal-blog__title:hover {
  text-decoration: underline;
}

section.custom-pt-1.custom-pb-2.parallaxie.position-relative.journal-detail-page-wrapper.h-100.journal-details_banner {
  padding: 15rem 0 !important;
}
.letter_spacing-one {
  letter-spacing: 3px;
}
.filter-text:hover {
  text-decoration: underline;
}
.detail-page-banner-inner1 {
  position: relative;
  top: 15px;
}
.journal-author {
  font-size: 32px;
  letter-spacing: 2px;
  line-height: 38.4px;
  display: inline-block;
}
.journal-author:hover {
  text-decoration: underline;
}
/* .split__screen--link:hover {
  border-bottom: 2px solid #fff;
} */
.stat-rating svg {
  margin: 4px;
}
/* Specialist pop up */
.singular-appointment-wrapper label {
  font-size: 32px !important;
}
.singular-appointment-wrapper label {
  font-size: 20px !important;
  letter-spacing: 3px !important;
}
.singular-appointment-wrapper .appointment-text {
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
}
.please-select-text h2 {
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 33.6px;
}
.explore-heading {
  font-size: 32px;
  color: #000;
  letter-spacing: 2px;
  line-height: 38.4px;
}
.specialist-gender {
  font-size: 24px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 28.8px;
}
.specialist-expert {
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 28.8px;
}
.specialst_degree {
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 28.8px;
}
.specialist-year-of-experience {
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 28.8px;
}
.specialist-langauge {
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 28.8px;
}
.appointment-type-wrapper {
  background-color: #161616;
  padding: 15px;
}
.please-select-mode {
  font-size: 15px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 20px;
}
.share.mode-of-calling i {
  font-size: 18px;
}
.share.mode-of-calling p {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 2px;
}
.appointment-text-per_month {
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 16.8px;
}
.border-right {
  border-right: 1px solid gray;
}
.specialist-image {
  width: 100%;
  height: auto;
  max-width: 250px;
  overflow: hidden;
}
.specialist-image img {
  width: 100%;
  height: auto;
  max-width: 250px;
  overflow: hidden;
  object-fit: cover;
  object-position: center;
}
div#specialistDetails {
  background-color: #000;
}
.appoinment_status-one {
  background-color: #fff;
}
.appointment-text-one {
  color: #000;
  font-size: 18px;
  line-height: 21.6px;
  letter-spacing: 2px;
}
.amount-dollar_package-one {
  font-size: 22px;
}
.explore-heading-one {
  letter-spacing: 2px;
  line-height: 33.3px;
}
.singular-appointment-wrapper.active {
  border: 1px solid #fff;
  padding: 5px;
}

/* Book button popup start */
.specialist-image.specialist-image-box {
  height: 100%;
}
.specialist-image.specialist-image-box img {
  height: 100%;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-20 {
  font-size: 20px;
}
.singular-appointment-wrapper-new {
  max-width: 625px;
}
.per-month-group {
  display: flex;
}
.specialist-image.specialist-image-box {
  max-width: 100%;
}
.max-width-225 {
  max-width: 225px;
}
.height-219 {
  max-height: 219px;
}
.specialist-image.specialist-image-box img {
  max-height: 271px;
  object-position: top;
  width: 100%;
  max-width: 100%;
}
.save-label {
  position: relative;
  font-size: 16px;
  left: -20px;
}

.subscription-group-inner {
  display: flex;
}
.subscription-group > ul {
  padding-left: 0px;
}
.subscription-part-one .colon {
  padding: 0px 15px 0px 15px;
}
.subscription-group > ul {
  list-style: none;
}
.subscription-part-one {
  min-width: 130px;
  max-width: 130px;
}

.subscription-part-two {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.explore-heading-one .colon {
  float: right;
}
.appointment-type-wrapper.appointment-type-wrapper-box {
  background-color: transparent;
}
.star-group {
  display: flex;
  align-items: center;
  gap: 20px;
}
.per-month-group > div {
  min-height: 57px;
  min-width: 266px;
  border: 1px solid #fff;
  box-sizing: border-box;
  background: transparent;
}
.per-month-group .appointment-text-one {
  color: #ffffff;
}
.per-month-group {
  gap: 20px;
}
.per-month-group > div.per-month-active {
  background: #ffffff;
}

.per-month-group > div.per-month-active .appointment-text-one {
  color: #000;
}
.container-fluid.container-fluid-custom {
  max-width: 1350px;
  margin: 0 auto;
}
.book-btn.book-btn-new {
  border: 1px solid #fff;
  margin-bottom: 20px;
}
.ratting-outer-box {
  display: flex;
}
.site-navbar {
  z-index: 9;
}
.gloabl-model-settings {
  background: rgba(0, 0, 0, 0.43);
  backdrop-filter: blur(4px); /* Blurring effect behind the element */
}

.gloabl-model-settings .modal-content.user_response--popup {
  border: none !important;
  background: #000;
  border-radius: 0px !important;
}
.form-control.custom-height {
  height: 200px; /* Example height */
}
textarea.customer-review-textarea {
  background-color: #1c1c1c !important;
  border: 0px;
  border-radius: 0px;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 33.3px;
  color: #fff !important;
}
.black_background:hover .split-pane {
  /* background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%); */
  opacity: 0.98;
  filter: #000;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 1.5s ease-in-out;
}
.explore-heading-two {
  letter-spacing: 2px;
  line-height: 33.3px;
}
.text-gray-custom {
  color: #8d8d8d;
}
.custom-white-hr {
  color: #8d8d8d;
}
.custom-placeholder::placeholder {
  letter-spacing: 2px;
  line-height: 33.3px;
  font-size: 16px;
  color: #fff;
}
.min-height-40 {
  min-height: 40px;
}
.cursor-pointer {
  cursor: pointer;
}
.react-calendar-outer .react-calendar {
  background: transparent;
  color: #ffffff;
}
/* .react-calendar-outer .react-calendar, .react-calendar-outer .react-calendar *:before, .react-calendar *:after {
  box-sizing: border-box;
  color: #ffffff;
} */
.react-calendar-outer .react-calendar button {
  color: #fff;
}
.react-calendar-outer .react-calendar__month-view__days__day--neighboringMonth,
.react-calendar-outer
  .react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar-outer
  .react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575 !important;
}
.react-calendar-outer abbr[data-bs-original-title],
.react-calendar-outer abbr[title] {
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.react-calendar-outer .react-calendar__navigation {
  border-bottom: 0.6px solid #a0a096;
}
.react-calendar-outer .react-calendar__tile:enabled:hover,
.react-calendar-outer .react-calendar__tile:enabled:focus {
  color: #000;
}
.react-calendar-outer .react-calendar__tile--active {
  background: #ffffff;
  color: #000 !important;
}
.react-calendar-outer .react-calendar__navigation button:enabled:hover,
.react-calendar-outer .react-calendar__navigation button:enabled:focus {
  color: #000000 !important;
}
.custom-hr.custom-hr-white {
  margin-bottom: 10px;
  opacity: 1;
}
.slot-box.slot-box-active .slot-box-inner {
  background-color: #fff;
  color: #000;
}
.slot-box.slot-box-active .slot-box-inner p {
  color: #000;
}
.slot-box .slot-box-inner p {
  color: #fff;
}
.react-calendar-outer .react-calendar__tile--now {
  background: #fff !important;
  color: #000 !important;
}
.react-calendar-outer .react-calendar__tile--active:enabled:hover,
.react-calendar-outer .react-calendar__tile--active:enabled:focus {
  background: #fff !important;
}
.form-check-input:checked {
  background-color: #000 !important;
  background-image: none !important;
  box-shadow: none;
}
.form-check-input {
  background-color: #000 !important;
  border: 1px solid #fff !important;
  background-image: none !important;
  box-shadow: none;
}
.book-slot-outer {
  max-width: 1326px;
  margin: 0 auto;
}
.subscription-option-outer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vertical-center {
  display: flex !important;
  align-items: center !important;
}
.featured-image-placeholder.featured-image-placeholder-new::before {
  opacity: 0.2 !important;
}
.active-month {
  color: #000 !important;
  background-color: #fff;
}
.active-month p.appointment-text-one {
  color: #000 !important;
}

/* subscription appointment start */
.subscription-appointment {
  max-width: 400px;
  margin: 0 auto;
}
.Book-appointment-part-one {
  min-width: 100px;
  display: inline-flex;
}
.appoint-book-info li:hover {
  text-decoration: none !important;
}
/* subscription appointment end */

@media (max-width: 767px) {
  .subscription-appointment {
    max-width: 100%;
  }
  .slot-box.slot-box-new {
    width: 100% !important;
  }
  .custom-pt-1.custom-pt-1-new {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .detail-page-banner-inner.detail-page-banner-inner-new {
    position: relative;
    top: 0px;
  }
  .success-content .checkmark {
    width: 50px;
    height: 50px;
  }
  .detail-page-banner.blog__detail-page-banner.log__detail-page-banner-new {
    display: none;
  }
  .react-calendar-outer.border-end {
    border-right: 0px !important;
  }
  .customer-reviews > ul {
    flex-direction: column;
  }
  .subscription-group {
    padding-top: 30px;
  }
  .book-btn.book-btn-new {
    display: block;
    margin-bottom: 20px !important;
    float: right;
    width: max-content;
  }
  .mobile-flex-wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .star-group.star-group-outer {
    flex-wrap: wrap;
  }
  .max-width-350 {
    max-width: 100%;
  }
  .mobile-card-gap {
    gap: 10px;
  }
  .per-month-group {
    flex-wrap: wrap;
  }
  .custom-hr {
    margin-bottom: 40px;
  }
  .custom-check {
    padding-left: 0px;
  }
  .per-month-group > div {
    min-width: 100%;
  }
  .singular-appointment-wrapper.active {
    padding: 15px;
  }
  .save-label {
    display: block;
  }
  .mode-of-calling.mode-of-calling-new .border-right {
    border-right: 0px !important;
  }
  .singular-appointment-wrapper-new {
    padding: 0px;
  }
  .subscription-option-input {
    position: relative;
    left: 20px;
  }
  .subscription-option-input + label {
    position: relative;
    left: 20px;
  }
  .subscribe-popup .appoinment_status-one {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #reviewModalOpen .modal-dialog,
  #reviewModalOpen2 .modal-dialog {
    max-width: 690px;
  }
  .review-outer {
    white-space: pre;
  }
  .modal-dialog.bookSlotPopUp {
    max-width: 99.8%;
  }
  .mobile-card-gap {
    gap: 20px;
  }
  .mode-of-calling.mode-of-calling-new {
    max-width: 400px;
    flex-wrap: unset;
  }
  .btn.book-btn.book-btn-new {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px !important;
  }
  .custom-pt-1.custom-pt-1-new {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .detail-page-banner-inner.detail-page-banner-inner-new {
    position: relative;
    top: 0px;
  }
  .detail-page-banner-inner {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .procced__to__buy.procced__to__buy-new {
    width: 100%;
    margin-top: 20px;
  }
  .slot-box.slot-box-new {
    width: 47% !important;
  }
  .singular-appointment-wrapper-new {
    max-width: 100%;
  }
}

/* Book button popup end */
.black_background:hover {
  /* background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%); */
  opacity: 0.98;
  filter: #000;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 1.5s ease-in-out;
}

.black_background2 {
  opacity: 0.98;
  filter: #000;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 1.5s ease-in-out;
}
.custom-progress-bar .progress {
  height: 1.2rem;
  background-color: #b7b9bb;
  border-radius: 0px;
}
.custom-progress-bar .progress-bar {
  background-color: #fff;
}
.star-custom {
  min-width: 40px;
  padding-right: 10px;
}
.custom-progress-bar {
  padding: 10px 0px;
}
.percentage-custom {
  min-width: 40px;
  padding-left: 10px !important;
}
.text-decoration-none {
  text-decoration: none !important;
}

.subscription-group.subscription-group-new .explore-heading-one {
  letter-spacing: 2px;
  line-height: 17.3px;
  margin-bottom: 10px !important;
  text-align: left;
}
.subscription-group.subscription-group-new
  .explore-heading-one.mb-0.mb-0-custom,
.subscription-group.subscription-group-new
  .explore-heading-two.mb-0.mb-0-custom {
  margin-bottom: 0px !important;
}
.subscription-group.subscription-group-new > ul {
  margin-bottom: 0px;
}
.book-overflow {
  max-height: 320px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 50px;
}
.success-container .go__to--dashboard {
  height: 40px;
  border-radius: 0px;
}
.success-container .go__to--dashboard:hover {
  background-color: #000;
  border-radius: 0px;
  border-color: #fff;
  color: #fff;
}
section.explore-detail-placeholder-wrapper
  .featured-image-placeholder.featured-image-placeholder-new {
  height: 480px;
}
.featured-image-placeholder.featured-image-placeholder-new
  + .explore-detail-title {
  top: 0px !important;
  bottom: 0px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.patternReversed {
  border: 1px solid #ffffff;
  background: #fff;
  padding: 5px;
  margin-right: 8px;
}
.custom-letter-spacing {
  letter-spacing: 2px;
}
.abount-box-main {
  background: transparent;
  border: 1px solid #fff;
  background-color: transparent !important;
}
.custom-border {
  padding: 20px 0px;
  border-bottom: 1px solid #202020;
  border-top: 1px solid #202020;
}
.left-right-space.left-right-space-new::before {
  display: none !important;
}
.discount-applied {
  font-size: 13px;
  position: relative;
  top: -1px;
}
.explore-heading-two.explore-heading-two-box {
  line-height: 33.3px;
}
/* .custom-checkbox.custom-checkbox-new:checked::after{
  border: solid #000;
} */
.custom-checkbox.custom-checkbox-new:checked::after {
  content: "";
  display: block;
  width: 4px;
  height: 8px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 5px;
}
.flex-100 {
  flex: 100%;
}
.slot-box.slot-box-new {
  width: 48%;
}
.line-height-20 {
  line-height: 21px !important;
}
.day-name-right.floar-right {
  float: right;
}
.to {
  margin-left: 10px;
}

.form-check-input:checked {
  background-color: white !important;
  border-color: white !important;
}

.confirm-button-custom {
  color: black !important;
  letter-spacing: 1px;
  border-radius: 0px !important;
}

.cancel-button-custom {
  border-radius: 0.9px !important;
}

.title-class {
  letter-spacing: 1.5px !important;
}

.title-class2 {
  letter-spacing: 1.5px !important;
}
.text-class {
  letter-spacing: 1px !important;
  word-spacing: 2px !important;
}

.text-class2 {
  letter-spacing: 2.5px !important;
  word-spacing: 2px !important;
}

.ok-button-custom {
  background-color: #fff !important; /* White background for "OK" button */
  color: #000 !important; /* Black text for "OK" button */
}

.custom-toast {
  background-color: #fff !important; /* White background */
  color: #000 !important; /* Black text */
  box-shadow: none !important;
  border-radius: 0px !important;
  box-shadow: none !important; /* Remove default shadow if present */
}

.custom-toast .Toastify__toast-icon {
  color: #000 !important; /* Black icon color */
}

.custom-toast .Toastify__progress-bar {
  background-color: #000 !important; /* Black underline (progress bar) */
}

.password__show__hide__icons {
  position: absolute;
  top: 34px;
  right: 7px;
}

.card {
  overflow: hidden;
  /* transition: transform 0.3s, box-shadow 0.3s; */
  max-width: 380px;
  margin-right: 10px;
  background-color: #ffffff;
}
.custom-batch {
  height: max-content;
  background-color: #dedede;
}
/* .card:hover {
  transform: scale(1.05); 
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
} */

.card-img-top {
  height: 100px;
  object-fit: cover;
}
.card-title {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

.card-text {
  font-size: 0.85rem;
  text-align: center;
  margin-bottom: 10px;
  color: #555555;
}

/* .badge {
  font-size: 0.75rem;
  background-color: #f0f0f0; 
  color: #333333;
  margin-right: 5px;
  padding: 5px 10px;
  border-radius: 20px;
  border: 1px solid #cccccc; 
} */

.btn-dark:hover {
  background-color: #000000;
  color: #ffffff;
}

.text-center {
  text-align: center;
}

/* .container {
  padding: 2rem 1rem;
} */
.card.custom-card-new {
  max-width: 100%;
}
.custom-font-style {
  font-weight: 500 !important;
  letter-spacing: 2px;
}
.custom-font-style-v1 {
  letter-spacing: 1.5px;
}
.custom-black-color.text-muted {
  color: #000 !important;
}
.custom-font-style.custom-font-style-v1 {
  line-height: 20px;
  letter-spacing: 2.3px;
  font-weight: 400 !important;
}
.custom-border-btn:hover {
  background-color: #000;
  color: #fff;
}

/* package model start */
.nav-tabs.custom-common-tabs .nav-link {
  background-color: #000;
  color: #fff;
  border-radius: 0px;
  width: 50px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 50px;
  border-radius: 50%;
  justify-content: center;
  border: 1px solid #ffffff;
}
.nav-tabs.custom-common-tabs {
  position: relative;
  z-index: 99;
  gap: 200px;
}
.custom-common-tabs > .nav-item {
  text-align: center;
  width: max-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.nav-tabs.custom-common-tabs .nav-link {
  color: #fff;
  border-radius: 0px;
  width: 50px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 50px;
  border-radius: 50%;
  justify-content: center;
}
.nav-tabs.custom-common-tabs .nav-link:hover {
  background-color: transparent;
  color: #fff;
}
.nav-link-custom:before {
  position: absolute;
  content: "";
  width: 307px;
  height: 1px;
  background-color: #fff;
  left: 112px;
}
.nav-tabs.custom-common-tabs .nav-link.active,
.nav-tabs.custom-common-tabs .nav-link.active:hover {
  background-color: #ffffff;
  color: #000;
}
.appointment-custom-box {
  height: 40px;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 30px;
  cursor: pointer;
  gap: 10px;
}
.appointment-duration-box-inner {
  display: flex;
  gap: 20px;
}

.appointment-custom-box.active-appointment-box {
  background-color: #fff;
  color: #000;
}
.modal-dialog.modal-dialog-full.modal-xl {
  max-width: 100vw;
  min-height: 100vh;
  margin: 0px;
}
.modal-dialog.modal-dialog-full.modal-xl .modal-content {
  min-height: 100vh;
}
#selectPackageModalOpen .modal-body {
  min-height: 401px;
}
a.text-decoration-underline:hover {
  text-decoration: underline !important;
}
.user_response--popup.user_response--popup-v1 .modal-body {
  justify-content: flex-start;
}
/* package model end */
@media (max-width: 768px) {
  .detail-page-banner-inner {
    position: relative !important;
    top: 0px !important;
  }
  .card:hover {
    transform: unset !important;
  }
  .mobile-flex-wrap-v1 {
    flex-wrap: wrap;
  }
  .custom-batch {
    width: max-content;
  }
  .card-img-top {
    height: 90px; /* Adjust for smaller screens */
  }

  .card-title {
    font-size: 0.9rem;
  }

  .card-text {
    font-size: 0.75rem;
  }

  .badge {
    font-size: 0.7rem;
  }
  .w-100.mobile-width-custom {
    width: calc(100% - 25px) !important;
    display: inline-flex;
  }
  /* package model start */
  .nav-tabs.custom-common-tabs {
    gap: 20px;
  }
  .nav-link-custom:before {
    width: 124px;
  }
  .modal-dialog.modal-dialog-full.modal-xl .modal-content {
    height: auto;
    min-height: 100vh;
  }
  .appointment-duration-box-inner {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}

@media (max-width: 1100px) and (min-width: 768px) {
  .detail-page-banner-inner {
    position: relative !important;
    top: 0px !important;
  }
  .card:hover {
    transform: unset !important;
  }
  .mobile-flex-wrap-v1 {
    flex-wrap: wrap;
  }
  .custom-batch {
    width: max-content;
  }
  .ipad-padd-bottom-20.custom-pb-2 {
    padding-bottom: 20px !important;
  }
}

.catBgColor {
  background-color: gray;
}

/* Card container */
.custom-card {
  text-align: center;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* Image container */
.image-container {
  position: relative;
  width: 100%;
  height: 200px;
}

.custom-card-img {
  width: 90%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

/* Overlay styling */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
  color: white;
  letter-spacing: 1.2px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;

  opacity: 0;
  transition: opacity 0.3s ease;
}

.image-container .overlay {
  opacity: 1; /* Show overlay on hover */
}

/* Title styling */
.custom-card-title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 8px;
}

/* Text styling */
.custom-card-text {
  font-size: 0.9rem;
  margin: 0;
}

/* Card body */
.custom-card-body {
  padding: 15px;
}

/* Button styling */
.custom-card-button {
  background-color: #fff;
  color: black;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 0;
  transition: background 0.3s, color 0.3s;
  font-weight: bold;
}
.container-fluid.container-fluid-v1 {
  width: 100vw;
  margin-left: -40px;
}
.image-container.image-container-v1 {
  height: 300px;
}
.explore_more_wrapper_one.explore_more_wrapper_one-v1 img {
  height: 300px;
}
.image-container.image-container-v1 .overlay.custom-package-overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
}
.custom-card-button:hover {
  background-color: #000;
  color: #fff;
  cursor: pointer;
}
.position-relative {
  position: relative;
}
.custom-dismiss-model {
  position: absolute;
  width: max-content;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.tab-w-636 {
  max-width: 636px;
  margin: 0 auto;
}
.custom-package-overlay {
  padding: 10px;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.custom-card-body.custom-card-body-new {
  padding: 0px 0px;
}
.custom-card-img.custom-card-img-new {
  width: 100%;
}
.custom-card.custom-card-new {
  border-radius: 0px;
}
.custom-card-button.custom-card-button-new {
  background-color: transparent;
  color: #fff;
  font-weight: 400 !important;
}
.custom-card-button.custom-card-button-new:hover {
  background-color: #fff;
  color: #000;
}
.overlay.custom-package-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.list-style-none {
  list-style: none;
}
.cust-hr hr {
  opacity: 1;
}
.subscription-group.subscription-group-new.subscription-group-new-v1
  .subscription-part-one {
  min-width: 140px;
  max-width: 140px;
}
.subscription-group.subscription-group-new li {
  text-decoration: none !important;
}
/* #bookSlotPopUp.gloabl-model-settings{
  height:revert-layer !important;
} */

/* Change the background color of dropdown options */
select option:hover {
  background-color: lightgray; /* Set your desired hover color */
  color: black; /* Ensure text is visible */
}

/* Optionally, you can style the select itself on hover */

@media only screen and (max-width: 767px) {
  #selectPackageModalOpen .modal-body {
    min-height: max-content;
  }
  .modal-content.user_response--popup {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
  #jornalTab.custom-tab-width {
    max-width: 1140px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  #jornalTab.cust-tab-width {
    width: calc(100% - 0px) !important;
    margin-left: 0px !important;
  }
  .padd-0-cust {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.processing-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
  background-color: black;
  padding: 20px; /* Adds padding for smaller screens */
}

.processing-content {
  max-width: 90%; /* Ensures the content doesn't overflow on small screens */
}

.processing-text {
  font-size: 3rem;
  margin-bottom: 20px;
  color: white;
}

.processing-animation {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.bubble {
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  animation: bubble 1.5s ease-in-out infinite;
}

.bubble:nth-child(2) {
  animation-delay: 0.3s;
}

.bubble:nth-child(3) {
  animation-delay: 0.6s;
}
/* #bookSlotPopUp.modal{
height:auto !important;
} */
.explore_more_wrapper_one:hover .grassmorphism-pattern {
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  left: 0px;
  padding-left: 40px;
  padding-bottom: 24px !important;
  width: 100%;
  height: 100% !important;
  bottom: 0%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.grassmorphism-pattern #bookBtn {
  width: 83px;
}
.letter-spacing-pricing {
  letter-spacing: 0.5px;
}
.flex-1 {
  flex: 1;
}
.inner-month-box {
  height: 59px;
  display: flex;
}
@keyframes bubble {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
  }
}

/* Add media queries for smaller screens */
@media (max-width: 768px) {
  .processing-text {
    font-size: 2rem; /* Reduce text size */
  }

  .bubble {
    width: 15px; /* Smaller bubbles */
    height: 15px;
  }

  .processing-animation {
    gap: 8px; /* Reduce gap between bubbles */
  }
}

@media (max-width: 480px) {
  .processing-text {
    font-size: 1.5rem; /* Further reduce text size */
  }

  .bubble {
    width: 10px; /* Smallest bubbles */
    height: 10px;
  }

  .processing-animation {
    gap: 5px; /* Tighten gap between bubbles */
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .logo h1 {
    font-size: 130px !important;
  }
  .split__screen--link {
    font-size: 100px !important;
  }
}

.custom-card-new .mobile-flex-wrap-v1 {
  flex-wrap: wrap;
}
.explore_more_wrapper_one.explore_more_wrapper_one-new:hover .explore-content {
  display: none;
}
/* Back Button */

.back__btn_left {
  position: absolute;
  top: 12px;
}
.close__modal__icon {
  position: absolute;
  right: 0;
  top: -53px;
  font-size: 24px;
}
.book__text {
  letter-spacing: 2px;
}
.list__group:hover li {
  text-decoration: none;
}
/*  */

.slot__title {
  letter-spacing: 3px;
}
li.list__group:hover {
  text-decoration: none !important;
}
.subscription-appointment-one {
  max-width: 800px;
  margin: 0 auto;
}
.list__group {
  border: 1px solid #fff;
}
.custom__radio {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #ff5733;
  border-radius: 50%;
  outline: none;
  padding: 1px;
  transition: all 0.3s ease;
}

.custom__radio:checked {
  background-color: #fff !important;
  border: 1px solid #fff !important;
}
.book__text {
  position: relative;
}

.form-check.book__text:first-child::before {
  content: "";
  width: 2px;
  height: 21px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 8px;
  transform: translate(-50%, 100%);
  transition: background-color 0.3s ease;
}

.subscription_plan_back_button {
  position: absolute;
  left: 0;
  top: -45px;
}
.package-pattern-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 5px;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: -1;
  opacity: 0.7;
  display: block !important;
}
.package-pattern-view {
  background-color: transparent;
}
.package-pattern-view .btn {
  border-radius: 0px !important;
  background: #fff !important;
  border-color: #fff !important;
}
.package-pattern-view .btn:hover {
  background: transparent !important;
}
.package-pattern-view .custom-black-color.text-muted {
  color: #fff !important;
}
.package-pattern-view hr {
  color: #fff !important;
  opacity: 1 !important;
}
.package-pattern-view .custom-font-style.custom-font-style-v1 {
  color: #fff;
}
.package-pattern-view p.text-dark {
  color: #fff !important;
}
.package-pattern-view .custom-batch {
  background-color: #ffffff;
}
.package-pattern-view .package-pattern-image {
  border-radius: 0px !important;
}
.no-faq__available {
  letter-spacing: 2px;
}

/* -------------- Packages Card CSS -------------- */
#packagesCard {
  position: relative;
  min-height: 400px;
  overflow: hidden;
  /* transition: all 0.3s ease; */
}
#packagesCard::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: red;
}
#packagesCard .package-pattern-image {
  width: 100%;
  height: auto;
  display: block;
}

.select_package {
  position: absolute;
  bottom: 10px;
  width: 100%;
}

/* Hover Effects */

#packagesCard .package-pattern-image {
  transition: filter 0.5s ease-in-out;
  will-change: filter;
}
#packagesCard:hover .package-pattern-image {
  filter: brightness(0.3) !important;
}

.default-content {
  position: absolute;
  bottom: 8%;
  left: 40px;
  color: #fff;
  text-align: left;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.1s ease;
  visibility: visible;
}

.image-container .hover-content {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: scale(1);
  visibility: hidden;
}

.image-container:hover .hover-content {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1.05);
  visibility: visible;
}

.hover-content {
  position: absolute;
  bottom: 8%;
  left: 40px;
  color: white;
  text-align: left;
  z-index: 2;
  transition: all 0.4s ease-in-out;
}

.image-container:hover .default-content {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.image-container:hover img {
  filter: brightness(0.7) blur(4px);
  transform: scale(1.05);
  transition: all 0.4s ease;
}

.image-container img {
  filter: brightness(0.7);
  transform: scale(1.05);
  transition: transform 0.4s ease;
}
/*  */

.explore-detail-title-1 {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 3px;
}

.explore-detail-title-1 {
  left: 40px;
}
.read_more__less {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  font-size: 18px !important;
  letter-spacing: 1px !important;
}