/*Header*/
.nav-bg-1{background-color:#FFF;}
.preloader-area{background-color:#002b46;}
.desktop-nav .navbar .navbar-nav .nav-item a{color:#002b46 !important;}
.desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active{color:#002b46 !important;}
.page-banner-area {padding-top: 20px !important;padding-bottom: 20px !important;}
.page-banner-content h1 {font-size: 40px !important;}
.top-header-area{padding:5px 0 !important;}
.navbar-area{padding:5px 0 !important;}
.header-right-content .list ul li.dropdown {position: relative;}
.header-right-content .list ul li:hover{background-color: #0056b3 !important;}
.header-right-content .list ul li{padding:5px 5px;}

.header-right-content .list ul li.dropdown .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background: white; box-shadow: 0 4px 6px rgba(0,0,0,0.1); z-index: 999; min-width: 200px }
.header-right-content .list ul li.dropdown:hover .dropdown-menu {display: block;}
.header-right-content .list ul li.dropdown .dropdown-menu li a { display: block; padding: 8px 15px; color: #333; text-decoration: none;}
.header-right-content .list ul li.dropdown .dropdown-menu li:hover { background-color: #0056b3;color:white !important;}
.header-right-content .list ul li.dropdown .dropdown-menu li a:hover {color:white !important;}
.color-bullets {list-style: none; padding-left: 0;}
.color-bullets li {position: relative; padding-left: 28px; margin-bottom: 12px;}
.color-bullets li::before {content: ""; position: absolute; left: 0; top: 7px; width: 12px; height: 12px; background-color: #e74c3c; border-radius: 50%;}
.color-ol {counter-reset: item; list-style: none;padding-left: 0;}
.color-ol li {position: relative; padding-left: 32px; margin-bottom: 12px; counter-increment: item;}
.color-ol li::before {content: counter(item) "."; position: absolute; left: 0; top: 0; color: #e74c3c; /* 🔴 Custom number color */ font-weight: bold;}
/* Main navbar links */
/* Base nav links – white */
.desktop-nav .navbar .navbar-nav .nav-item a {font-size: 16px;color: #ffffff; line-height: 1; position: relative; font-weight: 600; padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; margin-left: 15px; margin-right: 15px; transition: color 0.3s, background-color 0.3s;}
/* Dropdown toggle spacing */
.desktop-nav .navbar .navbar-nav .nav-item a.dropdown-toggle {padding-right: 20px;}
.desktop-nav .navbar .navbar-nav .nav-item{padding-bottom:10px !important;}
/* Hover effect – white text + dark background */
.desktop-nav .navbar .navbar-nav .nav-item a:hover,
.desktop-nav .navbar .navbar-nav .nav-item:hover > a,
.desktop-nav .navbar .navbar-nav .nav-item a.active {background-color: #0056b3 !important;color: #ffffff !important;}
.desktop-nav .navbar .navbar-nav .nav-item:hover {background-color: #0056b3 !important;color: #ffffff !important;}


@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.navbar-area .container-fluid{max-width:1520px !important;}
}
.edu-modal .modal-content {border-radius: 1rem; box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.1); overflow: hidden;}
  .edu-modal .left-panel {
    background: linear-gradient(to bottom right, #f0f4ff, #eaf2ff);
  }
  .edu-modal .left-panel h5 {font-size: 1.25rem;}
  .edu-icon {width: 2rem; height: 2rem; background: #ffffff; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; margin-right: 0.75rem; font-size: 1rem;}
  .thank-you-icon { font-size: 2.5rem; color: #28a745;}
  .form-control-sm { padding: 0.5rem 0.75rem; font-size: 0.875rem;}
  .modal-body p, .modal-body h5 { margin-bottom: 0.5rem;}
  @media (max-width: 768px) {
    .edu-modal .row {flex-direction: column;}
  }
  .recognition-logo-wrapper { height: 160px; display: flex; align-items: center; justify-content: center;}
  .recognition-logo { max-height: 200px; max-width: 100%; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
  .flag-icon { height: 20px; margin-right: 10px; vertical-align: middle;}

  .recognition-item ul { padding-left: 20px;}

  @media (max-width: 768px) {
 .recognition-logo-wrapper {height: auto;margin-bottom: 15px;}
  }