/* Montserrat Font Faces */
@font-face {
  font-family: 'Montserrat';
  src: url('/Assets/fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/Assets/fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/Assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/Assets/fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html, body {  font-family: 'Montserrat', sans-serif; scroll-behavior: smooth;font-weight: 400; color: #000; font-size: 16px; line-height: 22px; background: linear-gradient(90deg, #edfbff, #ffffff, #edfbff); overflow-x: hidden; }

a{color: #ffffff;; text-decoration:none; transition:color 0.3s ease-in-out;}
a:hover{color:#fcd400; text-decoration:none;}
.clearfix{width:100%;}
/* Back to top button */
.back-to-top{position:fixed; display:none; background: linear-gradient(90deg, #0a3d62, #1dd1a1); color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:999;}
.back-to-top i{ color:#fff; margin-top: 11px;}
.header{margin:0; padding:0;}
.header-upper{background: #242b3e; height:35px;}
.Login_btn{background:#fcae39; color:#fff !important; }
.logo{padding:0; display:inline-block; font-size:30px; font-weight:bold; text-transform:uppercase; color:#333;}
.logo img {margin-bottom: 0px;margin-top: -6px;height: 70px;}
.logo a{color:#242b3e; text-decoration:none;}
.logo a:hover{color: #242b3e; text-decoration:none;}
.slimScrollBar{background: #fff !important;
    width: 0px;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.main-nav, .main-nav * {margin: 0;padding: 0;list-style: none; }
.main-nav > ul > li {position: relative;white-space: nowrap;float: left;margin: 0 5px;font-family: 'Montserrat', sans-serif;}
.main-nav a {display: block;color: #4f4f4f;position: relative;margin: 20px 4px;padding: 8px 16px;text-decoration: none;transition: color 0.3s ease;font-weight: 500;line-height: 20px;font-size: 14px;}
.main-nav a::after {content: "";position: absolute;left: 50%;bottom: -4px;width: 0;height: 2px;background: #00559c;transform: translateX(-50%);transition: width 0.3s ease;}
.main-nav a:hover::after,
.main-nav .active > a::after {width: 85%;}
.main-nav a:hover,
.main-nav .active > a {color: #00559c;}
.main-nav a:hover {background: transparent;}
.main-nav .drop-down ul {display: block;position: absolute;left: 0;top: calc(100% + 30px);z-index: 999;opacity: 0;visibility: hidden;padding: 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 100px;position: relative;}
.main-nav .drop-down ul a {padding: 10px 10px;font-size: 13px;color: #242b3e;}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {color: #00559c;}
/* .main-nav .drop-down > a:after {content: "\f107";font-family: FontAwesome;margin-left: 6px;} */
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";  position: absolute;right: 15px;}
.site-header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: #fff;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}

/* Top Header */
.top-header {background: #00559c;color: #fff;font-size: 14px;padding: 6px 0;}
.top-header i {margin-right: 6px;}
.top-header .top-right {color: #67fbe2;font-weight: 500;}
/* Main Header */
.main-header {background: #ffffff;padding: 10px 0;border-bottom: 1px solid #e0e0e0;}
/* Logo Area */
.logo-area {gap: 12px; font-family: 'Montserrat', sans-serif;}
.header-logo {height: 72px;}
.logo-text h5 { font-family: 'Montserrat', sans-serif; margin: 0;font-size: 22px;   font-weight: 700;color: #00559c;}
.logo-text span { font-family: 'Montserrat', sans-serif; font-size: 21px;color: #00559c;font-weight: 700;}
/* Navigation */
.main-nav ul {margin: 0;padding: 0;list-style: none;}
.main-nav ul li {display: inline-block;margin-left: 0px;}
.main-nav ul li a {color: #333;font-size: 16px;text-decoration: none;padding: 6px 6px;transition: 0.3s;}
.main-nav ul li a:hover,
.main-nav ul li.active a {color: #00559c;font-weight: 500;}
.drop-down-menu{text-align: center;}


/* Mobile Navigation */
.mobile-nav {position:fixed; top:0; bottom:0; z-index:9999; overflow-y:auto; left:-260px; width:260px; padding-top:18px; background:#17253fcc; transition:0.4s;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display:block; position:relative; color:#fff; padding:5px 10px; font-weight:500; font-size:13px;}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {color:#67fbe2; text-decoration:none;}
.mobile-nav .drop-down > a:after {content:"\f078"; font-family:FontAwesome; padding-left:10px; position:absolute; right:15px;}
.mobile-nav .active.drop-down > a:after {content:"\f077";}
.mobile-nav .drop-down > a {padding-right:35px;}
.mobile-nav .drop-down ul {display:none; overflow:hidden;}
.mobile-nav .drop-down li {padding-left:20px;}
.mobile-nav-toggle{position:fixed; right:0; top:8px; z-index:9998; border:0; background:none; font-size:24px; transition:all 0.4s; outline:none !important; line-height:1; cursor:pointer; text-align:right;}
.mobile-nav-toggle i {margin:25px 10px 0 0; color: #000000;}
.mobile-nav-overly{width:100%; height:100%; z-index:9997; top:0; left:0; position:fixed;     background: rgb(50 50 50 / 80%); overflow:hidden; display:none;}
.mobile-nav-active {overflow:hidden;}
.mobile-nav-active .mobile-nav {left:0;}
.mobile-nav-active .mobile-nav-toggle i {color: #ffffff;}

/* ===============================
   NAVBAR SCROLL BEHAVIOR
================================ */
.fixed-top {top: 0;transform: translateY(0);transition: all 0.35s ease;background: transparent;box-shadow: none;}
.fixed-top.nav-scrolled {background: #ffffff;box-shadow: 0 8px 30px rgba(0,0,0,0.08);}
.nav_bar {padding: 12px 0;}
.master-wrapper-content {margin-top: 125px;}
.home-wrapper-content {margin-top: 0px;}
.main_container {width: 100%;margin: 20px 0;padding: 20px;}
/* min-height: 400px; */
.nav-link {color: #333;}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {color: #242b3e;}


.Login_btn{background-color: #242b3e; border-radius:10px; padding: 10px 25px !important;}
.Login_btn:hover {background-color: #084c61  ;}
.save-btn{background:  #242b3e; border:1px solid  #242b3e; color: #FFFFFF; border-radius: 5px; padding: 2px 5px;}
.save-btn:hover{background:  #242b3e; border:1px solid  #242b3e; color: #FFFFFF;}
.Blue-heading{ color: #242b3e;}

.form_head{font-size:25px; text-transform:uppercase; text-align:center; color: #242b3e; font-weight:bold; margin:0 0 20px;}
.form_tab{width:100%; margin:0 0 20px;}
.form_tab ul{margin:0; padding:0;}
.form_tab ul li{margin:0 0 10px; padding:0 20px 0 0; list-style-type:none; display:inline-block;}
.form_tab ul li a{color:#7c7c7c; text-decoration:none;}
.form_tab ul li.active{color: #242b3e;}
.form_tab ul li.active .no{background: #242b3e; width:30px; height:30px;  border-radius:50%; color:#fff; font-weight:bold; font-size:20px; display: inline-block; text-align: center; line-height: 30px; margin:0 10px 0 0;}

.form_tab ul li .no{background:#7c7c7c; width:30px; height:30px;  border-radius:50%; color:#fff; font-weight:bold; font-size:20px; display: inline-block; text-align: center; line-height: 30px; margin:0 10px 0 0;}
.form_tab ul li .line{width:150px; height:1px; border-bottom:1px solid #7c7c7c; margin: 17px 0 0; float: left;}
.form_tab ul li.active .line{width:150px; height:1px; border-bottom:1px solid #242b3e; margin: 17px 0 0; float: left;}
/*--------------------------------------------------------------
# Error msg
--------------------------------------------------------------*/
.error_msg{color:#cd1414; position:absolute; font-size:11px; display:block; margin:15px 0 0;}
.mandatory{color:#cd1414;}
.form-label{margin:0;}
.form-check-label{font-size: 13px;}
.form_heading{font-size:20px; text-transform:uppercase; color:#18ca96; border-bottom:1px solid #18ca96;}
.DatePick{background: #fff url(../images/CalIcon.png) right center no-repeat; background-position: right; background-repeat: no-repeat;}
.form-control {font-size: 12px;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/* Scrollable quick links */
.footer-scroll {max-height: 225px;overflow-y: auto;padding-right: 8px;}
/* Custom scrollbar */
.footer-scroll::-webkit-scrollbar {width: 6px;}
.footer-scroll::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.3);border-radius: 10px;}
.footer-scroll::-webkit-scrollbar-thumb:hover {background: #67fbe2;}
.footer {background: #00559c; /* deep blue */color: #fff;padding: 60px 0 30px;font-size: 14px;}
/* Logo */
.footer-logo-wrap {display: flex;align-items: center;gap: 10px;}
.footer-logo-img {height: 55px;width: auto;border-radius: 6px;}
.footer-brand h5 {font-size: 18px;font-weight: 700;margin: 0;}
.footer-brand small {font-size: 13px;color: #b9c6d8;}
.footer-desc {color: #c7d3e4;margin-top: 15px;line-height: 1.7;max-width: 95%;}
.footer_head {font-size: 16px;font-weight: 600;margin-bottom: 18px;color: #ffffff;display: flex;align-items: center;gap: 8px;}
.footer_link {list-style: none;padding: 0;margin: 0;}
.footer_link li {margin-bottom: 10px;}
.footer_link li a {color: #c7d3e4;text-decoration: none;transition: 0.3s;}
.footer_link li a:hover {color: #67fbe2;}
/* Contact */
.footer-contact {color: #c7d3e4;margin-bottom: 12px;display: flex;align-items: flex-start;gap: 10px;}
.footer-contact i {color: #67fbe2;margin-top: 3px;}
.sociallink a {display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;background: rgba(255, 255, 255, 0.08);border-radius: 50%;color: #fff;margin-right: 10px;transition: 0.3s;font-size: 15px;}
.sociallink a:hover {background: #67fbe2;color: #0f2a4a;}
.footer-divider {border-color: rgba(255, 255, 255, 0.12);margin: 35px 0 20px;}
.footer .mb-0 {color: #c7d3e4;font-size: 14px;}

/*--------------------------------------------------------------
# Start Datatable CSS
--------------------------------------------------------------*/
.table {color: #333;border: 1px solid rgb(225, 225, 225);}
.table tr {border-bottom: 1px solid #ffffff;border-bottom: 1px solid rgb(225, 225, 225);}
.table thead {background: #dae9ff;color: #000000;border-bottom: 1px solid rgb(225, 225, 225);font-weight: normal;}
table.dataTable.no-footer {border-bottom: 0;}
table.dataTable thead th {padding: 5px;}
table.dataTable tbody td {padding: 5px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0px 8px;background: #555555;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {background: #00559c; border-radius: 10px;color: #fff !important;}
.dataTables_length {display: none;}
.dataTables_length select {border: 1px solid #242b3e; padding: 2px 8px;border-radius: 6px; outline: none;}
.dataTables_info {display: none;}
.dataTables_filter {display: none;margin-bottom: 7px;border-radius: 10px;border-color: #242b3e !important;}
.dataTables_filter input {border: 1px solid #242b3e;border-radius: 6px;}
.table .fa {font-size: 13px;}

/*--------------------------------------------------------------
# End Datatable CSS
--------------------------------------------------------------*/

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {color: #fff;background-color: #242b3e;border-color: #dee2e6 #dee2e6 #242b3e;}
.nav-logo {height: 45px;margin-top: -1px;}
.fa-icon {color: #343a40;}
.fa-search {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);color: #58069b;cursor: pointer;}
.bot-message {  background-color: #e7ebf0;color: #000000;align-self: flex-start;margin-right: auto;}
.input-area {border-radius: 10px;background-color: #e7ebf0;position: sticky;bottom: 0;z-index: 100;color: #333;}
.bg-chat-input {background-color: #ffffff;border-radius: 15px;color: #333;}
#userInput:focus {outline: none;box-shadow: none;}
.search_bar {padding: 8px;border: 1px solid #242b3e;border-radius: 10px;margin: 5px;width: 96%;margin-left: 7px;}

.input-group {padding: 20px 10px;border-radius: 15px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);overflow: hidden;background-color: white;}
.input-group-text {background-color: transparent;border: none;}
.form-control {border: block;box-shadow: none !important;border-radius: 6px;}

/*--- card ---*/
.card {background-color: #ffffff;overflow-y: auto;border-radius: 10px;border: 1px solid rgb(226, 226, 226);padding: 5px;}
/*--- All Button---*/
.btn {font-size: 14px;}
/* .btn-primary {border-radius: 12px;background: #00559c;border: 1px solid #00559c; padding: 10px 16px;}
.btn-primary:hover {background: #fff;color: #00559c;border: 1px solid #00559c;} */
/* .btn-primary:focus{background: #242b3e  ; border:1px solid #242b3e  ;} */

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {color: #fff;background-color: #242b3e;border-color: #242b3e;}

.card-table {background-color: #ffffff;overflow-y: auto;border-radius: 10px;border: 1px solid rgb(226, 226, 226);}
.card-table-body {padding: 0;}
.card-table table {width: 100%;border-collapse: separate;border-spacing: 0;}
.card-table th,
.card-table td {padding: 12px 16px;text-align: left;vertical-align: middle;}
.card-table th {color: #64748b;}
.table>:not(:last-child)>:last-child>* {border-bottom: 1px solid rgba(100, 116, 139, 0.1);font-weight: normal;}
.card-table tr {border-bottom: 1px solid #e0e0e0;}
.card-table thead tr {background-color: #f8f9fa;}


#favicon {border-radius: 20px;}
.label {color: black !important;}
.custom-contact-field {display: flex;gap: 10px;}

.custom-contact-field select,
.custom-contact-field input {flex: 1;}
.custom-contact-field select {flex: 0 0 130px;}

#back-to-home {font-size: 16px; font-weight: 500; color:  #242b3e;}
.btn-add { font-size: 16px;padding: 8px 16px;  border-radius: 10px;color: #fff;background-color: #242b3e;border-color: #242b3e;}
.btn-add:hover {color: #fff;background-color: #374469;border-color: #374469;}

.form-check .form-check-input {border: 1px solid rgb(205, 205, 205);box-shadow: none;}
.form-card {border: 1px solid rgb(205, 205, 205);border-radius: 6px;}
.form-card:hover {border-color: #242b3e;}
.dropdown-icon {pointer-events: none;font-size: 1rem;color: #6c757d}
select.form-control {appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.user_image{height: 20px;width: 20px;border-radius: 50px;} 

.nav-tabs .nav-link {border: none;border-bottom: 3px solid transparent;color: #333;font-weight: 500;margin-right: 20px;}
.nav-tabs .nav-link.active {border-color: #242b3e;color: #242b3e;}
.form-select{ border-radius: 6px; font-size: 12px;}
.ellipsis {display: inline-block;max-width: 100px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}

.form-label {font-weight: 600;}
#badge-Verified{display: inline-block;padding: 0px 14px;background-color:#f0fdf4 ;color: #16a75a;border: 1px solid #16a75a; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-Pending{display: inline-block;padding: 0px 14px;background-color: #fefce8;color: #ca9955;border: 1px solid #ca9955; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-Rejected{display: inline-block;padding: 0px 14px;background-color: #fef2f2 ;color: #e3266e ;border: 1px solid #e3266e; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-Inactive{display: inline-block;padding: 0px 14px;background-color: #e0e0e0 ;color: #000 ;border: 1px solid #000; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-active{display: inline-block;padding: 0px 14px;background-color:#f0fdf4 ;color: #16a75a;border: 1px solid #16a75a; font-size: 10px;border-radius: 15px;font-weight: 500;}
#badge-break{display: inline-block;padding: 0px 14px;background-color:#fff8e1 ;color: #ff6f00;border: 1px solid #ff6f00; font-size: 10px;border-radius: 15px;font-weight: 500;}

.dataTables_wrapper .dataTables_filter input {  padding: 2px 8px;}  
.validation {color: rgb(216, 4, 4);font-size: 13px;position: absolute;margin: 0;top: inherit !important;left: inherit !important;}
.footer-logo{height: 40px; align-items: center;}
.footer-logo-img{max-height: 100%; max-width: 100%; object-fit: contain;}


/* Add CSS Here */

/* Floating WhatsApp Button */
.whatsapp-float {position: fixed;left: 20px;bottom: 20px;width: 56px;height: 56px;background-color: #25D366;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 30px;z-index: 9999;box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);transition: all 0.3s ease;}
.whatsapp-float:hover {background-color: #1ebe5d;transform: translateY(-6px) scale(1.05);box-shadow: 0 16px 35px rgba(37, 211, 102, 0.6);color: #fff;}
.whatsapp-float::after {content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;background: rgba(37, 211, 102, 0.5);animation: whatsapp-pulse 1.8s infinite;z-index: -1;}
@keyframes whatsapp-pulse {
    0% {transform: scale(1);opacity: 0.7;}
    100% {transform: scale(1.6);opacity: 0;}
}
.company-link {color: #ffffff;font-weight: 500;text-decoration: none;transition: color 0.3s ease;}
.company-link:hover {color: #00559c;text-decoration: underline;}

/* HERO- Home Page */
.hero {position: relative;height: 90vh;color: white;display: flex;align-items: center;overflow: hidden;}
.hero-bg {position: absolute;inset: 0;z-index: 1;} /* Background slideshow */
.hero-bg img {position: absolute;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 1s ease-in-out;}
.hero-bg img.active {opacity: 1;}
.hero::after {content: "";position: absolute;inset: 0;background: linear-gradient(120deg, hsla(204, 79%, 15%, 0.9), rgba(18,140,126,0.85));z-index: 2;} /* Gradient overlay */
.hero .container {position: relative;z-index: 3;}
.hero h1 {font-family: "Poppins", sans-serif;
font-weight: 700;font-size: 3.5rem;line-height: 1.2;}
.hero h1 span {background: linear-gradient(90deg, #00c6ff, #1dd1a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.hero p {max-width: 600px;opacity: 0.9;}
.btn-gradient {background: linear-gradient(90deg, #0a3d62, #1dd1a1);color: #fff;padding: 12px 24px;border-radius: 6px;font-weight: 600;border: none;transition: 0.3s;}
.btn-gradient:hover {transform: translateY(-2px); color: #fff;}

.btn-white {background: #fff;color: #0a3d62;padding: 12px 24px;border-radius: 6px;font-weight: 600;border: none;transition: 0.3s;}
.btn-white:hover {transform: translateY(-2px);}

.stats {margin-top: 40px;}
.stat-item h3 {color: #67fbe2;font-weight: 700;}


/* ABOUT */
.about {padding: 30px 0;}
.about h2 {font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 2.2rem;}
.about img {border-radius: 15px;width: 100%;}
.fade-up {opacity: 0;transform: translateY(40px);transition: all 0.8s ease;}
.fade-up.show {opacity: 1;transform: translateY(0);}
/* Section */
.leadership-section {font-family: 'Manrope', sans-serif;}
.section-header .tag {display: inline-block;background: #e5fffd;color: #1aa39a;padding: 6px 16px;border-radius: 40px;font-size: 13px;margin-bottom: 12px;}
.section-header h2 {font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 2.2rem;}
.section-header h2 span {color: #1aa39a;}
.section-header p {color: #6c7a89;font-size: 15px;max-width: 520px;margin: 10px auto 0;}
/* Card */
.leader-card {background: #fff;border-radius: 16px;padding: 25px;display: flex;gap: 20px;align-items: flex-start;box-shadow: 0 12px 35px rgba(0,0,0,0.08);transition: 0.3s;height: 100%;}
.leader-card:hover {transform: translateY(-6px);box-shadow: 0 18px 45px rgba(0,0,0,0.15);}
.leader-avatar {width: 90px;height: 90px;border-radius: 14px;overflow: hidden;flex-shrink: 0;border: 3px solid #1aa39a;}
.leader-avatar img {width: 100%;height: 100%;object-fit: cover;}
.leader-content h5 {margin: 0;font-weight: 600;}
.leader-role {font-size: 13px;color: #1aa39a;font-weight: 600;margin-bottom: 10px;}
.leader-message {font-size: 14px;color: #6c7a89;line-height: 1.6;margin-bottom: 10px;}
.leader-message.short {display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;overflow: hidden;}
.read-more-btn {background: none;border: none;color: #1aa39a;font-weight: 600;cursor: pointer;padding: 0;font-size: 14px;}
.leader-signature {display: none;}
.leader-card.expanded .leader-signature {display: block;animation: fadeIn 0.4s ease;}
@keyframes fadeIn {
    from {opacity: 0; transform: translateY(8px);}
    to {opacity: 1; transform: translateY(0);}
}

/* Affiliation Section */
.affiliation-card {background: #ffffff;border-radius: 16px;padding: 28px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);transition: 0.3s;border-top: 4px solid #1aa39a;}
.affiliation-card:hover {transform: translateY(-6px);box-shadow: 0 18px 45px rgba(0,0,0,0.12);}
.affiliation-card h5 {font-weight: 700;margin-bottom: 10px;}
.affiliation-text {color: #1aa39a;font-weight: 600;margin-bottom: 15px;}
.affiliation-info {font-size: 14px;color: #555;}

/* Why Section */
.why-section {padding: 60px 0;}
.feature-card {background: #fff;border-radius: 16px;padding: 32px 22px;text-align: center;box-shadow: 0 10px 30px rgba(0,0,0,0.08);transition: all 0.3s ease;display: flex;flex-direction: column;justify-content: flex-start;height: 100%;}
.feature-card:hover {transform: translateY(-6px);box-shadow: 0 16px 40px rgba(0,0,0,0.12);}
.feature-card h6 {font-weight: 600;margin: 14px 0 10px;font-size: 16px;}
.feature-card p {font-size: 14px;color: #6c7a89;margin: 0;line-height: 1.6;}
.feature-icon {width: 72px;  height: 72px;border-radius: 50%;margin: 0 auto 12px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 26px;}
.icon-blue { background: #2d9cdb; }
.icon-green { background: #27ae60; }
.icon-orange { background: #f39c12; }
.icon-purple { background: #6c5ce7; }
.icon-pink { background: #e84393; }
.recruiters-section {padding: 40px 0;}
.logo-slider {overflow: hidden;position: relative;width: 100%;margin-top: 40px;}
.logo-track {  display: flex;gap: 40px; margin-bottom: 20px;width: max-content;animation: scrollLogos 25s linear infinite;}
.logo-slider:hover .logo-track {animation-play-state: paused;}
.logo-item {background: #fff;padding: 12px 10px;border-radius: 14px;box-shadow: 0 6px 18px rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: center;min-width: 160px;}
.logo-item img {max-width: 120px;height: auto;opacity: 0.8;transition: 0.3s;}
.logo-item img:hover {opacity: 1;}
@keyframes scrollLogos {
    from {transform: translateX(0);}
    to {transform: translateX(-50%);}
}

/* About Section */
.founder-section {padding: 60px 0;}
.founder-card {background: rgba(255,255,255,0.95);border-radius: 18px;padding: 40px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);}
.founder-img {width: 100%;height: 100%;border-radius: 16px;object-fit: cover;box-shadow: 0 12px 30px rgba(0,0,0,0.15);}
.section-heading {font-family: 'Montserrat', sans-serif;font-weight: 700;color: #00559c;}
.section-heading span {color: #1aa39a;}
.about-text {color: #6c7a89;line-height: 1.9;font-size: 15px;margin-top: 15px;}
.aims-section {padding: 70px 0;}
.aim-card {background: #fff;border-radius: 14px;padding: 25px;display: flex;gap: 15px;align-items: flex-start;box-shadow: 0 10px 30px rgba(0,0,0,0.06);transition: 0.3s;height: 100%;}
.aim-card:hover {transform: translateY(-5px);  box-shadow: 0 16px 40px rgba(0,0,0,0.12);}
.aim-icon {width: 50px;height: 50px;background: linear-gradient(135deg, #1aa39a, #6c5ce7);color: #fff;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 22px;flex-shrink: 0;}
.aim-text {color: #6c7a89;font-size: 15px;line-height: 1.7;}
.leader-signature {text-align: right;}
/* .signature-img {max-width: 120px;height: auto;margin: 5px 0;} */
.signature-name {font-weight: 600;color: #0f4c81;}
.signature-role {font-size: 14px;color: #6c7a89;}

/* Contact Section */
.contact-section {padding: 30px 0;}
.contact-card,
.map-card {background: #fff;border-radius: 18px;padding: 35px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);height: 100%;}
.contact-item {display: flex;gap: 15px;margin-bottom: 20px;align-items: flex-start;}
.contact-icon {width: 48px;height: 48px;background: linear-gradient(135deg, #1aa39a, #6c5ce7);color: #fff;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 20px;flex-shrink: 0;}
.contact-text {font-size: 15px;color: #6c7a89;line-height: 1.7;}
.map-card {padding: 0;overflow: hidden;}
.map-card iframe {width: 100%;height: 100%;border: none;}
.contact-text a {color: #00559c;text-decoration: none;font-weight: 500;}
.contact-text a:hover {color: #1aa39a;}

/* Faculty Section */
.faculty-section {padding: 90px 0;}
.faculty-card {background: #fff;border-radius: 16px;text-align: center;padding: 35px 0px 0px;box-shadow: 0 15px 35px rgba(0,0,0,0.06);transition: 0.3s ease;height: 100%;border-top: 3px solid #1aa39a;}
.faculty-card:hover {transform: translateY(-5px);box-shadow: 0 18px 45px rgba(0,0,0,0.1);}
.faculty-img {width: 90px;height: 90px;border-radius: 50%;object-fit: cover;margin-bottom: 15px;border: 4px solid #f1f5f9;}
.faculty-name {font-weight: 700;color: #00559c;font-size: 17px;margin-bottom: 4px;}
.faculty-role {color: #1aa39a;font-size: 14px;margin-bottom: 12px;}
.faculty-info {font-size: 14px;color: #6c7a89;line-height: 1.6;margin-bottom: 15px;}
.faculty-contact {font-size: 14px;}
.faculty-contact a {display: inline-block;margin: 4px 6px;padding: 6px 12px;border-radius: 20px;background: #f4fbff;color: #00559c;text-decoration: none;font-size: 13px;transition: 0.3s;}
.faculty-contact a:hover {background: #1aa39a;color: #fff;}
.faculty-footer {background: linear-gradient(135deg, #00559c, #1aa39a);color: #fff;padding: 12px;border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;font-size: 14px;}
.faculty-footer a {color: #fff;text-decoration: none;}
.faculty-footer a:hover {text-decoration: underline;}


/* Gallery Section */
.gallery-section {padding: 80px 0;}
.gallery-card {border-radius: 10px;overflow: hidden; box-shadow: 0 12px 30px rgba(0,0,0,0.08);aspect-ratio: 16 / 9;}
.gallery-card img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.gallery-card:hover img {transform: scale(1.1);}
.gallery-overlay {position: absolute;inset: 0;background: linear-gradient(120deg, rgba(36,63,103,0.6), rgba(26,163,154,0.6));opacity: 0;transition: 0.4s;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 600;font-size: 18px;}
.gallery-card:hover .gallery-overlay {opacity: 1;}



/* Modal dialog width */
.image-modal-dialog {max-width: 900px;width: 90%;  margin: auto;}
.image-modal-card {background: linear-gradient(135deg, #00559c, #1aa39a);border-radius: 16px;overflow: hidden;position: relative;padding: 2px;}
.modal-img {width: 100%;height: auto;max-height: 80vh;object-fit: contain;display: block;border-radius: 10px;}
.modal-close-x {position: absolute;  top: 10px;right: 12px;  font-size: 28px;color: #ffffff;background: linear-gradient(135deg, #00559c, #1aa39a);border: none;width: 36px;height: 36px;border-radius: 50%;box-shadow: 0 4px 12px rgba(0,0,0,0.2);cursor: pointer;z-index: 10;}



/* Courder Section */
.course-section {padding: 30px 0;}
.section-heading {font-family: 'Montserrat', sans-serif;font-size: 2.2rem;font-weight: 700;color: #00559c;text-align: center;}
.section-heading span {color: #1aa39a;}
.course-intro {color: #6c7a89;max-width: 720px;margin: 15px auto 50px;text-align: center;line-height: 1.7;}
.course-card {background: #fff;border-radius: 18px;padding: 40px 45px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);transition: 0.3s;border-top: 4px solid #1aa39a;height: 100%;}
.course-card:hover {transform: translateY(-6px);box-shadow: 0 25px 60px rgba(0,0,0,0.12);}
.course-title {font-size: 1.6rem;font-weight: 700;color: #00559c;margin-bottom: 25px;text-align: center;}
.course-table {width: 100%;border-collapse: collapse;}
.course-table tr {border-bottom: 1px solid #e9eef3;}
.course-table tr:last-child {border-bottom: none;}
.course-table td {padding: 12px 0;font-size: 14.5px;vertical-align: top;}
.course-table td:first-child {font-weight: 600;color: #00559c;width: 40%;padding-right: 20px;}
.course-table td:last-child {color: #6c7a89;}
.fade-up {opacity: 0;transform: translateY(40px);transition: 0.6s ease;}
.fade-up.show {opacity: 1;transform: translateY(0);}


/* Syllabus Section */
.syllabus-section {padding: 30px 0;}
.section-heading {font-family: 'Montserrat', sans-serif;font-size: 2.2rem;font-weight: 700;color: #00559c;text-align: center;margin-bottom: 50px;}
.section-heading span {color: #1aa39a;}
.syllabus-card {background: #fff;border-radius: 16px;padding: 25px 30px;box-shadow: 0 15px 40px rgba(0,0,0,0.08);display: flex;align-items: center;justify-content: space-between;gap: 20px;border-left: 5px solid #1aa39a;transition: 0.3s;flex-wrap: wrap;}
.syllabus-card:hover {transform: translateY(-4px);box-shadow: 0 20px 50px rgba(0,0,0,0.12);}
.syllabus-title {font-size: 16px;font-weight: 600;color: #00559c;}
.download-btn {background: linear-gradient(135deg, #00559c, #1aa39a);color: #fff;border: none;padding: 10px 18px;border-radius: 8px;font-size: 14px;text-decoration: none;transition: 0.3s;display: inline-flex;align-items: center;gap: 6px;}
.download-btn:hover {opacity: 0.9;color: #fff;}



/* Admission Section */
.admission-section {padding: 30px 0;}
.section-heading {font-family: 'Montserrat', sans-serif;font-size: 2.2rem;font-weight: 700;color: #00559c;text-align: center;margin-bottom: 20px;}
.section-heading span {color: #1aa39a;}
.admission-intro {color: #6c7a89;text-align: center;max-width: 900px;margin: 0 auto 40px;line-height: 1.8;}
.contact-box {background: #fff;border-radius: 18px;padding: 35px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);border-left: 5px solid #1aa39a;margin-top: 20px;}
.contact-icon {width: 55px;height: 55px;background: linear-gradient(135deg, #1aa39a, #00559c);color: #fff;border-radius: 14px;display: flex;align-items: center;justify-content: center;font-size: 22px;flex-shrink: 0;}
.contact-text a {color: #00559c;text-decoration: none;font-weight: 500;}
.contact-text a:hover {color: #1aa39a;}
.contact-text i {color: #1aa39a;margin-right: 6px;}
.admission-card {background: #fff;border-radius: 18px;padding: 35px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);border-left: 5px solid #1aa39a;margin-top: 40px;}
.card-title {color: #e53935;font-weight: 600;margin-bottom: 20px;}
.prospectus-list {list-style: none;padding: 0;margin: 0;}.prospectus-list li {padding: 12px 0;border-bottom: 1px solid #eef2f6;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;}
.course-name {font-weight: 600;color: #00559c;}
.download-link {text-decoration: none;background: linear-gradient(135deg, #00559c, #1aa39a);color: #fff;padding: 6px 14px;border-radius: 6px;font-size: 14px;transition: 0.3s;}
.download-link:hover {opacity: 0.9;color: #fff;}


/* Register Section */
.register-section {padding: 30px 0;}
.section-heading {font-family: 'Montserrat', sans-serif;font-size: 2.2rem;font-weight: 700;color: #00559c;text-align: center;margin-bottom: 40px;}
.section-heading span {color: #1aa39a;}
.register-card {background: #fff;border-radius: 18px;padding: 40px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);border-top: 4px solid #1aa39a;}
.form-label {font-weight: 600;color: #00559c;}
.form-control,
.form-select {border-radius: 10px;padding: 12px;border: 1px solid #dfe6ee;}
.form-control:focus,
.form-select:focus {border-color: #1aa39a;box-shadow: 0 0 0 0.2rem rgba(26,163,154,0.15);}
.submit-btn {background: linear-gradient(135deg, #00559c, #1aa39a);border: none;padding: 12px 28px;border-radius: 8px;color: #fff;font-weight: 600;transition: 0.3s;}
.submit-btn:hover {opacity: 0.9;}
.star{color: rgb(229, 4, 4);}

/* Faculty Section */
.facility-section {padding: 30px 0;}
.section-heading {font-family: 'Montserrat', sans-serif;font-size: 2.2rem;font-weight: 700;color: #00559c;text-align: center;margin-bottom: 50px;}
.section-heading span {color: #1aa39a;}
.accordion-item {border: none;margin-bottom: 18px;border-radius: 16px;overflow: hidden;background: rgba(255,255,255,0.85);backdrop-filter: blur(8px);box-shadow: 0 15px 40px rgba(0,0,0,0.08);transition: 0.3s;}
.accordion-item:hover {transform: translateY(-3px);box-shadow: 0 20px 45px rgba(0,0,0,0.12);}
.accordion-button {background: transparent;font-weight: 600;color: #00559c;padding: 18px 20px;font-size: 16px;border: none;box-shadow: none;display: flex;align-items: center;gap: 12px;}
.accordion-button .acc-icon {width: 42px;height: 42px;background: linear-gradient(135deg, #00559c, #1aa39a);color: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 18px;transition: 0.3s;}
.accordion-button:not(.collapsed) {background: linear-gradient(135deg, #00559c, #1aa39a);color: #fff;}
.accordion-button:not(.collapsed) .acc-icon {background: #fff;color: #00559c;}
.accordion-button:not(.collapsed)::after {filter: brightness(0) invert(1);}
.accordion-button:focus {box-shadow: none;}
.accordion-body {background: #fff;color: #6c7a89;font-size: 15px;line-height: 1.8;padding: 20px 25px;border-top: 1px solid #eef2f6;}


/* Infrastructure Section */
.infra-section {padding: 30px 0;}
.infra-card {background: #fff;border-radius: 18px;padding: 30px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);}
.section-heading {font-family: 'Montserrat', sans-serif;font-size: 2rem;font-weight: 700;color: #00559c;margin-bottom: 20px;}
.section-heading span {color: #1aa39a;}
.infra-text {color: #6c7a89;line-height: 1.8;margin-bottom: 20px;}
.infra-list {list-style: none;padding: 0;columns: 2;column-gap: 40px;}
.infra-list li {margin-bottom: 10px;color: #00559c;font-weight: 500;}
.infra-list li i {color: #1aa39a;margin-right: 8px;}
.carousel img {border-radius: 16px;height: 380px;object-fit: cover;width: 100%;}


/* Career Section */
.career-section {padding: 30px 0;}
.career-card {background: #fff;border-radius: 18px;padding: 40px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);border-left: 5px solid #1aa39a;}
.career-sub {font-weight: 600;color: #00559c;margin-bottom: 20px;}
.career-text {color: #6c7a89;line-height: 1.8;margin-bottom: 18px;}

/* Calender Section */
.calendar-section {padding: 80px 0;}
.section-heading {font-family: 'Montserrat', sans-serif;font-size: 2.2rem;font-weight: 700;color: #00559c;text-align: center;margin-bottom: 40px;}
.section-heading span {color: #1aa39a;}
.calendar-card {background: #fff;border-radius: 18px;padding: 30px;box-shadow: 0 20px 50px rgba(0,0,0,0.08);border-left: 5px solid #1aa39a;transition: 0.3s;}
.calendar-card:hover {transform: translateY(-4px);box-shadow: 0 25px 60px rgba(0,0,0,0.12);}
.calendar-item {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 15px;}
.calendar-title {font-weight: 600;color: #00559c;font-size: 16px;}
.download-btn {background: linear-gradient(135deg, #00559c, #1aa39a);color: #fff;text-decoration: none;padding: 8px 18px;border-radius: 8px;font-size: 14px;transition: 0.3s;}
.download-btn:hover {opacity: 0.9;color: #fff;}

/* Notice Section */
.notice-section {padding: 20px 0 40px;}
.notice-subtitle {font-weight: 600;margin-bottom: 15px;color: #1aa39a;border-left: 4px solid #1aa39a;padding-left: 10px;}
.footer-dropdown {position: relative;}
.footer-submenu {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;padding-left: 20px;}
.footer-dropdown.open .footer-submenu {max-height: 200px;}
.footer-submenu li {margin: 5px 0;}

/* Hero */
.page-hero {position: relative;text-align: center;color: #fff;padding: 80px 0;background: linear-gradient(120deg, #0f4c81, #1aa39a);}
.page-hero h1 {font-family: 'Montserrat', sans-serif;font-size: 2.5rem;font-weight: 700;}

/* Table Section */
.staff-section {padding: 30px 0;}
.staff-card {background: #fff;border-radius: 14px;padding: 25px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);transition: all 0.35s ease;}
.staff-title {text-align: center;margin-bottom: 25px;}
.staff-title h5 {font-weight: 600;margin: 0;}
.staff-title p {margin: 2px 0;font-size: 14px;color: #6c7a89;}
.staff-table thead {background: linear-gradient(90deg, #0f4c81, #1aa39a);color: #fff;}
.staff-table th,
.staff-table td {vertical-align: middle;font-size: 14px;padding: 12px 10px;transition: all 0.25s ease;}
.staff-table tbody tr:nth-of-type(odd) {background: #f4fbfd;}
.staff-head {background: linear-gradient(90deg, #0f4c81, #1aa39a);color: #fff;font-size: 15px;padding: 16px;border-radius: 10px 10px 0 0;margin-bottom: 10px;font-weight: 600;}
.table-scroll {max-height: 420px;overflow-y: auto;border-radius: 10px;}
.student-table thead th {position: sticky;top: 0;z-index: 2;background: linear-gradient(90deg, #0f4c81, #1aa39a);color: #fff;}
.staff-table tbody tr:hover {background: linear-gradient(90deg, #e6f9ff, #e0fffa);}
.staff-table tbody tr:hover td {color: #0f4c81;}

/* Modal Section */
.modal.fade .modal-dialog {transform: scale(0.85);transition: all 0.35s ease;}
.modal.show .modal-dialog {transform: scale(1);}
.success-modal {background:  linear-gradient(90deg, #0f4c81, #1aa39a);color: #fff;border: none;border-radius: 14px;}
.error-modal {background:  linear-gradient(90deg, #89101c, #dc3545);color: #fff;border: none;border-radius: 14px;}
.modal-icon {font-size: 64px;margin-bottom: 10px;animation: pop 0.5s ease;}
.modal-icon.success,
.modal-icon.error {color: #fff;}
.success-modal .btn,
.error-modal .btn {background: #fff;color: #333;font-weight: 600;border-radius: 6px;padding: 8px 22px;width: auto;min-width: unset;display: inline-block;}
.success-modal .btn:hover,
.error-modal .btn:hover {background: #f1f1f1;}
@keyframes pop {
    0% { transform: scale(0.5); opacity: 0; }
    70% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(1); }
}
#statusModal .btn {width: auto;}
#statusModal .modal-footer {display: flex;justify-content: center;align-items: center;}
#statusModal .modal-footer .btn {width: auto !important;display: inline-block !important;flex: 0 0 auto !important;min-width: unset !important;padding: 8px 24px;}


/* Secretary card */
.secretary-card {background: #fff;border-radius: 16px;padding: 30px;box-shadow: 0 12px 35px rgba(0,0,0,0.08);transition: 0.3s; margin-bottom: 20px;}
.secretary-img {width: 100%;max-width: 200px;border-radius: 12px;border: 3px solid #1aa39a;display: block;}
.secretary-text.short {display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;overflow: hidden;}
.secretary-read-more-btn {background: none;border: none;color: #1aa39a;font-weight: 600;cursor: pointer;padding: 0;font-size: 14px;margin-top: 10px;}
.secretary-signature {display: none;text-align: right;}
.secretary-card.expanded .secretary-signature {display: block;animation: fadeIn 0.4s ease;}

@keyframes fadeIn {
    from {opacity: 0; transform: translateY(8px);}
    to {opacity: 1; transform: translateY(0);}
}

.founder-section {padding: 40px 0;}
.founder-card {border-radius: 20px;padding: 35px;  box-shadow: 0 15px 45px rgba(0,0,0,0.08);position: relative;overflow: hidden;transition: all 0.3s ease;margin-bottom: 25px;}
.founder-card::before {content: "";position: absolute;top: 0;left: 0;width: 6px;height: 100%;}
.founder-img-wrap {padding: 8px;background: #fff;border-radius: 16px;display: inline-block;box-shadow: 0 10px 25px rgba(0,0,0,0.12);}
.founder-img {width: 100%;max-width: 180px;border-radius: 12px;display: block;}
.founder-text {font-size: 15px;line-height: 1.8;color: #5f6f7f;margin-top: 10px;}
.founder-sign {margin-top: 18px;font-family: 'Montserrat', sans-serif;font-size: 16px;}
.founder-sign span {color: #1aa39a;font-weight: 600;font-size: 14px;}

.admission-marquee {width: 100%;margin-top: 125px;background: #d90808;color: #fff;overflow: hidden;font-family: 'Montserrat', sans-serif;}
.marquee-track {display: flex;width: max-content;
    animation: marqueeScroll 30s linear infinite;}
.marquee-text {white-space: nowrap;padding: 6px 0;font-weight: 600;font-size: 14px;margin-right: 250px;}
/* Perfect seamless loop */
@keyframes marqueeScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}


.page-hero {margin-top: 125px;position: relative;height: 250px;overflow: hidden;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;}
.page-hero img {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;z-index: 1;}
.page-hero::after {content: "";position: absolute;inset: 0;background: linear-gradient(120deg, rgba(36,63,103,0.9), rgba(26,163,154,0.8));z-index: 2;}
.page-hero .container {position: relative;z-index: 3;}
.page-hero h1 {font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 2rem;}



/* End CSS Here */




/*---media----*/
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1345px !important;}
.header-logo {height: 65px;}
.logo-text h5 {font-size: 20px;}
.logo-text span {font-size: 19px;}
}
/* Responsive tweaks */
@media (max-width: 1200px) {
.feature-card {padding: 28px 18px;}
}


@media (min-width: 992px) {
.footer-logo-wrap {text-align: left;}
.leader-img img {height: 240px;}
.image-modal-dialog {max-width: 700px;}

}

@media (max-width: 768px) {
.footer-desc {max-width: 100%;}
/* .sociallink {text-align: center;} */
.mobile-nav-toggle {top: 35px;}
.fa-drop-down{display: none;}
.drop-down-menu{text-align: left;}
.logo-item {padding: 15px 20px;min-width: 130px;}
.logo-track {gap: 25px;animation-duration: 18s;}
.leadership-section {padding: 70px 0;}
.section-header h2 {font-size: 1.8rem;}
.leader-img img {height: 220px;}
.why-section {padding: 50px 0;}
.leader-card {flex-direction: column;text-align: center;align-items: center;}
.leader-avatar {margin-bottom: 10px;}
.page-hero {height: 260px;}
.page-hero h1 {font-size: 2.2rem;}
.founder-card {padding: 25px}
.course-card {padding: 30px 25px;}
.syllabus-card {text-align: center;justify-content: center;}   
.hero {height: auto;padding: 80px 0;}
.hero .row {justify-content: center;}
.hero h1 {font-size: 2.1rem;}
.hero p {margin: 0 auto;max-width: 100%;}
.hero .d-flex {justify-content: center;}
.stats {text-align: center !important;}  
.infra-list {columns: 1;}
.carousel img {height: 240px;}
.mob-dropdown{text-align: left !important;}
.career-card {padding: 25px;}
}


@media (max-width: 767px) {
.logo img {height: 55px;}
.secretary-signature {text-align: right !important;}
.founder-card {padding: 25px;text-align: center;}
.founder-img {max-width: 140px;margin: 0 auto 15px;}
.founder-text {text-align: center;}
.founder-sign {text-align: center;}
.secretary-card {padding: 20px;text-align: center;}
.secretary-img {max-width: 120px;margin: 0 auto 15px;}
.section-heading {font-size: 1.6rem;}
}

@media (max-width: 576px) {
html, body {font-size: 14px;}
.navbar-expand-sm {flex-wrap: nowrap;justify-content: flex-start;}
.nav-logo {margin-left: 14px;}
.nav-right{float: right;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {float: left;}
.footer {text-align: center;}
.whatsapp-float {width: 50px;height: 50px;font-size: 26px;left: 15px;bottom: 15px;}
.top-header {font-size: 10px;}
.mobile-nav-toggle {top: 35px;}
.logo-text h5 {font-size: 18px;}
.logo-text span {font-size: 17px;}
.header-logo {height: 60px;}
.master-wrapper-content {margin-top: 113px;}
.home-wrapper-content {margin-top: 0px;}
.about h2 {font-size: 1.8rem;}
.page-hero {margin-top: 114px;}
.image-modal-dialog {width: 95%;}
.image-modal-card {padding: 1px;border-radius: 12px;}
.modal-img {max-height: 70vh;}
.modal-close-x {width: 32px;height: 32px;font-size: 22px;}
.admission-marquee {margin-top: 115px;}
}   

@media (max-width: 480px) {
.navbar-expand-sm {flex-wrap: nowrap;justify-content: flex-start;}
.nav-logo {margin-left: 14px;}
.nav-right{float: right;}
.leader-img img {height: 200px;}

}

@media (max-width: 320px) {
.top-header {font-size: 8px;}
.logo-text h5 {font-size: 15px;}
.logo-text span {font-size: 14px;}
}