.text-justify
{
    text-align: justify;
}

.nav-pills .nav-link {
  background: #021E40;          /* Deep navy background */
  color: #fff;                  /* White text */
  margin-bottom: 8px;
  border-radius: 8px;
  text-align: left;
  font-weight: 500;
  transition: 0.3s;
}

.nav-pills .nav-link:hover {
  background: #EC5251;          /* Coral hover */
  color: #fff;
}

.nav-pills .nav-link.active {
  background: #EC5251;          /* Coral active */
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Right side content */
.tab-content {
  background: #f9f9f9;          /* Soft background */
  padding: 25px;
  border-radius: 10px;
  border-left: 5px solid #EC5251;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.tab-content h3 {
  color: #021E40;
  font-weight: 600;
  margin-bottom: 15px;
}

.tab-content p {
  color: #444;
  line-height: 1.7;
  text-align: justify;
}

  
  .gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  }
  .gallery-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.4s ease-in-out;
    border-radius: 10px;
  }
  .gallery-item:hover img {
    transform: scale(1.08);
  }
  .gallery-item:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,0.3);
  }
  .tab-pane ul li
  {
    color:#444;
  }
  
  
/* Default (desktop) */
.header-logo img {
   width: 500px;
   height: 100px;
   max-width: 100%;   /* prevent overflow */
   height: auto;      /* keep aspect ratio */
}

/* Tablet view */
@media (max-width: 768px) {
    .header-logo img {
        width: 300px;   /* smaller for tablets */
    }
    .header-right
    {
          width: 200px
    }
}

/* Extra small devices (phones) */
@media (max-width: 480px) {
    .header-logo img {
        width: 200px;   /* even smaller for small phones */
    }
    .header-right
    {
          width: 200px
    }
}

.btn-small {
    display: inline-block;
    padding: 6px 10px;
    font-size: 0.762rem;
    font-weight: 500;
    color: #fff;
    background-color: #EC5251; /* Dark blue */
    border: none;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.3s;
}
.btn-small:hover {
    background-color: #053158ff; /* Slightly lighter on hover */
     color: #fff;
}