/* Stats Items */
.stat-item {
    text-align: center;
    padding: 30px 20px;
    background: #f8f9fa;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

    .stat-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

.stat-number h2 {
    font-size: 48px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 5px;
}

.stat-content p {
    font-size: 16px;
    color: #666;
    margin: 0;
}

/* Sector Items */
.sector-item {
    text-align: center;
    padding: 25px 15px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

    .sector-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }

    .sector-item i {
        font-size: 36px;
        color: #1a3c6e;
        margin-bottom: 10px;
    }

    .sector-item h4 {
        font-size: 14px;
        font-weight: 600;
        color: #333;
        margin: 0;
    }

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: #f0f4f9;
}

.cta-content h2 {
    font-size: 36px;
    margin-bottom: 15px;
}

.cta-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

.cta-buttons .btn-default {
    margin: 0 10px;
}

/* Dark Section for Sectors */
.high-potential-sectors {
    padding: 80px 0;
}


/* 4A Introduction */
.four-a-introduction {
    padding: 80px 0 40px;
}

/* Pillars Section */
.four-a-pillars {
    padding: 60px 0;
}

.pillar-row {
    padding: 40px 0;
}

.pillar-divider {
    height: 2px;
    background: linear-gradient(to right, transparent, #1a3c6e, transparent);
    margin: 20px 0;
    opacity: 0.3;
}

/* Pillar Content */
.pillar-content {
    padding: 20px;
}

.pillar-number {
    font-size: 72px;
    font-weight: 800;
    color: rgba(26, 60, 110, 0.08);
    line-height: 1;
    margin-bottom: 10px;
    font-family: 'Georgia', serif;
}

.pillar-tag {
    display: inline-block;
    background: #1a3c6e;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 15px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.pillar-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 20px;
    line-height: 1.3;
}

.pillar-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
}

.pillar-highlights {
    margin: 20px 0 25px;
}

    .pillar-highlights h4 {
        font-size: 16px;
        font-weight: 700;
        color: #1a3c6e;
        margin-bottom: 10px;
    }

    .pillar-highlights ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .pillar-highlights ul li {
            padding: 6px 0;
            font-size: 15px;
            color: #555;
            display: flex;
            align-items: center;
        }

            .pillar-highlights ul li i {
                color: #1a3c6e;
                margin-right: 10px;
                font-size: 14px;
            }

/* Pillar Image */
.pillar-image {
    position: relative;
}

    .pillar-image figure {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }

    .pillar-image img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .pillar-image:hover img {
        transform: scale(1.03);
    }

.pillar-image-badge {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #1a3c6e;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    text-align: center;
}

    .pillar-image-badge span {
        display: block;
        font-size: 28px;
        font-weight: 800;
    }

    .pillar-image-badge small {
        font-size: 12px;
        opacity: 0.8;
    }

.pillar-cta {
    margin-top: 20px;
}

/* Summary Section */
.four-a-summary {
    padding: 80px 0;
}

    .four-a-summary .section-title h2 {
        color: #fff;
    }

    .four-a-summary .section-title .section-sub-title {
        color: #f4c542;
    }

.summary-item {
    text-align: center;
    padding: 30px 20px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.3s ease;
}

    .summary-item:hover {
        transform: translateY(-8px);
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
    }

.summary-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto 15px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    font-size: 30px;
    color: #f4c542;
}

.summary-item h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.summary-item p {
    color: rgba(255,255,255,0.7);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: #f0f4f9;
}

.cta-content h2 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #1a3c6e;
}

.cta-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

.cta-buttons .btn-default {
    margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .pillar-row {
        flex-direction: column !important;
    }

    .pillar-image img {
        height: 300px;
    }

    .pillar-number {
        font-size: 50px;
    }

    .pillar-content h2 {
        font-size: 26px;
    }

    .summary-item {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .pillar-image-badge {
        bottom: 10px;
        right: 10px;
        padding: 8px 15px;
    }

        .pillar-image-badge span {
            font-size: 20px;
        }

    .cta-content h2 {
        font-size: 28px;
    }

    .cta-buttons .btn-default {
        display: block;
        margin: 10px auto;
    }
}


/* Introduction */
.lwi-introduction {
    padding: 80px 0 40px;
}

.stats-row {
    margin-top: 40px;
}

.stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #f8f9fa;
    border-radius: 12px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

    .stat-box:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

.stat-number {
    font-size: 42px;
    font-weight: 800;
    color: #1a3c6e;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-box p {
    font-size: 14px;
    color: #666;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Live, Work, Invest Sections */
.lwi-live,
.lwi-work,
.lwi-invest {
    padding: 80px 0;
}

.lwi-content {
    padding: 20px;
}

.lwi-tag {
    display: inline-block;
    background: #1a3c6e;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 8px 20px;
    border-radius: 30px;
    margin-bottom: 15px;
}

.lwi-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 20px;
    line-height: 1.3;
}

.lwi-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
}

.lwi-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .lwi-content ul li {
        padding: 8px 0;
        font-size: 15px;
        color: #555;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #f0f0f0;
    }

        .lwi-content ul li:last-child {
            border-bottom: none;
        }

        .lwi-content ul li i {
            color: #1a3c6e;
            margin-right: 12px;
            font-size: 16px;
        }

.lwi-image figure {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

.lwi-image img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.lwi-image:hover img {
    transform: scale(1.03);
}

/* Investment Advantages */
.investment-advantages {
    padding: 80px 0;
}

.advantage-item {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

    .advantage-item:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 40px rgba(0,0,0,0.1);
        border-color: #1a3c6e;
    }

.advantage-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto 15px;
    background: #f0f4f9;
    border-radius: 50%;
    font-size: 28px;
    color: #1a3c6e;
    transition: all 0.3s ease;
}

.advantage-item:hover .advantage-icon {
    background: #1a3c6e;
    color: #fff;
}

.advantage-item h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 10px;
}

.advantage-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* Why Now Section */
.why-now {
    padding: 80px 0;
}

    .why-now .section-title h2 {
        color: #fff;
    }

    .why-now .section-title .section-sub-title {
        color: #f4c542;
    }

    .why-now .section-title p {
        color: rgba(255,255,255,0.7);
    }

.why-now-item {
    text-align: center;
    padding: 30px 20px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

    .why-now-item:hover {
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
        transform: translateY(-5px);
    }

.why-now-number {
    font-size: 48px;
    font-weight: 800;
    color: rgba(244, 197, 66, 0.3);
    line-height: 1;
    margin-bottom: 10px;
    font-family: 'Georgia', serif;
}

.why-now-item h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.why-now-item p {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: #f0f4f9;
}

.cta-content h2 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #1a3c6e;
}

.cta-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

.cta-buttons .btn-default {
    margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .lwi-live .row,
    .lwi-work .row,
    .lwi-invest .row {
        flex-direction: column !important;
    }

    .lwi-image img {
        height: 250px;
        margin-top: 30px;
    }

    .lwi-content h2 {
        font-size: 26px;
    }

    .stat-number {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .lwi-content h2 {
        font-size: 22px;
    }

    .cta-content h2 {
        font-size: 28px;
    }

    .cta-buttons .btn-default {
        display: block;
        margin: 10px auto;
    }

    .why-now-item {
        margin-bottom: 15px;
    }
}



/* Introduction */
.bi-introduction {
    padding: 80px 0 40px;
}

/* Industrial Zones */
.bi-zones {
    padding: 80px 0;
}

.zone-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

    .zone-item:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    }

.zone-image {
    height: 200px;
    overflow: hidden;
}

    .zone-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

.zone-item:hover .zone-image img {
    transform: scale(1.05);
}

.zone-content {
    padding: 20px 25px 25px;
}

    .zone-content h3 {
        font-size: 20px;
        font-weight: 700;
        color: #1a3c6e;
        margin-bottom: 8px;
    }

    .zone-content p {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
        margin: 0;
    }

/* Emerging Sectors */
.bi-sectors {
    padding: 80px 0;
}

.sector-card {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

    .sector-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        border-color: #1a3c6e;
    }

.sector-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto 15px;
    background: #f0f4f9;
    border-radius: 50%;
    font-size: 24px;
    color: #1a3c6e;
    transition: all 0.3s ease;
}

.sector-card:hover .sector-icon {
    background: #1a3c6e;
    color: #fff;
}

.sector-card h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 8px;
}

.sector-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* Key Industries */
.bi-key-industries {
    padding: 80px 0;
}

.industry-item {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

    .industry-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    }

.industry-icon {
    font-size: 36px;
    color: #1a3c6e;
    margin-bottom: 12px;
}

.industry-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 8px;
}

.industry-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* Opportunity Perspective */
.bi-opportunity {
    padding: 80px 0;
}

    .bi-opportunity .section-title h2 {
        color: #fff;
    }

    .bi-opportunity .section-title .section-sub-title {
        color: #f4c542;
    }

.opportunity-item {
    display: flex;
    align-items: flex-start;
    padding: 20px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    margin-bottom: 20px;
    border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.3s ease;
}

    .opportunity-item:hover {
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
    }

    .opportunity-item i {
        font-size: 28px;
        color: #f4c542;
        margin-right: 20px;
        margin-top: 5px;
    }

    .opportunity-item h3 {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .opportunity-item p {
        color: rgba(255,255,255,0.7);
        font-size: 14px;
        line-height: 1.5;
        margin: 0;
    }

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: #f0f4f9;
}

.cta-content h2 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #1a3c6e;
}

.cta-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

.cta-buttons .btn-default {
    margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .zone-image {
        height: 160px;
    }
}

@media (max-width: 767px) {
    .cta-content h2 {
        font-size: 28px;
    }

    .cta-buttons .btn-default {
        display: block;
        margin: 10px auto;
    }

    .opportunity-item {
        flex-direction: column;
        text-align: center;
    }

        .opportunity-item i {
            margin-right: 0;
            margin-bottom: 10px;
        }
}


/* Introduction */
.re-introduction {
    padding: 80px 0 40px;
}

/* Stats */
.re-stats {
    padding: 60px 0;
}

.stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

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

.stat-number {
    font-size: 42px;
    font-weight: 800;
    color: #1a3c6e;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-box p {
    font-size: 14px;
    color: #666;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Real Estate Sections */
.re-development-plan,
.re-story,
.re-rera,
.re-infrastructure {
    padding: 80px 0;
}

.re-content {
    padding: 20px;
}

.re-tag {
    display: inline-block;
    background: #1a3c6e;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 18px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.re-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 20px;
    line-height: 1.3;
}

.re-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
}

.re-highlights {
    margin-top: 20px;
}

    .re-highlights h4 {
        font-size: 16px;
        font-weight: 700;
        color: #1a3c6e;
        margin-bottom: 10px;
    }

    .re-highlights ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .re-highlights ul li {
            padding: 6px 0;
            font-size: 15px;
            color: #555;
            display: flex;
            align-items: center;
        }

            .re-highlights ul li i {
                color: #1a3c6e;
                margin-right: 12px;
            }

.re-image {
    position: relative;
}

    .re-image figure {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }

    .re-image img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .re-image:hover img {
        transform: scale(1.03);
    }

.re-image-badge {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #1a3c6e;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    text-align: center;
}

    .re-image-badge span {
        display: block;
        font-size: 28px;
        font-weight: 800;
    }

    .re-image-badge small {
        font-size: 12px;
        opacity: 0.8;
    }

/* Investment Cards */
.re-investment {
    padding: 80px 0;
}

    .re-investment .section-title h2 {
        color: #fff;
    }

    .re-investment .section-title .section-sub-title {
        color: #f4c542;
    }

    .re-investment .section-title p {
        color: rgba(255,255,255,0.7);
    }

.investment-card {
    text-align: center;
    padding: 30px 20px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

    .investment-card:hover {
        transform: translateY(-5px);
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
    }

.investment-icon {
    font-size: 36px;
    color: #f4c542;
    margin-bottom: 15px;
}

.investment-card h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.investment-card p {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Vision Section */
.re-vision {
    padding: 80px 0;
    background: #f0f4f9;
}

.vision-content h2 {
    font-size: 38px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 20px;
}

.vision-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.8;
}

.vision-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

    .vision-tags span {
        background: #fff;
        padding: 10px 25px;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 600;
        color: #1a3c6e;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        transition: all 0.3s ease;
    }

        .vision-tags span:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            background: #1a3c6e;
            color: #fff;
        }

.vision-cta .btn-default {
    margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .re-development-plan .row,
    .re-story .row,
    .re-rera .row,
    .re-infrastructure .row {
        flex-direction: column !important;
    }

    .re-image img {
        height: 250px;
        margin-top: 30px;
    }

    .re-content h2 {
        font-size: 26px;
    }

    .stat-number {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .re-content h2 {
        font-size: 22px;
    }

    .vision-content h2 {
        font-size: 28px;
    }

    .vision-tags span {
        padding: 8px 18px;
        font-size: 12px;
    }

    .vision-cta .btn-default {
        display: block;
        margin: 10px auto;
    }

    .re-image-badge {
        bottom: 10px;
        right: 10px;
        padding: 8px 15px;
    }

        .re-image-badge span {
            font-size: 20px;
        }
}
/* Introduction */
.cl-introduction {
    padding: 80px 0 40px;
}

/* Stats */
.cl-stats {
    padding: 60px 0;
}

.stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

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

.stat-number {
    font-size: 42px;
    font-weight: 800;
    color: #1a3c6e;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-box p {
    font-size: 14px;
    color: #666;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Connectivity Sections */
.cl-location,
.cl-road,
.cl-rail,
.cl-air {
    padding: 80px 0;
}

.cl-content {
    padding: 20px;
}

.cl-tag {
    display: inline-block;
    background: #1a3c6e;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 18px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.cl-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 20px;
    line-height: 1.3;
}

.cl-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
}

.cl-highlights ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .cl-highlights ul li {
        padding: 8px 0;
        font-size: 15px;
        color: #555;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #f0f0f0;
    }

        .cl-highlights ul li:last-child {
            border-bottom: none;
        }

        .cl-highlights ul li i {
            color: #1a3c6e;
            margin-right: 12px;
            font-size: 16px;
        }

.cl-image {
    position: relative;
}

    .cl-image figure {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }

    .cl-image img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .cl-image:hover img {
        transform: scale(1.03);
    }

.cl-image-badge {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #1a3c6e;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    text-align: center;
}

    .cl-image-badge span {
        display: block;
        font-size: 28px;
        font-weight: 800;
    }

    .cl-image-badge small {
        font-size: 12px;
        opacity: 0.8;
    }

/* Logistics Hub */
.cl-logistics {
    padding: 80px 0;
}

    .cl-logistics .section-title h2 {
        color: #fff;
    }

    .cl-logistics .section-title .section-sub-title {
        color: #f4c542;
    }

    .cl-logistics .section-title p {
        color: rgba(255,255,255,0.7);
    }

.logistics-item {
    text-align: center;
    padding: 30px 20px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

    .logistics-item:hover {
        transform: translateY(-5px);
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
    }

.logistics-icon {
    font-size: 36px;
    color: #f4c542;
    margin-bottom: 15px;
}

.logistics-item h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.logistics-item p {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Opportunity Perspective */
.cl-opportunity {
    padding: 80px 0;
}

.opportunity-item {
    display: flex;
    align-items: flex-start;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

    .opportunity-item:hover {
        transform: translateX(5px);
        border-color: #1a3c6e;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

.opportunity-number {
    font-size: 36px;
    font-weight: 800;
    color: #1a3c6e;
    opacity: 0.2;
    margin-right: 20px;
    line-height: 1;
    font-family: 'Georgia', serif;
}

.opportunity-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 5px;
}

.opportunity-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: #f0f4f9;
}

.cta-content h2 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #1a3c6e;
}

.cta-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

.cta-buttons .btn-default {
    margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .cl-location .row,
    .cl-road .row,
    .cl-rail .row,
    .cl-air .row {
        flex-direction: column !important;
    }

    .cl-image img {
        height: 250px;
        margin-top: 30px;
    }

    .cl-content h2 {
        font-size: 26px;
    }

    .stat-number {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .cl-content h2 {
        font-size: 22px;
    }

    .cta-content h2 {
        font-size: 28px;
    }

    .cta-buttons .btn-default {
        display: block;
        margin: 10px auto;
    }

    .cl-image-badge {
        bottom: 10px;
        right: 10px;
        padding: 8px 15px;
    }

        .cl-image-badge span {
            font-size: 20px;
        }

    .opportunity-item {
        flex-direction: column;
        text-align: center;
    }

    .opportunity-number {
        margin-right: 0;
        margin-bottom: 10px;
    }
}


/* Introduction */
.tc-introduction {
    padding: 80px 0 40px;
}

/* Stats */
.tc-stats {
    padding: 60px 0;
}

.stat-box {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

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

.stat-number {
    font-size: 42px;
    font-weight: 800;
    color: #1a3c6e;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-box p {
    font-size: 14px;
    color: #666;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* UNESCO Heritage */
.tc-unesco {
    padding: 80px 0;
}

.heritage-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

    .heritage-item:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 40px rgba(0,0,0,0.12);
    }

.heritage-image {
    height: 250px;
    overflow: hidden;
}

    .heritage-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

.heritage-item:hover .heritage-image img {
    transform: scale(1.05);
}

.heritage-content {
    padding: 25px;
}

.heritage-tag {
    display: inline-block;
    background: #1a3c6e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 15px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.heritage-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 10px;
}

.heritage-content p {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 15px;
}

.heritage-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .heritage-content ul li {
        padding: 5px 0;
        font-size: 14px;
        color: #555;
        display: flex;
        align-items: center;
    }

        .heritage-content ul li i {
            color: #1a3c6e;
            margin-right: 10px;
        }

/* Cultural Landmarks */
.tc-landmarks {
    padding: 80px 0;
}

.landmark-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

    .landmark-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    }

.landmark-image {
    height: 200px;
    overflow: hidden;
}

    .landmark-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

.landmark-item:hover .landmark-image img {
    transform: scale(1.05);
}

.landmark-content {
    padding: 20px;
}

    .landmark-content h3 {
        font-size: 18px;
        font-weight: 700;
        color: #1a3c6e;
        margin-bottom: 5px;
    }

    .landmark-content p {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
        margin-bottom: 10px;
    }

.landmark-badge {
    display: inline-block;
    background: #f0f4f9;
    color: #1a3c6e;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 12px;
    border-radius: 20px;
}

/* Lakes & Nature */
.tc-lakes,
.tc-culture {
    padding: 80px 0;
}

.tc-content {
    padding: 20px;
}

.tc-tag {
    display: inline-block;
    background: #1a3c6e;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 18px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.tc-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 20px;
    line-height: 1.3;
}

.tc-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
}

.tc-highlights ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .tc-highlights ul li {
        padding: 8px 0;
        font-size: 15px;
        color: #555;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #f0f0f0;
    }

        .tc-highlights ul li:last-child {
            border-bottom: none;
        }

        .tc-highlights ul li i {
            color: #1a3c6e;
            margin-right: 12px;
            font-size: 16px;
        }

.tc-image {
    position: relative;
}

    .tc-image figure {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }

    .tc-image img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .tc-image:hover img {
        transform: scale(1.03);
    }

.tc-image-badge {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #1a3c6e;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    text-align: center;
}

    .tc-image-badge span {
        display: block;
        font-size: 28px;
        font-weight: 800;
    }

    .tc-image-badge small {
        font-size: 12px;
        opacity: 0.8;
    }

/* Tourism Potential */
.tc-potential {
    padding: 80px 0;
}

    .tc-potential .section-title h2 {
        color: #fff;
    }

    .tc-potential .section-title .section-sub-title {
        color: #f4c542;
    }

    .tc-potential .section-title p {
        color: rgba(255,255,255,0.7);
    }

.potential-item {
    text-align: center;
    padding: 30px 20px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

    .potential-item:hover {
        transform: translateY(-5px);
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
    }

.potential-icon {
    font-size: 36px;
    color: #f4c542;
    margin-bottom: 15px;
}

.potential-item h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.potential-item p {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Experience Bhopal */
.tc-experience {
    padding: 80px 0;
}

.experience-item {
    display: flex;
    align-items: flex-start;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 20px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

    .experience-item:hover {
        transform: translateX(5px);
        border-color: #1a3c6e;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

.experience-number {
    font-size: 36px;
    font-weight: 800;
    color: #1a3c6e;
    opacity: 0.2;
    margin-right: 20px;
    line-height: 1;
    font-family: 'Georgia', serif;
    min-width: 50px;
}

.experience-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 5px;
}

.experience-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: #f0f4f9;
}

.cta-content h2 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #1a3c6e;
}

.cta-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

.cta-buttons .btn-default {
    margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .tc-lakes .row,
    .tc-culture .row {
        flex-direction: column !important;
    }

    .tc-image img {
        height: 250px;
        margin-top: 30px;
    }

    .tc-content h2 {
        font-size: 26px;
    }

    .stat-number {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .tc-content h2 {
        font-size: 22px;
    }

    .cta-content h2 {
        font-size: 28px;
    }

    .cta-buttons .btn-default {
        display: block;
        margin: 10px auto;
    }

    .tc-image-badge {
        bottom: 10px;
        right: 10px;
        padding: 8px 15px;
    }

        .tc-image-badge span {
            font-size: 20px;
        }

    .experience-item {
        flex-direction: column;
        text-align: center;
    }

    .experience-number {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

/* Introduction */
.b2035-introduction {
    padding: 80px 0 40px;
}

/* Vision 2035 */
.b2035-vision {
    padding: 80px 0;
}

.vision-item {
    text-align: center;
    padding: 35px 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    margin-bottom: 25px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

    .vision-item:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 40px rgba(0,0,0,0.12);
        border-color: #1a3c6e;
    }

.vision-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto 15px;
    background: #f0f4f9;
    border-radius: 50%;
    font-size: 30px;
    color: #1a3c6e;
    transition: all 0.3s ease;
}

.vision-item:hover .vision-icon {
    background: #1a3c6e;
    color: #fff;
}

.vision-item h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 8px;
}

.vision-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* Vision Categories */
.b2035-categories {
    padding: 80px 0;
}

.category-row {
    padding: 40px 0;
}

.category-divider {
    height: 2px;
    background: linear-gradient(to right, transparent, #1a3c6e, transparent);
    margin: 10px 0;
    opacity: 0.3;
}

.category-content {
    padding: 20px;
}

.category-number {
    font-size: 60px;
    font-weight: 800;
    color: rgba(26, 60, 110, 0.08);
    line-height: 1;
    font-family: 'Georgia', serif;
    display: block;
    margin-bottom: 10px;
}

.category-content h3 {
    font-size: 28px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 15px;
}

.category-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
}

.category-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .category-content ul li {
        padding: 6px 0;
        font-size: 15px;
        color: #555;
        display: flex;
        align-items: center;
    }

        .category-content ul li i {
            color: #1a3c6e;
            margin-right: 12px;
            font-size: 16px;
        }

.category-image figure {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

.category-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.category-image:hover img {
    transform: scale(1.03);
}

/* Opportunity Cards */
.b2035-opportunity {
    padding: 80px 0;
}

    .b2035-opportunity .section-title h2 {
        color: #fff;
    }

    .b2035-opportunity .section-title .section-sub-title {
        color: #f4c542;
    }

.opportunity-card {
    text-align: center;
    padding: 30px 20px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

    .opportunity-card:hover {
        transform: translateY(-5px);
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
    }

.opportunity-icon {
    font-size: 36px;
    color: #f4c542;
    margin-bottom: 15px;
}

.opportunity-card h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.opportunity-card p {
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Special Features */
.b2035-special {
    padding: 80px 0;
}

.special-item {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

    .special-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        border-color: #1a3c6e;
    }

.special-icon {
    font-size: 36px;
    color: #1a3c6e;
    margin-bottom: 12px;
}

.special-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 8px;
}

.special-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* CTA Section */
.cta-section {
    padding: 80px 0;
    background: #f0f4f9;
}

.cta-content h2 {
    font-size: 36px;
    margin-bottom: 15px;
    color: #1a3c6e;
}

.cta-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto;
}

.cta-buttons .btn-default {
    margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .category-row {
        flex-direction: column !important;
    }

    .category-image img {
        height: 250px;
        margin-top: 30px;
    }

    .category-content h3 {
        font-size: 24px;
    }

    .category-number {
        font-size: 45px;
    }
}

@media (max-width: 767px) {
    .category-content h3 {
        font-size: 20px;
    }

    .cta-content h2 {
        font-size: 28px;
    }

    .cta-buttons .btn-default {
        display: block;
        margin: 10px auto;
    }

    .vision-item {
        padding: 25px 15px;
    }

    .opportunity-card {
        padding: 20px 15px;
    }
}
/* Introduction */
.jm-introduction {
    padding: 80px 0 40px;
}

/* Come Back Section */
.jm-comeback {
    padding: 80px 0;
}

.jm-content {
    padding: 20px;
}

.jm-tag {
    display: inline-block;
    background: #1a3c6e;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 18px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.jm-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 20px;
    line-height: 1.3;
}

.jm-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 15px;
}

.jm-content .highlight-text {
    font-size: 18px;
    color: #1a3c6e;
    background: #f0f4f9;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 4px solid #1a3c6e;
}

.jm-image {
    position: relative;
}

    .jm-image figure {
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
    }

    .jm-image img {
        width: 100%;
        height: 350px;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .jm-image:hover img {
        transform: scale(1.03);
    }

.jm-image-badge {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #1a3c6e;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    text-align: center;
}

    .jm-image-badge span {
        display: block;
        font-size: 28px;
        font-weight: 800;
    }

    .jm-image-badge small {
        font-size: 12px;
        opacity: 0.8;
    }

/* Why Build Section */
.jm-why-build {
    padding: 80px 0;
}

.build-item {
    text-align: center;
    padding: 25px 15px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

    .build-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        border-color: #1a3c6e;
    }

.build-icon {
    font-size: 30px;
    color: #1a3c6e;
    margin-bottom: 10px;
}

.build-item h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 5px;
}

.build-item p {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* Who Can Join */
.jm-who {
    padding: 80px 0;
}

.who-item {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

    .who-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        border-color: #1a3c6e;
    }

.who-icon {
    font-size: 36px;
    color: #1a3c6e;
    margin-bottom: 12px;
}

.who-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 10px;
}

.who-item p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
}

.who-action .readmore-btn {
    font-size: 14px;
    font-weight: 600;
    color: #1a3c6e;
    text-decoration: none;
    position: relative;
}

    .who-action .readmore-btn::after {
        content: '→';
        margin-left: 5px;
        transition: margin 0.3s ease;
    }

    .who-action .readmore-btn:hover::after {
        margin-left: 10px;
    }

/* What Are You Coming Back For */
.jm-coming-back {
    padding: 80px 0;
}

    .jm-coming-back .section-title h2 {
        color: #fff;
    }

    .jm-coming-back .section-title .section-sub-title {
        color: #f4c542;
    }

    .jm-coming-back .section-title p {
        color: rgba(255,255,255,0.7);
    }

.coming-item {
    text-align: center;
    padding: 25px 15px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

    .coming-item:hover {
        transform: translateY(-5px);
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
    }

.coming-icon {
    font-size: 30px;
    color: #f4c542;
    margin-bottom: 10px;
}

.coming-item h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.coming-item p {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* Join Form */
.jm-form {
    padding: 80px 0;
}

.jm-form-content {
    padding: 20px;
}

    .jm-form-content h2 {
        font-size: 32px;
        font-weight: 700;
        color: #1a3c6e;
        margin-bottom: 15px;
    }

    .jm-form-content p {
        font-size: 16px;
        line-height: 1.8;
        color: #555;
        margin-bottom: 25px;
    }

.jm-connect {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.connect-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .connect-item i {
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: #f0f4f9;
        border-radius: 50%;
        color: #1a3c6e;
        font-size: 18px;
    }

    .connect-item h4 {
        font-size: 14px;
        font-weight: 600;
        color: #666;
        margin: 0;
    }

    .connect-item a,
    .connect-item p {
        font-size: 15px;
        color: #1a3c6e;
        margin: 0;
        text-decoration: none;
        font-weight: 500;
    }

        .connect-item a:hover {
            text-decoration: underline;
        }

.jm-form-box {
    background: #fff;
    padding: 35px;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

    .jm-form-box h3 {
        font-size: 24px;
        font-weight: 700;
        color: #1a3c6e;
        margin-bottom: 20px;
    }

    .jm-form-box .form-control {
        border-radius: 8px;
        border: 1px solid #e0e0e0;
        padding: 12px 15px;
        font-size: 14px;
        transition: all 0.3s ease;
    }

        .jm-form-box .form-control:focus {
            border-color: #1a3c6e;
            box-shadow: 0 0 0 3px rgba(26, 60, 110, 0.1);
        }

    .jm-form-box select.form-control {
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 15px center;
    }

/* Why Now */
.jm-whynow {
    padding: 80px 0;
}

    .jm-whynow .section-title h2 {
        color: #fff;
    }

    .jm-whynow .section-title .section-sub-title {
        color: #f4c542;
    }

.whynow-item {
    text-align: center;
    padding: 25px 15px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

    .whynow-item:hover {
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
        transform: translateY(-5px);
    }

.whynow-number {
    font-size: 40px;
    font-weight: 800;
    color: rgba(244, 197, 66, 0.3);
    line-height: 1;
    margin-bottom: 10px;
    font-family: 'Georgia', serif;
}

.whynow-item h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.whynow-item p {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* Final CTA */
.jm-final-cta {
    padding: 80px 0;
    background: #f0f4f9;
}

.final-cta-content h2 {
    font-size: 38px;
    font-weight: 700;
    color: #1a3c6e;
    margin-bottom: 20px;
}

.final-cta-content p {
    font-size: 18px;
    color: #555;
    max-width: 700px;
    margin: 0 auto 30px;
    line-height: 1.8;
}

.final-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

    .final-tags span {
        background: #fff;
        padding: 10px 25px;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 600;
        color: #1a3c6e;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        transition: all 0.3s ease;
    }

        .final-tags span:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            background: #1a3c6e;
            color: #fff;
        }

.final-buttons .btn-default {
    margin: 0 10px;
}

/* Responsive */
@media (max-width: 991px) {
    .jm-comeback .row {
        flex-direction: column !important;
    }

    .jm-image img {
        height: 250px;
        margin-top: 30px;
    }

    .jm-content h2 {
        font-size: 26px;
    }

    .jm-form-content h2 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .jm-content h2 {
        font-size: 22px;
    }

    .jm-form-content h2 {
        font-size: 22px;
    }

    .final-cta-content h2 {
        font-size: 28px;
    }

    .final-tags span {
        padding: 8px 18px;
        font-size: 12px;
    }

    .final-buttons .btn-default {
        display: block;
        margin: 10px auto;
    }

    .jm-image-badge {
        bottom: 10px;
        right: 10px;
        padding: 8px 15px;
    }

        .jm-image-badge span {
            font-size: 20px;
        }

    .jm-form-box {
        padding: 25px 20px;
        margin-top: 30px;
    }

    .connect-item {
        flex-direction: column;
        text-align: center;
    }
}