/*
Custom CSS for TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

*/


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    }
  
.jugad {
  overflow: visible;
  background-color: #666666;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  }
  
.td{

 
    border: 1px dotted rgb(0, 0, 0);
 
}

.slider-image {
    width: 100%;
    /* height: auto; */
    height: 100%;
    display: block; /* Prevents extra space below the image */
}

.slider-container {
    width: 100%;
    /* Avoid fixed height if possible */
    /* If you must use a fixed height, consider: */
    /* height: 500px; */
    height: 500px;
    overflow: hidden; /* Hides any part of the image that goes beyond the container */
}

@media only screen and (max-width: 768px) {
    /* Style rules for screens smaller than 768px */

    /* Make the slider height appropriate for mobile */
    .slider-container {
        height: 400px; /* Example height for mobile */
    }

    /* Ensure images are responsive on small screens */
    .slider-image {
        object-fit: cover; /* Crops the image to fit the container without distortion */
        object-position: center; /* Centers the image within its container */
    }
}