body.dark-mode header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}
body.dark-mode header.scrolled {
  background-color: #111e1c;
}
body.dark-mode header .navbar-toggler-icon {
  filter: invert(1);
}
body.dark-mode header nav {
  /* Toggle switch container */
  /* Hide the default checkbox input */
  /* Switch label styling */
  /* Switch button (circle) styling */
  /* When checked, move the button and change background */
  /* Icon transition (moon for dark mode, sun for light mode) */
  /* Styling for switch glow effect */
}
body.dark-mode header nav .navbar-toggler {
  padding: 0;
  border: 0;
}
body.dark-mode header nav.bg-custom {
  background-color: transparent;
}
body.dark-mode header nav .logo-dark {
  display: block;
  height: 90px;
}
body.dark-mode header nav .logo-light {
  display: none;
}
body.dark-mode header nav #navbarNav .navbar-nav {
  gap: 38px;
  margin-right: 30px;
}
body.dark-mode header nav #navbarNav .navbar-nav .nav-item .nav-link {
  padding: 0;
  color: var(--dark-color-dark);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: 0.64px;
}
body.dark-mode header nav .right_side {
  display: flex;
  align-items: center;
  gap: 35px;
}
body.dark-mode header nav .dropdown button.btn.btn-custom {
  width: 96px;
  height: 40px;
  border-radius: 23px;
  background: var(--primary-color-dark);
  color: var(--dark-color-dark);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
body.dark-mode header nav .dropdown .dropdown-menu {
  border-radius: 16px;
  background: var(--dark-color-dark);
  right: 0;
  left: auto;
  padding: 0;
  overflow: hidden;
}
body.dark-mode header nav .dropdown .dropdown-menu li a {
  padding: 15px;
}
body.dark-mode header nav .dropdown.user button.btn.btn-custom {
  width: 96px;
  height: 46px;
  border-radius: 23px;
  background: var(--primary-color-dark);
  color: var(--dark-color-dark);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  padding: 7px;
  justify-content: space-between;
}
body.dark-mode header nav .dropdown.user button.btn.btn-custom::after {
  display: none;
}
body.dark-mode header nav .dropdown.user button.btn.btn-custom svg {
  margin-left: 7px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
body.dark-mode header nav .dropdown.user button.btn.btn-custom img {
  width: 39px;
  height: 39px;
  flex-shrink: 0;
  border-radius: 39px;
}
body.dark-mode header nav .toggle-switch {
  position: relative;
  line-height: normal;
  display: flex;
}
body.dark-mode header nav .switch-input {
  display: none;
}
body.dark-mode header nav .switch-label {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 35px;
  background-color: var(--primary-color-dark);
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
body.dark-mode header nav .switch-button {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  background-color: var(--semi-dark-color2-dark);
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
body.dark-mode header nav .switch-input:checked + .switch-label .switch-button {
  transform: translateX(35px);
  -webkit-transform: translateX(35px);
  -moz-transform: translateX(35px);
  -ms-transform: translateX(35px);
  -o-transform: translateX(35px);
}
body.dark-mode header nav .switch-input:checked + .switch-label {
  background-color: var(--semi-dark-color2-dark); /* Light theme background */
}
body.dark-mode header nav .switch-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.19198 15.898C5.91666 15.898 3.98233 15.1108 2.38899 13.5363C0.795647 11.9619 -0.000682227 10.0509 4.38543e-07 7.80326C4.38543e-07 6.1371 0.482304 4.60754 1.44691 3.21457C2.4122 1.82026 3.78094 0.817527 5.55314 0.206377C5.76204 0.134199 5.94499 0.115311 6.102 0.149713C6.25902 0.184116 6.38906 0.251235 6.49215 0.35107C6.59523 0.450904 6.66077 0.57907 6.68876 0.735568C6.71606 0.89274 6.69456 1.05767 6.62424 1.23036C6.49181 1.55212 6.39555 1.87962 6.33548 2.21285C6.2754 2.54608 6.24571 2.8918 6.24639 3.24999C6.24639 5.05308 6.88229 6.58332 8.1541 7.8407C9.42658 9.0974 10.9752 9.72575 12.8 9.72575C13.2765 9.72575 13.7124 9.67583 14.1076 9.576C14.5036 9.47616 14.8408 9.39522 15.1193 9.33316C15.2682 9.30618 15.4043 9.30955 15.5279 9.34328C15.6515 9.37701 15.7511 9.43637 15.8269 9.52136C15.9054 9.60568 15.9587 9.70956 15.9867 9.83301C16.0146 9.95645 15.9986 10.0971 15.9385 10.2549C15.4504 11.9076 14.4937 13.2611 13.0683 14.3155C11.6429 15.3698 10.0174 15.8973 8.19198 15.898Z' fill='%235FE5D1'/%3E%3C/svg%3E");
}
body.dark-mode header nav .switch-input:checked + .switch-label .switch-button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 4.90909C6.74182 4.90909 4.90909 6.74182 4.90909 9C4.90909 11.2582 6.74182 13.0909 9 13.0909C11.2582 13.0909 13.0909 11.2582 13.0909 9C13.0909 6.74182 11.2582 4.90909 9 4.90909ZM0.818182 9.81818H2.45455C2.90455 9.81818 3.27273 9.45 3.27273 9C3.27273 8.55 2.90455 8.18182 2.45455 8.18182H0.818182C0.368182 8.18182 0 8.55 0 9C0 9.45 0.368182 9.81818 0.818182 9.81818ZM15.5455 9.81818H17.1818C17.6318 9.81818 18 9.45 18 9C18 8.55 17.6318 8.18182 17.1818 8.18182H15.5455C15.0955 8.18182 14.7273 8.55 14.7273 9C14.7273 9.45 15.0955 9.81818 15.5455 9.81818ZM8.18182 0.818182V2.45455C8.18182 2.90455 8.55 3.27273 9 3.27273C9.45 3.27273 9.81818 2.90455 9.81818 2.45455V0.818182C9.81818 0.368182 9.45 0 9 0C8.55 0 8.18182 0.368182 8.18182 0.818182ZM8.18182 15.5455V17.1818C8.18182 17.6318 8.55 18 9 18C9.45 18 9.81818 17.6318 9.81818 17.1818V15.5455C9.81818 15.0955 9.45 14.7273 9 14.7273C8.55 14.7273 8.18182 15.0955 8.18182 15.5455ZM4.08273 2.92909C4.00703 2.85324 3.91713 2.79307 3.81815 2.75201C3.71917 2.71095 3.61307 2.68982 3.50591 2.68982C3.39875 2.68982 3.29265 2.71095 3.19367 2.75201C3.09469 2.79307 3.00478 2.85324 2.92909 2.92909C2.85324 3.00478 2.79307 3.09469 2.75201 3.19367C2.71095 3.29265 2.68982 3.39875 2.68982 3.50591C2.68982 3.61307 2.71095 3.71917 2.75201 3.81815C2.79307 3.91713 2.85324 4.00703 2.92909 4.08273L3.79636 4.95C4.11545 5.26909 4.63909 5.26909 4.95 4.95C5.26091 4.63091 5.26909 4.10727 4.95 3.79636L4.08273 2.92909ZM14.2036 13.05C14.1279 12.9742 14.038 12.914 13.9391 12.8729C13.8401 12.8319 13.734 12.8107 13.6268 12.8107C13.5197 12.8107 13.4136 12.8319 13.3146 12.8729C13.2156 12.914 13.1257 12.9742 13.05 13.05C12.9742 13.1257 12.914 13.2156 12.8729 13.3146C12.8319 13.4136 12.8107 13.5197 12.8107 13.6268C12.8107 13.734 12.8319 13.8401 12.8729 13.9391C12.914 14.038 12.9742 14.1279 13.05 14.2036L13.9173 15.0709C14.2364 15.39 14.76 15.39 15.0709 15.0709C15.1468 14.9952 15.2069 14.9053 15.248 14.8063C15.289 14.7074 15.3102 14.6012 15.3102 14.4941C15.3102 14.3869 15.289 14.2808 15.248 14.1819C15.2069 14.0829 15.1468 13.993 15.0709 13.9173L14.2036 13.05ZM15.0709 4.08273C15.1468 4.00703 15.2069 3.91713 15.248 3.81815C15.289 3.71917 15.3102 3.61307 15.3102 3.50591C15.3102 3.39875 15.289 3.29265 15.248 3.19367C15.2069 3.09469 15.1468 3.00478 15.0709 2.92909C14.9952 2.85324 14.9053 2.79307 14.8063 2.75201C14.7074 2.71095 14.6012 2.68982 14.4941 2.68982C14.3869 2.68982 14.2808 2.71095 14.1819 2.75201C14.0829 2.79307 13.993 2.85324 13.9173 2.92909L13.05 3.79636C12.7309 4.11545 12.7309 4.63909 13.05 4.95C13.3691 5.26091 13.8927 5.26909 14.2036 4.95L15.0709 4.08273ZM4.95 14.2036C5.02585 14.1279 5.08602 14.038 5.12708 13.9391C5.16814 13.8401 5.18927 13.734 5.18927 13.6268C5.18927 13.5197 5.16814 13.4136 5.12708 13.3146C5.08602 13.2156 5.02585 13.1257 4.95 13.05C4.87431 12.9742 4.7844 12.914 4.68542 12.8729C4.58644 12.8319 4.48034 12.8107 4.37318 12.8107C4.26603 12.8107 4.15992 12.8319 4.06094 12.8729C3.96197 12.914 3.87206 12.9742 3.79636 13.05L2.92909 13.9173C2.61 14.2364 2.61 14.76 2.92909 15.0709C3.24818 15.3818 3.77182 15.39 4.08273 15.0709L4.95 14.2036Z' fill='white'/%3E%3C/svg%3E");
}
body.dark-mode header nav .switch-input:checked + .switch-label .switch-button {
  box-shadow: 0 0 12px rgb(255, 255, 255);
}
body.dark-mode .hero {
  background-color: var(--primary-color-light);
  background-image: url("../img/dark-hero-bg.jpg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 100% 100%;
  min-height: 955px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  position: relative;
  padding-bottom: 70px;
  /* Container for the search bar */
  /* Individual input box */
  /* Icons inside the input box */
  /* Input fields styling */
  /* Styling the search button */
  /* Search icon inside button */
}
body.dark-mode .hero h1.hero-heading {
  color: var(--secondary-color-light);
  text-align: center;
  font-family: Poppins;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 118%; /* 75.883px */
  text-transform: uppercase;
  margin-bottom: 100px;
  z-index: 1;
  position: relative;
}
body.dark-mode .hero h1.hero-heading span.sp {
  color: var(--primary-color-dark);
}
body.dark-mode .hero img.rt-img {
  max-width: 831px;
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}
body.dark-mode .hero .search-bar {
  display: flex;
  align-items: center;
  padding: 10px;
  max-width: 654px;
  height: 64px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(39.25px);
  margin: 0 auto;
  justify-content: space-between;
  gap: 14px;
  margin-top: 50px;
}
body.dark-mode .hero .input-box {
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 25px;
  position: relative;
  flex-shrink: 0;
  gap: 10px;
  height: 43px;
}
body.dark-mode .hero .input-box.lc {
  width: 243.097px;
}
body.dark-mode .hero .input-box.lc .select2 {
  width: 100% !important;
  padding-left: 30px;
}
body.dark-mode .hero .input-box.lc .select2 .select2-selection--single {
  height: 43px;
  border-radius: 25px;
  border: 0;
  background-color: transparent;
}
body.dark-mode .hero .input-box.lc .select2 .select2-selection--single .select2-selection__rendered {
  line-height: 43px;
}
body.dark-mode .hero .input-box.lc .select2 .select2-selection--single .select2-selection__arrow {
  height: 43px;
  right: 8px;
}
body.dark-mode .hero .input-box.lc .icon {
  position: absolute;
  left: 12px;
  top: 8px;
  z-index: 999;
}
body.dark-mode .hero .input-box.ct {
  width: 131px;
}
body.dark-mode .hero .input-box.ct .select2 {
  width: 100% !important;
  padding-left: 30px;
}
body.dark-mode .hero .input-box.ct .select2 .select2-selection--single {
  height: 43px;
  border-radius: 25px;
  border: 0;
  background-color: transparent;
}
body.dark-mode .hero .input-box.ct .select2 .select2-selection--single .select2-selection__rendered {
  line-height: 43px;
}
body.dark-mode .hero .input-box.ct .select2 .select2-selection--single .select2-selection__arrow {
  height: 43px;
  right: 8px;
}
body.dark-mode .hero .input-box.ct .icon {
  position: absolute;
  left: 12px;
  top: 8px;
  z-index: 999;
}
body.dark-mode .hero .input-box.ac {
  width: 166px;
}
body.dark-mode .hero .input-box.ac .select2 {
  width: 100% !important;
  padding-left: 30px;
}
body.dark-mode .hero .input-box.ac .select2 .select2-selection--single {
  height: 43px;
  border-radius: 25px;
  border: 0;
  background-color: transparent;
}
body.dark-mode .hero .input-box.ac .select2 .select2-selection--single .select2-selection__rendered {
  line-height: 43px;
}
body.dark-mode .hero .input-box.ac .select2 .select2-selection--single .select2-selection__arrow {
  height: 43px;
  right: 8px;
}
body.dark-mode .hero .input-box.ac .icon {
  position: absolute;
  left: 12px;
  top: 8px;
  z-index: 999;
}
body.dark-mode .hero .icon svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
body.dark-mode .hero .input-box input {
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
  color: #333;
  height: 20px;
}
body.dark-mode .hero .search-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #52d3c2;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
body.dark-mode .hero .search-icon {
  line-height: normal;
  color: white;
}
body.dark-mode .activity_slider {
  /* background-color: #111e1c; */
  padding: 40px 0;
  position: relative;
  height: 183px;
  display: flex;
  align-items: center;
  width: 100%;
}
body.dark-mode .activity_slider::after {
  content: "";
  background: transparent;
  /* backdrop-filter: blur(20px); */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
body.dark-mode .activity_slider .swiper-slide {
  z-index: 1;
}
body.dark-mode .activity_slider .swiper-slide.swiper-slide-active .activity span.activity-icon svg {
  color: var(--secondary-color-light);
}
body.dark-mode .activity_slider .swiper-slide.swiper-slide-active .activity span.activity_name {
  color: var(--secondary-color-light);
  font-weight: 700;
}
body.dark-mode .activity_slider .swiper-slide .activity {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
body.dark-mode .activity_slider .swiper-slide .activity span.activity-icon svg {
  width: auto;
  height: 45px;
  /* color: var(--white-color-light); */
}
body.dark-mode .activity_slider .swiper-slide .activity span.activity_name {
  color: var(--white-color-light);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
body.dark-mode .activity_slider .swiper-slide .activity:hover span.activity-icon svg {
  color: var(--secondary-color-light);
}
body.dark-mode .activity_slider .swiper-slide .activity:hover span.activity_name {
  color: var(--secondary-color-light);
  font-weight: 700;
}
body.dark-mode .activity_slider .swiper_navs {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 99;
  left: 0;
  right: 0;
}
body.dark-mode .activity_slider .swiper_navs .swiper-button-prev {
  display: inline-flex;
  padding: 9.465px;
  align-items: center;
  gap: 4.302px;
  border-radius: 43.023px;
  background: var(--primary-color-light);
  height: 37px;
  width: 37px;
  z-index: 1;
}
body.dark-mode .activity_slider .swiper_navs .swiper-button-prev::after {
  display: none;
}
body.dark-mode .activity_slider .swiper_navs .swiper-button-next {
  display: inline-flex;
  padding: 9.465px;
  align-items: center;
  gap: 4.302px;
  border-radius: 43.023px;
  background: var(--primary-color-light);
  height: 37px;
  width: 37px;
}
body.dark-mode .activity_slider .swiper_navs .swiper-button-next::after {
  display: none;
}
body.dark-mode section.category {
  background-color: var(--white-color-dark);
  padding: 100px 0 0;
}
body.dark-mode section.category h5.small_heading {
  color: var(--primary-color-dark);
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.84px;
  text-transform: uppercase;
}
body.dark-mode section.category h1.main_heading {
  color: var(--dark-color-dark);
  text-align: center;
  font-family: Poppins;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
body.dark-mode section.category p.des {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 50px;
}
body.dark-mode section.category .category-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  margin-bottom: 30px;
}
body.dark-mode section.category .category-wrapper img {
  width: 100%;
}
body.dark-mode section.category .category-wrapper span {
  background: rgba(95, 229, 209, 0.2);
  backdrop-filter: blur(7.9499998093px);
  color: var(--dark-color-dark);
  font-family: Montserrat;
  font-size: 25.179px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
body.dark-mode section.category .moboile_verson {
  display: none;
}
body.dark-mode section.category .moboile_verson .category_swiper .category-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 30px;
}
body.dark-mode section.category .moboile_verson .category_swiper .category-wrapper img {
  width: 100%;
}
body.dark-mode section.category .moboile_verson .category_swiper .category-wrapper span {
  background: rgba(95, 229, 209, 0.2);
  backdrop-filter: blur(7.9499998093px);
  color: var(--dark-color-dark);
  font-family: Montserrat;
  font-size: 21px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
body.dark-mode section.recommended {
  background-color: var(--white-color-dark);
  padding: 30px 0;
}
body.dark-mode section.recommended h5.small_heading {
  color: var(--primary-color-light);
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.84px;
  text-transform: uppercase;
}
body.dark-mode section.recommended h1.main_heading {
  color: var(--dark-color-dark);
  text-align: center;
  font-family: Poppins;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
body.dark-mode section.recommended p.des {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 50px;
}
body.dark-mode section.recommended .desktop_version {
  display: block;
}
body.dark-mode section.recommended .moboile_verson {
  display: none;
}
body.dark-mode section.recommended .half_round_card {
  position: relative;
  margin-bottom: 30px;
  display: block;
  height: 600px;
}
body.dark-mode section.recommended .half_round_card img.main_img {
  height: 100%;
  width: 100%;
  border-radius: 25px ;
  background: var(--white-color-dark);
  -webkit-border-radius: 25px ;
  -moz-border-radius: 25px ;
  -ms-border-radius: 25px ;
  -o-border-radius: 25px ;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  object-fit: cover;
}
body.dark-mode section.recommended .half_round_card .fav-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  color: var(--secondary-color-light);
  z-index: 1;
}
body.dark-mode section.recommended .half_round_card .fav-icon i {
  font-size: 25px;
}
body.dark-mode section.recommended .half_round_card .info_card {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 25px;
  width: 70%;
  margin: 0 auto;
  border-radius: 10px;
  background: var(--gray-color-light);
  padding: 15px;
}
body.dark-mode section.recommended .half_round_card .info_card .upper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-direction: column;
  gap: 15px;
}
body.dark-mode section.recommended .half_round_card .info_card .upper .logo_profesonal {
  height: 80px;
  width: 80px;
  flex-shrink: 0;
  border-radius: 15px;
  object-fit: contain;
  background: white;
  background: white;
  margin-top: -80px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
body.dark-mode section.recommended .half_round_card .info_card .upper .days {
  flex: 1;
  border-radius: 5px 15px 5px 15px;
  background: #5fe5d1;
  color: var(--black-color-light);
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
body.dark-mode section.recommended .half_round_card .info_card .upper .days img {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
body.dark-mode section.recommended .half_round_card .info_card .upper .days i {
  font-size: 17px;
}
body.dark-mode section.recommended .half_round_card .info_card .upper .days span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body.dark-mode section.recommended .half_round_card .info_card .lower span {
  color: var(--dark-color-light);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body.dark-mode section.recommended .show_all {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.dark-mode section.recommended .show_all a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 167px;
  height: 58px;
  border-radius: 100px;
  border: 1px solid var(--primary-color-light);
  flex-shrink: 0;
  color: var(--primary-color-light);
  font-family: Poppins;
  font-size: 20.716px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}
body.dark-mode section.banner_one_section {
  background-color: var(--white-color-dark);
   padding: 0 !important;
    display: flow-root;
}
body.dark-mode section.banner_one_section .banner_one {
  margin: 30px 0 60px;
  position: relative;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}
body.dark-mode section.banner_one_section .banner_one img {
  width: 100%;
  height: auto;
  border-radius: 40px;
}
body.dark-mode section.banner_one_section .banner_one .banner_one_info {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 60px;
  top: 50%;
}
body.dark-mode section.banner_one_section .banner_one .banner_one_info h1 {
  color: var(--primary-color-light);
  font-family: Poppins;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 53.177px; /* 118.171% */
  text-transform: uppercase;
}
body.dark-mode section.banner_one_section .banner_one .banner_one_info h2 {
  color: #fff;
  font-family: Poppins;
  font-size: 38.86px;
  font-style: normal;
  font-weight: 700;
  line-height: 53.177px;
}
body.dark-mode section.banner_one_section .banner_one .banner_one_info p {
  color: #fff;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 53.177px; /* 221.57% */
}
body.dark-mode section.banner_one_section .banner_one .banner_one_info .btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.dark-mode section.banner_one_section .banner_one .banner_one_info .btns button.one {
  width: 249px;
  height: 61px;
  flex-shrink: 0;
  border-radius: 30.679px;
  background: var(--primary-color-light);
  color: #fff;
  font-family: Poppins;
  font-size: 25.566px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  border: 0;
}
body.dark-mode section.banner_one_section .banner_one .banner_one_info .btns button.two {
  width: 148px;
  height: 61px;
  flex-shrink: 0;
  border-radius: 30.679px;
  border: 1px solid white;
  color: var(--primary-color-light);
  font-family: Poppins;
  font-size: 25.566px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  background-color: white;
}
body.dark-mode section.banner_one_section .banner_two {
  margin: 30px 0;
  position: relative;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}
body.dark-mode section.banner_one_section .banner_two img {
  width: 100%;
  height: auto;
  border-radius: 40px;
}
body.dark-mode section.banner_one_section .banner_two .banner_two_info {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 60px;
  top: 50%;
}
body.dark-mode section.banner_one_section .banner_two .banner_two_info h1 {
  color: var(--secondary-color-light);
  font-family: Poppins;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 53.177px; /* 118.171% */
  text-transform: uppercase;
}
body.dark-mode section.banner_one_section .banner_two .banner_two_info h2 {
  color: #fff;
  font-family: Poppins;
  font-size: 38.86px;
  font-style: normal;
  font-weight: 700;
  line-height: 53.177px;
}
body.dark-mode section.banner_one_section .banner_two .banner_two_info p {
  color: #fff;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 53.177px; /* 221.57% */
}
body.dark-mode section.banner_one_section .banner_two .banner_two_info .btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.dark-mode section.banner_one_section .banner_two .banner_two_info .btns button.one {
  width: 249px;
  height: 61px;
  flex-shrink: 0;
  border-radius: 30.679px;
  background: var(--secondary-color-light);
  color: #fff;
  font-family: Poppins;
  font-size: 25.566px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  border: 0;
}
body.dark-mode section.banner_one_section .banner_two .banner_two_info .btns button.two {
  width: 148px;
  height: 61px;
  flex-shrink: 0;
  border-radius: 30.679px;
  border: 1px solid white;
  color: var(--secondary-color-light);
  font-family: Poppins;
  font-size: 25.566px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  background-color: white;
}
body.dark-mode section.featured_section {
  background-color: var(--white-color-dark);
  padding: 20px 0;
}
body.dark-mode section.featured_section h5.small_heading {
  color: var(--primary-color-dark);
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.84px;
  text-transform: uppercase;
}
body.dark-mode section.featured_section h1.main_heading {
  color: var(--dark-color-dark);
  text-align: center;
  font-family: Poppins;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
body.dark-mode section.featured_section p.des {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 50px;
}
body.dark-mode section.featured_section .featured_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 1px 0px 15.8px -4px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  margin: 10px;
}
body.dark-mode section.featured_section .featured_box img.top_img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
body.dark-mode section.featured_section .featured_box .featured_box_body {
    padding: 32px;
    display: flex;
    flex-direction: column;
    min-height: 312px;
    justify-content: space-evenly;
}
body.dark-mode section.featured_section .featured_box .featured_box_body .subheading {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.dark-mode section.featured_section .featured_box .featured_box_body .subheading img {
  width: 22px;
  height: 22px;
  filter: invert(1);
}
body.dark-mode section.featured_section .featured_box .featured_box_body .subheading span {
  color: var(--dark-color-dark);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
body.dark-mode section.featured_section .featured_box .featured_box_body h1.heading {
  color: var(--dark-color-dark);
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.dark-mode section.featured_section .featured_box .featured_box_body p.des1 {
  color: var(--dark-color-dark);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  margin-bottom: 10px;
}
body.dark-mode section.featured_section .featured_box .featured_box_body .foot {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.dark-mode section.featured_section .featured_box .featured_box_body .foot i {
  font-size: 18px;
  color: #fff;
}
body.dark-mode section.featured_section .featured_box .featured_box_body .foot span {
  color: var(--dark-color-dark);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
body.dark-mode section.featured_section .swiper-pagination {
  bottom: 8px;
  top: auto;
  left: 0;
  width: 100%;
}
body.dark-mode section.featured_section .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
body.dark-mode section.featured_section .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  opacity: 0.5;
  background-color: var(--dark-color-dark);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
body.dark-mode section.testomonial_section {
  background-image: url("../img/testomonial_bg.jpg");
  height: 801px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}
body.dark-mode section.testomonial_section h5.small_heading {
  color: var(--primary-color-dark);
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.84px;
  text-transform: uppercase;
}
body.dark-mode section.testomonial_section h1.main_heading {
  color: var(--dark-color-dark);
  text-align: center;
  font-family: Poppins;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
body.dark-mode section.testomonial_section p.des {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 50px;
}
body.dark-mode section.testomonial_section .testomonial_wrapper {
  display: flex;
  gap: 30px;
  justify-content: center;
}
body.dark-mode section.testomonial_section .testomonial_wrapper img.left_img {
  border-radius: 20px 200px 20px 20px;
  width: 300px;
  height: auto;
}
body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box {
  padding-top: 80px;
}
body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .line {
  display: flex;
  align-items: center;
  gap: 20px;
}
body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .line img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  -ms-border-radius: 5;
  -o-border-radius: 5;
}
body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .line span {
  color: #fff;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .rating {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  color: var(--secondary-color-light);
  font-size: 20px;
  margin-top: 20px;
}
body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box p {
  color: var(--primary-color-dark);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}
body.dark-mode section.testomonial_section .swiper_navs {
  position: absolute;
  margin: 0 auto;
  top: 80%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 99;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
body.dark-mode section.testomonial_section .swiper_navs .swiper-button-prev {
  display: inline-flex;
  padding: 9.465px;
  align-items: center;
  gap: 4.302px;
  border-radius: 43.023px;
  background: var(--primary-color-light);
  height: 37px;
  width: 37px;
  z-index: 1;
  position: static;
  border: 2px solid rgba(29, 246, 89, 0.2);
}
body.dark-mode section.testomonial_section .swiper_navs .swiper-button-prev::after {
  display: none;
}
body.dark-mode section.testomonial_section .swiper_navs .swiper-button-next {
  display: inline-flex;
  padding: 9.465px;
  align-items: center;
  gap: 4.302px;
  border-radius: 43.023px;
  background: var(--primary-color-light);
  height: 37px;
  width: 37px;
  position: static;
  border: 2px solid rgba(29, 246, 89, 0.2);
}
body.dark-mode section.testomonial_section .swiper_navs .swiper-button-next::after {
  display: none;
}
body.dark-mode section.newsletter_section {
  min-height: 172px;
  background-color: var(--primary-color-light);
  display: flex;
  align-items: center;
}
body.dark-mode section.newsletter_section .news-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 70px;
}
body.dark-mode section.newsletter_section .news-wrapper .left h3 {
  color: var(--semi-dark-color-light);
  font-family: Montserrat;
  font-size: 19.314px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.46px; /* 111.111% */
  margin: 0;
}
body.dark-mode section.newsletter_section .news-wrapper .left p {
  color: var(--semi-dark-color-light);
  font-family: Montserrat;
  font-size: 15.022px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.46px; /* 142.857% */
  margin: 0;
}
body.dark-mode section.newsletter_section .news-wrapper .right {
  flex: 1;
  position: relative;
}
body.dark-mode section.newsletter_section .news-wrapper .right input {
  border-radius: 27.898px;
  border: 1.073px solid #e8eaec;
  background: #fff;
  width: 100%;
  height: 55.796px;
  flex-shrink: 0;
}
body.dark-mode section.newsletter_section .news-wrapper .right button {
  position: absolute;
  right: 0;
  top: 0;
  width: 55.796px;
  height: 55.796px;
  flex-shrink: 0;
  background-color: #000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.dark-mode footer {
  background-image: url("../img/footer_bg.jpg");
  padding: 100px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}
body.dark-mode footer .col_1 .footer_logo {
  max-width: 250px;
  height: auto;
  margin-bottom: 20px;
}
body.dark-mode footer .col_1 p {
  color: #9a9a9a;
  font-family: Montserrat;
  font-size: 15.813px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.083px;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.dark-mode footer .col_1 .download_app {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
body.dark-mode footer .col_1 .download_app img {
  height: 55px;
}
body.dark-mode footer .foot_heading {
  color: #fff;
  font-family: Montserrat;
  font-size: 18.975px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.083px; /* 111.111% */
}
body.dark-mode footer ul.foot_links {
  list-style-type: none;
  padding: 0;
}
body.dark-mode footer ul.foot_links li {
  padding: 5px 0;
}
body.dark-mode footer ul.foot_links li a {
  text-decoration: none;
  color: #fff;
  font-family: Montserrat;
  font-size: 15.813px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.083px; /* 133.333% */
}
body.dark-mode footer .socail_link {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 25px;
}
body.dark-mode footer .socail_link a {
  text-decoration: none;
}
body.dark-mode footer .socail_link a img {
  height: 40px;
  width: 40px;
}
body.dark-mode footer hr {
  opacity: 1;
  border-color: #ffffff;
  margin: 30px 0;
}
body.dark-mode footer .sg {
  padding-bottom: 20px;
}
body.dark-mode footer .sg p {
  color: #fff;
  font-family: Montserrat;
  font-size: 16.867px;
  font-style: normal;
  font-weight: 600;
  line-height: 21.083px; /* 125% */
  margin-bottom: 10px;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
  body.dark-mode header nav .logo-dark {
    display: block;
    height: 50px;
  }
  body.dark-mode header nav #navbarNav .navbar-nav {
    gap: 15px;
    margin-right: 20px;
  }
  body.dark-mode footer .col_1 .footer_logo {
    max-width: 200px;
    height: auto;
    margin-bottom: 20px;
  }
  body.dark-mode footer .col_1 .download_app img {
    height: 40px;
  }
  body.dark-mode footer .socail_link {
    gap: 10px;
  }
  body.dark-mode footer .socail_link a img {
    height: 20px;
    width: 20px;
  }
  body.dark-mode section.recommended .half_round_card img.main_img {
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
  body.dark-mode section.recommended .half_round_card .info_card {
    width: 85%;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  body.dark-mode footer {
    text-align: center;
  }
  body.dark-mode footer .col_1 p {
    text-align: center;
  }
  body.dark-mode footer .col_1 .download_app img {
    height: 40px;
  }
  body.dark-mode footer .col_1 .download_app {
    justify-content: center;
  }
  body.dark-mode footer .socail_link {
    justify-content: center;
  }
  body.dark-mode footer .sg {
    padding-bottom: 20px;
    justify-content: center !important;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box {
    padding: 0;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper img.left_img {
    width: 200px;
    height: auto;
    border-radius: 8.413px 84.131px 8.413px 8.413px;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .line {
    flex-direction: column;
  }
  body.dark-mode section.testomonial_section .swiper_navs {
    top: 90%;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .line span {
    font-size: 14px;
  }
  body.dark-mode section.banner_one_section .banner_one img {
    width: 100%;
    height: 400px;
    border-radius: 30px;
    object-fit: cover;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  }
  body.dark-mode section.banner_one_section .banner_two img {
    width: 100%;
    height: 400px;
    border-radius: 30px;
    object-fit: cover;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  }
  body.dark-mode section.recommended .half_round_card img.main_img {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
  body.dark-mode .hero {
    background-image: url("../img/dark-hero-bg-mobile.jpg");
    min-height: 800px;
    background-size: cover;
  }
  body.dark-mode .hero .row.rv_mob {
    flex-direction: column-reverse;
  }
  body.dark-mode .hero img.rt-img {
    position: static;
    width: 400px;
    height: auto;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    margin: 0 auto;
    margin-top: 140px;
  }
  body.dark-mode .hero .search-bar {
    flex-wrap: wrap;
    height: auto;
    width: 60%;
    border-radius: 22px;
    position: relative;
  }
  body.dark-mode .hero .input-box.ac {
    width: 100%;
    padding: 11px 12px 12px 12px;
    flex: 1 1 auto;
  }
  body.dark-mode .hero .input-box.ct {
    width: 100%;
    padding: 11px 12px 12px 12px;
    flex: 1 1 auto;
  }
  body.dark-mode .hero .input-box.lc {
    width: 100%;
    padding: 11px 12px 12px 12px;
    flex: 1 1 auto;
  }
  body.dark-mode .hero .search-button {
    /* position: absolute;
    bottom: 10px;
    right: 10px; */
    margin: 0 auto;
  }
  body.dark-mode .hero h1.hero-heading {
    font-size: 29px;
    margin: 0;
  }
}
@media (max-width: 1439px) and (min-width:768px) {
    body.dark-mode section.recommended .half_round_card {
      height: 450px;
    }
     body.dark-mode section.recommended .half_round_card .fav-icon {
       
        right: 20px;
        top: 20px;
       
    }
}
@media (max-width: 767px) {
    body.dark-mode section.category {
    padding: 30px 0 0;
}
  body.dark-mode section.recommended .half_round_card {
      height: 400px;
  }
  body.dark-mode footer {
    text-align: center;
  }
  body.dark-mode footer .col_1 p {
    text-align: center;
  }
  body.dark-mode footer .col_1 .download_app {
    justify-content: center;
  }
  body.dark-mode footer .socail_link {
    justify-content: center;
  }
  body.dark-mode footer .sg {
    padding-bottom: 20px;
    justify-content: center !important;
  }
  body.dark-mode section.category .moboile_verson {
    display: block;
  }
  body.dark-mode section.category .desktop_version {
    display: none;
  }
  body.dark-mode section.recommended .moboile_verson {
    display: block;
  }
  body.dark-mode section.recommended .desktop_version {
    display: none;
  }
  body.dark-mode header nav .dropdown.user button.btn.btn-custom {
    width: 50px;
    height: 30px;
    border-radius: 12pxpx;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 3px;
    justify-content: space-between;
    -webkit-border-radius: 12pxpx;
    -moz-border-radius: 12pxpx;
    -ms-border-radius: 12pxpx;
    -o-border-radius: 12pxpx;
  }
  body.dark-mode header nav .dropdown.user button.btn.btn-custom img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }
  body.dark-mode header nav .dropdown.user button.btn.btn-custom svg {
    margin-left: 5px;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
  }
  body.dark-mode footer .col_1 .download_app img {
    height: 35px;
  }
  body.dark-mode footer .socail_link a img {
    height: 30px;
    width: 30px;
  }
  body.dark-mode footer .sg p {
    font-size: 12px;
  }
  body.dark-mode footer .col_1 .footer_logo {
    max-width: 200px;
  }
  body.dark-mode footer {
    padding: 50px 0 0;
  }
}
@media (max-width: 767px) {
  body.dark-mode .activity_slider .swiper-slide .activity:hover span.activity_name {
    color: var(--white-color-light);
    font-weight: 400;
  }
  body.dark-mode .activity_slider .swiper-slide .activity:hover span.activity-icon svg {
    color: var(--white-color-light);
  }
  body.dark-mode header nav .logo-light {
    display: none;
    height: 54px;
  }
  body.dark-mode header nav .logo-dark {
    display: block;
    height: 50px;
  }
  body.dark-mode header nav .dropdown button.btn.btn-custom {
    width: 53px;
    height: 29px;
    border-radius: 23px;
    background: var(--white-color-light);
    color: var(--primary-color-light);
    font-family: Poppins;
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  body.dark-mode header nav .switch-label {
    width: 50px;
    height: 30px;
  }
  body.dark-mode header nav .switch-button {
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
  }
  body.dark-mode header nav .right_side {
    gap: 10px;
  }
  body.dark-mode header nav .navbar-toggler {
    padding: 0;
    border: 0;
  }
  body.dark-mode .hero {
    background-image: url("../img/dark-hero-bg-mobile.jpg");
    min-height: 800px;
    background-size: cover;
  }
  body.dark-mode .hero .row.rv_mob {
    flex-direction: column-reverse;
  }
  body.dark-mode .hero img.rt-img {
    position: static;
    width: 100%;
    height: auto;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    margin-top: 100px;
  }
  body.dark-mode .hero .search-bar {
    flex-wrap: wrap;
    height: auto;
    width: 60%;
    border-radius: 22px;
    position: relative;
  }
  body.dark-mode .hero .input-box.ac {
    width: 100%;
    padding: 11px 12px 12px 12px;
    flex: 1 1 auto;
  }
  body.dark-mode .hero .input-box.ct {
    width: 100%;
    padding: 11px 12px 12px 12px;
    flex: 1 1 auto;
  }
  body.dark-mode .hero .input-box.lc {
    width: 100%;
    padding: 11px 12px 12px 12px;
    flex: 1 1 auto;
  }
  body.dark-mode .hero .search-button {
    /* position: absolute;
    bottom: 10px;
    right: 10px; */
     margin: 0 auto;
  }
  body.dark-mode .hero h1.hero-heading {
    font-size: 29px;
    margin: 0;
  }
  body.dark-mode section.category h1.main_heading {
    font-size: 18px;
  }
  body.dark-mode section.category h5.small_heading {
    font-size: 13px;
  }
  body.dark-mode section.category p.des {
    font-size: 11px;
  }
  body.dark-mode section.recommended h1.main_heading {
    font-size: 18px;
  }
  body.dark-mode section.recommended h5.small_heading {
    font-size: 13px;
  }
  body.dark-mode section.recommended p.des {
    font-size: 11px;
  }
  body.dark-mode section.recommended .show_all a {
    width: 100px;
    height: 35px;
    font-size: 13px;
  }
  body.dark-mode section.recommended .half_round_card img.main_img {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
  body.dark-mode section.banner_one_section .banner_one img {
    width: 100%;
    height: 350px;
    border-radius: 20px;
    object-fit: cover;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }
  body.dark-mode section.banner_one_section .banner_two img {
    width: 100%;
    height: 350px;
    border-radius: 20px;
    object-fit: cover;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }
  body.dark-mode section.banner_one_section .banner_one .banner_one_info h1 {
    font-size: 26px;
    line-height: 31.861px;
  }
  body.dark-mode section.banner_one_section .banner_one .banner_one_info h2 {
    font-size: 23px;
    line-height: 31.861px;
  }
  body.dark-mode section.banner_one_section .banner_one .banner_one_info p {
    font-size: 14px;
    line-height: 31.861px;
  }
  body.dark-mode section.banner_one_section .banner_one .banner_one_info .btns button.one {
    font-size: 12px;
    width: 120px;
    height: 35px;
  }
  body.dark-mode section.banner_one_section .banner_one .banner_one_info .btns button.two {
    font-size: 12px;
    width: 70px;
    height: 35px;
  }
  body.dark-mode section.banner_one_section .banner_two .banner_two_info h1 {
    line-height: 31.861px;
    font-size: 23px;
  }
  body.dark-mode section.banner_one_section .banner_two .banner_two_info h2 {
    line-height: 31.861px;
    font-size: 20px;
  }
  body.dark-mode section.banner_one_section .banner_two .banner_two_info p {
    line-height: 31.861px;
    font-size: 14px;
  }
  body.dark-mode section.banner_one_section .banner_two .banner_two_info .btns button.one {
    font-size: 12px;
    width: 120px;
    height: 35px;
  }
  body.dark-mode section.banner_one_section .banner_two .banner_two_info .btns button.two {
    font-size: 12px;
    width: 70px;
    height: 35px;
  }
  body.dark-mode section.banner_one_section .banner_one {
    margin: 0px 0 30px;
  
}
  body.dark-mode section.banner_one_section .banner_one .banner_one_info {
    left: 20px;
    top: 50px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  body.dark-mode section.banner_one_section .banner_two .banner_two_info {
    left: 20px;
    top: 50px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  body.dark-mode section.recommended .half_round_card .info_card {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 25px;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    background: var(--gray-color-dark);
    padding: 15px;
  }
  body.dark-mode section.recommended .half_round_card .fav-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    color: var(--secondary-color-dark);
    z-index: 1;
  }
  body.dark-mode section.featured_section {
    background-color: var(--white-color-dark);
  }
  body.dark-mode section.featured_section h5.small_heading {
    color: var(--primary-color-dark);
    text-align: center;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.84px;
    text-transform: uppercase;
  }
  body.dark-mode section.featured_section h1.main_heading {
    color: var(--dark-color-dark);
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
  }
  body.dark-mode section.featured_section p.des {
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
  }
  body.dark-mode section.featured_section .featured_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 1px 0px 15.8px -4px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    margin: 10px;
  }
  body.dark-mode section.featured_section .featured_box img.top_img {
    width: 100%;
    height: 200px;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    min-height: 250px;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body .subheading {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body .subheading img {
    width: 18px;
    height: 18px;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body .subheading span {
    color: var(--dark-color-dark);
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body h1.heading {
    color: var(--dark-color-dark);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body p.des1 {
    color: var(--dark-color-dark);
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin-bottom: 10px;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body .foot {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body .foot i {
    font-size: 18px;
  }
  body.dark-mode section.featured_section .featured_box .featured_box_body .foot span {
    color: var(--dark-color-dark);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box {
    padding: 0;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper img.left_img {
    width: 137.554px;
    height: 167px;
    flex-shrink: 0;
    border-radius: 8.413px 84.131px 8.413px 8.413px;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .line {
    flex-direction: column;
  }
  body.dark-mode section.testomonial_section .swiper_navs {
    top: 100%;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .line span {
    font-size: 11px;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .line img {
    height: 40px;
    width: 40px;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box .rating {
    gap: 5px;
    font-size: 12px;
    margin-top: 0px;
  }
  body.dark-mode section.testomonial_section .testomonial_wrapper .tes_right_box p {
    margin: 5px 0 0;
    font-size: 10px;
  }
  body.dark-mode section.testomonial_section .swiper_navs .swiper-button-prev {
    width: 18.203px;
    height: 18.203px;
    padding: 0;
    align-items: center;
    gap: 2.117px;
    flex-shrink: 0;
  }
  body.dark-mode section.testomonial_section .swiper_navs .swiper-button-next {
    display: flex;
    width: 18.203px;
    height: 18.203px;
    padding: 0;
    align-items: center;
    gap: 2.117px;
    flex-shrink: 0;
  }
  body.dark-mode section.testomonial_section h5.small_heading {
    font-size: 13px;
  }
  body.dark-mode section.testomonial_section h1.main_heading {
    font-size: 18px;
  }
  body.dark-mode section.testomonial_section p.des {
    font-size: 11px;
  }
  body.dark-mode section.testomonial_section {
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0;
  }
  body.dark-mode section.newsletter_section .news-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    flex-direction: column;
  }
  body.dark-mode section.newsletter_section .news-wrapper .right {
    flex: 1;
    position: relative;
    width: 100%;
  }
  body.dark-mode .activity_slider .swiper-slide .activity span.activity-icon svg {
    width: auto;
    height: 30px;
    color: var(--white-color-light);
  }
  body.dark-mode .activity_slider .swiper-slide .activity span.activity_name {
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
       
  }
  body.dark-mode .activity_slider {
    padding: 20px;
    height: auto;
  }
  body.dark-mode .activity_slider .swiper_navs .swiper-button-prev {
    display: inline-flex;
    padding: 5px;
    align-items: center;
    gap: 0;
    border-radius: 45px;
    background: var(--primary-color-light);
    height: 30px;
    width: 30px;
    z-index: 1;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
    margin-left: -5px;
  }
  body.dark-mode .activity_slider .swiper_navs .swiper-button-next {
    display: inline-flex;
    padding: 5px;
    align-items: center;
    gap: 0;
    border-radius: 45px;
    background: var(--primary-color-light);
    height: 30px;
    width: 30px;
    z-index: 1;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
    margin-right: -5px;
  }
}
body.dark-mode #side-menu {
  background: var(--dark-color-light);
  color: white !important;
}
body.dark-mode #side-menu .nav-link {
  font-family: "Poppins";
    color: white !important;
}
body.dark-mode .showonmobile .dropdown button.btn-custom {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        padding: 12px 0;
        outline: none;
        border: 0 !important;
         color: white !important;
    }
    body.dark-mode .showonmobile .dropdown button.btn-custom svg{
      filter: invert(1);
      -webkit-filter: invert(1);
}
body.dark-mode #side-menu .close {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 20px;
  line-height: normal;
  border: 1px solid var(--primary-color-light);
  background: var(--primary-color-light);
}
body.dark-mode.side-menu-visible #side-menu .close span {
  display: block;
  line-height: 1;
}
body.dark-mode .featured_box_body p{
color: white;
}
@media screen and (max-width:991px) and (min-width:768px) {
  body.dark-mode header nav .right_side {
    display: flex;
    align-items: center;
    gap: 20px;
}
}
@media (min-width: 1200px) {
body.dark-mode header nav #navbarNav .navbar-nav {
    gap: 25px;
    margin-right: 25px;
}
 body.dark-mode footer .socail_link a img {
    height: 28px;
    width: 28px;
  }
  body.dark-mode footer .socail_link {
    gap: 12px;
  }
}