header {
      background-color: #cee6ff;
      font-family: Arial, sans-serif;
      
    }
    html, body {
  height: 100%;
  margin: 0;
}

#footer {
  margin-top: auto;
}
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Zona principală (cu imaginea de fundal) se extinde între header și footer */
.both {
  flex: 1;
  background-image: url("medical3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
 
#footer {
  margin-top: auto;
}


    .navbar {
      display:flex; /*ca sa apara una langa alta pe acelasi rand(asta face flex)*/
      align-items: center;
      justify-content: space-between;
      padding: 10px 20px;
    }

    .navbar-brand img {
      height: 90px; /* inaltimea logo ului */
    }

    .nav-links {
      list-style: none; /* sa nu mai apara punct inainte de scris*/
      display: flex;
      gap: 15px;
    }

    .nav-links li a {
      color: #0031ae;
      text-decoration: none; /*ca sa nu mai arate ca un link( cu ______ sub nume)*/
      font-weight: bold;
      padding: 8px 12px;
    }

    .nav-links li a:hover {
      background: #93cbff; /* hover inseamna ca atunci cand pui mouse apare asa un fundal in spate*/
      border-radius: 4px;
    }

    /* Buton meniu pentru mobil */
    .menu-toggle {
      display: none;
      font-size: 26px;
      cursor: pointer;
    }


#footer {
  background: #01173a;
  margin-bottom: 0px;      /* fundal închis */
  color: #ccc;           /* text gri deschis */
  text-align: center;
  padding: 15px;   
  width: 100%;
}

/* Setează un font modern și lizibil (folosește 'Open Sans' ca exemplu) */
body {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #333333; /* Textul nu e negru pur, ci un gri închis, mai odihnitor */
}

/* Îmbunătățirea lizibilității pentru paragrafe (text lung) */
p {
    font-size: 17px; /* Mărimea fontului mărită puțin pentru confort */
    line-height: 1.6; /* Spațiere între rânduri optimă pentru citit */
    margin-bottom: 20px; /* Spațiu consistent după fiecare paragraf */
    text-align: justify; /* Opțional: Aliniere pe ambele margini pentru un aspect formal */
}

/* Asigură o ierarhie vizuală clară a titlurilor */
h2 {
  color:white;
    padding-bottom: 10px;
    border-bottom: 2px solid #3498db; /* O linie subtilă sub titluri */
    margin-bottom: 30px;
}
h1{
  color:white;
  text-align: center;
}
h3{
  color:white;
}


/* Centrează lista de parteneri și elimină stilul vechi */
.partners ul {
    list-style: none;
    padding: 0;
    margin: 0 auto; /* Centrează containerul */
    text-align: center; /* Centrează elementele din container */
}

.partners img {
    /* Anulează stilul inline greșit și centrează */
    margin-left: 0!important; /* Suprascrie margin-left: 475px; din HTML */
    margin-right: auto !important; /* Ajută la centrare */
    display: block;
    max-width: 100%; /* Asigură că imaginea nu depășește lățimea ecranului */
    height: auto;
    opacity: 0.85; /* O mică transparență pentru un aspect mai discret */
    transition: opacity 0.3s ease;
}

.partners img:hover {
    opacity: 1; /* O transparență zero la hover */
}



#footer {
    padding: 40px 0; /* Mărește spațiul de sus și de jos */
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Adaugă o linie separatoare subtilă */
}

/* Asigură culorile de contrast pe fundalul închis (midnight-blue) */
#footer.midnight-blue {
    background-color: #2c3e50; /* O nuanță de albastru închis/gri */
    color: #ecf0f1; /* Text deschis */
}

/* Stil pentru link-uri și hover */
#footer a {
    color: #3498db; /* O culoare de link mai vizibilă */
    text-decoration: none;
    transition: color 0.3s ease;
}

#footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Corecție pentru vizibilitate și aliniere pe mobil */
@media (max-width: 767px) {
    #footer .col-sm-6 {
        text-align: center; /* Centrează textul pe ecranele mici */
        margin-bottom: 10px; /* Spațiu între cele două coloane */
    }
    #footer .pull-right {
        float: none !important; /* Dezactivează pull-right (alăturarea la dreapta) */
        text-align: center;
    }
}

/* Definește mișcarea: începe de deasupra (translateY(-20px)) și devine vizibil (opacity: 1) */
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



#main-content .container,
#feature .container,
#portfolio .container,
#blog .container {
    /* Asigură că elementul este ascuns inițial */
    opacity: 0;
    /* Aplică animația: nume, durată, funcție de viteză, și starea finală */
    animation-name: fadeInDown;
    animation-duration: 1s; /* Durează 1 secundă */
    animation-timing-function: ease-out;
    animation-fill-mode: forwards; /* Mentine starea finală (vizibil) */
    animation-delay: 0.2s; /* Începe cu o mică întârziere după încărcarea paginii */
}