/* ================= HEADER LAYOUT ================= */

/* ===== HEADER TOP ROW ===== */
.header {
    background: #fff;
    border-bottom: 1px solid #eee;
}

/* Logo + Login Row */
.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 40px;
    position: relative;
}

/* LOGO CENTER */
.logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.logo img {
    max-height: 55px;
}

/* Login / Signup RIGHT SIDE */
.auth-buttons {
    margin-right: auto;
    display: flex;
    gap: 10px;
}


/* LOGIN + SIGNUP RIGHT SIDE */
.auth-buttons{
    display:flex;
    gap:12px;
}

/* LOGIN BUTTON 3D */
.login-3d{
    background:#0d6efd;
    color:#fff;
    padding:10px 22px;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    box-shadow:0 6px 0 #084298;
    transition:all 0.3s ease;
}
.login-3d:hover{
    transform:translateY(3px);
    box-shadow:0 3px 0 #084298;
}

/* SIGNUP BUTTON 3D */
.signup-3d{
    background:#198754;
    color:#fff;
    padding:10px 22px;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    box-shadow:0 6px 0 #0f5132;
    transition:all 0.3s ease;
}
.signup-3d:hover{
    transform:translateY(3px);
    box-shadow:0 3px 0 #0f5132;
}

/* MENU BAR */
.menu-bar{
    border-top:1px solid #eee;
}

.menu{
    display:flex;
    justify-content:center;
    gap:28px;
    padding:14px 0;
    list-style:none;
}

.menu li a{
    color:#0b3c5d;
    font-weight:600;
    text-decoration:none;
}

.menu li a:hover{
    color:#0d6efd;
}
/* ================= DROPDOWN MENU ================= */

.menu li{
    position:relative;
}

.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    min-width:220px;
    box-shadow:0 8px 25px rgba(0,0,0,0.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:all 0.3s ease;
    z-index:999;
}

.dropdown-menu li a{
    display:block;
    padding:10px 15px;
    color:#333;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* ================= MEGA MENU ================= */

.mega-menu{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%) translateY(10px);
    background:#fff;
    width:700px;
    padding:25px;
    display:flex;
    gap:30px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
    opacity:0;
    visibility:hidden;
    transition:all 0.3s ease;
    z-index:999;
}

.mega:hover .mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

.mega-col{
    flex:1;
}

.mega-col h4{
    margin-bottom:10px;
    color:#0d6efd;
}

.mega-col a{
    display:block;
    padding:6px 0;
    color:#333;
}

.mega-col a:hover{
    color:#0d6efd;
}
/* ===== HERO SLIDER ===== */
.hero-slider {
  position: relative;
  height: 500px;
  overflow: hidden;
}

.hero-slider .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1s ease;
}

.hero-slider .slide.active {
  opacity: 1;
}

.slides {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 1s ease, transform s ease;
}

.slides.active {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

.slide-content {
    position: relative;
    z-index: 2;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}

.slide-content h1 {
    font-size: 42px;
    margin-bottom: 12px;
}

.slide-content p {
    font-size: 18px;
    margin-bottom: 25px;
}

/* Buttons inside slider */
.slider-buttons {
    display: flex;
    gap: 15px;
}

.btn-login {
    background: #0d6efd;
    color: #fff;
    padding: 12px 26px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 6px 0 #084298;
}

.btn-signup {
    background: #198754;
    color: #fff;
    padding: 12px 26px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 6px 0 #0f5132;
}

.btn-login:hover,
.btn-signup:hover {
    transform: translateY(3px);
    box-shadow: none;
}

/* ===== SERVICE CATEGORIES ===== */

.service-categories {
    padding: 70px 5%;
    background: #f8f9fb;
    text-align: center;
}

.service-categories h2 {
    font-size: 34px;
    color: #083c6d;
    margin-bottom: 10px;
}

.service-categories .sub-text {
    color: #555;
    margin-bottom: 50px;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 30px;
}

.category-card {
    background: #fff;
    padding: 35px 25px;
    border-radius: 14px;
    text-decoration: none;
    color: #000;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.category-card i {
    font-size: 42px;
    color: #0d6efd;
    margin-bottom: 15px;
}

.category-card h3 {
    font-size: 20px;
    margin-bottom: 8px;
}

.category-card p {
    font-size: 14px;
    color: #666;
}

.category-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.category-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
    opacity: 0;
    transition: 0.4s;
    z-index: -1;
}

.category-card:hover::after {
    opacity: 0.08;
}

/* ===== SERVICE DETAIL SECTION ===== */

.service-detail {
    padding: 80px 5%;
    background: #ffffff;
}

.service-container {
    display: flex;
    align-items: center;
    gap: 50px;
    max-width: 1200px;
    margin: auto;
}

.service-text {
    flex: 1;
}

.service-text h2 {
    font-size: 36px;
    color: #083c6d;
    margin-bottom: 15px;
}

.service-text p {
    font-size: 16px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 20px;
}

.service-text ul {
    list-style: none;
    padding: 0;
}

.service-text ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #222;
}

.service-image {
    flex: 1;
    text-align: right;
}

.service-image img {
    max-width: 100%;
    border-radius: 14px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* Responsive */
@media(max-width: 900px){
    .service-container{
        flex-direction: column;
        text-align: center;
    }

    .service-image{
        text-align: center;
    }
}

/* ===== GST SERVICE SECTION ===== */

.gst-detail {
    padding: 80px 5%;
    background: #f4f8fc;
}

.gst-container {
    display: flex;
    align-items: center;
    gap: 50px;
    max-width: 1200px;
    margin: auto;
}

.gst-image {
    flex: 1;
}

.gst-image img {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.gst-text {
    flex: 1;
}

.gst-text h2 {
    font-size: 36px;
    color: #0d6efd;
    margin-bottom: 15px;
}

.gst-text p {
    font-size: 16px;
    color: #333;
    line-height: 1.7;
    margin-bottom: 25px;
}

.gst-points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.gst-points span {
    background: #ffffff;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Responsive */
@media(max-width: 900px){
    .gst-container{
        flex-direction: column;
        text-align: center;
    }

    .gst-points{
        grid-template-columns: 1fr;
    }
}

/* ===== REGISTRATION SECTION ===== */

.registration-section {
    padding: 80px 5%;
    background: #ffffff;
    text-align: center;
}

.registration-section h2 {
    font-size: 36px;
    color: #083c6d;
    margin-bottom: 10px;
}

.reg-subtext {
    color: #555;
    margin-bottom: 50px;
    font-size: 16px;
}

.registration-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 25px;
    max-width: 1200px;
    margin: auto;
}

.reg-card {
    background: #f8fbff;
    padding: 30px 20px;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    cursor: pointer;
}

.reg-card i {
    font-size: 40px;
    color: #0d6efd;
    margin-bottom: 15px;
    display: block;
}

.reg-card span {
    font-size: 15px;
    font-weight: 600;
    color: #222;
}

.reg-card:hover {
    transform: translateY(-10px);
    background: #0d6efd;
}

.reg-card:hover i,
.reg-card:hover span {
    color: #ffffff;
}

/* ===== LOAN SECTION ===== */

.loan-section {
    padding: 80px 5%;
    background: #f4f8fc;
    text-align: center;
}

.loan-section h2 {
    font-size: 36px;
    color: #083c6d;
    margin-bottom: 8px;
}

.loan-subtext {
    color: #555;
    margin-bottom: 50px;
    font-size: 16px;
}

.loan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: auto;
}

.loan-card {
    background: #ffffff;
    padding: 35px 25px;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    transition: all 0.4s ease;
}

.loan-card i {
    font-size: 40px;
    color: #0d6efd;
    margin-bottom: 15px;
}

.loan-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.loan-card p {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.loan-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 22px 45px rgba(0,0,0,0.15);
}

.loan-btn {
    display: inline-block;
    background: #0d6efd;
    color: #fff;
    padding: 10px 22px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.loan-btn:hover {
    background: #083c6d;
}

/* Mobile */
@media(max-width: 768px) {
    .loan-section {
        padding: 60px 4%;
    }
}

/* ===== GOVERNMENT SUBSIDY SECTION ===== */

.subsidy-section {
    padding: 90px 5%;
    background: #ffffff;
    text-align: center;
}

.subsidy-section h2 {
    font-size: 36px;
    color: #083c6d;
    margin-bottom: 10px;
}

.subsidy-subtext {
    font-size: 16px;
    color: #555;
    margin-bottom: 50px;
}

.subsidy-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    max-width: 1100px;
    margin: auto;
}

.subsidy-box {
    background: #f4f8fc;
    padding: 35px 30px;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    text-align: left;
    transition: 0.4s;
}

.subsidy-box:hover {
    transform: translateY(-10px);
}

.subsidy-box h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #0d6efd;
}

.subsidy-box h3 i {
    margin-right: 10px;
}

.subsidy-box ul {
    padding-left: 20px;
}

.subsidy-box ul li {
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.6;
}

/* Mobile */
@media(max-width: 768px) {
    .subsidy-section {
        padding: 60px 4%;
    }
}

/* ================= TEAM SECTION ================= */

.team-section{
    padding: 90px 5%;
    background: #f8fbff;
    text-align: center;
}

.team-section h2{
    font-size: 36px;
    color: #083c6d;
    margin-bottom: 10px;
}

.team-subtext{
    font-size: 16px;
    color: #555;
    margin-bottom: 55px;
}

/* GRID */
.team-grid{
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 32px;
}

/* CARD */
.team-card{
    background: #ffffff;
    padding: 35px 25px;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(0,0,0,0.1);
    transition: all 0.4s ease;
    position: relative;
}

/* Hover effect */
.team-card:hover{
    transform: translateY(-12px);
    box-shadow: 0 22px 45px rgba(0,0,0,0.18);
}

/* IMAGE (optional) */
.team-card img{
    width: 115px;
    height: 115px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 18px;
    border: 4px solid #0d6efd;
}

/* NAME */
.team-card h3{
    font-size: 20px;
    color: #222;
    margin-bottom: 6px;
}

/* ROLE */
.team-card span{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #0d6efd;
    margin-bottom: 14px;
}

/* DESCRIPTION */
.team-card p{
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* RESPONSIVE */
@media (max-width: 768px){
    .team-section{
        padding: 65px 4%;
    }

    .team-section h2{
        font-size: 30px;
    }
}

/* ================= CLIENT TESTIMONIALS ================= */

.testimonial-section{
    padding: 90px 5%;
    background: #ffffff;
    text-align: center;
}

.testimonial-section h2{
    font-size: 36px;
    color: #083c6d;
    margin-bottom: 10px;
}

.testimonial-subtext{
    font-size: 16px;
    color: #555;
    margin-bottom: 55px;
}

/* GRID */
.testimonial-grid{
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 32px;
}

/* CARD */
.testimonial-card{
    background: #f8fbff;
    padding: 35px 28px;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    transition: all 0.4s ease;
    position: relative;
}

.testimonial-card:hover{
    transform: translateY(-10px);
    box-shadow: 0 22px 45px rgba(0,0,0,0.18);
}

/* STARS */
.stars{
    color: #f4b400;
    font-size: 18px;
    margin-bottom: 18px;
}

/* REVIEW TEXT */
.testimonial-card p{
    font-size: 15px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 20px;
}

/* CLIENT NAME */
.testimonial-card h4{
    font-size: 16px;
    color: #222;
    margin-bottom: 4px;
}

/* LOCATION */
.testimonial-card span{
    font-size: 13px;
    color: #0d6efd;
    font-weight: 600;
}

/* MOBILE */
@media (max-width: 768px){
    .testimonial-section{
        padding: 65px 4%;
    }

    .testimonial-section h2{
        font-size: 30px;
    }
}

.site-footer {
    background: linear-gradient(135deg, #083c6d, #0d6efd);
    color: #fff;
    padding: 60px 0 0;
}

.footer-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 5%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 40px;
}

.footer-box h3 {
    margin-bottom: 15px;
}

.footer-box p,
.footer-box li,
.footer-box a {
    font-size: 14px;
    color: #e5e5e5;
}

.footer-box ul {
    list-style: none;
    padding: 0;
}

.footer-bottom {
    margin-top: 40px;
    padding: 15px 0;
    text-align: center;
    background: rgba(0,0,0,0.2);
    font-size: 13px;
}
.site-footer {
    position: relative !important;
    bottom: auto !important;
    top: auto !important;
    z-index: 1;
}

/* ===============================
   AUTH LOGIN PAGE – FINAL FIX
================================ */

.auth-page{
    background:#f4f7fb;
}

.auth-page .auth-wrapper{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

.auth-page .auth-card{
    width:900px;
    background:#fff;
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.auth-page .auth-left{
    background:linear-gradient(135deg,#0b5ed7,#083c6d);
    color:#fff;
    padding:60px;
}

.auth-page .auth-right{
    padding:60px 50px;
}

.auth-page .input-group{
    margin-bottom:18px;
}

.auth-page .input-group input{
    width:100%;
    padding:12px;
    border-radius:8px;
    border:1px solid #ccc;
}

.auth-page .btn-login{
    width:100%;
    padding:13px;
    background:#0b5ed7;
    color:#fff;
    border:none;
    border-radius:8px;
    cursor:pointer;
}
/* ===== PAGE HERO ===== */
.page-hero{
    position:relative;
    height:420px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-align:center;
}

.income-hero{
    background:url('../images/slide1.jpg') center/cover no-repeat;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.55);
}

.hero-content{
    position:relative;
    z-index:2;
}

.hero-content h1{
    font-size:42px;
    margin-bottom:10px;
}

.hero-btn{
    display:inline-block;
    margin-top:15px;
    padding:12px 30px;
    background:#0b5ed7;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
}

/* ===== PAGE SECTION ===== */
.page-section{
    padding:60px 0;
    text-align:center;
}

.section-title{
    font-size: 32px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 700;
}

/* ===== SERVICES GRID ===== */
.services-grid{
    background:#f8f9fc;
    padding:70px 0;
}

.grid-3{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
}

.service-card{
    background:#fff;
    padding:30px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.service-card h3{
    margin-bottom:10px;
}

.apply-btn{
    display:inline-block;
    margin-top:15px;
    padding:10px 22px;
    background:#198754;
    color:#fff;
    border-radius:5px;
    text-decoration:none;
}

/* ===== CTA ===== */
.cta-section{
    background:linear-gradient(135deg,#0b5ed7,#083c6d);
    color:#fff;
    text-align:center;
    padding:70px 20px;
}

.cta-btn{
    display:inline-block;
    margin-top:20px;
    padding:14px 34px;
    background:#ffc107;
    color:#000;
    font-weight:600;
    border-radius:6px;
    text-decoration:none;
}
.detail-block{
    background:#fff;
    padding:30px;
    border-radius:16px;
    margin-bottom:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.detail-block h3{
    color:#083c6d;
    margin-bottom:10px;
}

.detail-block p{
    font-size:15px;
    color:#444;
    line-height:1.7;
}
.loan-hero{
    background:linear-gradient(135deg,#0b5ed7,#083c6d);
    padding:90px 20px;
    color:#fff;
    text-align:center;
}

.loan-hero-btn{
    background:#fff;
    color:#083c6d;
    padding:12px 26px;
    border-radius:8px;
    display:inline-block;
    margin-top:15px;
    font-weight:600;
}

.loan-types-section{
    padding:60px 20px;
}

.loan-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
}

.loan-card{
    background:#fff;
    padding:25px;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.loan-card h3{
    color:#083c6d;
    margin-bottom:10px;
}

.loan-card ul{
    padding-left:18px;
    margin:12px 0;
}

.loan-card a{
    display:inline-block;
    margin-top:10px;
    background:#0b5ed7;
    color:#fff;
    padding:8px 18px;
    border-radius:6px;
}

.loan-info-section{
    padding:50px 20px;
    text-align:center;
}

.loan-doc-list{
    max-width:600px;
    margin:20px auto;
    text-align:left;
}

.loan-doc-list li{
    margin-bottom:8px;
}

.loan-cta{
    background:#083c6d;
    color:#fff;
    text-align:center;
    padding:60px 20px;
}

.loan-cta a{
    background:#fff;
    color:#083c6d;
    padding:12px 28px;
    border-radius:8px;
    display:inline-block;
    margin-top:15px;
}
/* ===== SUBSIDY PAGE ===== */
.subsidy-section{
    padding:60px 20px;
    background:#f4f7fb;
}

.subsidy-section .container{
    max-width:1200px;
    margin:auto;
}

.page-title{
    text-align:center;
    font-size:32px;
    color:#0b5ed7;
    margin-bottom:8px;
}

.page-subtitle{
    text-align:center;
    color:#555;
    margin-bottom:40px;
}

.subsidy-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.subsidy-box{
    background:#fff;
    padding:25px;
    border-radius:14px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.subsidy-box h2{
    color:#0b5ed7;
    margin-bottom:20px;
    border-bottom:2px solid #eee;
    padding-bottom:10px;
}

.scheme-card{
    display:flex;
    gap:15px;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px dashed #ddd;
}

.scheme-card:last-child{
    border-bottom:none;
}

.scheme-card img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:12px;
    box-shadow:0 6px 15px rgba(0,0,0,0.15);
}

.scheme-info h3{
    margin:0 0 6px;
    font-size:18px;
}

.scheme-info p{
    font-size:14px;
    color:#555;
    margin-bottom:10px;
}

.apply-btn{
    display:inline-block;
    padding:7px 18px;
    background:#0b5ed7;
    color:#fff;
    border-radius:20px;
    font-size:13px;
    text-decoration:none;
    transition:0.3s;
}

.apply-btn:hover{
    background:#084298;
}

/* Responsive */
@media(max-width:900px){
    .subsidy-grid{
        grid-template-columns:1fr;
    }
}
.service-page{
    padding:60px 20px;
    background:#f4f7fb;
}

.service-page .container{
    max-width:1000px;
    margin:auto;
}

.page-header{
    text-align:center;
    margin-bottom:40px;
}

.page-header h1{
    color:#0b5ed7;
    margin-bottom:10px;
}

.service-box{
    background:#fff;
    padding:25px;
    margin-bottom:25px;
    border-radius:12px;
    box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

.service-box h2{
    color:#0b5ed7;
    margin-bottom:12px;
}

.service-box ul,
.service-box ol{
    padding-left:20px;
}

.service-cta{
    background:#0b5ed7;
    color:#fff;
    text-align:center;
    padding:35px;
    border-radius:14px;
}

.service-cta .apply-btn{
    display:inline-block;
    margin-top:15px;
    padding:12px 26px;
    background:#fff;
    color:#0b5ed7;
    border-radius:30px;
    font-weight:600;
}
.gst-journey{
    padding:70px 20px;
    background:#f6f9ff;
}

.gst-hero{
    text-align:center;
    margin-bottom:50px;
}

.gst-hero h1{
    color:#0b5ed7;
    font-size:38px;
}

.gst-block{
    background:#fff;
    padding:30px;
    margin-bottom:30px;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.gst-block.highlight{
    border-left:6px solid #0b5ed7;
}

.check-list li{
    margin-bottom:10px;
}

.note{
    background:#eef4ff;
    padding:15px;
    border-radius:10px;
    margin-top:15px;
}

.gst-steps{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin:20px 0;
}

.gst-step{
    background:#0b5ed7;
    color:#fff;
    padding:12px 18px;
    border-radius:30px;
    font-size:14px;
}

.gst-accordion summary{
    cursor:pointer;
    font-weight:600;
    margin-bottom:10px;
}

.gst-cta{
    background:#0b5ed7;
    color:#fff;
    text-align:center;
    padding:40px;
    border-radius:18px;
}

.gst-cta .apply-btn{
    background:#fff;
    color:#0b5ed7;
    padding:12px 30px;
    border-radius:30px;
    display:inline-block;
    margin-top:15px;
}
.gst-return-flow{
    padding:70px 20px;
    background:#f6f9ff;
}

.gst-return-hero{
    text-align:center;
    margin-bottom:50px;
}

.gst-return-hero h1{
    font-size:38px;
    color:#0b5ed7;
}

.flow-box{
    background:#fff;
    padding:30px;
    margin-bottom:30px;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.flow-box.highlight{
    border-left:6px solid #0b5ed7;
}

.decision-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px;
    margin-top:20px;
}

.decision-card{
    background:#eef4ff;
    padding:20px;
    border-radius:12px;
}

.flow-steps{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin:20px 0;
}

.flow-step{
    background:#0b5ed7;
    color:#fff;
    padding:12px 18px;
    border-radius:30px;
    font-size:14px;
}

.gst-return-cta{
    background:#0b5ed7;
    color:#fff;
    text-align:center;
    padding:40px;
    border-radius:18px;
}

.gst-return-cta .apply-btn{
    background:#fff;
    color:#0b5ed7;
    padding:12px 30px;
    border-radius:30px;
    display:inline-block;
    margin-top:15px;
}
.gst-news-page{
    padding:70px 20px;
    background:#f6f9ff;
}

.gst-news-hero{
    text-align:center;
    margin-bottom:50px;
}

.gst-news-hero h1{
    font-size:38px;
    color:#0b5ed7;
}

.news-block{
    background:#fff;
    padding:30px;
    margin-bottom:30px;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.news-block.highlight{
    border-left:6px solid #0b5ed7;
    background:#f9fbff;
}

.news-block h4{
    margin-top:15px;
    color:#0b5ed7;
}

.gst-news-cta{
    background:#0b5ed7;
    color:#fff;
    text-align:center;
    padding:40px;
    border-radius:18px;
}

.gst-news-cta .apply-btn{
    background:#fff;
    color:#0b5ed7;
    padding:12px 30px;
    border-radius:30px;
    display:inline-block;
    margin-top:15px;
}
.udyam-bg{
    background:linear-gradient(180deg,#f4f8ff,#ffffff);
}

.service-hero{
    text-align:center;
    margin-bottom:50px;
}

.service-hero h1{
    font-size:38px;
    color:#0b5ed7;
}

.info-card{
    background:#fff;
    padding:35px;
    margin-bottom:35px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.info-card.highlight{
    border-left:6px solid #0b5ed7;
}

.benefit-grid,
.doc-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
    margin-top:20px;
}

.benefit-box,
.doc-box{
    background:#eef4ff;
    padding:15px;
    border-radius:12px;
    font-weight:600;
    text-align:center;
}

.icon-list li,
.check-list li{
    margin-bottom:10px;
}

.data-table{
    width:100%;
    border-collapse:collapse;
}

.data-table th,
.data-table td{
    border:1px solid #ddd;
    padding:12px;
    text-align:center;
}

.process-flow{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:20px;
}

.flow-step{
    background:#0b5ed7;
    color:#fff;
    padding:12px 22px;
    border-radius:30px;
    font-size:14px;
}

.note{
    background:#eef4ff;
    padding:15px;
    border-radius:12px;
    margin-top:20px;
}

.service-cta{
    background:#0b5ed7;
    color:#fff;
    text-align:center;
    padding:45px;
    border-radius:22px;
}

.service-cta .apply-btn{
    background:#fff;
    color:#0b5ed7;
    padding:14px 34px;
    border-radius:30px;
    display:inline-block;
    margin-top:18px;
}
.san-bg{
    background:linear-gradient(180deg,#f4f8ff,#ffffff);
}
/* ===== FSSAI FOOD THEME ===== */

.fssai-bg{
    background:linear-gradient(180deg,#f3fff5,#ffffff);
    position:relative;
    overflow:hidden;
}

.food-hero h1{
    color:#1b8f3c;
}

.food-card{
    border-left:6px solid #1b8f3c;
    transform:translateY(0);
    transition:all .3s ease;
}

.food-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.food-grid,
.food-type-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
    margin-top:20px;
}

.food-box,
.food-type{
    background:#e9f9ee;
    padding:18px;
    border-radius:14px;
    font-weight:600;
    text-align:center;
}

.food-type h3{
    color:#1b8f3c;
    margin-bottom:8px;
}

/* floating food icons */
.food-float{
    position:absolute;
    font-size:40px;
    opacity:0.12;
    animation:floatFood 12s infinite linear;
}

.food-1{top:10%; left:5%;}
.food-2{top:40%; right:5%;}
.food-3{bottom:15%; left:10%;}
.food-4{bottom:20%; right:15%;}

@keyframes floatFood{
    0%{transform:translateY(0);}
    50%{transform:translateY(-30px);}
    100%{transform:translateY(0);}
}

.food-cta{
    background:#1b8f3c;
}
/* ===== ISO CORPORATE THEME ===== */

.iso-bg{
    background:linear-gradient(180deg,#f4f7fb,#ffffff);
    position:relative;
    overflow:hidden;
}

.iso-hero h1{
    color:#0b3c6d;
}

.iso-card{
    border-left:6px solid #0b3c6d;
    transition:all .3s ease;
}

.iso-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.iso-type-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:15px;
    margin-top:20px;
}

.iso-type{
    background:#eef3fb;
    padding:20px;
    border-radius:14px;
    text-align:center;
    font-weight:600;
}

.iso-type h3{
    color:#0b3c6d;
    margin-bottom:6px;
}

/* floating icons */
.iso-float{
    position:absolute;
    font-size:42px;
    opacity:0.08;
    animation:floatISO 14s infinite linear;
}

.iso-1{top:12%; left:6%;}
.iso-2{top:45%; right:6%;}
.iso-3{bottom:18%; left:12%;}

@keyframes floatISO{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.iso-cta{
    background:#0b3c6d;
}
/* ===== PARTNERSHIP REGISTRATION THEME ===== */

.partnership-bg{
    background:linear-gradient(180deg,#f7f9fc,#ffffff);
    position:relative;
    overflow:hidden;
}

.partnership-hero h1{
    color:#2c3e50;
}

.partner-card{
    border-left:6px solid #2c3e50;
    transition:all .3s ease;
}

.partner-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

/* floating icons */
.partner-float{
    position:absolute;
    font-size:40px;
    opacity:0.08;
    animation:floatPartner 15s infinite linear;
}

.partner-float.p1{top:12%; left:6%;}
.partner-float.p2{top:48%; right:8%;}
.partner-float.p3{bottom:18%; left:12%;}

@keyframes floatPartner{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.partner-cta{
    background:#2c3e50;
}
/* ===== TRUST & NGO THEME ===== */

.trust-bg{
    background:linear-gradient(180deg,#f3fff8,#ffffff);
    position:relative;
    overflow:hidden;
}

.trust-hero h1{
    color:#2e7d32;
}

.trust-card{
    border-left:6px solid #2e7d32;
    transition:all .3s ease;
}

.trust-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.purpose-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
    margin-top:20px;
}

.purpose-box{
    background:#e8f5e9;
    padding:18px;
    border-radius:14px;
    font-weight:600;
    text-align:center;
}

.ngo-type{
    background:#f6fff9;
    padding:20px;
    border-radius:14px;
    margin-bottom:15px;
}

/* floating icons */
.trust-float{
    position:absolute;
    font-size:42px;
    opacity:0.08;
    animation:floatTrust 16s infinite linear;
}

.trust-float.t1{top:12%; left:6%;}
.trust-float.t2{top:45%; right:8%;}
.trust-float.t3{bottom:18%; left:12%;}

@keyframes floatTrust{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.trust-cta{
    background:#2e7d32;
}
/* ===== SHOP & ESTABLISHMENT THEME ===== */

.shop-bg{
    background:linear-gradient(180deg,#fff7e6,#ffffff);
    position:relative;
    overflow:hidden;
}

.shop-hero h1{
    color:#e67e22;
}

.shop-card{
    border-left:6px solid #e67e22;
    transition:all .3s ease;
}

.shop-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.shop-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:15px;
    margin-top:20px;
}

.shop-box{
    background:#fff1db;
    padding:16px;
    border-radius:14px;
    font-weight:600;
    text-align:center;
}

.shop-process{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:20px;
}

.shop-step{
    background:#e67e22;
    color:#fff;
    padding:12px 22px;
    border-radius:30px;
    font-size:14px;
}

/* floating shop icons */
.shop-float{
    position:absolute;
    font-size:42px;
    opacity:0.1;
    animation:floatShop 14s infinite linear;
}

.shop-float.s1{top:12%; left:6%;}
.shop-float.s2{top:45%; right:6%;}
.shop-float.s3{bottom:20%; left:10%;}
.shop-float.s4{bottom:15%; right:14%;}

@keyframes floatShop{
    0%{transform:translateY(0);}
    50%{transform:translateY(-30px);}
    100%{transform:translateY(0);}
}

.shop-cta{
    background:#e67e22;
}

/* ===== IEC REGISTRATION THEME ===== */

.iec-bg{
    background:linear-gradient(180deg,#eef6ff,#ffffff);
    position:relative;
    overflow:hidden;
}

.iec-hero h1{
    color:#0b5ed7;
}

.iec-card{
    border-left:6px solid #0b5ed7;
    transition:all .3s ease;
}

.iec-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

/* floating icons */
.iec-float{
    position:absolute;
    font-size:42px;
    opacity:0.1;
    animation:floatIEC 15s infinite linear;
}

.iec-float.i1{top:10%; left:6%;}
.iec-float.i2{top:40%; right:6%;}
.iec-float.i3{bottom:18%; left:10%;}
.iec-float.i4{bottom:15%; right:14%;}

@keyframes floatIEC{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.iec-cta{
    background:#0b5ed7;
}

/* ===== EPCH HANDICRAFT EXPORT THEME ===== */

.epch-bg{
    background:linear-gradient(180deg,#fff8ee,#ffffff);
    position:relative;
    overflow:hidden;
}

.epch-hero h1{
    color:#8e5a2a;
}

.epch-card{
    border-left:6px solid #8e5a2a;
    transition:all .3s ease;
}

.epch-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.epch-grid,
.epch-product-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
    margin-top:20px;
}

.epch-box,
.epch-product{
    background:#fff1df;
    padding:18px;
    border-radius:14px;
    font-weight:600;
    text-align:center;
}

/* floating craft icons */
.epch-float{
    position:absolute;
    font-size:42px;
    opacity:0.1;
    animation:floatEPCH 16s infinite linear;
}

.epch-float.e1{top:10%; left:6%;}
.epch-float.e2{top:45%; right:6%;}
.epch-float.e3{bottom:18%; left:10%;}
.epch-float.e4{bottom:15%; right:14%;}

@keyframes floatEPCH{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.epch-cta{
    background:#8e5a2a;
}

/* ===== EPF & ESI THEME ===== */

.epfesi-bg{
    background:linear-gradient(180deg,#eefaf8,#ffffff);
    position:relative;
    overflow:hidden;
}

.epfesi-hero h1{
    color:#00695c;
}

.epfesi-card{
    border-left:6px solid #00695c;
    transition:all .3s ease;
}

.epfesi-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.epfesi-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px;
    margin-top:20px;
}

.epfesi-box{
    background:#e0f2f1;
    padding:22px;
    border-radius:16px;
}

.epfesi-box h3{
    color:#00695c;
    margin-bottom:10px;
}

/* floating icons */
.epfesi-float{
    position:absolute;
    font-size:42px;
    opacity:0.1;
    animation:floatEPFESI 16s infinite linear;
}

.epfesi-float.f1{top:10%; left:6%;}
.epfesi-float.f2{top:45%; right:6%;}
.epfesi-float.f3{bottom:20%; left:10%;}
.epfesi-float.f4{bottom:15%; right:14%;}

@keyframes floatEPFESI{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.epfesi-cta{
    background:#00695c;
}

/* ===== ARTISAN CARD THEME ===== */

.artisan-bg{
    background:linear-gradient(180deg,#fff6eb,#ffffff);
    position:relative;
    overflow:hidden;
}

.artisan-hero{
    text-align:center;
    margin-bottom:40px;
}

.artisan-hero h1{
    color:#8e5a2a;
    font-size:40px;
}

.artisan-gallery{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:12px;
    margin-bottom:35px;
}

.artisan-gallery img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.artisan-card{
    background:#fff;
    padding:35px;
    margin-bottom:35px;
    border-radius:18px;
    border-left:6px solid #8e5a2a;
}

.artisan-card.highlight{
    background:#fff2e0;
}

.artisan-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:14px;
}

.artisan-box{
    background:#ffe8cc;
    padding:15px;
    border-radius:14px;
    font-weight:600;
    text-align:center;
}

.artisan-benefits li{
    margin-bottom:10px;
}

.artisan-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:12px;
}

.artisan-docs .doc{
    background:#ffe8cc;
    padding:14px;
    border-radius:12px;
    text-align:center;
}

.artisan-steps{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.artisan-steps .step{
    background:#8e5a2a;
    color:#fff;
    padding:12px 22px;
    border-radius:30px;
    font-size:14px;
}

/* floating icons */
.artisan-float{
    position:absolute;
    font-size:42px;
    opacity:0.1;
    animation:floatArtisan 16s infinite linear;
}

.artisan-float.a1{top:12%; left:6%;}
.artisan-float.a2{top:45%; right:6%;}
.artisan-float.a3{bottom:20%; left:10%;}
.artisan-float.a4{bottom:15%; right:14%;}

@keyframes floatArtisan{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.artisan-cta{
    background:#8e5a2a;
    color:#fff;
    text-align:center;
    padding:45px;
    border-radius:22px;
}

/* ===== RERA REAL ESTATE THEME ===== */

.rera-bg{
    background:linear-gradient(180deg,#f4f7fb,#ffffff);
    position:relative;
    overflow:hidden;
}

.rera-hero{
    text-align:center;
    margin-bottom:45px;
}

.rera-hero h1{
    color:#1f3c88;
    font-size:40px;
}

.rera-card{
    background:#fff;
    padding:35px;
    margin-bottom:35px;
    border-radius:18px;
    border-left:6px solid #1f3c88;
}

.rera-card.highlight{
    background:#f1f5ff;
}

.rera-grid,
.rera-type-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
    margin-top:20px;
}

.rera-box,
.rera-type{
    background:#e8eeff;
    padding:18px;
    border-radius:14px;
    font-weight:600;
    text-align:center;
}

.rera-type h3{
    color:#1f3c88;
    margin-bottom:8px;
}

.rera-float{
    position:absolute;
    font-size:42px;
    opacity:0.1;
    animation:floatRERA 16s infinite linear;
}

.rera-float.r1{top:12%; left:6%;}
.rera-float.r2{top:45%; right:6%;}
.rera-float.r3{bottom:20%; left:10%;}
.rera-float.r4{bottom:15%; right:14%;}

@keyframes floatRERA{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.rera-cta{
    background:#1f3c88;
    color:#fff;
    text-align:center;
    padding:45px;
    border-radius:22px;
}

/* ===== TRADEMARK BRAND THEME ===== */

.tm-bg{
    background:linear-gradient(180deg,#f9f5ff,#ffffff);
    position:relative;
    overflow:hidden;
}

.tm-hero{
    text-align:center;
    margin-bottom:50px;
}

.tm-hero h1{
    font-size:42px;
    color:#5e2b97;
}

.tm-story,
.tm-section,
.tm-highlight,
.tm-compare,
.tm-timeline{
    background:#fff;
    padding:35px;
    margin-bottom:35px;
    border-radius:20px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.tm-split{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:30px;
    margin-bottom:35px;
}

.tm-right{
    background:#f2e9ff;
    border-radius:18px;
    padding:25px;
    text-align:center;
}

.tm-badge{
    font-size:64px;
    font-weight:800;
    color:#5e2b97;
}

.tm-reason-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:15px;
}

.tm-reason{
    background:#efe6ff;
    padding:16px;
    border-radius:14px;
    font-weight:600;
    text-align:center;
}

.tm-tags span{
    display:inline-block;
    background:#efe6ff;
    padding:10px 16px;
    border-radius:20px;
    margin:6px;
    font-weight:600;
}

.tm-compare-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.tm-box{
    background:#f6f1ff;
    padding:25px;
    border-radius:16px;
}

.tm-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:12px;
}

.tm-docs div{
    background:#efe6ff;
    padding:14px;
    border-radius:12px;
    text-align:center;
}

.tm-step{
    background:#5e2b97;
    color:#fff;
    padding:14px 24px;
    border-radius:30px;
    margin-bottom:12px;
    display:inline-block;
}

.tm-list li{
    margin-bottom:10px;
}

.tm-note{
    margin-top:15px;
    font-style:italic;
}

.tm-cta{
    background:#5e2b97;
    color:#fff;
    text-align:center;
    padding:50px;
    border-radius:24px;
}

/* floating icons */
.tm-float{
    position:absolute;
    font-size:46px;
    opacity:0.1;
    animation:floatTM 18s infinite linear;
}

.tm-float.t1{top:10%; left:6%;}
.tm-float.t2{top:40%; right:6%;}
.tm-float.t3{bottom:20%; left:10%;}
.tm-float.t4{bottom:15%; right:14%;}

@keyframes floatTM{
    0%{transform:translateY(0);}
    50%{transform:translateY(-40px);}
    100%{transform:translateY(0);}
}

/* ===== GEM 3D CARTOON THEME ===== */

.gem-bg{
    background:linear-gradient(180deg,#f2f7ff,#ffffff);
    position:relative;
    overflow:hidden;
}

.gem-hero{
    text-align:center;
    margin-bottom:45px;
}

.gem-hero h1{
    font-size:42px;
    color:#2b4eff;
}

/* floating icons */
.gem-float{
    position:absolute;
    font-size:46px;
    opacity:0.12;
    animation:floatGEM 18s infinite linear;
}

.gem-float.g1{top:10%; left:6%;}
.gem-float.g2{top:40%; right:6%;}
.gem-float.g3{bottom:20%; left:10%;}
.gem-float.g4{bottom:15%; right:14%;}

@keyframes floatGEM{
    0%{transform:translateY(0);}
    50%{transform:translateY(-40px);}
    100%{transform:translateY(0);}
}

/* story */
.gem-story{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.story-box{
    background:#fff;
    padding:25px;
    border-radius:22px;
    text-align:center;
    width:220px;
    box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

.story-emoji{
    font-size:46px;
}

.story-arrow{
    font-size:34px;
}

/* cards */
.gem-card{
    background:#fff;
    padding:35px;
    margin-bottom:35px;
    border-radius:24px;
    box-shadow:0 14px 35px rgba(0,0,0,0.08);
}

.gem-card.highlight{
    background:#eef3ff;
}

/* grids */
.gem-grid,
.gem-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:15px;
}

.gem-box,
.gem-docs div{
    background:#e6edff;
    padding:16px;
    border-radius:18px;
    font-weight:600;
    text-align:center;
}

.gem-benefits{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
}

.gem-benefits .benefit{
    background:#e6edff;
    padding:18px;
    border-radius:20px;
    font-weight:600;
}

/* steps */
.gem-steps{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.gem-steps .step{
    background:#2b4eff;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
    font-size:14px;
}

.gem-list li{
    margin-bottom:10px;
}

.gem-cta{
    background:#2b4eff;
    color:#fff;
    text-align:center;
    padding:55px;
    border-radius:26px;
}

/* ===== 12A / 80G THEME ===== */

.taxexempt-bg{
    background:linear-gradient(180deg,#f4fff8,#ffffff);
    position:relative;
    overflow:hidden;
}

.taxex-hero{
    text-align:center;
    margin-bottom:45px;
}

.taxex-hero h1{
    color:#2e7d32;
    font-size:40px;
}

.taxex-card{
    background:#fff;
    padding:35px;
    margin-bottom:35px;
    border-radius:20px;
    border-left:6px solid #2e7d32;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.taxex-card.highlight{
    background:#e8f5e9;
}

.taxex-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.taxex-box{
    background:#ffffff;
    padding:25px;
    border-radius:16px;
    text-align:center;
    font-weight:600;
}

.taxex-float{
    position:absolute;
    font-size:42px;
    opacity:0.1;
    animation:floatTaxex 16s infinite linear;
}

.taxex-float.t1{top:10%; left:6%;}
.taxex-float.t2{top:45%; right:6%;}
.taxex-float.t3{bottom:20%; left:10%;}
.taxex-float.t4{bottom:15%; right:14%;}

@keyframes floatTaxex{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.taxex-cta{
    background:#2e7d32;
    color:#fff;
    text-align:center;
    padding:50px;
    border-radius:24px;
}

/* ===== COMPANY REGISTRATION THEME ===== */

.company-bg{
    background:linear-gradient(180deg,#f4f7fb,#ffffff);
    position:relative;
    overflow:hidden;
}

.company-hero{
    text-align:center;
    margin-bottom:45px;
}

.company-hero h1{
    color:#1f3c88;
    font-size:42px;
}

.company-card{
    background:#fff;
    padding:35px;
    margin-bottom:35px;
    border-radius:20px;
    border-left:6px solid #1f3c88;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.company-card.highlight{
    background:#eef2ff;
}

.company-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:20px;
}

.company-box{
    background:#ffffff;
    padding:25px;
    border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,0.06);
}

.company-box h3{
    color:#1f3c88;
    margin-bottom:10px;
}

/* floating icons */
.company-float{
    position:absolute;
    font-size:42px;
    opacity:0.1;
    animation:floatCompany 16s infinite linear;
}

.company-float.c1{top:10%; left:6%;}
.company-float.c2{top:45%; right:6%;}
.company-float.c3{bottom:20%; left:10%;}
.company-float.c4{bottom:15%; right:14%;}

@keyframes floatCompany{
    0%{transform:translateY(0);}
    50%{transform:translateY(-35px);}
    100%{transform:translateY(0);}
}

.company-cta{
    background:#1f3c88;
    color:#fff;
    text-align:center;
    padding:50px;
    border-radius:24px;
}

/* ===== HOME LOAN 3D CARTOON THEME ===== */

.home-loan-bg{
    background:linear-gradient(180deg,#fff7ec,#ffffff);
    overflow:hidden;
    position:relative;
}

.hl-container{
    max-width:1200px;
    margin:auto;
    padding:60px 20px;
}

/* floating icons */
.hl-float{
    position:absolute;
    font-size:52px;
    opacity:0.12;
    animation:floatHL 20s infinite linear;
}

.hl-float.h1{top:8%; left:6%;}
.hl-float.h2{top:40%; right:6%;}
.hl-float.h3{bottom:20%; left:10%;}
.hl-float.h4{bottom:15%; right:14%;}

@keyframes floatHL{
    0%{transform:translateY(0);}
    50%{transform:translateY(-45px);}
    100%{transform:translateY(0);}
}

/* hero */
.hl-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    margin-bottom:60px;
}

.hl-hero-text h1{
    font-size:44px;
    color:#ff7a00;
}

.hl-btn{
    display:inline-block;
    margin-top:20px;
    background:#ff7a00;
    color:#fff;
    padding:14px 34px;
    border-radius:30px;
    font-weight:600;
}

/* cartoon */
.hl-hero-cartoon{
    position:relative;
    height:260px;
}

.house-3d{
    font-size:120px;
    position:absolute;
    bottom:0;
    animation:bounceHouse 4s infinite;
}

.family-3d{
    font-size:80px;
    position:absolute;
    bottom:20px;
    left:80px;
    animation:waveFamily 3s infinite;
}

@keyframes bounceHouse{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-20px);}
}

@keyframes waveFamily{
    0%,100%{transform:rotate(0);}
    50%{transform:rotate(5deg);}
}

/* cards */
.hl-card{
    background:#fff;
    padding:35px;
    border-radius:24px;
    margin-bottom:35px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.hl-highlight{
    background:#fff0da;
}

/* story */
.hl-story{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin-bottom:50px;
    flex-wrap:wrap;
}

.story-step{
    background:#fff;
    padding:25px;
    border-radius:22px;
    width:200px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

.story-icon{
    font-size:46px;
}

.story-arrow{
    font-size:34px;
}

/* benefits */
.hl-benefits{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.benefit-box{
    background:#ffe3bf;
    padding:18px;
    border-radius:18px;
    font-weight:600;
}

/* types */
.hl-types{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.type{
    background:#ff7a00;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
    font-size:14px;
}

/* docs */
.hl-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:14px;
}

.hl-docs div{
    background:#ffe3bf;
    padding:16px;
    border-radius:16px;
    text-align:center;
}

/* steps */
.hl-steps{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.hl-steps .step{
    background:#ff7a00;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
}

/* CTA */
.hl-cta{
    background:#ff7a00;
    color:#fff;
    text-align:center;
    padding:55px;
    border-radius:30px;
}

/* ===== CAR LOAN 3D CARTOON THEME ===== */

.car-loan-bg{
    background:linear-gradient(180deg,#eef9ff,#ffffff);
    overflow:hidden;
    position:relative;
}

.cl-container{
    max-width:1200px;
    margin:auto;
    padding:60px 20px;
}

/* floating icons */
.cl-float{
    position:absolute;
    font-size:50px;
    opacity:0.12;
    animation:floatCL 18s infinite linear;
}

.cl-float.c1{top:10%; left:6%;}
.cl-float.c2{top:40%; right:6%;}
.cl-float.c3{bottom:20%; left:10%;}
.cl-float.c4{bottom:15%; right:14%;}

@keyframes floatCL{
    0%{transform:translateY(0);}
    50%{transform:translateY(-40px);}
    100%{transform:translateY(0);}
}

/* hero */
.cl-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    margin-bottom:60px;
}

.cl-hero-text h1{
    font-size:44px;
    color:#0066cc;
}

.cl-btn{
    display:inline-block;
    margin-top:20px;
    background:#0066cc;
    color:#fff;
    padding:14px 34px;
    border-radius:30px;
    font-weight:600;
}

/* cartoon */
.cl-hero-cartoon{
    position:relative;
    height:260px;
}

.car-3d{
    font-size:120px;
    position:absolute;
    left:0;
    bottom:40px;
    animation:driveCar 4s infinite alternate;
}

.road-3d{
    position:absolute;
    bottom:0;
    font-size:80px;
    opacity:0.3;
}

@keyframes driveCar{
    from{transform:translateX(0);}
    to{transform:translateX(120px);}
}

/* cards */
.cl-card{
    background:#fff;
    padding:35px;
    border-radius:24px;
    margin-bottom:35px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.cl-highlight{
    background:#e6f3ff;
}

/* story */
.cl-story{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin-bottom:50px;
    flex-wrap:wrap;
}

.cl-step{
    background:#fff;
    padding:25px;
    border-radius:22px;
    width:200px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

.cl-icon{
    font-size:46px;
}

.cl-arrow{
    font-size:34px;
}

/* benefits */
.cl-benefits{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.cl-benefits .benefit{
    background:#cfe9ff;
    padding:18px;
    border-radius:18px;
    font-weight:600;
}

/* types */
.cl-types{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.type{
    background:#0066cc;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
    font-size:14px;
}

/* docs */
.cl-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:14px;
}

.cl-docs div{
    background:#cfe9ff;
    padding:16px;
    border-radius:16px;
    text-align:center;
}

/* steps */
.cl-steps{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.cl-steps .step{
    background:#0066cc;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
}

/* CTA */
.cl-cta{
    background:#0066cc;
    color:#fff;
    text-align:center;
    padding:55px;
    border-radius:30px;
}

/* ===== BUSINESS LOAN GROWTH THEME ===== */

.business-loan-bg{
    background:linear-gradient(180deg,#f6fff9,#ffffff);
    overflow:hidden;
    position:relative;
}

.bl-container{
    max-width:1200px;
    margin:auto;
    padding:60px 20px;
}

/* floating icons */
.bl-float{
    position:absolute;
    font-size:48px;
    opacity:0.12;
    animation:floatBL 18s infinite linear;
}

.bl-float.b1{top:10%; left:6%;}
.bl-float.b2{top:40%; right:6%;}
.bl-float.b3{bottom:20%; left:10%;}
.bl-float.b4{bottom:15%; right:14%;}

@keyframes floatBL{
    0%{transform:translateY(0);}
    50%{transform:translateY(-40px);}
    100%{transform:translateY(0);}
}

/* hero */
.bl-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    margin-bottom:60px;
}

.bl-hero-text h1{
    font-size:44px;
    color:#1b8f4c;
}

.bl-btn{
    display:inline-block;
    margin-top:20px;
    background:#1b8f4c;
    color:#fff;
    padding:14px 34px;
    border-radius:30px;
    font-weight:600;
}

/* visual */
.bl-hero-visual{
    position:relative;
    height:260px;
}

.chart-3d{
    font-size:120px;
    position:absolute;
    bottom:0;
    animation:growChart 3.5s infinite;
}

.arrow-3d{
    font-size:60px;
    position:absolute;
    right:40px;
    top:40px;
    animation:moveArrow 2.5s infinite;
}

@keyframes growChart{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.1);}
}

@keyframes moveArrow{
    0%{transform:translateY(0);}
    50%{transform:translateY(-15px);}
    100%{transform:translateY(0);}
}

/* cards */
.bl-card{
    background:#fff;
    padding:35px;
    border-radius:24px;
    margin-bottom:35px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.bl-highlight{
    background:#e9f9f0;
}

/* story */
.bl-story{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin-bottom:50px;
    flex-wrap:wrap;
}

.bl-step{
    background:#fff;
    padding:25px;
    border-radius:22px;
    width:200px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

.bl-icon{
    font-size:46px;
}

.bl-arrow{
    font-size:34px;
}

/* benefits */
.bl-benefits{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.benefit-box{
    background:#c9efd8;
    padding:18px;
    border-radius:18px;
    font-weight:600;
}

/* types */
.bl-types{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.type{
    background:#1b8f4c;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
    font-size:14px;
}

/* docs */
.bl-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:14px;
}

.bl-docs div{
    background:#c9efd8;
    padding:16px;
    border-radius:16px;
    text-align:center;
}

/* steps */
.bl-steps{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.bl-steps .step{
    background:#1b8f4c;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
}

/* CTA */
.bl-cta{
    background:#1b8f4c;
    color:#fff;
    text-align:center;
    padding:55px;
    border-radius:30px;
}

/* ===== PROJECT LOAN INDUSTRIAL THEME ===== */

.project-loan-bg{
    background:linear-gradient(180deg,#f3f6fb,#ffffff);
    overflow:hidden;
    position:relative;
}

.pl-container{
    max-width:1200px;
    margin:auto;
    padding:60px 20px;
}

/* floating icons */
.pl-float{
    position:absolute;
    font-size:50px;
    opacity:0.12;
    animation:floatPL 20s infinite linear;
}

.pl-float.p1{top:8%; left:6%;}
.pl-float.p2{top:38%; right:6%;}
.pl-float.p3{bottom:22%; left:10%;}
.pl-float.p4{bottom:15%; right:14%;}

@keyframes floatPL{
    0%{transform:translateY(0);}
    50%{transform:translateY(-45px);}
    100%{transform:translateY(0);}
}

/* hero */
.pl-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    margin-bottom:60px;
}

.pl-hero-text h1{
    font-size:44px;
    color:#2c3e50;
}

.pl-btn{
    display:inline-block;
    margin-top:20px;
    background:#2c3e50;
    color:#fff;
    padding:14px 34px;
    border-radius:30px;
    font-weight:600;
}

/* visual */
.pl-hero-visual{
    position:relative;
    height:260px;
}

.plant-3d{
    font-size:120px;
    position:absolute;
    bottom:0;
    animation:bouncePlant 4s infinite;
}

.gear-3d{
    font-size:70px;
    position:absolute;
    right:30px;
    top:40px;
    animation:rotateGear 4s infinite linear;
}

@keyframes bouncePlant{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-18px);}
}

@keyframes rotateGear{
    from{transform:rotate(0);}
    to{transform:rotate(360deg);}
}

/* cards */
.pl-card{
    background:#fff;
    padding:35px;
    border-radius:24px;
    margin-bottom:35px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.pl-highlight{
    background:#eef2f7;
}

/* story */
.pl-story{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin-bottom:50px;
    flex-wrap:wrap;
}

.pl-step{
    background:#fff;
    padding:25px;
    border-radius:22px;
    width:200px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

.pl-icon{
    font-size:46px;
}

.pl-arrow{
    font-size:34px;
}

/* benefits */
.pl-benefits{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.benefit-box{
    background:#dfe6ee;
    padding:18px;
    border-radius:18px;
    font-weight:600;
}

/* types */
.pl-types{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.type{
    background:#2c3e50;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
    font-size:14px;
}

/* docs */
.pl-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
}

.pl-docs div{
    background:#dfe6ee;
    padding:16px;
    border-radius:16px;
    text-align:center;
}

/* steps */
.pl-steps{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.pl-steps .step{
    background:#2c3e50;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
}

/* CTA */
.pl-cta{
    background:#2c3e50;
    color:#fff;
    text-align:center;
    padding:55px;
    border-radius:30px;
}

/* ===== EDUCATION LOAN THEME ===== */

.education-loan-bg{
    background:linear-gradient(180deg,#f0f7ff,#ffffff);
    overflow:hidden;
    position:relative;
}

.el-container{
    max-width:1200px;
    margin:auto;
    padding:60px 20px;
}

/* floating icons */
.el-float{
    position:absolute;
    font-size:48px;
    opacity:0.12;
    animation:floatEL 18s infinite linear;
}

.el-float.e1{top:10%; left:6%;}
.el-float.e2{top:40%; right:6%;}
.el-float.e3{bottom:22%; left:10%;}
.el-float.e4{bottom:15%; right:14%;}

@keyframes floatEL{
    0%{transform:translateY(0);}
    50%{transform:translateY(-40px);}
    100%{transform:translateY(0);}
}

/* hero */
.el-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    margin-bottom:60px;
}

.el-hero-text h1{
    font-size:44px;
    color:#4b2aad;
}

.el-btn{
    display:inline-block;
    margin-top:20px;
    background:#4b2aad;
    color:#fff;
    padding:14px 34px;
    border-radius:30px;
    font-weight:600;
}

/* visual */
.el-hero-visual{
    position:relative;
    height:260px;
}

.grad-3d{
    font-size:120px;
    position:absolute;
    bottom:0;
    animation:bounceGrad 3.5s infinite;
}

.rocket-3d{
    font-size:70px;
    position:absolute;
    right:30px;
    top:40px;
    animation:flyRocket 3s infinite;
}

@keyframes bounceGrad{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-20px);}
}

@keyframes flyRocket{
    0%{transform:translateY(0);}
    50%{transform:translateY(-15px);}
    100%{transform:translateY(0);}
}

/* cards */
.el-card{
    background:#fff;
    padding:35px;
    border-radius:24px;
    margin-bottom:35px;
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.el-highlight{
    background:#ebe6ff;
}

/* story */
.el-story{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin-bottom:50px;
    flex-wrap:wrap;
}

.el-step{
    background:#fff;
    padding:25px;
    border-radius:22px;
    width:200px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,0.1);
}

.el-icon{
    font-size:46px;
}

.el-arrow{
    font-size:34px;
}

/* benefits */
.el-benefits{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.el-benefits .benefit{
    background:#dcd6ff;
    padding:18px;
    border-radius:18px;
    font-weight:600;
}

/* types */
.el-types{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.type{
    background:#4b2aad;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
    font-size:14px;
}

/* docs */
.el-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:14px;
}

.el-docs div{
    background:#dcd6ff;
    padding:16px;
    border-radius:16px;
    text-align:center;
}

/* steps */
.el-steps{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.el-steps .step{
    background:#4b2aad;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
}

/* CTA */
.el-cta{
    background:#4b2aad;
    color:#fff;
    text-align:center;
    padding:55px;
    border-radius:30px;
}

/* ===== PERSONAL LOAN INSTANT CASH THEME ===== */

.personal-loan-bg{
    background:linear-gradient(180deg,#fff0f0,#ffffff);
    overflow:hidden;
    position:relative;
}

.pln-container{
    max-width:1200px;
    margin:auto;
    padding:60px 20px;
}

/* floating icons */
.pln-float{
    position:absolute;
    font-size:52px;
    opacity:0.15;
    animation:floatPLN 16s infinite linear;
}

.pln-float.f1{top:8%; left:6%;}
.pln-float.f2{top:40%; right:6%;}
.pln-float.f3{bottom:20%; left:10%;}
.pln-float.f4{bottom:15%; right:14%;}

@keyframes floatPLN{
    0%{transform:translateY(0);}
    50%{transform:translateY(-45px);}
    100%{transform:translateY(0);}
}

/* hero */
.pln-hero{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
    margin-bottom:60px;
}

.pln-hero-text h1{
    font-size:46px;
    color:#d32f2f;
}

.pln-btn{
    display:inline-block;
    margin-top:20px;
    background:#d32f2f;
    color:#fff;
    padding:16px 36px;
    border-radius:40px;
    font-weight:700;
}

/* visual */
.pln-hero-visual{
    position:relative;
    height:260px;
}

.cash-3d{
    font-size:120px;
    position:absolute;
    bottom:0;
    animation:cashPop 2.5s infinite;
}

.phone-3d{
    font-size:80px;
    position:absolute;
    right:40px;
    top:40px;
    animation:phoneShake 1.8s infinite;
}

@keyframes cashPop{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.15);}
}

@keyframes phoneShake{
    0%,100%{transform:rotate(0);}
    50%{transform:rotate(6deg);}
}

/* cards */
.pln-card{
    background:#fff;
    padding:35px;
    border-radius:26px;
    margin-bottom:35px;
    box-shadow:0 16px 36px rgba(0,0,0,0.1);
}

.pln-highlight{
    background:#ffe1e1;
}

/* story */
.pln-story{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin-bottom:50px;
    flex-wrap:wrap;
}

.pln-step{
    background:#fff;
    padding:25px;
    border-radius:24px;
    width:200px;
    text-align:center;
    box-shadow:0 14px 32px rgba(0,0,0,0.12);
}

.pln-icon{
    font-size:48px;
}

.pln-arrow{
    font-size:36px;
}

/* benefits */
.pln-benefits{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:15px;
}

.pln-benefits .benefit{
    background:#ffcdd2;
    padding:18px;
    border-radius:20px;
    font-weight:700;
}

/* types */
.pln-types{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.type{
    background:#d32f2f;
    color:#fff;
    padding:14px 26px;
    border-radius:30px;
    font-size:14px;
}

/* docs */
.pln-docs{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:14px;
}

.pln-docs div{
    background:#ffcdd2;
    padding:16px;
    border-radius:18px;
    text-align:center;
}

/* steps */
.pln-steps{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.pln-steps .step{
    background:#d32f2f;
    color:#fff;
    padding:14px 28px;
    border-radius:30px;
}

/* CTA */
.pln-cta{
    background:#d32f2f;
    color:#fff;
    text-align:center;
    padding:60px;
    border-radius:32px;
}

/* ===== RAJASTHAN EXPORT POLICY 2024 ===== */

.export-policy-bg{
    background:#f7f9fc;
    padding:60px 0;
}

.export-container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

.export-hero{
    text-align:center;
    margin-bottom:50px;
}

.export-hero h1{
    font-size:38px;
    color:#1b3a6f;
}

.export-hero p{
    color:#555;
    margin-top:10px;
}

.export-card{
    background:#fff;
    padding:35px;
    border-radius:14px;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.export-card h2{
    color:#1b3a6f;
    margin-bottom:15px;
}

.export-subcard{
    background:#f1f5fb;
    padding:25px;
    border-radius:12px;
    margin-top:20px;
}

.export-subcard h3{
    color:#0b4aa0;
    margin-bottom:10px;
}

.export-list{
    padding-left:20px;
}

.export-bullet{
    padding-left:20px;
}

.export-bullet li{
    margin-bottom:8px;
}

.note{
    font-size:14px;
    color:#555;
}

.highlight{
    border-left:6px solid #0b4aa0;
}

.export-cta{
    background:#0b4aa0;
    color:#fff;
    text-align:center;
    padding:45px;
    border-radius:16px;
    margin-top:50px;
}

.export-btn{
    display:inline-block;
    margin-top:20px;
    background:#fff;
    color:#0b4aa0;
    padding:14px 34px;
    border-radius:30px;
    font-weight:600;
}

/* ===== RAJASTHAN MSME POLICY 2024 ===== */

.msme-policy-bg{
    background:#f6f8fc;
    padding:60px 0;
}

.msme-container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

.msme-hero{
    text-align:center;
    margin-bottom:50px;
}

.msme-hero h1{
    font-size:36px;
    color:#1b3a6f;
}

.msme-hero p{
    color:#555;
    margin-top:10px;
}

.msme-card{
    background:#ffffff;
    padding:35px;
    border-radius:14px;
    margin-bottom:30px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.msme-card h2{
    color:#1b3a6f;
    margin-bottom:15px;
}

.msme-subcard{
    background:#eef3fb;
    padding:25px;
    border-radius:12px;
    margin-top:20px;
}

.msme-subcard h3{
    color:#0b4aa0;
    margin-bottom:10px;
}

.msme-list{
    padding-left:20px;
}

.msme-list li{
    margin-bottom:8px;
}

.highlight{
    border-left:6px solid #0b4aa0;
}

.msme-cta{
    background:#0b4aa0;
    color:#ffffff;
    text-align:center;
    padding:45px;
    border-radius:18px;
    margin-top:50px;
}

.msme-btn{
    display:inline-block;
    margin-top:20px;
    background:#ffffff;
    color:#0b4aa0;
    padding:14px 36px;
    border-radius:30px;
    font-weight:600;
}

/* ===== VYUPY SCHEME PAGE ===== */

.vyupy-bg{
    background:#f7f9fd;
    padding:60px 0;
}

.vyupy-container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

.vyupy-hero{
    text-align:center;
    margin-bottom:50px;
}

.vyupy-hero h1{
    font-size:36px;
    color:#1b3a6f;
}

.vyupy-hero p{
    color:#555;
    margin-top:10px;
}

.vyupy-card{
    background:#ffffff;
    padding:35px;
    border-radius:14px;
    margin-bottom:30px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.vyupy-card h2{
    color:#1b3a6f;
    margin-bottom:15px;
}

.vyupy-subcard{
    background:#eef3fb;
    padding:25px;
    border-radius:12px;
    margin-top:20px;
}

.vyupy-subcard h3{
    color:#0b4aa0;
    margin-bottom:10px;
}

.vyupy-list{
    padding-left:20px;
}

.vyupy-list li{
    margin-bottom:8px;
}

.highlight{
    border-left:6px solid #0b4aa0;
}

.warning{
    border-left:6px solid #d9534f;
    background:#fff5f5;
}

.vyupy-cta{
    background:#0b4aa0;
    color:#ffffff;
    text-align:center;
    padding:45px;
    border-radius:18px;
    margin-top:50px;
}

.vyupy-btn{
    display:inline-block;
    margin-top:20px;
    background:#ffffff;
    color:#0b4aa0;
    padding:14px 36px;
    border-radius:30px;
    font-weight:600;
}

/* ===== MNSUPY SCHEME PAGE ===== */

.mnsupy-bg{
    background:#f7f9fd;
    padding:60px 0;
}

.mnsupy-container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

.mnsupy-hero{
    text-align:center;
    margin-bottom:50px;
}

.mnsupy-hero h1{
    font-size:34px;
    color:#8a1c4a;
}

.mnsupy-hero p{
    color:#555;
    margin-top:10px;
}

.mnsupy-card{
    background:#ffffff;
    padding:35px;
    border-radius:14px;
    margin-bottom:30px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.mnsupy-card h2{
    color:#8a1c4a;
    margin-bottom:15px;
}

.mnsupy-subcard{
    background:#fdf1f6;
    padding:25px;
    border-radius:12px;
    margin-top:20px;
}

.mnsupy-subcard h3{
    color:#b03060;
    margin-bottom:10px;
}

.mnsupy-list{
    padding-left:20px;
}

.mnsupy-list li{
    margin-bottom:8px;
}

.highlight{
    border-left:6px solid #b03060;
}

.mnsupy-cta{
    background:#b03060;
    color:#ffffff;
    text-align:center;
    padding:45px;
    border-radius:18px;
    margin-top:50px;
}

.mnsupy-btn{
    display:inline-block;
    margin-top:20px;
    background:#ffffff;
    color:#b03060;
    padding:14px 36px;
    border-radius:30px;
    font-weight:600;
}

/* ===== BRUPY PAGE ===== */

.brupy-bg{
    background:#f5f8fc;
    padding:60px 0;
}

.brupy-container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

.brupy-hero{
    text-align:center;
    margin-bottom:50px;
}

.brupy-hero h1{
    font-size:36px;
    color:#2c3e50;
}

.brupy-hero p{
    color:#555;
    margin-top:10px;
}

.brupy-card{
    background:#fff;
    padding:35px;
    border-radius:14px;
    margin-bottom:30px;
    box-shadow:0 12px 28px rgba(0,0,0,0.08);
}

.brupy-card h2{
    color:#1b3a6f;
    margin-bottom:15px;
}

.brupy-subcard{
    background:#eef3fb;
    padding:25px;
    border-radius:12px;
    margin-top:20px;
}

.brupy-list{
    padding-left:20px;
}

.brupy-list li{
    margin-bottom:8px;
}

.highlight{
    border-left:6px solid #0b4aa0;
}

.summary{
    background:#f9fbff;
}

.brupy-checklist{
    list-style:none;
    padding-left:0;
}

.brupy-checklist li{
    margin-bottom:8px;
    padding-left:28px;
    position:relative;
}

.brupy-checklist li::before{
    content:"✔";
    position:absolute;
    left:0;
    color:#2ecc71;
}

.brupy-cta{
    background:#0b4aa0;
    color:#fff;
    text-align:center;
    padding:45px;
    border-radius:18px;
    margin-top:50px;
}

.brupy-btn{
    display:inline-block;
    margin-top:20px;
    background:#fff;
    color:#0b4aa0;
    padding:14px 36px;
    border-radius:30px;
    font-weight:600;
}

/* ===============================
   GLOBAL RESET
================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", Arial, sans-serif;
}

body {
    background: #f4f7fb;
    color: #333;
}

/* ===============================
   LOGIN / REGISTER WRAPPER
================================ */
.login-wrapper {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* CARD */
.login-card {
    width: 100%;
    max-width: 1000px;
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}

/* ===============================
   LEFT SECTION
================================ */
.login-left {
    background: linear-gradient(135deg, #0b5ed7, #083c6d);
    color: #fff;
    padding: 60px;
}

.login-left h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.login-left p {
    font-size: 16px;
    line-height: 1.7;
    opacity: 0.95;
}

/* ===============================
   RIGHT SECTION
================================ */
.login-right {
    padding: 60px 50px;
}

.login-right h3 {
    font-size: 24px;
    margin-bottom: 25px;
    color: #083c6d;
}

/* ===============================
   FORM
================================ */
.form-group {
    margin-bottom: 18px;
}

.form-group label {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 500;
}

.form-group input {
    width: 100%;
    padding: 12px 14px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: 0.3s;
}

.form-group input:focus {
    outline: none;
    border-color: #0b5ed7;
    box-shadow: 0 0 0 2px rgba(11,94,215,0.1);
}

/* ===============================
   BUTTON
================================ */
.login-btn {
    width: 100%;
    padding: 13px;
    font-size: 16px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background: #0b5ed7;
    color: #fff;
    margin-top: 10px;
    transition: 0.3s;
}

.login-btn:hover {
    background: #083c6d;
}

/* ===============================
   LINKS & TEXT
================================ */
.signup-text {
    margin-top: 18px;
    text-align: center;
    font-size: 14px;
}

.signup-text a {
    color: #0b5ed7;
    text-decoration: none;
    font-weight: 600;
}

.signup-text a:hover {
    text-decoration: underline;
}

/* ===============================
   ERROR BOX
================================ */
.error-box {
    background: #ffe5e5;
    color: #c0392b;
    padding: 12px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 15px;
}

/* ===============================
   MOBILE RESPONSIVE
================================ */
@media (max-width: 768px) {
    .login-card {
        grid-template-columns: 1fr;
    }

    .login-left {
        padding: 40px;
        text-align: center;
    }

    .login-right {
        padding: 40px 30px;
    }
}