@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
 
 
 
 body {
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      background-color: #f8fbfd;
      color: #333;
      line-height: 1.6;
    }

    h1, h2, h3, h4 {
          font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
      color: #245d87;
    }
    
    
    h2{
            font-weight: 700;
    }
    
    h2 span{
        font-size:20px;
        color:#555;
    }
    
p.lead{
    font-weight:400;
}

    a {
      color: #1c6cab;
    }
    a:hover {
      color: #13456c;
      text-decoration: none;
    }

    .navbar {
      background-color: #eaf4fb;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .navbar-brand {
      font-weight: bold;
      color: #245d87;
                font-family: "Raleway", sans-serif;

    }

    .nav-link {
      color: #245d87 !important;
    }

    .nav-link:hover {
      color: #13456c !important;
    }

    .banner {
      background: url('../images/homebanner.jpg') no-repeat center center;
      background-size: cover;
      min-height: 100vh;
      padding: 100px 0;
      color: white;
      position: relative;
      display: flex;
      align-items: center;
    }

    .banner::before {
      content: '';
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(36, 93, 135, 0.6);
      z-index: 0;
    }

    .banner .container {
      position: relative;
      z-index: 1;
    }

    .banner h1 {
      font-size: 2.8rem;
      font-weight: bold;
      color: #fff;
    }

    .banner p {
      font-size: 1.2rem;
      color: #eaf4fb;
    }


    .card {
      border: none;
      border-radius: 1rem;
      box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }

    .card-img-top {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
      height: 220px;
      object-fit: cover;
    }

    .section {
      padding: 60px 0;
    }

    footer {
      background-color: #222;
      color:#fff!important;
      padding: 20px 0;
      font-size: 0.9rem;
      color: #666;
    }
     footer h5{
         padding-bottom:10px;
         margin-bottom:20px;
         border-bottom:1px solid #fff;
         border-width:75%;
     }
       footer h5,   footer a{
           color:#fff!important;
           
       }

    /* Fade-up animation */
    .fade-up {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.8s ease-in-out;
    }

    .fade-up.visible {
      opacity: 1;
      transform: translateY(0);
    }
    
    
    .text-primary {
    color: #dfe3e7 !important;
}


.btn-primary {
  background-color: #245d87;
  border-color: #245d87;
  color: #fff;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #dfe3e7; /* soft grey */
  border-color: #dfe3e7;
  color: #245d87;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 93, 135, 0.25);
}



.btn-teal {
  background-color: teal;
  border-color: teal;
  color: #fff;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-teal:hover,
.btn-teal:focus,
.btn-teal:active {
  background-color: #dfe3e7; /* soft grey */
  border-color: #dfe3e7;
  color: #245d87;
}

.btn-teal:focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 93, 135, 0.25);
}


.bg-blue{
    background:#eaf4fb;
}




.card-body.card-blue{
      background:#245d87;
      color:#fff;
          border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}


.card-body h4{
      color:#245d87!important;
}



.card-body.card-blue h4{
      color:#fff!important;
}

.img-rounded{
  border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.bg-purple{
    background:#988097;
}


.bg-teal{
    background:#accfd1;
}

.bg-dark-blue{
    background:#245d87;
}

.blue-box{
    padding:1rem;
        background:#245d87;
        border-radius:1rem;
}

.text-light-blue{
    color:#eaf4fb!important;
}

.white-box{
    border:1px solid #245d87;l.
    padding:1rem;
        background:#fff;
        border-radius:0.5rem;
}
.list-group-item {
    padding-left:0;
    font-size:18px;
    color:#245d87;
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
   background: none!important;
   background-color:transparent!important;
    border:0;
    border-bottom:1px solid #ccc;
}


/* Treatment card footer button */
.card-footer.book-btn {
  background: none;
  border: none;
  border-radius: 0 0 1rem 1rem;
  overflow: hidden;
}

.btn-book {
  background-color: #245d87;
  color: #fff;
  padding: 0.9rem 1rem;
  font-weight: 600;
  border: none;
  border-radius:1rem;
  transition: background-color 0.3s ease;
}

.btn-book-white{
      background-color: #fff;
  color: #245d87;
    
}

.btn-book:hover,
.btn-book:focus {
  background-color: #1b4564;
  color: #fff;
  text-decoration: none;
}


input[type=text], input[type=email], input[type=tel] {
    padding: 25px 15px;
    border: 1px solid #e8e8e8;
}