/* Search form small size and positioning */
.search-form {
    position: absolute;
    top: 20px;  /* Adjust the top position */
    right: 20px;  /* Adjust the right position */
    width: 250px;  /* Default width */
    z-index: 1000; /* Keep it above other elements */
}

/* Smaller input and button */
.search-input {
    width: calc(100% - 70px); /* Adjust input width */
    height: 30px;  /* Compact height */
    font-size: 14px;
}

.search-btn {
    height: 30px;
    padding: 0 10px;
    font-size: 14px;
}

/* Make it responsive for small screens */
@media (max-width: 768px) {
    .search-form {
        top: 10px;  /* Adjust top position */
        right: 10px;  /* Adjust right position */
        width: 180px;  /* Smaller width for smaller screens */
    }

    .search-input {
        font-size: 12px;  /* Smaller input font for small screens */
        height: 25px;  /* Adjust height */
    }

    .search-btn {
        font-size: 12px;  /* Smaller button font */
        height: 25px;  /* Adjust height */
    }
}

@media (max-width: 576px) {
    .search-form {
        top: 5px;  /* More compact */
        right: 5px;  /* More compact */
        width: 160px;  /* Smaller width */
    }

    .search-input {
        font-size: 11px;  /* Even smaller font */
        height: 20px;
    }

    .search-btn {
        font-size: 11px;
        height: 20px;
    }
}
.carousel-container {
    max-width: 350px; /* Set your desired width */
    margin: 0 auto; /* Center the carousel */
}

.carousel-item img {
    max-height: 500px; /* Set your desired height */
    object-fit: cover; /* Ensure the image maintains its aspect ratio */
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-item:hover + .dropdown-menu, .dropdown-menu:hover {
    display: block;
}

.dropdown-item.dropdown-toggle::after {
    /* content: " ▸"; */
    float: right;
}