.switcher-currency {
    position: relative; /* Ensure dropdown aligns correctly */
    display: inline-block; /* Align with other elements */
}

.switcher-dropdown {
    display: none; /* Hide the dropdown by default */
    position: absolute; /* Position it relative to the switcher */
    background: #fff; /* Background color */
    border: 1px solid #ccc; /* Border style */
    z-index: 1000; /* Ensure it's on top */
    width: 150px; /* Adjust width as needed */
}

.switcher-dropdown-visible {
    display: block; 
    /* position: absolute; 
    background: #fff; 
    border: 1px solid #ccc;
    z-index: 1000; 
    width: 150px; 
    margin-top:30px;
     text-align: left; */

     position: absolute; /* Position it absolutely */
     
    top: 100%; /* Aligns below the #ct-test */
    right: 18px; /* Aligns it to the right */
    z-index: 1000; /* Ensures it appears above other elements */
    background-color: white; /* Background for visibility */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for depth */
    width: auto; /* Adjust width as needed */

   
}

.switcher-currency.open .switcher-dropdown {
    display: block; /* Show dropdown when parent is open */
}

.switcher-option {
    padding: 10px; /* Spacing for options */
    cursor: pointer; /* Change cursor to pointer */
    list-style: none;
}

.switcher-option a {
    text-decoration: none; /* Remove underline */
    color: #333; /* Text color */
    display: flex; /* Use flex for image and text */
    align-items: center; /* Align items vertically */
}

.switcher-option img {
    margin-right: 5px; /* Space between image and text */
}
#ct-test {
    display: flex;          /* Use flexbox for alignment */
    align-items: center;    /* Center items vertically */
    cursor: pointer; /* Change cursor to pointer */
    margin-top:8px;
}

#ct-test img {
    margin-right: 5px;     /* Add some space between the image and text */
}

#ct-test p {
    margin: 0;             /* Remove default margin from the paragraph */
}