* {
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Times New Roman', Times, serif !important;
}

img {
    max-width: 100%;
}

.container {
    max-width: 1140px;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.wrapper {
    overflow: hidden;
}


/* topbar-section-css-start */


.topbar-section {
    width: 100%;
    background: linear-gradient(90deg, #030b21, #0c3ec8);
    padding: 10px 20px;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

/*========================
    LEFT SIDE
========================*/

.contact-info {
    display: flex;
    align-items: center;
    gap: 25px;
}

.contact-info a {
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
}

.contact-info a:hover {
    color: #ffcc00;
}

.contact-info i {
    margin-right: 6px;
    color: #ffcc00;
}

/*========================
    RIGHT SIDE MARQUEE
========================*/

.marquee-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 18s linear infinite;
}

.marquee-text {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding-right: 80px;
    white-space: nowrap;
}

/*========================
    CONTINUOUS ANIMATION
========================*/

@keyframes marquee {

    0% {
        transform: translateX(0);
    }

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

}

/*========================
    ANIMATION
========================*/

@keyframes marqueeMove {

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

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

}

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

@media(max-width:768px) {

    .topbar-left {
        display: none;
    }

    .topbar-section {
        padding: 8px 10px;
    }

    .marquee-text {
        font-size: 13px;
        animation-duration: 14s;
    }

}


/* topbar-section-css-end */


/* navbar-section-css-start */

.custom-navbar {
    width: 100%;
    background: #ffffff;
    padding: 0px 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 999;
    transition: all 0.4s ease;
}

.custom-navbar.sticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: smoothScroll 0.5s ease forwards;
    box-shadow: 0 6px 18px rgb(174 0 0 / 11%) !important;
    border-bottom: 1px solid #b90000 !important;
}

/* Smooth top animation */
@keyframes smoothScroll {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.logo-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.brand-text {
    margin-left: 5px;
}

.brand-text h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #032b99;
    line-height: 15px;
}

.brand-text span {
    font-size: 12px;
    color: #d45109;
    font-weight: 500;
}

/*========================
    CENTER MENU
========================*/

.nav-center {
    gap: 12px;
}

.nav-link {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 16px !important;
    border-radius: 8px;
    transition: 0.3s;
}

.nav-link:hover,
.nav-link.active {
    background: #0c3cc024;
    color: #d45109 !important;
}

.navbar-expand-lg {
    box-shadow: 0px 0px 15px #00000021 !important;
    border-bottom: 1px solid #7f3b3721 !important;
}

/*========================
    REGISTER BUTTON
========================*/

.register-btn {
    background: linear-gradient(90deg, #0c3cc0, #ef7f05);
    color: #ffffff;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    display: inline-block;
}

.register-btn:hover {
    background: linear-gradient(90deg, #ef7f05, #0c3cc0);
    transform: translateY(-2px);
    color: #fff;
}

/*========================
    MENU BUTTON
========================*/

.menu-btn {
    border: none;
    background: #7a0000;
    color: #fff;
    width: 35px;
    height: 35px;
    padding: 1% !important;
    border-radius: 10px;
    font-size: 18px;
}

.menu-btn:focus {
    box-shadow: none;
}

/*========================
    OFFCANVAS
========================*/
.custom-offcanvas {
    background: linear-gradient(135deg, #030b21, #0059ff, #030b21);
    width: 300px;
}

.offcanvas-header {
    border-bottom: 1px solid #ffffff;
    padding: 20px;
}

.offcanvas-logo {
    width: 55px;
    height: 55px;
    object-fit: contain;
}

.custom-offcanvas .brand-text h5 {
    color: #ffffff;
    font-size: 11px;
}

.custom-offcanvas .brand-text span {
    color: #fff;
}

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

.mobile-menu {
    list-style: none;
    padding: 0;
    margin: 10px 0px 20px 0;
}

.mobile-menu li {
    margin-bottom: 10px;
}

.mobile-menu li a {
    display: block;
    padding: 6px 16px;
    background: rgb(255 255 255);
    border-radius: 10px;
    color: #0c3cc0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    border: 1px solid #d45109;
}

.mobile-menu li a:hover {
    background: #d45109;
    padding-left: 22px;
    color: #fff;
    border: 1px solid #fff;
}


.mobile-register-btn {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: linear-gradient(90deg, #d45109, #0d6efd);
    color: #fff;
    padding: 8px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 12px;
    border: 1px solid #030b21;
    box-shadow: 0px 0px 15px #00000094;
}

.close-button-offcanvas {
    /* width: 50px;
    height: 50px;
    border-radius: 50%; */
    border: none;
    background: none;
    font-size: 24px;
    color: #fff;
}

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

@media(max-width:991px) {

    .brand-text h5 {
        font-size: 14px;
    }

    .brand-text span {
        font-size: 11px;
    }

    .logo-img {
        width: 52px;
        height: 52px;
    }

    .brand-text {
        margin-left: 4px;
        margin-top: 9px;
    }


}

@media(max-width:576px) {

    .brand-text h5 {
        font-size: 11px;
        line-height: 4px;
    }

    .brand-text span {
        font-size: 10px;
    }

    .logo-img {
        width: 46px;
        height: 46px;
    }

}


/* OFFCANVAS CONTACT AREA */
.offcanvas-ph-number {
    margin-top: 20px;
}

.offcanvas-contact-box {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid #ffffff30;
    border-radius: 14px;
    padding: 14px;
    backdrop-filter: blur(4px);
}

.offcanvas-contact-box h4 {
    font-size: 14px;
    color: #ffb347;
    margin-bottom: 6px;
    font-weight: 700;
}

.offcanvas-contact-box p {
    font-size: 13px;
    line-height: 1.7;
    color: #fff;
    margin-bottom: 14px;
}

.offcanvas-contact-box p:last-child {
    margin-bottom: 0;
}



/* navbar-section-css-end */


/* banner-section-css-start */


.dnsf-banner {
    position: relative;
    width: 100%;
    padding: 60px 0 90px;
    overflow: hidden;

    background:
        linear-gradient(to right,
            rgba(0, 0, 0, 0.92),
            rgba(40, 0, 0, 0.35)),
        url('https://images.unsplash.com/photo-1539721972319-f0e80a00d424?q=80&w=2070&auto=format&fit=crop');

    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* OVERLAY */

.dnsf-banner::before {
    content: '';
    position: absolute;
    inset: 0;

    background:
        linear-gradient(to top,
            rgba(0, 0, 0, 0.85),
            rgba(255, 60, 0, 0.15));

    z-index: 1;
}

/* STARS EFFECT */

.stars {
    position: absolute;
    width: 100%;
    height: 100%;

    background-image:
        radial-gradient(white 1px, transparent 1px);

    background-size: 60px 60px;

    opacity: 0.18;

    z-index: 1;

    animation: moveStars 14s linear infinite;
}

@keyframes moveStars {

    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-120px);
    }
}

/* CONTAINER */

.dnsf-banner .container {
    max-width: 900px;
    margin: auto;
    position: relative;
    z-index: 2;
}

/* =========================
   BANNER HEADING
========================= */

.banner-heading {
    margin-bottom: 10px;
}

/* .banner-heading h1,
.banner-heading h2 {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 10px;

    color: #ffe600;
    text-transform: capitalize;
} */

.banner-heading h1 {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 4px;
    color: #ffe600;
    text-transform: capitalize;
}

.banner-heading h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 4px;
    color: #ffe600;
    text-transform: capitalize;
}

.banner-heading p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    margin: 8px 0px;
    color: #fff;
    text-transform: capitalize;
}

.banner-heading span {
    background: linear-gradient(to right, #ffe600, #00a2ff);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* =========================
   CENTER ROW
========================= */

.row.justify-content-center {
    justify-content: center;
    align-items: center;
}

/* COLUMN CENTER */

.row.justify-content-center .col-lg-4,
.row.justify-content-center .col-md-4,
.row.justify-content-center .col-4 {
    display: flex;
    justify-content: center;
    padding: 6px;
}

/* =========================
   COURSE CARD
========================= */

.course-card {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* max-width: 195px; */
    min-height: 100px;
    padding: 30px;
    margin: auto;
    font-size: 24px;
    border-radius: 10px;
    border: 1.5px solid rgba(255, 255, 255, 0.85);
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

/* INNER EFFECT */

/* .course-card::before {
    content: '';
    position: absolute;
    inset: 3px;

    border-radius: 8px;

    background:
        linear-gradient(135deg,
            #ff6b00,
            #2b7cff);

    z-index: 1;
} */

.course-card::before {
	content: '';
	position: absolute;
	inset: 3px;
	border-radius: 8px;
	background: linear-gradient(135deg, #2443ac, #db2bff);
	z-index: 1;
}


/* GLASS EFFECT */

.course-card .glass {
    position: absolute;

    top: -10px;
    right: -8px;

    width: 18px;
    height: 60px;

    background: rgba(255, 255, 255, 0.15);

    transform: rotate(25deg);

    z-index: 2;

    transition: 1.8s ease;
}

/* SHINE EFFECT */

.course-card::after {
    content: '';
    position: absolute;

    top: -30%;
    left: -140%;

    width: 45px;
    height: 180%;

    background: rgba(255, 255, 255, 0.22);

    transform: rotate(25deg);

    z-index: 2;

    transition: 1.8s ease;
}

/* LEFT TO RIGHT SLOW */

.course-card:hover::after {
    left: 140%;
}

/* RIGHT TO LEFT SLOW */

.course-card:hover .glass {
    right: 120%;
}

/* CARD TEXT */

.course-card h3 {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin: 0;
    min-height: 34px;
}

/* HOVER EFFECT */

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

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

@media(max-width:991px) {

    .dnsf-banner {
        background-attachment: scroll;
    }

    .dnsf-banner .container {
        max-width: 700px;
    }

    .banner-heading h1,
    .banner-heading h2 {
        font-size: 30px;
    }

    .course-card {
        max-width: 90px;
        min-height: 48px;
    }

    .course-card h3 {
        font-size: 7px;
    }
}

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

@media(max-width:767px) {

    .dnsf-banner {
        padding: 55px 0;
    }

    .dnsf-banner .container {
        max-width: 100%;
        padding: 0 10px;
    }

    .stars {
        animation: moveStars 10s linear infinite;
        opacity: 0.12;
    }

    .banner-heading h1,
    .banner-heading h2 {
        font-size: 24px;
    }

    .course-card {
        max-width: 85px;
        min-height: 45px;

        border-radius: 8px;
    }

    .course-card::before {
        inset: 8px;
        border-radius: 6px;
    }

    .course-card .glass {
        width: 14px;
        height: 45px;
    }

    .course-card h3 {
        font-size: 7px;
        line-height: 1.1;
    }

    .course-card:hover {
        transform: translateY(-2px);
    }

    .row.justify-content-center {
        justify-content: center;
        align-items: center;
        margin: 3%;
    }

    .banner-heading p {
        font-size: 14px;

    }


}

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

@media(max-width:480px) {

    .banner-heading h1,
    .banner-heading h2 {
        font-size: 20px;
    }

    .course-card {
        max-width: 100%;
        min-height: 100%;
        padding: 20px;
    }

    .course-card h3 {
        font-size: 12px;
        line-height: 1.0;
    }
}

/* banner-section-css-end*/


/* counter-section-css-start */

.counter-wrapper {
    position: relative;
    z-index: 50;
    margin-top: -55px;
    margin-bottom: -40px;
}

/* CONTAINER */

.counter-container {
    max-width: 1100px;
    margin: auto;
    padding: 0 15px;
}

/* GRID */

.counter-section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

/* BOX */

/* .counter-box {
    position: relative;
    background: #ffffff;
    border-radius: 14px;
    padding: 18px 10px;
    text-align: center;
    overflow: hidden;
    border: 2px solid #0c3cc0;
    box-shadow: 0 0 12px #d45109, 0 8px 25px #d4510914;
    transition: 0.4s ease;
} */
.counter-box {
    position: relative;
    background: #030b21;
    border-radius: 14px;
    padding: 18px 10px;
    text-align: center;
    overflow: hidden;
    border: 2px solid #d45109;
    box-shadow: 0 0 12px #fff, 0 8px 25px #d4510914;
    transition: 0.4s ease;
}

/* TOP BORDER */

.counter-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    /* background:
    linear-gradient(to right,
    #ff7300,
    #0059ff); */
}

/* NUMBER */

.counter-box h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 4px;
}

/* TEXT */

.counter-box p {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

/* HOVER */

.counter-box:hover {
    transform: translateY(-5px);

    box-shadow:
        0 0 20px rgba(29, 92, 255, 0.55),
        0 12px 30px rgba(0, 0, 0, 0.22);
}

/* =========================
   ABOUT SECTION
========================= */

.about-section {
    padding: 140px 0 80px;
    /* top padding increased */
    background: #030b21;
    position: relative;
    overflow: hidden;
}

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

@media(max-width:767px) {

    .counter-wrapper {
        margin-top: -40px;
        margin-bottom: -40px;
    }

    .counter-container {
        padding: 0 10px;
    }

    .counter-section {
        grid-template-columns: repeat(4, 1fr);
        gap: 6px;
    }

    .counter-box {
        padding: 10px 4px;
        border-radius: 8px;
    }

    .counter-box h2 {
        font-size: 14px;
    }

    .counter-box p {
        font-size: 8px;
    }

    .about-section {
        padding-top: 90px;
    }
}

/* EXTRA SMALL */

@media(max-width:480px) {

    .counter-box h2 {
        font-size: 12px;
    }

    .counter-box p {
        font-size: 7px;
    }
}

/* counter-section-css-end */



/* about-section-css-start */


/* ========================
   FIXED NIGHT SKY + STARS
======================== */

.about-section {
    background: #050b1f;
    position: relative;
    overflow: hidden;
}

/* .about-section {
    overflow: hidden;
    position: relative;
} */

/* soft glow layer */
.about-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.06), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(255, 255, 255, 0.04), transparent 45%),
        radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0.03), transparent 50%);
    z-index: 0;
}

/* REAL STATIC STAR FIELD */
.about-section::after {
    content: "";
    position: absolute;
    inset: 0;

    /* BIGGER + BRIGHTER stars */
    background-image:
        radial-gradient(4px 4px at 40px 60px, rgba(255, 255, 255, 1), transparent),
        radial-gradient(3px 3px at 120px 200px, rgba(255, 255, 255, 0.9), transparent),
        radial-gradient(5px 5px at 220px 120px, rgba(255, 255, 255, 1), transparent),
        radial-gradient(3px 3px at 340px 260px, rgba(255, 255, 255, 0.85), transparent),
        radial-gradient(4px 4px at 480px 90px, rgba(255, 255, 255, 1), transparent),
        radial-gradient(3px 3px at 600px 300px, rgba(255, 255, 255, 0.9), transparent),
        radial-gradient(5px 5px at 750px 180px, rgba(255, 255, 255, 1), transparent),
        radial-gradient(3px 3px at 900px 220px, rgba(255, 255, 255, 0.85), transparent);

    background-size: 1000px 500px;
    background-repeat: repeat;

    opacity: 0.9;
    z-index: 0;

    animation: starDrift 45s linear infinite;
}

/* smooth continuous movement */
@keyframes starDrift {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-400px);
    }
}

/* keep content above stars */
.about-section .container {
    position: relative;
    z-index: 2;
}

/* .about-section .container {
    position: relative;
    z-index: 2;
} */

/* ROW SAME HEIGHT */
.about-section .row {
    /* min-height: 100%; */
    /* background: #ffffff21; */
    box-shadow: 0px 0px 15px #e06f2c;
    border-radius: 15px;
    padding: 0px 0px 60px 0px;
}

/* LEFT SIDE */
.about-img {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(135deg, #e26416, #fbd762);
    /* height: 100%;
    min-height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}



/* CONTENT */
.about-content {
    padding-left: 20px;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: left;
    width: 100%;
    float: left;
    align-items: start;
}

.about-subtitle {
    display: inline-block;
    padding: 10px 22px;
    background: #d45109;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.about-content h2 {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 5px;
    line-height: 1.3;
}

.about-content p {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 10px;

}

/* FEATURES */
.about-feature-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.about-feature {
    background: #ffffff;
    padding: 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #d45109;
    color: #f89606;
    font-size: 18px;
    transition: 0.3s;
    box-shadow: 0px 0px 15px #d451092e;
    height: 100%;
}



.about-feature span {
    font-size: 15px;
    font-weight: 600;
    color: #f89606;
}

/* HOVER */
.about-feature:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
    background: #0c3cc0;
    color: #fff;
    transition: 0.3s;
}

.about-feature:hover span {
    color: #ffffff;
}

.about-feature:hover i {
    background: #ffffff;
    color: #7a0000;
}

/* BUTTON */
.about-btn {
    display: inline-block;
    padding: 11px 40px;
    border-radius: 50px;
    background: linear-gradient(90deg, #0c3cc0, #d45109);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: 0.5s;
}

.about-btn:hover {
    background-position: left bottom;
    color: #ffffff;
    transform: translateY(-3px);
}

/* ANIMATION */
@keyframes rotateCircle {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotateBack {
    100% {
        transform: rotate(-360deg);
    }
}

/*========================
    RESPONSIVE
========================*/
@media(max-width:991px) {

    .about-content {
        padding-left: 0;
    }

    .about-content h2 {
        font-size: 34px;
    }

    .about-img {
        min-height: 500px;
    }

}

@media(max-width:768px) {

    .about-content h2 {
        font-size: 28px;
    }

    .about-feature-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .about-content p {
        font-size: 13px;
    }

    .about-feature {
        padding: 10px;
        gap: 8px;
        font-size: 12px;
        border-radius: 10px;
    }

    .about-feature span {
        font-size: 12px;
    }

    .logo-circle {
        width: 300px;
        height: 300px;
    }

    .logo-circle img {
        width: 140px;
        height: 140px;
    }

    .circle-text span {
        transform-origin: 0 150px;
        font-size: 12px;
    }

}

@media(max-width:576px) {

    .about-section {
        padding: 70px 0;
    }

    .about-content h2 {
        font-size: 24px;
    }

    .about-btn {
        width: 100%;
        text-align: center;
        padding: 10px 30px;
    }

    .about-img {
        border-radius: 20px;
        min-height: 300px;
    }

    .logo-circle {
        width: 240px;
        height: 240px;
    }

    .logo-circle img {
        width: 200px;
        height: 200px;
    }

    .about-img {
        padding: 0px;
        box-shadow: 0px 0px 15px #ce4806;
    }

    .circle-text span {
        transform-origin: 0 120px;
        font-size: 10px;
    }
}


.logo-rotate-wrapper {
    width: 420px;
    height: 420px;
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ROTATING TEXT */
.rotating-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: rotateText 30s linear infinite;
}

.rotating-circle text {
    fill: #ffffff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 6px;
    text-transform: uppercase;
}

/* CENTER LOGO */
.center-logo {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.center-logo img {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    object-fit: cover;
}

/* ROTATION */
@keyframes rotateText {
    100% {
        transform: rotate(360deg);
    }
}

/* RESPONSIVE */
@media(max-width:768px) {

    .logo-rotate-wrapper {
        width: 300px;
        height: 300px;
    }

    .center-logo {
        width: 180px;
        height: 180px;
    }

    .center-logo img {
        width: 160px;
        height: 160px;
    }

    .rotating-circle text {
        font-size: 16px;
        letter-spacing: 9px;
    }

}


/* about-section-css-end */


/* notice-section-css-start */

/* .notice-bar {
    width: 100%;
    height: 120px;
    background: linear-gradient(90deg, #400504, #e89618, #e96b05);
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
} */

.notice-bar {
    width: 100%;
    height: 80px;
    background: linear-gradient(90deg, #c22ef3, #0d47d9, #aa32f0);
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.notice-content {
    display: flex;
    width: max-content;
    animation: noticeMove 40s linear infinite;
}

.notice-content span {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    white-space: nowrap;
    padding-right: 120px;
}

/* Continuous Infinite Rotation */
@keyframes noticeMove {
    0% {
        transform: translateX(0);
    }

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

/* notice-section-css-end */


/* our-service-section-start */

.services-section {
    padding: 80px 0;
    background: #030b21;
}

.services-heading {
    text-align: center;
    max-width: 900px;
    margin: auto;
    margin-bottom: 50px;
}

.service-subtitle {
    display: inline-block;
    background: #d45109;
    color: #fff;
    padding: 10px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}

.services-heading h2 {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

.services-heading p {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}

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

.service-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    border: 2px solid #ea6408;
    box-shadow: 0 10px 30px rgb(241 83 17 / 24%);
    transition: 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Hover Effect */

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
    border-color: #7a0000;
}

.service-img {
    overflow: hidden;
}

.service-img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: 0.5s ease;
}

.service-card:hover .service-img img {
    transform: scale(1.08);
}

/*========================
    CONTENT
========================*/

.service-content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
}

.service-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    margin-bottom: 6px;
}

.service-content p {
    font-size: 14px;
    line-height: 1.8;
    color: #000;
    margin-bottom: 12px;
    flex-grow: 1;
}

.service-btn-box {
    display: inline-block;
    background: linear-gradient(90deg, #0c3cc0, #d45109);
    color: #fff;
    padding: 9px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    border: 2px solid #f06e08;
    text-align: center;
    text-decoration: none;
}

.service-btn-box:hover {
    background: #fff;
    color: #0c3cc0;
    border-color: #0c3cc0;
    transition: 0.3s;
}

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

@media(max-width:991px) {

    .services-heading h2 {
        font-size: 34px;
    }

    .service-content h3 {
        font-size: 22px;
    }

}

@media(max-width:768px) {

    .services-section {
        padding: 50px 0;
    }

    .services-heading h2 {
        font-size: 28px;
    }

    .services-heading p {
        font-size: 14px;
    }

    .service-img img {
        height: 120px;
    }

}

@media(max-width:576px) {

    .services-heading h2 {
        font-size: 22px;
    }

    .service-subtitle {
        font-size: 12px;
        padding: 8px 18px;
    }

    .service-content {
        padding: 8px;
    }

    .service-content h3 {
        font-size: 14px;
    }

    .service-content p {
        font-size: 13px;
        line-height: 1.5;
    }

    .service-btn-box {
        width: 100%;
        text-align: center;
        padding: 7px 20px;
        font-size: 12px;
    }

}


/* our-service-section-end*/

/* our-services-page-css-start */


.our-services-details-section {
    width: 100%;
    padding: 70px 0;
    background: #030b21;
}

/* HEADING */

.our-services-details-heading {
    text-align: center;
    max-width: 850px;
    margin: auto;
    margin-bottom: 45px;
}

.our-services-details-heading span {
    display: inline-block;
    background: #d45109;
    color: #fff;
    padding: 8px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}

.our-services-details-heading h2 {
    font-size: 38px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 12px;
}

.our-services-details-heading p {
    color: #d9d9d9;
    font-size: 15px;
    line-height: 1.8;
}

/* SERVICE ROW */

.service-details-row {
    width: 100%;
    background: #ffffff;
    border-radius: 22px;
    padding: 18px;
    margin-bottom: 25px;

    display: flex;
    align-items: center;
    gap: 22px;

    border: 2px solid #1d4ed8;

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

    transition: 0.4s ease;

    position: relative;
    overflow: hidden;
}

.service-details-row:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

/* IMAGE */

.service-details-img {
    width: 260px;
    min-width: 260px;
    height: 210px;
    border-radius: 18px;
    overflow: hidden;
}

.service-details-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease;
}

.service-details-row:hover .service-details-img img {
    transform: scale(1.08);
}

/* CONTENT */

.service-details-content {
    flex: 1;
}

.service-details-content h3 {
    font-size: 28px;
    color: #0c3cc0;
    font-weight: 800;
    margin-bottom: 8px;
}

.service-details-content h4 {
    font-size: 17px;
    color: #d45109;
    font-weight: 700;
    margin-bottom: 14px;
}

.service-details-content p {
    font-size: 14px;
    color: #333;
    line-height: 1.8;
    margin-bottom: 12px;
}

/* BUTTON */

.service-details-btn {
    display: inline-block;
    text-decoration: none;
    background: linear-gradient(90deg, #0c3cc0, #d45109);
    color: #fff;
    padding: 10px 24px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #cd5010;
    transition: 0.3s ease;
}


.service-details-btn:hover {
    background: #fff;
    color: #0c3cc0;
    border-color: #0c3cc0;
}

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

@media(max-width:991px) {

    .service-details-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .service-details-img {
        width: 100%;
        min-width: 100%;
        height: 240px;
    }

    .service-details-content h3 {
        font-size: 24px;
    }

}

@media(max-width:768px) {
    .our-services-details-heading {
        margin-bottom: 26px;
    }

    .our-services-details-section {
        padding: 45px 0;
    }

    .our-services-details-heading h2 {
        font-size: 28px;
    }

    .service-details-row {
        padding: 14px;
        border-radius: 18px;
    }

    .service-details-img {
        height: 190px;
    }

    .service-details-content h3 {
        font-size: 22px;
    }

    .service-details-content h4 {
        font-size: 15px;
    }

}

@media(max-width:576px) {

    .our-services-details-heading h2 {
        font-size: 22px;
    }

    .our-services-details-heading p {
        font-size: 13px;
    }

    .service-details-img {
        height: 160px;
        border-radius: 14px;
    }

    .service-details-content h3 {
        font-size: 18px;
    }

    .service-details-content h4 {
        font-size: 14px;
    }

    .service-details-content p {
        font-size: 13px;
        line-height: 1.6;
    }

    .service-details-btn {
        width: 100%;
        text-align: center;
        padding: 9px 20px;
        font-size: 13px;
    }

}

/* our-services-page-css-end */

/* certificate-verification-section-css-start */


.verified-section {
    padding: 20px 15px;
    background: #030b21;
}

/* CONTAINER */

.verified-container {
    max-width: 500px;
    margin: auto;
}

/* BOX */

.verified-box {
    background: #fff;
    border: 2px solid #0d5af3;
    border-radius: 16px;
    padding: 25px 20px;
    text-align: center;
    box-shadow: 0 0 15px rgb(242 113 12), 0 10px 30px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

/* TOP BORDER EFFECT */

.verified-box::before {
    content: '';

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        linear-gradient(to right,
            #ff7300,
            #0059ff);
}

/* HEADING */

.verified-box h2 {
    font-size: 28px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 800;
}

/* TEXT */

.verified-box p {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 22px;
}

/* INPUT */

.verified-box input {
    width: 100%;

    height: 48px;

    border: 1px solid #ccc;

    border-radius: 10px;

    padding: 0 15px;

    font-size: 14px;

    outline: none;

    margin-bottom: 15px;

    transition: 0.3s;
}

.verified-box input:focus {
    border-color: #1d5cff;

    box-shadow: 0 0 8px rgba(29, 92, 255, 0.2);
}

/* BUTTON */

.verified-box button {
    width: 100%;

    height: 48px;

    border: none;

    border-radius: 10px;

    background:
        linear-gradient(to right,
            #ff7300,
            #0059ff);

    color: #fff;

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

    cursor: pointer;

    transition: 0.3s;
}

.verified-box button:hover {
    transform: translateY(-2px);

    opacity: 0.95;
}

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

@media(max-width:767px) {

    .verified-section {
        padding: 40px 10px;
    }

    .verified-box {
        padding: 22px 15px;
        border-radius: 12px;
    }

    .verified-box h2 {
        font-size: 22px;
    }

    .verified-box p {
        font-size: 12px;
    }

    .verified-box input {
        height: 42px;
        font-size: 13px;
    }

    .verified-box button {
        height: 42px;
        font-size: 13px;
    }
}

/* certificate-verification-section-css-end */


/* our-services-inner-section-css-start */

.service-details-page {
    width: 100%;
    padding: 70px 20px;
    background: #030b21;
}

/* MAIN WRAPPER */
.service-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
}

/* IMAGE BOX */
.service-image-box {
    height: 100%;
    border-radius: 22px;
    overflow: hidden;
    border: 2px solid #d45109;
    box-shadow: 0 8px 20px #d4500963;
}

.service-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* CONTENT BOX */
.service-content-box {
    padding: 35px;
    border-radius: 22px;
    background: #ffffff;
    color: #000;
    position: relative;
    overflow: hidden;
    border: 2px solid #d45109;
    box-shadow: 0 10px 30px #d4500965;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 0.4s ease;
}

.service-content-box:hover {
    transform: translateY(-5px);
}

/* TOP BORDER EFFECT */
.service-content-box::after,
.service-bottom-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #0c3cc0, #d45109);
}

/* TITLE */
.service-content-box h2 {
    font-size: 34px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #0c3cc0;
    position: relative;
    z-index: 2;
}

.service-content-box p {
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 18px;
    color: #000;
    position: relative;
    z-index: 2;
}

/* FEATURES */
.service-features {
    margin-top: 20px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;

    position: relative;
    z-index: 2;
}

.feature-box {
    padding: 14px 16px;

    border-radius: 12px;

    background: #f4f7ff;

    border: 1px solid #d8e4ff;

    font-size: 14px;
    font-weight: 600;

    color: #111;

    transition: 0.3s ease;
}

.feature-box:hover {
    transform: translateY(-4px);

    background: linear-gradient(90deg, #0c3cc0, #d45109);

    color: #fff;
}

/* BOTTOM CARD */
.service-bottom-card {
    width: 100%;
    max-width: 1200px;

    margin: 35px auto 0;

    padding: 35px;

    border-radius: 22px;

    background: #ffffff;

    color: #111;

    position: relative;
    overflow: hidden;

    border: 2px solid #d45109;

    box-shadow: 0 10px 30px #d450097e;

    text-align: center;

    transition: 0.4s ease;
}

.service-bottom-card:hover {
    transform: translateY(-5px);
}

.service-bottom-card h3 {
    font-size: 34px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #0c3cc0;
    position: relative;
    z-index: 2;
}

.service-bottom-card p {
    max-width: 850px;
    margin: auto auto 25px;
    line-height: 1.5;
    color: #000;
    position: relative;
    z-index: 2;
}

.service-bottom-card ul {
    list-style: none;

    padding: 0;
    margin-bottom: 28px;

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;

    position: relative;
    z-index: 2;
}

.service-bottom-card ul li {
    background: #f4f7ff;
    border: 1px solid #d8e4ff;
    padding: 12px 18px;
    border-radius: 10px;
    font-size: 14px;
    color: #000;
    transition: 0.3s ease;
}

.service-bottom-card ul li:hover {
    background: linear-gradient(90deg, #0c3cc0, #d45109);
    color: #fff;
}

/* BUTTON */
.service-btn {
    display: inline-block;
    padding: 12px 40px;
    border-radius: 50px;
    background: linear-gradient(90deg, #0c3cc0, #d45109);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    border: 2px solid #d45109;
    transition: 0.3s ease;
    position: relative;
    z-index: 2;
}

.service-btn:hover {
    background: #fff;
    color: #0c3cc0;
    border-color: #0c3cc0;
    transform: translateY(-3px);
}

/* RESPONSIVE */
@media(max-width: 992px) {

    .service-wrapper {
        grid-template-columns: 1fr;
    }

    .service-image-box {
        height: 400px;
    }
}

@media(max-width: 768px) {

    .service-details-page {
        padding: 40px 15px;
    }

    .service-content-box,
    .service-bottom-card {
        padding: 25px;
    }

    .service-content-box h2 {
        font-size: 28px;
    }

    .service-bottom-card h3 {
        font-size: 26px;
    }

    .service-features {
        grid-template-columns: 1fr;
    }

    .service-bottom-card ul {
        flex-direction: column;
    }
}

@media(max-width:576px) {

    .service-image-box {
        height: 240px;
    }

    .service-content-box h2 {
        font-size: 22px;
    }

    .service-content-box p,
    .service-bottom-card p {
        font-size: 13px;
        line-height: 1.7;
    }

    .feature-box {
        font-size: 13px;
    }

    .service-btn {
        width: 100%;
        text-align: center;
        padding: 12px 20px;
    }
}

/* our-services-inner-section-css-end */


/* gallery-section-start */


.gallery-section {
    padding: 80px 0;
    background: #030b21;
}

/* Heading */

.gallery-heading {
    text-align: center;
    max-width: 850px;
    margin: auto;
    margin-bottom: 40px;
}

.gallery-heading span {
    display: inline-block;
    background: #d45109;
    color: #fff;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.gallery-heading h2 {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.gallery-heading p {
    font-size: 14px;
    color: #fff;
    line-height: 1.7;
}

/* Gallery Item */

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgb(234 100 8 / 18%);
    border: 2px solid #ea6408;
    transition: 0.4s ease;
    cursor: pointer;
}

.gallery-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: 0.5s ease;
}

/* Hover Effect */

.gallery-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
    border-color: #7a0000;
}

.gallery-item:hover img {
    transform: scale(1.1);
}

/* Button */

.gallery-btn {
    text-align: center;
    margin-top: 40px;
}

.gallery-btn a {
    display: inline-block;
    background: linear-gradient(90deg, #0c3cc0, #d45109);
    color: #fff;
    padding: 12px 42px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    border: 2px solid #ffff;
}

.gallery-btn a:hover {
    background: #0c3cc0;
    color: #fff;
    border: 2px solid #d45109;
    transition: 0.3s;
}

/* Responsive */

@media(max-width:991px) {

    .gallery-heading h2 {
        font-size: 30px;
    }

}

@media(max-width:768px) {

    .gallery-section {
        padding: 30px 0;
    }

    .gallery-item img {
        height: 160px;
    }

    .gallery-heading {
        margin-bottom: 25px;
    }

}

@media(max-width:576px) {

    .gallery-heading h2 {
        font-size: 22px;
    }

    .gallery-heading p {
        font-size: 13px;
    }

    .gallery-item img {
        height: 140px;
    }

}


/* gallery-section-end */

/* video-section-css-start */

.video-section {
    width: 100%;
    padding: 60px 0 80px;
    background: #030b21;
}

/* HEADING */

.video-heading {
    text-align: center;
    max-width: 850px;
    margin: auto;
    margin-bottom: 40px;
}

.video-heading span {
    display: inline-block;
    background: #d45109;
    color: #fff;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.video-heading h2 {
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.video-heading p {
    font-size: 14px;
    color: #fff;

    line-height: 1.7;
}

/* VIDEO CARD */

.video-card {
    background: #fff;

    border-radius: 16px;

    padding: 8px;

    overflow: hidden;

    border: 2px solid #ea6408;

    box-shadow: 0 10px 25px rgb(234 100 8 / 18%);

    transition: 0.4s ease;
}

/* VIDEO */

.video-card video {
    width: 100%;
    height: 230px;

    object-fit: cover;

    border-radius: 12px;

    display: block;
}

/* HOVER */

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

    border-color: #fff;

    box-shadow: 0 18px 35px rgba(255, 255, 255, 0.18);
}

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

@media(max-width:991px) {

    .video-heading h2 {
        font-size: 28px;
    }

    .video-card video {
        height: 200px;
    }
}


/* =========================
   MOBILE FIX VIDEO OVERFLOW
========================= */

@media(max-width:767px) {

    .video-section {
        padding: 40px 0;
    }

    .video-heading {
        margin-bottom: 25px;
    }

    .video-heading h2 {
        font-size: 22px;
    }

    .video-heading p {
        font-size: 13px;
        padding: 0 10px;
    }

    .video-card {
        border-radius: 12px;
        padding: 6px;
        overflow: hidden;
    }

    /* IMPORTANT FIX */
    .video-card iframe,
    .video-card video {
        width: 100%;
        height: 120px;
        border-radius: 8px;
        display: block;
        object-fit: cover;
    }

    /* SMALL GAP FIX */
    .video-card iframe {
        max-width: 100%;
    }

    /* OPTIONAL */
    .row.g-3 {
        row-gap: 12px !important;
    }
}

/* video-setion-css-end */

/* mission-vision-section-css-start */

.mission-vision-section {
    padding: 60px 15px;
    background: #030b21;
}

/* CONTAINER */

.mv-container {
    max-width: 1100px;
    margin: auto;

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

    gap: 25px;
}

/* BOX */

.mv-box {
    background: #fff;
    border-radius: 18px;
    padding: 20px 28px;
    text-align: center;
    border: 2px solid #1d5cff;
    position: relative;
    overflow: hidden;
    transition: 0.4s ease;
    box-shadow: 0 0 12px rgba(29, 92, 255, 0.12),
        0 10px 30px rgba(0, 0, 0, 0.08);
}

/* TOP EFFECT */

.mv-box::before {
    content: '';

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        linear-gradient(to right,
            #ff7300,
            #0059ff);
}

/* ICON */

.mv-icon {
    font-size: 48px;
    margin-bottom: 5px;
}

/* TITLE */

.mv-box h2 {
    font-size: 24px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 800;
}

/* TEXT */

.mv-box p {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
}

/* HOVER */

.mv-box:hover {
    transform: translateY(-6px);

    box-shadow:
        0 0 18px rgba(29, 92, 255, 0.25),
        0 14px 35px rgba(0, 0, 0, 0.12);
}

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

@media(max-width:767px) {

    .mission-vision-section {
        padding: 45px 10px;
    }

    .mv-container {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .mv-box {
        padding: 25px 18px;
        border-radius: 14px;
    }

    .mv-icon {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .mv-box h2 {
        font-size: 24px;
    }

    .mv-box p {
        font-size: 13px;
        line-height: 1.7;
    }
}

/* mission-vision-section-css-end*/


/* testimonial-section-css-start */


.testimonial-section {
    background: #030b21;
    padding: 50px 0px 70px;
}

/* LEFT BOX */
.testimonial-left {
    background: #030b21;
    color: #fff;
    padding: 40px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 2px solid #d45109;
    box-shadow: 0px 0px 15px #d45109;
}

.testimonial-left h6 {
    font-size: 24px;
    margin: 10px 0;
    color: #d45109;
    /* color: #fff; */
    font-weight: 800;
}

.testimonial-left h2 {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    /* margin: 10px 0; */
}

.testimonial-left p {
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.9;
}

/* RIGHT BOX */
.testimonial-right {
    background: #030b21;
    padding: 25px;
    border-radius: 20px;
    /* box-shadow: 0 10px 30px #ffffff33; */
    border: 2px solid #d45109;
    box-shadow: 0px 0px 15px #d45109;
}

/* CARD */
.testimonial-card {
    background: rgb(255, 255, 255);
    border: 2px solid #d45109;
    box-shadow: 0px 0px 15px #d4510936;
    border-radius: 18px;
    padding: 20px;
    text-align: center;
    transition: 0.3s;
    height: 100%;
    margin: 10px 0px;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    border-color: #7a0000;
}

.testimonial-card img {
    width: 70px !important;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    /* margin-bottom: 10px; */
    margin: auto;
}


.testimonial-card h5 {
    font-size: 16px;
    color: #000;
    margin: 5px 0px;
    font-weight: 600;
}

.testimonial-card p {
    font-size: 14px;
    color: #000;
    min-height: 150px;
}

.stars-raing {
    color: #ffb400;
    margin-bottom: 5px;
}

/* DOTS */
.testimonial-carousel .owl-dots {
    text-align: center;
    margin-top: 15px;
}

/* .testimonial-carousel .owl-dots {
    display: block !important;
} */

.testimonial-carousel .owl-dot span {
    width: 15px;
    height: 15px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    margin: 5px;
}

.testimonial-carousel .owl-dot.active span {
    background: #d45109 !important;
}


/* testimonial-section-css-end */


/* footer-section-css-start */
.site-footer {
    background: #030b21;
    padding: 70px 0 0;
    position: relative;
}

/* MAIN FOOTER CONTAINER */
.site-footer .container {
    background: rgb(255 255 255 / 15%);
    border: 2px solid #d45109;
    border-radius: 25px;
    padding: 45px 35px 30px;
    box-shadow: 0 0 25px rgb(212 81 9 / 43%);
}

/* FOOTER TEXT */
.footer-box {
    color: #fff;
}

.footer-box h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 22px;
    position: relative;
    color: #fff;
}

.footer-box h3::after {
    content: "";
    width: 55px;
    height: 3px;
    background: #d45109;
    position: absolute;
    left: 0;
    bottom: -10px;
    border-radius: 20px;
}

.footer-box p {
    font-size: 14px;
    line-height: 1.9;
    color: #d9d9d9;
}

/* LOGO */
.footer-logo {
    width: 140px;
    margin-bottom: 18px;
}

/* LINKS */
.footer-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-box ul li {
    margin-bottom: 12px;
}

.footer-box ul li a {
    text-decoration: none;
    color: #d9d9d9;
    transition: 0.3s;
    font-size: 14px;
}

.footer-box ul li a:hover {
    color: #d45109;
    padding-left: 6px;
}

/* SOCIAL ICONS */
/* .social-icons {
    margin-top: 18px;
} */

.social-icons {
    margin-top: 18px;
    display: flex;
    justify-content: left;
    align-items: center;
}

/* .social-icons a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    margin-right: 6px;
    transition: 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.1);
} */

.social-icons a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: flex;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    margin-right: 6px;
    transition: 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.1);
    justify-content: center;
    align-items: center;
}


.social-icons a:hover {
    background: #d45109;
    transform: translateY(-3px);
}

/* LOGIN BUTTONS ROW */
.footer-login-row {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.footer-login-row a {
    flex: 1;
    text-align: center;
    text-decoration: none;
    background: #d45109;
    color: #fff;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
    border: 1px solid transparent;
}

.footer-login-row a:hover {
    background: transparent;
    border-color: #d45109;
    color: #d45109;
}

/* CONTACT TEXT */
.footer-box strong {
    color: #fff;
}

/* FOOTER BOTTOM */
.footer-bottom {
    margin-top: 30px;
    padding-bottom: 25px;
}

.footer-bottom .container {
    background: rgba(255, 255, 255, 0.06);
    border: 2px solid #d45109;
    border-radius: 30px;
    padding: 16px 20px;
    text-align: center;
    box-shadow: 0 0 20px rgba(212, 81, 9, 0.25);
}

.footer-bottom p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
}

.footer-bottom a {
    color: #d45109;
    text-decoration: none;
    font-weight: 700;
}

/* RESPONSIVE */
@media(max-width: 768px) {

    .site-footer .container {
        padding: 35px 20px 25px;
    }

    .footer-box {
        text-align: left;
        margin-bottom: 25px;
    }

    .footer-box h3 {
        font-size: 20px;
    }

    .footer-box h3::after {
        left: 0;
        transform: none;
    }

    .footer-login-row {
        flex-direction: row;
    }

    .footer-login-row a {
        font-size: 12px;
        padding: 9px 10px;
    }

    .footer-bottom .container {
        border-radius: 20px;
    }
}

/* footer-section-css-end */


/* about-us-banner-css-start */

.about-us-banner {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(270deg, #051548, #f05504, #f6832a, #2046ad);
    background-size: 800% 800%;
    animation: gradientFlow 12s ease infinite;
}

/* smooth moving light glow overlay */
.about-us-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 30%,
            rgba(255, 255, 255, 0.25),
            transparent 60%);
    animation: lightMove 6s ease-in-out infinite;
    pointer-events: none;
}

/* MAIN GRADIENT ANIMATION */
@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* LIGHT SPOT MOVEMENT */
@keyframes lightMove {
    0% {
        transform: translate(-10%, -10%);
        opacity: 0.6;
    }

    50% {
        transform: translate(10%, 10%);
        opacity: 0.9;
    }

    100% {
        transform: translate(-10%, -10%);
        opacity: 0.6;
    }
}

/* CONTENT */
.about--us-content {
    position: relative;
    z-index: 2;
}

.about--us-content h1 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

/* BREADCRUMB */
.breadcrumb-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.breadcrumb-box a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.breadcrumb-box a:hover {
    color: #000;
}

.breadcrumb-box span {
    color: #fff;
    font-size: 14px;
}

.breadcrumb-box .active {
    color: #fd1313;
    font-weight: 600;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .about-us-banner {
        padding: 60px 0;
    }

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

    .breadcrumb-box {
        flex-wrap: wrap;
        gap: 5px;
    }

    .about--us-content h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }
}

/* about-us-banner-css-end */


/* team-member-section-css-start */


.team-section {
    width: 100%;
    padding: 50px 15px;
    background: #030b21;

    display: flex;
    justify-content: center;
    align-items: center;
}

.team-box {
    width: 100%;
    max-width: 900px;
    background-color: #ffffff12;
    border: 1px solid rgb(204 92 29);
    border-radius: 16px;
    padding: 35px 20px;
    box-shadow: 0px 0px 15px #d451098f;
    margin: auto;
}

/* HEADER */
.team-header {
    text-align: center;
    margin-bottom: 25px;
}

.team-header h2 {
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
}

.team-header h2::after {
    content: "";
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, #032b99, #d45109);
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    border-radius: 10px;
}

.team-header p {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}

/* TEAM BOXES */
.team-contact-section {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.team-card {
    width: 250px;
    padding: 18px 15px;
    border-radius: 12px;
    background: linear-gradient(135deg, #032b99, #b93300);
    text-align: center;
    box-shadow: 0 4px 12px #d45109;
    transition: 0.3s ease;
    position: relative;
    overflow: hidden;
}

.team-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, 0.35),
            transparent);
    transform: translateX(-100%);
    animation: shine 3s infinite;
}

.team-card:hover {
    transform: translateY(-5px);
}

.team-card h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
}

.team-card p {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    position: relative;
    z-index: 2;
}

@keyframes shine {
    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 768px) {

    .team-header h2 {
        font-size: 24px;
        margin-bottom: 4px;
    }

    .team-header p {
        font-size: 14px;
        margin-top: 14px;
        padding: 0px 10px;
    }

}

/* team-member-section-css-end */



/* contact-us-section-css-start */

.contact-section {
    width: 100%;
    padding: 60px 15px;
    background: #030b21;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* HEADER */

.contact-header {
    text-align: center;
    margin-bottom: 35px;
}

.contact-header h2 {
    font-size: 38px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
}

.contact-header h2::after {
    content: "";
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #0c3cc0, #d45109);
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    border-radius: 20px;
}

/* CONTACT BOX CENTER */

.contact-box {
    width: 100%;
    max-width: 1070px;
    margin: auto;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    padding: 30px 20px;
}

/* GRID */

.contact-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* CARD */

.contact-card {
    position: relative;
    overflow: hidden;

    padding: 22px 18px;

    border-radius: 16px;

    background: linear-gradient(90deg, #0c3cc0, #d45109);

    background-size: 300% 300%;

    animation: gradientMove 8s ease infinite;

    transition: 0.4s ease;

    min-height: 230px;
}

/* SHINE EFFECT */

.contact-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.15);
    transform: skewX(-25deg);
    animation: shine 5s infinite;
}

/* HOVER */

.contact-card:hover {
    transform: translateY(-5px);
}

/* ICON */

.contact-icon {
    font-size: 28px;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

/* TITLE */

.contact-card h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

/* INFO */

.contact-us-info {
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

.contact-us-info h4 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 700;
}

.contact-us-info p {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    word-break: break-word;
}

/* ANIMATION */

@keyframes gradientMove {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes shine {

    100% {
        left: 160%;
    }
}

/* TABLET */

@media(max-width:992px) {

    .contact-box {
        max-width: 700px;
    }

    .contact-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE */

@media(max-width:768px) {

    .contact-section {
        padding: 40px 12px;
    }

    .contact-header h2 {
        font-size: 24px;
    }

    .contact-box {
        max-width: 100%;
        padding: 20px 12px;
    }

    .contact-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .contact-card {
        min-height: auto;
        padding: 18px 15px;
    }

    .contact-card h3 {
        font-size: 20px;
    }

    .contact-us-info h4 {
        font-size: 14px;
    }

    .contact-us-info p {
        font-size: 13px;
    }
}


/* contact-us-section-css-end */


/* map-contact-section-css-start */

.map-contact-section {
    width: 100%;
    padding: 50px 20px;
    background: #030b21;

    display: flex;
    justify-content: center;
    align-items: center;
}

/* MAIN WRAPPER */
.map-contact-wrapper {
    width: 100%;
    max-width: 1100px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
}

/* COMMON DESIGN */
.map-box,
.contact-form-box {
    position: relative;
    overflow: hidden;

    border-radius: 16px;
    padding: 20px;

    background: linear-gradient(90deg, #0c3cc0, #d45109);
    background-size: 300% 300%;
    animation: gradientMove 8s ease infinite;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

/* SHINE EFFECT */
.map-box::before,
.contact-form-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.18);
    transform: skewX(-25deg);
    animation: shine 5s infinite;
}

/* MAP */
.map-box iframe {
    width: 100%;
    height: 100%;
    min-height: 320px;
    border: 0;
    border-radius: 12px;
    position: relative;
    z-index: 2;
}

/* FORM HEADER */
.form-header {
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
}

.form-header h2 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 700;
}

.form-header p {
    color: #fff;
    line-height: 1.6;
    font-size: 14px;
}

/* FORM */
.form-group {
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.form-group label {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 600;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px 14px;
    border: none;
    outline: none;
    border-radius: 10px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.95);
}

/* BUTTON */
.contact-form-box button {
    padding: 12px 24px;
    border: none;
    border-radius: 10px;
    background: #fff;
    color: #0c3cc0;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s ease;
    position: relative;
    z-index: 2;
}

.contact-form-box button:hover {
    transform: translateY(-3px);
}

/* ANIMATION */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes shine {
    100% {
        left: 160%;
    }
}

/* RESPONSIVE */
@media(max-width: 992px) {

    .map-contact-wrapper {
        grid-template-columns: 1fr;
    }

    .map-box iframe {
        min-height: 280px;
    }
}

@media(max-width: 768px) {

    .map-contact-section {
        padding: 40px 15px;
    }

    .map-box,
    .contact-form-box {
        padding: 18px;
    }

    .form-header h2 {
        font-size: 24px;
    }
}


/* map-contact-section-css-end */


/* institution-login-page-css-start */


.login-page {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: linear-gradient(135deg, #0c3cc0, #d45109, #0d6efd);
    background-size: 300% 300%;
    animation: gradientMove 8s ease infinite;
}

/* LOGIN BOX */
.login-box {
    width: 100%;
    max-width: 420px;
    padding: 35px 35px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
    position: relative;
    overflow: hidden;
}

/* SHINE EFFECT */
.login-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 50%;
    height: 100%;

    background: rgba(255, 255, 255, 0.2);

    transform: skewX(-25deg);

    animation: shine 5s infinite;
}

/* LOGO */
.login-logo {
    text-align: center;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
}

.login-logo img {
    width: 90px;
    height: 90px;
    object-fit: contain;
}

/* TITLE */
.login-box h2 {
    text-align: center;
    color: #fff;
    font-size: 34px;
    margin-bottom: 10px;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

/* FORM */
.form-group {
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.form-group label {
    display: block;
    color: #fff;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600;
}

.form-group input {
    width: 100%;
    padding: 10px 16px;

    border: none;
    outline: none;

    border-radius: 10px;

    font-size: 15px;

    background: rgba(255, 255, 255, 0.95);
}

/* LOGIN BUTTON */
.login-btn {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 10px;
    background: #fff;
    color: #d45109;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s ease;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}

.login-btn:hover {
    background: #032b99;
    color: #fff;
    transform: translateY(-3px);
}

/* HOME BUTTON */
.home-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.3s;
    position: relative;
    z-index: 2;
    background: #032b99;
    padding: 8px 20px;
    border-radius: 10px;
}

.home-btn a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.3s;
}

.home-btn:hover {
    background: #d45109;
    transition: 0.3s;
}


.home-btn:hover a {
    transition: 0.3s;
    color: #fff;
}

/* ANIMATIONS */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes shine {
    100% {
        left: 160%;
    }
}

/* RESPONSIVE */
@media(max-width: 480px) {

    .login-box {
        padding: 35px 22px;
    }

    .login-box h2 {
        font-size: 24px;
    }
}



/* institution-login-page-css-end */



/* registration-login-page-css-start */


.registration-page {
    width: 100%;
    min-height: 100vh;
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #0c3cc0, #d45109, #0059ff);
    background-size: 300% 300%;
    animation: gradientMove 8s ease infinite;
}

/* MAIN BOX */
.registration-box {
    width: 100%;
    max-width: 750px;
    padding: 40px 35px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
    position: relative;
    /* overflow: hidden; */
}
.registration-box {
    overflow: visible;
}

/* SHINE EFFECT */
.registration-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.18);
    transform: skewX(-25deg);
    animation: shine 5s infinite;
}

/* LOGO */
.register-logo {
    text-align: center;
    margin-bottom: 8px;
    position: relative;
}

.register-logo img {
    width: 90px;
    height: 90px;
    object-fit: contain;
}

/* HEADER */
.register-header {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    /* z-index: 2; */
}

.register-header h2 {
    color: #fff;
    font-size: 34px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 1px;
}

/* FORM */
/* .register-form {
    position: relative;
    z-index: 2;
} */

.register-form .form-group {
    margin-bottom: 20px;
}

.register-form .form-group label {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* INPUT */
.register-form .form-group input,
.register-form .form-group textarea,
.register-form .form-group select {
    width: 100%;
    padding: 12px 16px;
    border: none;
    outline: none;
    border-radius: 10px;
    font-size: 15px;
    background: rgb(255 255 255 / 25%);
    color: #000;
}

/* FILE INPUT */
.register-form .form-group input[type="file"] {
    padding: 12px;
    background: rgba(255, 255, 255, 0.95);
    cursor: pointer;
}

/* TEXTAREA */
.register-form .form-group textarea {
    resize: none;
}

/* BUTTON */
.register-btn-submit {
    width: 100% !important;
    padding: 15px;

    border: none;
    border-radius: 10px;

    background: #fff;
    color: #7a0000;

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

    cursor: pointer;

    transition: 0.3s ease;

    margin-top: 10px;
    text-decoration: none;
    text-align: center;
}

.register-btn-submit:hover {
    background: #ffe680;
    transform: translateY(-3px);
}

/* ANIMATION */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes shine {
    100% {
        left: 160%;
    }
}

/* RESPONSIVE */
@media(max-width: 768px) {

    .registration-box {
        padding: 22px 22px;
    }

    .register-header h2 {
        font-size: 21px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .form-group input,
    .form-group textarea,
    .form-group select {
        padding: 8px 16px;
        font-size: 13px;
    }

    .form-group label {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .register-btn-submit {
        padding: 12px;
        font-size: 14px;
        margin-top: 10px;
    }


}



/* payement QR Model */



/* 
.payment-modal {
    border-radius: 15px;
    border: none;
    overflow: hidden;
} */

/* .payment-modal .modal-header {
    background: #8b0000;
    color: #fff;
} */

/* .payment-modal .modal-body {
    padding: 30px;
} */

/* .payment-modal .modal-footer {
    justify-content: center;
} */

/* .payment-qr {
    width: 220px;
    max-width: 100%;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
} */

/* payment QR Model ends */



/* registration-login-page-css-end */


/* certificate-verification-page-css-start */

.certificate-section {
    width: 100%;
    min-height: 100vh;
    padding: 50px 20px;
    background: linear-gradient(135deg, #0c3cc0, #d45109);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* LOGO */
.certificate-logo {
    margin-bottom: 25px;
}

.certificate-logo img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    padding: 10px;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* BOX */
.certificate-box {
    width: 100%;
    max-width: 450px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    padding: 30px 25px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    text-align: center;
}

/* TITLE */
.certificate-box h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px;
}

/* TEXT */
.certificate-box p {
    font-size: 15px;
    color: #f1f1f1;
    margin-bottom: 25px;
    line-height: 1.6;
}

/* FORM */
.certificate-box .form-group {
    text-align: left;
    margin-bottom: 18px;
}

.certificate-box .form-group label {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
    font-weight: 600;
}

/* .certificate-box .form-group input {
    width: 100%;
    height: 48px;
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
} */

.certificate-box .form-group input {
    width: 100%;
    height: 48px;
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 14px;
    background: #041c5e;
    color: #fff;
}
.certificate-box .form-group input:focus, .form-group textarea:focus {
    border-color: #0d47d9;
    background: #041c5e;
    box-shadow: 0 0 0 4px rgba(13, 71, 217, 0.08);
}

.certificate-box .form-group input::placeholder {
    color: #eee;
}

/* BUTTON */
.check-btn {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #ffd700, #ffb400);
    color: #7a0000;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 5px;
}

.check-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* RESPONSIVE */
@media(max-width:576px) {

    .certificate-box {
        padding: 25px 18px;
    }

    .certificate-box h2 {
        font-size: 24px;
        margin-top: 10px;
    }

    .certificate-logo img {
        width: 110px;
        height: 110px;
    }

    .certificate-box p {
        font-size: 12px;
        margin-bottom: 14px;
        line-height: 1.5;
    }

}


/* certificate-verification-page-css-end */


/* admin-login-page-css-start */

.admin-login-section {
    width: 100%;
    min-height: 100vh;
    padding: 40px 20px;

    background: linear-gradient(135deg, #030b21, #0d6efd, #031540);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* LOGO */
.admin-logo-login {
    margin-bottom: 25px;
}

.admin-logo-login img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    padding: 10px;
    object-fit: cover;

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

/* LOGIN BOX */
.admin-login-box {
    width: 100%;
    max-width: 420px;

    padding: 35px 28px;

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, 0.15);

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

/* TITLE */
.admin-login-box h2 {
    text-align: center;

    color: #fff;

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

    margin-bottom: 20px;
}

/* FORM GROUP */
.admin-login-box .form-group {
    margin-bottom: 20px;
}

.admin-login-box .form-group label {
    display: block;

    color: #fff;

    font-size: 14px;
    font-weight: 600;

    margin-bottom: 8px;
}

.admin-login-box .form-group input {
    width: 100%;
    height: 50px;

    border: none;
    outline: none;

    border-radius: 10px;

    padding: 0 15px;

    font-size: 14px;

    background: rgba(255, 255, 255, 0.12);

    color: #fff;

    border: 1px solid rgba(255, 255, 255, 0.10);
}

.admin-login-box .form-group input::placeholder {
    color: #dcdcdc;
}

/* BUTTON */
.login-btn-box {
    width: 100%;
    height: 52px;

    border: none;
    border-radius: 10px;

    background: linear-gradient(135deg, #ff8c00, #ffb703);

    color: #031540;

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

    cursor: pointer;

    transition: 0.3s ease;

    margin-top: 5px;

    padding: 8px 10px;

    text-decoration: none;

    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
}

.login-btn-box:hover {
    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* RESPONSIVE */
@media(max-width:576px) {

    .admin-login-box {
        padding: 28px 20px;
    }

    .admin-login-box h2 {
        font-size: 26px;
    }

    .admin-logo-login img {
        width: 110px;
        height: 110px;
    }

}

/* admin-login-page-css-end */




/* admin-dashboard-css-start */

.topbar-admin {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(135deg, #0c3cc0, #d45109, #ff9800);
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}




.topbar-admin h2 {
    font-size: 22px;
    font-weight: 600;
}

.menu-btn {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.admin-logo-mb {
    width: 55px;
}

.admin-logo-mb img {
    width: 100%;
    border-radius: 10px;
}

/* =========================
           MAIN CONTAINER
        ========================= */
.admin-container {
    display: flex;
    min-height: 100vh;
}

.sidebar {
    width: 280px;
    height: 100vh;
    background: linear-gradient(180deg, #0c3cc0, #041c5e, #d45109, #ff9800);
    padding: 20px;
    color: #fff;
    transition: 0.4s;

    position: fixed;
    top: 0;
    left: 0;

    overflow-y: auto;
}

.close-btn {
    display: none;
}

/* LOGO */
.admin-logo {
    width: 120px;
    margin: auto;
    margin-bottom: 20px;
}

.admin-logo img {
    width: 100%;
    border-radius: 15px;
    border: 3px solid rgba(255, 255, 255, 0.2);
}

.sidebar h2 {
    text-align: center;
    font-size: 26px;
    margin-bottom: 25px;
}

/* MENU */
.menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu li {
    margin-bottom: 12px;
}


/* normal links */

.menu li>a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    transition: .3s;
    font-size: 15px;
    white-space: nowrap;
}


.menu li>a:hover {
    background: rgba(255, 255, 255, .15);
    transform: translateX(5px);
}


/* dropdown */
/* ============================
   ADMIN SIDEBAR DROPDOWN
============================ */


.admin-menu-dropdown {
    width: 100%;
    margin-bottom: 12px;
}


/* dropdown button */

.admin-dropdown-btn {

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 14px 16px;

    color: #fff;

    border-radius: 12px;

    cursor: pointer;

    transition: .3s;

    box-sizing: border-box;

}



.admin-dropdown-btn:hover {

    background: rgba(255, 255, 255, .15);

}


/* icon + text */

.admin-dropdown-btn span {

    display: flex;
    align-items: center;

    gap: 12px;

    white-space: nowrap;

}


/* arrow */

.admin-dropdown-arrow {

    font-size: 13px;

    transition: .3s;

}



/* open arrow */

.admin-menu-dropdown.admin-dropdown-open .admin-dropdown-arrow {

    transform: rotate(180deg);

}



/* submenu */

.admin-submenu {

    display: none;

    list-style: none;

    padding-left: 20px;

    margin-top: 8px;

}



/* show submenu */

.admin-menu-dropdown.admin-dropdown-open .admin-submenu {

    display: block;

}



/* submenu links */

.admin-submenu li a {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 12px 15px;

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    border-radius: 8px;

    transition: .3s;

}



.admin-submenu li a:hover {

    background: rgba(255, 255, 255, .12);

}


/* =========================
   MAIN CONTENT
========================= */

.main-content {
    flex: 1;
    margin-left: 280px;
    padding: 30px;
    background: #f4f7fb;
    width: 100%;
    overflow: hidden;
}

/* =========================
   DASHBOARD HEADER
========================= */
.dashboard-header {
    margin-bottom: 35px;
}

.welcome-box {
    background: linear-gradient(135deg, #0c3cc0, #041c5e, #d45109, #ff9800);
    border-radius: 30px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(12, 60, 192, 0.25);
    width: 100%;
}

/* =========================
   BUTTONS
========================= */
.welcome-btns a {
    text-decoration: none;
    padding: 13px 22px;
    border-radius: 14px;
    background: #fff;
    color: #0c3cc0;
    font-weight: 600;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.welcome-btns .light-btn {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    backdrop-filter: blur(10px);
}

.welcome-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 2;
    font-size: 28px;
    color: #fff;
}

.welcome-icon i {
    font-size: 70px;
    color: #fff;
}

.welcome-content span {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.welcome-content h2 {
    font-size: 34px;
    font-weight: 600;
    color: #fff;
}

.welcome-content p {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}


/* =========================
   PAGE TITLE
========================= */
.title-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 20px;
}

.page-title {
    font-size: 34px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
}

.page-subtitle {
    color: #000;
    font-size: 14px;
    margin: 0;
}

.date-btn {
    border: none;
    background: #fff;
    padding: 12px 18px;
    border-radius: 14px;
    font-weight: 600;
    color: #000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
    cursor: pointer;
}

/* =========================
   STATS GRID
========================= */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.card {
    padding: 28px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    color: #fff;
    transition: 0.4s;
    box-shadow: 0 15px 35px #d4510940;
    border: 1px solid #d45109 !important;
}

.card::before {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    top: -40px;
    right: -40px;
}

.card:hover {
    transform: translateY(-8px);
}

.one-clr {
    background: linear-gradient(135deg, #0c3cc0, #041c5e, #d45109);
}

.two-clr {
    background: linear-gradient(135deg, #0c3cc0, #d45109, #ff9800);
}

.three-clr {
    background: linear-gradient(135deg, #041c5e, #d45109, #ffb300);
}

.four-clr {
    background: linear-gradient(135deg, #0c3cc0, #ff9800, #d45109);
}

.card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.card-icon {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    color: #fff;
    font-size: 24px;
}

.card-icon i {
    font-size: 24px;
}

.growth {
    padding: 6px 12px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 14px;
}

.card h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #fff;
}

.card h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
}

.card p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
}



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

@media(max-width:991px) {

    /* TOPBAR SHOW */
    .topbar-admin {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        padding: 14px 18px;
        background: linear-gradient(135deg, #0c3cc0, #041c5e, #d45109, #ff9800);
    }

    /* SIDEBAR OFFCANVAS */
    .sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100vh;
        overflow-y: auto;
        z-index: 99999;
        transition: 0.4s ease;
    }

    .sidebar {
        left: -100%;
        margin-left: 0;
    }

    .sidebar.active {
        left: 0;
    }



    /* OPEN SIDEBAR */
    .sidebar.active {
        left: 0;
    }

    /* CLOSE BUTTON */
    .close-btn {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        border: none;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }


    .main-content {
        margin-left: 0;
        width: 100%;
        padding: 90px 20px 20px;
    }

    /* TITLE */
    .title-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    /* WELCOME */
    .welcome-box {
        flex-direction: column;
        text-align: center;
    }

    .welcome-btns {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    /* GRID */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media(max-width:576px) {

    .sidebar {
        width: 260px;
    }

    .main-content {
        padding: 100px 15px 15px;
    }

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

    .welcome-box {
        padding: 25px 18px;
    }

    .welcome-content h2 {
        font-size: 24px;
    }

    .page-title {
        font-size: 25px;
    }

    .card {
        padding: 22px;
    }

    .welcome-btns {
        display: flex;
        flex-direction: column;
    }

    .welcome-btns a {
        width: 100%;
        justify-content: center;
    }

    .welcome-icon {
        display: none;
    }

    .card h2 {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .card h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .card p {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .card-top {
        margin-bottom: 15px;
    }

    .card-icon {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }


}


/* admin-dashboard-css-end */


/* admin-add-institution-section-css-start */

.all-institution-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 12px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.admin-institution-form-wrapper {
    width: 100%;
    background: #fff;
    border-radius: 24px;
    padding: 35px;
    margin-top: 25px;
    border: 2px solid #e5ecff;
    box-shadow:
        0 10px 30px rgba(0, 0, 0, .08);
}

/* GRID */
.admin-institution-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* FORM GROUP */
.admin-institution-form-group {
    margin-bottom: 24px;
}

.admin-institution-form-group label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #0b1c49;
    margin-bottom: 10px;
}

/* INPUT SELECT */
.admin-institution-form-group input,
.admin-institution-form-group select {
    width: 100%;
    border: 1.5px solid #d9e2ff;
    background: #f9fbff;
    border-radius: 3px;
    padding: 15px 18px;
    font-size: 15px;
    outline: none;
    transition: .3s;
    font-family: inherit;
}

.admin-institution-form-group input:focus,
.admin-institution-form-group select:focus {
    border-color: #0d47d9;
    background: #fff;
    box-shadow:
        0 0 0 4px rgba(13, 71, 217, .08);
}

/* FILE UPLOAD */
.admin-institution-upload-box {
    border: 2px dashed #b9c8ff;
    border-radius: 18px;
    padding: 18px;
    background: #f7faff;
}

.admin-institution-upload-box input {
    border: none;
    background: transparent;
    padding: 0;
}

/* ALL BUTTON */
.admin-institution-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background:
        linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 13px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: .3s;
}

.admin-institution-all-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 10px 20px rgba(13, 71, 217, .25);
}

/* SUBMIT AREA */
.admin-institution-submit-area {
    margin-top: 10px;
}

.admin-institution-submit-btn {
    border: none;
    background:
        linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
}

.admin-institution-submit-btn i {
    margin-right: 8px;
}

.admin-institution-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 10px 20px rgba(13, 71, 217, .25);
}

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

    .admin-institution-form-grid {
        grid-template-columns: 1fr;
    }

    .admin-institution-form-wrapper {
        padding: 22px;
    }
}

@media(max-width:576px) {
    .admin-institution-form-wrapper {
        padding: 20px 15px;
        margin-top: 10px;
    }

    .admin-institution-form-group {
        margin-bottom: 15px;
    }

    .admin-institution-all-btn {
        padding: 12px 18px;
        font-size: 12px;
    }
}



/* admin-add-institution-section-css-end */


/* admin-all-institution-section-css-start */

.admin-institution-add-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;



    background: linear-gradient(135deg, #0d47d9, #ff6600);



    color: #fff;



    padding: 13px 22px;



    border-radius: 50px;



    text-decoration: none;



    font-size: 14px;



    font-weight: 600;



}











/* TABLE */



.admin-all-institution-table-wrapper {



    background: #fff;



    padding: 30px;



    border-radius: 25px;



    margin-top: 25px;



    border: 2px solid #e5ecff;



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



    overflow-x: auto;



}







.admin-all-institution-table {



    width: 100%;



    border-collapse: collapse;



}







.admin-all-institution-table th {



    background: #0d47d9;



    color: #fff;



    padding: 15px;



    text-align: left;



    font-size: 14px;



}







.admin-all-institution-table td {



    padding: 15px;



    border-bottom: 1px solid #eee;



    font-size: 14px;



    color: #333;



}











.admin-institution-profile-img {



    width: 50px;



    height: 50px;



    border-radius: 50%;



    object-fit: cover;



}











/* STATUS */



.admin-status-approved {



    background: #d8ffe2;



    color: #00852b;



    padding: 7px 15px;



    border-radius: 50px;



    font-size: 12px;



    font-weight: 600;



}









/* ACTION */





.admin-institution-action-btn {



    display: flex;



    gap: 8px;



}







.admin-institution-action-btn button {



    width: 38px;



    height: 38px;



    border: none;



    border-radius: 10px;



    color: #fff;



    cursor: pointer;



}







.admin-view-btn {



    background: #0d47d9;



}







.admin-edit-btn {



    background: #ff9800;



}







.admin-delete-btn {
    background: #dc2626;
}


.admin-delete-btn a {
    color: #fff;
}







/* MODAL */





.admin-institution-modal {



    display: none;



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background: rgba(0, 0, 0, .6);



    z-index: 99999;



    align-items: center;



    justify-content: center;



}





/* POPUP BOX */

.admin-institution-modal-box {

    background: #fff;
    width: 700px;
    max-width: 90%;

    height: 80vh;
    /* fixed 80% screen height */
    max-height: 80vh;

    overflow-y: auto;
    /* scroll inside popup */

    padding: 35px;
    border-radius: 25px;
    position: relative;

}

.admin-institution-modal-box::-webkit-scrollbar {

    width: 6px;

}

.admin-institution-modal-box::-webkit-scrollbar-track {

    background: #f1f5f9;
    border-radius: 20px;

}

.admin-institution-modal-box::-webkit-scrollbar-thumb {
    background: #6DA4FD;
    border-radius: 20px;
}

.admin-modal-close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 22px;
    cursor: pointer;

}

.admin-institution-modal-box h2 {
    margin-bottom: 15px;
    color: #0b1c49;
    font-size: 24px;
    font-weight: 600;
}


.admin-modal-profile-img {

    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}

.admin-institution-details p {
    margin-bottom: 12px;
    font-size: 15px;
}

/* EDIT FORM */
.admin-institution-edit-form input,

.admin-institution-edit-form select {
    width: 100%;
    padding: 14px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 12px;
}

.admin-edit-save-btn {
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    border: none;
    padding: 14px 25px;
    border-radius: 50px;
    cursor: pointer;
}

/* POPUP IMAGE SECTION */
.admin-institution-popup-images {
    display: flex;
    gap: 25px;
    margin-bottom: 25px;
}

.admin-institution-popup-images p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #0b1c49;

}


.admin-modal-profile-img,
.admin-modal-certificate-img {

    width: 100px;
    height: 100px;
    border-radius: 15px;
    object-fit: cover;
    border: 2px solid #e5ecff;

}

/* EDIT POPUP GRID */
.admin-edit-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.admin-institution-edit-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #0b1c49;
    margin-bottom: 8px;

}

.admin-institution-edit-form input,
.admin-institution-edit-form select {
    width: 100%;
    padding: 13px 15px;
    margin-bottom: 15px;
    border: 1.5px solid #d9e2ff;
    background: #f9fbff;
    border-radius: 12px;
    outline: none;
}

.admin-edit-upload {
    border: 2px dashed #b9c8ff;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    background: #f7faff;
}

.admin-edit-upload input {
    border: none;
    padding: 0;
}

@media(max-width:768px) {
    .admin-edit-grid {
        grid-template-columns: 1fr;
    }

    .admin-institution-popup-images {
        flex-direction: column;
    }

}

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

@media(max-width:576px) {

    .admin-institution-modal {
        padding: 15px;
        align-items: center;
    }

    .admin-institution-modal-box {
        width: 100%;
        max-width: 100%;
        height: 80vh;
        max-height: 80vh;
        padding: 20px 15px;
    }

}

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

    .admin-institution-modal-box {
        width: 90%;
        max-height: 90vh;
        overflow-y: auto;
        padding: 30px;
    }

    .admin-edit-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .admin-institution-popup-images {
        justify-content: center;
    }

}

/* MOBILE */
@media(max-width:576px) {
    /* 
    .admin-institution-modal{
        padding:15px;
        align-items:flex-start;
        padding-top:40px;
    }

    .admin-institution-modal-box{
        width:100%;
        max-width:100%;
        height: 90vh;
        padding:22px 18px;
        border-radius:20px;
        max-height:85vh;
        overflow-y:auto;
    } */

    .admin-institution-modal-box h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    /* CLOSE BUTTON */
    .admin-modal-close {
        right: 15px;
        top: 12px;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f1f5ff;
        border-radius: 50%;
    }

    /* VIEW IMAGES */
    .admin-institution-popup-images {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }



    .admin-modal-profile-img,
    .admin-modal-certificate-img {
        width: 90px;
        height: 90px;
    }

    /* DETAILS */
    .admin-institution-details p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    /* EDIT FORM */
    .admin-institution-edit-form input,
    .admin-institution-edit-form select {
        padding: 12px;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .admin-edit-upload {
        padding: 12px;
    }

    .admin-edit-save-btn {
        width: 100%;
        padding: 13px;
        font-size: 14px;
    }

}

@media(max-width:768px) {

    .admin-all-institution-table-wrapper {
        padding: 15px;
    }

    .admin-institution-action-btn {
        flex-direction: column;
    }

}

/* admin-all-institution-section-css-end */


/* admin-certified-section-css-start */


.certificate-title-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.certificate-page-title {
    font-size: 32px;
    font-weight: 700;
    color: #0b1c49;
}

.certificate-page-subtitle {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.certificate-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 12px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.certificate-all-btn:hover {
    transform: translateY(-2px);
}

.certificate-box-admin {
    width: 100%;
    background: #fff;
    border-radius: 22px;
    padding: 20px;
    border: 2px solid #e5ecff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.certificate-table-responsive {
    width: 100%;
    overflow-x: auto;
}

.certificate-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 950px;
}

.certificate-table thead {
    background: #f4f7ff;
}

.certificate-table th {
    padding: 16px;
    text-align: left;
    font-size: 14px;
    color: #0b1c49;
    font-weight: 700;
    white-space: nowrap;
}

.certificate-table td {
    padding: 16px;
    border-top: 1px solid #edf1ff;
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    white-space: nowrap;
}

.certificate-table td img {
    width: 80px;
    height: 55px;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #edf1ff;
}

.certificate-status {
    padding: 7px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
}

.certificate-approved {
    background: #e5fff1;
    color: #00a651;
}

.certificate-pending {
    background: #fff7df;
    color: #d18b00;
}

.certificate-expired {
    background: #ffe8e8;
    color: #d60000;
}

.certificate-btn-area {
    display: flex;
    align-items: center;
    gap: 10px;
}

.certificate-edit-btn,
.certificate-delete-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 16px;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
}

.certificate-edit-btn {
    background: linear-gradient(135deg, #0d47d9, #245dff);
}

.certificate-delete-btn {
    background: linear-gradient(135deg, #ff3d3d, #d60000);
}

.certificate-edit-btn:hover,
.certificate-delete-btn:hover {
    transform: translateY(-2px);
}


.certificate-action-btn button {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
}

.certificate-view-btn {
    background: #0d47d9;
}

.certificate-edit-btn {
    background: #ff9800;
}

.certificate-delete-btn {
    background: #dc2626;
}

/* RESPONSIVE */

@media(max-width:768px) {

    .certificate-page-title {
        font-size: 24px;
    }

    .certificate-box {
        padding: 15px;
    }

    .certificate-all-btn {
        width: 100%;
        justify-content: center;
    }
}

@media(max-width:576px) {

    .certificate-title-flex {
        gap: 12px;
    }

    .certificate-page-subtitle {
        font-size: 13px;
    }

    .certificate-box {
        padding: 12px;
    }

    .certificate-table th,
    .certificate-table td {
        padding: 12px;
    }

    .certificate-btn-area {
        flex-direction: column;
    }

    .certificate-edit-btn,
    .certificate-delete-btn {
        width: 100%;
        justify-content: center;
    }
}



/* CERTIFICATE POPUP */

.certificate-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 99999;
    align-items: center;
    justify-content: center;
}

.certificate-modal-box {
    width: 550px;
    max-width: 95%;
    background: #fff;
    border-radius: 25px;
    padding: 30px;
    position: relative;

    height: 80vh;
    overflow-y: auto;
}

.certificate-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 22px;
    cursor: pointer;
}

.certificate-modal-box h2 {
    color: #0b1c49;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}

.certificate-popup-image {
    text-align: center;
    margin-bottom: 25px;
}

.certificate-popup-image img {
    width: 180px;
    border-radius: 15px;
    border: 2px solid #edf1ff;
}

.certificate-view-details p {
    margin-bottom: 12px;
    font-size: 15px;
}

.certificate-edit-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #0b1c49;
    margin-bottom: 8px;
}

.certificate-edit-form input,
.certificate-edit-form select {
    width: 100%;
    padding: 13px 15px;
    border: 1.5px solid #d9e2ff;
    border-radius: 12px;
    background: #f9fbff;
    margin-bottom: 15px;
}

.certificate-edit-upload {
    border: 2px dashed #cfdcff;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.certificate-edit-upload input {
    border: none;
    padding: 0;
}

.certificate-save-btn {
    width: 100%;
    border: none;
    padding: 14px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
}


/* admin-certified-section-css-end */


/* admin-add-certificate-section-css-start */


.admin-add-certificate-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 12px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

/* FORM BOX */
.admin-add-certificate-form-box {
    width: 100%;
    background: #fff;
    padding: 35px;
    margin-top: 25px;
    border-radius: 24px;
    border: 2px solid #e5ecff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

/* GRID */
.admin-add-certificate-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* GROUP */
.admin-add-certificate-group {
    margin-bottom: 22px;
}

.admin-add-certificate-group label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #0b1c49;
    margin-bottom: 10px;
}

/* INPUT */
.admin-add-certificate-group input,
.admin-add-certificate-group select {
    width: 100%;
    padding: 15px 18px;
    border-radius: 12px;
    border: 1.5px solid #d9e2ff;
    background: #f9fbff;
    outline: none;
    font-size: 15px;
}

.admin-add-certificate-group input:focus,
.admin-add-certificate-group select:focus {
    border-color: #0d47d9;
    background: #fff;
    box-shadow:
        0 0 0 4px rgba(13, 71, 217, .08);
}

/* IMAGE UPLOAD */
.admin-add-certificate-upload {
    border: 2px dashed #b9c8ff;
    background: #f7faff;
    padding: 18px;
    border-radius: 18px;
}

.admin-add-certificate-upload input {
    border: none;
    background: transparent;
    padding: 0;
}

/* BUTTON */
.admin-add-certificate-submit-area {
    margin-top: 10px;
}

.admin-add-certificate-submit-btn {
    border: none;
    background:
        linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.admin-add-certificate-submit-btn i {
    margin-right: 8px;
}

.admin-add-certificate-submit-btn:hover {
    transform: translateY(-2px);
}

/* RESPONSIVE */
@media(max-width:900px) {
    .admin-add-certificate-grid {
        grid-template-columns: 1fr;
    }

    .admin-add-certificate-form-box {
        padding: 25px;
    }

}

@media(max-width:576px) {
    .admin-add-certificate-form-box {
        padding: 20px 15px;
    }

    .admin-add-certificate-group {
        margin-bottom: 15px;
    }

    .admin-add-certificate-submit-btn {
        width: 100%;
    }

    .admin-add-certificate-all-btn {
        width: 100%;
        justify-content: center;
    }

}

/* admin-add-certificate-section-css-end */


/* admin-add-department-section-css-start */


.admin-department-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 12px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: .3s;
}

.admin-department-all-btn:hover {
    transform: translateY(-2px);
}

/* FORM BOX */
.admin-add-department-box {
    width: 100%;
    background: #fff;
    border-radius: 24px;
    padding: 35px;
    margin-top: 25px;
    border: 2px solid #e5ecff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

/* FORM */
.admin-department-form {
    width: 50%;
}

.admin-department-form-group {
    margin-bottom: 25px;
}

.admin-department-form-group label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #0b1c49;
    margin-bottom: 10px;
}

.admin-department-form-group input {
    width: 100%;
    padding: 15px 18px;
    border: 1.5px solid #d9e2ff;
    background: #f9fbff;
    border-radius: 12px;
    outline: none;
    font-size: 15px;
    transition: .3s;
}

.admin-department-form-group input:focus {
    border-color: #0d47d9;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(13, 71, 217, .08);
}

/* SUBMIT */
.admin-department-submit-area {
    margin-top: 10px;
}

.admin-department-submit-btn {
    border: none;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
}

.admin-department-submit-btn i {
    margin-right: 8px;
}

.admin-department-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 71, 217, .25);
}

/* RESPONSIVE */
@media(max-width:900px) {
    .admin-department-form {
        width: 100%;
    }

    .admin-add-department-box {
        padding: 25px;
    }
}

@media(max-width:576px) {

    .admin-add-department-box {
        padding: 20px 15px;
        margin-top: 15px;
    }

    .admin-department-all-btn {
        width: 100%;
        justify-content: center;
    }

    .admin-department-submit-btn {
        width: 100%;
    }
}

/* admin-add-department-section-css-end */


/* admin-all-department-section-css-start */

/* ADD BUTTON */
.admin-department-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 13px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: .3s;
}

.admin-department-add-btn:hover {
    transform: translateY(-2px);
}

/* TABLE BOX */
.admin-all-department-table-wrapper {
    background: #fff;
    padding: 30px;
    border-radius: 25px;
    margin-top: 25px;
    border: 2px solid #e5ecff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    overflow-x: auto;
}

.admin-all-department-table {
    width: 100%;
    border-collapse: collapse;
}

.admin-all-department-table th {
    background: #0d47d9;
    color: #fff;
    padding: 15px;
    text-align: left;
    font-size: 14px;
}

.admin-all-department-table td {
    padding: 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
}

/* ACTION BUTTON */
.admin-department-action-btn {
    display: flex;
    gap: 8px;
}

.admin-department-action-btn button {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-department-view-btn {
    background: #0d47d9;
}

.admin-department-edit-btn {
    background: #ff9800;
}

.admin-department-delete-btn {
    background: #dc2626;
}

/* POPUP */
.admin-department-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 99999;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.admin-department-modal-box {
    background: #fff;
    width: 450px;
    max-width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    padding: 35px;
    border-radius: 25px;
    position: relative;
}

.admin-department-close {
    position: absolute;
    right: 20px;
    top: 15px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    background: #f1f5ff;
    border-radius: 50%;
}

.admin-department-modal-box h2 {
    color: #0b1c49;
    margin-bottom: 25px;
    font-size: 24px;
}

/* VIEW DETAILS */
.admin-department-details p {
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
}

/* EDIT FORM */
.admin-department-edit-form label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #0b1c49;
    margin-bottom: 10px;
}

.admin-department-edit-form input {
    width: 100%;
    padding: 14px 16px;
    margin-bottom: 20px;
    border: 1.5px solid #d9e2ff;
    background: #f9fbff;
    border-radius: 12px;
    outline: none;
    font-size: 14px;
}

.admin-department-edit-form input:focus {
    border-color: #0d47d9;
    background: #fff;
}

.admin-department-save-btn {
    border: none;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 14px 25px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

.admin-department-save-btn i {
    margin-right: 8px;
}

/* RESPONSIVE */
@media(max-width:768px) {
    .admin-all-department-table-wrapper {
        padding: 15px;
    }

    .admin-department-action-btn {
        flex-direction: column;
    }

    .admin-department-modal-box {
        padding: 25px;
        width: 90%;
    }
}

@media(max-width:576px) {
    .admin-department-add-btn {
        width: 100%;
        justify-content: center;
    }

    .admin-department-modal {
        align-items: flex-start;
        padding-top: 40px;
    }

    .admin-department-modal-box {
        width: 100%;
        border-radius: 20px;
        padding: 22px 18px;
    }

    .admin-department-modal-box h2 {
        font-size: 21px;
    }

    .admin-department-save-btn {
        width: 100%;
    }
}

/* admin-all-department-section-css-end */





























/* admin-add-services-section-css-start */


.add-service-box {
    width: 100%;
    background: #ffffff;
    border-radius: 24px;
    padding: 35px;
    margin-top: 25px;
    border: 2px solid #e5ecff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* FORM GRID */
.service-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* FORM GROUP */
.service-form-grid .form-group {
    margin-bottom: 24px;
}

.service-form-grid .form-group label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #0b1c49;
    margin-bottom: 10px;
}

/* INPUT */
.form-group input,
.form-group textarea {
    width: 100%;
    border: 1.5px solid #d9e2ff;
    background: #f9fbff;
    border-radius: 16px;
    padding: 15px 18px;
    font-size: 15px;
    outline: none;
    transition: 0.3s;
    font-family: inherit;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #0d47d9;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(13, 71, 217, 0.08);
}

/* TEXTAREA */
.form-group textarea {
    resize: vertical;
}

/* FILE UPLOAD */
.upload-box {
    border: 2px dashed #b9c8ff;
    border-radius: 18px;
    padding: 18px;
    background: #f7faff;
}

.upload-box input {
    border: none;
    background: transparent;
    padding: 0;
}

/* BUTTON AREA */
.submit-btn-area {
    margin-top: 10px;
}

/* BUTTON */
/* TITLE BUTTON */
.all-service-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 13px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.all-service-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 71, 217, 0.25);
}

.submit-service-btn {
    border: none;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.submit-service-btn i {
    margin-right: 8px;
}

.submit-service-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 71, 217, 0.25);
}

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

    .service-form-grid {
        grid-template-columns: 1fr;
    }

    .add-service-box {
        padding: 22px;
    }

}

@media(max-width:576px) {


    .page-subtitle {
        font-size: 13px;
        margin-bottom: 0px;
    }

    .title-flex {
        gap: 10px;
    }

    .all-service-btn {
        gap: 10px;
        padding: 12px 18px;
        font-size: 12px;

    }

    .add-service-box {
        padding: 22px;
        margin-top: 10px;
    }

    .form-group {
        margin-bottom: 15px;

    }

    .add-service-box {
        padding: 20px 15px;
        margin-top: 10px;
    }





}

/* admin-add-services-section-css-end */


/* admin-all-service-section-css-start */

.all-service-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 25px;
}

/* CARD */
.service-card {
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    border: 2px solid #e6ecff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

.service-card:hover {
    transform: translateY(-5px);
}

/* IMAGE */
.service-card-img {
    width: 100%;
    height: 230px;
    overflow: hidden;
}

.service-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* CONTENT */
.service-card-content {
    padding: 25px;
}

/* TAG */
.service-tag {
    display: inline-block;
    background: #edf3ff;
    color: #0d47d9;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 50px;
    margin-bottom: 15px;
}

/* TITLE */
.service-card-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #0b1c49;
    margin-bottom: 15px;
    line-height: 1.4;
}

/* DESCRIPTION */
.service-card-content p {
    font-size: 14px;
    line-height: 28px;
    color: #555;
    margin-bottom: 18px;
}

/* FEATURE LIST */
.service-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
}

.service-feature-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #222;
    margin-bottom: 12px;
    font-weight: 500;
}

.service-feature-list li i {
    color: #0d47d9;
}

/* BUTTON AREA */
.service-btn-area {
    display: flex;
    gap: 15px;
}

/* EDIT BUTTON */
.service-btn-area .edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 50px;
    background: linear-gradient(135deg, #0d47d9, #245dff);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.service-btn-area .edit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 71, 217, 0.25);
}

/* DELETE BUTTON */
.service-btn-area .delete-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 50px;
    background: linear-gradient(135deg, #ff3d3d, #d60000);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.service-btn-area .delete-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(255, 0, 0, 0.2);
}

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

@media(max-width:991px) {

    .all-service-grid {
        grid-template-columns: 1fr;
    }
}

@media(max-width:576px) {

    .service-card-img {
        height: 200px;
    }

    .service-card-content {
        padding: 20px 15px;
    }

    .service-card-content h3 {
        font-size: 20px;
    }

    .service-card-content p {
        line-height: 26px;
    }

    .service-btn-area {
        flex-direction: column;
    }

    .service-btn-area .edit-btn,
    .service-btn-area .delete-btn {
        width: 100%;
        justify-content: center;
    }
}

/* admin-all-service-section-css-end */

/* edit-service-section-css-start */

.edit-service-box {
    width: 100%;
    background: #fff;
    border-radius: 24px;
    padding: 35px;
    margin-top: 25px;
    border: 2px solid #e5ecff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* GRID */
.service-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/* FORM GROUP */
.service-form-grid .form-group {
    margin-bottom: 24px;
}

.service-form-grid .form-group label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #0b1c49;
    margin-bottom: 10px;
}

/* .form-group label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
} */

/* INPUT + TEXTAREA */
.form-group input,
.form-group textarea {
    width: 100%;
    border: 1.5px solid #d9e2ff;
    background: #f9fbff;
    border-radius: 16px;
    padding: 15px 18px;
    font-size: 15px;
    outline: none;
    transition: 0.3s;
    font-family: inherit;
}

.form-group textarea {
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #0d47d9;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(13, 71, 217, 0.08);
}

/* IMAGE PREVIEW */
.service-preview {
    width: 100%;
    height: 220px;
    border-radius: 18px;
    overflow: hidden;
    border: 2px solid #dbe5ff;
}

.service-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* FILE BOX */
.upload-box {
    border: 2px dashed #b9c8ff;
    border-radius: 18px;
    padding: 18px;
    background: #f7faff;
}

.upload-box input {
    border: none;
    background: transparent;
    padding: 0;
}

/* TITLE BUTTON */
.all-service-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 13px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.all-service-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 71, 217, 0.25);
}

/* BUTTON AREA */
.submit-btn-area {
    margin-top: 10px;
}

/* UPDATE BUTTON */
.update-service-btn {
    border: none;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 14px 30px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.update-service-btn i {
    margin-right: 8px;
}

.update-service-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 71, 217, 0.25);
}

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

    .service-form-grid {
        grid-template-columns: 1fr;
    }

    .edit-service-box {
        padding: 22px;
    }

}

@media(max-width:576px) {

    .title-flex {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .all-service-btn {
        width: 100%;
        justify-content: center;
    }

    .edit-service-box {
        padding: 20px 15px;
        margin-top: 12px;
    }

    .form-group {
        margin-bottom: 16px;
    }

    .service-preview {
        height: 180px;
    }

    .update-service-btn {
        width: 100%;
        justify-content: center;
    }

}


/* edit-service-section-css-end */

/* all-img-admin-page-css-start */


.all-img-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
    margin-top: 25px;
}

/* IMAGE CARD */
.img-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #e6ecff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    transition: 0.3s;
}

.img-card:hover {
    transform: translateY(-5px);
}

/* IMAGE */
.img-card-img {
    width: 100%;
    height: 170px;
    overflow: hidden;
}

.img-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* BUTTON AREA */
.img-btn-area {
    padding: 12px 3px;
    display: flex;
    gap: 3px;
}

/* EDIT BUTTON */
.img-btn-area .edit-btn {
    flex: 1;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(135deg, #0d47d9, #2962ff);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
}

.img-btn-area .edit-btn:hover {
    color: #fff;
    transform: translateY(-2px);
}

/* DELETE BUTTON */
.img-btn-area .delete-btn {
    flex: 1;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d00, #ff9800);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s;
}

.img-btn-area .delete-btn:hover {
    color: #fff;
    transform: translateY(-2px);
}

/* RESPONSIVE */
@media(max-width:1400px) {

    .all-img-grid {
        grid-template-columns: repeat(5, 1fr);
    }

}

@media(max-width:1200px) {

    .all-img-grid {
        grid-template-columns: repeat(4, 1fr);
    }

}

@media(max-width:992px) {

    .all-img-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media(max-width:768px) {

    .all-img-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:576px) {

    .all-img-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 15px;
    }

    .img-card-img {
        height: 130px;
    }

    .img-btn-area {
        flex-direction: column;
        padding: 10px;
    }

    .img-btn-area .edit-btn,
    .img-btn-area .delete-btn {
        font-size: 12px;
        padding: 8px;
    }

}


/* all-img-admin-page-css-end */


/* all-video-section-css-start */


/*==============================
ALL VIDEO GRID
==============================*/

.all-video-grid {
    grid-template-columns: repeat(3, 1fr);
}

/* VIDEO FRAME */
.video-card-frame {
    height: 250px;
    overflow: hidden;
}

.video-card-frame iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* RESPONSIVE */
@media(max-width:1200px) {

    .all-video-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:768px) {

    .all-video-grid {
        grid-template-columns: repeat(1, 1fr);
    }

}

@media(max-width:576px) {

    .video-card-frame {
        height: 220px;
    }

}


/* all-video-section-css-end */


/* edit-video-section-css-start */


.edit-video-box {
    max-width: 850px;
}

/* VIDEO PREVIEW */
.edit-video-preview {
    width: 100%;
    height: 420px;
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 25px;
    border: 2px solid #e6ecff;
    background: #f7faff;
}

.edit-video-preview iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* RESPONSIVE */
@media(max-width:768px) {

    .edit-video-preview {
        height: 300px;
    }

}

@media(max-width:576px) {

    .edit-video-preview {
        height: 220px;
        border-radius: 16px;
        margin-bottom: 18px;
    }

}

/* edit-video-section-css-end */


/* institution-approval-admin-css-start */


/* TABLE */
.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.approval-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.approval-table thead {
    background: #f5f7fb;
}

.approval-table th {
    padding: 16px;
    text-align: left;
    font-size: 15px;
    color: #222;
    border-bottom: 1px solid #e5e5e5;
}

.approval-table td {
    padding: 16px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
    color: #555;
    vertical-align: middle;
}

.approval-table td img {
    width: 70px;
    height: 55px;
    object-fit: cover;
    border-radius: 8px;
}

/* STATUS */
.status {
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

.pending {
    background: #fff4d6;
    color: #c58a00;
}

.approved {
    background: #dff7e8;
    color: #15803d;
}

.rejected {
    background: #ffe2e2;
    color: #dc2626;
}

/* BUTTON AREA */
.table-btn-area {
    display: flex;
    gap: 10px;
}

/* APPROVE */
.approve-btn {
    background: #16a34a;
    color: #fff;
    padding: 9px 14px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}

.approve-btn:hover {
    background: #15803d;
}

/* REJECT */
.reject-btn {
    background: #ef4444;
    color: #fff;
    padding: 9px 14px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}

.reject-btn:hover {
    background: #dc2626;
}

/* institution-approval-admin-css-end */

/* add-institution-css-start */

/* SELECT BOX */
.form-group select {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 14px;
    outline: none;
    background: #fff;
    color: #555;
}

/* RESPONSIVE */
@media(max-width:991px) {

    .service-form-grid {
        grid-template-columns: 1fr;
    }

}


/* add-institution-css-end */



/* edit-certificate-section-css-start */

.edit-service-box {
    width: 100%;
    background: #fff;
    border-radius: 24px;
    padding: 35px;
    margin-top: 25px;
    border: 2px solid #e5ecff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* TABLE */
.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.approval-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1100px;
}

.approval-table thead {
    background: #f4f7ff;
}

.approval-table th {
    padding: 18px;
    text-align: left;
    font-size: 14px;
    color: #0b1c49;
    font-weight: 700;
}

.approval-table td {
    padding: 18px;
    border-top: 1px solid #edf1ff;
    vertical-align: middle;
}

/* INPUT */
.approval-table input,
.approval-table select {
    width: 100%;
    border: 1.5px solid #d9e2ff;
    background: #f9fbff;
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 14px;
    outline: none;
    transition: 0.3s;
}

.approval-table input:focus,
.approval-table select:focus {
    border-color: #0d47d9;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(13, 71, 217, 0.08);
}

/* IMAGE */
.certificate-img-preview {
    width: 120px;
    height: 80px;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 12px;
    border: 2px solid #dbe5ff;
}

.certificate-img-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* FILE BOX */
.upload-box {
    border: 2px dashed #b9c8ff;
    border-radius: 14px;
    padding: 10px;
    background: #f7faff;
}

.upload-box input {
    border: none;
    background: transparent;
    padding: 0;
}

/* BUTTON AREA */
.table-btn-area {
    display: flex;
    gap: 12px;
}

/* UPDATE BUTTON */
.approve-btn {
    border: none;
    background: linear-gradient(135deg, #0d47d9, #245dff);
    color: #fff;
    padding: 11px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.approve-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(13, 71, 217, 0.2);
}

/* DELETE BUTTON */
.reject-btn {
    border: none;
    background: linear-gradient(135deg, #ff3d3d, #d60000);
    color: #fff;
    padding: 11px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.reject-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(255, 0, 0, 0.2);
}

/* TITLE BUTTON */
.all-service-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #0d47d9, #ff6600);
    color: #fff;
    padding: 13px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.all-service-btn:hover {
    transform: translateY(-2px);
}

/* RESPONSIVE */
@media(max-width:768px) {

    .edit-service-box {
        padding: 20px 15px;
    }

    .table-btn-area {
        flex-direction: column;
    }

    .approve-btn,
    .reject-btn {
        width: 100%;
    }

}

/* edit-certificate-section-css-end */




/* institution-login-page-css-start */


.institution-login-section {
    width: 100%;
    min-height: 100vh;
    padding: 40px 20px;
    background: linear-gradient(135deg, #041c5e, #0c3cc0, #d45109);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* LOGO */
.institution-logo-login {
    margin-bottom: 25px;
}

.institution-logo-login img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    padding: 10px;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* LOGIN BOX */
.institution-login-box {
    width: 100%;
    max-width: 430px;
    padding: 35px 28px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* TITLE */
.institution-login-box h2 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
}

/* SUBTITLE */
.login-subtitle {
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    margin-bottom: 28px;
}

/* FORM GROUP */
.institution-form-group {
    margin-bottom: 20px;
}

.institution-form-group label {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.institution-form-group input {
    width: 100%;
    height: 52px;
    border: none;
    outline: none;
    border-radius: 12px;
    padding: 0 15px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.institution-form-group input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

/* BUTTON */
.institution-login-btn {
    width: 100%;
    height: 54px;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff9800, #d45109);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    transition: 0.3s;
}

.institution-login-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:576px) {

    .institution-login-box {
        padding: 28px 20px;
    }

    .institution-login-box h2 {
        font-size: 24px;
        margin-bottom: 3px;
    }

    .institution-logo-login img {
        width: 110px;
        height: 110px;
    }

    .login-subtitle {
        font-size: 12px;
        margin-bottom: 14px;
    }
}


/* institution-login-page-css-end */


/* institution-dashboard-css-start */

.institution-topbar {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(135deg, #0c3cc0, #041c5e, #d45109, #ff9800);
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.institution-topbar h2 {
    font-size: 22px;
    font-weight: 600;
}

.institution-menu-btn {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.institution-logo-mb {
    width: 55px;
}

.institution-logo-mb img {
    width: 100%;
    border-radius: 10px;
}

/* MAIN CONTAINER */
.institution-container {
    display: flex;
    min-height: 100vh;
}

/* SIDEBAR */
.institution-sidebar {
    width: 280px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    background: linear-gradient(180deg, #0c3cc0, #041c5e, #d45109, #ff9800);
    padding: 20px;
    color: #fff;
    transition: 0.4s;
    z-index: 999;
}

.institution-close-btn {
    display: none;
}

/* LOGO */
.institution-logo {
    width: 120px;
    margin: auto;
    margin-bottom: 20px;
}

.institution-logo img {
    width: 100%;
    border-radius: 15px;
    border: 3px solid rgba(255, 255, 255, 0.2);
}

.institution-sidebar h2 {
    text-align: center;
    font-size: 26px;
    margin-bottom: 25px;
}

/* MENU */
.institution-menu {
    list-style: none;
}

.institution-menu li {
    margin-bottom: 12px;
}

.institution-menu li a,
.institution-menu li span {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    text-decoration: none;
    color: #fff;
    border-radius: 12px;
    transition: 0.3s;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.institution-menu li a:hover,
.institution-menu li span:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(5px);
}

.institution-menu i {
    width: 20px;
    text-align: center;
}


/* DROPDOWN MENU */
.institution-dropdown span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-arrow {
    margin-left: auto;
    font-size: 13px;
    transition: 0.3s;
}

.institution-submenu {
    list-style: none;
    margin-top: 8px;
    padding-left: 15px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}

.institution-dropdown.active .institution-submenu {
    max-height: 200px;
}

.institution-dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
}

.institution-submenu li {
    margin-bottom: 8px;
}

.institution-submenu li a {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 12px 15px;
    font-size: 14px;
}

.institution-submenu li a:hover {
    background: rgba(255, 255, 255, 0.15);
}



/* MAIN CONTENT */

.institution-main-content {
    width: calc(100% - 280px);
    margin-left: 280px;
    padding: 30px;
    background: #f4f7fb;
    min-height: 100vh;
    overflow-x: auto;
}

.student-table-section {
    width: 100%;
    display: block;
}

.student-table-wrapper {
    width: 100%;
    overflow-x: auto;
}




/* HEADER */
.institution-dashboard-header {
    margin-bottom: 35px;
}

.institution-welcome-box {
    background: linear-gradient(135deg, #0c3cc0, #041c5e, #d45109, #ff9800);
    border-radius: 30px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(12, 60, 192, 0.25);
}

.institution-welcome-content span {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.institution-welcome-content h2 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin: 10px 0;
}

.institution-welcome-content p {
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
}

.institution-btns {
    margin-top: 25px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.institution-btns a {
    text-decoration: none;
    padding: 13px 22px;
    border-radius: 14px;
    background: #fff;
    color: #0c3cc0;
    font-weight: 600;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.institution-light-btn {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    backdrop-filter: blur(10px);
}

.institution-welcome-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgb(255 255 255 / 37%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 48px;
}

.institution-welcome-icon i {
    font-size: 70px;
    color: #fff;
}

/* TITLE */
.institution-title-flex {
    margin-bottom: 20px;
}

.institution-page-title {
    font-size: 34px;
    font-weight: 700;
    color: #000;
}

.institution-page-subtitle {
    font-size: 15px;
    color: #555;
}

/* STATS GRID */
.institution-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

/* CARD */
.institution-card {
    padding: 28px;
    border-radius: 24px;
    color: #fff;
    transition: 0.4s;
    box-shadow: 0 15px 35px #d4510940;
}

.institution-card:hover {
    transform: translateY(-8px);
}

.institution-one {
    background: linear-gradient(135deg, #0c3cc0, #041c5e, #d45109);
}

.institution-two {
    background: linear-gradient(135deg, #0c3cc0, #d45109, #ff9800);
}

.institution-three {
    background: linear-gradient(135deg, #041c5e, #d45109, #ffb300);
}

.institution-four {
    background: linear-gradient(135deg, #0c3cc0, #ff9800, #d45109);
}

.institution-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.institution-card-icon {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.institution-growth {
    padding: 6px 12px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.15);
    font-size: 13px;
    font-weight: 600;
}

.institution-card h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.institution-card h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 8px;
}

.institution-card p {
    font-size: 14px;
}

/* RESPONSIVE */
@media(max-width:991px) {

    .institution-topbar {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }

    .institution-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100vh;
        overflow-y: auto;
        z-index: 99999;
    }

    .institution-sidebar.active {
        left: 0;
    }

    .institution-close-btn {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        border: none;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }

    /* .institution-main-content {
        width: 100%;
        padding: 90px 20px 20px;
    } */

    .institution-main-content {
        margin-left: 0;
        width: 100%;
        padding: 90px 20px 20px;
    }

    .institution-welcome-box {
        flex-direction: column;
        text-align: center;
    }

    .institution-btns {
        justify-content: center;
    }

    .institution-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* SMALL MOBILE */
@media(max-width:576px) {

    .institution-main-content {
        margin-left: 0;
        padding: 100px 15px 15px;
    }

    .institution-sidebar {
        width: 260px;
    }

    .institution-main-content {
        padding: 100px 15px 15px;
    }

    .institution-stats-grid {
        grid-template-columns: 1fr;
    }

    .institution-welcome-box {
        padding: 25px 18px;
    }

    .institution-welcome-content h2 {
        font-size: 25px;
    }

    .institution-page-title {
        font-size: 26px;
    }

    .institution-card {
        padding: 22px;
    }

    .institution-btns {
        flex-direction: column;
    }

    .institution-btns a {
        width: 100%;
        justify-content: center;
    }

    .institution-welcome-icon {
        display: none;
    }

    .institution-card h2 {
        font-size: 30px;
    }

}


/* institution-dashboard-css-end */


/* institution-all-student-css-start */

.student-table-section {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.student-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    gap: 20px;
}

.student-table-header h2 {
    font-size: 26px;
    font-weight: 600;
    color: #041c5e;
}

.student-add-btn {
    background: linear-gradient(135deg, #0c3cc0, #d45109);
    color: #fff;
    text-decoration: none;
    padding: 12px 22px;
    border-radius: 12px;
    font-weight: 600;
}

.student-table-wrapper {
    overflow-x: auto;
}

.student-data-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1200px;
}

.student-data-table th {
    background: #041c5e;
    color: #fff;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
}


.student-data-table td {
    padding: 14px;
    border-bottom: 1px solid #eee;
}

.student-data-table tr:hover {
    background: #f8f9ff;
}

.student-photo {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
}

.student-certificate-photo {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
}

.student-certificate-btn {
    background: #ff9800;
    color: #fff;
    padding: 8px 15px;
    border-radius: 8px;
    text-decoration: none;
}

.student-action-btn {
    border: none;
    padding: 8px 14px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.view-btn {
    background: #0c3cc0;
}

.edit-btn {
    background: #22c55e;
}

.delete-btn {
    background: #ef4444;
}

/* POPUP */
.student-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.student-popup-content {
    width: 450px;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    position: relative;
}

.student-popup-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
}

.student-certificate-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
}

.student-popup-close {
    position: absolute;
    right: 18px;
    top: 12px;
    font-size: 28px;
    cursor: pointer;
}

.student-popup-content p {
    margin-bottom: 10px;
    color: #000;
}

.student-popup-content input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.save-btn {
    width: 100%;
    border: none;
    padding: 12px;
    background: #22c55e;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
}

.edit-student-popup {
    width: 650px;
    max-height: 90vh;
    overflow-y: auto;
    text-align: left;
}

.edit-student-form {
    margin-top: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    /* color: #041c5e; */
    color: #fff;
    margin-bottom: 6px;
}

.form-group input {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 15px;
    outline: none;
}

.form-group input[type="file"] {
    padding: 10px;
    height: auto;
}

.save-btn {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #0c3cc0, #d45109);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.save-btn:hover {
    opacity: .9;
}

@media(max-width:768px) {

    .student-table-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .student-add-btn {
        width: 100%;
        text-align: center;
    }

    .student-popup-content {
        width: 95%;
    }
}


/* institution-all-student-css-end */



/* institution-add-student-section-css-start */

.institution-add-student-section {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.institution-add-student-header {
    margin-bottom: 25px;
}

.institution-add-student-header h2 {
    font-size: 26px;
    font-weight: 600;
    color: #041c5e;
    margin-bottom: 3px;
}

.institution-add-student-header p {
    color: #000;
    font-size: 14px;
}

.institution-add-student-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.institution-add-student-group {
    display: flex;
    flex-direction: column;
}

.institution-add-student-group label {
    font-size: 14px;
    font-weight: 600;
    color: #041c5e;
    margin-bottom: 8px;
}

.institution-add-student-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 15px;
    outline: none;
}

.institution-add-student-group input[type="file"] {
    height: auto;
    padding: 12px;
}

.institution-add-student-btn-box {
    margin-top: 30px;
}

.institution-add-student-btn {
    width: 100%;
    height: 55px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #0c3cc0, #041c5e, #d45109);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

@media(max-width:768px) {

    .institution-add-student-grid {
        grid-template-columns: 1fr;
    }

    .institution-add-student-section {
        padding: 20px;
    }

}


/* institution-add-student-section-css-end */

/* all-certificate-section-css-start */

.institution-certificate-section {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.institution-certificate-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px;
}

.institution-certificate-header h2 {
    color: #041c5e;
    font-size: 26px;
    font-weight: 600;
}

.institution-certificate-add-btn {
    text-decoration: none;
    background: linear-gradient(135deg, #0c3cc0, #d45109);
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    font-weight: 600;
}

.institution-certificate-table-wrapper {
    overflow-x: auto;
}

.institution-certificate-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
}

.institution-certificate-table th {
    background: #041c5e;
    color: #fff;
    padding: 14px;
    text-align: left;
}

.institution-certificate-table td {
    padding: 14px;
    border-bottom: 1px solid #eee;
}

.institution-certificate-thumb {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

.institution-certificate-action-btn {
    border: none;
    padding: 8px 14px;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
}

.institution-certificate-view-btn {
    background: #0c3cc0;
}

.institution-certificate-edit-btn {
    background: #22c55e;
}

.institution-certificate-delete-btn {
    background: #ef4444;
}

/* popup */

.institution-certificate-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.institution-certificate-popup-box,
.institution-certificate-edit-box {
    width: 650px;
    max-width: 95%;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    position: relative;
}

.institution-certificate-popup-box h3,
.institution-certificate-edit-box h3 {
    font-size: 24px;
    color: #030b21;
    font-weight: 600;
}

.institution-certificate-close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 30px;
    cursor: pointer;
}

.institution-certificate-popup-img {
    /* width:100%;
    border-radius:10px;
    margin:20px 0; */
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
}


.institution-certificate-info p {
    margin-bottom: 10px;
}

.institution-certificate-form-group {
    margin-bottom: 18px;
}

.institution-certificate-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
}

.institution-certificate-form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 15px;
}

.institution-certificate-form-group input[type="file"] {
    height: auto;
    padding: 12px;
}

.institution-certificate-update-btn {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #0c3cc0, #d45109);
    color: #fff;
    cursor: pointer;
    font-weight: 600;
}

/* responsive */

@media(max-width:768px) {

    .institution-certificate-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .institution-certificate-add-btn {
        width: 100%;
        text-align: center;
    }

}


/* all-certificate-section-css-end*/


/* add-certificate-section-css-start */

.institution-add-certificate-section {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.institution-add-certificate-header {
    margin-bottom: 25px;
}

.institution-add-certificate-header h2 {
    font-size: 26px;
    font-weight: 600;
    color: #041c5e;
    margin-bottom: 5px;
}

.institution-add-certificate-header p {
    font-size: 14px;
    color: #666;
}

.institution-add-certificate-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.institution-add-certificate-group {
    display: flex;
    flex-direction: column;
}

.institution-add-certificate-group label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #041c5e;
}

.institution-add-certificate-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 15px;
    outline: none;
}

.institution-add-certificate-group input[type="file"] {
    height: auto;
    padding: 12px;
}

.institution-add-certificate-full {
    grid-column: 1 / -1;
}

.institution-add-certificate-btn-box {
    margin-top: 25px;
}

.institution-add-certificate-btn {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #0c3cc0, #d45109);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

/* responsive */

@media(max-width:768px) {

    .institution-add-certificate-grid {
        grid-template-columns: 1fr;
    }

    .institution-add-certificate-section {
        padding: 20px;
    }

}

/* add-certificate-section-css-end*/










/* ===== WhatsApp Floating Button ===== */
.whatsapp-float {
    position: fixed;
    right: 25px;
    /* slightly off-screen */
    bottom: 90px;
    /* ABOVE back-to-top button */
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #25D366, #1EBE5D);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 26px;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    z-index: 9998;
    /* below top button if needed */
    transition: all 0.3s ease;
}

/* Hover Effect */
.whatsapp-float:hover {
    /* slide fully into view */
    transform: scale(1.08);
    color: #FFFFFF;
}



/* top_to_bottam-css-start */

#scroll {
    position: fixed;
    right: 24px;
    bottom: 20px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #132A58;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 9999;
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}

#scroll:hover {
    background-color: #1243a5;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

/* top_to_bottam-css-end */





@media (max-width: 576px) {

    .breadcrumbs-area h2 {
        font-size: 34px;
    }

    .breadcrumbs-color {
        padding: 1% 28%;
    }

    #scroll {
        right: 22px;
        bottom: 16px;
        z-index: 99999;
    }

}



@media (min-width: 576px) and (max-width: 767.98px) {


    .breadcrumbs-area h2 {
        font-size: 34px;
    }

    .breadcrumbs-color {
        padding: 1% 24%;
    }

    #scroll {
        right: 23px;
        bottom: 10px;
        z-index: 9999;
    }

}




@media (min-width: 768px) and (max-width: 991.98px) {

    .breadcrumbs-color {
        padding: 1% 35%;
    }

    #scroll {
        right: 23px;
        bottom: 10px;
        z-index: 9999;
    }
}




@media (min-width: 992px) and (max-width: 1199.98px) {


    #scroll {
        right: 23px;
        bottom: 10px;
        z-index: 9999;
    }


}