body{
         background:#fff4da5e;
         font-family:'Segoe UI',sans-serif;
         }
         a{
             color:#ae0000;
         }
         .header-card{
             background: linear-gradient(135deg, #fce88c, #d96909);


box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;



         border-radius: 0px 0px 30px 30px;
         color: #fff;
             padding: 20px 20px 15px 15px;
         }
         .header-logo{
             width:60%;
         }
        .header-card .sidemenu{
               margin-top: 7px;
    text-align: right;
        }
      .header-card   .head-title{
          color: black;
                      font-weight:800; 
                      font-size:15px;
                        display:block;
  margin-top:10px;
      }
                  .header-card div{
                      color: black;
                      font-weight:800; 
                      font-size:15px;
                     
                  }
                  .header-card .fa-user-pen{
                   width:45px;
                   height:45px;
                   text-align:center;
                   line-height:45px;
                   border-radius:6px;
                   border:2px solid white;
                   font-size:18px;
                   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
                  }
               .head-title{
                  text-align:right; 
                      margin-left: 10px;
               }  
         .head-title h2{
         color: black;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 5px;
    text-align: right;
  letter-spacing: 1px;
         }
         .head-title p{
             font-weight:600;
             color:#464646;
             margin-bottom:0px;
             font-size:12px;
             letter-spacing: 1px;
         }
         .metal-card{
             padding:0px 5px;
             margin-top:30px;
         }
         .metal-card .rate-box {
             background: #f9f9f9;
    border-radius: 15px;
    padding: 15px 20px;
    border: 1px solid #80808052;
         }
         .metal-card h6{
             text-align:center;
             font-weight: 800;
    letter-spacing: .5px;
    transform: translateY(-50%);
    margin-bottom: -19px;
         }
         .metal-card h6 span{
           background: #ac3004;
    padding: 5px 20px;
    border-radius: 50px;
    color:white;
    font-size: 15px;
         }
         .metal-card .rate-box h4{
             padding-top:5px;
                 font-weight: 900;
    color: #ae0000;
                 
         }
         .metal-card .rate-box strong{
             font-family: 'Poppins', sans-serif;
                 font-size: 20px;
         }
         .metal-card .rate-box span{
             font-size: 14px;
    font-weight: 600;
        font-family: 'Segoe UI', sans-serif;
         }
          .metal-card .rate-box p{
               margin-bottom: 5px;  
                   font-weight: 400;
         }
     .banner-section{
         padding-bottom:10px;
      
     }    
.carousel3d {
  width: 100%;
  overflow: hidden;
  perspective: 1000px;
}

.carousel-track {
  display: flex;
  gap: 10px;
  transform-style: preserve-3d;
  transition: transform .6s ease;
  padding-top:20px;
}

.carousel-track img {
  width: 250px;
  height: 160px;
  border-radius: 15px;
  object-fit: cover;
  transform: scale(0.9);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  clip-path: inset(0 round 15px);
  transition: transform 0.6s ease, margin 0.6s ease;
}

.carousel-track img.active {
  transform: scale(1.05) translateZ(40px);
 
  
}
   


         .product-img{
         width:100%;
         border-radius:12px;
         }
         .rate-card{
         background:#fff;
         border-radius:20px;
         padding:15px;
         box-shadow:0 5px 15px rgba(0,0,0,.1);
         }
         .icon-btn i{
         background: #ffffff;
         border-radius: 10px;
         padding: 15px 15px;
         text-align: center;
         box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
         font-size:24px;
         margin-bottom:10px;
         }
        
 .quick-text {
    font-family:'Poppins',sans-serif;
    font-size:11px;
    font-weight:600;
    letter-spacing:.1px;
    color: #983336;
}
.quick-text a{
    font-family:'Poppins',sans-serif;
   text-decoration:none;
    color: #983336;
}
.quick-text a:hover{
    color:black;
}



         .saving-card{
         /*background:#ae0000;*/
            background: linear-gradient(135deg, #bf0104 ,#e1b027);
         border-radius:20px;
         color:#fff;
            padding: 0px 20px 20px 20px;
             box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
             margin-top:40px;
         }
         .saving-card h6{
             transform: translateY(-50%);
         }
          .saving-card h6 span{
              background:#ffd829;
              padding:5px 20px;
              border-radius:50px;
          }
         .saving-card hr{
         margin:5px;
         }
         .saving-card .btn{
         padding:5px 25px;
         font-weight:900;
         }
         .saving-card h5{
         color:#fffbc7;
         font-size: 17px;
         font-weight:800;

         }
         .saving-card p{
         text-align:right;
         color:#fffb87;
         font-style: italic;
         font-weight:800;
         line-height: 20px;
         }
         .saving-card .saving-sec {
         /*padding:5px 0px;*/
         text-align:center;
         }
         .saving-card .col-4{
         border-right:1px solid white;
         }
         .saving-card .saving-sec p{
         text-align:center;
         color:#fdffe4;
         font-style:normal;
         font-weight:500;
         font-size:12px;
         margin-bottom:8px;
         }
         .saving-card .saving-sec h6{
         text-align:center;
         color:white;
         font-style:normal;
         font-weight:800;
         font-size:13px;
         }
         .saving-sec::last-child{
         border-right:0px;
         }
         .bottom-nav{
         background:#d99f3b;
         border-radius:25px 0px 0 0;
         box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
         padding:15px 0 8px;
          
         }
       

.bottom-nav a{
color:#ffffff;
text-decoration:none;
display:flex;
flex-direction:column;
align-items:center;
font-size:12px;
    font-family: 'Poppins', sans-serif;
gap:3px;
}
.bottom-nav a span{
    font-weight:800;
    color: white;
}
.bottom-nav i{
font-size:18px;
    color: #ffeda9;
}

.bottom-nav a.active{
box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
    background:#eb2046;
    color: white;
    padding: 13px 13px;
    border-radius: 50px;
    min-width: 65px;
     min-height: 65px;
    transform: translateY(-45%);
        margin-bottom: -25px;
}

body{
padding-bottom:75px;
}

         /* SIDEBAR */
         #sidebar{
         position:fixed;
         top:0;
         right:-260px;
         width:260px;
         height:100%;
         background:#c36210;
         color:#fff;
         transition:.3s;
         z-index:1050;
         }
         #sidebar.active{
         right:0;
         }
         #sidebar .sidebar-title{
             background:#ffeec6;
         }
          #sidebar .sidebar-title small{
              color:black;
              font-weight:900;
              font-size:16px;
          }
         #sidebar a{
         color:#fff;
         text-decoration:none;
         display:block;
         padding:12px 20px;
         }
                  #sidebar a i{
                        padding: 8px 8px;
    background: #ffeec6;
    border-radius: 50px;
    font-size: 12px;
    color: #c36210;
                  }
         #sidebar a:hover{
         background:rgba(255,255,255,.1);
         }
         .overlay{
         position:fixed;
         top:0;
         left:0;
         width:100%;
         height:100%;
         background:rgba(0,0,0,.5);
         display:none;
         z-index:1040;
         }
         .overlay.active{
         display:block;
         }
          .product-section{
              padding-top:20px;
          }
         .product-section .section-title{
                 font-weight: 900;
    letter-spacing: .5px;
    font-size:17px;
    color:#ac3004;
         }
         .product .product-title .section-title{
         font-weight:800;
         letter-spacing:.5px;
             color: black;
         }
         .product .product-title a{
         font-size:13px;
         color:black;
         font-weight:800;
         background: #e9e3cf;
    padding: 3px 10px;
    border-radius: 50px;
    text-decoration:none;
    margin-right:10px;
         }
         .product .product-card{
         background:#fff;
         border-radius:12px;
         padding:5px;
         margin-bottom:10px;
         box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
         margin-left:2px;
         margin-right:2px;
         margin-top:2px;
         }
         .product .product-name{
         font-size:12px;
         margin-top:5px;
         font-weight:600;
             white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
         }
         .gold-section{
             margin-bottom:0px;
         }
         .gold-section .section-title{
         font-weight:800;
         letter-spacing:.5px;
         }
         .gold-section .rate-body{
        
         margin-top:30px;
         margin-bottom:20px;
            
         }
         .gold-section .rate-body .icon-btn{
             margin-bottom:20px;
         }
         .gold-section .rate-card{
         transform: translateY(-50%);
         margin-bottom: -19px;
         }
           .quick-menu .row>*{
              padding-left:0px;
               padding-right:0px;
               margin-left:0px;
               margin-right:0px;
          }
         .gold-section .rate-box{
         background:#f9f9f9;
         border-radius:15px;
         padding:10px 5px;
         border: 1px solid #80808052;
         }
         .gold-section .rate-img{
         width:35px;
         }
         .gold-section .rate-box strong{
         font-size:12px;
         font-weight:600;
         }
         .gold-section .rate-box h4{
         font-size:17px;
         font-weight:900;
             color: #ae0000;
         }
         
         .saving-foot{
             padding-top:7px;
         }
         .saving-foot p{
            font-size: 11px;
         font-weight:800;
         font-style:normal;
         color:white;
         text-align:left;
         margin-bottom:0px;
         }
         .saving-foot-rgt p{
             color:#faf9d7;
             margin-bottom:0px;
                 font-family: serif;
                 font-size: 14px;
         }
         .saving-foot-rgt{
               padding-top:7px;
         }
         
         /*product*/
         .product{
             padding-bottom:16px;
         }
   .product  .productSwiper {
    padding: 10px 0 25px;
}

.product .product-card {
    background: #fff;
    border-radius: 12px;
    padding: 8px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    
    
}

.product .product-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.product .product-card span {
    display: block;
     font-size:12px;
         margin-top:5px;
         font-weight:800;
             white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   
}
.product .product-card span a{
    text-decoration:none;
    color:black;
}
.product .product-card span a:hover{
    color:#ae0000;
}
.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

.product .swiper-pagination {
    bottom: 0px !important;
    text-align: center;
}

.product .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: #c7c7c7;
    opacity: 1;
    margin: 0 4px !important;
    transition: all 0.3s ease;
}

.product .swiper-pagination-bullet-active {
    width: 18px;
    border-radius: 10px;
    background: #e7c637;
}
.top-icons{
    margin-top:15px;
}
.top-icons i{
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  border-radius:50px;
  background: #ae0000;
  color:white;
}
 /*product*/
 .header-titles h5{
     font-weight:800;
 }
 
     .gold-sections .rate-card {
    transform: translateY(-50%);
    margin-bottom: -19px;
}
.gold-sections .rate-box {
    background: #f9f9f9;
    border-radius: 15px;
    padding: 10px 5px;
    border: 1px solid #80808052;
}
.gold-sections .rate-box strong {
    font-size: 12px;
    font-weight: 600;
}
.gold-sections .rate-box h4 {
    font-size: 17px;
    font-weight: 900;
    color: #ae0000;
}
 
 /*pay ema*/
 .payema-wrapper{
   padding:20px 0 20px;
   
   /*min-height:70vh;*/
}

.rate-strip{
   background:#fff;
   border-radius:14px;
   padding:14px 18px;
   margin:10px 0 20px;
}

.rate-item h5{
   color:#ae0000;
   font-weight:600;
}

.payema-card{
       background: #8d0b0b;
   color:#fff;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
   border-radius:18px;
   padding:0px 20px 20px 20px;
}

.payema-card .text-muted{
   color:#cce5d9 !important;
}
.payema-card .badge {
    padding:7px 18px;
   border-radius:20px;
   font-size:16px;
   transform: translateY(-50%);
   background:#ebcc32;
   color:#ae0000;
       font-weight: 800;
    font-family: 'Poppins', sans-serif;
}
.due-pill{
   border:1px solid #fff;
   padding:3px 12px;
   border-radius:20px;
   font-size:14px;
   
    background: #00000066;
    float:right;
}


.payema-card .btn{
   background:#fff;
   color:#ae0000;
   font-weight:600;
}
.payema-card .btn:hover{
       color: #8d0b0b;
    background: #e8c83a;
   font-weight:600;
}

  /*pay ema*/
  /*modal*/
 /* MODAL */
.modal-bottom{
  position: fixed;
  bottom: 0;
  margin: 0;
  width:100%;
  height: 75vh;        /* Change this value as needed */
}

.modal-bottom .modal-content{
  height: 345px;
  border-radius: 24px 24px 0 0;
}

.bottom-popup{
  border-radius: 24px 24px 0 0;
}

.popup-handle{
  width:50px;
  height:5px;
  background:#ccc;
  border-radius:10px;
  margin:0 auto 12px;
}

.popup-title{
  color:#ae0000;
  font-weight:600;
  padding-bottom:10px;
}

.popup-btn{
  background:#ae0000;
  border-radius:14px;
}
@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
         height: auto; 
        margin: 0;
    }
}

   /*modal*/
   
   /* PRODUCT CARD */
.product-card{
  background:#efe5ce;
  /*margin:20px 0px 30px;*/
  padding:18px;
  border-radius:20px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}

.product-card .product-img{
  width:100%;
  border-radius:20px;
}

.product-card .thumb-img{
  width:60px;
  height:60px;
  border-radius:12px;
  position:absolute;
  top:80px;
  left:25px;
  border:2px solid #f3f3f3;
}
.product-card .swiperthumb img{
  width:100%;
  border-radius:20px;
}

.product-card .swiperthumbnav{
  margin-top:10px;
}

.product-card .swiperthumbnav .swiper-slide{
  width:80px !important;
  opacity:0.5;
  cursor:pointer;
}

.product-card .swiperthumbnav .swiper-slide-thumb-active{
  opacity:1;
  border:2px solid #0f7b4c;
  border-radius:12px;
}

.product-card .swiperthumbnav img{
  width:100%;
  border-radius:10px;
  height: 76px;
}
.product-card small{
    font-weight:700;
    font-size: 14px;
}
.product-card h4{
    font-weight:800;
     font-size: 20px;
     color: #eb2046;
}
.product-card h2{
    font-weight:800;
       

}
.product-card h6{
    font-weight:900;
        color: #983336;
    /*text-transform: uppercase;*/
    padding-bottom:10px;
        font-family: 'Poppins', sans-serif;
}
.product-card textarea.form-control {
    min-height:89px;
}
.product-card .icon-heart i{
    width:35px;
    height:35px;
    background:white;
    line-height:35px;
    border-radius:50px;
    text-align:center;
    font-size:12px;
    
}
.product-card .icon-share i{
  color:black;
 
    
}
.product-card .icon-heart i:hover{
    
    background:#ae0000;;
   color:white;
    
}
.product-card .spec-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 0.9rem;
   
}
.spec-table tr {
    border-bottom: 1px solid #dee2e6;
}
.product-card .spec-table td {
   padding:  7px 8px;
       background: #efe5ce;
    
}
.product-card .spec-table th {
   padding: 5px 8px;
       background: #efe5ce;
    
}
.product-card p{
    font-size:15px;
    text-align:justify;
    text-indent:10px;
    
}

.product-card .spec-table tr:last-child td {
    border-bottom: none;
}

.product-card .spec-label {
    font-weight: 600;
    color: #212529ad;
}

.product-card .spec-value {
        font-weight: 800;
    color: #111212;

}
.product-highlights{
    padding-left:5px;
}
.product-highlights li{
    padding:5px 0px;
    font-size:14px;
    font-weight:700;
}
.product-highlights li i{
    color:#f18012;
}
.similar_products h6 {
    font-weight: 900;
    margin-bottom:20px;
    color:#e38e2f;
    text-transform:uppercase;   
    font-size: 18px;
}
.similar_products .swiper-wrapper .swiper-slide p{
    font-size: 12px;
    margin-top: 5px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
text-overflow: ellipsis;
}
.similar_products .swiper-wrapper .swiper-slide{
 background:#fff;
         border-radius:12px;
         padding:5px;
         margin-bottom:10px;
         box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
         margin-left:2px;
         margin-right:2px;
         margin-top:2px;
}
/*digigold*/
.digigold-wrapper {
    padding: 15px;
    
}
.digigold-wrapper .fixed-join-btn .btn{
    background: #5f891f;
    color: #fff;
}

.scheme-header {
        background: #5f891f;
    padding: 15px;
    border-radius: 12px;
    color: white;
    margin-bottom: 15px;
}

.gold-rate-card {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    margin-bottom: 15px;
}

.gold-rate-card i {
    font-size: 32px;
    color: #d4af37;
}

.scheme-box {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    margin-bottom: 15px;
}
.scheme-box h6{
    font-size:18px;
    font-weight:800;
    padding-bottom:10px;
   
}
.scheme-box ul {
    list-style: none;
    padding-left: 0;
}

.scheme-box ul li {
    margin-bottom: 8px;
    font-size: 14px;
        font-weight: 600;
}

.scheme-box ul i {
    color: #28a745;
    margin-right: 6px;
}

.cal-result {
    background: #f9f3d2;
    padding: 10px;
    border-radius: 8px;
    margin-top: 10px;
}

.fixed-join-btn .btn{
   
        width: 100%;
    padding: 12px;
    border: none;
    border-radius: 30px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.2s ease;
}
/* Horizontal scroll container */
.scheme-box .month-cards {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 5px;
    scroll-snap-type: x mandatory;
}

.scheme-box .month-cards::-webkit-scrollbar {
    height: 6px;
}

.scheme-box .month-cards::-webkit-scrollbar-thumb {
    background: #d4af37;
    border-radius: 3px;
}

/* Individual month card */
.scheme-box .month-card {
    flex: 0 0 220px; /* Card width */
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    scroll-snap-align: start;
    transition: transform 0.3s, box-shadow 0.3s;
}

.scheme-box .month-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

/* Card header */
.scheme-box .card-header {
    background: linear-gradient(135deg, #f9d976, #f39f86);
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    font-size: 14px;
}

/* Card body */
.scheme-box .card-body {
    padding: 12px;
    font-size: 13px;
}

.scheme-box .card-body p {
    margin: 6px 0;
    display: flex;
    align-items: center;
    font-weight:600;
}

.scheme-box .card-body i {
    color: #d4af37;
    margin-right: 6px;
}




/*digigold*/

/*scheme*/
.scheme-wrapper {
    padding: 15px;
    
    background-color: #f8f9fa;
}

/* TITLE */
.scheme-title {
    text-align: center;
    font-weight: 700;
    font-size: 1.3rem;
}

.scheme-sub {
    text-align: center;
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 20px;
}

/* CARD STYLE */
.scheme-card {
    background-color: #fff;
    padding: 18px 15px;
    border-radius: 16px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.scheme-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* CARD HEADER */
.scheme-header {
    /*display: flex;*/
    align-items: center;
    margin-bottom: 15px;
}
.schemes-wrapper .scheme-header {
    display: flex !important;
    align-items: center;
    margin-bottom: 15px;
}
.digigold .scheme-header h6{
    color:#5f891f;
    background:none;
}
.digigold .scheme-header{
    background:none;
        padding: 0px;
}
.smartgold .scheme-header h6{
    color:#a7a111;
    background:none;
}
.smartgold .scheme-header{
    background:none;
        padding: 0px;
}
.jewellery .scheme-header h6{
    color:#c78b20;
    background:none;
}
.jewellery .scheme-header{
    background:none;
        padding: 0px;
}
.scheme-header h5{
       font-weight: 900;
}
.scheme-icon {
    font-size: 1.6rem;
    margin-right: 10px;
}

.scheme-header h6 {
    font-weight: 600;
    font-size: 1.1rem;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

/* DESCRIPTION */
.scheme-desc {
    font-size: 15px;
    color: #495057;
    margin-bottom: 10px;
}

/* FEATURES LIST */
.scheme-features {
    padding-left: 18px;
    margin-bottom: 12px;
    font-size: 0.85rem;
}

.scheme-features li {
    margin-bottom: 10px;
    position: relative;
    font-size:15px;
    font-weight:700;
    list-style:none;
    margin-left:8px;
}

.scheme-features li::before {
    content: "✔";
    color: #ae0000;
    position: absolute;
    left: -18px;
    font-size: 0.75rem;
}

/* TABLE */
.scheme-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.85rem;
}

.scheme-table th,
.scheme-table td {
    padding: 8px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

/* BUTTON */
.scheme-btn {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 30px;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.digigold .scheme-btn { background: #5f891f; color: #fff; }
.smartgold .scheme-btn { background: #a7a111; color: #fff; }
.jewellery .scheme-btn {
    background: #c78b20 !important;
color: #fff; }

.scheme-btn:hover { opacity: 0.9; }


.digigold{
    background: #cad9b3;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-bottom:5px solid #5f891f;
}
.smartgold{
    background:#e3e08e;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-bottom:5px solid #a7a111;
}
.jewellery{
        background: #e7d2ac;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
         border-bottom:5px solid #c78b20;
}
/* ===== PLANS WRAPPER ===== */
.plans-wrapper {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
    overflow-x: auto;
    padding-bottom: 5px;
}

.plans-wrapper::-webkit-scrollbar {
    height: 6px;
}

.plans-wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* ===== PLAN BOX ===== */
.plan-box {
    min-width: 120px;
    background: linear-gradient(145deg, #ffe6e9, #ffffff);
    border-radius: 15px;
    padding: 12px 10px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    flex-shrink: 0;
}

.plan-box h5 {
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 10px;
    color:#b77808;
}

.plan-box p {
    font-size: 0.82rem;
    margin: 2px 0;
}

/* Hover effect for plan box */
.plan-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.1);
}

/* ===== BUTTON ===== */
.jewellery .scheme-btn {
    background: linear-gradient(90deg, #e83e8c, #ff6fb3);
    color: #fff;
    font-weight: 700;
    padding: 14px;
    border-radius: 30px;
    border: none;
    width: 100%;
    transition: all 0.2s ease;
}

.jewellery .scheme-btn:hover {
    opacity: 0.95;
    transform: scale(1.02);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 576px) {
    .plans-wrapper {
        gap: 5px;
    }
    .plan-box {
        min-width: 100px;
        padding: 10px 8px;
    }
    .plan-box h5 { font-size: 0.95rem; }
    .plan-box p { font-size: 0.78rem; }
}


/*scheme*/
/*joindigi-wrapper*/
.joindigi-wrapper{
    
}

.joindigi-wrapper .join-header {
       background: #5f891f;
    padding: 15px;
    border-radius: 14px;
    text-align: center;
    color:white;
}
.join-header h5{
    font-weight:900;
}
.summary-box h6{
    font-weight:900;
    padding-bottom:10px;
}
.joindigi-wrapper .join-box {
    background: #fff;
    padding: 15px;
    border-radius: 14px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
}

.joindigi-wrapper .amount-options,
.duration-options {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.joindigi-wrapper .amt-btn,
.dur-btn {
    flex: 1;
    border: 1px solid #d4af37;
    background: transparent;
    border-radius: 10px;
    padding: 8px 0;
    font-size: 14px;
}

.joindigi-wrapper .amt-btn.active {
    background: #d4af37;
    color: #000;
    font-weight: 600;
}
.joindigi-wrapper .amt-btn:hover {
    background: #d4af37;
    color: #000;
    font-weight: 600;
}
.joindigi-wrapper .dur-btn.active {
    background: #d4af37;
    color: #000;
    font-weight: 600;
}
.joindigi-wrapper .dur-btn:hover {
    background: #d4af37;
    color: #000;
    font-weight: 600;
}

.joindigi-wrapper .summary-box {
    background: #fff7d1;
}
.joindigi-wrapper .summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 6px;
}

.joindigi-wrapper .summary-row strong {
    text-align: right;
    color: #000;
}
.join-box h5{
    font-weight:800;
}

.joindigi-wrapper .fixed-join-btn {
    
    width: 100%;
    
    
}
.joindigi-wrapper .fixed-join-btn .btn {
    background: #5f891f;
    color: #fff;
}

/*joindigi-wrapper*/
/*login*/



/* Wrapper */
.login-wrapper {
   margin-top:40px;
   margin-bottom:0px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85vh;
   
}
.login-wrapper  .header-logo {
        margin: -82px 15px 20px;
        margin-bottom:20px;

}
/* Login Card */
.login-card {
    width: 100%;
    
    background:#ffffff82;
    border-radius: 24px;
    padding: 28px 22px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    animation: fadeInUp 0.6s ease;
}

/* Logo */
.login-card-logoo img {
    max-width: 280px;
    padding-bottom:20px;
}

/* Headings */
.login-card h4{
    margin-bottom:10px;
}
.login-card h4 span {
    color: #ae0000;
    font-weight: 800;
        font-family: 'Poppins', sans-serif;
}

.login-card p {
    color: #777 !important;
    font-weight:700;
    color:black;
    font-size:15px;
}
.login-card .form-label {
    font-weight:700;
}

/* Inputs */
.login-card .form-control {
    border-radius: 14px;
    height: 48px;
    font-size: 14px;
    border: 1px solid #ddd;
}

.login-card .form-control:focus {
    border-color: #e3c022;
    box-shadow: 0 0 0 0.2rem rgba(227,192,34,0.25);
}
.login-card  .form-check-label{
    font-weight: 600;
    font-size: 14px;
}
/* Remember & Links */
.forgot-link,
.create-link {
    color: #ae0000;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
}

.forgot-link:hover,
.create-link:hover {
    text-decoration: underline;
    font-weight: 600;
    font-size: 15px;
}

/* Button */
.btn-red {
    background: #eb2046;
    border: none;
    color: #fff;
    border-radius: 16px;
    height: 50px;
    font-size: 16px;
    box-shadow: 0 8px 20px rgba(174,0,0,0.45);
}

.btn-red:hover {
    background: #ff841a;
    color: #fff;
}

/* Checkbox */
.form-check-input:checked {
    background-color: #ae0000;
    border-color: #ae0000;
}

/* Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*login*/

/*register*/
.register-card {
    width: 100%;
    
    background:#ffffff82;
    border-radius: 24px;
    padding: 28px 22px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    animation: fadeInUp 0.6s ease;
}



/* Headings */
.register-card h4{
    margin-bottom:10px;
}
.register-card h4 span {
    color: #ae0000;
    font-weight: 800;
        font-family: 'Poppins', sans-serif;
}

.register-card p {
    color: #777 !important;
    font-weight:700;
    color:black;
    font-size:15px;
}
.register-card .form-label {
    font-weight:700;
}

/* Inputs */
.register-card .form-control {
    border-radius: 14px;
    height: 48px;
    font-size: 14px;
    border: 1px solid #ddd;
}

.register-card .form-control:focus {
    border-color: #e3c022;
    box-shadow: 0 0 0 0.2rem rgba(227,192,34,0.25);
}
.register-card  .form-check-label{
    font-weight: 600;
    font-size: 14px;
}
/* Remember & Links */
.register-card .forgot-link,
.create-link {
    color: #ae0000;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
}

.register-card .forgot-link:hover,
.create-link:hover {
    text-decoration: underline;
    font-weight: 600;
    font-size: 15px;
}

/* Button */
.register-card .btn-red {
    background: #eb2046;
    border: none;
    color: #fff;
    border-radius: 16px;
    height: 50px;
    font-size: 16px;
    box-shadow: 0 8px 20px rgba(174,0,0,0.45);
}

.register-card .btn-red:hover {
    background: #ff841a;
    color: #fff;
}

/* Checkbox */
.register-card .form-check-input:checked {
    background-color: #ae0000;
    border-color: #ae0000;
}

/* Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*register*/
.main-head h4{
    color:white;
    text-align:center;
      margin-top:10px;
    margin-bottom:20px;
    font-weight:800;
     text-shadow: 0 3px 6px rgba(0,0,0,0.6);
}
.rate-bar{
background:#fff;
border-radius:30px;
padding:10px 10px;
margin:-40px 15px 20px;
box-shadow:0 4px 10px rgba(0,0,0,.1);
}
.rate-bar i{
       background: silver;
    color: black;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
}
.rate-bar h6{
    margin-bottom:0px;
        font-weight: 500;
}
.rate-bar h6 strong{
   
        font-weight: 900;
}
/* PLAN CARD */

.plan-card{
background:#edd7e6;
border-radius:20px;
padding:15px;
color:#fff;
margin-bottom:20px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
margin-top: 50px;
}
.second-plan-card{
  background: #e6dde9;
}
.second-plan-card .plan-title b{
background:#940bb7;
    
}
.second-plan-card .view-btn{
    background: #c01ee9;
}
.second-plan-card .view-btn:hover{
    color: #c01ee9;
    border:0px;
   background: #e6dde9;
}
.second-plan-card .installment {
    background: #e6dde9;
    color: #940bb7;
}
/**/
.third-plan-card{
  background:#efe8ec;
  padding:10px;
     
}
.third-plan-card .plan-inner{
    
     margin-bottom: 15px;
}
.third-plan-card .plan-title b{
background:#ef0c94;
    
}
.third-plan-card hr{
        margin: 7px 0px;
}
.third-plan-card .view-btn{
    background: #c01ee9;
}
.third-plan-card .view-btn:hover{
    color: #c01ee9;
    border:0px;
   background: #e6dde9;
}
.third-plan-card .tot {
    background: #e6dde9;
    color: #940bb7;
    font-size:16px;
        font-weight: 800;
    border-radius: 15px;
    padding: 3px 15px;

}
.third-plan-card .foot span{
color:red;
font-weight:800;
}
.third-plan-card  .plan-inner h6{
    font-size:18px;
    font-weight:800;
    color:#ef0c94;
}
.gold-ui{
  /*margin:15px;*/
  /*padding:15px;*/
  /*background:#fff;*/
  /*border-radius:18px;*/
  /*box-shadow:0 8px 25px rgba(0,0,0,.08);*/
}

.gold-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.gold-top h4{
  margin:0;
  font-size:16px;
  font-weight:800;
  padding:5px 0px;
}

.gold-top small{
  color:#777;
  font-size:15px;
  font-weight:800;
  
}

.gold-progress{
  background: #eb2222;
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
}

/* Summary */

.gold-summary{
  display:flex;
  justify-content:space-between;
  background:#f3f2e0;
  padding:10px;
  border-radius:12px;
  margin:12px 0;
}

.gold-summary small{
 color: #1e1d1d;
    font-size: 14px;
    font-weight: 600;
}

.gold-summary b{
  font-size:15px;
  color:#eb2222;
  font-weight: 800;
}

/* Month Grid */

.months-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.month{
  background:#efeded;
  border-radius:12px;
  padding:10px;
  text-align:center;
  font-size:16px;
}

.month span{
  display:block;
  font-weight:800;
}

.month small{
 color: #ef0c0c;
  font-size:16px;
 font-weight:800;
}
.month small span{
    color:grey; 
    font-size:13px;
}

/* Paid */

.month.paid{
  background:#e9fff1;
  color:#1b7d45;
  font-weight:600;
}


/**/

.plan-inner{
background:#fff;
border-radius:20px;
padding:15px;
color:#000;
}

.plan-title{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
color:#0a0a0a;
}
.plan-title b{
       font-weight: 900;
    font-family: 'Poppins', sans-serif;
    margin: -33px 15px 20px;
    background: #b31088;
    padding: 5px 20px;
    border-radius: 50px;
    color: white;
}
.open-btn{
background:#eb2046;
border-radius:20px;
padding:5px 15px;
font-size:14px;
color:white;
font-weight:600;
}

.plan-row{
display:flex;
justify-content:space-between;
margin:10px 0;
font-size:15px;
font-weight:700;
color:#7e7575;
}
.plan-row .value{
     color:black;
     font-weight:800;
}

.installment{
      background: #f3e3ef;
    color: #b31088;
    font-weight:800;
border-radius:15px;
padding:3px 15px;
}

.view-btn{
width:100%;
margin-top:15px;
border-radius:20px;
background:#dd15a8;
color:#fff;
border:none;
padding:10px;
font-weight:800;
}
.view-btn:hover{
    color: #dd15a8;
    border:0px;
    background:#f3e3ef;
}
.new_plan-card-box .banner-plan img{
   border-radius:15px; 
   width:100%;
}
.new_plan-card-box .banner-plan{
    margin-bottom:20px;
}
.amount-btn{
border:0px;
border-radius:20px;
padding:6px 15px;
background:#ebe7de;
}

.amount-btn.active{
    background: #f2c568;
    color: #161616;
    font-weight:700;
border:none;
}
.amount-btn:hover{
    background: #f2c568;
    color: #161616;
    font-weight:700;
border:none;
}

.account-box{
border:2px solid #aaa;
border-radius:10px;
display:flex;
overflow:hidden;
}

.account-box input{
border:none;
flex:1;
padding:8px;
outline:none;
}

.account-box span{
padding:8px 15px;
border-left:2px solid #aaa;
}

.join-btn{
width:100%;
background:#9e3937;
font-weight:800;
border:none;
color:white;
padding:12px;
border-radius:12px;
font-size:18px;
}
.join-btn:hover{
   
   color:#9e3937;
   background:#ebd3d3;
}
/* Bottom Sheet Modal */
/* =========================
   Bottom Sheet Modal
========================= */
.modal.bottom-sheet .modal-dialog {
    position:fixed;
bottom:0;
left:0;
right:0;
margin:0;
max-width:100%;
height:auto;
}
.modal-body h5{
    color:#9e3937;
   font-weight:900;
}
.modal.bottom-sheet .modal-content {
    border-radius:25px 25px 0 0;
border:none;
    overflow-y: auto;
    padding-bottom: 1rem; /* For spacing */
}

/* Close button */
.modal.bottom-sheet .btn-close {
    z-index: 1055; /* Above content */
    position: absolute;
    top: 1rem;
    right: 1rem;
}

/* Amount buttons */
.amount-btn {
    padding: 0.5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
}

.amount-btn.active,
.amount-btn:hover {
    background: #007bff;
    color: #fff;
    border-color: #007bff;
}

/* Account box */
.account-box {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #ddd;
    
    border-radius: 0.5rem;
}

/* Form-check label */
.form-check label {
    margin-left: 0.5rem;
    cursor: pointer;
}

/* Prevent footer shake on modal open */
body.modal-open {
    padding-right: 0 !important;
}

/* Optional: smooth scroll inside modal */
.modal-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.2) transparent;
}

/* Optional: style for scrollbar on webkit browsers */
.modal-body::-webkit-scrollbar {
    width: 6px;
}

.modal-body::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 3px;
}
.modal-content .modal-body .p-value{
   font-weight:800;
}
.amount-btn.active {
    background: #f2c568;
    color: #161616;
    font-weight: 700;
    border: none;
    padding: 6px 15px;
}
.amount-btn {
    border: 0px;
    border-radius: 20px;
    padding: 6px 15px;
    background: #ebe7de;
    margin-right:10px;
    font-weight: 700;
}
.account-box input {
    border: none;
    flex: 1;
    padding: 8px;
    outline: none;
}
.account-box {
    border: 2px solid #aaa;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}
.account-box span {
    padding: 8px 15px;
    border-left: 2px solid #aaa;
}
/* Fixed Bottom Modal */