body {font-family: 'Spectral', serif;font-size: 1.15em;text-shadow: none;}
h1,h2,h3,h4,h5,h6{
    font-family: 'Alata', sans-serif;
}
a {text-decoration: none;}
.bx-wrapper {box-shadow: none;border: 0;background: none;margin-bottom: 0}
nav.header-menu {padding:0; position: sticky; position: -webkit-sticky; top:0;z-index:999;background: #24273ad6; box-shadow: 10px 10px 10px rgba(0 0 0,0.2);height: 80px;}
nav img {width:150px;}

.header-menu ul li a {color: rgba(255,255,255,1);text-transform: uppercase;font-size: 1rem;font-weight: bold}
.header-menu ul li.dropdown .dropdown-menu a {color: #232341}
/* .header-menu ul li.dropdown .dropdown-menu { min-width: 280px;} */

.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,.9);}

.right-header-menu li {line-height: 80px;display: inline-block;height: 80px;}
.right-header-menu li:nth-child(2) a {text-transform: uppercase;display: block;padding: 0 15px;cursor: pointer;transition: background-color .3s;font-weight: bold;line-height: 80px;background-color: #df4b24;color: #ffffff;letter-spacing: 1px;text-decoration: none}
.right-header-menu li:last-child a {text-transform: uppercase;display: block;padding: 0 15px;cursor: pointer;transition: background-color .3s;font-weight: bold;line-height: 80px;background-color: #ffffff;color: #333333;letter-spacing: 1px;text-decoration: none}

.navbar-toggler {color: #fff;}

.home-program {background: #232341;padding:100px 0;text-align:center}
.home-program h2 {font-size: 2em;color: #ffffff;margin-bottom: 10px;}
.home-program h4 {color: #ed722a !important;text-align: center;text-transform: uppercase;font-size: 1.5em;letter-spacing: 1px;}
.home-program-point p {color: #ffffff;margin: 0;}
.home-program-point.br-orange {border-right: 1px solid #ed722a;}

.enroll-program {padding: 0 0 50px}
.enroll-program-cta h2 {text-transform: uppercase;font-weight: bold;font-size: 2.5em;color: #df4b24}
.enroll-program-cta h4 {text-transform: uppercase;color: #232341;font-size: 1.5em;letter-spacing: 3px}
.enroll-program-cta p {font-size: 1.5rem}
.enroll-program-highlight {background-color: #232341;padding: 10%;color: #ffffff;line-height: 1.5em;margin-top: -20px}

.heading-underline {width: 50px;height: 5px;background-color: #f1843c;margin-bottom: 30px;border-radius: 20px}

.our-program {background: #f6f6f6;padding: 50px 0}
.program-box {box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);background: #fff;transition: box-shadow .25s, -webkit-box-shadow .25s;border-radius: 2px}
.program-detail {padding: 20px;min-height: 350px;}
.program-detail h4 {font-size: 1.1rem;text-shadow: 0 0 2px #aaa}

.whyus-section {padding: 70px 0;}
.whyus-list ul {list-style: none;padding: 0;margin: 0}
.whyus-list ul li {list-style: none;font-size: 1.2rem;padding-left:40px;position: relative;}
.whyus-list ul li:before {content:"";background: url('../images/list-icon-1.jpg');height:28px;width:28px;position:absolute;top:0;left: 0;z-index:1}


.credible-partnership-section {padding: 70px 0;}
.credible-partnership-detail p {font-size: 1.2rem;}
.credible-partnership-detail p span {font-weight: bold;color: #d96b41;}

.footer {background-color: #ffffff;background-image: url('../images/footer-bg.jpg');padding: 50px 0;background-repeat: no-repeat;background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.94);background-attachment: fixed;}
.footer h4 {font-size: 1.2em;margin-bottom: 10px;text-transform: uppercase;color: #333}
.footer p {font-size: 1.5rem}
.footer p a {margin-right: 10px;}
.footer p a i {width: 40px;height:40px;line-height: 40px;background: #232341;color:#fff;text-align: center;border-radius: 50%;}
.copyright {background-color: #232341;padding: 25px 0;color: #bebebe;text-align: center;font-size: 0.85em;}


/*================
2. Page CSS
 ================*/
.inner-page-breadcrumb-background {background: url(../images/culinary-header.jpg) rgba(0,0,0,0.6) no-repeat top center;background-size:cover;z-index:-1;background-blend-mode: overlay;margin-top: -100px;margin-bottom: 0;padding-top:100px;}
.inner-page-breadcrumb-background:after {position: absolute;z-index: 0;background-blend-mode: overlay;width: 100%;height: 100%}
.inner-page-breadcrumb {padding: 100px 0;z-index: 1;position: relative;}
.inner-page-breadcrumb h2 {font-size: 2em;text-transform: capitalize;color: #fff;}

.inner-page-content {padding: 50px 0;}
.inner-page-content h1 {margin-bottom: 10px;font-size: 1.5em}
.inner-page-content p {text-align: justify;color:#111;font-size: 1.2rem;}

.btn-submit {color: #fff;background-color: #232341;border-color: #232341;}


@media only screen and (max-width: 767px) {
    .home-program-point.br-orange {border-bottom: 1px solid #ed722a;border-right: none;}
    .navbar-collapse {background: #24273ad6;}
    .navbar-collapse .navbar-left {padding: 0 15px}
    nav.header-menu {position: relative;}
}
@media only screen and (min-width: 767px) and (max-width: 1300px) {
    .header-menu ul li a {font-size: 0.55rem;}
}

@media only screen and (min-width: 1301px) and (max-width: 1383px) { 
    
    .header-menu ul li a {font-size: 0.89rem;} 
    
}


/* CSS 3 March 2025 */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 200px;
    background: white;
    border: 1px solid #ddd;
    padding: 10px;
}

.dropdown-menu .dropdown-submenu {
    position: relative;
}

.dropdown-menu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0;
    display: none;
}

.dropdown-menu > .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.header-menu ul li.dropdown .dropdown-menu ul.dropdown-menu.subsubmenu {
    left: 104%;
    top: -13%;
}

.header-menu ul li.dropdown .dropdown-menu a {
    width: 104% !important;
}




.header-menu ul li.dropdown .dropdown-menu ul.dropdown-menu.show{
    display:block;
}




/*===================pupup css==============================*/
    .modal-header {
      border: none;
      padding: 0;
    }

    .modal-header .close {
      position: absolute;
      top: 15px;
      right: 20px;
      z-index: 22;
      padding: 0 !important;
    }

    /* Force override Bootstrap padding */
    .modal-body {
      padding: 0 !important;
    }

    .modal-dialog {
        max-width: 500px;
        margin: 4.75rem auto;
    }
    .close{font-size:2.5rem;}
    

    
@media only screen and (min-width: 992px) {
  /* Show main dropdowns on hover */
  .navbar-dark .navbar-nav .nav-item:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
  }

  /* Show submenus on hover */
  .navbar-dark .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    left: 100%; /* Adjust if submenu position differs */
    top: 0;
  }
}