 /* Footer overlap fix */
 #onera-unique-footer {
     clear: both;
     /* নিশ্চিত করবে আগের ফ্লোটিং এলিমেন্ট এখানে প্রভাব ফেলবে না */
     z-index: 10;
 }

 /* Navigation fix - Navbar নষ্ট হওয়া প্রতিরোধ করতে */


 /* Slider dots style */
 .owl-dots {
     margin-top: 20px;
 }

 .owl-dot span {
     background: #0091ae !important;
 }

 /* Slider for circular vector image - images stay in same position, only fades/swaps */
 .vector-slider-container {
     position: absolute;
     top: 62px;
     right: -2px;
     width: 100%;
     height: 90%;
     z-index: 1;
     pointer-events: none;
 }

 .vector-slider {
     position: relative;
     width: 100%;
     height: 100%;
     pointer-events: auto;
 }

 .vector-slide {
     position: absolute;
     top: 100;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     transition: opacity 0.8s ease-in-out;
     visibility: hidden;
 }

 .vector-slide.active {
     opacity: 1;
     visibility: visible;
     z-index: 2;
 }

 .vector-slide img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     object-position: right center;
 }

 /* Hide original banner vector figure */
 .original-vector-figure {
     display: none;
 }

 /* Dots only - no arrows */


 /* Ensure banner content remains above */
 .banner-con {
     position: relative;
     z-index: 2;
 }

 .home_banner_outer {
     position: relative;
     overflow: hidden;
 }

 /* Keep original structure intact */
 .banner-img-vector {
     display: none;
 }

 /* Nested dropdown styles       sub drop down for servies  */ 
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-toggle::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 15px;
    top: 45%;
}

.dropdown-submenu .submenu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -5px;
    display: none;
}

.dropdown-submenu:hover > .submenu {
    display: block;
}

.dropdown-submenu:hover > .dropdown-toggle {
    background-color: #f8f9fa;
}

/* Responsive for mobile */
@media (max-width: 991px) {
    .dropdown-submenu .submenu {
        position: static;
        left: 0;
        margin-left: 20px;
        width: calc(100% - 20px);
    }
    .dropdown-submenu .dropdown-toggle::after {
        transform: rotate(0deg);
    }
}