*{box-sizing:border-box}
:root{--blue:#0ea5e9;--orange:#f97316;--deep:#0f172a;--muted:#64748b}
body{margin:0;font-family:Arial,'Noto Sans Telugu',sans-serif;background:#f1f5f9;color:#0f172a}
a{text-decoration:none}
/* HEADER */

.header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 20px;
    background:#fff;
    position:sticky;
    top:0;
    z-index:9999;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

/* Logo */

.logo img{
    width:280px;
    height:auto;
}

/* Menu */

.nav-menu{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
}

/* Buttons */

.nav-menu a{

    padding:10px 18px;

    font-size:15px;

    font-weight:700;

    border-radius:25px;

    border:2px solid #e5e5e5;

    text-decoration:none;

    color:#222;

    background:#fff;

    transition:.3s;
}

.nav-menu a:hover{

    background:#0099ff;

    color:#fff;

}

.active{

    background:#0099ff !important;

    color:#fff !important;

}

.register-btn{

    background:#ff9800 !important;

    color:#fff !important;

    border:none;

}

.login-btn{

    border:2px solid #0099ff;

    color:#0099ff;

}

.admin-btn{

    border:2px solid #0099ff;

    color:#0099ff;

}
.brand{
    display:flex;
    align-items:center;
    background:transparent;
    border:none;
    outline:none;
    box-shadow:none;
    padding:0;
    margin:0;
}.brand-logo{
    width:340px;
    height:auto;
    border:none;
    outline:none;
    box-shadow:none;
    background:transparent;
    border-radius:0;
}
.brand-title{font-size:30px;font-weight:900;color:#7c2d12;line-height:1}.brand-subtitle{font-size:18px;font-weight:800;color:#0284c7;margin-top:4px}
.main-nav{display:flex;gap:24px;align-items:center}.main-nav a{font-size:17px;font-weight:900;color:#0f172a}.main-nav a:hover{color:var(--orange)}
.register-btn,.admin-link{background:linear-gradient(90deg,#f97316,#f59e0b);color:#fff!important;padding:12px 18px;border-radius:30px}
.news-ticker{

height:50px;

overflow:hidden;

background:#08192d;

color:#fff;

display:flex;

align-items:center;

}

.news-track{

display:inline-flex;

white-space:nowrap;

animation:ticker 30s linear infinite;

}

.news-track span{

margin-right:80px;

font-size:18px;

font-weight:bold;

}

@keyframes ticker{

0%{transform:translateX(100%);}

100%{transform:translateX(-100%);}

}
.hero{min-height:610px;color:#fff;display:flex;align-items:center;padding:80px 7%;background:linear-gradient(120deg,rgba(2,6,23,.82),rgba(14,165,233,.55)),url('assets/hero1.jpg') center/cover no-repeat;animation:heroSlider 16s infinite}
@keyframes heroSlider{0%,30%{background-image:linear-gradient(120deg,rgba(2,6,23,.82),rgba(14,165,233,.55)),url('assets/hero1.jpg')}35%,65%{background-image:linear-gradient(120deg,rgba(2,6,23,.82),rgba(249,115,22,.45)),url('assets/hero2.jpg')}70%,100%{background-image:linear-gradient(120deg,rgba(2,6,23,.82),rgba(15,81,50,.55)),url('assets/hero3.jpg')}}
.hero-content{max-width:900px}.premium-tag{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:10px 18px;border-radius:50px;font-weight:900;color:#fde68a}
.hero h1{font-size:60px;line-height:1.1;margin:20px 0}.hero p{font-size:22px;line-height:1.7}
.searchbar{display:flex;background:#fff;padding:8px;border-radius:18px;max-width:760px;box-shadow:0 18px 40px rgba(0,0,0,.26);margin-top:28px}.searchbar input{flex:1;border:0;padding:18px;font-size:17px;outline:0}.searchbar button{background:linear-gradient(90deg,#f97316,#f59e0b);border:0;border-radius:14px;padding:0 34px;font-weight:900}
.container{padding:48px 7%}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;margin-top:-90px;position:relative;z-index:2}.stat{background:#fff;padding:26px;border-radius:26px;box-shadow:0 15px 35px rgba(2,6,23,.15);border-top:6px solid var(--orange)}.stat b{display:block;font-size:40px;color:#0284c7}.stat span{font-weight:900;color:#475569}
.section-title{font-size:38px;margin:0}.sub{color:#64748b;line-height:1.7;font-size:17px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:26px}.card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(2,6,23,.09);border:1px solid #e2e8f0}.card img{width:100%;height:210px;object-fit:cover}.card-body{padding:22px}.badge{display:inline-block;background:#e0f2fe;color:#0369a1;font-weight:900;padding:7px 12px;border-radius:22px;font-size:13px}.card h3{font-size:23px;margin:13px 0 8px}.card p{color:#475569;line-height:1.65}
.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{background:#f1f5f9;padding:8px 12px;border-radius:20px;font-weight:800;color:#334155}
.btn{display:inline-block;border:0;background:#0284c7;color:#fff;padding:12px 18px;border-radius:12px;font-weight:900;cursor:pointer}.btn-orange{background:linear-gradient(90deg,#f97316,#f59e0b);color:#fff}.btn-red{background:#dc2626}
.feature{background:#fff;border-radius:26px;padding:26px;box-shadow:0 10px 28px rgba(2,6,23,.08);border-left:6px solid var(--orange)}
.form-box{max-width:780px;margin:42px auto;background:#fff;padding:32px;border-radius:26px;box-shadow:0 10px 30px rgba(2,6,23,.10)}
input,textarea,select{width:100%;padding:14px;margin:8px 0 18px;border:1px solid #cbd5e1;border-radius:13px;font-size:16px;background:#fff}textarea{min-height:170px}.notice{padding:14px;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;margin-bottom:16px}
.table-wrap{overflow:auto;background:#fff;border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.08)}.table{width:100%;border-collapse:collapse;min-width:820px}.table th{background:#0284c7;color:#fff}.table th,.table td{padding:14px;border-bottom:1px solid #e5e7eb;text-align:left}
.footer{background:#0f172a;color:#cbd5e1;padding:45px 7%;margin-top:50px}.footer b{color:#fff}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}
.village-cover{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.09)}.village-cover img{width:100%;height:360px;object-fit:cover}.village-info{padding:30px}
@media(max-width:900px){.top-header{height:auto;padding:14px 18px;flex-wrap:wrap}.main-nav{gap:14px;flex-wrap:wrap}.hero h1{font-size:38px}.hero p{font-size:18px}.searchbar{display:block}.searchbar button{height:52px;width:100%}.brand-title{font-size:24px}.brand-subtitle{font-size:15px}.container{padding:34px 5%}}
.post-gallery{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:12px;
    padding:15px;
    background:#ffffff;
}

.post-gallery img{
    width:100%;
    height:230px;
    object-fit:cover;
    border-radius:14px;
    cursor:pointer;
    transition:transform .3s ease, box-shadow .3s ease;
}

.post-gallery img:hover{
    transform:scale(1.03);
    box-shadow:0 8px 20px rgba(0,0,0,.25);
}

@media(max-width:768px){

    .post-gallery{
        grid-template-columns:1fr;
    }

    .post-gallery img{
        height:250px;
    }

}
.post-gallery{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    padding:15px;
    background:#ffffff;
}

.post-gallery img{
    width:100%;
    height:230px;
    object-fit:cover;
    object-position:center;
    border-radius:15px;
    box-shadow:0 5px 14px rgba(0,0,0,.15);
    transition:transform .25s ease, box-shadow .25s ease;
}

.post-gallery img:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(0,0,0,.24);
}

@media(max-width:900px){

    .post-gallery{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

}

@media(max-width:600px){

    .post-gallery{
        grid-template-columns:1fr;
    }

    .post-gallery img{
        height:240px;
    }

}
select{
    width:100%;
    padding:14px;
    margin:8px 0 18px;
    border:1px solid #cbd5e1;
    border-radius:13px;
    font-size:16px;
    background:#ffffff;
}
select {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 16px;
    margin: 8px 0 18px;
    border: 1px solid #cbd5e1;
    border-radius: 13px;
    background-color: #ffffff;
    font-size: 16px;
    color: #0f172a;
    cursor: pointer;
}
/* Posts & Gallery: desktop lo 2 posts per row */
.posts-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:28px;
    align-items:start;
}

/* Post card full width */
.posts-grid .card{
    width:100%;
    min-width:0;
}

/* Each post lo 3 images */
.posts-grid .post-gallery{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    padding:15px;
}

/* Images konchem peddaga, neat ga */
.posts-grid .post-gallery img{
    width:100%;
    height:260px;
    object-fit:cover;
    object-position:center;
    border-radius:15px;
}

/* Tablet */
@media(max-width:900px){

    .posts-grid{
        grid-template-columns:1fr;
    }

    .posts-grid .post-gallery{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

}

/* Mobile */
@media(max-width:600px){

    .posts-grid{
        grid-template-columns:1fr;
    }

    .posts-grid .post-gallery{
        grid-template-columns:1fr;
    }

    .posts-grid .post-gallery img{
        height:280px;
    }

}
/* ==================================
   BULLAS GROUP SOLAR UNITS PAGE
================================== */

.solar-page-banner{
    min-height:340px;

    display:flex;
    align-items:center;

    padding:65px 7%;

    color:#ffffff;

    background:
        linear-gradient(
            110deg,
            rgba(2,6,23,.88),
            rgba(249,115,22,.56)
        ),
        url('assets/hero2.jpg')
        center/cover no-repeat;
}

.solar-page-banner > div{
    max-width:900px;
}

.solar-page-banner h1{
    font-size:48px;
    line-height:1.15;
    margin:18px 0 10px;
}

.solar-page-banner p{
    max-width:800px;
    font-size:20px;
    line-height:1.7;
}

.solar-units-container{
    padding-top:45px;
}

.solar-village-section{
    margin-bottom:60px;
}

.solar-village-heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    margin-bottom:24px;
    padding:22px 26px;

    background:#ffffff;
    border-left:7px solid #f97316;
    border-radius:20px;

    box-shadow:
        0 10px 28px rgba(2,6,23,.09);
}

.solar-village-heading h2{
    margin:9px 0 5px;

    font-size:34px;
    color:#0f172a;
}

.solar-village-heading p{
    margin:0;

    color:#64748b;
    font-size:17px;
    font-weight:700;
}

.solar-project-count{
    min-width:115px;

    padding:16px;

    text-align:center;

    color:#ffffff;
    background:
        linear-gradient(
            135deg,
            #f97316,
            #f59e0b
        );

    border-radius:18px;
    font-size:31px;
    font-weight:900;
}

.solar-project-count span{
    display:block;

    margin-top:3px;

    font-size:13px;
    font-weight:800;
}

.solar-posts-grid{
    display:grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:28px;
    align-items:start;
}

.solar-post-card{
    width:100%;
    min-width:0;
}

.solar-card-gallery{
    display:grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:10px;
    padding:14px;

    background:#ffffff;
}

.solar-card-gallery img{
    width:100%;
    height:245px;

    object-fit:cover;
    object-position:center;

    border-radius:14px;

    box-shadow:
        0 6px 16px rgba(0,0,0,.14);
}

.solar-post-content{
    min-height:110px;
}

.solar-post-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;

    margin-top:18px;
}

.solar-post-footer small{
    color:#64748b;
    font-weight:700;
}

/* Tablet */
@media(max-width:950px){

    .solar-posts-grid{
        grid-template-columns:1fr;
    }

    .solar-page-banner h1{
        font-size:39px;
    }
}

/* Mobile */
@media(max-width:650px){

    .solar-page-banner{
        min-height:300px;
        padding:50px 5%;
    }

    .solar-page-banner h1{
        font-size:32px;
    }

    .solar-page-banner p{
        font-size:17px;
    }

    .solar-village-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .solar-project-count{
        width:100%;
    }

    .solar-card-gallery{
        grid-template-columns:1fr;
    }

    .solar-card-gallery img{
        height:280px;
    }
}
.ticker-solar-link{
    color:#fde047;
    font-weight:900;
    text-decoration:none;
}

.ticker-solar-link:hover{
    color:#ffffff;
    text-decoration:underline;
}

.ticker-separator{
    margin:0 15px;
    color:#ffffff;
}/* =========================================
   CNBC / TV9 STYLE PREMIUM NEWS TICKER
========================================= */

.premium-ticker{
    width:100%;
    height:56px;

    display:flex;
    align-items:center;

    background:#071225;
    color:#ffffff;

    overflow:hidden;

    border-bottom:3px solid #f97316;

    box-shadow:
        0 5px 15px rgba(0,0,0,.20);

    position:relative;
    z-index:20;
}

/* Fixed Latest Box */

.premium-ticker-label{
    height:100%;
    min-width:145px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    padding:0 22px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            #f97316,
            #ef4444
        );

    font-size:17px;
    font-weight:900;
    letter-spacing:.6px;

    position:relative;
    z-index:5;

    flex-shrink:0;

    box-shadow:
        7px 0 15px rgba(0,0,0,.28);
}

/* Arrow shape after Latest box */

.premium-ticker-label::after{
    content:"";

    position:absolute;
    top:0;
    right:-24px;

    width:0;
    height:0;

    border-top:28px solid transparent;
    border-bottom:28px solid transparent;
    border-left:24px solid #ef4444;
}

/* Flashing live circle */

.live-dot{
    width:10px;
    height:10px;

    background:#ffffff;

    border-radius:50%;

    box-shadow:
        0 0 0 0 rgba(255,255,255,.7);

    animation:
        livePulse 1.4s infinite;
}

@keyframes livePulse{

    0%{
        box-shadow:
            0 0 0 0 rgba(255,255,255,.75);
    }

    70%{
        box-shadow:
            0 0 0 9px rgba(255,255,255,0);
    }

    100%{
        box-shadow:
            0 0 0 0 rgba(255,255,255,0);
    }
}

/* Scrolling visible area */

.premium-ticker-window{
    flex:1;

    height:100%;

    display:flex;
    align-items:center;

    overflow:hidden;

    margin-left:28px;

    position:relative;
}

/* Fade effect on both sides */

.premium-ticker-window::before,
.premium-ticker-window::after{
    content:"";

    position:absolute;
    top:0;

    width:50px;
    height:100%;

    z-index:3;

    pointer-events:none;
}

.premium-ticker-window::before{
    left:0;

    background:
        linear-gradient(
            90deg,
            #071225,
            transparent
        );
}

.premium-ticker-window::after{
    right:0;

    background:
        linear-gradient(
            270deg,
            #071225,
            transparent
        );
}

/* Continuous moving row */

.premium-ticker-track{
    display:flex;
    align-items:center;

    width:max-content;

    white-space:nowrap;

    animation:
        premiumTickerScroll 35s linear infinite;

    will-change:transform;
}

/* Stop scrolling on hover */

.premium-ticker:hover
.premium-ticker-track{
    animation-play-state:paused;
}

/* Each news item */

.ticker-item{
    display:flex;
    align-items:center;
    gap:12px;

    margin-right:50px;

    font-size:17px;
    font-weight:700;

    color:#f8fafc;
}

.ticker-bullet{
    color:#38bdf8;
    font-size:10px;
}

/* Solar Units link */

.solar-ticker-item a{
    color:#fde047;

    font-size:18px;
    font-weight:900;

    text-decoration:none;

    transition:
        color .25s ease,
        text-shadow .25s ease;
}

.solar-ticker-item a:hover{
    color:#ffffff;

    text-shadow:
        0 0 12px rgba(253,224,71,.8);
}

/* Exact continuous movement */

@keyframes premiumTickerScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* Tablet */

@media(max-width:900px){

    .premium-ticker{
        height:52px;
    }

    .premium-ticker-label{
        min-width:115px;
        padding:0 14px;
        font-size:15px;
    }

    .premium-ticker-label::after{
        right:-21px;

        border-top-width:26px;
        border-bottom-width:26px;
        border-left-width:21px;
    }

    .premium-ticker-track{
        animation-duration:28s;
    }

    .ticker-item{
        font-size:15px;
        margin-right:35px;
    }

    .solar-ticker-item a{
        font-size:16px;
    }
}

/* Mobile */

@media(max-width:600px){

    .premium-ticker{
        height:48px;
    }

    .premium-ticker-label{
        min-width:95px;
        padding:0 10px;
        font-size:13px;
    }

    .premium-ticker-label::after{
        right:-18px;

        border-top-width:24px;
        border-bottom-width:24px;
        border-left-width:18px;
    }

    .premium-ticker-window{
        margin-left:22px;
    }

    .premium-ticker-track{
        animation-duration:23s;
    }

    .ticker-item{
        font-size:14px;
        margin-right:28px;
    }

    .solar-ticker-item a{
        font-size:14px;
    }
}
/* ==================================
   SINGLE SOLAR POST PAGE
================================== */

.single-post-banner{
    min-height:310px;

    display:flex;
    align-items:center;

    padding:60px 7%;

    color:#ffffff;

    background:
        linear-gradient(
            110deg,
            rgba(2,6,23,.88),
            rgba(249,115,22,.58)
        ),
        url('assets/hero2.jpg')
        center/cover no-repeat;
}

.single-post-banner > div{
    max-width:950px;
}

.single-post-banner h1{
    margin:18px 0 10px;

    font-size:46px;
    line-height:1.2;
}

.single-post-banner p{
    margin:0;

    font-size:20px;
    font-weight:700;
}

.single-solar-post{
    overflow:hidden;

    background:#ffffff;

    border-radius:28px;

    box-shadow:
        0 15px 40px rgba(2,6,23,.12);
}

.single-post-gallery{
    display:grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:16px;

    padding:22px;

    background:#f8fafc;
}

.single-post-gallery a{
    display:block;
    overflow:hidden;

    border-radius:18px;
}

.single-post-gallery img{
    width:100%;
    height:340px;

    display:block;

    object-fit:cover;
    object-position:center;

    border-radius:18px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.single-post-gallery img:hover{
    transform:scale(1.03);

    box-shadow:
        0 15px 30px rgba(0,0,0,.22);
}

.single-post-content{
    padding:34px;
}

.single-post-content h1{
    margin:15px 0;

    font-size:36px;
    line-height:1.25;
}

.post-location-details{
    display:flex;
    flex-wrap:wrap;
    gap:12px;

    margin:18px 0 28px;
}

.post-location-details span{
    padding:10px 15px;

    color:#334155;
    background:#f1f5f9;

    border-radius:22px;

    font-size:15px;
}

.single-post-description{
    color:#334155;

    font-size:19px;
    line-height:1.95;
}

.single-post-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;

    margin-top:32px;
    padding-top:24px;

    border-top:1px solid #e2e8f0;
}

.single-post-buttons{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

/* Tablet */

@media(max-width:900px){

    .single-post-gallery{
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .single-post-gallery img{
        height:300px;
    }

    .single-post-banner h1{
        font-size:38px;
    }
}

/* Mobile */

@media(max-width:600px){

    .single-post-banner{
        min-height:260px;

        padding:45px 5%;
    }

    .single-post-banner h1{
        font-size:30px;
    }

    .single-post-gallery{
        grid-template-columns:1fr;

        padding:14px;
    }

    .single-post-gallery img{
        height:300px;
    }

    .single-post-content{
        padding:22px;
    }

    .single-post-content h1{
        font-size:28px;
    }

    .single-post-description{
        font-size:17px;
    }

    .single-post-bottom{
        align-items:flex-start;
        flex-direction:column;
    }
}
/* Admin Edit Button */

.action-buttons{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.btn-edit{
    background:#f59e0b;
    color:#ffffff;
}

.btn-edit:hover{
    background:#d97706;
}

/* Edit page image preview */

.edit-image-preview{
    display:grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap:12px;
    margin:10px 0 20px;
}

.edit-image-preview img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:14px;
    box-shadow:
        0 5px 15px rgba(0,0,0,.15);
}

@media(max-width:600px){

    .edit-image-preview{
        grid-template-columns:1fr;
    }

}
.admin-top-buttons{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:18px 0;
}

.edit-village-cover{
    max-width:500px;
    margin:10px 0 20px;
}

.edit-village-cover img{
    width:100%;
    max-height:280px;
    object-fit:cover;
    border-radius:16px;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}
/* =====================================
   DISTRICTS PAGE
===================================== */

.district-grid{
    display:grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap:28px;
}

.district-card{
    display:block;

    min-height:150px;

    padding:30px;

    color:#0f172a;
    background:#ffffff;

    border-left:6px solid #f97316;
    border-radius:24px;

    box-shadow:
        0 10px 28px rgba(2,6,23,.09);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.district-card:hover{
    transform:translateY(-6px);

    box-shadow:
        0 18px 36px rgba(2,6,23,.16);
}

.district-card h3{
    margin:0 0 15px;

    font-size:23px;
    color:#0f172a;
}

.district-card p{
    color:#475569;
    font-size:17px;
}

.district-open{
    display:inline-block;

    margin-top:10px;

    color:#f97316;
    font-weight:900;
}

/* District detail banner */

.district-banner{
    min-height:320px;

    display:flex;
    align-items:center;

    padding:65px 7%;

    color:#ffffff;

    background:
        linear-gradient(
            110deg,
            rgba(2,6,23,.88),
            rgba(2,132,199,.58)
        ),
        url('assets/hero1.jpg')
        center/cover no-repeat;
}

.district-banner h1{
    margin:18px 0 10px;

    font-size:50px;
}

.district-banner p{
    max-width:800px;

    font-size:20px;
    line-height:1.7;
}

.district-village-grid{
    display:grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap:26px;
}

.district-village-card{
    width:100%;
}

.district-post-section{
    margin-top:40px;
    margin-bottom:55px;
}

.district-post-heading{
    margin-bottom:22px;
    padding:22px 26px;

    background:#ffffff;

    border-left:7px solid #0284c7;
    border-radius:20px;

    box-shadow:
        0 10px 28px rgba(2,6,23,.08);
}

.district-post-heading h2{
    margin:9px 0 5px;

    font-size:32px;
}

.district-post-heading p{
    margin:0;
    color:#64748b;
}

.district-post-grid{
    display:grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap:28px;
}

.district-post-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;

    margin-top:18px;
}

/* Tablet */

@media(max-width:950px){

    .district-grid,
    .district-village-grid{
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .district-post-grid{
        grid-template-columns:1fr;
    }
}

/* Mobile */

@media(max-width:650px){

    .district-grid,
    .district-village-grid{
        grid-template-columns:1fr;
    }

    .district-banner{
        min-height:260px;
        padding:45px 5%;
    }

    .district-banner h1{
        font-size:34px;
    }

    .district-banner p{
        font-size:17px;
    }
}
/* =========================
   PREMIUM CORPORATE HEADER
========================= */

.top-header{
    min-height:100px;
    background:#ffffff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 46px;
    box-shadow:0 10px 35px rgba(15,23,42,.12);
    position:sticky;
    top:0;
    z-index:1000;
}

.main-nav{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.main-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    color:#0f172a;
    background:#f8fafc;

    text-transform:uppercase;
    font-size:14px;
    font-weight:900;
    letter-spacing:.8px;

    padding:12px 18px;
    border:1px solid #e2e8f0;
    border-radius:30px;

    box-shadow:0 5px 14px rgba(15,23,42,.07);

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.main-nav a:hover{
    color:#ffffff;
    background:linear-gradient(135deg,#0284c7,#0ea5e9);
    border-color:transparent;
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(2,132,199,.30);
}

/* Login button */

.main-nav a[href="login.php"]{
    color:#0284c7;
    background:#ffffff;
    border:2px solid #0284c7;
}

.main-nav a[href="login.php"]:hover{
    color:#ffffff;
    background:linear-gradient(135deg,#0284c7,#0ea5e9);
}

/* Register and Admin premium buttons */

.register-btn,
.admin-link{
    color:#ffffff !important;
    background:linear-gradient(135deg,#f97316,#f59e0b) !important;
    border-color:transparent !important;
    padding:13px 22px !important;
    box-shadow:0 10px 24px rgba(249,115,22,.30) !important;
}

.register-btn:hover,
.admin-link:hover{
    color:#ffffff !important;
    transform:translateY(-3px) scale(1.03);
    box-shadow:0 14px 30px rgba(249,115,22,.38) !important;
}

/* Logout button */

.main-nav a[href="logout.php"]{
    color:#dc2626;
    background:#fff1f2;
    border-color:#fecdd3;
}

.main-nav a[href="logout.php"]:hover{
    color:#ffffff;
    background:#dc2626;
}

/* Mobile and Tablet */

@media(max-width:1050px){

    .top-header{
        padding:14px 22px;
        align-items:flex-start;
        flex-wrap:wrap;
        gap:14px;
    }

    .main-nav{
        width:100%;
        gap:8px;
    }

    .main-nav a{
        font-size:12px;
        padding:10px 14px;
    }
}

@media(max-width:600px){

    .main-nav a{
        flex:1 1 calc(50% - 8px);
    }

    .register-btn,
    .admin-link{
        flex:1 1 calc(50% - 8px);
    }
}
/* ==========================
   PREMIUM HEADER MENU
========================== */

.main-nav{
    display:flex;
    align-items:center;
    gap:12px;
}

.main-nav a{

    display:inline-block;

    padding:12px 22px;

    background:#ffffff;

    color:#0f172a !important;

    border:2px solid #e5e7eb;

    border-radius:40px;

    font-size:14px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:1px;

    transition:all .30s ease;

}

/* Hover */

.main-nav a:hover{

    color:#fff !important;

    background:linear-gradient(135deg,#0284c7,#0ea5e9);

    border-color:#0284c7;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(2,132,199,.35);

}

/* Active */

.main-nav a.active{

    color:#fff !important;

    background:linear-gradient(135deg,#0284c7,#0ea5e9);

}

/* Login */

.main-nav a.login{

    background:#ffffff;

    border:2px solid #0284c7;

    color:#0284c7 !important;

}

.main-nav a.login:hover{

    background:#0284c7;

    color:#fff !important;

}

/* Register */

.main-nav a.register{

    background:linear-gradient(135deg,#ff7b00,#ffb300);

    color:#fff !important;

    border:none;

    box-shadow:0 10px 20px rgba(255,140,0,.35);

}

.main-nav a.register:hover{

    background:linear-gradient(135deg,#ff9f00,#ff6a00);

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

.header{

flex-direction:column;

padding:10px;

}

.logo img{

width:220px;

}

.nav-menu{

flex-wrap:wrap;

justify-content:center;

gap:6px;

}

.nav-menu a{

padding:8px 14px;

font-size:14px;

}

}
/* ==================================
   BULLAS GROUP PREMIUM HEADER
================================== */

.top-header{
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:10px 38px;
    background:#ffffff;
    box-shadow:0 8px 28px rgba(15,23,42,.10);
    position:sticky;
    top:0;
    z-index:9999;
}

.brand{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.brand-link{
    display:block;
    line-height:0;
}

.brand-logo{
    display:block;
    width:350px;
    height:68px;
    object-fit:contain;
    object-position:left center;
}

.main-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    flex-wrap:nowrap;
}

.nav-link,
.dropdown-btn,
.admin-nav-btn,
.login-nav-btn,
.register-nav-btn{
    min-height:43px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:9px 14px;
    border-radius:24px;
    border:1px solid #e2e8f0;
    background:#ffffff;
    color:#0f172a !important;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
    letter-spacing:.65px;
    white-space:nowrap;
    cursor:pointer;
    font-family:inherit;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.nav-link:hover,
.dropdown-btn:hover{
    color:#ffffff !important;
    background:linear-gradient(135deg,#0284c7,#0ea5e9);
    border-color:transparent;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(2,132,199,.25);
}

.solar-nav-btn{
    color:#b45309 !important;
    border-color:#fbbf24;
    background:#fffbeb;
}

.solar-nav-btn:hover{
    color:#ffffff !important;
    background:linear-gradient(135deg,#f59e0b,#f97316);
}

.admin-nav-btn{
    color:#ffffff !important;
    background:linear-gradient(135deg,#111827,#334155);
    border-color:transparent;
}

.admin-nav-btn:hover{
    color:#ffffff !important;
    background:linear-gradient(135deg,#0f172a,#0284c7);
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(15,23,42,.28);
}

.login-nav-btn{
    color:#0284c7 !important;
    border:2px solid #0284c7;
    background:#ffffff;
}

.login-nav-btn:hover{
    color:#ffffff !important;
    background:#0284c7;
    transform:translateY(-2px);
}

.register-nav-btn{
    color:#ffffff !important;
    border-color:transparent;
    background:linear-gradient(135deg,#f97316,#f59e0b);
    box-shadow:0 8px 20px rgba(249,115,22,.28);
}

.register-nav-btn:hover{
    color:#ffffff !important;
    background:linear-gradient(135deg,#ea580c,#f59e0b);
    transform:translateY(-2px) scale(1.02);
}

/* Dropdown */

.nav-dropdown{
    position:relative;
}

.dropdown-btn{
    appearance:none;
}

.arrow{
    font-size:9px;
    transition:transform .25s ease;
}

.dropdown-menu{
    min-width:230px;
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    padding:10px;
    background:#ffffff;
    border:1px solid #e2e8f0;
    border-radius:16px;
    box-shadow:0 18px 45px rgba(15,23,42,.16);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.25s ease;
    z-index:10000;
}

.dropdown-menu a{
    display:block;
    padding:11px 13px;
    border-radius:10px;
    color:#0f172a;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    letter-spacing:.3px;
}

.dropdown-menu a:hover{
    color:#ffffff;
    background:linear-gradient(135deg,#0284c7,#0ea5e9);
}

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

.nav-dropdown:hover .arrow{
    transform:rotate(180deg);
}

/* Mobile Menu Button */

.mobile-menu-btn{
    display:none;
    width:46px;
    height:42px;
    border:0;
    border-radius:12px;
    background:#0284c7;
    color:#ffffff;
    font-size:23px;
    cursor:pointer;
}

/* Laptop */

@media(max-width:1250px){

    .top-header{
        padding:10px 20px;
        gap:14px;
    }

    .brand-logo{
        width:275px;
        height:62px;
    }

    .main-nav{
        gap:5px;
    }

    .nav-link,
    .dropdown-btn,
    .admin-nav-btn,
    .login-nav-btn,
    .register-nav-btn{
        padding:8px 10px;
        font-size:10px;
        letter-spacing:.4px;
    }
}

/* Tablet and Mobile */

@media(max-width:1100px){

    .top-header{
        min-height:80px;
        flex-wrap:wrap;
        padding:10px 16px;
    }

    .brand-logo{
        width:250px;
        height:58px;
    }

    .mobile-menu-btn{
        display:block;
        margin-left:auto;
    }

    .main-nav{
        display:none;
        width:100%;
        align-items:stretch;
        flex-direction:column;
        gap:8px;
        padding:12px 0 6px;
    }

    .main-nav.show-menu{
        display:flex;
    }

    .nav-link,
    .dropdown-btn,
    .admin-nav-btn,
    .login-nav-btn,
    .register-nav-btn{
        width:100%;
        min-height:45px;
        font-size:13px;
        padding:11px 16px;
    }

    .nav-dropdown{
        width:100%;
    }

    .dropdown-menu{
        display:none;
        position:static;
        width:100%;
        min-width:0;
        margin-top:6px;
        opacity:1;
        visibility:visible;
        transform:none;
        box-shadow:none;
        background:#f8fafc;
    }

    .nav-dropdown:hover .dropdown-menu{
        display:none;
    }

    .nav-dropdown.open .dropdown-menu{
        display:block;
    }

    .nav-dropdown.open .arrow{
        transform:rotate(180deg);
    }
}

@media(max-width:600px){

    .brand-logo{
        width:215px;
        height:52px;
    }

    .top-header{
        padding:8px 12px;
    }
}
/* ==========================================
   BULLAS GROUP BUSINESS PAGES
========================================== */

.business-container{
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
}

.business-hero{
    position:relative;
    padding:80px 0;
    background:
        radial-gradient(circle at top right, rgba(14,165,233,.20), transparent 40%),
        linear-gradient(135deg,#071a2f,#0f3d4e);
    overflow:hidden;
}

.business-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(2,6,23,.92),
            rgba(2,6,23,.66)
        );
}

.business-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    align-items:center;
    gap:50px;
}

.business-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 16px;
    margin-bottom:18px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:30px;
    background:rgba(255,255,255,.10);
    color:#fbbf24;
    font-size:13px;
    font-weight:900;
    letter-spacing:.8px;
}

.business-hero-content h1{
    margin:0 0 18px;
    color:#ffffff;
    font-size:clamp(38px,5vw,66px);
    line-height:1.08;
}

.business-short-text{
    margin:0 0 18px;
    color:#e2e8f0;
    font-size:21px;
    font-weight:700;
    line-height:1.5;
}

.business-description{
    max-width:720px;
    margin:0;
    color:#cbd5e1;
    font-size:17px;
    line-height:1.9;
}

.business-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
}

.business-btn{
    display:inline-flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    padding:12px 24px;
    border-radius:14px;
    text-decoration:none;
    font-size:14px;
    font-weight:900;
    letter-spacing:.5px;
    transition:.25s ease;
}

.primary-business-btn{
    color:#ffffff;
    background:linear-gradient(135deg,#f97316,#f59e0b);
    box-shadow:0 12px 28px rgba(249,115,22,.28);
}

.whatsapp-business-btn{
    color:#ffffff;
    background:#16a34a;
}

.business-btn:hover{
    transform:translateY(-3px);
}

.business-hero-image-box{
    padding:12px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:28px;
    background:rgba(255,255,255,.08);
    box-shadow:0 30px 70px rgba(0,0,0,.30);
}

.business-hero-image{
    display:block;
    width:100%;
    height:430px;
    object-fit:cover;
    border-radius:20px;
}

.business-section{
    padding:75px 0;
    background:#f8fafc;
}

.business-section-heading{
    max-width:700px;
    margin:0 auto 40px;
    text-align:center;
}

.business-section-heading span{
    color:#0284c7;
    font-size:13px;
    font-weight:900;
    letter-spacing:1.2px;
}

.business-section-heading h2{
    margin:10px 0 0;
    color:#0f172a;
    font-size:clamp(30px,4vw,46px);
}

.business-card-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:22px;
}

.business-service-card{
    padding:28px;
    border:1px solid #e2e8f0;
    border-radius:22px;
    background:#ffffff;
    box-shadow:0 16px 35px rgba(15,23,42,.07);
    transition:.25s ease;
}

.business-service-card:hover{
    transform:translateY(-7px);
    box-shadow:0 22px 48px rgba(15,23,42,.12);
}

.service-number{
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    border-radius:16px;
    color:#ffffff;
    background:linear-gradient(135deg,#0284c7,#0ea5e9);
    font-size:18px;
    font-weight:900;
}

.business-service-card h3{
    margin:0 0 12px;
    color:#0f172a;
    font-size:20px;
}

.business-service-card p{
    margin:0;
    color:#64748b;
    line-height:1.7;
}

.business-benefits-section{
    background:#ffffff;
}

.business-benefits-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:16px;
}

.business-benefit-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 20px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#f8fafc;
    color:#0f172a;
    font-weight:800;
}

.benefit-check{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#dcfce7;
    color:#15803d;
    font-size:18px;
    font-weight:900;
}

.business-cta-section{
    padding:70px 0;
    background:#0f172a;
}

.business-cta-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:40px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:26px;
    background:
        linear-gradient(
            135deg,
            rgba(2,132,199,.23),
            rgba(249,115,22,.18)
        );
}

.business-cta-label{
    color:#fbbf24;
    font-size:13px;
    font-weight:900;
    letter-spacing:1px;
}

.business-cta-box h2{
    max-width:780px;
    margin:10px 0;
    color:#ffffff;
    font-size:34px;
}

.business-cta-box p{
    margin:0;
    color:#cbd5e1;
    line-height:1.7;
}

@media(max-width:900px){

    .business-hero-grid{
        grid-template-columns:1fr;
    }

    .business-hero-image{
        height:360px;
    }

    .business-card-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .business-cta-box{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:600px){

    .business-container{
        width:min(100% - 24px, 1180px);
    }

    .business-hero{
        padding:55px 0;
    }

    .business-hero-image{
        height:260px;
    }

    .business-card-grid,
    .business-benefits-grid{
        grid-template-columns:1fr;
    }

    .business-section{
        padding:55px 0;
    }

    .business-cta-box{
        padding:26px 20px;
    }

    .business-cta-box h2{
        font-size:27px;
    }
}