@font-face {
    font-family: 'Pacifico';
    src: url('../fonts/Pacifico-Regular.ttf') format('truetype');
}
body {
    font-family: Arial, sans-serif;
}
main{
    min-height: 1080px;
}
/* Responsive tweaks */
@media (max-width:575.98px){
  .principal-img{width:90px;height:90px}
  main{padding-top:210px}
}
main{padding-top:210px} /* space for fixed header */
section{
    margin-top:20px;
    margin-bottom:20px;
}
footer{
    min-height:400px;
    background:#f5f5dc;
}
.footer{
    background:linear-gradient(90deg, #f3a92e, #f57b88);
}
.ais-box-blue-default{
    background:#000080;
    color: #ffffff;
}
.ais-box-blue-default-gradient{
    background: linear-gradient(45deg, #000080, #56ab2f);
    color: #ffffff;
}
.ais-box-navyblue{
  background: #291c6a;
  color: #ffffff;
}
.ais-box-navyblue-gradient{
    background: linear-gradient(45deg, #291c6a, #5b44cc);
    color: #ffffff;
}
.ais-box-blue{
    background: #1c9eb1;
    color:#ffffff;
}
.ais-box-blue-gradient{
    background: linear-gradient(45deg, #1c9eb1, #5b44cc);
    color: #ffffff;
}
.ais-box-aquamarine{
  background: #7fffd4;
  color: #000;
}
.ais-box-aquamarine-gradient{
    background: linear-gradient(45deg, #7fffd4, #5b44cc);
    color: #ffffff;
}
.ais-box-red{
    background: #F6004C;
    color:#ffffff;
}
.ais-box-red-gradient{
    background: linear-gradient(45deg, #F6004C, #f15988);
    color: #ffffff;
}
.ais-box-green{
    background: #2fa520;
    color:#ffffff;
}
.ais-box-green-gradient{
    background: linear-gradient(45deg, #b6e892, #56ab2f);
    color: #ffffff;
}
.ais-box-coral{
    background: #e3820b;
    color:#ffffff;
}
.ais-box-coral-gradient{
    background: linear-gradient(45deg, #e3820b, #feb862);
    color: #ffffff;
}
.ais-box-purple{
    background: #673ab7;
    color:#ffffff;
}
.ais-box-purple-gradient{
    background: linear-gradient(45deg, #673ab7, #ae91e3);
    color: #ffffff;
}
.ais-box-magenta{
    background: #009688;
    color:#ffffff;
}
.ais-box-navymagenta{
  background: #08665e;
  color: #ffffff;
}
.ais-box-gray{
    background: #9e9e9e;
    color:#ffffff;
}
.ais-box-pink{
  background: #eb15e4;
  color: #ffffff;
}
.ais-box-lightpink{
  background: #d796b0;
  color: #000;
}
.ais-box-yellow{
  background: yellow;
  color: #000;
}
.logo-text{
    font-family: 'Pacifico', cursive;
    font-size: 32px;
    font-weight: bold;
    color: #ff4500;
    letter-spacing: 3px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.logo-img{
    max-width:140px;
    min-width: 104px;
}
.logo-img-circle{
    width:140px;
    height:140px;
    border-radius:100px;
    background:#ffffff;
}
.logo-img-circle:hover {
    width:120px;
    height:120px;
    border-radius:6px;
}
.header-button {
    display: inline-block;
    width: 200px;
    height: 60px;
    border-radius: 50px;
    background: linear-gradient(to bottom, #a040c6, #30007c);
    border: 5px solid #999;
    position: relative;
    overflow: hidden;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.header-button::before {
    content: "";
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 30%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50px;
}
.header-button2 {
    display: inline-block;
    width: 190px;
    margin-right:8px;
    margin-bottom:5px;
    height: 60px;
    border-radius: 12px;
    border:4px solid;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
.header-ico{
    font-size:32px;
    font-weight:bold;
}
.header-ico-large{
    font-size:64px;
    font-weight:bold;
}
.navbar-relative {
    position: relative;
    width: 100%;
    z-index: 1030;
}
.navbar-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
    transition: top 0.3s;
}
.homepage-search-box{
    min-height: 520px;
    padding-top: 30px;
}
.homepage-search-box-panel{
    padding-top:200px;
    background-image: url('../img/homepage/new-desktop-banner.webp');
    background-size: cover; /* Make it cover the whole screen */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent repeating */
    height: 100vh; /* Full viewport height */
    color: white;
    height: 410px;
    border-radius: 20px;
    text-align: center;
}
.search-box {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    width: 84%;
    height: 90px;
    border-radius: 20px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.homepage-search-box-text{
    height: 160px;
}
@media (max-width: 576px) {
    .homepage-search-box{
        height: 440px !important;
        padding-top: 10px;
    }
    .homepage-search-box-panel{
        padding-top:10px;
        background-image: none !important;
        background: #673ab7;
    }
    .homepage-search-box-text{
        height: 60px;
    }
    .search-box {
        height: auto;
    }
}
/* Increase height of the Select2 input */
.select2-container .select2-selection--single {
    height: 34px !important; /* Adjust as needed */
    line-height: 34px !important;
}

/* Increase height of the text inside Select2 */
.select2-container .select2-selection__rendered {
    line-height: 34px !important;
    font-size: 18px; /* Optional: Increase text size */
}

/* Increase height of the dropdown arrow */
.select2-container .select2-selection__arrow {
    height: 32px !important;
}
.filter-btns{
    margin-bottom:30px;
}
.filter-btn{
    border-radius:20px;
    font-size:12px;
    margin-right:4px;
}
.offers-tab{
    height:180px;
}
:root{--brand:#0d6efd}
.site-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:saturate(120%) blur(4px)}
.navbar-brand img{height:42px}
.navbar{background:#6495ed; }
.hero-carousel .carousel-item{min-height:240px}
.news-item time{font-size:.85rem;color:#6c757d}
.principal-img{width:120px;height:120px;object-fit:cover;border-radius:8px}
.alumni-card{border-left:4px solid var(--brand);padding-left:12px}
/* position the nested submenu to the right */
.dropdown-submenu {
  position: relative;
}
.dropdown-menu {
  min-width: 280px;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  /* ensure visible above other content */
  z-index: 2000;
}
/* allow overflow so submenus can extend outside parent */
.dropdown, .navbar, .nav {
  overflow: visible;
}
.dropdown-submenu > .dropdown-toggle::after {
  content: "";
  float: right;
  border: solid transparent;
  border-width: 5px 0 5px 5px;
  border-left-color: currentColor;
  margin-top: .25em;
  margin-left: .5em;
  transform: translateY(2px);
}