body{
    font-family: "Mukta", sans-serif;
}
html
{
    font-size: 62.5%;
}

.cbtn{
    padding: 1rem 2.4rem;
    border-radius: 9px;
    background-color: #A6CF35;
    color: #000000;
}

.nav-link {
    font-size: 1.5rem; 
}

.textsize10
{
    font-size: 1.0rem
}
.textsize12
{
    font-size: 1.2rem
}
.textsize14
{
    font-size: 1.4rem
}

.textsize16
{
    font-size: 1.6rem
}


.textsize18
{
    font-size: 1.8rem
}


.textsize20
{
    font-size: 2.0rem
}

.textsize22
{
    font-size: 2.2rem
}

.textsize40
{
    font-size: 4.0rem
}

@media (max-width: 768px) {
    .custom-text {
      font-size: 1.6rem;
    }
  }

  @media (max-width: 576px) {
    .custom-text {
      font-size: 1.4rem;
    }
    
}

@media (max-width: 375px) {
    .custom-text {
      font-size: 1.2rem;
    }
    
}

.custom-success {
    background-color: #A6CF35 !important; 
    color: white !important;
}

.carauselimg {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }
.custom-gradient {
    background: linear-gradient(to right, #a8ff78, #78ffd6); /* Example gradient */
}
.bii{
    color:gold;
    font-size: 1rem;
}

.carousel-control-prev,
.carousel-control-next {
  width: 3rem;
  height: 3rem;
  background-color: none;
  border-radius: 50%;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 0.8;
}

.carousel-control-prev-icon,
.carousel-control-next-icon
{
  width: 1.5rem;
  height: 1.5rem;
  
}

.form-select-custom {
  background-color: #f8f9fa; /* Light background */
  border: 1px solid grey; /* Blue border */
  padding: 10px;
  font-size: 1.4rem;
  border-radius: 8px;
}

.form-select-custom:focus {
  border-color: grey; /* Darker blue border on focus */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Focus shadow */
}

.form-label-custom {
  font-weight: bold;
  color: grey; /* Blue label */
}

/* Scroll to top */
#scrollToTopBtn {
  display: none; /* Hidden by default */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #17C760;
  color: white;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 5px;
}

/* Button hover effect */
#scrollToTopBtn:hover {
  background-color: #555;
}