:root {
    --body-font-family: 'Poppins', sans-serif;
    --primary-color: #7E4555;
    --secondary-color: #d43308;
    --text-color: #222222;
    --bg-gray: #e9eef2;
}


body {
    font-family: var(--body-font-family);
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.9;
    font-weight: 400;
    color: #767e88;
    overflow-x: unset;
}

/* buttons */
.btn-theme {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-theme:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}


.sigma_logo-wrappers a.navbar-brand img {
    max-height: 44px;
}


/* Forms */
.form-control-sm, .input-group-sm>.form-control {
    height: 45px;
}
.input-group-text {
    color: var(--primary-color);
    background-color: #ebebeb;
    border: 1px solid var(--primary-color);
}

.navbar {
    flex-wrap: nowrap;
    padding: .5rem 0 !important;
}
.sigma_header-controls.style-2 .sigma_header-controls-inner li a i, .sigma_header-controls.style-2 .sigma_header-controls-inner li a i {
    font-size: 34px;
    color: #bbbbbb;
    line-height: 1;
}

/* Banner Css */
.slick-slider .slick-dots {
    /* display: flex;
    justify-content: center;
    position: relative;
    bottom: 54px; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 20px; /* adjust as needed */
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10; /* make sure dots stay above images */
}
.slick-dots li button {
    background-color: #dddddd;
}
/* .slick-slider .slick-dots li {
    padding: 0 0 5px;
    position: relative;
    bottom: 0px;
} */


/* Footer Css */
.sigma_footer {
    position: relative;
    background-color: #f7f7f7;
    padding: 0;
}
.sigma_footer .sigma_footer-bottom {
    padding: 15px 0;
}
.sigma_footer .footer-widget {
    padding: 50px 0;
}
.sigma_footer.sigma_footer-dark a {
    color: #fff;
}
.footer-widget .sigma_sm li a i {
    color: #db4242;
    transition: .3s;
}
.sigma_footer:not(.sigma_footer-dark) .sigma_sm.square li a {
    background-color: #dbdbdb;
    color: #db4242;
}


/* Puja list css */
.card-item .titile {
    font-size: 16px;
    line-height: 22px;
}
.card-item p.short-desc, .card-item p {
    line-height: 22px;
}
ul.sigma-meta {
    position: relative;
}
ul.sigma-meta li {
    padding-left: 25px;
}
ul.sigma-meta li i {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 18px;
}



/* details page  */
.product-package .package-name {
    font-weight: 500;
}
.product-package .package-price {
    font-size: 24px;
}

#countdown .time-box {
  background: #fff4e6;
  color: #d9480f;
  border: 1px solid #ffd8a8;
  border-radius: 8px;
  padding: 10px 22px;
  text-align: center;
  min-width: 60px;
  font-weight: bold;
  font-size: 18px;
  position: relative;
}

#countdown .time-box span {
  /* display: block; */
  font-size: 12px;
  color: #995c00;
  font-weight: 500;
  margin-left: 4px;

}

.package-box {
  color: var(--primary-color);
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 10px 16px;
  background-color: #f8f9fa;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  min-width: 140px;
  text-align: center;
}

/* On hover */
.package-box:hover {
  background-color: #e7f1ff;
  border-color: var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}

/* When selected (input:checked inside label) */
.package-box input:checked ~ .package-name,
.package-box input:checked ~ .package-price {
  color: var(--primary-color);
  font-weight: 600;
}

/* Trick: Use parent styling when input is checked */
.package-box input:checked ~ * {
  color: var(--primary-color);
}

/* OR best approach using JavaScript to toggle a class on label */
.package-box.active {
  border-color: var(--primary-color) !important;
  background-color: #e7f1ff;
}

.product-meta li i {
    color: var(--primary-color);
}
.nav-link {
    color: var(--text-color);
}
.nav-link:focus, .nav-link:hover {
    color: var(--primary-color);
}
.nav-pills .nav-link {
    border-radius: 30px;
    padding: 6px 16px;

}

.nav-pills .nav-link.active {
    background-color: var(--primary-color);
    color: #fff;
}

.tab-section {
    scroll-margin-top: 100px;
}


/* User Dashboard */
.user-dashboard-nav ul li {
    margin: 0;
}
.user-dashboard-nav ul li a.nav-link {
    border-bottom: 1px solid #ebebeb;
    color: var(--text-color);
}
.user-dashboard-nav ul li a i {
    color: #7E4555;
}

.user-dashboard-nav ul li a.nav-link.active {
    border-color: #7E4555;
    color: #7E4555;
    font-weight: 600;
}

.custom-form {
    padding: 0;
    background-color: transparent;
}

.booking-list .badge.small {
    font-size: 12px;
}


/* .section-title {
    position: relative;
    margin-bottom: 50px;
    max-width: 600px;
} */


.editor-data ol, .editor-data ul {
    list-style: unset;
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.editor-data ul li, .editor-data ol li {
    margin: 10px 20px 0;
    position: relative;
}