#homepage_features_carousel {
    border-radius: 15px;
    width: 100%;
    height: 80%;
    /*border:0.5px solid grey;*/
    overflow: hidden; /* Ensure content does not overflow outside the rounded corners */
}

.desktop-image {
    width: 100%;
    height: 80%;
    object-fit: cover;
    border-radius: 15px;
    border: 0.5px solid rgba(54,70,70,0.5);
}

.mobile-image {
    width: 100%;
    margin-left: 0%;
    height: 80%;
    object-fit:cover;
    border-radius: 5px;
    border: 0.5px solid rgba(54,70,70,0.5);
}

/* Hide mobile image by default */
.mobile-image {
    display: none;
}

/* Hide desktop image on smaller screens and show mobile image */
@media only screen and (max-width: 1000px) {
    .desktop-image {
        display: none;
    }
    .mobile-image {
        display: block;
    }
}

  /* Custom styles for smaller next and prev buttons */
  .carousel-control-prev {
    width: auto;
    height: 80%;
    padding: 10px 20px;
    background-color: rgba(54,70,70,0.1);
    border-top-left-radius: 15px;
    border-bottom-left-radius: 20px;
  }
  
  .carousel-control-next {
    width: auto;
    height: 80%;
    padding: 10px 20px;
    background-color: rgba(54,70,70,0.1);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 20px;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-size: 100%, 100%;
    filter: invert(0); /* Makes the arrows white */
  }

  .eq_10px_break {
    height: 10px;
  }

  .floating-btn {
    position: fixed;
    bottom: -60px; /* Initially hidden below the screen */
    right: 20px;
    z-index: 9999;
    transition: bottom 0.6s ease; /* Smooth transition */
    background-color: rgba(189,147,109,1.0);
    color: White !important;
    border-radius:10px;
    border-color: rgba(54,70,70,1.0);
    border-width:0.5px;
  }

  .show-btn {
    bottom: 20px; /* Moves the button to visible position */
}