/* ================= DISCLOSURE MOBILE ================= */

@media (max-width: 600px) {

    .disclosure-bar {
        padding: 4px 8px;
    }

    .disclosure-bar p {
        font-size: 8px;
        line-height: 1.45;
    }

    .disclosure-icon {
        font-size: 8px;
    }

}


/* ================= HEADER + HERO RESPONSIVE ================= */


@media(max-width: 992px){

    .top-bar .container,
    .navbar .container {

        flex-direction: column;
        gap: 15px;

    }


    .nav-links {

        gap: 20px;

    }


    .hero-grid {

        grid-template-columns: 1fr;
        text-align: center;

    }


    .hero-buttons {

        justify-content: center;

    }


    .stats-grid {

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

    }

}



@media(max-width:600px){

    .top-bar .left,
    .top-bar .right {

        flex-direction: column;
        gap: 8px;
        text-align:center;

    }


    .nav-links {

        flex-direction: column;
        text-align:center;

    }


    .hero {

        padding:60px 0;

    }


    .hero-text h1 {

        font-size:34px;

    }


    .hero-buttons {

        flex-direction:column;

    }

    /* ================= HERO IMAGE RESPONSIVE ================= */


@media(max-width:768px){

    .hero-image-grid {

        grid-template-columns:1fr;

    }


    .electricity-img {

        grid-column:span 1;

    }


    .hero-img {

        height:220px;

    }

}


    .btn-secondary {

        margin:15px 0 0;

    }


    .stats-grid {

        grid-template-columns:1fr;

    }

}

/* ================= MOBILE NAVIGATION ================= */


@media(max-width:768px){


    .menu-toggle {

        display:block;

    }


    .navbar .container {

        flex-direction:row;

        justify-content:space-between;

    }


    .nav-links {

        position:absolute;

        top:80px;

        left:0;

        width:100%;

        background:#ffffff;

        flex-direction:column;

        align-items:center;

        padding:30px 0;

        gap:20px;

        box-shadow:0 10px 25px rgba(0,0,0,0.1);


        display:none;

    }


    .nav-links.active {

        display:flex;

    }


    .nav-button {

        display:none;

    }


}

/* ================= SERVICES RESPONSIVE ================= */


@media(max-width: 992px){

    .services-grid{

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

    }

}


@media(max-width: 600px){

    .services{

        padding: 60px 0;

    }


    .section-title h2{

        font-size: 30px;

    }


    .services-grid{

        grid-template-columns: 1fr;

        gap: 20px;

    }


    .service-card{

        padding: 30px 20px;

    }

}


/* ================= ABOUT RESPONSIVE ================= */


@media(max-width:992px){

    .about-grid {

        grid-template-columns:1fr;
        text-align:center;

    }


    .about-content h2 {

        font-size:32px;

    }


    .about-points {

        text-align:left;

    }

}


@media(max-width:600px){

    .about {

        padding:60px 0;

    }


    .about-content h2 {

        font-size:28px;

    }


}

/* ================= WHY CHOOSE US RESPONSIVE ================= */


@media(max-width:1100px){

    .features-grid {

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

    }

}



@media(max-width:600px){

    .why-us {

        padding:60px 0;

    }


    .features-grid {

        grid-template-columns:1fr;

    }

}

/* ================= CONTACT RESPONSIVE ================= */


@media(max-width:992px){

    .contact-wrapper {

        grid-template-columns:1fr;

    }


    .contact-info {

        text-align:center;

    }


    .contact-item {

        justify-content:center;

    }

}



@media(max-width:600px){

    .contact {

        padding:60px 0;

    }


    .contact-info h2 {

        font-size:30px;

    }


    .contact-form {

        padding:25px;

    }

}

/* ================= FOOTER RESPONSIVE ================= */


@media(max-width:992px){

    .footer-grid {

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

    }

}



@media(max-width:600px){

    .footer {

        padding-top:50px;

    }


    .footer-grid {

        grid-template-columns:1fr;
        text-align:center;

    }


    .footer-about p {

        margin:auto;

    }

}

/* ================= FAQ RESPONSIVE ================= */


@media(max-width:600px){


    .faq {

        padding:60px 0;

    }


    .faq-question {

        padding:16px 18px;

        font-size:15px;

    }


    .faq-question span {

        font-size:22px;

    }


    .faq-answer p {

        padding:0 18px 18px;

        font-size:14px;

    }


}

@media(max-width:768px){

    .support-gallery {

        grid-template-columns:1fr;

    }


    .support-gallery img:first-child {

        grid-column:auto;
        height:220px;

    }


    .support-gallery img {

        height:200px;

    }

}

/* ================= PHONE NUMBER CLICK TO CALL ================= */

.top-phone,
.footer-contact a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

.top-phone:hover,
.footer-contact a:hover {
    color: var(--primary-color);
}

.contact-item a {
    color: inherit;
    text-decoration: none;
}

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

/* ================= ACTIVE EMAIL ================= */

.contact-item a {
    color: inherit;
    text-decoration: none;
}

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

p a {
    color: inherit;
    text-decoration: none;
}

p a:hover {
    text-decoration: underline;
}