.switch .slider.round {
    height: auto;
}
.content-wrapper.fixed-margin {padding-top: 10px;padding-bottom: 1px;}
.slider {position: relative;width: 100%;/* max-width: 800px; */height: 640px; /* Fixed height to avoid jumping */overflow: hidden;border-radius: 10px;background-color: #000; /* Black background to handle image transitions */}
/* Slide container */
.slides { display: flex;  transition: transform 0.5s ease-in-out;height: 100%;}
.slide {min-width: 100%;height: 100%;box-sizing: border-box;}
.slide img { width: 100%; height: 640px; max-width: 100%; padding: 0 5%; object-fit: contain;}
.feature-section .container.inner-section {  padding: 0px;}
/* Navigation buttons */
.prev { left: 10px;}
.next { right: 10px;}
/* Common button for all slides */
.common-button { position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); padding: 11px 20px; background-color: #4880FF !important; color: #fff!important; border: none; border-radius: 10px; cursor: pointer; font-size: 18px; transition: background-color 0.3s ease; z-index: 10; font-weight: 600; }
.common-button:hover {background-color: #007bff;}
/* Adjust button-section to avoid overlapping */
.button-section {position: absolute;bottom: 0;z-index: 5; /* Lower z-index to keep it behind navigation buttons */height: 100%;width: 100%;pointer-events: none; /* Makes the button-section non-interactable */}
/* Ensure navigation buttons are clickable */
.slider-button {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgb(0, 137, 207, 0.7);color: #fff;border: none;border-radius: 5px;padding: 10px 15px;cursor: pointer;font-size: 18px;z-index: 10; /* Higher z-index to ensure they appear above other elements */pointer-events: auto; /* Enable pointer events for buttons */}
/* Specific styles for navigation buttons */
.prev {left: 10px;}
.next {right: 10px;}
.slider-button:hover {background-color: rgba(0, 137, 207); }
.content.dashboard {height: auto;margin: 0;min-height: 100vh;}
.slidersection { height: 86vh; display: flex; align-items: center; justify-content: center;}
.content-wrapper.fixed-margin { min-height: 100vh!important;}
.headintake-class h2 { font-size: 24px!important;font-weight: 500!important;margin-bottom: 10px!important;position: relative;line-height: 1.2;color: #212529; margin-top:-5px;}
.headintake-class h1 { margin-top: 13px!important;}
.height-img img {padding: 50px 5%;}

@media screen and (max-width: 1920px) { .slidersection { height: 76vh;}}
@media screen and (max-width: 1620px) {
.container {padding: 20px 0;}
.subscription1-class {margin-top: 1.2rem!important;}
.slider {height: 460px;}
.common-button {font-size: 16px;}
.slide img { height: 460px;}
.slidersection { margin-top: 30px!important;}
.content-wrapper.fixed-margin {padding: 20px 0px!important;}
.slider { width: 80%;}
.slidersection { height: 66vh; } 
.height-img img { padding: 15px 5%;}
 .headintake-class h1 { margin-top: 24px!important; }
.headintake-class h2 { font-size: 20px!important; }
}

@media screen and (max-width: 1366px) {
.slider { height: 450px; }
.slide img { height: 450px; }
.slidersection {margin-top: -15px!important;}
.slidersection { height: 80vh!important; }
.headintake-class h1 { margin-top: 0px!important;}
 section.content.dashboard.feature-section { min-height: 100%; } .subscribe-class h1.mt-4 { margin-top: 0px!important; }
    
}
@media screen and (max-width: 1199px) {
 .slider {  width: 90%;}
    
}