/* Optional customizations for the dropdown menu */
.language-switcher .dropdown-menu {
    min-width: 150px;
    text-align: left;
}

/* Default color for dropdown items */
.language-switcher .dropdown-item {
    padding: 8px 15px;          /* Adjust padding as needed */
    color: #333;                /* Default text color */
    font-size: 14px;            /* Adjust font size if needed */
    transition: color 0.3s ease, background-color 0.3s ease; /* Smooth transition */
}

/* Hover effect: Change text color and background color */
.language-switcher .dropdown-item:hover {
    color: #fff;                /* White text when hovered */
    background-color: #007bff;  /* Blue background on hover */
}

/* Optional: Active state for the currently selected language */
.language-switcher .dropdown-item.active {
    color: #fff;                /* White text when active */
    background-color: #28a745;  /* Green background for active item */
}

/* Optional: Prevent underline on links */
.language-switcher .dropdown-item:focus, 
.language-switcher .dropdown-item:hover {
    text-decoration: none;
}
.social_icon{
    font-size: 25px;
}
.fa-plane:before, .fa-gears:before, .fa-cogs:before, .fa-globe:before{
    content:none !important;
}
.icon-sub {
    list-style: none; /* Remove default bullet */
    padding-left: 20px; /* Adjust spacing */
    background: url('your-icon-path.svg') no-repeat left center; /* Replace with your icon */
    background-size: 16px 16px; /* Adjust size as needed */
}

@supports (-webkit-touch-callout: none) {
    #logo img {
        width: 40% !important;
        height: auto !important;
    }
}

#logo img {
    width: 40% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    object-fit: contain; /* Ensures the image is not stretched */
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0); /* Forces proper rendering */
}

#logo img {
    width: 40%;
    height: auto;
    max-width: 100%;
    display: block;
}

/* For smaller screens (iPhones and smaller devices) */
@media only screen and (max-width: 430px) { 
    #logo img {
        width: 60%; /* Increase size on iPhones */
    }
}

/* For larger screens (Tablets and Desktops) */
@media only screen and (min-width: 768px) { 
    #logo img {
        width: 40%;
    }
}