/* =========================================
   CTA BUTTONS CLEAN VERSION
========================================= */

.hero-cta-buttons{

    display:flex;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

    margin-top:40px;

}

/* BUTTON */

.hero-cta-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:68px;

    padding:0 34px;

    border-radius:100px;

    text-decoration:none;

    font-size:17px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:0.3px;

    transition:0.35s ease;

    box-shadow:0 10px 30px rgba(0,0,0,0.18);

}

/* CALL BUTTON */

.call-btn{

    background:#ff1e1e;

    color:#ffffff;

}

/* WHATSAPP BUTTON */

.whatsapp-btn{

    background:green;

    color:#ffffff;
}

/* HOVER */

.hero-cta-btn:hover{

    transform:translateY(-4px);

}

/* =========================================
   TABLET
========================================= */

@media(max-width:991px){

    .hero-cta-buttons{

        justify-content:center;

    }

}

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

@media(max-width:767px){

    .hero-cta-buttons{

        flex-direction:column;

        width:100%;

    }

    .hero-cta-btn{

        width:100%;

        height:60px;

        font-size:15px;

        padding:0 20px;

    }

}

/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

    .hero-cta-btn{

        font-size:13px;

        height:56px;

    }

}


/* About  */


/* CTA BUTTON WRAPPER */

.service-cta-buttons{

    display:flex;

    gap:12px;

    margin-top:25px;

    flex-wrap:wrap;

}

/* COMMON BUTTON */

.service-call-btn,
.service-whatsapp-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:54px;

    padding:0 24px;

    border-radius:60px;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    transition:0.3s ease;

}

/* CALL BUTTON */

.service-call-btn{

    background:#ffcc00;

    color:#000000;

}

/* WHATSAPP */

.service-whatsapp-btn{

    background:#25d366;

    color:#ffffff;

}

/* HOVER */

.service-call-btn:hover,
.service-whatsapp-btn:hover{

    transform:translateY(-3px);

}

/* MOBILE */

@media(max-width:767px){

    .service-cta-buttons{

        flex-direction:column;

    }

    .service-call-btn,
    .service-whatsapp-btn{

        width:100%;

    }

}


/* why choose CTA */

/* =========================================
   WHY CHOOSE CTA BUTTONS
========================================= */

.why-choose-cta{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    margin-top:35px;

}

/* COMMON BUTTON */

.why-call-btn,
.why-whatsapp-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:62px;

    padding:0 32px;

    border-radius:100px;

    text-decoration:none;

    font-size:16px;

    font-weight:800;

    text-transform:uppercase;

    transition:0.35s ease;

    box-shadow:0 10px 30px rgba(0,0,0,0.12);

}

/* CALL BUTTON */

.why-call-btn{

    background:#ff1e1e;

    color:#ffffff;

}

/* WHATSAPP BUTTON */

.why-whatsapp-btn{

    background:#25D366;

    color:#ffffff;

}

/* HOVER */

.why-call-btn:hover,
.why-whatsapp-btn:hover{

    transform:translateY(-4px);

}

/* TABLET */

@media(max-width:991px){

    .why-choose-cta{

        justify-content:flex-start;

    }

}

/* MOBILE */

@media(max-width:767px){

    .why-choose-cta{

        flex-direction:column;

        align-items:stretch;

    }

    .why-call-btn,
    .why-whatsapp-btn{

        width:100%;

        height:58px;

        font-size:15px;

    }

}

/* SMALL MOBILE */

@media(max-width:480px){

    .why-call-btn,
    .why-whatsapp-btn{

        font-size:13px;

        padding:0 18px;

    }

}

/* service-section CTA */

/* =========================================
   SERVICE CARD BUTTON
========================================= */

.service-card-btn-wrap{

    margin-top:25px;

}

/* BUTTON */

.service-card-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    height:52px;

    padding:0 24px;

    border-radius:60px;

    background:#ffcc00;

    color:#000000;

    font-size:15px;

    font-weight:800;

    text-transform:uppercase;

    text-decoration:none;

    transition:0.35s ease;

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

}

/* ICON */

.service-btn-icon{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#001b44;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    flex-shrink:0;

}

/* HOVER */

.service-card-btn:hover{

    transform:translateY(-4px);

    background:#ffd633;

}

/* MOBILE */

@media(max-width:767px){

    .service-card-btn{

        width:100%;

        justify-content:center;

        font-size:14px;

    }

}


/* Advance-electrical CTA */

/* =========================================
   ELECTRICAL CTA BUTTONS
========================================= */

.electrical-hero-cta{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

    margin-top:32px;

}

/* COMMON BUTTON */

.electrical-call-btn,
.electrical-whatsapp-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    height:60px;

    padding:0 28px;

    border-radius:100px;

    text-decoration:none;

    font-size:15px;

    font-weight:800;

    text-transform:uppercase;

    transition:0.35s ease;

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

}

/* ICON */

.electrical-call-btn i,
.electrical-whatsapp-btn i{

    font-size:16px;

}

/* CALL BUTTON */

.electrical-call-btn{

    background:#ff1e1e;

    color:#ffffff;

}

/* WHATSAPP BUTTON */

.electrical-whatsapp-btn{

    background:#25D366;

    color:#ffffff;

}

/* HOVER */

.electrical-call-btn:hover,
.electrical-whatsapp-btn:hover{

    transform:translateY(-4px);

}

/* TABLET */

@media(max-width:991px){

    .electrical-hero-cta{

        justify-content:flex-start;

    }

}

/* MOBILE */

@media(max-width:767px){

    .electrical-hero-cta{

        flex-direction:column;

        align-items:stretch;

    }

    .electrical-call-btn,
    .electrical-whatsapp-btn{

        width:100%;

        height:56px;

        font-size:14px;

    }

}

/* SMALL MOBILE */

@media(max-width:480px){

    .electrical-call-btn,
    .electrical-whatsapp-btn{

        font-size:13px;

        padding:0 18px;

    }

}

/* FAQ CTA */

/* =========================================
   FAQ CTA BUTTONS
========================================= */

.faq-cta-buttons{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-top:35px;

}

/* COMMON BUTTON */

.faq-call-btn,
.faq-whatsapp-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:100%;

    height:58px;

    border-radius:100px;

    text-decoration:none;

    font-size:15px;

    font-weight:800;

    text-transform:uppercase;

    transition:0.35s ease;

}

/* ICON */

.faq-call-btn i,
.faq-whatsapp-btn i{

    font-size:16px;

}

/* CALL BUTTON */

.faq-call-btn{

    background:#ff1e1e;

    color:#ffffff;

}

/* WHATSAPP BUTTON */

.faq-whatsapp-btn{

    background:#25D366;

    color:#ffffff;

}

/* HOVER */

.faq-call-btn:hover,
.faq-whatsapp-btn:hover{

    transform:translateY(-3px);

}

/* MOBILE */

@media(max-width:767px){

    .faq-call-btn,
    .faq-whatsapp-btn{

        height:54px;

        font-size:14px;

    }

}

/* SMALL MOBILE */

@media(max-width:480px){

    .faq-call-btn,
    .faq-whatsapp-btn{

        font-size:13px;

    }

}

/* blog */

/* KEYWORD LINK */

.blog-keyword-link{

    color:#08142b;

    font-weight:700;

    text-decoration:none;

    border-bottom:2px solid #ffcc00;

    transition:0.3s ease;

}

.blog-keyword-link:hover{

    color:#ff1e1e;

}

/* INLINE CTA */

.blog-inline-cta{

    background:#08142b;

    padding:45px;

    border-radius:24px;

    margin:50px 0;

    text-align:center;

}

.blog-inline-cta h4{

    color:#ffffff;

    font-size:32px;

    margin-bottom:15px;

}

.blog-inline-cta p{

    color:#d5d9e3;

    font-size:17px;

    line-height:1.8;

    margin-bottom:28px;

}

/* BUTTONS */

.blog-inline-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

/* COMMON BTN */

.blog-call-btn,
.blog-whatsapp-btn{

    height:56px;

    padding:0 28px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:100px;

    text-decoration:none;

    font-size:14px;

    font-weight:800;

    text-transform:uppercase;

}

/* CALL */

.blog-call-btn{

    background:#ff1e1e;

    color:#ffffff;

}

/* WHATSAPP */

.blog-whatsapp-btn{

    background:#25D366;

    color:#ffffff;

}

/* MOBILE */

@media(max-width:767px){

    .blog-inline-cta{

        padding:30px 20px;

    }

    .blog-inline-cta h4{

        font-size:24px;

    }

    .blog-inline-buttons{

        flex-direction:column;

    }

    .blog-call-btn,
    .blog-whatsapp-btn{

        width:100%;

    }

}