.milaLogo{
    width: 25%;
}

.hero h1{ font-size: 3rem;}
.hero .subtitle{ font-size: 1.1rem;}

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

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.dropdown-menu li a.dropdown-item {
    padding: 0.5rem !important;
}

.about-image {
    width: 100%;
    height: 500px;
    background: url('https://static.wixstatic.com/media/e253fd_f19ccbc4f15a4f79a97bbf4657f39d77~mv2.png/v1/fill/w_1240,h_1196,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Mila%20Chat%20Bot%20Services.png') center / cover;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-2xl);
    transform: rotate(-2deg);
    transition: transform 0.4s ease;
}

.about-content{align-items: normal;}

.about-image1{
    background: url(/images/image20.jpeg) center / cover;
}

.about-image2 { background: url(/images/image24.jpeg) center / cover; }

.section-title{padding-bottom: 5px;}
img.heroLogo {
    width: 22%;
    margin-top: -37px;
}

.footer-right p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin: 0;
}

.text-danger { color: #ffeb00 !important; }
.dropdown, .dropend, .dropstart, .dropup { margin-top: 1px; }

/* HERO RESPONSIVE FIX */

.hero { height: auto !important; min-height: 100svh; display: flex; align-items: flex-start; justify-content: center; overflow-x: hidden; overflow-y: visible; padding: 125px 16px 70px; box-sizing: border-box; }

.hero-content { width: min(100%, 900px); margin: 0 auto; padding-inline: 16px; box-sizing: border-box; }

/* Restore and control the hero title */
.hero h1 { display: block; visibility: visible; opacity: 1; transform: none; animation: none; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.1; margin: 0 auto 18px; color: #ffffff; max-width: 850px; }

/* Control subtitle spacing */
.hero .subtitle { font-size: clamp(1rem, 3.8vw, 1.1rem); line-height: 1.55; margin: 0 auto 28px; max-width: 720px; }

/* Main Goldman / RIF logos */
.hero-main-logos { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin: 18px auto 24px; }

    .hero-main-logos img.heroLogo { width: clamp(115px, 34vw, 180px); max-height: 70px; height: auto; object-fit: contain; margin-top: 0 !important; }

/* Funding logos */
.hero-funding-logos { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 18px; margin: 20px auto; }

    .hero-funding-logos img { display: block; width: clamp(170px, 58vw, 300px); max-width: 100%; height: auto; object-fit: contain; }

/* Funding paragraph */
.hero-content > p:last-of-type { max-width: 850px; margin: 18px auto 0; font-size: clamp(0.85rem, 3vw, 1rem); line-height: 1.5; }

#the_project { padding-top: 2.5rem; }

@media (max-width: 576px) {
    .hero { min-height: auto; padding: 105px 10px 55px; align-items: flex-start; }

    .hero-content { padding-inline: 8px; }

    .hero h1 { font-size: clamp(1.85rem, 8.5vw, 2.35rem); line-height: 1.12; margin-bottom: 14px; }

    .hero .subtitle { font-size: 1rem; line-height: 1.55; margin-bottom: 22px; }

    .hero-main-logos { gap: 10px; margin: 14px auto 20px; }

        .hero-main-logos img.heroLogo { width: min(35vw, 135px); max-height: 55px; margin-top: 0 !important; }

    .hero-funding-logos { flex-direction: column; gap: 16px; margin: 18px auto; }

        .hero-funding-logos img { width: min(78vw, 270px); }

    .scroll-indicator { display: none; }

    #the_project { padding-top: 2rem; }
}