.custom-dropdown {
    display: inline-block;
    position: relative;
    width: 200px;
    font-family: Arial, sans-serif;
  }
  .custom-dropdown__input-container {
    display: flex;
    align-items: center;
    border: 1px solid grey;
    border-radius: 5px;
    padding: 4px 5px;
    background-color: #fff; /* Ensure background color matches the list */
    overflow: hidden;
  }
  .custom-dropdown__flag {
    margin-right: 8px; /* Adjust margin as needed */
  }
  .custom-dropdown__input {
    flex-grow: 1;
    border: none;
    outline: none;
    cursor: pointer;
    padding-left: 0; /* Remove padding to align with the flag */
  }
  .custom-dropdown__list-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
    border: 1px solid #ccc;
    background: #fff;
    max-height: 200px;
    overflow-y: auto;
    border-radius: 5px;
  }
  .custom-dropdown__list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .custom-dropdown__list li {
    padding: 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .custom-dropdown__list li:hover {
    background-color: #f0f0f0;
  }
  .custom-dropdown__list img {
    margin-right: 8px;
  }
  .custom-dropdown__list-container.show {
    display: block;
  }

   /* Styling for google translation element */
   .goog-te-banner-frame {
    display: none;
}

#goog-gt-tt {
    display: none !important;
    visibility: hidden !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    position: static !important;
    top: 0px !important;
}

iframe.goog-te-banner-frame {
    visibility: hidden !important;
}

/* iframe.skiptranslate { visibility: hidden !important;} */
body>.skiptranslate {
    display: none;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

.goog-te-gadget-icon {
    display: none;
}


.goog-te-gadget-simple {
    background-color: #ecebf0 !important;
    border: 0 !important;
    font-size: 10pt;
    font-weight: 800;
    display: inline-block;
    padding: 10px 10px !important;
    cursor: pointer;
    zoom: 1;
}

.goog-te-gadget-simple span {
    color: #3e3065 !important;

}

@media (max-width: 667px) {
    #google_translate_element {
        bottom: calc(100% - 50% - 53px);
        left: 16px !important;
        width: 100% !important;
    }

    /* Adjust width for the translate gadget */
    .goog-te-gadget {
        width: 100% !important;
    }

    /* Adjust width for the skiptranslate button */
    .skiptranslate {
        width: 100% !important;
    }

    /* Adjust width for the translate gadget simple layout */
    .goog-te-gadget-simple iframe {
        width: calc(100% - 32px) !important;
    }

    /* Center-align the content for the translate gadget simple layout */
    .goog-te-gadget-simple {
        text-align: center;
    }
}

/* Styling for google translation element */