@font-face {
    font-family: 'ibcountry';
    src: url("../../IBCountry_Assets/css/fonts/ibcountry.eot?av0j6a");
    src: url("../../IBCountry_Assets/css/fonts/ibcountry.eot?av0j6a#iefix") format("embedded-opentype"), url("../../IBCountry_Assets/css/fonts/ibcountry.ttf?av0j6a") format("truetype"), url("../../IBCountry_Assets/css/fonts/ibcountry.woff?av0j6a") format("woff"), url("../../IBCountry_Assets/css/fonts/ibcountry.svg?av0j6a#ibicon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@media screen and (max-width: 767px) {
    .navbar-toggler .icon-ib-menu {
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -ms-border-radius: 2px;
        -moz-border-radius: 2px;
        display: block;
        margin: 0px auto;
        position: relative;
        transition: 200ms ease-in 0s;
        -webkit-transition: 200ms ease-in 0s;
        -moz-transition: 200ms ease-in 0s;
        -ms-transition: 200ms ease-in 0s;
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        color: #183883;
    }

    .country-outer .selected-country-flag .country-arrow:before {
        color: var(--white);
        transform: translate(0, -50%) rotate(-90deg);
    }

    .icon-ib-menu:before {
        content: "";
    }

    [class^=icon-],
    [class*=" icon-"] {
        font-family: "ibcountry" !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
        box-shadow: none;
        position: static;
        /* max-height: 67vh; */
        /* overflow: auto; */
        border-radius: 0 0 28px 28px;
    }

    .tvs-header .navbar .navbar-nav {
        padding-top: 20px;
    }

    .tvs-header.headTop .navbar .nav-item {
        margin-left: 0;
        margin-right: 0;
        animation: slidein .5s ease-out;
        -moz-animation: slidein .5s ease-out;
        -webkit-animation: slidein .5s ease-out;
        -ms-animation: slidein .5s ease-out;
        -o-animation: slidein .5s ease-out;
        animation-fill-mode: both;
    }

    .tvs-header.headTop .navbar .navbar-nav .nav-item .nav-link {
        padding: 23px 32px !important;
        font-size: 18px !important;
        border-top: 0px solid #eae9e9;
        line-height: 16px !important;
    }

    .tvs-header.headTop .navbar .nav-item + .nav-item {
        margin: 0 !important;
    }

    .tvs-header .navbar .ib-nav {
        margin: 0 40px 10px 30px;
        padding: 15px 0 30px !important;
        font-size: 18px !important;
        line-height: 22px !important;
        font-weight: 500;
        color: #000 !important;
        background: transparent;
        box-shadow: none;
        height: auto !important;
    }

        .tvs-header .navbar .ib-nav .ib-nav-link {
            color: #000 !important;
            font-size: 18px !important;
            line-height: 40px !important;
            height: 40px;
        }

    .tvs-header .navbar .nav-item.dropdown .dropdown-menu {
        padding: 0 49px 0 39px;
        margin-top: -3px;
        border-radius: 0;
        background: #e1e1e1;
        box-shadow: inset 0px -4px 14.9px 1.1px rgba(0, 0, 0, .15);
        filter: none;
    }

    .tvs-header .navbar .navbar-nav .dropdown-item {
        padding: 29px 0;
        font-size: 16px;
        color: #18407e;
        border-bottom: 1px solid #acacac;
        letter-spacing: .16px;
        height: 50px;
    }

    .tvs-header .navbar .navbar-nav .nav-link.active,
    .tvs-header .navbar .navbar-nav .nav-link:hover,
    .tvs-header .navbar .navbar-nav .nav-link[aria-expanded=true] {
        color: #18407e;
        font-weight: 600;
    }

    .tvs-header .navbar .navbar-nav .nav-item.dropdown.show .dropdown-toggle:after {
        transform: rotate(180deg);
    }

    .navbar-toggler:not(.collapsed) .icon-ib-menu:before {
        font-size: 22px;
    }

    .navbar-toggler:not(.collapsed) .icon-ib-menu:before {
        content: "";
    }

    .tvs-header.headTop .navbar {
        border-radius: 30px;
        padding-top: 12px !important;
    }

    .country-outer .country-home-flag + .selected-country-flag {
        background-color: #18407e !important;
        border-radius: 0 0 26px 26px !important;
        -webkit-border-radius: 0 0 26px 26px !important;
        -ms-border-radius: 0 0 26px 26px !important;
        -moz-border-radius: 0 0 26px 26px !important;
        border: 0;
        bottom: -10px;
        box-shadow: none !important;
        height: 70px !important;
        margin: 10px 0 -20px 0;
        padding: 10px 20px 10px 25px !important;
        width: calc(100% + 2px) !important;
        z-index: 10;
        margin-left: -0.5px !important;
        margin-right: -0.5px;
        max-width: initial;
    }

    .country-outer .selected-country-flag .country-home {
        color: #fff;
        width: 100%;
    }

        .country-outer .selected-country-flag .country-home .normal-text {
            color: #fff;
        }

    .country-outer .selected-country-flag .flag {
        height: auto !important;
    }

    .overlay {
        display: none;
        background: #181818;
        opacity: .8;
        bottom: 0;
        left: 0rem;
        position: fixed;
        right: 0rem;
        top: 0rem;
        z-index: 9;
        height: 100vh;
        margin: 0 auto;
    }

    .tvs-header .navbar .ib-nav .ib-nav-link:hover::before,
    .tvs-header .navbar .navbar-nav .nav-link:hover::before {
        display: none;
    }

    .navbar-toggler {
        padding: 10px 12px;
    }

    .navbar-toggler {
        padding: 0px 10px 0 0px;
    }

    .tvs-header.headTop .navbar-brand {
        padding: 0 4px;
        line-height: 19px;
    }

        .tvs-header.headTop .navbar-brand img {
            max-width: 101px !important;
        }
}

@media screen and (max-width: 991.98px) {
    .mycountry.active {
        display: block;
        left: 10px;
        margin: 0 auto;
        position: fixed;
        right: 10px;
        top: 10px;
        width: calc(100% - 20px);
        z-index: 1000;
    }

    .mycountry .back-button {
        padding: 15px 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        color: var(--primary-blue);
    }

        .mycountry .back-button i {
            font-size: 18px;
            line-height: 22px;
            font-weight: 400;
            color: var(--primary-blue);
            padding-right: 15px;
            display: flex;
            align-items: center;
            height: 25px;
            width: 30px;
        }

    .icon-leftarrow:before {
        content: "";
    }

    .country-close .country-close-icon {
        display: none;
    }

    .mycountry .country-flag {
        width: 33%;
    }

    .mycountry .country-flag-outer {
        max-height: 80vh !important;
    }
}

@media screen and (max-width: 575.98px) {
    .mycountry .country-flag {
        width: 50%;
    }
}