@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



html {

    scroll-behavior: smooth;

}



a {

    text-decoration: none;

}



img {

    max-width: 100%;

    display: block;

}



ul li,

ol li {

    list-style-type: none;

}



ul,

ol {

    padding: 0;

    margin: 0;

}



body {

    font-family: var(--body-font);

    font-size: 16px;

    line-height: 1.5;

    color: var(--body-color);

    background-color: var(--white-color);

}





:root {

    --primary-color: #015198;

    --secondary-color: #A6CE39;

    --success-color: #28a745;

    --danger-color: #dc3545;

    --warning-color: #fff500;

    --body-color: #757575;

    --white-color: #ffffff;

    --black-color: #010101;

    --sec-gap: 100px;

    --body-font: 'Poppins', sans-serif;

    --heading-font: 'Roboto', sans-serif;

    --transtn: all 0.3s ease-in-out;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: var(--heading-font);

    color: var(--black-color);

    margin: 0 0 15px 0;

}



h1 {

    font-size: 65px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1;

    color: var(--secondary-color);

}



h2 {

    font-weight: 700;

    text-transform: capitalize;

    font-size: 50px;

    line-height: 1;

    color: var(--black-color);

    margin-bottom: 0;

    position: relative;

}



h2 span {

    color: var(--secondary-color);

}



h6 {

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 0.2px;

}



h5 {

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2;

    text-transform: capitalize;

    letter-spacing: 1px;

}





/* Global Styles Start */

.primary_btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 5px;

    background-color: var(--primary-color);

    color: var(--white-color);

    padding: 18px 35px;

    border-radius: 50px;

    font-weight: 500;

    border: none;

    font-size: 15px;

    line-height: 1;

    transition: var(--transtn);

    text-transform: uppercase;

    position: relative;

    overflow: hidden;

    z-index: 1;

}



.primary_btn::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    background-color: var(--secondary-color);

    width: 100%;

    height: 100%;

    transform: scale(0);

    z-index: -1;

    transition: var(--transtn);

    border-radius: 50px;

}



.primary_btn:hover {

    color: var(--black-color);

}



.primary_btn:hover::after {

    transform: scale(1);

}



/* .title_img{

    position: relative;

    padding-inline: 50px;

    display: inline-flex;

    justify-content: center;

    min-width: 100px;

}



.title_img::before{

    position: absolute;

    content: "";

    top: 50%;

    left: 0;

    width: 35px;

    height: 2px;

    background: var(--secondary-color);

    transform: translateY(-50%);

}



.title_img::after{

    position: absolute;

    content: "";

    top: 50%;

    right: 0;

    width: 35px;

    height: 2px;

    background: var(--secondary-color);

    transform: translateY(-50%);

} */







.title h6 {

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 15px;

    font-weight: 700;

    display: inline-block;

    color: var(--secondary-color);

    position: relative;

    padding-right: 10px;

}



.title h6::after {

    position: absolute;

    content: "";

    top: 50%;

    left: 100%;

    width: 35px;

    height: 2px;

    background: var(--secondary-color);

    transform: translateY(-50%);

}



/* Global Styles End */



/* Header Start */

.main-header {

    width: 100%;

    position: relative;

}



.main-header .branding .container,

.main-header .top-bar .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.main-header .top-bar {

    background-color: var(--primary-color);

    color: var(--white-color);

    padding: 10px 0;

    font-size: 14px;

    line-height: 1;

}



.main-header .top-bar .info {

    display: flex;

    gap: 20px;

}



.main-header .top-bar .info a:hover,

.main-header .social-icons a:hover {

    color: var(--secondary-color);

}



.main-header .top-bar .info a {

    gap: 5px;

    display: flex;

    align-items: center;

    flex: 0 0 auto;

    transition: var(--transtn);

    font-weight: 400;

}



.main-header .top-bar a {

    color: var(--white-color);

    text-decoration: none;

    transition: var(--transtn);

}



.main-header .social-icons {

    display: flex;

    align-items: center;

    gap: 15px;

}



.main-header .social-icons a {

    flex: 0 0 auto;

    font-size: 16px;

    line-height: 1;

}



.main-header .branding {

    background: var(--white-color);

    text-align: center;

    padding: 4px 0;

    background: #fff url("https://www.transparenttextures.com/patterns/cubes.png");

}



.main-header .logo,

.main-header .top-bar .info a svg {

    flex: 0 0 auto;

}



.main-header .logo a {

    max-width: 100px;

    display: block;

}



.main-header .logo-text h3 {

    color: var(--secondary-color);

    font-size: 46px;

    text-transform: uppercase;

    line-height: 1;

    margin-bottom: 0;

    font-weight: 900;

    letter-spacing: 1px;

}



.main-header .logo-text p {

    font-size: 14px;

    font-weight: 600;

    color: var(--black-color);

    margin-bottom: 0;

}



.main-header .logo-text p span {

    color: var(--primary-color);

    width: 100%;

    display: block;

}



.main-header .logo-group {

    display: flex;

    gap: 15px;

}



.main-header .logo-group span img {

    height: 75px;

    width: auto;

    object-fit: contain;

}



.main-header .btn {

    background: var(--orange);

    color: var(--white-color);

    padding: 10px 25px;

    border-radius: 25px;

    text-decoration: none;

    font-size: 14px;

    font-weight: bold;

    display: flex;

    justify-content: space-between;

    width: 150px;

}



.main-header .nav-section {

    background: var(--primary-color);

    transition: var(--transtn);

}



.nav-section.sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 990;

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

    animation: slideDown 0.35s ease forwards;

}



@keyframes slideDown {

    from {

        transform: translateY(-100%);

        opacity: 0;

    }



    to {

        transform: translateY(0);

        opacity: 1;

    }

}



.main-header .menu-btn {

    display: none;

    color: var(--white-color);

    padding: 15px 0;

    cursor: pointer;

    text-transform: uppercase;

    font-weight: bold;

}



.main-header .nav-links {

    display: flex;

    list-style: none;

    justify-content: center;

    align-items: center;

}



.main-header .nav-item {

    position: relative;

}



.main-header .nav-link {

    color: var(--white-color);

    text-decoration: none;

    padding: 18px 20px;

    display: flex;

    align-items: center;

    font-size: 14px;

    text-transform: uppercase;

}



.main-header .nav-link svg {

    font-size: 14px;

    margin-left: 5px;

    line-height: 1;

    margin-top: -2px;

}



.main-header .dropdown {

    position: absolute;

    top: 100%;

    left: 0;

    background: var(--white-color);

    min-width: 230px;

    display: none;

    list-style: none;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);

    z-index: 9;

}



.main-header .dropdown li {

    border-bottom: 1px solid #f0f0f0;

    position: relative;

}



.main-header .dropdown li a {

    color: var(--primary-color);

    padding: 12px 20px;

    text-decoration: none;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 14px;

}



.main-header .submenu {

    top: 0;

    left: 100%;

}



.main-header .btn_nav .primary_btn {

    border-radius: 5px;

    padding: 12px 18px;

    background-color: var(--white-color);

    color: var(--primary-color);

    font-size: 14px;

}



.main-header .btn_nav .primary_btn:hover {

    color: var(--black-color);

}



.main-header .btn_nav .primary_btn::after {

    border-radius: 5px;

}



.full-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: none;

    z-index: 98;

}



.full-overlay.active {

    display: block;

}



/* Header End */



/* Footer Start */

.main-footer .footer-info-bar {

    margin-bottom: -70px;

    position: relative;

    z-index: 2;

}



.main-footer .footer-info-bar svg {

    color: var(--secondary-color);

    font-size: 25px;

    margin-bottom: 20px;

}



.main-footer .footer-info-bar .row {

    background-color: var(--primary-color);

    padding: 50px 0;

}



.main-footer .info-box {

    border-right: 1px solid rgba(255, 255, 255, 0.2);

    text-align: center;

}



.main-footer .info-box:last-child {

    border-right: none;

}



.main-footer .info-box i {

    font-size: 24px;

    color: var(--orange);

    margin-bottom: 10px;

}



.main-footer .info-box h6 {

    color: var(--white-color);

}



.main-footer .info-box p,

.main-footer .info-box a {

    font-size: 13px;

    margin-bottom: 0;

    color: var(--white-color);

    opacity: 1;

    max-width: 90%;

    margin: 0 auto;

}



.main-footer .footer-main {

    padding: 140px 0 0;

    background-attachment: fixed;

    position: relative;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.main-footer .footer-main::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: var(--black-color);

    content: "";

    opacity: 0.9;

}



.main-footer .footer-main .container {

    position: relative;

    z-index: 1;

}



.main-footer .footer-main h5 {

    margin-bottom: 35px;

    padding-bottom: 10px;

    color: var(--white-color);

    position: relative;

    text-transform: uppercase;

}



.main-footer .footer-main h5::after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 75px;

    height: 2px;

    background: var(--secondary-color);

    content: "";

}



.main-footer .sitemap-links {

    list-style: none;

    padding: 0;

    display: flex;

    flex-wrap: wrap;

    row-gap: 15px;

}



.main-footer .sitemap-links li {

    width: 50%;

}



.main-footer .sitemap-links a {

    color: var(--white-color);

    position: relative;

    transition: var(--transtn);

    font-size: 15px;

    font-weight: 500;

    line-height: 1;

    padding-bottom: 3px;

    letter-spacing: 0.5px;

    text-decoration: none;

}



.main-footer .sitemap-links a::after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: var(--secondary-color);

    content: "";

    transition: var(--transtn);

    transform: scaleX(0);

}



.main-footer .sitemap-links a:hover {

    color: var(--secondary-color);

}



.main-footer .sitemap-links a:hover::after {

    transform: scaleX(1);

}



.main-footer .newsletter-input {

    background: var(--white-color);

    border: none;

    color: var(--primary-color);

    padding: 10px;

    border-radius: 0;

    outline: none !important;

    box-shadow: none !important;

}



.main-footer .newsletter-btn {

    background: var(--secondary-color);

    border: none;

    transition: var(--transtn);

    padding: 10px 15px;

    color: var(--black-color);

}



.main-footer .social-icons {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 35px;

}



.main-footer .social-circle {

    width: 35px;

    height: 35px;

    background: var(--secondary-color);

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--black-color);

    transition: var(--transtn);

    text-decoration: none;

}



.main-footer .social-circle:hover,

.main-footer .newsletter-btn:hover {

    background: var(--primary-color);

    color: var(--white-color);

}



.main-footer .ftr_btm p {

    font-size: 14px;

}



.main-footer .ftr_logo {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 25px;

}



.main-footer .ftr_logo h3 {

    font-weight: 600;

    font-size: 20px;

    color: var(--secondary-color);

    margin-bottom: 0;

}



.main-footer .ftr_logo h3 span {

    display: block;

    margin-top: 5px;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 400;

    width: 100%;

    max-width: 220px;

}



.main-footer .ftr_logo img {

    max-width: 75px;

    flex: 0 0 auto;

}



.main-footer .ftr_desc {

    font-size: 15px;

    line-height: 1.8;

    max-width: 350px;

    color: var(--white-color);

}



.main-footer .footer-main p {

    color: var(--white-color);

    opacity: 0.9;

}



/* Footer End */



/* Banner  start */

.banner-slider {

    position: relative;

    overflow: hidden;

}



.main-banner .slide-item {

    background-size: cover;

    background-position: center;

    position: relative;

    display: flex !important;

    align-items: center;

    justify-content: center;

    color: var(--white-color);

}



.main-banner .slide-item .bnr_img {

    width: 100%;

    height: 100%;

    position: relative;

}



.main-banner .slide-item .bnr_img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.main-banner .slide-item .primary_btn {

    position: absolute;

    bottom: 75px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 9;

}



.has_slide_text .bnr_img::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

    content: "";

}



.banner-content {

    position: relative;

    z-index: 2;

    max-width: 1000px;

    text-align: center;

    margin: 0 auto;

}



.banner-content h1 {

    margin-bottom: 20px;

}



.banner-content .primary_btn {

    letter-spacing: 0.5px;

    padding: 25px 55px;

    font-size: 17px;

}



.banner-content p {

    font-size: 20px;

    margin-bottom: 30px;

    color: var(--white-color);

    max-width: 700px;

    margin-inline: auto;

}



.banner-btns {

    display: flex;

    gap: 15px;

    justify-content: center;

}



/* --- Slick Dots Customization --- */

.banner-slider .slick-dots {

    bottom: 30px;

    display: flex !important;

    justify-content: center;

    align-items: center;

    list-style: none;

    padding: 0;

}



.slick-dots li {

    margin: 0 5px;

    padding: 0;

    cursor: pointer;

    width: 10px;

    height: 4px;

    border-radius: 0;

    transition: var(--transtn);

}



.slick-dots li.slick-active {

    width: 50px;

}



.slick-dots li button {

    display: block;

    width: 100%;

    height: 100%;

    padding: 0;

    border: none;

    border-radius: 0;

    background: var(--white-color);

    text-indent: -9999px;

    opacity: 1;

    transition: var(--transtn);

}



.slick-dots li.slick-active button {

    background: var(--secondary-color);

    opacity: 1;

}



.slick-dots li button:before {

    display: none;

}



.banner-slider .slick-dotted.slick-slider {

    margin-bottom: 0;

}



/* --- Slick Dots Customization --- */



/* Banner  End */





/* About Sec Start */

.about-section {

    padding-block: var(--sec-gap);

}



.about-section .primary_btn {

    margin-top: 40px;

}



.about-section .title {

    margin-bottom: 15px;

}



.image-collage-wrapper {

    position: relative;

    padding-right: 50px;

}



.about-section .img-main {

    width: 60%;

    height: 450px;

    border-radius: 0 60px;

    overflow: hidden;

    border: dashed 5px var(--primary-color);

    padding: 10px;

}



.about-section .img-main img,

.about-section .img-secondary img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 0 50px;

}



.about-section .img-secondary {

    width: 65%;

    position: absolute;

    bottom: -75px;

    right: 0;

    z-index: 2;

    border-radius: 0 60px;

    overflow: hidden;

    border: dashed 5px var(--secondary-color);

    padding: 10px;

}



.about-section .icon-box {

    width: 55px;

    height: 55px;

    background: var(--secondary-color);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

}



.about-section .icon-text h5 {

    font-size: 20px;

    letter-spacing: 0;

}



.about-section .icon-box img {

    width: 35px;

    filter: brightness(0) invert(1);

}



.about-section .quote-box {

    background-color: #f1f6f6;

    border-left: 4px solid var(--primary-color);

}



.about-section .quote-icon {

    position: absolute;

    bottom: -55px;

    right: 10px;

    font-size: 50px;

    font-weight: 900;

    color: var(--secondary-color);

    font-family: serif;

    line-height: 1;
    font-family: Times New Roman,Times,serif;
  font-weight: 900;
  font-size: 88px;

}



.about-section .inn_content {

    margin-top: 25px;

    row-gap: 20px;

}



/* About Sec End */



/* Counter sec Start */

.counter-section {

    position: relative;

    padding-block: var(--sec-gap);

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

}



.counter-section h2 {

    color: var(--secondary-color);

    margin-bottom: 15px;

}



.counter-section h2 span {

    margin-right: 10px;

}



.counter-section::after {

    content: "";

    position: absolute;

    background: var(--black-color);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: .7;

}



.counter-section .container {

    position: relative;

    z-index: 1;

}



.counter-icon-wrap {

    width: 100px;

    height: 100px;

    background: var(--secondary-color);

    color: var(--white-color);

    font-size: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    border-radius: 50%;

    border: 5px solid var(--white-color);

    margin-bottom: 35px;

}



.counter-box p {

    font-size: 20px;

    margin-bottom: 0;

}





.counter-section .row>*:not(:last-child) .counter-box {

    border-right: solid 1px #ffffffad;

}



/* Counter sec Start */



/* Course Carousel Sec Start */

.courses-carousel-sec {

    padding-block: var(--sec-gap);

    overflow: hidden;

}



.courses-carousel-sec .title {

    text-align: center;

    margin-bottom: 50px;

}



.course-img-box {

    max-width: 100%;

    height: 250px;

}



.courses-carousel-sec .slick-initialized .slick-slide {

    height: auto;

}



.courses-carousel-sec .slick-initialized .slick-slide>div {

    height: 100%;

}



.courses-carousel-sec .slick-track {

    display: flex;

    padding-bottom: 15px;

}



.courses-carousel-sec .slick-slider .slick-list {

    width: 100vw;

}



.course-content {

    padding: 35px 15px;

    border-radius: 10px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



.course-content h5 {

    font-size: 25px;

    letter-spacing: 0;

    margin-bottom: 10px;

}



.course-content p {

    margin-bottom: 25px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.course-item {

    max-width: 430px;

    padding-inline: 10px;

    border-radius: 10px;

}



.course-img-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 10px 10px 0 0;

}



.course-slider .slick-dots li button {

    background: var(--primary-color);

    width: 10px;

    height: 10px;

    border-radius: 10px;

}



.course-slider .slick-dots {

    bottom: -40px;

}



.course-slider.slick-dotted.slick-slider {

    margin-bottom: 40px;

}



.course-slider .slick-dots li.slick-active button {

    background: var(--secondary-color);

    width: 50px;



}



/* Course Carousel Sec End */



/* Facilities Sec Start */



.facilities-sec .title {

    text-align: center;

    margin-bottom: 40px;

}



.facility-card {

    background: var(--white-color);

    padding: 40px 30px;

    border-radius: 20px;

    text-align: center;

    transition: all 0.3s ease;

    height: 100%;

    border: 1px solid var(--primary-color);

}



.facility-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);

    border-color: var(--secondary-color);

}



.facility-icon {

    width: 80px;

    height: 80px;

    margin: 0 auto 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--primary-color);

    color: var(--white-color);

    font-size: 32px;

    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;

    transition: var(--transtn);

}



.facility-icon.icon-orange {

    background: var(--secondary-color);

}



.facility-card p {

    margin-bottom: 0;

}



.facility-card h4 {

    font-size: 1.25rem;

    margin-bottom: 15px;

    transition: 0.3s;

}



.facility-card:hover h4 {

    color: var(--primary-color);

}



/* Facilities Sec End */



/* Why Us Sec Start */

.why-us-sec {

    padding-block: var(--sec-gap);

}



.progress-bar {

    transition: width 1.5s ease-in-out;

    background-color: var(--secondary-color);

}



.why_us_text_wrp ul {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

}



.why_us_text_wrp ul li {

    position: relative;

    padding-left: 30px;

    font-size: 15px;

    color: var(--primary-color);

    font-weight: 500;

    line-height: 1.2;

    width: calc(50% - 10px);

}



.why_us_text_wrp ul li::before {

    content: "✓";

    position: absolute;

    left: 0;

    top: 0;

    color: var(--secondary-color);

    font-weight: bold;

    font-size: 20px;

    transform: rotate(10deg);

}



.award-badge {

    position: absolute;

    bottom: -30px;

    right: -30px;

    border-radius: 10px;

    width: 300px;

    background-color: var(--white-color);

    text-align: center;

    padding: 30px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



.award-badge span.badge-img {

    font-size: 50px;

    color: var(--secondary-color);

    line-height: 1;

    margin-bottom: 20px;

    display: block;

}



.award-badge p {

    margin-bottom: 0;

    color: var(--primary-color);

    font-weight: 500;

}



.why_us_img {

    position: relative;

    width: 100%;

    height: 500px;

    max-width: 500px;

    margin-right: 75px;

}



.why_us_img img {

    position: relative;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.why-us-sec .title {

    margin-bottom: 30px;

}



.why-us-sec .title p {

    margin-bottom: 0;

    margin-top: 20px;



}



.why-us-sec .progress {

    height: 10px;



}



.skill-item-wrp {

    display: flex;

    flex-direction: column;

    row-gap: 25px;

}



/* Why Us Sec End */



/* Testimonials Sec Start */



.testimonial-subtitle {

    max-width: 750px;

    color: var(--white-color);

    margin-bottom: 0;

    margin-top: 15px;

}



.testimonial-card {

    display: flex;

    flex-direction: column;

    background: var(--white-color);

    padding: 40px;

    border-radius: 10px;

    position: relative;

    height: 100%;

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

}



.user-img-wrap {

    flex: 0 0 auto;

}



.user-img-wrap img {

    width: 75px;

    height: 75px;

    object-fit: cover;

    border: dashed 3px var(--secondary-color);

    padding: 3px;

    background-color: var(--white-color);

}



.testi_user {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: auto;

}



.testi_user .user-info span {

    color: var(--primary-color);

    font-weight: 500;

    font-size: 14px;

    display: block;

    margin-top: 2px;

    text-transform: uppercase;

}



.testimonials-sec .quote-icon {

    position: absolute;

    bottom: 0;

    right: 0;

    background: var(--secondary-color);

    color: var(--white-color);

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px 0;

    font-size: 25px;

}



.testimonial-slide {

    padding-inline: 15px;

    height: 100%;

}



.testimonials-sec {

    padding-block: var(--sec-gap);

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

}



.testimonials-sec::after {

    content: "";

    position: absolute;

    background: var(--primary-color);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: .9;

}



.testimonials-sec .container {

    position: relative;

    z-index: 1;

}



.testimonials-sec .title {

    text-align: center;

    margin-bottom: 50px;

}



.testimonials-sec .title h2 {

    color: var(--white-color);

}



.testimonials-sec .slick-dots {

    bottom: -40px;

}



.testimonials-sec .slick-initialized .slick-slide {

    height: auto;

}



.testimonials-sec .slick-initialized .slick-slide>div {

    height: 100%;

}



.testimonials-sec .slick-track {

    display: flex;

}



/* Testimonials Sec End */



/* Recruiter Sec Start */

.recruiters-sec {

    padding-block: var(--sec-gap);

}



.recruiters-sec .title {

    margin-bottom: 50px;

}



.recruiter-ticker .logo-item {

    padding: 0 40px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    outline: none;

}



.recruiter-ticker .logo-item img {

    max-height: 60px;

    width: auto;

    filter: grayscale(100%);

    opacity: 0.7;

    transition: 0.3s;

}



.recruiter-ticker .logo-item img:hover {

    filter: grayscale(0%);

    opacity: 1;

}



.recruiter-ticker .slick-track {

    display: flex;

    align-items: center;

    transition-timing-function: linear !important;

}



/* Recruiter Sec End */



/* Back to Top Styling */

#backToTop {

    display: none;

    position: fixed;

    bottom: 30px;

    right: 30px;

    z-index: 999;

    width: 50px;

    height: 50px;

    border: none;

    outline: none;

    background-color: var(--secondary-color);

    color: var(--white-color);

    cursor: pointer;

    border-radius: 50%;

    transition: var(--transtn);

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}



#backToTop:hover {

    background-color: var(--primary-color);

    transform: translateY(-5px);

}



/* Back to Top Styling */



/* Modal Customization */

#firstLoadModal span.badge-img {

    font-size: 50px;

    color: var(--secondary-color);

    line-height: 1;

    margin-bottom: 20px;

    display: block;

    margin-inline: auto;

}



#firstLoadModal h2 {

    margin-bottom: 15px;

}



#firstLoadModal .modal-dialog {

    max-width: 750px;

}



#firstLoadModal .modal-header {

    position: absolute;

    top: 20px;

    right: 20px;

    border: none;

    z-index: 99;

    background: var(--secondary-color);

    height: 50px;

    width: 50px;

    border-radius: 50%;

    padding: 0;

    align-items: center;

    display: inline-flex;

    justify-content: center;

}



#firstLoadModal .btn-close {

    width: auto;

    height: auto;

    opacity: 1;

    margin-left: -7px !important;

    filter: brightness(0) invert(1);

    box-shadow: none;

}



#firstLoadModal .modal-body {

    padding: 0;

}



#firstLoadModal .modal-dialog {

    transform: scale(0.7);

    opacity: 0;

    transition: all 0.4s ease-in-out;

}



#firstLoadModal.show .modal-dialog {

    transform: scale(1);

    opacity: 1;

}



#firstLoadModal .popup_img img {

    transform: scale(0.9);

    transition: transform 0.6s ease-in-out;

}



#firstLoadModal.show .popup_img img {

    transform: scale(1);

}



/* Modal Customization */



/* About us Page Strat */

.inner-banner {

    position: relative;

    min-height: 350px;

    background-size: cover;

    background-position: center center;

}



.inner-banner::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    z-index: 1;

    content: "";

}



.z-index-2 {

    position: relative;

    z-index: 2;

}



.breadcrumb-item.active {

    color: var(--secondary-color) !important;

}



.breadcrumb-item+.breadcrumb-item::before {

    display: none;

}



.breadcrumb-item a:hover {

    color: var(--secondary-color) !important;

    transition: var(--transtn);

}





/* Chairman Section  */

.chairman-sec {

    padding-bottom: var(--sec-gap);

}



.chairman-img-wrapper {

    position: relative;

    margin-right: 70px;

}



.chairman-sec .title {

    margin-bottom: 20px;

}



.chairman-sec .text_wrp p {

    font-style: italic;

}



.chairman-sec .img-Chairman {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 10px;

}



.chairman-sec .name-tag h5 {

    font-size: 22px;

    line-height: 1;

    letter-spacing: 0;

    margin-bottom: 15px;

    color: var(--primary-color);

}



.chairman-sec .name-tag p {

    font-size: 14px;

    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0;

    margin-bottom: 0;

}



.chairman-sec .name-tag {

    position: absolute;

    bottom: -30px;

    right: -30px;

    border-radius: 10px;

    width: auto;

    background-color: var(--white-color);

    text-align: center;

    padding: 30px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



/* Mission Vision */

.mission-vision-sec {

    padding-block: var(--sec-gap);

}



.mv-card {

    transition: var(--transtn);

    border-radius: 15px;

    padding: 25px;

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

}



.mv-card:hover {

    transform: translateY(-10px);

}



.mv-card p {

    margin-bottom: 0;

}



.mv-icon {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--secondary-color);

    border-radius: 50%;

    color: var(--white-color);

    font-size: 30px;

    margin-bottom: 15px;

}



.read-more-content {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    transition: var(--transtn);

}



.read-more-content.expanded {

    -webkit-line-clamp: unset;

    display: block;

}



.read-more-btn {

    color: var(--primary-color);

    font-weight: bold;

    text-decoration: none;

    display: inline-block;

    margin-top: 10px;

    cursor: pointer;

}



.read-more-btn:hover {

    color: var(--secondary-color);

}



.card-thumb {

    width: 100%;

    height: 250px;

    overflow: hidden;

    border-radius: 10px 10px 0 0;

    position: relative;

}



.card-thumb::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

    content: "";

}



.subject_tag {

    position: absolute;

    top: 10px;

    left: 10px;

    padding: 8px 20px;

    border-radius: 15px;

    background-color: var(--secondary-color);

    color: var(--white-color);

    font-size: 14px;

    line-height: 1;

    font-weight: 600;

    text-transform: uppercase;

    z-index: 10;

}



.card-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: var(--transtn);

}



.card-body-alt {

    padding: 20px;

}



.card-body-alt h4 {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.course-card-alt {

    border: solid 1px var(--secondary-color);

    overflow: hidden;

    border-radius: 10px;

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

    transition: var(--transtn);

}



.course-card-alt:hover {

    transform: translateY(-10px);

}



.course-card-alt {

    border: solid 1px var(--secondary-color);

    overflow: hidden;

    border-radius: 10px;

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

    transition: var(--transtn);

}



.course-card-alt p {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.course-card-alt .primary_btn {

    padding: 15px 20px;

    font-size: 14px;

    text-transform: capitalize;

    margin-top: 10px;

}



.course-list-sec {

    padding-block: var(--sec-gap);

}



.course-list-sec .title {

    margin-bottom: 40px;

    text-align: center;

}



/* Custom Pagination */

.custom-pagination .page-item {

    margin: 0 5px;

}



.custom-pagination .page-link {

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px !important;

    border: none;

    background-color: var(--primary-color);

    color: var(--white-color);

    font-weight: bold;

    transition: var(--transtn);

}



.custom-pagination .page-item.active .page-link {

    background-color: var(--secondary-color) !important;

    color: var(--white-color);

}



.custom-pagination .page-link:hover {

    background-color: var(--secondary-color);

    color: var(--white-color);

}



.custom-pagination .prev-next {

    font-size: 20px;

}



/* About us Page End */



/* Contact Us Page Start */

.contact-sec {

    padding-block: var(--sec-gap);

}



.contact-sec h2 {

    margin-bottom: 30px;

}



.contact-sec .primary_btn input[type="submit"] {

    background-color: transparent;

    border: none;

    color: var(--white-color);

    line-height: 1.4;

}



.contact-sec .container>.row {

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

}



.custom-input {

    border-radius: 4px;

    padding: 12px 15px;

    border: 1px solid #ddd;

    font-size: 15px;

}



.custom-input:focus {

    box-shadow: none;

    border-color: var(--secondary-color);

}



.map-container {

    min-height: 450px;

}



.recaptcha-box {

    max-width: 300px;

}



/* Contact Us Page End */



/* Gallery Page End */

.gallery-sec {

    padding-block: var(--sec-gap);

}



.gallery-sec .title {

    margin-bottom: 40px;

    text-align: center;

}



.gallery {

    column-count: 3;

    column-gap: 15px;

}



.gallery span {

    overflow: hidden;

    cursor: pointer;

    border-radius: 8px;

    position: relative;

    display: inline-block;

    margin-bottom: 10px;



}



.gallery img {

    width: 100%;

    transition: var(--transtn);

}



.gallery span:hover img {

    transform: scale(1.1);

}



.lightbox {

    position: fixed;

    inset: 0;

    display: none;

    justify-content: center;

    align-items: center;

    z-index: 999;

}



.lightbox.active {

    display: flex;

}



.gallery_ovl {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.9);

}



#lightbox-img {

    max-width: 80%;

    max-height: 80%;

    z-index: 2;

    border-radius: 10px;

}



/* Controls */

.close_lightbox {

    position: absolute;

    top: 20px;

    right: 30px;

    font-size: 30px;

    color: var(--white-color);

    cursor: pointer;

    z-index: 3;

}



.arrow_lightbox {

    position: absolute;

    top: 50%;

    font-size: 50px;

    color: var(--white-color);

    cursor: pointer;

    z-index: 3;

    user-select: none;

}



.arrow_lightbox.left {

    left: 30px;

}



.arrow_lightbox.right {

    right: 30px;

}



.gallery-tabs {

    text-align: center;

    margin-bottom: 50px;

}



.gallery-sec .tab-btn {

    border: none;

    padding: 10px 25px;

    margin: 0 5px;

    cursor: pointer;

    border-radius: 30px;

    background: #eee;

    font-weight: 600;

}



.gallery-sec .tab-btn.active {

    background: var(--secondary-color);

    color: var(--white-color);

}



.gallery-sec .play-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    color: var(--white-color);

    background: rgba(0, 0, 0, 0.8);

    width: 25px;

    height: 25px;

    padding: 20px;

    border-radius: 50%;

}



#lightbox-video {

    max-width: 80%;

    max-height: 80%;

    display: none;

    z-index: 2;

}





/* Gallery Page End */



/* Single Course Page End */



.course-details {

    padding-block: var(--sec-gap);

}



.course-details p:not(:last-of-type) {

    margin-bottom: 25px;

}



.course-details .course_img_sml {

    width: 100%;

    height: 300px;

}



.course-details .course_img_sml img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.course_img_wrp {

    margin-bottom: 25px;

}



.main-course-img {

    width: 100%;

    height: auto;

    margin-bottom: 25px;

}



.custom-check-list {

    margin-bottom: 25px;

    display: flex;

    flex-direction: column;

    row-gap: 15px;

}



.custom-check-list li {

    position: relative;

    padding-left: 30px;

    font-size: 15px;

    color: var(--primary-color);

    font-weight: 500;

    line-height: 1.2;

    /* width: calc(50% - 10px); */

}



.custom-check-list li::before {

    content: "✓";

    position: absolute;

    left: 0;

    top: 0;

    color: var(--secondary-color);

    font-weight: bold;

    font-size: 20px;

    transform: rotate(10deg);

}



.course-details-sidebar {

    position: sticky;

    top: 0;

}



.main-course-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    max-height: 350px;

}



.sidebar-widget+.sidebar-widget {

    margin-top: 25px;

}



.sidebar-widget {

    background-color: var(--white-color);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    padding: 25px;

    border-radius: 10px;

}



.feature-list li {

    padding: 15px 0;

    font-size: 16px;

    line-height: 1.2;

    color: var(--body-color);

    border-bottom: 1px dashed #0000005e;

}



.feature-list li svg {

    margin-right: 10px;

    color: var(--secondary-color);

}



.sidebar-widget h5 {

    letter-spacing: normal;

}



.sidebar-widget .primary_btn {

    margin-top: 20px;

}



.related_thumb {

    width: 120px;

    height: 80px;

    overflow: hidden;

    border-radius: 7px;

    flex: 0 0 auto;

}



.related_thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.2s ease;

}



.related-item {

    display: flex;

    column-gap: 15px;

    align-items: center;

    padding: 15px;

    border-radius: 5px;

    background-color: var(--white-color);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



.related-item:hover .related_thumb img {

    transform: scale(1.2);

}



.related-item h6 {

    font-size: 15px;

    line-height: 1.2;

    margin-bottom: 0;

    padding-bottom: 0;

    transition: var(--transtn);

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    margin-bottom: 5px;

}



.related-item:hover h6 {

    color: var(--primary-color);

    text-decoration: underline;

}



.related-item p {

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    color: var(--body-color);

    font-size: 14px;

    font-weight: 400;

    line-height: 1.3;

    margin-bottom: 0;

}



.related-post-list {

    display: flex;

    flex-direction: column;

    row-gap: 15px;

}



.curriculum-modern .title {

    text-align: center;

    margin-bottom: 40px;

}



.custom-accord .accordion-button {

    background-color: var(--primary-color);

    color: var(--white-color);

    box-shadow: none;

}



.custom-accord .accordion-button span {

    color: var(--white-color);

}



.custom-accord .accordion-button:not(.collapsed) {

    background-color: var(--primary-color);

    color: var(--white-color);

}



.sem-badge {

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

    padding: 5px 12px;

    border-radius: 8px;

    font-size: 0.85rem;

}



.topic-row {

    background: var(--white-color);

    transition: var(--transtn);

}



.topic-row:hover {

    background: #f8f9fa;

}



.topic-num {

    width: 40px;

    font-weight: 800;

    color: #dee2e6;

    font-size: 16px;

}



.topic-text {

    font-size: 14px;

    color: #444;

}



.custom-accord .accordion-button::after {

    filter: brightness(0) invert(1);

}



.custom-accord .accordion-item+.accordion-item {

    margin-top: 10px;

}



.enrol-section .enrol-card {

    background: var(--white-color);

    backdrop-filter: blur(10px);

    max-width: 800px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    position: relative;

    z-index: 2;

}



.enrol-section .icon-badge {

    width: 75px;

    height: 75px;

    background: var(--secondary-color);

    color: var(--white-color);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    margin-top: -85px;

    /* Pulls icon up over the border */

    border: 5px solid var(--white-color);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



.custom-input {

    border: 1px solid #e0e0e0;

    padding: 12px 15px;

    border-radius: 8px;

    background-color: var(--white-color);

    transition: all 0.3s ease;

}



.custom-input:focus {

    box-shadow: none;

    border-color: var(--primary-color);

}



.enrol-section {

    padding-block: var(--sec-gap);

    margin-block: var(--sec-gap);

    position: relative;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.enrol-section::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    z-index: 1;

    content: "";

}



.enrol-section .primary_btn input[type="submit"] {

    background-color: transparent;

    border: none;

    color: var(--white-color);

    line-height: 1.4;

}



.note_sec {

    margin-top: var(--sec-gap);

}



.note_sec ul {

    display: flex;

    flex-direction: column;

    row-gap: 10px;

}



.note_sec li {

    background-color: var(--secondary-color);

    color: var(--white-color);

    padding: 10px;

}



/* Single Course Page End */



/* Admission Page End */

.admission-sec-main .text-teal {

    color: var(--primary-color) !important;

}



.admission-sec-main .border-teal {

    border: 2px dashed var(--secondary-color);

    background-color: rgba(21, 109, 100, 0.02);

}



.admission-sec-main .no-image-preview {

    width: 60px;

    height: 60px;

    background: #eee;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    font-size: 24px;

}



.admission-sec-main .icon-badge-large {

    width: 80px;

    height: 80px;

    background: var(--secondary-color);

    color: var(--white-color);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 35px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}



.admission-sec-main {

    padding-block: var(--sec-gap);

    background-color: #01519817;

}



.admission-sec-main .primary_btn {

    max-width: fit-content;

}



.admission-sec-main .primary_btn input[type="submit"] {

    background-color: transparent;

    border: none;

    color: var(--white-color);

    line-height: 1.4;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

}



.admission-sec-main .upload-section {

    margin-bottom: 40px;

}



.admission-sec-main .title {

    margin-bottom: 40px;

}



.admission-sec-main label {

    font-weight: 500;

    font-size: 14px;

    color: var(--primary-color);

}



.admission-sec-main h5 {

    letter-spacing: 0;

}



.admission-sec-main .admission-form {

    padding: 40px;

    border-radius: 10px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    background-color: var(--white-color);

}



.faq-section {

    margin-block: var(--sec-gap);

}



.faq-section .title h2 {

    margin-bottom: 20px;

}



.faq-section .title p:last-child,

.faq-section .accordion-body>*:last-child {

    margin-bottom: 0;

}



.faq-section .accordion-body {

    padding: 15px !important;

}



/* Admission Page End */



/* 08-02-2026 */

.floating-help {

    z-index: 99;

}



.help-options {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 10px;

    margin-bottom: 0;

    transition: all 0.3s ease-in-out;

    height: 0;

    opacity: 0;

    z-index: -1;

}



.floating-help:hover .help-options {

    height: auto;

    opacity: 1;

}



/* 08-02-2026 */

/* 09-02-2026 */
.about-section h2 span {
    font-size: 44px;
}

/* 09-02-2026 */