@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
html {
  height: 100%;
}
:root {
  --light-green: #7ed200;
  --white: #fff;
  --black: #000;
  --grey: #60686b;
  --light-grey: #96a1a6;
  --border-color: #eaeced;
  --bg-color: #f5f6f6;
  --active-bg: #ebffcd;
  --active-text: #006940;
}
body {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto";
  line-height: 30px;
  margin: 0px;
}
h1 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}
h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
}
h4 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
}
p {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
ul {
  margin: 0px;
  padding: 0px;
}
ul li {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  list-style: none;
}
a {
  color: var(--grey);
  text-decoration: none;
  transition: all 0.5s ease;
  font-family: "Roboto";
}
a:hover {
  text-decoration: none;
}
.form-control {
  height: 50px;
  border-radius: 8px;
  padding: 10px 10px;
  border: 1px solid var(--light-grey);
}
.form-control:focus {
  border-color: var(--active-text);
  border: 2px solid var(--active-text);
  box-shadow: inherit;
}
.form-select {
  height: 50px;
  padding: 10px 10px;
  border-radius: 8px;
  border: 1px solid var(--light-grey);
  /* opacity: 0.5; */
}
.form-select:focus {
  border-color: var(--active-text);
  box-shadow: inherit;
  border: 2px solid var(--active-text) !important;
}
input:-webkit-autofill {
  border: 1px solid var(--light-green) !important;
}
.filled {
  border: 1px solid var(--light-green) !important;
}
.select2-container .select2-selection.filled {
  border: 1px solid var(--light-green) !important;
}
.select2-container--default .select2-selection--single.filled,
.select2-container--default .select2-selection--multiple.filled {
  border: 1px solid var(--light-green) !important;
}
input {
  color: #212529;
}
input[type="date"]::placeholder {
  color: #212529;
}
input[type="text"],
input[type="email"],
input[type="number"] {
  color: var(--grey) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--grey) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--grey) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
::-ms-input-placeholder {
  /* IE 10+ */
  color: var(--grey) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
::-moz-placeholder {
  /* Firefox 18- */
  color: var(--grey) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.section-title-heading {
  width: 90%;
  display: flex;
  color: #7ec710;
  margin-bottom: 10px;
  align-items: center;
  justify-content: space-between;
}
.section-title-heading h2 {
  color: var(--grey);
  font-weight: 300;
  font-size: 32px;
}
.section-title-heading h2 span {
  color: var(--grey);
  font-weight: 500;
}
.section-title-heading a {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-green);
}
.navbar-nav {
  align-items: center;
  gap: 15px;
}
.navbar-nav .nav-link.active {
  color: var(--active-text);
  border-radius: 12px;
  padding: 8px;
  letter-spacing: 0.48px;
  background-color: var(--active-bg);
}
.navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 400;
  padding: 5px 20px;
  letter-spacing: 0.48px;
  text-align: center;
  color: var(--grey);
}
.nav-link:focus,
.nav-link:hover {
  color: var(--grey);
}
.navbar-nav .nav-link.header-shigninup-btn {
  color: #fff;
  padding: 8px;
  border-radius: 12px;
  background: #7ec710;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.48px;
  text-align: center;
}
.header-navbar-info .navbar-nav .dropdown-toggle {
  color: #58585f;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}
.header-navbar-info .navbar-nav .dropdown-menu {
  width: 250px;
  padding: 0px 0px 0px 0px;
}
.header-navbar-info .navbar-nav .dropdown-menu li {
  margin: 0px 0px;
  padding: 0px;
  border-top: none;
  border-bottom: 1px solid #cdcdcd;
}
.header-navbar-info .navbar-nav .dropdown-item {
  color: #58585f;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 10px;
}
.header-navbar-info .navbar-nav .dropdown-menu li:last-child {
  border: none;
}
.header-navbar-info .navbar-nav .dropdown-item:hover {
  color: #fff;
  background: #088bd1;
}
.header-navbar-info .dropdown-toggle {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--light-grey);
}
.header-navbar-info {
  top: 0px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid var(--border-color);
}
.stkey-menu.smaller {
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
  position: fixed;
  transition: all 0.5s ease;
}

/* .home-banner-slider-content-search .carousel-item img {
  width: 100%;
}
.home-banner-slider-content-search {
  position: relative;
} */
/* .home-banner-slider-content-search:before {
  content: "";
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #0000001a;
} */
/* .home-banner-content-search {
  left: 0;
  right: 0;
  z-index: 9;
  bottom: 240px;
  position: absolute;
  text-align: center;
}
.home-banner-icon-search {
  display: flex;
  align-items: center;
  background: #fff;
  width: 35%;
  margin: auto;
  border-radius: 10px;
}
.home-banner-content-search h1 {
  color: #fff;
  font-size: 48px;
  margin-bottom: 40px;
  text-shadow: 3px 5px 5px #000;
}
.home-banner-search-box {
  width: 100%;
}
.home-banner-search-box .form-control {
  height: 60px;
  border: none !important;
  border-radius: 10px;
  padding: 0px 0px 0px 0px;
}
.home-banner-search-icon {
  width: 10%;
}
.home-banner-search-icon i {
  margin-top: 10px;
}
.home-banner-slider-content-search .carousel-indicators {
  z-index: 9;
  bottom: 50px;
}
.home-banner-slider-content-search-info .carousel-control-next,
.carousel-control-prev {
  z-index: 99;
  display: none;
} */

.carousel-wrap {
  margin: 10px auto;
  /*padding: 0 5%;*/
  width: 100%;
  position: relative;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}
/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: ;
}
.owl-nav {
  right: 0;
  top: -60px;
  position: absolute;
}
.owl-nav i {
  width: 35px;
  height: 35px;
  color: var(--light-grey);
  font-size: 25px;
  line-height: 35px;
  margin-left: 10px;
  border-radius: 50px;
  background: var(--bg-color);
}
.owl-dots {
  display: none;
}
.discover-exciting-destinations-info {
  margin: 0px 0px 0px 0px;
  padding: 60px 0px 30px 0px;
}
.discover-exciting-destinations-box {
  position: relative;
}
.discover-exciting-destinations img {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.discover-exciting-destinations {
  height: 340px;
}
.discover-exciting-destinations-name-activities {
  bottom: 0px;
  width: 100%;
  position: absolute;
  padding: 15px;
  border-radius: 0px 0px 10px 10px;
  background: linear-gradient(180deg, rgb(0 0 0 / 50%) 50%, #000000 100%);
}
.discover-exciting-destinations-name-activities h4 {
  color: var(--white);
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 10px;
}
.discover-exciting-destinations-name-activities p {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0px;
}
.discover-exciting-destinations-save-icon {
  top: 15px;
  color: #fff;
  right: 15px;
  width: 35px;
  height: 35px;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  border-radius: 50px;
  background: #00000078;
}
.experience-variety-activities-info {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 40px 0px;
}
.experience-variety-activities-box {
  position: relative;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  padding: 0px 0px 20px 0px;
}
.experience-variety-activities-img {
  height: 170px;
  overflow: hidden;
}
.experience-variety-activities-activities h4 {
  font-size: 14px;
  font-weight: 400;
  color: #7ec710;
  text-transform: uppercase;
}
.experience-variety-activities-activities h5 {
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
}
.experience-variety-activities-tag {
  top: 20px;
  left: 15px;
  padding: 0px 10px;
  border-radius: 10px;
  background: #ec221f;
  position: absolute;
}
.experience-variety-activities-tag p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0px;
}
.experience-variety-activities-save-icon {
  top: 15px;
  color: #fff;
  right: 15px;
  width: 35px;
  height: 35px;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  border-radius: 50px;
  background: #00000078;
}
.experience-variety-activities-activities {
  padding: 0px 15px 0px 15px;
}
.experience-variety-activities-rating-price {
  display: flex;
  margin-top: 50px;
  align-items: center;
  justify-content: space-between;
}
.experience-variety-activities-rating span i {
  font-size: 12px;
  color: #fbbb01;
  margin-right: 5px;
}
.explore-popular-categories-box {
  position: relative;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  padding: 0px 0px 30px 0px;
}
.explore-popular-categories-img {
  height: 330px;
  overflow: hidden;
}
.explore-popular-categories-img img {
  width: 100%;
  display: block;
  border-radius: 10px 10px 0px 0px;
}
.explore-popular-categories-name-price-rating h4 {
  font-size: 16px;
  font-weight: 400;
}
.explore-popular-categories-name-price-rating span i {
  font-size: 12px;
  color: #fbbb01;
  margin-right: 5px;
}
.explore-popular-categories-name-price-rating {
  padding: 0px 0px 0px 15px;
}
.explore-popular-categories-name-price-rating p {
  font-size: 25px;
  margin-top: 10px;
}
.explore-popular-categories-name-price-rating p span {
  font-size: 13px;
  margin-right: 5px;
}
.explore-popular-categories-save-icon {
  top: 15px;
  color: #fff;
  right: 15px;
  width: 35px;
  height: 35px;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  border-radius: 50px;
  background: #00000078;
}
.explore-popular-categories-btn-info {
  display: flex;
  align-items: center;
  margin: 20px 0px 30px 0px;
  justify-content: space-between;
}
.explore-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.explore-txt {
  text-align: left;
}
.explore-popular-categories-btn {
  border-radius: 10px;
  background: transparent;
  border: 2px solid var(--border-color);
  padding: 8px 7px 5px 10px;
}
.explore-txt h5 {
  color: var(--grey);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.48px;
  line-height: 24px;
}
.explore-txt p {
  font-size: 12px;
  font-weight: 400;
  color: var(--light-grey);
  margin-bottom: 0px;
  letter-spacing: 0.48px;
  line-height: 22px;
}
.explore-popular-categories-btn-icon i {
  color: var(--grey);
  font-size: 20px;
}
.explore-popular-categories-info .owl-nav {
  right: 0px;
  top: -54%;
  position: absolute;
}
.explore-popular-categories-btn.active {
  background: var(--active-bg);
  border: 2px solid #7ec710;
}
.explore-popular-categories-btn.active h5 {
  color: var(--active-text);
}
.blogs-and-news-info {
  margin: 0px 0px 0px 0px;
  padding: 40px 0px 30px 0px;
}
.blogs-and-news-img-content-box {
  display: flex;
  padding: 15px 15px;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 30px;
  border: 2px solid var(--border-color);
}
.blogs-and-news-img {
  margin-right: 30px;
  height: 150px;
  width: 200px;
}
.blogs-and-news-img img {
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.blogs-and-news-content h4 {
  color: #7ec710;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.blogs-and-news-content h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}
.blogs-and-news-content p {
  margin-top: 20px;
}
.blogs-and-news-slider a {
  margin-bottom: 30px;
}
.footer-detail-info-area {
  padding: 50px 0px;
  background: linear-gradient(87.63deg, #7ed200 -22.17%, #20382f 32.82%);
}
.footer-company-logo-text p {
  color: #fff;
}
.footer-menu-info h5 {
  color: var(--light-green);
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 10px;
}
.footer-menu-info ul li a {
  color: var(--white);
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}
.footer-menu-info ul li a i {
  margin-right: 5px;
}
.footer-menu-info .social-info-icon {
  display: flex;
}
.social-info-icon li {
  width: 30px;
  height: 30px;
  text-align: center;
  background: #fff;
  border-radius: 50px;
  margin-right: 10px;
}
.footer-menu-info .social-info-icon li a {
  color: #20382f;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
}
.footer-menu-info .footer-main-link {
  color: var(--light-green);
}

.divder-line-main-info {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 40px 0px;
}
.sign-password-input-box-icon .form-control {
  border: none;
}
.sign-password-input-box-icon {
  position: relative;
}
.sign-password-input-box {
  width: 100%;
}
.remember-already-account-info {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
}
.remember-me-custom-check-box label {
  position: relative;
  cursor: pointer;
  color: var(--light-grey);
  font-size: 17px;
  font-weight: 400;
}
.remember-me-custom-check-box input {
  display: none;
}
.remember-me-custom-check-box label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #d9d9d9;
  padding: 8px;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}
.remember-me-custom-check-box input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid #006840;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.already-account-link a {
  color: var(--light-grey);
  font-size: 17px;
  font-weight: 400;
  text-decoration: underline;
}
.create-account-popup-info.sing-input-box-info .create-account-btn {
  color: #fff;
  font-size: 16px;
  background: var(--light-green);
  border-radius: 10px;
  margin: 0px 0px 0px 0px;
  padding: 15px 30px 15px 30px;
}

/* .modal-open {
  position: fixed;
} */
.create-account-popup-info .modal-header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../images/create-account-banner-img/create-account-banner.png");
}
.indiuidual-business-btn-info {
  display: flex;
  align-items: center;
  margin: 20px 0px;
  gap: 20px;
}
.indiuidual-business-btn {
  padding: 4px 14px;
  border-radius: 8px;
  margin: 0px 0px 0px 0px;
  border: 2px solid var(--border-color);
  font-weight: 300;
  font-size: 16px;
  line-height: 40px;
  width: 100%;
}

.create-account-popup-info .modal-footer a {
  color: #90ce35;
}
.create-account-popup-info .btn-close {
  opacity: 1;
  color: var(--white);
  font-size: 14px;
  line-height: 10px;
  border-radius: 50px;
  background: #090909b2;
  --bs-btn-close-bg: inherit !important;
}
.create-account-popup-info {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 400;
}
.create-account-popup-info .modal-header {
  padding: 20px;
}
.create-account-popup-info .modal-title {
  width: 100%;
  color: var(--white);
  text-align: center;
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.create-account-popup-info .modal-body {
  padding: 15px 30px;
}
.create-account-popup-info h2 {
  color: var(--grey);
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 32px;
}
.create-account-popup-info h2 span {
  font-weight: 500;
}
.create-business-account-input ul li {
  display: flex;
  color: var(--light-grey);
  font-size: 16px;
  font-weight: 300;
  margin-top: 15px;
  align-items: center;
}
.create-business-account-input ul {
  margin-bottom: 30px;
}
.create-business-account-input ul li img {
  width: 6%;
  margin-right: 5px;
}
.create-account-popup-info.create-business-account .create-account-btn {
  color: var(--white);
  font-size: 16px;
  background: var(--light-green);
  border-radius: 10px;
  margin: 0px 0px 0px 0px;
  padding: 15px 30px 15px 30px;
}
.create-account-popup-info .complete-set {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  background-color: var(--light-green);
  color: var(--white);
  padding: 8px 20px;
  line-height: 26px;
  display: inline-block;
  border-radius: 8px;
  letter-spacing: 0.48px;
  margin-bottom: 20px;
}
.create-business-account-info {
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 20px 0px;
}

.create-business-account-input label {
  color: var(--light-grey);
  font-size: 16px;
  margin-bottom: 8px;
}
.create-account-success-popupmodal h5 {
  color: var(--active-text);
  margin: 15px 0px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.create-account-success-popupmodal p {
  margin-top: 20px;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--grey);
}
.create-account-popup-info.create-account-success-popupmodal
  .create-account-btn {
  color: var(--white);
  font-size: 16px;
  background: var(--light-green);
  border-radius: 10px;
  margin: 0px 0px 0px 0px;
  padding: 15px 30px 15px 30px;
}
.create-account-success-popupmodal .last-text {
  color: var(--active-text);
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.create-account-success-popupmodal ul li {
  color: var(--active-text);
  margin-top: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.create-account-success-popupmodal ul li span {
  color: var(--active-text);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.breadcrumbs-banner-title-area {
  position: relative;
}
.breadcrumbs-banner-img {
  height: 100px;
}
.breadcrumbs-banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.breadcrumbs-banner-title-linke {
  top: 10px;
  width: 100%;
  color: #fff;
  position: absolute;
}
.breadcrumbs-banner-title h2 {
  color: #fff;
  font-size: 25px;
}
.breadcrumbs-banner-title {
  margin-top: 50px;
  text-align: center;
}
.breadcrumbs-banner-title ul {
  display: flex;
  align-items: center;
  margin-top: 5px;
  justify-content: center;
}
.breadcrumbs-banner-title ul li {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  margin-right: 15px;
}
.breadcrumbs-banner-title ul li a {
  color: #fff;
}
.dashboard-heading-area p {
  margin-top: 30px;
  margin-bottom: 30px;
}
.dashboard-input-form-main-area {
  border-radius: 8px;
  padding: 20px;
  background: var(--bg-color);
  border: 2px solid var(--border-color);
}
.dashboard-form-heading-info h4 {
  color: var(--grey);
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 30px;
}
.dashboard-input-form {
  margin-bottom: 40px;
}
.dashboard-input-form label {
  font-size: 14px;
  font-weight: 600;
  color: var(--light-grey);
  font-family: "Inter";
  margin-bottom: 10px;
}
.dashboard-form-submit-btn-area {
  margin-top: 40px;
  text-align: center;
  margin-bottom: 30px;
}
.dashboard-form-submit-btn {
  border: none;
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  padding: 8px 40px;
  border-radius: 6px;
  background-color: var(--light-green);
  width: 200px;
  text-align: center;
}
.input-form-with-icon-info {
  position: relative;
  /* display: flex;
  align-items: center;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--light-grey); */
}
.input-without-border .form-control {
  height: 50px;
  border-radius: 10px;
  border: none;
}
.input-without-border {
  width: 100%;
}
.input-with-icon {
  margin-right: 10px;
  position: absolute;
  top: 10px;
  right: 0px;
}
.header-navbar-info .dasbhoard-header-info-area {
  padding: 15px 0px;
}
.dasbhoard-heading-icon-search {
  width: 70%;
  margin: auto;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #eaecef;
}
.dasbhoard-banner-search-icon {
  width: 15%;
  text-align: center;
}
.dasbhoard-banner-search-icon i {
  margin-top: 10px;
}
.dasbhoard-banner-search-box {
  width: 100%;
}
.dasbhoard-banner-search-box .form-control {
  height: 50px;
  border-radius: 10px;
  border: none !important;
  padding: 0px 0px 0px 0px;
}
.dasbhoard-header-info-area .navbar-nav {
  width: 100%;
  align-items: center;
}
.dasbhoard-header-info-area .dasbhoard-header-search-area {
  width: 75%;
}
.user-header-img-dropdown-menu {
  position: relative;
}
.user-header-dropdown-icon {
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 6px;
  text-align: center;
  border-radius: 50px;
  background: var(--bg-color);
  display: inline-block;
}
.cart-main {
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  border-radius: 50px;
  background: var(--bg-color);
  display: inline-block;
  margin-right: 20px;
}
/* .user-header-dropdown-icon img {
  width: 36px;
  height: 35px;
  object-fit: cover;
  border-radius: 50px;
} */
#dropdownMenu {
  width: 190px;
  right: 0px;
  display: none;
  background: #fff;
  position: absolute;
  border-radius: 10px;
  border: 1px solid #cccccc8f;
  z-index: 99;
}
.user-drowpdown-menu li a {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey);
}
.user-drowpdown-menu li a:hover {
  color: var(--light-green);
  background-color: var(--bg-color);
}
.user-drowpdown-menu li a i {
  color: var(--light-green);
  font-size: 14px;
  margin-right: 10px;
}
.user-img-name-post-email {
  margin-bottom: 10px;
  padding: 15px;
  border-bottom: 1px solid var(--border-color);
}

.user-img img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 50px;
  object-fit: cover;
}
.user-name-post h4 {
  color: var(--grey);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.user-email h4 {
  font-size: 14px;
  color: var(--grey);
  font-weight: 500;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 1px solid var(--grey) 30;
}
.dashboard-heading-area h1 {
  color: var(--grey);
  font-weight: 300;
  font-size: 48px;
}
.dashboard-heading-area p {
  font-size: 20px;
  color: var(--light-grey);
  font-weight: 400;
}
.dashboard-input-form .iti.iti--allow-dropdown img {
  display: none;
}
.dashboard-input-form .iti {
  width: 100%;
}
.well-done-popupmoda-info-area .modal-header {
  padding: 25px 30px;
  border: 0px !important;
}
.well-done-popupmoda-info-area .modal-body {
  padding: 20px 40px;
}
.well-done-popupmoda-info-area .btn-close {
  opacity: 1;
  color: var(--light-grey);
  font-size: 18px;
  line-height: 10px;
  border-radius: 50px;
  background: #eaecec;
  --bs-btn-close-bg: inherit !important;
}
.well-done-popupmoda-info-area h2 {
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 48px;
  color: var(--grey);
}
.well-done-popupmoda-info-area p {
  color: var(--light-grey);
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 400;
}
.well-done-popupmoda-info-area span {
  color: var(--grey);
  font-size: 20px;
  font-weight: 500;
}
.well-done-popupmoda-info-area .well-done-branches-activities {
  color: var(--light-grey);
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 26px;
}
.well-done-popupmoda-info-area .modal-footer {
  display: block;
  padding: 20px 30px;
  border: 0px !important;
}
.view-profile-add-branch-btn-area {
  display: flex;
  padding: 20px 0px;
  align-items: center;
  justify-content: space-between;
}
.view-profile-btn {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 500;
  padding: 8px 40px;
  border-radius: 6px;
  border: 1px solid var(--light-green);
  text-align: center;
  display: inline-block;
  width: 200px;
}
.view-profile-add-branch-btn-area .add-branch-btn {
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  padding: 8px 40px;
  background: var(--light-green);
  border-radius: 6px;
  border: none;
  text-align: center;
  display: inline-block;
  width: 200px;
}
.business-details-main-info-area {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 60px 0px;
}
.dashboard-tab-info-area .nav.nav-tabs {
  border: none;
}
.dashboard-tab-info-area .nav.nav-tabs {
  border-bottom: 1px solid var(--border-color);
}
.dashboard-tab-info-area {
  padding: 30px 0px;
}
.dashboard-tab-info-area .nav-link {
  border: none;
  color: var(--light-grey);
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.5px;
  padding: 10px 12px;
}
.dashboard-tab-info-area .nav-link.active {
  color: var(--active-text);
  position: relative;
  background-color: unset !important;
}
.dashboard-tab-info-area .nav-link.active:after {
  content: "";
  width: 100%;
  height: 3px;
  right: 100px;
  left: 0px;
  bottom: 0px;
  position: absolute;
  background: var(--light-green);
  border-radius: 10px 10px 0px 0px;
}
.tab-content-icon-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
}
.dashboard-tab-content-info .tab-pane.active {
  display: block;
  padding: 0px 0px 0px 0px;
}
.content-info-area h3 {
  font-size: 14px;
  font-weight: 600;
  color: var(--grey);
  font-family: "Inter";
}
.content-info-area p {
  color: var(--grey);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0px;
  font-family: "Inter";
}
.branche-detail-add-branche-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-branch-btn img {
  vertical-align: inherit;
}
.add-branch-btn h5 {
  color: var(--light-green);
  font-size: 15px;
}
.brance-heading-info h4 {
  font-size: 17px;
  font-weight: 400;
}
.brance-name-country-activite-num-info {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.branch-list-accordian-info-area .accordion-item {
  margin-top: 20px;
  padding: 15px 20px;
  border: 2px solid var(--border-color);
  border-radius: 10px !important;
  border-top: 2px solid var(--border-color) !important;
}
.branch-list-accordian-info-area .accordion-button {
  padding: 0px 0px;
}
.branch-list-accordian-info-area .accordion-button:focus {
  box-shadow: inherit;
}
.branch-list-accordian-info-area .accordion-button:not(.collapsed) {
  background: transparent !important;
}
.branch-list-accordian-info-area .accordion {
  --bs-accordion-border-color: none !important;
}
.branch-list-accordian-info-area .accordion-body {
  margin-top: 0px;
  padding: 0px 0px;
}
.branch-list-accordian-info-area .accordion-body p {
  font-size: 15px;
}
.branch-list-accordian-info-area .accordion-flush > .accordion-item:last-child {
  border-bottom: 2px solid var(--border-color) !important;
}
/*add new branch form css start here*/
.add-new-branch-form-info h4 {
  color: var(--grey);
  font-size: 18px;
  font-weight: 400;
}
.add-new-branch-form-info .check-detail {
  display: block;
  font-size: 14px;
  padding-bottom: 20px;
}
.add-new-branch-form-info .check-detail img {
  margin-right: 10px;
}
.add-new-branch-form-info form {
  margin-top: 20px;
  border-radius: 5px;
  background: var(--bg-color);
  padding: 20px 20px 50px 20px;
}
.add-new-branch-from-cancel-btn {
  text-align: right;
  margin-top: 20px;
}
.dashboard-form-cancel-btn {
  color: var(--light-green);
  font-size: 16px;
  background: var(--white);
  padding: 13px 60px;
  border-radius: 10px;
  letter-spacing: 1px;
  border: 2px solid var(--light-green);
}
.add-new-branch-save-btn {
  margin-top: 20px;
}
/*add new branch form css end here*/
/*edit branch css start here*/
.eidt-branch-form-info form {
  margin-top: 20px;
  border-radius: 5px;
  background: var(--bg-color);
  padding: 20px 20px 50px 20px;
}
.eidt-branch-form-info .branch-name {
  display: block;
  font-size: 16px;
  padding-bottom: 20px;
  color: var(--grey);
}
.eidt-branch-save-btn {
  text-align: center;
  margin-top: 20px;
}
.eidt-branch-heading-close-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.eidt-branch-heading-close-btn span i {
  color: var(--light-grey);
  font-size: 20px;
}
/* ----------------------------------------surbhi(12-8-25)-------------------------------------------- */
.acti-info h3 {
  color: var(--grey);
  font-size: 20px;
  font-weight: 400;
}
.activity-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-button a {
  color: var(--light-green);
  font-size: 20px;
  font-weight: 400;
}
.add-button a span i {
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 20px;
}
.content-according-tab-info {
  margin-bottom: 25px;
}
.table-main {
  margin-top: 20px;
}
.table-main table tbody tr td {
  color: var(--grey);
  font-size: 16px;
  vertical-align: middle;
  border: 0px !important;
  padding: 20px 0px !important;
}
.check-icon i {
  color: var(--light-grey);
  font-size: 20px;
  vertical-align: middle;
}
.tab-img img {
  height: 25px;
}
.action-btn {
  display: flex;
  justify-content: end;
  gap: 40px;
}
.act-img {
  height: 45px;
  width: 45px;
  border-radius: 8px;
  object-fit: cover;
}
.social-info-icon li a i {
  margin-right: 0px !important;
}
.business-sec {
  padding: 50px 0px;
}
.branch-info h3 {
  color: var(--grey);
  font-size: 14px;
  font-weight: 500;
}
.add-branch {
  text-align: end;
}
.add-branch a {
  color: var(--light-green);
  font-size: 14px;
  font-weight: 400;
}
.add-branch a span i {
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 14px;
}
.add-activity-sec {
  padding: 50px 0px 100px 0px;
}
.back-main a {
  color: var(--light-green);
  font-size: 20px;
  font-weight: 400;
}
.back-main a span i {
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 20px;
}
.back-main {
  margin-bottom: 20px;
}
.mainpro {
  height: 8px;
  margin-bottom: 30px;
}
.mainpro .progress-bar {
  background-color: var(--light-green);
}
.acti-item {
  border: 0px !important;
  border-radius: 8px !important;
  padding: 20px !important;
}
.item-accor {
  border: 2px solid var(--border-color) !important;
  margin-bottom: 30px;
  border-radius: 8px !important;
}
.acti-item:focus {
  box-shadow: unset !important;
}
.acti-item:not(.collapsed) {
  background-color: var(--bg-color) !important;
  border: 0px !important;
  box-shadow: unset !important;
}
.acti-det h6 {
  font-size: 30px;
  font-weight: 300;
  color: var(--light-grey);
}
.num-sys {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: var(--border-color);
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
  color: var(--light-grey);
}
.custom-btn {
  display: flex;
  align-items: center;
  gap: 20px;
}
.acti-item::after {
  opacity: 0.5 !important;
}
.accor-bdy {
  padding: 20px 70px;
  background-color: var(--bg-color) !important;
}
.acti-item:not(.collapsed) .custom-btn .num-sys {
  background-color: var(--light-grey);
  color: var(--white);
}
.acti-item:not(.collapsed) .custom-btn .acti-det h6 {
  color: var(--grey);
}
.field-set label {
  font-size: 14px;
  font-weight: 600;
  color: var(--light-grey);
  font-family: "Inter";
  margin-bottom: 10px;
}
.field-set input {
  margin-bottom: 40px;
}
.field-set h6 {
  font-size: 18px;
  color: var(--grey);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.field-set p {
  font-size: 18px;
  color: var(--light-grey);
  font-weight: 300;
  letter-spacing: 0.5px;
}
.category-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 10px 8px;
  background-color: var(--white);
  color: var(--light-grey);
  border: 1px solid var(--light-grey);
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.2s, background 0.2s, color 0.2s, box-shadow 0.2s,
    transform 0.05s;
  white-space: nowrap;
}
.tag:active {
  transform: scale(0.98);
}
.tag.active {
  background: var(--active-bg);
  border: 0px;
  color: var(--active-text);
}
.tag.active i {
  color: var(--active-text);
}
/* ---------------------------------surbhi(14-8-25)----------------------------------- */
.form-btn {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}
.cancel-btn {
  border: 1px solid var(--light-green);
  color: var(--light-green);
  font-weight: 500;
  font-size: 16px;
  padding: 8px 40px;
  border-radius: 6px;
  background-color: var(--white);
  width: 200px;
  text-align: center;
}
.save-btn {
  border: none;
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  padding: 8px 40px;
  border-radius: 6px;
  background-color: var(--light-green);
  width: 200px;
  text-align: center;
}
.para-deft p {
  font-weight: 300;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.5px;
  color: var(--grey);
}
textarea.form-control {
  height: unset !important;
}
.field-set textarea {
  margin-bottom: 10px;
}
.field-set .text {
  font-weight: 400;
  font-size: 14px;
  color: var(--light-grey);
  font-family: "Inter";
  padding-bottom: 30px;
  display: inline-block;
}
.field-set .fi-rr-minus-circle {
  color: #f92c2c;
  font-size: 20px;
  vertical-align: middle;
  height: 50px;
  display: flex;
  align-items: center;
}
.more-add input {
  margin-bottom: 20px;
}
.more-add {
  display: flex;
  gap: 15px;
}
.more-add .fi-rr-add {
  color: var(--light-green);
  font-size: 20px;
  vertical-align: middle;
  height: 50px;
  display: flex;
  align-items: center;
}
textarea {
  resize: none;
  scrollbar-gutter: stable;
}
textarea::-webkit-scrollbar {
  width: 25px;
}
textarea::-webkit-scrollbar-track {
  background: transparent;
}
textarea::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 25px;
  border: 8px solid transparent;
  background-clip: content-box;
}
.form-check-label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: var(--grey);
}
.form-check .form-check-input {
  height: 20px;
  width: 20px;
  background-color: unset;
  border: 1px solid var(--light-grey);
  vertical-align: middle;
  margin: 0px 20px 0px 0px !important;
  float: unset !important;
}
.form-check {
  padding-left: 0px !important;
  margin-bottom: 20px;
}
.form-check-input:checked {
  background-color: var(--light-green);
  border-color: var(--light-green);
}
.form-check-input:focus {
  box-shadow: unset !important;
}
.field-set a {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  text-decoration: underline;
  color: var(--grey);
}
.add-photo a {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 400;
}
.add-photo a span i {
  height: 23px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 16px;
}
.noimg p {
  font-weight: 400;
  font-style: Italic;
  font-size: 16px;
  line-height: 20px;
  color: var(--light-grey);
  margin-bottom: 0px;
}
.noimg span {
  font-weight: 400;
  font-style: Italic;
  font-size: 14px;
  line-height: 20px;
  color: var(--light-grey);
  display: block;
}
.noimg {
  margin-bottom: 10px;
}
.photo-img img {
  height: 150px;
  width: 150px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
.circle-icon {
  position: absolute;
  top: 5%;
  right: 12%;
}
.circle-icon i {
  font-size: 20px;
  color: #ff4e4e;
}
textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #eaeced;
}
textarea::-webkit-input-placeholder {
  /* Chrome, Safari, Edge */
  color: var(--border-color);
}
textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--border-color);
}
textarea::placeholder {
  /* Standard */
  color: var(--border-color);
}
.radio-para p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: var(--grey);
  /* margin-bottom: 5px; */
}
.rad-btn {
  display: inline-block;
}
.rad-btn .form-check-label {
  margin-right: 20px;
}
.rad-btn .form-check-input {
  margin: 0px 10px 0px 0px !important;
  height: 18px !important;
  width: 18px !important;
}
.field-set select {
  margin-bottom: 40px;
}
.question-btn:focus {
  box-shadow: unset;
}
.question-btn {
  border: unset;
  border-radius: 8px;
  padding: 15px;
  gap: 15px;
}
.question-btn span {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--grey);
}
.accordion-item:first-of-type > .accordion-header .question-btn {
  border-radius: 8px !important;
}
.accordion-item:last-of-type > .accordion-header .question-btn.collapsed {
  border-radius: 8px !important;
}
.question-btn .fa-bars {
  color: var(--light-grey);
}
.question-btn::after {
  opacity: 0.5;
}
.question-btn:not(.collapsed) {
  color: unset !important;
  background-color: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
.ques-item {
  border: 1px solid var(--light-grey);
  border-radius: 8px;
}
.ques-item:first-of-type {
  border-radius: 8px;
}
.ques-item:last-of-type {
  border-radius: 8px;
}
.question-btn:not(.collapsed) span {
  display: none;
}
.question-btn:not(.collapsed) .fa-bars {
  display: none;
}
.collapsed .del-icon {
  display: none;
}
.del-icon {
  width: 100%;
  text-align: end;
  font-size: 20px;
  color: var(--light-grey);
}
.completed .accordion-header .collapsed .custom-btn .num-sys {
  background-color: var(--light-green);
  color: var(--white);
}
.completed .acti-det h6 {
  color: var(--grey);
}
.completed .comp-text {
  width: 100%;
  text-align: end;
}
.completed .comp-text span {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--light-grey);
  margin-right: 10px;
}
.completed .comp-text i {
  color: var(--light-green);
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  height: 37px;
}
.completed .acti-item::after {
  display: none;
}
.finish-dialog-box {
  border: 2px solid var(--border-color);
  background-color: var(--active-bg);
  padding: 25px;
  border-radius: 8px;
}
.finish-dialog-box p {
  font-weight: 300;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.5px;
  text-align: center;
  color: var(--grey);
}
.finish-dialog-box h4 {
  font-weight: 300;
  font-size: 32px;
  line-height: 100%;
  color: var(--grey);
  text-align: center;
  margin-bottom: 20px;
}
.form-switch .form-check-input {
  height: 28px;
  width: 44px;
}
.time-slot {
  display: flex;
  align-items: center;
  gap: 30px; /* small gap so consistent */
  margin-bottom: 10px;
}
.day-box {
  flex: none;
  width: 70px; /* fixed width for all days */
  padding: 10px;
  border: 1px solid var(--light-grey);
  border-radius: 8px;
  background-color: var(--bg-color);
  font-size: 16px;
  color: var(--light-grey);
  font-weight: 400;
  text-align: center;
}
.time-input {
  flex: none;
  width: 120px; /* fixed width for inputs */
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  background: #fff;
  color: var(--grey) !important;
  background-color: var(--white) !important;
}
.dash {
  flex: none;
  font-size: 16px;
  font-weight: 600;
  color: #555;
}
.bdy-time {
  padding: 30px;
}
.enter-hd h6 {
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: var(--grey);
  margin-bottom: 20px;
}
.hour,
.minutes {
  width: 100%;
}
.hour span {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: var(--grey);
}
.hour input {
  border: 1px solid var(--light-green);
}
.minutes input {
  border: 1px solid var(--border-color);
}
.minutes span {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: var(--grey);
}
.time-dot {
  font-size: 30px;
  line-height: 50px;
}
.am-pm-toggle {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--grey);
  border-radius: 8px;
  overflow: hidden;
  width: 150px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.am-pm-toggle .option {
  padding: 6px 0;
  background: #fff;
  color: var(--grey);
  font-size: 16px;
  font-family: Roboto;
  font-weight: 400;
}
.am-pm-toggle .option.active {
  background: var(--active-bg);
  border-bottom: 1px solid var(--grey);
}
.can-btn button {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: var(--light-green);
  border: 0px;
  background: unset;
  padding: 10px 20px;
  width: 100%;
}
.can-btn {
  display: flex;
  margin-top: 10px;
}
.custom-modal {
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
}
.custom-close {
  background: var(--border-color);
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 0px;
  padding: 5px;
  color: var(--light-grey);
}
.suggest-main h4 {
  font-weight: 300;
  font-size: 35px;
  color: var(--grey);
  line-height: 45px;
}
.suggest-main p {
  font-weight: 300;
  font-size: 16px;
  color: var(--light-grey);
}
.maxi {
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter";
  color: var(--light-grey);
}
/* Input ki height fix */
.form-control,
.form-select {
  height: 50px !important;
}

/* Select2 ki height fix */
.select2-container--default .select2-selection--single {
  height: 50px !important;
  line-height: 50px !important;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  padding-left: 0.75rem;
}

/* Select2 text center align */
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 50px !important;
}

/* Arrow bhi vertical center ho */
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100% !important;
}
.field-set .select2 {
  margin-bottom: 40px;
}
.select2-container--default .select2-selection--single {
  border-radius: 8px !important;
}

/* -------------------------------------surbhi(25-08-25)------------------------------------ */
.business-profile-setup {
  padding: 50px 0px 100px 0px;
}
.create-account-popup-info p {
  font-weight: 400;
  font-size: 16px;
  color: var(--light-grey);
  margin: 10px 0px;
}
.create-account-popup-info .alredy-acc p {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: var(--light-grey);
}
.create-account-popup-info .alredy-acc p a {
  color: var(--light-green);
}
/* --------------------------------------------surbhi(27-08-25)---------------------------------------- */
.spacing {
  margin-bottom: 40px;
}
.regi-form .alredy-acc a {
  color: var(--light-green);
}
.regi-form .alredy-acc {
  text-align: center;
}
.regi-mng input {
  margin-bottom: 20px;
}
.sign-password-lock-icon {
  margin-right: 10px;
  position: absolute;
  top: 10px;
  right: 0px;
}
.footer-bottom {
  padding: 25px;
  background-color: var(--grey);
}
.bot-text p {
  margin-bottom: 0px;
  color: var(--bs-white);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.footer-company-logo-text img {
  margin-bottom: 20px;
}

/* --------------------------------surbhi(28-08-25)----------------------------------- */
.info-foot {
  display: flex !important;
  gap: 15px;
  margin-bottom: 20px !important;
}
.info-foot img {
  height: 24px;
  width: 24px;
  object-fit: contain;
}
.info-foot p {
  margin-bottom: 0px;
}
.user-drowpdown-menu {
  border: 0px !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin-top: 10px !important;
  padding: 0px 0px 10px;
  border-radius: 18px;
}
.dropdown-menu[data-bs-popper] {
  right: 0 !important;
  left: unset !important;
}
.modal-content {
  border-radius: 18px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.addressform .table tbody tr,
.addressform .table tbody td {
  vertical-align: bottom;
}
.content-edit-icon {
  text-align: end;
}
.businessforms .table tbody tr,
.businessforms .table tbody td {
  vertical-align: bottom;
}
.contactform .table tbody tr,
.contactform .table tbody td {
  vertical-align: bottom;
}
.addressform .table tbody td,
.businessforms .table tbody td,
.contactform .table tbody td,
.hourlyform .table tbody td {
  width: 25%;
  padding: 20px 0px;
}
.addressform .table,
.businessforms .table,
.contactform .table {
  margin: 0px;
}
.branche-detail-add-branche-btn-info {
  margin-top: 20px;
}
.detail-contact {
  font-size: 16px;
  font-weight: 400;
  color: var(--grey);
  font-family: "Inter";
  margin-bottom: 10px;
}
.profile_address_state + .select2-container {
  width: 100% !important;
}

.profile_address_country + .select2-container {
  width: 100% !important;
}
.dashboard-input-form.edit-province .select2-container {
  width: 100% !important;
}

.brance-name p,
.country-name p,
.activite-number p {
  margin-bottom: 0px;
  color: var(--grey);
  font-size: 16px;
  font-weight: 400;
}
.curency-data + .select2-container {
  width: 100% !important;
}
.bank-data + .select2-container {
  width: 100% !important;
}
.branch-data + .select2-container {
  width: 100% !important;
}
.field-set .ck-editor {
  margin-bottom: 40px !important;
}

.alert {
  padding: 15px 30px !important;
  background-color: var(--active-bg) !important;
  border-radius: 8px !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  color: var(--grey) !important;
  margin-top: 40px !important;
  border-color: unset !important;
  border: 0 !important;
}
.photobox .col-md-2 {
  width: 15%;
}
.blog-card {
  border: 2px solid var(--border-color);
  border-radius: 12px;
}
.blog-card .card-body {
  padding: 20px;
}
.blog-card img {
  height: 180px;
  width: 180px;
  border-radius: 8px;
  object-fit: cover;
}
.blog-sec {
  padding: 40px 0px;
}
.adv-top span {
  font-weight: 400;
  font-size: 16px;
  color: var(--light-green);
  text-transform: uppercase;
}
.adv-top h2 {
  color: var(--grey);
  font-weight: 600;
  font-size: 24px;
}
.mainbox {
  display: flex;
  gap: 35px;
  align-items: center;
}
.adv-top p {
  font-weight: 500;
  font-size: 14px;
  color: var(--grey);
}
.adv-top p .date {
  font-weight: 400;
  color: var(--grey);
  font-size: 14px;
  text-transform: capitalize;
}
.view-cat span {
  background-color: var(--light-green);
  border-radius: 8px;
  padding: 8px;
  color: var(--white);
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  display: inline-block;
}
.view-det h2 {
  font-weight: 600;
  font-size: 40px;
  color: var(--grey);
  line-height: 50px;
  margin: 10px 0px;
}
.view-det p {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: var(--black);
  margin-bottom: 10px;
}
.blog-name p {
  font-weight: 400;
  font-size: 14px;
  color: var(--grey);
}
.blog-name span {
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.5px;
  color: var(--grey);
}
.share span {
  font-weight: 400;
  font-size: 16px;
  color: var(--light-green);
  vertical-align: middle;
}
.news-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.news-img {
  height: 500px;
  margin-bottom: 40px;
}
.blog-desp p {
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  color: var(--black);
}
.blog-desp span {
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  color: var(--black);
}
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 25px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}
.tags span {
  border: 1px solid var(--light-grey);
  padding: 0px 8px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.48px;
  text-align: center;
  background-color: var(--white);
  color: var(--light-grey);
}
.desti {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}
.desti h3 {
  font-weight: 500;
  font-size: 24px;
  color: var(--grey);
  margin-bottom: 8px;
}
.desti h3 span {
  color: var(--grey);
  font-weight: 300;
  font-size: 24px;
}

.destinations {
  color: #444;
  font-size: 15px;
  line-height: 1.8;
}
.destinations span {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.14px;
  color: #707579;
}
.destinations span::after {
  //content: "";
  height: 5px;
  width: 5px;
  background-color: #707579;
  display: inline-block;
  border-radius: 50%;
  margin: 0px 10px;
  vertical-align: middle;
}
.popular-articles {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 15px;
  margin: 15px 0px;
  border-bottom: 1px solid var(--border-color);
}
.popular-articles img {
  width: 100px;
  height: 70px;
  border-radius: 6px;
  object-fit: cover;
}

.popular-articles .info h4 {
  font-weight: 400;
  font-size: 16px;
  color: var(--grey);
  line-height: 20px;
}
.popular-articles .info span {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #707579;
}
.blog-details-sec {
  padding: 20px 0px 40px 0px;
}
.rel-arti-sec {
  padding: 20px 0px 40px 0px;
}
.add-post {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  background-color: #006400; /* dark green */
  /* background-color: var(--dark-green); */
  border-radius: 8px;
  padding: 0px 30px;
  line-height: 40px;
  /* color: var(--white); */
  color: #fff; /* white */
  display: inline-block;
}
.mnge-post {
  font-weight: 400;
  font-size: 40px;
  color: var(--grey);
}

.tabs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}

.tabs-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tab {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: var(--light-grey);
}

.separator {
  color: var(--light-grey);
}

.tabs-right span {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: var(--light-grey);
}

.list-view thead th {
  padding: 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: var(--light-grey);
  vertical-align: middle;
}
.list-view tbody td {
  padding: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: var(--light-grey);
  vertical-align: middle;
}
.list-view tbody td h6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
.action-text {
  display: flex;
  gap: 10px;
  align-items: center;
}
.action-text p {
  font-weight: 400;
  font-size: 12px;
  line-height: 32px;
  color: var(--active-text);
  margin-bottom: 0px;
}
.action-text a {
  font-weight: 400;
  font-size: 12px;
  line-height: 32px;
  color: var(--active-text);
  margin-bottom: 0px;
}
.active-text span {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: var(--light-grey);
}
.pre-btn {
  font-weight: 400;
  font-size: 16px;
  color: var(--light-green);
  padding: 0px 30px;
  line-height: 40px;
  display: inline-block;
  margin-right: 10px;
}
.top-main {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.right-main {
  background-color: #f5f6f6;
  padding: 20px;
  border: 1px solid var(--border-color);
}

/* .accordion-item {
  border-bottom: 1px solid var(--border-color);
}
  */
.custom-dropdown {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border: none;
  outline: none;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: var(--grey);
  font-family: "Inter";
  font-weight: 400;
  background: none;
}

.arrow {
  font-size: 14px;
  transition: transform 0.3s ease;
  color: var(--light-grey);
}

.custom-dropdown.active .arrow {
  transform: rotate(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.accordion-content.open {
  max-height: 500px;
  padding: 12px;
}
.custom-dropdown.active {
  background-color: #e9f4f0;
}

.image-upload-box {
  width: 100%;
  height: 170px;
  border: 0px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #f5f6f6;
  margin-bottom: 12px;
  transition: 0.3s ease;
  flex-direction: column;
}

.upload-label {
  font-weight: 400;
  font-size: 12px;
  color: var(--grey);
}

.set-field input {
  margin-bottom: 10px;
}
.set-field select {
  margin-bottom: 10px;
}
.set-field label {
  font-weight: 400;
  font-size: 12px;
  color: var(--light-grey);
  margin-bottom: 5px;
}
.tag-box {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  padding: 8px;
  border-radius: 8px;
}
.tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.new-tag {
  background-color: var(--border-color);
  padding: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--light-grey);
  border: 0px;
  border-radius: 0px;
}

.new-tag .remove {
  color: var(--light-grey);
}
.sep-text {
  font-weight: 400;
  font-size: 12px;
  color: var(--light-grey);
  margin-bottom: 20px;
}
.left-main {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  height: 100%;
}
/* about-us-page */
.about-hd h6 {
  font-size: 32px;
  color: var(--grey);
  font-weight: 500;
  margin-bottom: 20px;
}
.about-hd span {
  font-weight: 300;
}
.about-hd {
  text-align: center;
}
.about-hd p {
  font-size: 32px;
  color: var(--light-grey);
  font-weight: 400;
  line-height: 42px;
  margin-bottom: 40px;
}
.about-heading-sec {
  padding: 40px 0px 100px 0px;
}
.caption-text {
  border: 1px solid var(--light-green);
  border-radius: 24px;
  color: var(--black);
  padding: 30px 50px;
  margin-bottom: 40px;
}
.caption-text span {
  font-weight: 600;
}
.caption-text p {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0px;
  text-align: center;
}
.about-content h6 {
  font-size: 48px;
  font-weight: 600;
  color: var(--grey);
  margin-bottom: 40px;
  line-height: 58px;
}
.about-content p {
  font-size: 28px;
  line-height: 38px;
  font-weight: 400;
  color: var(--light-grey);
}
.about-content {
  text-align: center;
}
.about-frst,
.about-sec,
.about-thrd,
.about-four,
.about-five {
  margin-bottom: 40px;
}
.about-img img {
  height: 450px;
  width: 100%;
  object-fit: contain;
}
/* edit-profile-css */
.edit-profile-sec {
  padding: 50px 0px 100px 0px;
}
/* account-setting-css */
.chnge-pass-sec {
  padding: 50px 0px 100px 0px;
  position: relative;
}
.toggle-eye {
  position: absolute;
  right: 15px;
  top: 53px;
  cursor: pointer;
  color: var(--grey);
}
.nav-link:focus-visible {
  box-shadow: unset !important;
}
/* Days row */
.days {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.day {
  padding: 8px 20px;
  border-radius: 8px;
  border: 1px solid var(--light-grey);
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.day.light {
  background: var(--active-bg);
  color: var(--light-grey);
}
.day.selected {
  background: var(--active-text);
  color: var(--white);
  border: 0px;
}
.day.disabled {
  background: unset;
  color: var(--light-grey);
}
.error-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.error-main h6 {
  font-weight: 300;
  font-style: Light;
  font-size: 16px;
  color: var(--grey);
}
.error-main i {
  font-size: 16px;
  font-weight: 600;
  color: var(--light-grey);
}
.swiper {
  width: 100%;
  height: 100%;
}

/* Each slide background */
.swiper-slide {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.banner-slide-1 {
  background-image: url("../images/home-slider/banner.png");
}
.banner-slide-2 {
  background-image: url("../images/home-slider/banner.png");
}
.banner-slide-3 {
  background-image: url("../images/home-slider/banner.png");
}
/* Background images */
.banner-slide-1,
.banner-slide-2,
.banner-slide-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.main-banner {
  height: 80vh;
  position: relative;
}

/* Banner content container */
.home-banner-content-search {
  position: relative;
  z-index: 3; /* text above overlay */
  color: #fff;
  text-align: center;
}

.home-banner-content-search h1 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 50px;
  text-shadow: 3px 5px 5px #000;
}
/* destination-detail */
.desti-det-sec {
  padding: 50px 0px 50px 0px;
}
.top-back {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}
.top-back .breadcrumb {
  margin-bottom: 0px;
}
.top-back .breadcrumb .breadcrumb-item a {
  color: var(--grey);
  text-decoration: underline;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.top-back .breadcrumb .breadcrumb-item.active {
  color: var(--light-grey);
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.share-txt span {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.share-txt {
  display: flex;
  gap: 10px;
  align-items: center;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--active-text) !important;
  border: 0px !important;
  color: var(--white) !important;
}
.destination-tabs .nav-pills .nav-item .nav-link {
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid var(--light-grey);
  background-color: var(--bg-color);
  color: var(--light-grey);
  letter-spacing: 0.48px;
}
.destination-tabs .nav-pills {
  gap: 15px;
}
.tab-top-hd h6 {
  color: var(--grey);
  font-size: 32px;
  font-weight: 500;
}
.tab-top-hd h6 span {
  font-weight: 300;
}
.filter-cate a {
  font-size: 16px;
  color: var(--light-green);
  font-weight: 400;
}
.filter-cate {
  text-align: end;
  margin-bottom: 10px;
}
.custm-card {
  border: 1px solid #eaeced;
  border-radius: 12px;
  position: relative;
}
.desti-det-img img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.desti-bdy {
  padding: 15px;
}
.desti-bdy span {
  font-size: 16px;
  font-weight: 400;
  color: var(--light-green);
  text-transform: uppercase;
}
.desti-bdy h6 {
  font-size: 24px;
  font-weight: 500;
  color: var(--grey);
  margin-bottom: 40px;
  line-height: 34px;
}
.rating-desti {
  display: flex;
  justify-content: space-between;
}
.rating-desti .rateus span {
  font-size: 16px;
  line-height: 14px;
  color: var(--grey);
  font-weight: 600;
  margin-left: 5px;
}
.rating-desti .rateus i {
  color: #fbbb01;
}
.rating-desti p {
  color: var(--grey);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
}
.custm-card .align-top {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  padding: 15px;
  align-items: center;
}
.align-top .wish-list {
  height: 32px;
  width: 32px;
  background-color: #090909;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
}
:focus-visible {
  outline: 0px !important;
}
.align-top .badge {
  background-color: #c31fec;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  padding: 6px;
  text-transform: uppercase;
}
.align-top .new-badge {
  background-color: #ec221f;
}
.desti-det2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.desti-bdy2 {
  position: absolute;
  padding: 15px;
  width: 100%;
  bottom: 0;
}
.desti-bdy2 h6 {
  color: var(--white);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
.desti-bdy2 span {
  font-size: 16px;
  font-weight: 400;
  color: var(--white);
}
.load-more-btn a {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-green);
}
.load-more-btn {
  text-align: center;
  margin-top: 20px;
}
.owl-carousel .owl-item .wish-list img {
  width: unset !important;
  display: inline-block;
}
.category-tabs .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #ebffcd !important;
  border: 2px solid var(--light-green) !important;
}
.nav-pills .nav-link.active .explore-main .explore-txt h5 {
  color: var(--active-text) !important;
}
.category-tabs .nav-pills .nav-link {
  border: 2px solid var(--border-color) !important;
  border-radius: 8px !important;
  padding: 10px !important;
  width: 100%;
}
.category-tabs ul li {
  width: 100%;
}
.category-tabs .nav-pills {
  gap: 20px;
}
.category-tabs {
  margin: 15px 0px 30px 0px;
}
.cate-bdy h6 {
  font-size: 16px;
  font-weight: 400;
  color: var(--grey);
}
.cate-bdy {
  padding: 15px;
}
.cate-bdy p {
  font-size: 14px;
  font-weight: 400;
  color: var(--grey);
  margin: 10px 0px;
}
.cate-bdy p span {
  font-size: 24px;
}
.cate-bdy .rateus span {
  font-size: 16px;
  line-height: 14px;
  color: var(--grey);
  font-weight: 600;
}
.cate-bdy .rateus i {
  color: #fbbb01;
  font-size: 10px;
  vertical-align: middle;
  height: 12px;
}
/* Chrome, Safari, Edge, Opera ke liye */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox ke liye */
input[type="number"] {
  -moz-appearance: textfield;
}
.top-back .bck-arrow i {
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: var(--light-green);
}
.preview-img img {
  height: 100px;
  width: 130px;
  border-radius: 5px;
  object-fit: cover;
}
.preview-img .cross-icon {
  background-color: red;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 14px;
  color: white;
  text-align: center;
  position: absolute;
  top: -8px;
  right: -8px;
}
.sidebar-accordion .accordion-item {
  border-bottom: 1px solid var(--border-color);
}

/* ---------------------surbhi(26-09-25)--------------------- */
.content-according-tab-info h3 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  font-family: "Inter";
  color: var(--grey);
  margin-bottom: 15px;
}
.content-according-tab-info p {
  font-size: 20px;
  font-weight: 400;
  color: var(--grey);
  letter-spacing: 0.1px;
}
#Dashboard .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
.filter-card .clear-all a {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 400;
}
.filter-card .clear-all {
  text-align: end;
}
.overview-card .dash-box {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
}
.overview-card .dash-box .main-cont {
  display: flex;
  justify-content: space-between;
}
.acti-view h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-grey);
}
.ince-rate {
  display: flex;
}
.ince-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-green);
  margin-bottom: 0px;
}
.overview-card .dash-box .average h4 {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--grey);
  margin: 20px 0px;
}
#Dashboard .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.table-card .overview-table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
}
.table-card .overview-table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
}
.table-card.overview-card table tr {
  border: 1px solid #eaeced;
}
.table-card .overview-table tbody tr .avail {
  color: var(--grey);
  font-weight: 600;
}

/* ---------------------------------surbhi(30-9-25)----------------------------- */

.acti-over h6 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 500;
  color: var(--grey);
  margin-bottom: 15px;
}
.ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.ranking p {
  font-size: 14px;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  margin-bottom: 0px;
}
.ranking a {
  font-size: 14px;
  color: var(--light-green);
  font-weight: 400;
}
#Bookings .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
/* ===========================surbhi(4-10-25)============================= */
.experience-variety-activities-slider .owl-carousel .owl-nav.disabled {
  display: block;
}
/* input search with icon */
.search-bar {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--light-grey);
  border-radius: 8px;
  padding: 8px 12px;
  transition: all 0.2s ease;
  height: 50px;
  margin-bottom: 40px;
  background-color: var(--white);
}
.search-bar .search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.search-bar .search-icon img {
  width: 18px;
  height: 18px;
}
.search-bar input {
  border: none;
  outline: none;
  flex: 1;
}
#Bookings .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
#Wishlists .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
#Wishlists .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
#Reviews .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
#Reviews .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.table-card .overview-table tbody tr td span i {
  color: #fbbb01;
}
.table-card .overview-table tbody tr .complete {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-green);
  display: inline-block;
}
.table-card .overview-table tbody tr .cancel {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-grey);
  display: inline-block;
}
.table-card .overview-table tbody tr .pending {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fbbb01;
  display: inline-block;
}
.table-card .overview-table tbody tr .confirm {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #f92c2c;
  display: inline-block;
}
.table-card .overview-table tbody tr .in-process {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #9d65e5;
  display: inline-block;
}
.discover-exciting-destinations-box .align-top {
  position: absolute;
  top: 0%;
  left: 80%;
  padding: 15px;
}
.swiper-pagination-bullet-active {
  background: var(--white) !important;
}

/* ===================================surbhi(14-10-25)======================================= */

/* overview-dashboard */
.overview-dash-sec {
  padding: 40px 0px;
}
.dash-header {
  width: 100%;
  background-color: var(--white);
}
.dash-header .dasbhoard-header-info-area {
  border-bottom: 1px solid #eaeced;
  padding: 20px 0px;
}
.dash-header .custom-nav .nav-link.active {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.42px;
  color: var(--grey);
  background: none !important;
}
.dash-header .custom-nav .nav-link {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.42px;
  color: var(--grey);
}
.dash-header .custom-nav {
  justify-content: end;
}
.overview-dash-sec .main-hd h6 {
  font-size: 40px;
  font-weight: 400;
  color: var(--grey);
  margin-bottom: 20px;
  line-height: 30px;
}
.overview-dash-sec .main-hd p {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--black);
  margin-bottom: 0px;
}
.overview-dash-sec .gen-rep {
  background-color: var(--active-text);
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.42px;
  border: 0;
}
.overview-dash-sec .top-align {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.overview-dash-sec .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
.overview-dash-sec .filter-card .clear-all a {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 400;
}
.overview-dash-sec .filter-card .clear-all {
  text-align: end;
}
.overview-dash-sec .overview-card .dash-box {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
}
.overview-dash-sec .overview-card .dash-box .main-cont {
  display: flex;
  justify-content: space-between;
}
.overview-dash-sec .overview-card .dash-box .average h4 {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--grey);
  margin: 20px 0px;
}
.overview-dash-sec .acti-view h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-grey);
}
.overview-dash-sec .ince-rate {
  display: flex;
  align-items: center;
}
.overview-dash-sec .ince-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-green);
  margin-bottom: 0px;
}
.overview-dash-sec .decre-rate {
  display: flex;
  align-items: center;
}
.overview-dash-sec .decre-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: #f92c2c;
  margin-bottom: 0px;
}
.overview-dash-sec .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.overview-dash-sec .table-card .overview-table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.overview-dash-sec .table-card .overview-table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.overview-dash-sec .table-card .overview-table table tr {
  border-bottom: 1px solid #eaeced;
}
.overview-dash-sec .table-card .overview-table tbody tr .avail {
  color: var(--grey);
  font-weight: 600;
}
.overview-dash-sec .acti-over h6 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 500;
  color: var(--grey);
  margin-bottom: 15px;
}
.overview-dash-sec .ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.overview-dash-sec .ranking p {
  font-size: 14px;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  margin-bottom: 0px;
}
.overview-dash-sec .ranking a {
  font-size: 14px;
  color: var(--light-green);
  font-weight: 400;
}
.overview-dash-sec .table-card .overview-table tbody tr .complete {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-green);
  display: inline-block;
}
.overview-dash-sec .table-card .overview-table tbody tr .cancel {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-grey);
  display: inline-block;
}
.overview-dash-sec .table-card .overview-table tbody tr .pending {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fbbb01;
  display: inline-block;
}
.overview-dash-sec .table-card .overview-table tbody tr .confirm {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #f92c2c;
  display: inline-block;
}
.overview-dash-sec .table-card .overview-table tbody tr .in-process {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #9d65e5;
  display: inline-block;
}
/* custom-pagination */

.custom-pagination {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.custom-pagination .page-item {
  display: flex;
}

.custom-pagination .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--light-grey);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
  border: none;
  background: transparent;
  transition: all 0.2s ease;
}

.custom-pagination .page-item.active .page-link {
  background-color: #ebffcd;
  color: var(--grey);
  font-weight: 700;
}

.custom-pagination .page-link:hover {
  background-color: none !important;
  color: #000;
}

.custom-pagination .page-link i {
  font-size: 13px;
}

.custom-pagination .dots {
  cursor: default;
  background: transparent !important;
}

.custom-pagination .page-link:focus {
  box-shadow: none !important;
}

/* booking-dashboard */

.booking-dash-sec .main-hd h6 {
  font-size: 40px;
  font-weight: 400;
  color: var(--grey);
  margin-bottom: 20px;
  line-height: 30px;
}
.booking-dash-sec .main-hd p {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--black);
  margin-bottom: 0px;
}
.booking-dash-sec .gen-rep {
  background-color: var(--active-text);
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.42px;
  border: 0;
}
.booking-dash-sec .top-align {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.booking-dash-sec {
  padding: 40px 0px;
}
.booking-dash-sec .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
.booking-dash-sec .filter-card .clear-all a {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 400;
}
.booking-dash-sec .filter-card .clear-all {
  text-align: end;
}
.booking-dash-sec .overview-card .dash-box {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
}
.booking-dash-sec .overview-card .dash-box .main-cont {
  display: flex;
  justify-content: space-between;
}
.booking-dash-sec .overview-card .dash-box .average h4 {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--grey);
  margin: 20px 0px;
}
.booking-dash-sec .acti-view h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-grey);
}
.booking-dash-sec .ince-rate {
  display: flex;
  align-items: center;
}
.booking-dash-sec .ince-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-green);
  margin-bottom: 0px;
}
.booking-dash-sec .decre-rate {
  display: flex;
  align-items: center;
}
.booking-dash-sec .decre-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: #f92c2c;
  margin-bottom: 0px;
}
.booking-dash-sec .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.booking-dash-sec .table-card .overview-table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.booking-dash-sec .table-card .overview-table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.booking-dash-sec .table-card .overview-table table tr {
  border-bottom: 1px solid #eaeced;
}
.booking-dash-sec .table-card .overview-table tbody tr .avail {
  color: var(--grey);
  font-weight: 600;
}
.booking-dash-sec .ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.booking-dash-sec .acti-over h6 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 500;
  color: var(--grey);
  margin-bottom: 15px;
}
.booking-dash-sec .acti-over p {
  font-size: 14px;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  margin-bottom: 0px;
}
.booking-dash-sec .add-busi a {
  background-color: var(--active-text);
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.42px;
  border: 0;
  display: inline-block;
}
.booking-dash-sec .table-card .overview-table tbody tr .complete {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-green);
  display: inline-block;
}
.booking-dash-sec .table-card .overview-table tbody tr .avail span {
  color: var(--grey);
  font-weight: 400;
  font-size: 12px;
  display: block;
}
.booking-dash-sec .booking-drop a {
  cursor: pointer;
}
.booking-dash-sec .booking-drop .dropdown-menu {
  box-shadow: 5px 8px 12px 2px #00000040;
  border: 0;
  padding: 15px;
  border-radius: 8px;
}
.booking-drop .dropdown-menu .dropdown-item {
  padding: 10px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 300;
  color: var(--grey);
  letter-spacing: 0.5px;
  line-height: 20px;
}
.booking-drop .dropdown-item:focus,
.booking-drop .dropdown-item:hover {
  background-color: var(--bg-color);
}
.booking-drop .dropdown-item.active,
.booking-drop .dropdown-item:active {
  background-color: var(--bg-color);
}

/* profile-dashboard */
.profile-dash-sec .main-hd h6 {
  font-size: 40px;
  font-weight: 400;
  color: var(--grey);
  margin-bottom: 20px;
  line-height: 30px;
}
.profile-dash-sec .main-hd p {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--black);
  margin-bottom: 0px;
}
.profile-dash-sec {
  padding: 40px 0px;
}
/* business-user-tab */

.business-user-tab .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
.business-user-tab .filter-card .clear-all a {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 400;
}
.business-user-tab .filter-card .clear-all {
  text-align: end;
}
.business-user-tab .overview-card .dash-box {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
}
.business-user-tab .overview-card .dash-box .main-cont {
  display: flex;
  justify-content: space-between;
}
.business-user-tab .overview-card .dash-box .average h4 {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--grey);
  margin: 20px 0px;
}
.business-user-tab .acti-view h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-grey);
}
.business-user-tab .ince-rate {
  display: flex;
  align-items: center;
}
.business-user-tab .ince-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-green);
  margin-bottom: 0px;
}
.business-user-tab .decre-rate {
  display: flex;
  align-items: center;
}
.business-user-tab .decre-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: #f92c2c;
  margin-bottom: 0px;
}
.business-user-tab .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.business-user-tab .table-card .overview-table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.business-user-tab .table-card .overview-table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.business-user-tab .table-card .overview-table table tr {
  border-bottom: 1px solid #eaeced;
}
.business-user-tab .table-card .overview-table tbody tr .avail {
  color: var(--grey);
  font-weight: 600;
}
.business-user-tab .ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.business-user-tab .acti-over h6 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 500;
  color: var(--grey);
  margin-bottom: 15px;
}
.business-user-tab .acti-over p {
  font-size: 14px;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  margin-bottom: 0px;
}
.business-user-tab .add-busi a {
  background-color: var(--active-text);
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.42px;
  border: 0;
  display: inline-block;
}

.business-user-tab .table-card .overview-table tbody tr .avail span {
  color: var(--grey);
  font-weight: 400;
  font-size: 12px;
  display: block;
}
.business-user-tab .table-card .overview-table tbody tr .complete {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-green);
  display: inline-block;
}
.business-user-tab .table-card .overview-table tbody tr .cancel {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-grey);
  display: inline-block;
}
.business-user-tab .table-card .overview-table tbody tr .pending {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fbbb01;
  display: inline-block;
}
.business-user-tab .table-card .overview-table tbody tr .confirm {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #f92c2c;
  display: inline-block;
}
.business-user-tab .table-card .overview-table tbody tr .in-process {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #9d65e5;
  display: inline-block;
}
.business-user-tab .business-drop a {
  cursor: pointer;
}
.business-user-tab .business-drop .dropdown-menu {
  box-shadow: 5px 8px 12px 2px #00000040;
  border: 0;
  padding: 15px;
  border-radius: 8px;
}
.business-user-tab .business-drop .dropdown-menu .dropdown-item {
  padding: 10px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 300;
  color: var(--grey);
  letter-spacing: 0.5px;
  line-height: 20px;
}
.business-user-tab .business-drop .dropdown-item:focus,
.business-user-tab .business-drop .dropdown-item:hover {
  background-color: var(--bg-color);
}
.business-user-tab .business-drop .dropdown-item.active,
.business-user-tab .business-drop .dropdown-item:active {
  background-color: var(--bg-color);
}
/* app-user-tab */

.app-user-tab .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
.app-user-tab .filter-card .clear-all a {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 400;
}
.app-user-tab .filter-card .clear-all {
  text-align: end;
}
.app-user-tab .overview-card .dash-box {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
}
.app-user-tab .overview-card .dash-box .main-cont {
  display: flex;
  justify-content: space-between;
}
.app-user-tab .overview-card .dash-box .average h4 {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--grey);
  margin: 20px 0px;
}
.app-user-tab .acti-view h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-grey);
}
.app-user-tab .ince-rate {
  display: flex;
  align-items: center;
}
.app-user-tab .ince-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-green);
  margin-bottom: 0px;
}
.app-user-tab .decre-rate {
  display: flex;
  align-items: center;
}
.app-user-tab .decre-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: #f92c2c;
  margin-bottom: 0px;
}
.app-user-tab .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.app-user-tab .table-card .overview-table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.app-user-tab .table-card .overview-table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.app-user-tab .table-card .overview-table table tr {
  border-bottom: 1px solid #eaeced;
}
.app-user-tab .table-card .overview-table tbody tr .avail {
  color: var(--grey);
  font-weight: 600;
}
.app-user-tab .ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.app-user-tab .acti-over h6 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 500;
  color: var(--grey);
  margin-bottom: 15px;
}
.app-user-tab .acti-over p {
  font-size: 14px;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  margin-bottom: 0px;
}
.app-user-tab .add-busi a {
  background-color: var(--active-text);
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.42px;
  border: 0;
  display: inline-block;
}
.app-user-tab .table-card .overview-table tbody tr .avail span {
  color: var(--grey);
  font-weight: 400;
  font-size: 12px;
  display: block;
}
.app-user-tab .table-card .overview-table tbody tr .complete {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-green);
  display: inline-block;
}
.app-user-tab .table-card .overview-table tbody tr .cancel {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-grey);
  display: inline-block;
}
.app-user-tab .table-card .overview-table tbody tr .pending {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fbbb01;
  display: inline-block;
}
.app-user-tab .table-card .overview-table tbody tr .confirm {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #f92c2c;
  display: inline-block;
}
.app-user-tab .table-card .overview-table tbody tr .in-process {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #9d65e5;
  display: inline-block;
}
.app-user-tab .profile-drop a {
  cursor: pointer;
}
.app-user-tab .profile-drop .dropdown-menu {
  box-shadow: 5px 8px 12px 2px #00000040;
  border: 0;
  padding: 15px;
  border-radius: 8px;
}
.app-user-tab .profile-drop .dropdown-menu .dropdown-item {
  padding: 10px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 300;
  color: var(--grey);
  letter-spacing: 0.5px;
  line-height: 20px;
}
.app-user-tab .profile-drop .dropdown-item:focus,
.app-user-tab .profile-drop .dropdown-item:hover {
  background-color: var(--bg-color);
}
.app-user-tab .profile-drop .dropdown-item.active,
.app-user-tab .profile-drop .dropdown-item:active {
  background-color: var(--bg-color);
}

/* system-user-tab */

.system-user-tab .filter-card {
  background-color: var(--bg-color);
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 30px;
}
.system-user-tab .filter-card .clear-all a {
  color: var(--light-green);
  font-size: 16px;
  font-weight: 400;
}
.system-user-tab .filter-card .clear-all {
  text-align: end;
}
.system-user-tab .overview-card .dash-box {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
}
.system-user-tab .overview-card .dash-box .main-cont {
  display: flex;
  justify-content: space-between;
}
.system-user-tab .overview-card .dash-box .average h4 {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--grey);
  margin: 20px 0px;
}
.system-user-tab .acti-view h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-grey);
}
.system-user-tab .ince-rate {
  display: flex;
  align-items: center;
}
.system-user-tab .ince-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-green);
  margin-bottom: 0px;
}
.system-user-tab .decre-rate {
  display: flex;
  align-items: center;
}
.system-user-tab .decre-rate p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: #f92c2c;
  margin-bottom: 0px;
}
.system-user-tab .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.system-user-tab .table-card .overview-table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.system-user-tab .table-card .overview-table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.system-user-tab .table-card .overview-table table tr {
  border-bottom: 1px solid #eaeced;
}
.system-user-tab .table-card .overview-table tbody tr .avail {
  color: var(--grey);
  font-weight: 600;
}
.system-user-tab .ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.system-user-tab .acti-over h6 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 500;
  color: var(--grey);
  margin-bottom: 15px;
}
.system-user-tab .acti-over p {
  font-size: 14px;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  margin-bottom: 0px;
}
.system-user-tab .add-busi a {
  background-color: var(--active-text);
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.42px;
  border: 0;
  display: inline-block;
}
.system-user-tab .table-card .overview-table tbody tr .avail span {
  color: var(--grey);
  font-weight: 400;
  font-size: 12px;
  display: block;
}
.system-user-tab .table-card .overview-table tbody tr .complete {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-green);
  display: inline-block;
}
.system-user-tab .table-card .overview-table tbody tr .cancel {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--light-grey);
  display: inline-block;
}
.system-user-tab .table-card .overview-table tbody tr .pending {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fbbb01;
  display: inline-block;
}
.system-user-tab .table-card .overview-table tbody tr .confirm {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #f92c2c;
  display: inline-block;
}
.system-user-tab .table-card .overview-table tbody tr .in-process {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #9d65e5;
  display: inline-block;
}
.system-user-tab .system-drop a {
  cursor: pointer;
}
.system-user-tab .system-drop .dropdown-menu {
  box-shadow: 5px 8px 12px 2px #00000040;
  border: 0;
  padding: 15px;
  border-radius: 8px;
}
.system-user-tab .system-drop .dropdown-menu .dropdown-item {
  padding: 10px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 300;
  color: var(--grey);
  letter-spacing: 0.5px;
  line-height: 20px;
}
.system-user-tab .system-drop .dropdown-item:focus,
.system-user-tab .system-drop .dropdown-item:hover {
  background-color: var(--bg-color);
}
.system-user-tab .system-drop .dropdown-item.active,
.system-user-tab .system-drop .dropdown-item:active {
  background-color: var(--bg-color);
}

/* top-header-notification-badge */
.user-header-dropdown-icon {
  position: relative;
}
.user-header-dropdown-icon .badge {
  border-radius: 50%;
  padding: 10px;
  font-size: 12px;
  height: 12px;
  width: 12px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f92c2c;
  color: var(--white);
  position: absolute;
  top: 0px;
  right: 0px;
}
/* blog-dashboard */
.blog-dash-sec {
  padding: 40px 0px;
}
.blog-dash-sec .top-align {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.blog-dash-sec .main-hd h6 {
  font-size: 40px;
  font-weight: 400;
  color: var(--grey);
  margin-bottom: 20px;
  line-height: 30px;
}
.blog-dash-sec .main-hd p {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--black);
  margin-bottom: 0px;
}
.blog-dash-sec .overview-card .dash-box {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
}
.blog-dash-sec .overview-card .dash-box .main-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blog-dash-sec .overview-card .dash-box .average h4 {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--grey);
  margin: 40px 0px 0px;
}
.blog-dash-sec .acti-view h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-grey);
}
.blog-dash-sec .ince-rate {
  display: flex;
  align-items: center;
  gap: 5px;
}
.blog-dash-sec .ince-rate p {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--light-green);
  margin-bottom: 0px;
}
.blog-dash-sec .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.blog-dash-sec .table-card .overview-table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.blog-dash-sec .table-card .overview-table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.blog-dash-sec .table-card .overview-table table tr {
  border-bottom: 1px solid #eaeced;
}
.blog-dash-sec .table-card .overview-table tbody tr .avail {
  color: var(--grey);
  font-weight: 600;
}
.blog-dash-sec .acti-over h6 {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 500;
  color: var(--grey);
  margin-bottom: 15px;
}
.blog-dash-sec .ranking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.blog-dash-sec .ranking p {
  font-size: 14px;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  margin-bottom: 0px;
}
.blog-dash-sec .ranking a {
  font-size: 14px;
  color: var(--light-green);
  font-weight: 400;
}
/* manage-user-page */
.manage-user-sec {
  padding: 40px 0px;
}
.manage-user-sec .top-align {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.manage-user-sec .main-hd h6 {
  font-size: 40px;
  font-weight: 400;
  color: var(--grey);
  margin-bottom: 20px;
  line-height: 30px;
}
.manage-user-sec .main-hd p {
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.1px;
  font-weight: 400;
  color: var(--black);
  margin-bottom: 0px;
}
.manage-user-sec .gen-rep {
  background-color: var(--active-text);
  border-radius: 8px;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: var(--white);
  letter-spacing: 0.42px;
  border: 0;
  display: inline-block;
}
.manage-user-sec .table-card {
  border: 1px solid #eaeced;
  border-radius: 15px;
  padding: 20px;
}
.manage-user-sec .table-card .overview-table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.manage-user-sec .table-card .overview-table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: var(--light-grey);
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 15px;
  vertical-align: middle;
}
.manage-user-sec .table-card .overview-table table tr {
  border-bottom: 1px solid #eaeced;
}
.manage-user-sec .table-card .overview-table tbody tr .avail {
  color: var(--grey);
  font-weight: 600;
}

/* exerperince-activity-view-more */
.activity-det-sec {
  padding: 50px 0px;
}
.custm-card .add-wish {
  display: flex;
  justify-content: end !important;
}

/* explore-popular-category-view-more */
.category-det-sec {
  padding: 50px 0px;
}
.mutli-cate-tab .category {
  display: flex;
  align-items: center;
  gap: 20px;
}
.mutli-cate-tab .category h6 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.48px;
  color: var(--grey);
  line-height: 14px;
  margin-bottom: 10px;
}
.mutli-cate-tab .category p {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.48px;
  color: var(--light-grey);
  margin-bottom: 0px;
  line-height: 12px;
  text-align: left;
}
.mutli-cate-tab .nav-pills .nav-item .nav-link {
  padding: 10px;
  border-radius: 8px;
  border: 2px solid var(--border-color);
  background-color: var(--white);
}
.mutli-cate-tab .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--active-bg) !important;
  border-radius: 8px !important;
  border: 2px solid var(--border-color) !important;
}
.mutli-cate-tab {
  margin-bottom: 40px;
}

/* admin-login-page */
.wrapper-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 70px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}
.wrapper-content .logo-img img {
  width: 200px;
}
.wrapper-content .logo-img {
  text-align: center;
  margin-bottom: 20px;
}
.wrapper-content .card {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-radius: 20px;
  border: 0;
}
.wrapper-content .card-body {
  padding: 30px;
}
.divide {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  color: var(--grey);
  font-size: 16px;
  font-weight: 600;
}

.divide::before,
.divide::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid var(--dark-green);
  margin: 0 10px;
}
.wrapper-content .login-btn {
  border: none;
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  padding: 8px 40px;
  border-radius: 6px;
  background-color: var(--light-green);
  width: 100%;
  text-align: center;
}
.wrapper-content .forget a {
  color: var(--dark-green);
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0px;
  display: inline-block;
}
.wrapper-content .forget {
  text-align: end;
}