/* =======================================
   MOBILE RESPONSIVE (768px)
======================================= */
@media (max-width: 768px) {

  .container{
    width: 92%;
    padding: 0;
  }

  /* Navbar */
  .nav-links{
    display: none;
  }

  .mobile-menu-btn{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .logo-img{
    width: 140px;
  }

  /* Hero */
  .hero{
    padding: 120px 0 60px;
  }

  .hero-container{
    grid-template-columns: 1fr;
    text-align: center;
    gap: 40px;
  }

  .hero h1{
    font-size: 2rem;
    line-height: 1.25;
  }

  .hero p{
    font-size: 15px;
  }

  .hero-ctas{
    justify-content: center;
  }

  .hero-stats-small{
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }

  /* Stats */
  .stats-container{
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
  }

  .stat-box{
    padding: 20px;
  }

  /* Products */
  .products-grid{
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .product-card{
    padding: 24px;
  }

  /* EMI */
  .emi-container{
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .calculator-box,
  .result-card{
    padding: 20px;
  }

  /* Mission Vision */
  .mission-vision-grid{
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* Why Choose */
  .why-choose-grid{
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* CTA */
  .cta-container{
    flex-direction: column;
    text-align: center;
    gap: 25px;
  }

  /* Footer */
  .footer-container{
    grid-template-columns: 1fr;
    gap: 35px;
    text-align: center;
  }

  .footer-col ul{
    padding: 0;
  }

  .social-links{
    justify-content: center;
  }

  /* Buttons */
  .btn{
    width: 100%;
    justify-content: center;
  }

  .btn-lg{
    width: 100%;
  }

  /* Headings */
  .section-header h2,
  .about-us h2,
  .cta-text h2{
    font-size: 2rem;
  }

  .section-header p{
    font-size: 15px;
  }

  /* Floating Button */
  .floating-chat-btn{
    right: 18px;
    bottom: 18px;
  }
}


/* =======================================
   EXTRA SMALL DEVICES (480px)
======================================= */
@media (max-width:480px){

  .hero h1{
    font-size: 1.7rem;
  }

  .hero p{
    font-size:14px;
  }

  .badge{
    font-size:12px;
    padding:8px 14px;
  }

  .section-header h2{
    font-size:1.6rem;
  }

  .stat-box h2{
    font-size:1.8rem;
  }

  .product-card h3{
    font-size:1.15rem;
  }

  .calculator-box,
  .result-card{
    padding:18px;
  }

  .result-item h4{
    font-size:1.2rem;
  }

  .footer-bottom p{
    font-size:13px;
  }
}
/* ===========================
   MOBILE FOOTER
=========================== */
@media (max-width:768px){

.footer-container{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    gap:40px;
    padding:60px 25px;
}

.footer-col{
    width:100%;
}

.footer-col h4{
    font-size:32px;
    font-weight:700;
    margin-bottom:20px;
    color:#fff;
    text-align:left;
}

.brand-col p{
    max-width:100%;
    color:#c7cedd;
    line-height:1.9;
    font-size:17px;
    text-align:left;
}

/* Social Icons */
.social-links{
    display:flex;
    justify-content:flex-start;
    gap:18px;
    margin-top:30px;
}

.social-links a{
    width:56px;
    height:56px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:24px;
    transition:.3s;
}

.social-links a:hover{
    transform:translateY(-3px);
}

/* Quick Links */

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

.links-col li{
    margin-bottom:18px;
}

.links-col a{
    color:#c7cedd;
    font-size:18px;
    text-decoration:none;
}

/* Contact */

.contact-col p{
    color:#c7cedd;
    font-size:17px;
    line-height:1.8;
    margin-bottom:14px;
}

/* Bottom */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:15px;
}

.footer-bottom .container{
    text-align:left;
    padding:20px 25px;
}

.footer-bottom p{
    color:#bfc6d8;
    font-size:15px;
}

/* Whatsapp */

.floating-chat-btn{
    width:64px;
    height:64px;
    right:18px;
    bottom:18px;
}

}
/* ===================================
   MOBILE IMPROVEMENTS
=================================== */

@media (max-width:768px){

/* ---------- Logo ---------- */

.logo-img{
    width:95px;
    height:auto;
}

/* ---------- Navbar ---------- */

.navbar{
    padding:14px 0;
}

.mobile-menu-btn i{
    font-size:32px;
}

/* ---------- CTA REGISTER BOX ---------- */

.cta-container{
    padding:40px 24px;
    border-radius:28px;
}

.cta-text h2{
    font-size:2rem;
    line-height:1.25;
    margin-bottom:18px;
}

.cta-text p{
    font-size:18px;
    line-height:1.7;
    margin-bottom:28px;
}

.btn-white,
.cta-action .btn{
    width:100%;
    padding:18px;
    font-size:20px;
    border-radius:18px;
}

/* ---------- Footer ---------- */

.footer-container{
    padding:55px 30px;
}

.footer-col h4{
    font-size:2rem;
    font-weight:600;      /* pehle 700 tha */
    margin-bottom:18px;
}

.footer-col p{
    font-size:17px;
    line-height:1.9;
    font-weight:400;      /* normal */
    color:#c8cfdd;
}

.footer-col ul li{
    margin-bottom:18px;
}

.footer-col ul li a{
    font-size:18px;
    font-weight:400;
    color:#c8cfdd;
}

.contact-col p{
    font-size:16px;
    font-weight:400;
}

/* ---------- Social ---------- */

.social-links{
    margin-top:28px;
    gap:16px;
}

.social-links a{
    width:54px;
    height:54px;
    font-size:22px;
}

/* ---------- Footer Bottom ---------- */

.footer-bottom p{
    font-size:15px;
    font-weight:400;
    color:#bfc5d2;
}

}
@media (max-width:768px){

.about-us{
    padding:40px 0 !important;
}

.cta-section{
    padding:40px 15px !important;
    margin-top:15px !important;
}

.about-us + .cta-section{
    margin-top:15px !important;
}

}
/* Mobile Hero Stats */
@media (max-width:768px){

.hero-stats-small{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
    margin-top:25px;
}

.hero-stats-small .stat-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex:1;
    font-size:13px;
    white-space:nowrap;
}

.hero-stats-small .stat-item i{
    font-size:16px;
    color:#f9a602;
}

.hero-stats-small .stat-item span{
    font-size:13px;
    font-weight:500;
}

}
/* Mobile Logo Size */
@media (max-width:768px){

.logo{
    display: flex;
    align-items: center;
}

.logo-img{
    width: 95px !important;   /* pehle agar 140px hai to isse 95px kar do */
    height: auto;
    object-fit: contain;
}

.navbar{
    padding: 10px 0;
}

.nav-container{
    min-height: 60px;
}

.mobile-menu-btn{
    font-size: 28px;
}

}
/* EMI Section */
.emi-calculator{
    margin-top: 20px !important;
    padding-top: 40px !important;
}
/* Temporary Mobile Logo Fix */
@media (max-width:768px){

.navbar{
    padding: 6px 0 !important;
    min-height: 72px !important;
}

.nav-container{
    min-height: 72px !important;
    display: flex;
    align-items: center !important;
}

.logo{
    display: flex;
    align-items: center;
    margin-top: -8px !important;   /* logo ko halka upar le jayega */
}

.logo-img{
    width: 82px !important;        /* aur chhota */
    height: auto !important;
    display: block;
}

.mobile-menu-btn{
    margin-top: 0 !important;
}

}
/* Previous Section */
.products{
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

/* Next Section */
.emi-calculator{
    margin-top: 0 !important;
    padding-top: 20px !important;
}
/* Mobile Responsive Heading */
@media (max-width:768px){

.hero h1,
.page-title,
.policy-title{
    font-size: clamp(2.2rem, 9vw, 3.6rem);
    line-height: 1.1;
    text-align: center;
    margin-bottom: 16px;
}

.hero p,
.hero-content p{
    font-size: clamp(1rem, 4vw, 1.2rem);
    line-height: 1.7;
    max-width: 100%;
    text-align: center;
}

}
@media (max-width:768px){

.privacy-header{
    padding: 6rem 0 3rem !important;
}

.privacy-header h1{
    font-size: 2.8rem !important;
    line-height: 1.1 !important;
    font-weight: 800;
    letter-spacing: -1px;
    margin-bottom: 16px !important;
}

.privacy-header h1 .text-green{
    display: inline !important;
    margin-left: 8px;
}

.privacy-header p{
    font-size: 1.15rem !important;
    max-width: 90%;
    margin: 0 auto;
}

}
@media (max-width:768px){

.privacy-header{
    padding: 5rem 0 2.5rem !important;
}

.privacy-header h1{
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -1px !important;
    margin-bottom: 18px !important;
    text-align: center !important;

    display: block !important;   /* flex hata do */
}

.term1{
    display:block !important;
}

.text-green{
    display:block !important;
    margin-top:6px;
}
.privacy-header h1 .text-green{
    display: inline !important;
}

.privacy-header p{
    font-size: 1rem !important;
    line-height: 1.8 !important;
    max-width: 320px;
    margin: 0 auto;
}

}
@media (max-width:768px){

.privacy-header{
    margin-top: 70px !important;   /* Navbar ke niche gap */
    padding-top: 30px !important;
}

}
@media (max-width:768px){

.logo-img{
    width: 48px !important;
    max-width: 48px !important;
    height: auto !important;
}

}
@media (max-width:768px){

/* Button ke niche gap kam */
.hero-ctas{
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}

/* Stats ko button ke paas lao */
.hero-stats-small{
    margin-top: 8px !important;
    padding-top: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

/* Hero content ke andar extra gap hatao */
.hero-content{
    row-gap: 12px !important;
}

/* Agar button par margin ho */
.hero-ctas .btn{
    margin-bottom: 0 !important;
}

}
@media (max-width:768px){

.product-card{
    background:#fff !important;
    border:1.5px solid #dbe4f0 !important;
    border-radius:20px !important;
    box-shadow:0 4px 12px rgba(0,0,0,0.06) !important;
    overflow:hidden;
}

}
@media (max-width:768px){

/* EMI section ke niche gap kam */
.emi-calculator{
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

/* About section upar lao */
.about-us{
    padding-top: 20px !important;
    margin-top: 0 !important;
}

/* Agar container me bhi gap ho */
.about-us .container{
    padding-top: 0 !important;
}

}
@media (max-width:768px){

.about-us .section-header h2{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    white-space: nowrap !important;

    font-size: 2.2rem !important;
    line-height: 1.1 !important;
}

.about-us .section-header h2 .text-green{
    display: inline !important;
    margin: 0 !important;
}

}
@media (max-width:768px){

/* Card */
.mv-card{
    text-align: center !important;
}

/* Icon + Heading */
.mv-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
}

.mv-header h3{
    margin: 0;
    text-align: center !important;
}

/* Paragraph */
.mv-card p{
    text-align: center !important;
    line-height: 1.8;
    margin-top: 18px;
}

/* Icon */
.mv-icon{
    margin: 0 auto;
}

}
@media (max-width:768px){

.mv-card p{
    width: 100% !important;
    max-width: 320px !important;
    margin: 18px auto 0 !important;
    text-align: center !important;
    line-height: 1.8 !important;
    font-size: 16px !important;
    color: #475569;
    text-wrap: balance;
}

}
.mv-card p{
    max-width: 360px !important;
}
@media (max-width:768px){

.mv-card p{
    max-width: 340px !important;
    width: 100% !important;
    margin: 18px auto 0 !important;

    text-align: center !important;
    line-height: 1.7 !important;
    font-size: 15px !important;

    word-break: normal;
    overflow-wrap: break-word;
    text-wrap: pretty;
}

}
@media (max-width:768px){

.brand-col{
    width:100% !important;
}

.brand-col p{
    width:100% !important;
    max-width:100% !important;
    text-align:left !important;
    line-height:1.9 !important;
    font-size:17px !important;
    margin:0 !important;
    padding:0 !important;
}

.footer-col{
    width:100% !important;
}

}
@media (max-width:768px){

.footer-container{
    padding:50px 22px !important;
}

.brand-col{
    flex:0 0 100% !important;
    max-width:100% !important;
}

}
@media (max-width:768px){

.brand-col p{
    text-align: justify !important;
    text-align-last: left;   /* Last line left rahegi */
    line-height: 1.9;
    font-size: 17px;
    width: 100%;
    max-width: 100%;
    word-spacing: 1px;
}

}
@media (max-width:768px){

.brand-col p{
    text-align: justify !important;
    text-align-last: justify;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
}

}
@media (max-width:768px){

/* Footer ke niche ka gap kam */
.footer-container{
    padding-bottom: 20px !important;
}

/* Contact section ke niche gap */
.contact-col{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Footer bottom */
.footer-bottom{
    margin-top: 10px !important;
    padding-top: 10px !important;
}

.footer-bottom .container{
    padding: 10px 0 !important;
}

/* Footer ka extra bottom space */
footer{
    padding-bottom: 0 !important;
}

}
@media (max-width:768px){

.footer-container{
    padding-bottom: 2px !important;
}

.contact-col{
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
}

.footer-bottom{
    margin-top: 8px !important;
    padding-top: 8px !important;
}

.footer-bottom .container{
    padding: 8px 0 !important;
}

}
@media (max-width:768px){

.about-subtitle{
    text-align: justify !important;
    text-align-last: left;
    line-height: 1.8 !important;
    font-size: 16px !important;
    max-width: 100% !important;
    margin: 0 auto 2rem !important;
    word-spacing: 0.5px;
}

}
@media (max-width:768px){

.mv-card p{
    text-align: justify !important;
    text-align-last: left !important;
    line-height: 1.8 !important;
    font-size: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 0 !important;
    word-spacing: 0.5px;
    hyphens: auto;
}

}
@media (max-width:768px){

.why-card{
    text-align: center;
}

.why-card h3{
    text-align: center !important;
    line-height: 1.3;
    margin-bottom: 16px;
}

.why-card p{
    text-align: justify !important;
    text-align-last: left !important;
    line-height: 1.8 !important;
    font-size: 15px !important;
    margin-top: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    word-spacing: 0.5px;
    hyphens: auto;
}

}
@media (max-width:768px){

/* Sirf Address justify hoga */
.policy-card .ph-map-pin{
    vertical-align: top;
}

.policy-card p:last-child{
    text-align: justify !important;
    text-align-last: left;
    line-height: 1.8;
}

/* Phone, WhatsApp, Email normal rahenge */
.policy-card p:not(:last-child){
    text-align: left !important;
}

}