@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* CSS Reset / Normalize  Start */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Inter", sans-serif;
}

/* CSS Reset / Normalize  End */

/* CSS Variables (Root) Start*/
/*For Light Theme*/
:root {
  --primary-color: #397AE7;
  --primary-color-10: #397AE71A;
  --primary-color-20: #397AE733;
  --bg-primary: #FFFFFF;
  --bg-secondary: #F5F7FE;
  --bg-tertiary: #FAFBFF;
  --bg-quaternary: #F0F3FF;
  --border: #EBEDEF;
  --bg-poi: #ffffffe6;
  --text-primary: #24272D;
  --text-secondary: #767D8C;
  --text-tertiary: #B0BBD6;
  --error: #ED505F;
  --warning: #F0A110;
  --box-shadow-header: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  --box-shadow-search-bar: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  --box-shadow-lftPannel: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
  --box-shadow-card: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
  --box-shadow-notification: 0 0 2px 0 rgba(0, 0, 0, 0.18);
  --card-overlay: #ffffffe6;
  --border-radius: 8px;
  --text-sz-10: 10px;
  --text-sz-12: 12px;
  --text-sz-14: 14px;
  --text-sz-16: 16px;
  --text-sz-24: 24px;
  --spc-2: 2px;
  --spc-4: 4px;
  --spc-6: 6px;
  --spc-8: 8px;
  --regular-400: 400;
  --medium-500: 500;
  --semibold-600: 600;


  /*css for feedback*/
  /* --normal: #414052; */
  /* --normal-shadow: #313140; */
  /* --normal-shadow-top: #4c4b60; */
  --normal-mouth: #B0BBD6;
  --normal-eye: #B0BBD6;
  --active: #f8da69;
  --active-shadow: #f4b555;
  --active-shadow-top: #fff6d3;
  --active-mouth: #f05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  --hover: #454456;
  --hover-shadow-top: #59586b;
  /*css for feedback*/

  --bg-banner: #edfeff;

}

/*For Dark Theme*/
:root .dark {
  --primary-color: #6DB9FF;
  --primary-color-10: #6DB9FF1A;
  --primary-color-20: #6DB9FF33;
  --bg-primary: #121212;
  --bg-secondary: #2A2A2A;
  --bg-tertiary: #414141;
  --bg-quaternary: #373737;
  --border: #333C44;
  --bg-poi: #212121;
  --text-primary: #E0E0E0;
  --text-secondary: #A0A0A0;
  --text-tertiary: #5A5A5A;
  --error: #E8727D;
  --warning: #F0A110;
  --card-overlay: #121212e6;
  --box-shadow-header: 0 2px 4px 0 rgba(255, 255, 255, 0.16);
  --box-shadow-search-bar: rgba(255, 255, 255, 0.2) 0px 2px 8px 0px;
  --box-shadow-lftPannel: 0 -2px 4px 0 rgba(255, 255, 255, 0.08);
  --box-shadow-card: 0 4px 4px 0 rgba(255, 255, 255, 0.16);
  --box-shadow-notification: 0 0 2px 0 rgba(255, 255, 255, 0.18);
  --border-radius: 8px;
  --text-sz-10: 10px;
  --text-sz-12: 12px;
  --text-sz-14: 14px;
  --text-sz-16: 16px;
  --text-sz-24: 24px;
  --spc-4: 4px;
  --spc-6: 6px;
  --spc-8: 8px;
  --regular-400: 400;
  --medium-500: 500;
  --semibold-600: 600;
  --bg-banner: #edfeff;
  /* --normal-mouth: #E0E0E0;
  --normal-eye: #E0E0E0; */
  --normal-mouth: #B0BBD6;
  --normal-eye: #B0BBD6;
}

/*  CSS Variables (Root) End*/


/*Typography Start*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

/*Typography End*/

/*Links start*/
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/*Links end*/


body {
  background: var(--bg-primary);
}


/* Header Start*/
.header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--bg-primary);
  padding: var(--spc-8);
  box-shadow: var(--box-shadow-header);
  position: fixed;
  top: 0px;
  z-index: 4;
}

.header-left {
  display: flex;
  align-items: center;
  gap: var(--spc-8);
}

.mic-btn {
  background-color: transparent;
  border: 0px;
  height: 24px;
}

/* --- Left: Profile --- */
.profile-btn {
  display: flex;
  align-items: center;
  gap: var(--spc-8);
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
}

.profile-btn:focus-visible {
  box-shadow: none !important;
  outline: 0px;
}

.profile-btn .material-symbols-outlined {
  font-weight: var(--medium-500);
  color: var(--text-secondary);
  font-size: 24px;
}

/* .profile-btn span {
  font-size: var(--text-sz-14);
 
  line-height: 16px;
} */

/* --- Middle: Search --- */
.search-bar {
  display: flex;
  align-items: center;
  gap: var(--spc-8);
  background: var(--bg-primary);
  padding: 7px 8px;
  border-radius: var(--border-radius);
  width: 540px;
  max-width: 100%;
  border: 1px solid var(--border);
  box-shadow: var(--box-shadow-search-bar);
}

.search-bar input {
  border: none;
  background: transparent;
  outline: none;
  flex: 1;
  font-size: var(--text-sz-14);
  color: var(--text-primary);

}

.search-bar input::placeholder {
  color: var(--text-tertiary);
}

.search-bar .material-symbols-outlined {
  font-size: var(--text-sz-24);
  color: var(--text-tertiary);
  cursor: pointer;
}

/* --- Right: Notification --- */
.icon-btn {
  background: none;
  border: none;
  position: relative;
  cursor: pointer;
}

.icon-btn .material-symbols-outlined {
  font-size: var(--text-sz-24);
  color: var(--text-primary);
  padding: var(--spc-6);
}

.icon-btn .dot {
  position: absolute;
  /* top: 6px;
  right: 6px;
  width: 12px;
  height: 12px; */
  top: 5px;
  right: 3px;
  width: 14px;
  height: 14px;
  background: var(--error);
  border-radius: 50%;
  border: 1px solid var(--bg-primary);
  font-size: var(--text-sz-10);
  color: var(--bg-primary);
}

.color-black {
  color: var(--text-primary) !important;
}

/* --- Dropdown Menus --- */
.dropdown-menu {
  list-style: none;
  background: var(--bg-primary) !important;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25) !important;
  border-radius: 4px;
  position: absolute;
  max-width: 367px !important;
  top: 56px;
  display: none;
  z-index: 10;
  padding: 0px !important;
  border: 1px solid var(--border);
}

.dropdown-menu li {
  padding: var(--spc-8);
  font-size: 14px;
  color: var(--text-primary);
  cursor: pointer;

}




.dropdown-notify li {
  background-color: var(--bg-primary);

  border-radius: var(--spc-4);
  box-shadow: var(--box-shadow-notification);
}

/* .dropdown-notify li:hover {
  background: var(--primary-color-10);
  border-radius: var(--spc-8);
} */

.show {
  display: block;
}

/* Dropdown positioning */
#profileMenu {
  left: 16;
}

#notifyMenu {
  right: 16px;
  min-width: 367px;
}

.notify-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  position: sticky;
  top: 0px;
  background-color: var(--bg-primary);
}

.right-notify-header {
  display: flex;
  align-items: center;
  gap: 4px;
}

.message-container .material-symbols-outlined {
  color: var(--text-primary);
}

.right-notify-header h2 {
  font-size: var(--text-sz-16);
  font-weight: var(--medium-500);
  line-height: 18px;
  color: var(--text-primary);
  margin-bottom: 0px;
}

.message-container {
  padding: 0px;
  margin: 0px;
  list-style: none;
  margin-bottom: 12px;
}

.message-container:last-child {
  margin-bottom: 0px;
}

.message-box {
  display: flex;
  align-items: flex-start;
  gap: var(--spc-8);
}

.message-content h3 {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--medium-500);
  line-height: 16px;
  margin-bottom: 4px;
}

.message-content p {
  color: var(--text-secondary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
  margin-bottom: 6px;
}

.msg-dots {
  display: block;
  width: 8px;
  height: 8px;
  background-color: var(--primary-color);
  border-radius: 50%;
}

.time-stats {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spc-4);
  color: var(--text-secondary);
  font-size: var(--text-sz-10);
  font-style: italic;
  font-weight: var(--regular-400);
  line-height: 12px;
}

.color-orange {
  color: var(--warning) !important;
}

.sub-header {
  margin-bottom: 8px;
}

.sub-header h4 {
  color: var(--text-secondary);
  font-size: var(--text-sz-12);
  font-style: italic;
  font-weight: var(--regular-400);
  line-height: 14px;
  margin: 0px;
}

.color-blue {
  color: var(--primary-color) !important;
}

.notify-header button {
  background-color: transparent;
  border: 0px;
  height: 24px;
}

.message-section {
  max-height: 346px;
  overflow: auto;
  scrollbar-width: thin;
}

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

.notify-sub-header .nav-notify li {
  box-shadow: none !important;
  padding: 0px;
  margin: 0px;

}

.notify-sub-header .nav-notify li button {
  padding: 4px 8px !important;
}

.right-notify button {
  background-color: transparent;
  border: none;
  color: var(--primary-color);
  font-size: var(--text-sz-14);
  font-weight: 500;
  line-height: 16px;
}

.nav-notify {
  gap: 8px;
}

.nav-notify .nav-link {
  color: var(--text-secondary) !important;
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
}

.notify-sub-header .nav-pills .nav-link.active {
  color: var(--text-primary) !important;
  font-size: var(--text-sz-14) !important;
  font-weight: var(--medium-500) !important;
  line-height: 16px;
  border-radius: var(--spc-4) !important;
  background-color: var(--bg-secondary) !important;
}

/*Header End*/
/* Side Navigation Panel Start*/

.side-nav {
  width: 56px;
  background: var(--bg-primary);
  box-shadow: var(--box-shadow-lftPannel);
  padding: var(--spc-8);
  height: calc(100vh - 56px);
  scroll-behavior: smooth;
  overflow-y: auto;
  position: sticky;
  left: 0px;
  top: 56px;
  z-index: 2;
}


.side-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /* display: flex;
  align-items: center;
  justify-content: space-between; */
}

.side-nav ul li {
  /* margin-bottom: var(--spc-8); */
  width: 100%;
  /* background: #f9f9f987; */
}

.side-nav ul li:last-child {
  margin-bottom: 0px;
}

.side-nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  padding: 8px 0;

}

/* 
.side-nav .active a {
  border-bottom: 2px solid var(--primary-color);
  background: var(--primary-color-10) !important;
} */

.side-nav a .menu-txt {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  line-height: 16px;
  font-weight: var(--medium-500);
}

.side-nav a span.material-symbols-outlined {
  font-size: var(--text-sz-24);
  color: var(--text-primary);
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.side-nav .active .material-symbols-outlined {
  color: var(--primary-color) !important;
}

.message-section {
  padding: 16px;
}

.middle_container {
  display: grid;
  grid-template-columns: 56px 1fr;
  margin-top: 56px;
  /* display: flex;
  flex-direction: column;

  max-width: 1280px;
  margin: 56px auto; */
}

/* Side Navigation Panel End*/
/*right Section CSS Start*/
/* .right-section {
  width: calc(100% - 56px);
  height: calc(100vh - 56px);
  position: absolute;
  top: 56px !important;
  left: 56px;

  background-color: var(--bg-secondary);
  overflow-y: auto;
} */
.right-section {

  overflow-y: auto;


}

.card-section-one {
  margin-bottom: 8px;
  position: relative;
  width: 100%;

  overflow: hidden;
}

.card-section-one:last-child {
  margin-bottom: 0px;
}

.card-section-one ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--spc-8);
  transition: transform 0.4s ease-in-out;

}

.card-section-one ul li {
  position: relative;
}

.card-section-one ul li a {
  display: block;
  width: 280px;
  height: 160px;
  box-shadow: var(--box-shadow-card);
}

/* Navigation Buttons */
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #00000080;
  color: var(--bg-primary);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}


.prev {
  left: 15px;
}

.next {
  right: 15px;
}

/* Dots */

.owl-carousel button.owl-dot {
  height: 8px;
  width: 8px;
  /* border: 1px solid var(--primary-color) !important; */
  /* background-color: var(--primary-color-20) !important; */
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  /* transition: 0.4s; */
  background-color: #ffffffa1 !important;

}

.owl-carousel button.active {
  background-color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
}

.owl-dots {
  text-align: center;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  /* background: #ffffff87; */
  padding: 4px;
  border-radius: 4px;

}

/* 
.carousel-banner .carousel-container ul {
  padding: 0px 8px;

} */

.carousel-banner .carousel-container ul li {
  margin: 0px;
  list-style: none;
}

.carousel-banner .carousel-container {
  padding-top: 4px;
}

.carousel-banner .owl-carousel .owl-item img {
  border-radius: 0px;
}

.carousel-banner .carousel-container {
  padding: 0px !important;

}


.owl-carousel,
.owl-carousel .owl-item {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

/*card header CSS*/
.sm-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
}

.sm-card-header h2 {
  font-size: var(--text-sz-14);
  font-weight: var(--semibold-600);
  line-height: 16px;
  color: var(--text-primary);
  border-bottom: 2px solid var(--primary-color);
  padding: 4px 0px;
  margin-bottom: 0px;
}

.more-view {
  height: 24px;
  font-size: var(--text-sz-14);
  font-weight: var(--semibold-600);
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}


.more-view .material-symbols-outlined {
  color: var(--primary-color);
}

/*cards Small Grid*/
.card-container {
  padding: 0px 8px;
}

.c-cont {
  padding: 0px 8px;
}

.card-sm-grids {
  margin-bottom: 8px;
}

.card-sm-grids ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: var(--spc-8);

}

.card-sm-grids ul li a {

  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;

}

.card-sm-grids ul li a .catogery-txt {
  font-size: var(--text-sz-12);
  font-weight: var(--medium-500);
  line-height: 14px;
  color: var(--text-primary);
  margin-bottom: 0px;

}

.card-sm-grids ul li .card-grid {
  width: 112px;
  height: 112px;
  border: 1px solid var(--primary-color-20);
  background-color: var(--primary-color-10) !important;
  box-shadow: none;
  border-radius: var(--spc-8);
  background-position: center;
}

.card-bg1 {

  background: url(../img/all.svg) 0 0 no-repeat;
}

.card-bg2 {

  background: url(../img/online-puja.svg) 0 0 no-repeat;
}

.card-bg3 {

  background: url(../img/astrology.svg) 0 0 no-repeat;
}

.card-bg4 {

  background: url(../img/yatra.svg) 0 0 no-repeat;
}

.card-bg5 {

  background: url(../img/chadava.svg) 0 0 no-repeat;
}

.card-bg6 {

  background: url(../img/e-Learning.svg) 0 0 no-repeat;
}

.card-bg7 {

  background: url(../img/health.svg) 0 0 no-repeat;
}

.card-bg8 {

  background: url(../img/ethnic-wear.svg) 0 0 no-repeat;
}

.card-bg9 {

  background: url(../img/food.svg) 0 0 no-repeat;
}

.card-bg10 {

  background: url(../img/dance-music.svg) 0 0 no-repeat;
}

/*E-puja Section*/
.card-img {
  width: 100%;
  height: 100%;
  min-height: 180px;
}

.card-content {
  padding: 8px;
  background-color: var(--card-overlay);
  position: absolute;
  bottom: 0px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 0px 0px 4px 4px;
  width: 100%;
  justify-content: space-between;
}

.card-title {
  font-size: var(--text-sz-14);
  font-weight: var(--semibold-600);
  line-height: 16px;
  color: var(--text-primary);
  margin-bottom: 0px !important;
}

.card-desc {
  font-weight: var(--regular-400);
  font-size: var(--text-sz-12);
  line-height: 14px;
  color: var(--text-secondary);
  margin: 0px;
}

.card-price {
  font-weight: var(--semibold-600);
  font-size: var(--text-sz-12);
  line-height: 14px;
  color: var(--text-primary);
  margin-top: 8px !important;
  margin: 0px;
}

.btn-primary {
  background: var(--primary-color) !important;
  color: var(--bg-primary);
  border: none;
  padding: 5px 8px;
  border-radius: var(--spc-2);
  cursor: pointer;
  font-size: var(--text-sz-12);
  font-weight: var(--semibold-600);
  text-wrap: nowrap;
  height: 32px;
  margin: 0px;
  justify-content: center;

}

.btn-primary:focus {
  box-shadow: none !important;
}

.btn-primary:hover {
  background: var(--primary-color) !important;
}

.brand-logo {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--bg-poi);
  padding: 4px 8px;
  border-radius: var(--spc-4);
  font-size: 12px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 4px;
}

.brand-logo img {
  width: 100%;
  height: 100%;
}

.card {
  position: relative;
  width: 280px;
  max-height: 180px;
  box-shadow: var(--box-shadow-card);
  border-radius: 4px;
  margin-bottom: 8px;
}

.owl-nav {
  display: none;
}

/*calender patch CSS*/

.calendar-patch {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spc-4);
  width: 31px;
  height: 38px;
  background: var(--bg-primary);
  border-radius: 0px 0px 4px 4px;
  position: absolute;
  top: 0px;
  left: 8px;
}

.calendar-patch .day {
  font-size: var(--text-sz-12);
  font-weight: var(--semibold-600);
  line-height: 14px;
  color: var(--text-primary);
}

.calendar-patch .month {
  font-size: var(--text-sz-12);
  font-weight: var(--semibold-600);
  line-height: 14px;
  color: var(--error);
  text-transform: capitalize;
}


/*offerList CSS*/
.card-brand1 {
  background: url(../img/astro.svg) 0 0 no-repeat;
}

.card-brand2 {
  background: url(../img/nirmalaya.svg) 0 0 no-repeat;
}

.card-brand3 {
  background: url(../img/utsav-icon.svg) 0 0 no-repeat;
}

.card-brand4 {
  background: url(../img/bhagva.svg) 0 0 no-repeat;
}

.card-brand5 {
  background: url(../img/ramayanidarshanyatra.svg) 0 0 no-repeat;
}

.card-brand6 {
  background: url(../img/vama-icon.svg) 0 0 no-repeat;
}

.card-brand7 {
  background: url(../img/pilgimpackage.svg) 0 0 no-repeat;
}

.card-brand8 {
  background: url(../img/namsste-india.svg) 0 0 no-repeat;
}

.card-brand9 {
  background: url(../img/giri.svg) 0 0 no-repeat;
}

.card-brand10 {
  background: url(../img/bambinos-live.svg) 0 0 no-repeat;
}

.card-brand11 {
  background: url(../img/melooha.svg) 0 0 no-repeat;
}

.card-brand12 {
  background: url(../img/ayuroom.svg) 0 0 no-repeat;
}

.card-brand13 {
  background: url(../img/gramik.svg) 0 0 no-repeat;
}

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

.card-banner span {
  font-size: var(--text-sz-10);
  line-height: 12px;
  font-weight: var(--semibold-600);
  color: var(--bg-primary);
  /* position: absolute;
  top: 3px;
  left: 0px; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 2px;
}

.card-brand-grid {
  background-color: var(--bg-primary) !important;
}

.owl-carousel .owl-item img {
  /* width: auto !important; */
  border-radius: var(--spc-4);
}

.inner-card-banner {
  position: relative;
  background: url(../img/card-banner-bg.svg) 0 0 no-repeat;
  height: 22px;
  width: 72px;
  left: 0px;
  top: -1px;
}


.card-brand-footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spc-4);
  border-radius: 0px 0px 8px 8px;
  background-color: var(--primary-color-10);
}

.card-brand-footer .footer-txt {
  color: var(--text-primary) !important;
  font-size: var(--text-sz-10);
  font-weight: var(--semibold-600);
  line-height: 12px;
  margin-bottom: 0px;
  max-width: 100px;
}

.desk-hide {
  display: none !important;
}

.mob-hide {
  display: block;
}

.inner-card-banner img {
  border-radius: 0px !important;
}

.carousel-3 .owl-item img {
  width: 100%;
  height: 100%;
  /*  object-fit: cover; */
  display: block;
}

/**################# online puja tab Start #################**/
.nav-container {
  background-color: var(--bg-primary);
  margin: 0px 8px 8px;
  border-radius: 4px;
}

.nav-container .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: transparent !important;
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  font-weight: var(--semibold-600);
}

.nav-container .nav-pills {
  padding: 8px;
  gap: 8px;
}

.nav-container .nav-pills .nav-link {
  color: var(--text-secondary);
  border-bottom: 2px solid transparent;
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  border-radius: 0px;
  padding: 4px 8px;
}

.puja-card {
  /* padding: 4px 8px; */
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.img-container {
  width: 100%;
  height: auto;
}

.img-container img {
  width: 100%;
  height: 100%;
}

.content-section .brand-name {
  color: var(--text-primary);
  font-size: var(--text-sz-10);
  font-weight: var(--medium-500);
  line-height: 12px;
  padding-bottom: var(--spc-6);
}

.content-section .card-heading {
  color: var(--text-primary);
  font-size: var(--text-sz-12);
  font-weight: var(--semibold-600);
  line-height: 14px;
  margin-bottom: 2px;
}

.puja-card-price {
  color: var(--text-primary);
  font-size: var(--text-sz-10);
  font-weight: var(--regular-400);
  line-height: 12px;
  ;
  margin-bottom: 10px;
}

.content-section button {
  width: 100%;
}

.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
}

.puja-carousel-container {
  padding: 12px 4px;
}

.puja-carousel-container ul {
  margin-bottom: 12px;
}

.puja-carousel-container ul:last-child {
  margin-bottom: 0px;
}

/**################# online puja tab end #################**/

/**################## top category start #################**/


.card-topContainer {
  left: 0px;
  width: 100%;
}

.card-sm-grids ul {
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
}

.card-topContainer .card-container {
  padding: 16px 8px;
}

/* .card-topContainer {
    height: calc(100vh - 58px);
  } */
/* .card-topContainer .card-sm-grids ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: 24px;
} */
/*brrd crumb Css*/
.brd-crumb ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  /* padding: 16px; */
  padding: 16px 16px 0px;
}

.brd-crumb ul li {
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  color: var(--text-primary);
  text-decoration: none;
}

.brd-crumb ul li.active a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: var(--semibold-600);
}

.online-puja-card {
  display: flex !important;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  /* display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */
}

/* .online-card {
    width: 100% !important;
  } */
/* .online-puja-card  li{
  width: 100%;
} */
/* .online-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
.card {
  border: 0px !important;
}

.card img {
  border-radius: var(--spc-4);
}

.header-left {
  display: flex !important;
}

/*online puja css start*/
.online-puja-store {
  width: 100%;
  left: 0px;

}

.online-puja-store .brd-crumb ul {
  padding: 16px !important;
}

.nav-container .nav-pills {
  flex-wrap: nowrap !important;
  overflow-x: auto;
}

.nav-container .nav-pills .nav-link {
  text-wrap: nowrap !important;

}

/*online puja css end*/

/**################## top category end #################**/
/*Profile section start*/
.profile-offcanvas {
  width: 328px !important;
}

.profile-offcanvas .offcanvas-header {
  align-items: flex-start;
  padding: 16px !important;
  border-bottom: 1px solid var(--border);
}

.profile-offcanvas .offcanvas-header .close-btn {
  background-color: transparent;
  border: 0px;
  height: 24px;
}

.profile-offcanvas .offcanvas-header .profile-details p {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--medium-500);
  line-height: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0px;
}

.profile-offcanvas .offcanvas-header .profile-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.profile-offcanvas .offcanvas-header .profile-details button {
  background-color: transparent;
  border: 0px;
  height: 20px;
}

.profile-offcanvas .offcanvas-header .profile-details button .material-symbols-outlined {
  font-size: 20px;
}

.profile-offcanvas .offcanvas-header .profile-details .txt-email {
  color: var(--text-secondary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
}

.profile-offcanvas .offcanvas-body {
  padding: 0px;
}

.profile-offcanvas .offcanvas-body .profile-menu {
  padding: 0px;
  margin: 0px;
  list-style: none;
  border-bottom: 1px solid var(--border);
  padding-bottom: 16px;
}

.profile-offcanvas .offcanvas-body .profile-menu:first-child {
  padding-top: 16px;
}

.profile-offcanvas .offcanvas-body .profile-menu:last-child {
  border-bottom: 0px;
}

.profile-offcanvas .offcanvas-body .profile-menu li {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile-offcanvas .offcanvas-body .profile-menu li a {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.p-menu-left p {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
  margin-bottom: 2px;
}

.p-menu-left span {
  color: var(--text-secondary);
  font-size: var(--text-sz-14);
  font-weight: var(--medium-500);
  line-height: 16px;
}

.form-check-profile {
  display: flex;
  align-items: center;
  gap: 4px;
}

.p-form-check-label {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
}

.religion-menu input[type="radio"] {
  width: 20px;
  height: 20px;
  background: url(../img/unchecked-radio.svg) 0 0 no-repeat;
}

.religion-menu input[type="radio"]:checked {
  width: 20px;
  height: 20px;
  background: url(../img/checked-radio.svg) 0 0 no-repeat;
}

.coming-soon {
  color: var(--text-tertiary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
  font-style: italic;
}

.religion-menu {
  padding: 8px 0px !important;
}

.top-category {
  display: flex;
  align-items: center;
  gap: 4px;
}

.top-category h2 {
  color: var(--text-primary);
  font-size: var(--text-sz-16);
  font-weight: var(--medium-500);
  line-height: 18px;
  margin-bottom: 0px;
}

.top-category button {
  background-color: transparent;
  border: 0px;

}

.top-category .material-symbols-outlined {
  color: var(--text-primary);
  padding: 6px;
}

.relig-header {
  padding: 16px;
  height: 56px;
  align-items: center !important;
}

.relig-header .back-btn {
  height: 24px;
}

.relig-header .top-category .material-symbols-outlined {
  padding: 0px !important;
}

.relig-button {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
}

.profile-offcanvas .offcanvas-body .religion-menu li {
  padding: 8px 16px !important;
}

/*Profile section end*/
/*feedback section start*/

.feedback-section .modal-header h5 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-primary);

  font-size: var(--text-sz-16);

  font-weight: var(--medium-500);
  line-height: 18px;
}

.btnn-close {
  background-color: transparent;
  border: 0px;
  height: 24px;
}

.btnn-close span {
  color: var(--text-secondary);
}

.feedback-section .modal-header {
  padding: 12px 8px !important;
}

.feedback-section .modal-footer {
  border-top: 0px;
  padding: 0px 16px 16px;
}

.feedback-section .modal-footer button {
  width: 100%;
  margin: 0px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-footer {
  gap: 8px;
}

.feedback-content p {
  color: var(--text-primary);
  font-size: var(--text-sz-14);

  font-weight: var(--regular-400);
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.feedback-content .form-block label {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
  margin-bottom: 8px;
}

.feedback-content .form-block textarea {
  border: 1px solid var(--border);
  resize: none;
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
  min-height: 48px;
  padding: 4px 12px;
}

.feedback-content .form-block textarea::placeholder {
  color: var(--text-tertiary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
}

.feedback-content .form-block textarea:focus {
  box-shadow: none;
}

.btn-primary {
  border-radius: var(--spc-4) !important;

}

/*feedback section end*/
/* ------toggle switch---- */
.toggle-switch {
  position: relative;
  width: 30px;
  height: 15px;
  border-radius: 23px;


}

.switch-label {
  position: absolute;
  width: 100%;
  height: 15px;
  background-color: var(--text-secondary);
  border-radius: 15px;
  cursor: pointer;
  border: none;
}

.checkbox {
  position: absolute;
  display: none;
}

.slider {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.checkbox:checked~.slider {
  background-color: var(--primary-color);
}

.slider::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--bg-primary);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.checkbox:checked~.slider::before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(13px);
  background-color: var(--bg-primary);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* ------toggle switch---- */
/*right Section CSS end*/

/*ar css start*/
.offer-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 16px;
  gap: 16px;
  margin: 0px;
}

.offer-list li {
  min-width: 328px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 16px;
}

.offer-list li img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}

/*ar css end*/
/*ar css start 05-09-2025*/
.main-container {
  display: grid;
  grid-template-columns: 350px 1fr;
  height: calc(100vh - 56px);
  /* padding: 0px 16px 16px 16px; */
  padding: 16px 16px 16px 16px;
  gap: 16px;
}

.right-panel img {
  width: 100%;
  height: 100%;
}

.right-panel {
  overflow: hidden;
}

.left-panel {
  position: relative;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid var(--border);
  border-radius: 8px;
}

p,
h2,
ul {
  margin: 0px;
  padding: 0px;
}

.panel-body {
  /* height: calc(100vh - 125px); */
  overflow: auto;
  padding: 12px;
  /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid var(--border);
  border-radius: 8px; */
}

#map {
  height: 100%;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.place-list {
  padding: 8px 0px;
  .main-container margin: 0px;
  /* height: calc(100vh - 200px); */
  height: calc(100vh - 196px);
  overflow: auto;
  margin-top: 8px;
}

.place-list li {
  display: grid;
  grid-template-columns: 64px 1fr;
  border-bottom: 1px solid var(--border);
  padding: 12px 0px;
  gap: 8px;
}

.place-list li p {
  margin: 0px;
  font-size: 14px;
  color: var(--text-primary);
}

.place-list li span {
  margin: 0px;
  font-size: 12px;
  color: var(--text-secondary);
}

.place-list li:last-child {
  border: none;
}

.place-list li:first-child {
  padding-top: 0px;
}

.place-image img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.place-image {
  width: 64px;
  height: 48px;
}

.place-dtl {
  display: flex;
  flex-direction: column;
}

.mlt-srch p {
  font-size: 16px;
  color: #212121;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  background-color: #999999;
}

.desc-direction li span {
  font-size: 14px;
  color: #6E768E;
  font-weight: 400;
}

.trp-dtls {
  width: 100% !important;
  /* background: #fff; */
  height: 100%;
}

.accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.accordion button p {
  margin: 0px;
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.accordion button p span {
  font-size: 12px;
  color: #707070;
  font-size: 12px;
  font-weight: 400;
}

.destination {
  padding-inline: 12px;
}

.accordion button::after {
  background-image: url("file:///F:/D%20Drive%20Data/Anshul/new-project/transit/transit/track-item/bottomsheet/img/arrow-down-sign-to-navigate.png") !important;
  background-size: 12px;
  width: 16px !important;
  height: 10px !important;
}

.accordion-item {
  border: none !important;
}

.accordion-button {
  padding: 0px !important;
  border-radius: 8px !important;
  align-items: flex-start;
  gap: 8px;
}

.accordion-button:focus {
  box-shadow: none;
}

.trp-dtls .accordion-body {
  padding: 0;
}

.desc-direction li {
  font-size: 14px;
  color: #212121;
  padding-block: 4px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.dir-info h2 {
  font-size: 14px;
  color: #212121;
  font-weight: 400;
}

.dir-info p {
  font-size: 12px;
  color: #707070;
}

.desc-direction .dir-info {
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding-bottom: 4px;
}

.desc-direction {
  margin-top: 12px;
}

.maplibregl-ctrl-fullscreen {
  display: none !important;
}

.dir-steps-list {
  position: relative;
  width: 100%;
  display: flex;
  overflow: auto;
  padding-bottom: 12px;
}

.accordion-item {
  padding-inline: 12px;
}

.dir-steps {
  padding: 12px;
  overflow: auto;
}

.dir-steps-list li::after {
  position: absolute;
  content: '';
  background-color: #ddd;
  height: 3px;
  width: 24px;
  top: 10px;
  right: 7px;
  border-radius: 4px;
}

.dir-steps-list li.active::after {
  background-color: #339E82;
}

.accordion .accordion-button {
  position: relative;
  padding-bottom: 6px !important;
}

.accordion .accordion-button::before {
  position: absolute;
  right: 0;
  content: '';
  height: 1px;
  width: calc(100% - 28px);
  background-color: #ddd;
  bottom: 0px;
}

.g-badge {
  background-color: #fff;
  border: 2px solid #359F83;
  display: flex;
  width: 22px;
  height: 22px;
  position: relative;
  z-index: 2;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  color: #212121;
  font-size: 14px !important;
}

.grey-badge {
  background-color: #fff;
  border: 2px solid #707070;
  display: flex;
  width: 22px;
  height: 22px;
  position: relative;
  z-index: 2;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  color: #212121;
  font-size: 14px !important;
}

.steper-section {
  position: relative;
}

.dir-steps-list li {
  position: relative;
  min-width: 60px;
  display: flex;
  align-items: center;
}

.modal-title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}

.modal-title .material-symbols-outlined {
  font-size: 20px;
  color: var(--text-primary);
}

.modal-header {
  padding: 8px 12px;
  border-bottom: 1px solid var(--border);
}

.form-control {
  background-color: var(--bg-primary);
  border: 1px solid var(--border);
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
}

.form-control:focus {
  color: var(--text-primary);
}

.btn-close {
  opacity: 1;
  background-size: .75em;
}

.modal-content {
  border-radius: .5em;
  background-color: var(--bg-primary);
}

.filter-header h2 {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
}

.text-btn {
  background-color: transparent;
  border: none;
  font-size: 12px;
  color: var(--text-secondary);
}

.filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.states-list li {
  padding: 4px 8px;
  font-size: 14px;
  color: var(--text-secondary);
  border: 1px solid var(--border);
  border-radius: 4px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}

.states-list li.active {
  border-color: var(--primary-color-20);
  background-color: var(--primary-color-10);
  color: var(--primary-color);
  font-weight: 500;
}

.states-list li .material-symbols-outlined {
  font-size: 16px;
  color: var(--text-secondary);
}

.states-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 200px;
  overflow-y: auto;
}



.gods-list li {
  padding: 4px 8px;
  font-size: 14px;
  color: var(--text-secondary);
  border: 1px solid var(--border);
  border-radius: 4px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}

.gods-list li.active {
  border-color: var(--primary-color-20);
  background-color: var(--primary-color-10);
  color: var(--primary-color);
  font-weight: 500;
}

.gods-list li .material-symbols-outlined {
  font-size: 16px;
  color: var(--text-secondary);
}

.gods-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bg-teritty {
  background-color: var(--bg-tertiary);
  border-radius: 8px;
}

/*ar css end 05-09-2025*/
/*for profile icon right start*/
.header-right {
  display: flex;
  align-items: center;
  gap: 8px;
}


/*for profile icon right end*/

/* place detail section 9/5 */
.pd-content-section {
  width: 100%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.left-place-detail-section {
  width: 360px;
  background-color: var(--bg-primary);
}

.right-map-section {
  width: calc(100% - 360px);
}

.img-cont {
  position: relative;
  
   
    width: 100%;
    height: 180px;
    border-radius: 8px 8px 0px 0px;
}


.img-cont img {
  width: 100%;
  height: 100%;
    border-radius: 8px 8px 0px 0px;
}

.bck_bttn {
  border-radius: 50%;
  background-color: #24272dcc;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 8px;
  top: 8px;
  text-decoration: none;
}

.bck_bttn span {
  color: #fff;
}

.place-name-cont {
  display: flex;
  align-items: flex-start;
  gap: var(--spc-8);
  padding: 8px 16px;
  border-bottom: 1px solid var(--border);
}

.name-sub-txt {
  display: flex;
  flex-direction: column;
  gap: var(--spc-8);
}

.main-title {
  font-size: var(--text-sz-16);
  font-weight: var(--semibold-600);
  color: var(--primary-color);
  margin: 0;
}

.secondary_txt {
  display: flex;
  align-items: center;
  gap: var(--spc-8);
  font-size: var(--text-sz-14);
  font-weight: var(--medium-500);
  color: var(--text-primary);
  margin: 0;
}

.secondary_txt span {
  color: var(--text-secondary);
}

.tertiary-txt {
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  color: var(--text-primary);
  margin: 0;
}

.icon_cont {
  display: flex;
  align-items: center;
  gap: var(--spc-8);
}

.icon_cont span {
  color: var(--text-secondary) !important;
}

.description_txt {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--border);
}

.description_txt label {
  margin: 0;
  font-size: var(--text-sz-14);
  font-weight: var(--semibold-600);
  color: var(--text-primary);
}

.description-cont {
  display: inline;
  align-items: center;
}

.description_txt p {
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  color: var(--text-secondary);
  max-height: 85px;
  overflow-y: hidden;
  text-overflow: ellipsis;
  margin: 0;
  display: inline;

}

.description_txt .more_txt {
  font-size: var(--text-sz-14);
  font-weight: var(--medium-500);
  color: var(--primary-color);
  text-decoration: underline;
}

.time-cont {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--text-secondary);
}

.link-txt {
  font-size: var(--text-sz-14);
  font-weight: var(--medium-500);
  color: var(--primary-color);
  text-decoration: none !important;
}

.no_brdr {
  border-bottom: none;
}

.htr p {
  font-weight: var(--medium-500);
  color: var(--text-primary);
}

.htr-cont {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.title-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wts h2 {
  border-bottom: none;
}

.stay-cont .card-grid img {
  height: 100%;
}

.stay-cont .card-grid {
  width: 160px !important;
  height: 196px !important;
}

.stay-cont .card-brand-footer {
  background-color: #24272d99;
  padding: var(--spc-8);
}

.stay-cont .card-brand-footer .footer-txt {
  color: var(--bg-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--semibold-600);
}

.root-bottom-slide .nav-container {
  margin: 0;
}

.detail-cont {
  overflow-y: auto;
  height: calc(100vh - 348px);
  /* padding: 0px 8px; */
}

.icon_cont .mic-btn {
  height: auto;
}

.change-cont textarea {
  border: 1px solid var(--border);
  border-radius: var(--spc-4);
  width: 100%;
  min-height: 104px;
  background-color: var(--bg-primary);
  padding: 8px;
  resize: none;
  outline: none;


}

.btn-secondary {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: var(--bg-primary) !important;
  border-radius: 4px;
  border-radius: var(--spc-2);
  cursor: pointer;
  font-size: var(--text-sz-12);
  font-weight: var(--semibold-400);
  text-wrap: nowrap;
}

.btn-secondary:hover {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: var(--bg-primary) !important;
  border-radius: 4px;
}

.btn-secondary:focus:not(:focus-visible) {
  box-shadow: 0px;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: var(--bg-primary) !important;
  border-radius: 4px;
}

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

.md_footer button {
  margin: 0;
}

.pd-dtl .nav-container {
  margin: 0;
}

.location-container {
  border-radius: var(--spc-8);
  width: 100%;
  height: 148px;
  margin-top: var(--spc-8);
}

#map2 {
  width: 100%;
  height: 100%;
  border-radius: var(--spc-8);
}

.top-header {
  display: flex !important;
  align-items: center;
  gap: 4px;
}

.top-header h2 {
  color: var(--text-primary);
  font-size: var(--text-sz-16);
  font-weight: var(--medium-500);
  line-height: 18px;
  margin-bottom: 0px;
}

.top-header button {
  background-color: transparent;
  border: 0px;

}

.top-header .material-symbols-outlined {
  color: var(--text-primary);
  padding: 6px;
}

.lp-header {
  background-color: var(--bg-primary);
  padding: var(--spc-8);
  position: relative;
  border-bottom: 1px solid var(--border);
}

.places-cont {
  height: calc(100vh - 178px);
}

.places-cont .main-title {
  color: var(--text-primary);
  font-weight: var(--medium-500);
}

.top-header h2 {
  width: 100%;
}

.places-cont .secondary_txt {
  align-items: flex-start;
  font-weight: var(--regular-400);
}

.places-cont .place-name-cont {
  padding: 16px;
}

.place-summary .nav-container {
  margin: 0;
}

.add-review-cont {
  border-radius: var(--spc-8);
  background-color: var(--bg-primary);
  padding: 16px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 4px 0px #00000016;
}

.no-data-txt {
  font-size: var(--text-sz-14);
  font-weight: var(--medium-500);
  color: var(--text-primary);
  margin-bottom: var(--spc-8);

}

.add-review-cont p {
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  color: var(--text-primary);
  margin-bottom: 16px;

}

.btn-primary {
  display: flex;
  align-items: center;
  gap: 4px;
}

.review_cont label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review-card {
  border-radius: var(--spc-8);
  background-color: var(--bg-primary);
  padding: 8px 16px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

.profile-icon {
  width: 36px;
  height: 36px;
}

.profile-icon img {
  width: 100%;
  height: 100%;
}

.profile-name-icon {
  display: flex;
  align-items: center;
  gap: 4px;
}

.star-icon {
  display: flex;
  align-items: center;
  gap: 4px;
}

.star-icon span {
  font-size: 16px;
  color: var(--primary-color);
}

.sub-txt {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sub-txt p {
  font-size: var(--text-sz-10);
  font-weight: var(--medium-500);
  color: var(--text-secondary);
  margin: 0;
}

.txt-cont h3 {
  font-size: var(--text-sz-14);
  font-weight: var(--medium-500);
  color: var(--text-primary);
  margin-bottom: 2px;
}

.review-txt {
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  color: var(--text-secondary);
  margin: 0;
}

.profile-name-icon {
  margin-bottom: 8px;
}

.change-cont label {
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  color: var(--text-secondary);
}

.change-cont .star-icon {
  margin-bottom: 16px;
}

.uncheck-star {
  color: var(--text-tertiary) !important;
}

.pd-btm {
  padding-bottom: 16px !important;
}

/* place detail section 9/5 */

/*plan trip css start*/
.plan-trip {
  display: block;
}

.plan-trip .left-panel {
  width: 100% !important;
}

.plan-trip .left-panel .nav-container .detail-cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.plan-trip-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;

}

.plan-trip-content h3 {
  color: var(--text-primary);



  font-size: var(--text-sz-14);

  font-weight: var(--medium-500);
  line-height: 16px;
}

.plan-trip-content p {
  color: var(--text-primary);


  font-size: var(--text-sz-12);

  font-weight: var(--regular-400);
  line-height: 14px;
}

.pd-btm {
  padding-bottom: 16px !important;
}

.plan-trip .left-panel .nav-container .places-cont {
  overflow-y: auto;
  height: calc(100vh - 179px);
}

/* 
.form-outer-container {
  height: calc(100vh - 218px);
} */


.form-cont {
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

  /* display: flex;
  flex-wrap: wrap; */
  gap: 12px;
  /* overflow-y: auto;
  height: calc(100vh - 217px); */
}

.form-footer {
  width: 100%;
  position: absolute;
  bottom: 0px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 6px 12px;
  background-color: var(--bg-primary);
}

.form-footer button {
  min-width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-footer button:focus:not(:focus-visible) {
  box-shadow: none;
}

.form-cont .form-block {
  width: 100%;
  position: relative;
}

.form-cont .form-block label {
  color: var(--text-primary);
  font-size: var(--text-sz-12);
  font-weight: var(--medium-500);
  line-height: 14px;
  margin-bottom: 8px;
}

.form-cont .form-block input {
  width: 100%;
  color: var(--text-primary);
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  line-height: 14px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 4px;
}

.form-cont .form-block input::placeholder {
  color: var(--text-secondary);
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  line-height: 14px;
}

.form-cont .form-block input:focus {
  box-shadow: none;
  outline: 0px;
}

.add-icon {
  position: absolute;
  top: 33px;
  right: 8px;
}

.add-place-card {
  display: flex;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 8px;
  gap: 8px;
  background-color: var(--bg-primary);
}

.add-place-card button {
  margin-left: auto;
  background-color: transparent;
  border: 0px;
}

.add-place-left {
  display: flex;
  align-items: center;
}

.add-place-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.add-place-content p {

  color: var(--text-primary);

  font-size: var(--text-sz-14);

  font-weight: var(--regular-400);
  line-height: 16px;
}

.add-place-content span {
  color: var(--text-secondary);
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  line-height: 14px;
}

.add-placedList-Container {
  position: relative;
}

.add-placedList-Container ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  margin-top: 8px;
  max-height: 268px;
  overflow-y: auto;
}


.add-placedList-Container ul li {
  margin-bottom: 8px;
}


.add-placedList-Container ul li:last-child {
  margin-bottom: 0px;
}

.loct-input .input-icon-loc {
  position: absolute;
  left: 8px;
  top: 35px;
  height: 20px;
}

.input-icon-loc .material-symbols-outlined {
  color: var(--primary-color);
  font-size: 20px;
}

.loct-input input {
  padding: 8px 8px 8px 33px !important;
}

.formTwoSection {
  padding: 16px;
}

.formTwoSection .add-placedList-Container ul {
  margin-top: 0px;
}

.flex-order {
  order: 3;
}

.form-cont .form-block textarea {
  border: 1px solid var(--border);
  resize: none;
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
  /* min-height: 48px; */
  padding: 4px 12px;
}

.form-cont .form-block textarea:focus {
  outline: 0px;
  box-shadow: none;
}

.place-details-form {
  padding: 16px;
}

.place-details-form .formTwoSection {
  padding: 0px;
  margin-bottom: 12px;
}

.place-details-form .form-cont {
  padding: 0px;
}

.acc-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid var(--primary-color-20);
  background: var(--primary-color-10);
  padding: 3px 8px;
}

.acc-list-item-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.acc-list-item .material-symbols-outlined,
.acc-list-item h3 {
  color: var(--primary-color);
}

.acc-list-item h3 {
  font-size: var(--text-sz-12);
  font-weight: var(--semibold-600);
  line-height: 14px;
}

.add-menu-list li {
  margin-bottom: 16px;
}

.add-menu-list li:last-child {
  margin-bottom: 16px;
}

.inp-righticon {
  background: transparent;
  border: 0px;
  height: 24px;
}

.modal-header-left {
  display: flex;
  align-items: center;
  gap: 4px;
}

.inp-src-dist ul {
  margin-top: 0px;
}

.inp-src-dist .material-symbols-outlined {
  color: var(--text-secondary);
}

/*plan trip css end*/

/*date picker start*/


.inp-lefticon {
  position: absolute;
  top: 35px;
  right: 8px;
  cursor: pointer;
  height: 20px;
  background: transparent;
  border: 0px;
  color: var(--text-secondary);
}

.inp-lefticon .material-symbols-outlined {
  font-size: 20px;
  color: var(--text-secondary);
}

/* Overlay */

.drp-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 2000;
  /* above bootstrap modal */
}

/* Modal Content */
.drp-modal {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  width: 320px;
  animation: drp-fadeIn 0.3s ease-in-out;
}

@keyframes drp-fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.drp-header {
  display: flex;
  justify-content: space-between;
  font-size: var(--text-sz-14);
  margin-bottom: 15px;
  font-weight: var(--medium-500);
  color: var(--text-primary);
}

.calender-date {
  font-size: var(--text-sz-12) !important;
  font-weight: var(--regular-400) !important;
  color: var(--text-secondary) !important;
}

/* Calendar Header */
.drp-calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-weight: 600;
}

/* Calendar Days */
.drp-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  font-size: 13px;

}

.drp-day {
  padding: 8px;
  border-radius: 50%;
  cursor: pointer;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.drp-day:hover:not(.drp-disabled) {
  background: var(--bg-secondary);
}

.drp-day.drp-active {
  background: var(--primary-color);
  color: white;
}

.drp-day.drp-disabled {
  color: var(--text-secondary);
  cursor: not-allowed;
}

/* Footer */
.drp-footer {
  margin-top: 15px;
}

.drp-apply-btn {
  width: 100%;
  padding: 10px;
  border: none;
  background: var(--primary-color);
  color: var(--bg-primary);
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
}

.drp-range {
  background: var(--primary-color-10);
}

/*date picker end*/

/*ar css start 06-09-2025*/
.prompt-section {
  background-color: rgba(36, 39, 45, 0.50);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 99;
}

.god-homes {
  width: 112px;
  height: 112px;
  background-size: cover;
  border-radius: 8px;
}

.prompt-desc h2 {
  margin: 0;
  font-size: 16px;
  color: var(--text-primary);
}

.prompt-desc p {
  margin: 0;
  font-size: 14px;
  color: var(--text-secondary);
}

.prompt-wrapper {
  background-color: var(--bg-primary);
  padding: 16px;
  border-radius: 8px;
}

.prompt-button {
  margin-top: 16px;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.prompt-desc {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.link-btn {
  background-color: transparent;
  border: none;
  color: var(--primary-color);
  font-size: 14px;
}

.info-banner {
  background-color: var(--bg-banner);
  padding: 24px;
  border: 1px solid var(--primary-color-20);
  border-radius: var(--border-radius);
  height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-image: url('../img/visited_palace.svg');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
}

.info-banner button {
  width: 120px;
  height: 32px;
}

.info-banner-section {
  padding: 16px;
}

.info-txt h2 {
  font-size: 20px;
  margin: 0px;
  font-weight: 500;
  color: var(--text-primary);
}

.info-txt p {
  margin: 0px;
  font-size: 16px;
  color: var(--text-secondary);
  text-wrap: wrap;
  width: 24%;
}

.mappls-map {
  width: 160px !important;
  border-radius: 8px;
  background-size: cover !important;
}

.owl-item .catogery-txt {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-break: break-word;
  width: 108px;
  text-align: center;
}

.nerd-banner .info-banner {
  background-size: 400px;
}

/*ar css end 06-09-2025*/
/*filter slider start*/
.max-dist-cont {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.max-dist-cont p {
  color: var(--text-primary);
  font-size: var(--text-sz-12);
  font-weight: var(--medium-500);
  line-height: 14px;
}

.max-dist-cont span {
  border-radius: var(--spc-4);
  background: var(--primary-color);
  color: var(--bg-primary);
  font-size: var(--text-sz-10);
  font-weight: var(--regular-400);
  line-height: 12px;
  padding: 4px;
}

.filt-sec {
  margin-top: 16px;
}

.filt-sec p {
  color: var(--text-primary);
  font-size: var(--text-sz-12);
  font-weight: var(--medium-500);
  line-height: 14px;
  margin-bottom: 8px;
}

.filter-option {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filter-option span {
  border-radius: 4px;
  border: 1px solid var(--border);
  background: var(--bg-poi);
  color: var(--text-secondary);

  font-size: var(--text-sz-12);

  font-weight: var(--regular-400);
  line-height: 14px;
  padding: 8px;
}

.filter-option .active {
  border-radius: 4px;
  border: 1px solid var(--primary-color-20);
  background: var(--primary-color-10);
  color: var(--primary-color);


  font-size: 12px;
  font-size: var(--text-sz-12);

  font-weight: var(--semibold-600);
  line-height: 14px;
}

.slider-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  gap: 8px;
}

.slider-container span {
  text-wrap: nowrap;
  color: var(--text-secondary);



  font-size: var(--text-sz-10);

  font-weight: var(--regular-400);
  line-height: 12px;
}

.filter-footer {
  display: flex;
  align-items: center;
  gap: 8px;
}

.filter-footer button {
  width: 120px !important;

}

.filter-footer button:focus {
  box-shadow: none !important;
}

/* Slider Container */
.flt-slider-container {
  position: relative;
  width: 100%;

}

.flt-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: #d1d5db;
  outline: none;
  cursor: pointer;
}

/* Slider Thumb */
.flt-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #2563eb;
  position: relative;
  transition: transform 0.2s;
}

.flt-slider::-webkit-slider-thumb:active {
  transform: scale(1.2);
}

/* Ripple Effect */
.flt-ripple {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.3);
  pointer-events: none;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.4s, opacity 0.4s;
}

.flt-ripple.show {
  transform: scale(2.5);
  opacity: 0;
}

/* Filter Buttons */
.flt-options {
  display: flex;
  gap: 10px;
  margin: 15px 0;
}

.flt-option-btn {
  flex: 1;
  padding: 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}

.flt-option-btn.active {
  background: #e0e7ff;
  border-color: #2563eb;
  color: #2563eb;
  font-weight: 600;
}

/* Footer */
.flt-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.flt-btn {
  padding: 10px 18px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  border: none;
  font-size: 14px;
}

.flt-btn.cancel {
  background: #fff;
  border: 1px solid #d1d5db;
  color: #111827;
}

.flt-btn.apply {
  background: #2563eb;
  color: #fff;
}

.flt-modal {
  background: white;
  width: 350px;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}

.flt-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.flt-range {
  width: 100%;
  -webkit-appearance: none;
  height: 6px;
  border-radius: 3px;
  background: #d3d3d3;
  outline: none;
  position: relative;
  z-index: 2;
}

.flt-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #2563eb;
  cursor: pointer;
  position: relative;
  z-index: 3;
}

.flt-range::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #2563eb;
  cursor: pointer;
  border: none;
  position: relative;
  z-index: 3;
}

/* Ripple Circle */
.flt-ripple {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.3);
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.flt-ripple.animate {
  animation: rippleAnim 0.5s ease-out forwards;
}



@keyframes rippleAnim {
  from {
    transform: scale(0.4);
    opacity: 0.6;
  }

  to {
    transform: scale(2.2);
    opacity: 0;
  }
}

/*filter slider end*/
/*Search css start*/
.Search-list {
  display: flex;
  align-items: flex-start;
  /* justify-content: space-between; */
  gap: 16px;
  padding: 8px 16px;
}

.search-content p {
  color: var(--text-primary);
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  line-height: 16px;
}

.highlighted-txt {
  color: var(--text-secondary) !important;
  font-size: var(--text-sz-14) !important;
  font-weight: var(--regular-400) !important;
  line-height: 16px !important;
}

.search-content span {
  color: var(--text-secondary);
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  line-height: 14px;
}

.search-right {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.search-right .material-symbols-outlined {
  color: var(--primary-color);
}

.search-right .distance-txt {
  color: var(--text-primary);
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  line-height: 14px;
}

.search-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.search-content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
}

.srch-cont {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid var(--border);
  padding-bottom: 8px;
}

.search-border {
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 8px;
  margin-top: 8px;
  position: absolute;
  width: 100%;
}

.search-border .Search-list {
  padding: 4px 0px;
}

.color-grey {
  color: var(--text-secondary);
}

/*Search css end*/
/* ************************************ */

.days-badge {
  padding: var(--spc-4);
  border-radius: var(--spc-2);
  background-color: var(--primary-color);
  font-size: var(--text-sz-10);
  font-weight: var(--regular-400);
  color: var(--bg-primary);
}

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

.date-value {
  font-size: var(--text-sz-14) !important;
  font-weight: var(--regular-400);
  color: var(--text-primary) !important;
}

.date-icon {
  font-size: 20px;
}

.itinerary-detail .card-grid {
  background: none;
  background-color: var(--primary-color-10) !important;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
}

.itinerary-detail .card-brand1 {
  background-color: var(--primary-color) !important;
}

.itinerary-detail .card-brand1 span {
  color: var(--bg-primary);
}

.itinerary-detail .card-grid .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.itinerary-detail .card-grid .box span {
  font-size: var(--text-sz-14);
  font-weight: var(--semibold-600);
  caret-color: var(--primary-color);
}

.itinerary-detail .card-grid .box .month {
  font-size: var(--text-sz-10);
  font-weight: var(--semibold-600);
  caret-color: var(--primary-color);
}

.label-txt {
  font-size: var(--text-sz-12);
  font-weight: var(--medium-500);
  color: var(--text-secondary);
  padding: 8px 16px;
}

.img-box {
  border-radius: var(--spc-4);
  width: 40px;
  height: 40px;
}

.accord-btn {
  padding: var(--spc-8);
  background-color: var(--bg-primary) !important;
  display: flex;
  align-items: center;
  gap: var(--spc-8);
}

.text-value {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spc-4);

}

.text-value .title {
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  color: var(--text-primary);
}

.text-value .sub-txt {
  font-size: var(--text-sz-12);
  font-weight: var(--regular-400);
  color: vart var(--text-secondary) !important;
}

.accordion .accord-btn.accordion-button::before {
  display: none;
}

.accord-btn {
  box-shadow: none !important;
}

.accord-btn .img-box img {
  width: 40px;
  height: 100%;
}

.accord-btn::after {
  background-image: url(../img/drpdwn.svg) !important;

}

.accord-body {
  padding: var(--spc-8);
}

.accord-item {
  padding: var(--spc-8);
}

.accordion {
  padding: 8px 16px;
}

.accord-item {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16)
}

.date-carousel {
  padding: 0px 16px;
}

.accordion-button:not(.collapsed) .text-value .sub-txt {
  color: var(--text-secondary) !important;
}

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

.place-sub-header .left-sec {
  display: flex;
  align-items: center;
  gap: var(--spc-8);
}

.place-sub-header .left-sec h4 {
  font-size: var(--text-sz-14);
  font-weight: var(--semibold-600);
  color: var(--primary-color);
}

.place-sub-header span {
  color: var(--text-secondary);
}

.saf-sec {
  height: calc(100vh - 362px);
  padding: 0px 16px;
}

.no_pd {
  padding: 8px 0px;
}

.saf-sec .add-review-cont {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
}

.saf-sec .add-review-cont p {
  margin: 0;
}

.saf-sec .add-review-cont {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  border-left: 4px solid var(--primary-color);

}

.faith-header {
  padding: 8px 0px;
}

.faith-sec .add-review-cont {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.faith-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width:
    100%;
}

.faith-container button {
  width: fit-content;
}

.icon-sec {
  display: flex;
  align-items: center;
  gap: 8px;
}

.icon-sec .share-btn {
  color: var(--text-secondary);
}

.faith-sec {
  height: calc(100vh - 180px);
}

.share-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.sharing-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.sharing-link {
  border-radius: 50%;
  padding: 4px;
  width: 40px;
  height: 40px;
  background-color: var(--bg-primary);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;

}

.sharing-box P {
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  color: var(--text-primary);
  margin: 0;
}

.vl-sec .add-review-cont {
  align-items: flex-start;
  border-left: 0;
}

.vl-sec .faith-container {
  flex-direction: row;
}

.data-icon-container {
  display: flex;
  align-items: flex-end;
  width: 100%;
}

.video-container {
  padding-top: var(--spc-8);
  margin-top: var(--spc-8);
  border-top: 1px solid var(--border);
  width: 100%;
  height: 160px;
  border-radius: var(--spc-4);

}

.video-container iframe {
  width: 100%;
  height: 100%;
  border-radius: var(--spc-8);

}

.vl-sec {
  height: calc(100vh - 180px);
}

.sf-card .card-grid img {
  width: 100%;
  height: 100%;
}

/* place detail section 9/5 */

.vl-btt button {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

.view-btn {
  background: var(--primary-color);
  color: var(--bg-primary);
  border: none;
  padding: 5px 8px;
  border-radius: var(--spc-2);
  cursor: pointer;
  font-size: var(--text-sz-12);
  font-weight: var(--semibold-600);
  text-wrap: nowrap;
  height: 28px;
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.vl-btt .material-symbols-outlined {
  color: var(--primary-color);
  display: none;
}



.feedback {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-bottom: 16px;
}

.feedback label {
  position: relative;
  transition: transform 0.3s;
  cursor: pointer;
  border: 1px solid var(--text-tertiary);
  border-radius: 50%;
}

.feedback label:has(input[type="radio"]:checked) {
  border: none;
}

/* .feedback label:has(input[type="radio"]){border-color: transparent !important;} */
/* .feedback label:not(:last-child) {
  margin-right: 20px;
} */
.feedback label input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  background: var(--sb, var(--normal));
  box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow)), inset -1px 1px 2px var(--sht, var(--normal-shadow-top));
  transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
  -webkit-tap-highlight-color: transparent;
}

/* .feedback label input[type="radio"]:checked {} */

.feedback label div {
  width: 36px;
  height: 36px;
  position: relative;
  transform: perspective(240px) translateZ(4px);
}

.feedback label div svg,
.feedback label div:before,
.feedback label div:after {
  display: block;
  position: absolute;
  left: var(--l, 9px);
  top: var(--t, 13px);
  width: var(--w, 8px);
  height: var(--h, 1px);
  transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
}

.feedback label div svg {
  fill: none;
  stroke: var(--s);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.4s;
}

.feedback label div svg.eye {
  --s: var(--e, var(--normal-eye));
  --t: 17px;
  --w: 7px;
  --h: 4px;
}

.feedback label div svg.eye.right {
  --l: 23px;
}

.feedback label div svg.mouth {
  --s: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 7px;
}

.feedback label div:before,
.feedback label div:after {
  content: "";
  z-index: var(--zi, 1);
  border-radius: var(--br, 1px);
  background: var(--b, var(--e, var(--normal-eye)));
  transition: background 0.4s;
}

.feedback label.angry {
  --step-1-rx: -24deg;
  --step-1-ry: 20deg;
  --step-2-rx: -24deg;
  --step-2-ry: -20deg;
}

.feedback label.angry div:before {
  --r: 20deg;
}

.feedback label.angry div:after {
  --l: 23px;
  --r: -20deg;
}

.feedback label.angry div svg.eye {
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}

.feedback label.angry input:checked {
  -webkit-animation: angry 1s linear;
  animation: angry 1s linear;
}

.feedback label.angry input:checked+div:before {
  --middle-y: -2px;
  --middle-r: 22deg;
  -webkit-animation: toggle 0.8s linear forwards;
  animation: toggle 0.8s linear forwards;
}

.feedback label.angry input:checked+div:after {
  --middle-y: 1px;
  --middle-r: -18deg;
  -webkit-animation: toggle 0.8s linear forwards;
  animation: toggle 0.8s linear forwards;
}

.feedback label.sad {
  --step-1-rx: 20deg;
  --step-1-ry: -12deg;
  --step-2-rx: -18deg;
  --step-2-ry: 14deg;
}

.feedback label.sad div:before,
.feedback label.sad div:after {
  --b: var(--active-tear);
  --sc: 0;
  --w: 5px;
  --h: 5px;
  --t: 15px;
  --br: 50%;
}

.feedback label.sad div:after {
  --l: 25px;
}

.feedback label.sad div svg.eye {
  --t: 16px;
}

.feedback label.sad div svg.mouth {
  --t: 24px;
  stroke-dasharray: 9.5;
  stroke-dashoffset: 33.25;
}

.feedback label.sad input:checked+div:before,
.feedback label.sad input:checked+div:after {
  -webkit-animation: tear 0.6s linear forwards;
  animation: tear 0.6s linear forwards;
}

.feedback label.ok {
  --step-1-rx: 4deg;
  --step-1-ry: -22deg;
  --step-1-rz: 6deg;
  --step-2-rx: 4deg;
  --step-2-ry: 22deg;
  --step-2-rz: -6deg;
}

.feedback label.ok div:before {
  --l: 12px;
  --t: 17px;
  --h: 4px;
  --w: 4px;
  --br: 50%;
  box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}

.feedback label.ok div:after {
  --l: 13px;
  --t: 26px;
  --w: 14px;
  --h: 2px;
  --br: 1px;
  --b: var(--m, var(--normal-mouth));
}

.feedback label.ok input:checked+div:before {
  --middle-s-y: 0.35;
  -webkit-animation: toggle 0.2s linear forwards;
  animation: toggle 0.2s linear forwards;
}

.feedback label.ok input:checked+div:after {
  --middle-s-x: 0.5;
  -webkit-animation: toggle 0.7s linear forwards;
  animation: toggle 0.7s linear forwards;
}

.feedback label.good {
  --step-1-rx: -14deg;
  --step-1-rz: 10deg;
  --step-2-rx: 10deg;
  --step-2-rz: -8deg;
}

.feedback label.good div:before {
  --b: var(--m, var(--normal-mouth));
  --w: 5px;
  --h: 5px;
  --br: 50%;
  --t: 22px;
  --zi: 0;
  opacity: 0.5;
  box-shadow: 16px 0 0 var(--b);
  filter: blur(2px);
}

.feedback label.good div:after {
  --sc: 0;
}

.feedback label.good div svg.eye {
  --t: 15px;
  --sc: -1;
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}

.feedback label.good div svg.mouth {
  --t: 22px;
  --sc: -1;
  stroke-dasharray: 13.3;
  stroke-dashoffset: 23.75;
}

.feedback label.good input:checked+div svg.mouth {
  --middle-y: 1px;
  --middle-s: -1;
  -webkit-animation: toggle 0.8s linear forwards;
  animation: toggle 0.8s linear forwards;
}

.feedback label.happy div {
  --step-1-rx: 18deg;
  --step-1-ry: 24deg;
  --step-2-rx: 18deg;
  --step-2-ry: -24deg;
}

.feedback label.happy div:before {
  --sc: 0;
}

.feedback label.happy div:after {
  --b: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 8px;
  --br: 0 0 8px 8px;
}

.feedback label.happy div svg.eye {
  --t: 14px;
  --sc: -1;
}

.feedback label.happy input:checked+div:after {
  --middle-s-x: 0.95;
  --middle-s-y: 0.75;
  -webkit-animation: toggle 0.8s linear forwards;
  animation: toggle 0.8s linear forwards;
}

.feedback label input:checked {
  --sb: var(--active);
  --sh: var(--active-shadow);
  --sht: var(--active-shadow-top);
}

.feedback label input:checked+div {
  --m: var(--active-mouth);
  --e: var(--active-eye);
  -webkit-animation: shake 0.8s linear forwards;
  animation: shake 0.8s linear forwards;
}

.feedback label input:not(:checked):hover {}

.feedback label input:not(:checked):active {
  transform: scale(0.925);
}

.feedback label input:not(:checked):active+div {
  transform: scale(0.925);
}

.feedback label:hover {
  transform: scale(1.08);
}

@-webkit-keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
  }

  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
  }

  100% {
    transform: perspective(240px) translateZ(4px);
  }
}

@keyframes shake {
  30% {
    transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
  }

  60% {
    transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
  }

  100% {
    transform: perspective(240px) translateZ(4px);
  }
}

@-webkit-keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0);
  }

  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }

  20%,
  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
  }
}

@keyframes tear {
  0% {
    opacity: 0;
    transform: translateY(-2px) scale(0) translateZ(0);
  }

  50% {
    transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }

  20%,
  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
  }
}

@-webkit-keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
  }
}

@keyframes toggle {
  50% {
    transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
  }
}

@-webkit-keyframes angry {
  40% {
    background: var(--active);
  }

  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
  }
}

@keyframes angry {
  40% {
    background: var(--active);
  }

  45% {
    box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
  }
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

/* css added by gaurav */
.profile-offcanvas {
  background-color: var(--bg-primary);
}

.form-control:focus {
  box-shadow: none !important;
  background-color: var(--bg-primary);
}

.offcanvas-title button {
  color: var(--text-primary);
}

.close-btn {
  color: var(--text-secondary) !important;
}

.card-brand-footer .footer-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-break: break-word;
  text-align: center;
  max-width: 100px;
}

.card-sm-grids ul li a .catogery-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-break: break-word;
  text-align: center;
  width: 120px;
}

#header_search_results {
  display: none;
  position: absolute;
  max-height: 450px;
  overflow-y: auto;
  background-color: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 4px;
  z-index: 1000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  align-items: center;
  border-radius: var(--border-radius);
  width: 100%;
  max-width: 100%;
  top: 40px;
  left: 0;

}

.result-name {
  font-size: 14px;
  color: var(--text-primary);
}

#header_search_results .result-item {
  padding: 8px;
  cursor: pointer;
  border-bottom: 1px solid var(--border);
  transition: background-color 0.3s ease;
}

#header_search_results .result-item:last-child {
  border-bottom: none;
}

#header_search_results .result-item:hover {
  background-color: #f9f9f9;
}

.carousel-banner li {
  height: 240px
}

.category_li {
  cursor: pointer;
}

.brand_li {
  cursor: pointer;
}

.subcategory_li {
  cursor: pointer;
}

.message-content {
  width: 100%;
}

.side-nav ul li {
  cursor: pointer;
}

.header-center {
  position: relative;
}

.brdr-container {
  padding: 16px;
  border: 1px solid var(--border);
  background-color: var(--bg-primary);
  border-radius: var(--spc-4);
  /* min-height: calc(100vh - 164px); */
}

/* .card-sm-grids ul{justify-content: space-between;} */
@media screen and (max-width: 768px) {
  .brdr-container {
    padding: 0;
    border: 0;
    background-color: transparent;
  }

  .middle_container {
    grid-template-columns: 1fr;
    margin-top: 100px;
  }

  .header {
    display: block !important;
    z-index: 10;
  }

  #header_search_results {
    left: 0;
  }

  .carousel-banner li {
    height: 160px;
  }

}

.carousel-5:not(.owl-loaded) {
  display: none;
}

.carousel-5 .owl-item {
  float: left !important;
  display: inline-block !important;
}

.cursor {
  cursor: pointer;
}


.card-brand-footer .footer-txt {
  font-weight: 500;
}

.all-product {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0;
}

.all-product li {
  width: 120px;
}



.content-section .card-heading {
  font-weight: 500;

}


.elipse2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-break: break-word;
  min-height: 24px;
}

.img-container {
  margin-bottom: 8px;
}

.img-container img {
  border-radius: 8px;
}

.online-puja-card {
  justify-content: flex-start;
}

.cmg-soon-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100vh - 164px);
}

.cmg-soon-page h2 {
  font-size: 20px;
  font-weight: var(--semibold-600);
  color: var(--text-primary);
}

.cmg-soon-page p {
  font-size: 18px;
  font-weight: var(--regular-400);
  color: var(--text-secondary);
}

/* css added by gaurav */

/*media queries*/
@media screen and (max-width: 768px) {
  .card-sm-grids ul li a .catogery-txt {
    width: 96px !important;
  }

  .view-btn {
    color: var(--primary-color);
    background: transparent;
    border: none;
    padding: 0px;
    height: auto;
    font-size: 14px;
    font-weight: var(--semibold-600);
  }

  .vl-btt .material-symbols-outlined {
    display: block;
  }

  /*ar css start 05-09-2025*/
  .multi-search {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    align-items: center;
    background-color: #fff;
    position: fixed;
    width: calc(100% - 32px);
    top: 16px;
    left: 16px;
    z-index: 9;
  }

  .left-panel {
    position: unset;
  }

  .root-bottom-slide {
    left: 0px;
    width: 100%;
    overflow-y: auto !important;
    max-height: auto;
    bottom: 0px;
    z-index: 9999;
  }

  .open-bar {
    width: 48px;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    margin: 10px auto;
    margin-bottom: 10px;
  }

  .trp-dtls {
    top: calc(100vh - 331px);
    position: absolute !important;
    box-shadow: 0px -3px 4px 0px rgba(24, 16, 5, 0.06);
    background-color: #fff;
    width: 100%;
    z-index: 9;
    border-radius: 16px 16px 0px 0px;
  }

  .main-container {
    display: block;
    padding: 0px;

  }

  .right-panel {
    height: calc(100vh - 52px);
  }

  #map {
    position: fixed;
    top: 0;
    width: 100%;
    height: 50%;
    border-radius: 0px;
  }

  .panel-body {
    height: 100%;
    background-color: #fff;
    overflow: visible;
    border: none;
    box-shadow: none;
    border-radius: 0px;
  }

  .multi-search {
    border: none;
    margin-bottom: 0px;
  }

  .accordion-item {
    border: none !important;
  }

  .accordion-body {
    padding-top: 0px;
  }

  .desc-direction li:last-child {
    border: none !important;
  }

  .panel-body {
    padding-top: 0px;
  }

  .all-product li {
    width: 30%;
  }

  /*ar css end 05-09-2025*/



  /* .side-nav {
    position: fixed;
    bottom: 0px;
    height: auto;
    width: 100%;
    z-index: 2;
    top: unset;
    padding: 8px;
  }

  .right-section {
    width: 100%;
    left: 0px;
    top: 100px !important;
    height: calc(100vh - 163px);
  } */
  .side-nav {
    position: fixed;
    bottom: 0px;
    top: unset;
    height: auto;
    width: 100%;
    z-index: 2;
    padding: 8px;
  }

  .right-section {
    height: calc(100vh - 168px);
  }

  .search-bar {
    width: 100%;
  }


  .mob-without-Search-mg-top {
    margin-top: 52px !important;
  }

  .withoutBtmbar {
    height: 100vh !important;
  }

  .side-nav ul {

    display: flex;
  }

  .side-nav ul li {
    margin-bottom: 0px;
    width: 100%;
  }

  .side-nav a {
    padding: 0px;
  }


  .mob-hide {
    display: none !important;
  }

  .desk-hide {
    display: block !important;
  }

  .header {
    display: block;
    z-index: 10;
  }

  .header-right {
    position: absolute;
    top: 8px;
    right: 8px;
  }

  /* .header-left {
    margin-bottom: 8px;
  } */
  .header-center {
    margin-top: 8px;
  }

  .carousel-banner .carousel-container ul {
    padding: var(--spc-8);
  }

  .card-sm-grids ul li .card-grid {
    width: 96px;
    height: 96px;
  }

  .card-bg1 {

    background: url(../img/mob-all.svg) 0 0 no-repeat;
  }

  .card-bg2 {

    background: url(../img/mob-online-puja.svg) 0 0 no-repeat;
  }

  .card-bg3 {

    background: url(../img/mob-astrology.svg) 0 0 no-repeat;
  }

  .card-bg4 {

    background: url(../img/mob-yatra.svg) 0 0 no-repeat;
  }

  .card-bg5 {

    background: url(../img/mob-chadhava.svg) 0 0 no-repeat;
  }

  .card-bg6 {

    background: url(../img/mob-e-learning.svg) 0 0 no-repeat;
  }

  .card-bg7 {

    background: url(../img/mob-health.svg) 0 0 no-repeat;
  }

  .card-bg8 {

    background: url(../img/mob-ethinic-wear.svg) 0 0 no-repeat;
  }

  .card-bg9 {

    background: url(../img/mob-food.svg) 0 0 no-repeat;
  }

  .card-bg10 {

    background: url(../img/mob-dance-music.svg) 0 0 no-repeat;
  }

  .mob-brand-card {
    width: 96px !important;
    height: 96px !important;
  }

  /**################## top category start #################**/
  /************************************/
  .card-topContainer {
    top: 56px !important;
  }

  .card-topContainer .card-sm-grids ul {
    display: flex;
    /* grid-template-columns: 1fr 1fr 1fr; */
    row-gap: 16px;
  }

  .card-topContainer {
    height: calc(100vh - 58px);
  }

  .top-category {
    display: flex !important;
    align-items: center;
    gap: 4px;
  }

  .top-category h2 {
    color: var(--text-primary);
    font-size: var(--text-sz-16);
    font-weight: var(--medium-500);
    line-height: 18px;
    margin-bottom: 0px;
  }

  .top-category button {
    background-color: transparent;
    border: 0px;

  }

  .top-category .material-symbols-outlined {
    color: var(--text-primary);
    padding: 6px;
  }

  /**################## top category end #################**/
  /**####################online puja start#################**/
  .online-card {
    width: 100% !important;
  }

  .online-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .online-puja-card {
    display: block !important;
  }

  .online-puja-store {
    height: calc(100vh - 99px);
  }

  /* .dropdown-menu{
      top: 0px !important;
    right: 0px !important;
    transform: translate(9px, -8px);
    height: 100vh;
} */
  /**####################online puja end#################**/
  /*ar css start*/
  .mob-section {
    height: calc(100vh - 121px);
    top: 53px !important;
  }

  /*ar css  end*/
  .card-content {
    width: 100%;
  }

  /* placedetail media quiery  */

  .mob_pd {
    height: 100vh;
    top: 0;
  }

  .detail-cont {
    height: calc(100vh - 235px);
  }

  .places-cont {
    height: calc(100vh - 55px);
  }

  .saf-sec {
    height: calc(100vh - 239px);
  }

  .vl-sec,
  .faith-sec {
    height: calc(100vh - 55px);

  }



  /* placedetail media quiery  */

  /*plan trip css start*/
  .form-cont {
    grid-template-columns: auto;
    /* height: calc(100vh - 99px); */
  }

  .date-input .icon {
    top: 28px;
  }

  .form-footer button {
    width: 100%;
  }

  .plan-trip .left-panel .nav-container .places-cont {
    overflow-y: auto;
    height: calc(100vh - 99px);
  }




  /*plan trip css end*/

  /*ar css start 06-09-2025*/
  .card-sm-grids ul {
    justify-content: flex-start;
  }

  .nerd-banner .info-banner {
    background-size: contain;
    background-position: bottom;
  }

  .info-banner {
    flex-direction: row;
    background-size: contain;
    height: 170px;
  }

  .owl-item .catogery-txt {
    width: 77px;
  }

  .owl-item:has(.mappls-map) .catogery-txt {
    width: 100px;
  }

  .info-txt h2 {
    font-size: 14px;
  }

  .info-banner button {
    width: 90px;
  }

  .info-txt p {
    font-size: 12px;
  }

  .god-homes {
    height: 80px;
    width: 80px;
  }

  .mappls-map {
    height: 80px !important;
    width: 120px !important;
  }

  .god-homes .catogery-txt {
    overflow: hidden;
  }

  .js-cont {
    top: 0px !important;
  }

  /*ar css start 06-09-2025*/
}

/* css added sept 12 */

.more-view {
  cursor: pointer;
}

.nav-container .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  border: none !important;
  border-bottom: 2px solid var(--primary-color) !important;
}

.card-sm-grids ul li .card-grid {
  background-size: contain !important;
}

.card-sm-grids ul li .card-grid-img {
  background-size: 100% 100% !important;
  background-position: center;
}

.nav .owl-stage {
  display: flex;
  width: 100% !important;
}

.content-section .card-heading {
  height: 28px;
}

.sm-card-header {
  padding: 12px 8px;
}

.elipse3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  word-break: break-word;
}

.card-content {
  gap: 12px;
  align-items: flex-end;
}

.card-title {
  height: 32px;
}

.card-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* .cards-banner-section{padding-top: 16px;} */
@media(max-width:768px) {
  .card-sm-grids ul {
    justify-content: space-evenly;
  }

  .sm-card-header {
    padding: 0px 8px;
  }

  .offer-list {
    justify-content: space-evenly;
  }

  .c-cont {
    padding: 16px 8px;
  }
}

.offer-list li {
  box-shadow: none;
}

.brand-sub-icon {
  position: absolute;
  max-height: 40px !important;
  right: 8px !important;
  top: 8px;
  /*   opacity: .9; */
  width: 88px !important;
  height: 22px;


  background: #ffffff;
  border-radius: var(--spc-4);
}


/* .bdr-50 .card-bg{border-radius: 50% !important;} */
.brand-sub-icon img {
  border-radius: 0px !important;
}

.offer-card {
  width: 328px !important;
  height: 100%;
  border-radius: 16px;
}

.offer-list {
  padding: 0px 16px 16px;
}

/* .r-sect{ height: calc(100vh - 169px);} */

button:disabled {
  background: var(--bg-quaternary) !important;
  color: var(--text-secondary);
  border: none;
  padding: 5px 8px;
  border-radius: var(--spc-4);
  cursor: pointer;
  font-size: var(--text-sz-12);
  font-weight: var(--semibold-600);
  text-wrap: nowrap;
  height: 32px;
  margin: 0px;
  justify-content: center;
}

.right-notify-header .material-symbols-outlined {
  color: var(--text-primary);
}

.notification_li {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/*share popup css start*/
.share-modal {
  background: var(--bg-primary);
  border-radius: 8px;
  margin: 0px 16px
}

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

.overlay {
  background: rgba(0, 0, 0, .5);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.sl-section li span {
  font-size: 12px;
  color: var(--text-primary);
}

.sl-section {
  display: flex;
  justify-content: center;
  gap: 16px;
  list-style: none;
  padding: 16px;
  flex-wrap: wrap
}


.sl-section li a {
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-quaternary);
}

.sl-section li {
  text-align: center;
  font-size: 14px;
  color: #212121;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 65px;
}

.pull-left h3 {
  font-size: 16px;
  color: var(--text-primary);
}

/*share popup css end*/

@media screen and (max-width: 768px) {
  .offer-list {
    padding: 16px;

  }

  /* .message-section {
    padding: 0px;
    padding-top: 12px;
  } */

  .all-product {
    padding: 16px 8px 64px 8px;
  }

  .dropdown-menu {
    width: 100%;
    right: 0;
    height: 100vh;
    top: 0px;
    min-width: 100%;
    position: fixed;
    border: none;
  }

  .notify-header {
    border: none;
  }

  .cards-banner-section {
    margin-top: 12px;
  }

  #notifyMenu {
    width: 100%;
    right: 0;
    max-width: 100%;
    min-width: 100%;
  }

  .cards-banner-section .card-section-one:last-child {
    margin-bottom: 64px;
  }

  .ONP-view {
    margin-bottom: 64px;
  }

}

.viewAll-Item {
  min-height: calc(100vh - 117px);
}

/* css added sept 15 */

.error h2 {
  font-size: 20px;
  font-weight: var(--semibold-600);
  color: var(--text-primary);
}

.error p {
  font-size: var(--text-sz-16);
  font-weight: var(--regular-400);
  color: var(--text-secondary);
}

.notify-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border);
  padding: 12px 8px;
  position: sticky;
  top: 0px;
  background-color: var(--bg-primary);
  border-radius: 4px 4px 0px 0px;
}



/* css  loadr*/


#loader {
  padding: 2px;
  text-align: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999999;
  background: rgba(238, 238, 238, 0.5);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  display: none;
}



.loaderDiv1 svg {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.spinner {
  width: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.teal {
  color: teal;
}

.spinner span {
  display: block;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}

.spinner svg {
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.spinner circle:nth-of-type(2) {
  -webkit-animation: spin1 3s linear infinite;
  animation: spin1 3s linear infinite;
  stroke-dasharray: 1 1;
  stroke-dashoffset: 1;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-0.25turn);
  transform: rotate(-0.25turn);
}

@-webkit-keyframes spin1 {
  0% {
    stroke-dashoffset: 1;
    -webkit-transform: rotate(-0.25turn);
    transform: rotate(-0.25turn);
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -1;
    -webkit-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
  }
}

@keyframes spin1 {
  0% {
    stroke-dashoffset: 1;
    -webkit-transform: rotate(-0.25turn);
    transform: rotate(-0.25turn);
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -1;
    -webkit-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
  }
}

.overlay {
  z-index: 4
}

.noitem-available {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 198px);
}

.viewAll-height {
  min-height: calc(100vh - 117px);
}



/* css added on sept 15 */




/*Saa-new*/
.plan-trip .left-panel .nav-container .places-cont {
  overflow-y: auto;
  height: calc(100vh - 179px);
}

.overflow-hidden {
  overflow-x: hidden;
}

.no-bdr {
  border-bottom: none !important;
}

.filter-footer {
  border-top: 1px solid var(--border) !important;
  padding-top: 16px !important;
}

.filter-footer button {
  width: 80px !important;

}

.prompt-button button:last-child {
  font-weight: var(--semibold-600);
}

@media screen and (max-width: 768px) {
  .plan-trip .left-panel .nav-container .places-cont {
    height: calc(100vh - 102px);
  }

  .plan-trip .left-panel .nav-container .blankState {
    height: calc(100vh - 55px);
  }

}


/*faith New changes*/
.description_lists {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.videoFull-web {
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .description_lists {
    display: block;

  }

  .description_lists .add-review-cont {
    margin-bottom: 16px;
  }

  .description_lists .add-review-cont:last-child {
    margin-bottom: 0px;
  }

  .search-bar {
    box-shadow: none
  }
}

.plan-trip .left-panel .nav-container .blankState {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;

}



/* privacy policy css start 15/9 */

.desc_list {
  padding: 8px;
  list-style: inside;
  list-style-position: outside;
  margin-left: 8px;
}

.desc_list li {
  font-size: var(--text-sz-14);
  font-weight: var(--regular-400);
  color: var(--text-secondary);
}

.prvcy_plcy .description_txt label {
  font-weight: var(--regular-400);
}

.prvcy_plcy .description_txt {
  padding: 0;
  padding-bottom: 8px;
  gap: 0px;
}

.prvcy_plcy .description_txt:first-child {
  padding: 8px 0px;
}

.prvcy_plcy .web-view {
  min-height: 52px;
  display: flex;
  padding: 16px;
}

.prvcy_plcy .description-cont {
  line-height: 20px;
}

.sf-card .card-grid {
  background: none;
}

.prvcy_plcy .plan-trip .left-panel .nav-container .detail-cont {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.noDataFound {
  flex-direction: column;
  gap: 8px;
  height: calc(100vh - 446px);
}

/* .brdr-container {
  height: calc(100vh - 120px);
} */

/* privacy policy css end 15/9 */

@media screen and (max-width: 768px) {
  .brdr-container {
    padding: 0;
    border: 0;
    background-color: transparent;
  }

  #header_search_results {
    left: 0;
  }

  .carousel-banner li {
    max-height: 160px;
  }

  /* privacy policy css start 15/9 */
  .web-view {
    min-height: 52px;
    display: flex;
    padding: 8px !important;
  }

  .cnt_us .owl-carousel {
    justify-content: center;
  }

  .noDataFound img {
    width: 100%;

  }

  .error p {
    font-size: var(--text-sz-14);
  }

  .plan-trip .left-panel .nav-container .detail-cont {
    justify-content: flex-start;
  }
}

/* privacy policy css end 15/9 */

.custom-txt {
  color: var(--text-primary)
}

.content-section {
  width: 100%
}

.with-img {
  min-height: calc(100vh - 412px) !important;
}

.without-img {
  min-height: calc(100vh - 164px) !important;
}

.privacy-sect {
  top: 52px !important;
  height: auto !important;
}

.privacy-sect .main-container {
  height: auto;
}

.offer-sect {
  /* top: 52px !important; */
  min-height: calc(100vh - 120px) !important;
}

.info-sect {
  top: 52px !important;
  min-height: calc(100vh - 120px) !important;
}

.noDataFound {
  height: calc(100vh - 198px);
}

.noDataFound-withimg {
  height: calc(100vh - 446px) !important;
}

.noDataFound-fullPage {
  height: calc(100vh - 110px) !important;
}

.policy-sec {
  padding: 8px 16px;
}

.info-banner-section {
  height: 240px;
  background-size: cover;
}

.detail_descp {
  height: calc(100vh - 319px);
}

@media screen and (max-width: 768px) {

  .detail_descp {
    height: calc(100vh - 350px) !important;
  }

  .noDataFound {
    height: calc(100vh - 239px);
  }

  .without-img {
    min-height: calc(100vh - 238px) !important;
  }

  .policy-sec {
    height: calc(100vh - 122px) !important
  }

  .search-bar {
    width: 100%;
  }

  .info-txt p {
    text-wrap: unset;
    width: auto;
  }

  .side-nav .active a {
    border-bottom: none;
  }

  .info-banner-section {
    height: 166px;
  }

  .place-list {
    height: calc(100vh - 67px);
  }
.main-container-info{
  overflow: hidden !important;
  height:calc(100vh - 120px);
}
.img-cont img{
border-radius: 0px;
}
}

.feedback-content p {
  font-size: 16px;
  font-weight: 400;
  color: var(--text-secondary);
  margin-bottom: 24px;
}

.card-sm-grids ul li .info-card-grid {

  width: 160px !important;
  height: 196px !important;
  background-size: cover !important;
}

.info-txt h2 {
  font-size: 36px;
}

.card-sm-grids ul li .card-grid-img {
  background-size: cover !important;
}

.skeleton {
  background: linear-gradient(90deg, #e0e0e0 25%, #f4f4f4 37%, #e0e0e0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease infinite;
  border-radius: 5px;
}

@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

/* Skeleton variations */
.skeleton-tile {
  width: 150px;
  height: 100px;
  margin: 10px;
  display: inline-block;
}

.skeleton-text {
  width: 90%;
  height: 20px;
  margin: 10px auto;
}

.skeleton-card {
  width: 95%;
  height: 160px;
  margin: 10px auto;
}

.maplibregl-popup-content h3 {
  font-size: large !important;
}

.description-cont .material-symbols-outlined {
  font-size: 20px;
}


.link-txt {
  cursor: pointer;
}

/* 
.img-cont{
height:180px;} */


.nearby a {
  display: block !important;
  height: 196px !important;
}


.sticky_brdCrumb{
position: sticky;
    top: 0px;
    background: #fff;
z-index: 2;
}