.about .light-btn.active {
  width: 35%;
}
.about .horoscope-slider .item {
  text-align: left;
}
.about .about-area-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 992px) {
  .about .light-btn.active {
      width: 100%;
  }
}
/*  At  birth chart page */

.contact .invoice-block {
  background-color: transparent;
  border: 1px solid white;
  margin-top: 3rem;
}
.contact .invoice-block .total span,
.contact .invoice-block .total span:last-child,
.contact .invoice-block p,
.contact .invoice-block h4,.light-btn.active {
  color: white;
}
.light-btn.active{
  background: #D9A03A;
  color: #fff !important;
}
.contact .contact-block {
  border: unset;
}
.contact-block .contact-block-extra-content h2{
  letter-spacing: 1px;
}
.contact-block .options-for-delivery{
  margin-top: 1rem;
  font-size: 26px;
}

.contact-block input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1); /* Inverts colors, making black icons white */
  cursor: pointer; /* Adds a pointer cursor for better UX */
}

.contact .invoice-block .total{
  margin-top: 15rem;
}



/* footers Css */
.footers {
background: linear-gradient(180deg, #000000 0%, #4B1380 100%);
  color: #ffffff;
  padding-top: 4rem;
}

.footers a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 0.02em;
  overflow: hidden;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.footers a:hover {
  border-bottom: 2px solid #F2C46D;
  color: white;
}
.footersCol {
  display: flex;
  justify-content: center; 
  flex-wrap: wrap; 
}


@media (max-width: 495px) {
  .footersCol {
    flex-direction: column; 
    justify-content: center;
    align-items: center;
  }

  .footersCol > div {
    text-align: center; 
    width: 100%; 
    margin-bottom: 1rem; 
  }
} 
.footers h5{
  color: #fff;
}
.footers p{
  text-align: left;
  color: #fff;
  font-weight: 500;
  font-size: 19px;
  line-height: 150%;
  letter-spacing: 0.02em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;

}
.footers .copyright{
  font-size: 17px;
}
@media (max-width: 495px) {
  .footers .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footers .row.footersCol {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footers .row.footersCol > div {
    margin-bottom: 1.5rem;
    width: 100%;
    text-align: center;
  }

  .footers .social-icons {
    justify-content: center;
    margin-top: 1rem;
  }

  .footers .row.mt-2,
  .footers .row.mt-3 {
    justify-content: center;
  }

  .footers .d-flex.justify-content-center {
    flex-direction: column;
    align-items: center;
  }

}
@media(max-width : 992px){
    .footers .company-address{
         text-align: center;
    }
  } 
  
  
/*  At privacy policy page */
.privacy-policy{
  background-color: #fff;
}
.privacy-policy .main-heading {
  /* color: #F2C46D; */
  color: #000000;
  font-weight: 700;
  margin-top: 7rem;
}

.privacy-policy .sub-heading {
  color: #000000;
  font-size: 32px;
  font-weight: 600;
  margin-top: 2rem;
}
.privacy-policy .terms-section p{
  color: #000000;
}
.privacy-policy .policy-section {
  margin-bottom: 1.5rem;
}

.privacy-policy .policy-section ul {
  list-style: disc;
  padding-left: 1.5rem;
}

.privacy-policy .policy-section ul li {
  margin-bottom: 0.5rem;
}

.privacy-policy .effective-date,
.intro-text {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.privacy-policy .intro-text {
  
  color: #000000;
  font-weight: 700;
  font-size: 17px;
  transition: all 0.4s ease-in-out;
}

.privacy-policy .policy-section p,
.policy-section li {
  font-weight: 400;
  color: #000000;
  font-size: 17px;
}

/* Header bg */
.header-bg{
  /* background: linear-gradient(180deg, #160022 0%, #3B0A67 100%); */
  background: linear-gradient(180deg, #160022 0%, #2A064A 100%);
}


/* At service page */
.service .item-block{
  height: 100%;
}
.booking .service-book img{
  max-width: 37%;
} 
.booking .service-book .content span{
  font-size: 20px;
}

.horoscope-detail .card .card-body .tab-pane p{
  /* overflow: hidden; */
   display: unset !important;
}


.checkout_payment .input_size {
  width: 100%;
  padding: 18px;
  font-weight: 500;
  border-radius: unset;
  background: #D9A03A1A;
  color: black;
}
.checkout_payment .input_size::placeholder{
  color: #000;
}
.checkout_billing_info .input_size {
  width: 100%;
  padding: 18px;
  font-weight: 500;
  border-radius: unset;
  background: #D9A03A1A;
  color: black;
}
.checkout_billing_info .input_size::placeholder{
  color: #000;
}
.checkout_billing .place_order button{
   width: 100%;
   background-color: #D9A03A;
   border: none;
   border-radius: 10px;
   font-size: 20px;
}
/*payment success and failed css*/
.payment_failed {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  background-color: #fff;
  transition: all 0.3s ease;
}

/* Add a hover effect to make it more interactive */
.payment_failed:hover {
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-5px);
}

.payment_success {
  text-align: center;
}
.payment_success h3 {
  color: gray;
  letter-spacing: 1px;
}
.payment_success p {
  font-weight: 500;
  letter-spacing: 1px;
}
.payment_failed .btn {
  width: 15rem;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.payment_failed .payment_failed_text {
  text-align: center;
  letter-spacing: 1px;
  color: gray;
}
.payment_failed_text h3 {
  color: #c92525;
}

/*address location get css*/
.suggestions-list {
  position: absolute;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  max-height: 250px;
  overflow-y: auto;
  display: none;
  z-index: 1000;
  padding: 5px 0;
  transition: all 0.3s ease-in-out;
}

.suggestions-list li {
  padding: 10px;
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  transition: background 0.2s ease-in-out;
}

.suggestions-list li:hover {
  background: #f8f9fa;
}

.suggestions-list .active {
  background: #007bff;
  color: white;
}

.no-results {
  color: #dc3545;
  font-style: italic;
}

.service-form .service-form-dropdown {
  background-color: transparent;
    padding: 11px;
    border-radius: 28px;
    color: #b7b7b7;
    font-weight: 600;
    font-size: 17px;
}

/* Selected option ka color white karne ke liye */
.service-form .service-form-dropdown option:checked {
  background-color: #333; /* Dark background for better visibility */
  color: white;
}

/* Ensure the dropdown text remains white even after selection */
.service-form .service-form-dropdown option {
  color: black; /* Default option text color */
}
.service-form .service-form-dropdown:focus {
  color: white;
  border: 1px solid white;
}
.service-form .form-select{
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.service-form .custom-date input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1); /* Inverts the color to make it white */
  opacity: 1;
  cursor: pointer;
}

.service .service-block.top-margin{
  margin-top: unset;
}

/* At services */
/* .services-left-part {
  max-height: 80vh;
  overflow-y: auto;
  padding-right: 15px; 
}
.services-left-part::-webkit-scrollbar {
  display: none; 
}
.services-right-part {
  position: sticky;
  top: 20px; 
} */



/* Log in & Sign up  page */
.login_form {
   padding-top: 10rem;
   padding-bottom: 10rem;
}

/* Social Media Icons */
.social_media {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#sign_up_form .form-control {
  padding: 14px;

}

.img-container,
.img-container1,
.img-container2 {
  padding: 10px;
  text-align: center;
  cursor: pointer;
  width: 4rem;
}

/* Error Styles */
.error {
  display: block;
  color: red;
  font-weight: 500;
}

.error.show {
  visibility: visible;
}

/* Password Toggle */
.password-container {
  position: relative;
}

.password-container .form-control {
  padding-right: 2.5rem;
}

.toggle-password {
  position: absolute;
  top: 69%;
  right: 1rem;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
}

.sign_up {
  font-size: 19px;
  font-weight: 500;
}

#sign_up_form #currency-select {
  border-radius: 7px;
  padding: 13px;
  border-color: rgb(214, 211, 211);
}

#sign_up_form #currency-select:focus {
  box-shadow: none;
}

.divider {
  display: flex;
  align-items: center;
  text-align: center;
  border: none;
  margin: 1rem 0;
  letter-spacing: 1px;
}

.divider::before,
.divider::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid gray;
}

.divider::before {
  margin-right: 10px;
}

.divider::after {
  margin-left: 10px;
}

/* Button Styling */
.loginbtn {
  /* background: linear-gradient(45deg, #2f2f2f, #6c6c6c9e); */
  background-color: #D9A03A;
  color: #3B0A67 ;
  border: none;
  padding: 11px 0;
  width: 100%;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 2px;
  border-radius: 10px;
}

.forgotbtn {
  background-color: #3B0A67;
  color: white;
  border: none;
  
  padding: 8px 0;
  width: 100%;
  font-size: 21px;
  letter-spacing: 2px;
  border-radius: 5px;
}
@media(max-width:575px){
  .login_signup_right_part{
      margin-top: unset !important;
  }
  .divider{
      display: block;
  }
}
/* Forgot Password and Terms */

.termconditions a {
  color: gray;
  text-decoration: none;
}

.forgot_pass a:hover,
.termconditions a:hover {
  color: inherit;
}

.contact-address {
    text-align: left;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
  .login_form {
      margin-bottom: -5rem;
  }

  .img-container,
  .img-container1,
  .img-container2 {
      width: 6rem;
  }

  .contact-address {
        text-align: center !important;
    }

    .contact-address .responsive-br {
        display: none;
    }

}

@media (max-width: 992px) {
  .home_container {
      min-height: 70vh !important;
  }
  .home_page_left h2 {
      font-size: 25px !important;
      margin-top: unset !important;
  }
}
@media (max-width: 576px) {
  .login_form {
      margin-top: -1rem; 
  }

  .img-container,
  .img-container1,
  .img-container2 {
      width: 5rem;
  }

  .loginbtn {
      font-size: 18px;
  }
}
.login_form .form-group .form-control {
    border-radius: 13px !important;
}
.login_form .login-with-google{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
}
.login_signup_right_part .invalid-feedback{
  display: block;
}


.header-btn .login-btn{
  border: 1px solid #D9A03A;
    padding: 5px;
    background-color: #D9A03A;
    padding-left: 24px;
    padding-right: 31px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 29px;
}
.header-btn .login-btn a{
  color: #3B0A67 !important;

}
.header-btn .login-btn a:hover{
  color: #000 !important;
}

.login_form .reset-password .card{
  background-color: transparent;
  border: 1px solid white;
  border-radius: 10px;
}
 .login_parent {
  display: flex;
  justify-content: center;
  align-items: center;
}
 .login_parent .dropdown-menu{
  --bs-dropdown-border-radius : 0px 0px .375rem .375rem;
}
.dropdown-menu[data-bs-popper] {
  left : 4%;
  text-align: center;
}
.dropdown-menu{
  --bs-dropdown-min-width : 6rem !important;
 
}
.dropdown-toggle{
  background-color: #D9A03A;
  color: #3B0A67;
  border: 1px solid white;
  padding: 0 13px;
  /* padding: 4px; */
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 34px;
  font-weight: 700;
}
.dropdown-toggle::after {
  display: none !important;
}



/* At profile page customer details */

.customer_detail_container {
  font-family: 'Poppins', sans-serif;
  
}
.customer_detail_container .customer-detail-form-right {
  height: 93%;
  padding: 10px;
  color: #fff;
  background-color: transparent;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 10px;
}

.customer_detail_container .customer-detail-form-left {
  height: 93%;
  padding: 10px;
  color: #fff;
  border: 1px solid white;
  border-radius: 10px;
}
.customer_detail_container a{
  color: #D9A03A !important;
  font-weight: 600;
}
.customer_detail_container  .form-control{
  border: 1px solid white !important;
  border-radius: 10px !important;
}

.customer-detail-form-left .set-eye-icon {
  position: relative;
}
.set-eye-icon .eye-icon {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #fff;
}
.customer_detail_container   .save_btn{
  padding: 13px;
  background-color: #D9A03A;
  padding-left: 24px;
  padding-right: 31px;
  font-weight: bold;
  font-size: 20px;
  border-radius: 29px;
  width: 95%;
  color: #3B0A67;
}

/* //////////////// */
 
  /* navbar */
     .extra-footer-link .dropdown-toggle{
        background: unset !important;
        border: none;
        padding: 0;
        border-radius: none
        ;
     }
     .extra-footer-link .ul-parent-class{
         list-style: none;
     }
     .extra-footer-link .ul-parent-class .dropdown-toggle{
        border-bottom: unset;
     }
     .extra-footer-link .ul-parent-class .dropdown-menu{
       background: linear-gradient(180deg, #160022 0%, #3B0A67 100%);
     }
     .extra-footer-link .ul-parent-class .dropdown-menu .dropdown-item{
         background-color: transparent;
         color: white;
         border-bottom: unset;
         font-size: 14px;
         font-weight: 700;
     }
     .extra-footer-link .ul-parent-class .dropdown-menu .dropdown-item:hover{
        color: #D9A03A;
     }
     .extra-footer-link .dropdown-toggle::after {
       display: none !important;
       }
    
@media (max-width: 768px) {
  
  
  .customer_detail_container   .personal-details{
    margin-top: 4rem;
  }
}

.paymentcard .card img {
    max-height: 35px;
    object-fit: contain;
    width: 34px;
}
.paymentcard .card {
    border-radius: 12px;
    transition: transform 0.3s ease;
}
.paymentcard .card:hover {
    transform: translateY(-5px);
}

.hero-section-setting-up{
    margin-top: 4rem;
    margin-bottom: 4rem;
}


/*=========================================================
  Cosmicoracle Final UI Polish
=========================================================*/
.header-bg,
.header,
nav .navbar-collapse,
.extra-footer-link .ul-parent-class .dropdown-menu{
  background:linear-gradient(135deg,rgba(22,0,34,.96),rgba(59,10,103,.96)) !important;
  border-bottom:1px solid rgba(242,196,109,.22);
  box-shadow:0 12px 40px rgba(22,0,34,.35);
}
.header nav .navbar-nav .menu-item-has-children a,
.header-btn .login-btn a,
.extra-footer-link .ul-parent-class .dropdown-menu .dropdown-item{font-family:"Poppins",sans-serif;}

.light-btn,
.light-btn.active,
.loginbtn,
.forgotbtn,
.dropdown-toggle,
.checkout_billing .place_order button,
.customer_detail_container .save_btn,
.header-btn .login-btn{
  background:linear-gradient(135deg,var(--za-gold),var(--za-gold-light)) !important;
  color:var(--za-dark) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 28px rgba(217,160,58,.22);
  border-radius:34px !important;
}
.light-btn:hover,
.loginbtn:hover,
.forgotbtn:hover,
.dropdown-toggle:hover,
.checkout_billing .place_order button:hover,
.customer_detail_container .save_btn:hover,
.header-btn .login-btn:hover{
  background:linear-gradient(135deg,var(--za-purple-3),var(--za-purple)) !important;
  color:var(--za-ivory) !important;
  border-color:var(--za-gold) !important;
  transform:translateY(-2px);
}
.header-btn .login-btn a{color:var(--za-dark) !important;}
.header-btn .login-btn:hover a{color:var(--za-ivory) !important;}

.about .about-area-content,
.contact .invoice-block,
.contact .contact-block,
.login_form .reset-password .card,
.customer_detail_container .customer-detail-form-right,
.customer_detail_container .customer-detail-form-left,
.payment_failed,
.paymentcard .card{
  background:var(--za-card) !important;
  border:1px solid var(--za-border) !important;
  box-shadow:var(--za-shadow);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.contact .invoice-block,
.customer_detail_container .customer-detail-form-right,
.customer_detail_container .customer-detail-form-left,
.login_form .reset-password .card{border-radius:24px !important;}

.form-control,
.login_form .form-group .form-control,
.customer_detail_container .form-control,
.checkout_payment .input_size,
.checkout_billing_info .input_size,
.service-form .service-form-dropdown,
#sign_up_form #currency-select{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(242,196,109,.42) !important;
  color:var(--za-ivory) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
.form-control::placeholder,
.checkout_payment .input_size::placeholder,
.checkout_billing_info .input_size::placeholder{color:rgba(250,248,245,.72) !important;}
.form-control:focus,
.checkout_payment .input_size:focus,
.checkout_billing_info .input_size:focus,
.service-form .service-form-dropdown:focus{
  border-color:var(--za-gold-light) !important;
  box-shadow:0 0 0 .18rem rgba(217,160,58,.2) !important;
}

.footers{
  background:
    radial-gradient(circle at top left,rgba(217,160,58,.16),transparent 34%),
    linear-gradient(180deg,var(--za-dark),var(--za-purple) 58%,var(--za-dark)) !important;
  border-top:1px solid rgba(242,196,109,.28);
}
.footers h5{color:var(--za-gold-light) !important;font-family:"Cinzel",serif;}
.footers a,.footers p,.footers .copyright{color:var(--za-ivory) !important;}
.footers a:hover{border-bottom-color:var(--za-gold-light) !important;color:var(--za-gold-light) !important;}

.privacy-policy{
  background:linear-gradient(180deg,#FBF7EF 0%,#F4E7D4 100%) !important;
  color:#23102F;
}
.privacy-policy .main-heading,
.privacy-policy .sub-heading,
.privacy-policy .terms-section p,
.privacy-policy .intro-text,
.privacy-policy .policy-section p,
.privacy-policy .policy-section li{color:#23102F !important;}
.privacy-policy .main-heading,.privacy-policy .sub-heading{color:var(--za-purple) !important;}

.contact-block .contact-block-extra-content h2,
.contact-block .contact-block-extra-content p,
.contact-block .contact-block-extra-content h3,
.contact-block .contact-block-extra-content h4,
.contact .invoice-block .total span,
.contact .invoice-block .total span:last-child,
.contact .invoice-block p,
.contact .invoice-block h4,
.customer_detail_container,
.customer_detail_container a{color:var(--za-ivory) !important;}
.payment_success h3{color:#23102F !important;}
.payment_success p{color:#5b4b64 !important;}
.contact .invoice-block h4,
.contact .invoice-block .total span:last-child,
.customer_detail_container a{color:var(--za-gold-light) !important;}

.suggestions-list{background:#fff;border-color:rgba(59,10,103,.18);}
.suggestions-list .active{background:var(--za-purple);color:#fff;}
.service-form .service-form-dropdown option{color:#23102F;background:#fff;}
.error,.payment_failed_text h3{color:#ff6b6b !important;}
.payment_failed .payment_failed_text{color:#5b4b64 !important;}
.payment_failed{background:#fff !important;color:#23102F !important;}

.hero-section-setting-up{margin-top:5rem;margin-bottom:5rem;}
.paymentcard .card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(22,0,34,.26);}