/* Style the dropdown button */
        .dropbtn {
            background-color: black;
            color: white;
            padding: 16px;
            font-size: 16px;
            border: none;
            cursor: pointer;
            
        }

        /* Dropdown container */
        /* .dropdown {
            position: relative;
            display: inline-block;
        } */

        /* Dropdown content (hidden by default) */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
        }

        /* Links inside the dropdown */
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

        /* Show the dropdown content on hover */
        .dropdown:hover .dropdown-content {
            display: block;
        }

        /* Change the background color of the dropdown button on hover */
        .dropdown:hover .dropbtn {
            background-color: black;
        }


        /*  */
        /*  */
        /*  */
        i.flag-in:before,
        i.flag-india:before {
            background-position: -36px -702px !important;
        }

        i.flag::before {
            display: inline-block;
            width: 16px;
            height: 11px;
            content: "";
            background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px;
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }
/*  */

i.flag-au:before, i.flag-australia:before {
    background-position: 0 -312px !important;
}
i.flag::before {
    display: inline-block;
    width: 16px;
    height: 11px;
    content: "";
    background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px;
}
*, *::before, *::after {
    box-sizing: border-box;
}
/*  */
i.flag-us:before, i.flag-america:before, i.flag-united-states:before {
    background-position: -72px -1950px !important;
}
i.flag::before {
    display: inline-block;
    width: 16px;
    height: 11px;
    content: "";
    background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px;
}
*, *::before, *::after {
    box-sizing: border-box;
}
/*  */
i.flag-ae:before, i.flag-united-arab-emirates:before, i.flag-uae:before {
    background-position: 0 -26px !important;
}

i.flag::before {
    display: inline-block;
    width: 16px;
    height: 11px;
    content: "";
    background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px;
}
*, *::before, *::after {
    box-sizing: border-box;
}
/*  */
i.flag-gb:before, i.flag-uk:before, i.flag-united-kingdom:before {
    background-position: -36px -26px !important;
}
i.flag::before {
    display: inline-block;
    width: 16px;
    height: 11px;
    content: "";
    background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px;
}
*, *::before, *::after {
    box-sizing: border-box;
}