/* =========================================================
   CSP REGISTER HEADER
========================================================= */

.csp-top-header {
    width: 100%;

    background: #ffffff;

    border-bottom: 1px solid #e5e7eb;

    padding: 10px 0;

    position: relative;
    z-index: 1000;
}

/* =========================================================
   LOGO LINKS
========================================================= */

.header-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

/* =========================================================
   LOGO IMAGES
========================================================= */

.csp-top-header img {
    object-fit: contain;
    transition: all 0.3s ease;
}

/* MeitY */

.meity-logo {
    max-height: 52px;
}

/* IndiaAI */

.indiaai-logo {
    max-height: 60px;
}

/* Digital India */

.digital-logo {
    max-height: 52px;
}

/* =========================================================
   HOVER EFFECT
========================================================= */

.header-logo:hover img {
    transform: scale(1.02);
}

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

@media (max-width: 768px) {

    .csp-top-header {
        padding: 8px 0;
    }

    .meity-logo {
        max-height: 38px;
    }

    .indiaai-logo {
        max-height: 42px;
    }

    .digital-logo {
        max-height: 36px;
    }
}

@media (max-width: 576px) {

    .csp-top-header .row {
        row-gap: 10px;
    }

    .csp-top-header .col-4 {
        text-align: center !important;
    }

    .header-logo {
        justify-content: center;
        width: 100%;
    }

    .meity-logo {
        max-height: 32px;
    }

    .indiaai-logo {
        max-height: 36px;
    }

    .digital-logo {
        max-height: 30px;
    }
}

.footer .copyright {
    text-align: center;
    color: #012970;
}

.footer .credits {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #012970;
}



/* =========================================
   CSP DROPDOWN DESIGN
========================================= */

#meityCspName {

    height: 52px;

    border-radius: 14px;

    padding: 12px 16px;

    font-size: 15px;

    border: 1px solid #d6dbe3;

    box-shadow: none;

    transition: all 0.3s ease;
}

/* =========================================
   FOCUS EFFECT
========================================= */

#meityCspName:focus {

    border-color: #2563eb;

    box-shadow:
        0 0 0 0.2rem rgba(37, 99, 235, 0.15);
}