.container-top {
    background: linear-gradient(233.19deg, #F58439 30%, #FDC635 70%);
    padding: 5px 10px;
    display: flex;
    justify-content: space-between; /* Space between left and right blocks */
    align-items: center; /* Vertically align items */
}

.topleft-block {
    display: flex;
    align-items: center; /* Align items vertically */
    justify-content: flex-start; /* Align items to the left */
}

.topleft-block img {
    max-width: 150px; /* Adjust logo size */
    height: auto;
}

.topright-block {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Align items to the right */
    gap: 20px; /* Space between icons and text resizing */
}

.social-icon {
    font-size: 12px; /* Adjust icon size */
    color: #333; /* Default icon color */
    text-decoration: none;
    transition: color 0.3s ease;
}

.social-icon:hover {
    color: #007bff; /* Change color on hover */
}

.text-resize {
    display: flex;
    align-items: center;
    gap: 5px;
}

.text-resize button {
    font-size: 9px;
    padding: 2px 5px;
    border: none;
    background: #f0f0f0;
    color: #161616;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 4px;
}

.text-resize button:hover {
    background: #007bff;
    color: #fff;
}
.banner {
    width: 100%;
    height: auto; /* Ensures the height adjusts automatically */
    background-color: #f8f9fa; /* Optional: Add a background color */
    padding: 10px 0; /* Optional: Add padding to create some spacing */
}

.container-banner img {
    max-width: 100%;
    height: auto; /* Maintain aspect ratio */
    display: block;
    margin: 0 auto; /* Center horizontally */
}

.visually-hidden-focusable {
    position: absolute;
    top: -40px;
    left: 0;
    background: #f8f9fa;
    color: #000;
    padding: 10px;
    text-decoration: none;
    border-radius: 4px;
    z-index: 100;
    transition: top 0.3s;
}

.visually-hidden-focusable:focus {
    top: 10px;
}
/* Ensure submenus align properly */
.dropdown-submenu {
    position: relative;
}

/* Ensure dropdowns open properly */
.dropdown-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -1px;
}

/* Show submenu when hovering over the arrow */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/* Ensure correct positioning for submenus */
.dropdown-submenu {
    position: relative;
}

/* Style the arrow */
.submenu-arrow {
    transition: transform 0.3s ease-in-out;
}

/* Rotate arrow when hovering */
.dropdown-submenu:hover .submenu-arrow {
    transform: rotate(90deg);
}