@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');



* {

    font-family: "Nunito", sans-serif;

}



.logo a img {

    width: 220px;

}



.header-area .header-top-info a,

.header-area .header-top-info li {

    color: #ffffff;

    font-size: 16px;

    font-weight: normal;

}



.mean-container a.meanmenu-reveal span {

    background: #000;

}



.mobile-menu-area {

    background: transparent !important;

}



.header-area .header-top-social>p {

    color: #ffffff;

}



.header-top-social ul li a i {

    color: #ffffff;

}



.header-bottom.stick-h2 {

    background: #ffffff;

}



.header-bottom.stick-h2.stick .menu-area nav>ul>li a {

    color: #002046;

}



.slider-area .slick-track .slider-all::before {

    opacity: 0;

}



.main-heading h2 {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 37px;

    color: #002046;

    font-weight: 500;

    position: relative;

    margin-bottom: 17px;

}



.main-heading h2::before {

    content: '';

    position: absolute;

    bottom: -3px;

    left: 0;

    background: #e0e000;

    width: 20%;

    height: 3px;

}



.sub-heading p {

    font-family: "Nunito", sans-serif;

    font-size: 17px;

    color: #000;

    margin-bottom: 10px;

    line-height: 22px;

}



.sub-heading ul {

    padding-left: 1rem;

    margin-bottom: 10px;

}



.sub-heading ul li {

    font-family: "Nunito", sans-serif;

    font-size: 17px;

    color: #000;

    margin-bottom: 0px;

    line-height: 22px;

    list-style: disc;

}



section.section {

    padding: 60px 0;

}



.book-img img {

    width: 80%;

}



.custom-btn {

    border: 1px solid #002046;

    background: #002046;

    font-size: 17px !important;

    padding: 10px 40px;

    transition: .5s;

    font-family: "Nunito", sans-serif;

    display: inline-block;

    margin-top: 10px;

    font-weight: 600 !important;

    color: #fff !important;

    text-transform: capitalize;

}



.custom-btn::before {

    display: none;

}



.custom-btn:hover {

    border: 1px solid #002046;

    background: transparent;

    color: #002046 !important;

    font-weight: 600;

}



.counter-area::before {

    background-color: #000;

    opacity: 0.75;

}



.counter-area {

    padding: 80px 0 !important;

}



.why-box {

    display: flex;

    justify-content: start;

    align-items: center;

    gap: 20px;

    margin-top: 30px;

}



.left-why {

    background: #002046;

    height: 65px;

    width: 138px;

    border-radius: 100%;

    margin: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}



.right-why h3 {

    font-size: 24px;

    color: #002046;

    margin-bottom: 0;

    font-weight: 500;

}



.right-why p {

    font-size: 16px;

    color: #000;

    margin-bottom: 0;

    line-height: 22px;

}



.gallery-section .main-heading h2::before {

    display: none;

}



.contact-section .main-heading {

    position: relative;

    z-index: 999;

}



.contact-section .main-heading h2 {

    color: #ffffff;

    margin-bottom: 25px;

}



.contact-section .main-heading h2::before {

    background: #ffffff;

}



.contact-section .sub-heading p {

    color: #ffffff;

}



.before-d-none.main-heading h2::before {

    display: none;

}



.coursers-box-div {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}



.coursers-box-div p {

    font-size: 17px;

    font-weight: 500;

    color: #002046;

    margin-bottom: 0;

    max-width: 100%;

    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;

}



.coursers-box-div .custom-btn {

    margin-top: 15px;

    font-size: 15px;

    padding: 7px 20px;

}



.coursers-box-div {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    padding: 20px;

}



.mobile-menu-area .mean-container .mean-nav {

    background: #0151b0;

}



.student-zone-section {

    background: #002046;

}



.student-zone-section .main-heading h2 {

    color: #fff;

}



.student-zone-section .main-heading h2::before {

    background: #fff;

}



.student-zone-section .main-heading p {

    color: #fff;

}



.student-zone-section .custom-btn {

    background: transparent;

    border: 1px solid #fff;

}



.student-zone-section .custom-btn:hover {

    background: #fff;

}



.single-testimonial {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    margin: 20px;

    padding: 13px 30px;
    min-height: 225px;

}



.mean-container .mean-bar::after {

    background: url('../img/logo.png');

    background-size: cover;

    content: '';

    width: 38%;

    height: 65px;

    left: 0;

    top: 5px;

}



.mean-container .mean-bar {

    min-height: 75px;

}



.coursers-box-div h3 {

    font-size: 20px;

}



.slider-area .slick-dots {

    bottom: 20px;

}



.top-middle-bar {

    display: flex;

    align-items: center;

    justify-content: start;

    gap: 20px;

    padding: 10px 0 10px;

}



.top-middle-bar .main-top-middle-bar-text p,

.top-middle-bar .main-top-middle-bar-text h2 {

    margin-bottom: 0;

}



.navik-header .top-middle-bar .logo {

    transform: none;

}



.top-middle-bar .main-top-middle-bar-text h2 {

    font-weight: 600;

    color: #403f3f;

    font-size: 58px;

    font-family: "Oswald", sans-serif;

}



.top-middle-bar .main-top-middle-bar-text p {

    font-size: 16px;

    font-weight: 700;

    color: #403f3f;

    letter-spacing: 4px;

}



.top-marquee-tag {

    background: #0151b0;

    color: #fff;

    padding: 7px 0px;

    font-size: 16px;

}

.about-card {

    padding: 20px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    min-height: 420px;

}

.about-card .sub-heading p {

    font-size: 15px;

}

.main-heading h4 {

    color: #002046;

    font-weight: 500;

    position: relative;

    margin-bottom: 15px;

}

.main-heading h4::before {

    content: '';

    position: absolute;

    bottom: -3px;

    left: 0;

    background: #e0e000;

    width: 20%;

    height: 3px;

}



.details-form {

    padding: 20px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

.details-form .text-leave2 textarea {

    height: auto;

}

.middle-header {

    background: #ffff01;

}

.navik-menu ul li:hover>a {

    background: #0151b0 !important;

    color: #fff !important;

}

.navik-menu>ul>li>a.active {

    background: #0151b0 !important;

    color: #fff !important;

}

.navik-header.sticky .navik-menu>ul>li>a {

    background: transparent !important;

    color: #002046 !important;

}

.navik-header.sticky .navik-menu>ul>li>a.active {

    background: transparent !important;

    color: #002046 !important;

}



.treat-tab.active {

    background: #002046;

    color: #fff;

    border: 1px solid #002046;

}

.treat-tab {

    border: 1px solid #002046;

    background: transparent;

    padding: 7px 20px;

    color: #002046;

    font-size: 16px;

    font-weight: 600;

}



.services-table table tbody,
.services-table table td,
.services-table table tfoot,
.services-table table th,
.services-table table thead,
.services-table table tr {

    border: 1px solid #000;

    font-size: 15px;

    color: #000;

}

.communication-all.main-heading.sub-heading {

    padding: 20px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}

table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 2px solid #002046 !important;
}

table th,
table td {
    border: 1px solid #002046 !important;
    padding: 8px !important;
    text-align: left !important;
}

/* First row styling — applies to both th and td */
table tr:first-child th,
table tr:first-child td {
    background-color: #002046 !important;
    color: white !important;
    font-weight: bold !important;
    border-top: 2px solid #002046 !important;
    border-bottom: 1px solid #002046 !important;
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
}

/* Ensure first cell's left border and last cell's right border are blue */
table tr:first-child th:first-child,
table tr:first-child td:first-child {
    border-left: 2px solid #002046 !important;
}

table tr:first-child th:last-child,
table tr:first-child td:last-child {
    border-right: 2px solid #002046 !important;
}

.certificate-verification-section .main-heading h2::before {
    display: none;
}

.certificate-verification-section button.custom-btn {
    margin-top: 0 !important;
}

.certificate-verification-section .form-card {
    padding: 20px 25px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.certificate-verification-section .form-card input {
    padding: 9px 20px;
    height: 47px;
    border-radius: 0px;
    border: 1px solid #002046;
}

.certificate-verification-table table tr:first-child th,
.certificate-verification-table table tr:first-child td {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: bold !important;
    border-top: 2px solid #002046 !important;
    border-bottom: 1px solid #002046 !important;
    border-left: 1px solid white !important;
    border-right: 1px solid #001e43 !important;
}

.lenis.lenis-smooth iframe {
    pointer-events: auto !important;
}
.student-zone-slide {
    margin: 5px;
}
.student-zone-slide img{
    display: block;
    height: 250px;
    object-fit: cover;
    width: 100%;
    object-position: top;
    border: 5px solid #fff;
}
.student-zone-slider .slick-dots li button {background: #ffffff;height: 9px;width: 16px;position: relative;}
.student-zone-slider .slick-dots li button::before {border-bottom: 4px solid #ffffff;border-left: 8px solid transparent;border-right: 8px solid transparent;content: "";height: 0;left: 0;position: absolute;top: -4px;width: 0;opacity: 1;}
.student-zone-slider .slick-dots li button:after {content: "";position: absolute;bottom: -4px;left: 0;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 4px solid #ffffff;}
.student-zone-slider .slick-dots {bottom: -35px;}