footer.footer-final {
    background-color: #062d60;
    color: #ffffff;
    overflow-x: hidden;
    font-family: 'Inter', sans-serif;
    padding: 40px 0 15px 0;
}

.footer-final h6 {
    font-size: 13px;
    letter-spacing: 0.8px;
    margin-bottom: 12px !important;
    color: #00d4bd;
    text-transform: uppercase;
    font-weight: 700;
}

.footer-final ul li {
    margin-bottom: 5px !important;
}

.footer-final ul li a {
    font-size: 13px;
    transition: 0.3s;
    opacity: 0.75;
    text-decoration: none;
    color: #ffffff;
}

.footer-final ul li a:hover {
    color: #00E5FF !important;
    opacity: 1;
}

.social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    color: #ffffff;
    margin-right: 8px;
    transition: 0.3s;
    text-decoration: none;
    font-size: 12px;
}

.social-btn:hover {
    background-color: #00E5FF;
    color: #062d60;
    border-color: #00d4bd;
}

@media (min-width: 992px) {
    .footer-main-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .footer-final {
        padding: 30px 0 10px 0 !important;
    }

    .footer-final h6 {
        margin-top: 15px;
        margin-bottom: 8px !important;
        font-size: 12px;
    }

    .footer-text-mob {
        font-size: 12px !important;
    }

    .brand-section {
        text-align: center;
        margin-bottom: 25px;
    }

    .brand-section p {
        margin-left: auto;
        margin-right: auto;
    }

    .newsletter-box {
        margin: 0 auto 15px auto !important;
    }

    .bottom-links {
        justify-content: center !important;
        margin-top: 10px;
    }
}

.service-header {
    color: white;
    font-weight: 650;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 1px;
}


/* =====================================================================
   ADDITIONS (visual change = 0)
   ===================================================================== */

/* Pehle inline style="" the -> ab classes */
.footer-final .footer-logo {
    /* <img style="height:60px;width:auto"> */
    height: 60px;
    width: auto;
}

.footer-final .footer-contact {
    /* <div style="font-size:13px"> */
    font-size: 13px;
}

.footer-final .footer-contact a,
.footer-final .footer-contact a:hover {
    /* <a style="text-decoration:none;color:inherit"> */
    text-decoration: none;
    color: inherit;
}

.footer-final .footer-contact .footer-ico {
    /* <i style="color:#00E5FF;font-size:11px"> */
    color: #00E5FF;
    font-size: 11px;
}

.footer-final .footer-cert {
    /* <span style="padding-top:10px"> */
    padding-top: 10px;
}

.footer-final .bottom-links {
    /* style="font-size:11px" */
    font-size: 11px;
}

/* Copyright: pehle .opacity-50 (contrast 4.49:1 = fail). 0.55 par 5.1:1 pass, dikhne me same */
.footer-final .footer-copy {
    font-size: 10px;
    opacity: 0.55;
}

/* Bottom links ka tap-area 24px tak (layout height wahi: negative margin se compensate) */
.footer-final .bottom-links a {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-block: -3.75px;
}

/* Keyboard users ke liye focus ring (mouse click par nahi dikhta) */
.footer-final a:focus-visible {
    outline: 2px solid #00E5FF;
    outline-offset: 2px;
}