/* Navbar Styling (unchanged) */
.navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  
  .nav-link{
    font-size: 1rem;
    font-weight: bold;
  }
  
  .navbar-logo {
    width: 180px;
    height: 50px;
  }

  .wattsapp-float {
    z-index: 9999;
    position: fixed;
    bottom: 40px;
    right: 5px;
  }
  
  .phone-float {
    z-index: 9999;
    position: fixed;
    bottom: 110px;
    right: 5px;
  }
  
/* General Styling */
.results-container {
  padding: 20px;
  background-color: #ffffff;
}

.section-title {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}

/* Button Styling */
.btn {
  padding: 10px 20px;
  font-size: 1.2rem;
  margin: 5px;
  border-radius: 25px;
}

/* 10th buttn  */
.btn-10th{
  border-radius: 20px;
  color: #01182e;
  border-color: #001a33;
}

.btn-10th:hover{
  background-color: #001a33;
  color: #fff;
}


/* Text Section */
.card-body {
  background-color: #001f3f; /* Navy blue background */
  color: white;
  text-align: center;
  padding: 15px;
  margin-top: -15px;
  border: 1px solid navy;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  z-index: 3;
}

/* Card hover effect */
.card:hover {
  transform: scale(1.03);
  transition: all 0.3s ease-in-out;
}

/* Image Styling */
 .card-img-top {
  max-width: 100%;
  height: 290px; 
  object-fit: cover;
  border-radius: 0;
} 

/* Responsive Grid */
@media (min-width: 992px) {
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6667%;
  }
  .top-card .card-img {
    height: 230px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333%;
  }
}

@media (max-width: 767.98px) {
  /* Adjusting image size for smaller screens */
  .card-img-top {
    height: 180px; /* Reduced height for mobile view */
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
    height: auto; /* Let the height adjust naturally */
  }

  .top-scorers .col-10 {
    width: 100%;
    height: 100%;
  }
  /* .top-card .card-img{
    height:300px;
  } */
}

/* For extra small screens (optional) */
@media (max-width: 575.98px) {
.card-img-top {
    height: 200px; /* Further reduce height for very small screens */
  }
/* .top-card .card-img{
    height:500px;
  } */
}


/* 6th part- footer */
.footer {
  background-color: #02194b; /* Navy blue background */
  color: #f8f9fa; /* Light text */
}

.footerimg{
  max-width:100%;
  height:auto;
}

.footer h4, .footer h5 {
  font-weight: bold;
  color:rgb(255, 217, 0);
}

.footer p {
  font-size: 1.2rem;
  color: rgba(245, 245, 245, 0.646);
}

.footer ul {
  list-style-type: none;
  padding: 0;
}

.footer ul li a {
  color: #f8f9fa;
  transition: color 0.3s ease;
}

.footer ul li a:hover {
  color: #ffcc00; /* Gold color for hover effect */
}

.footer .bi {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}

.footer .bi:hover {
  transform: scale(1.2);
  color: #ffcc00; /* Gold for social media icon hover */
}


@media (max-width: 768px) {
  .footer {
    text-align: center;
  }

  .footer .d-flex {
    justify-content: center;
    gap: 1rem;
  }

  .footer form {
    margin-top: 20px;
  }
}