.center-drilldown-menu{
    position:relative;
}

.center-drilldown-menu .centers-menu-v2{
    position:absolute;
    top:100%;
    inset-inline-start:0;
    width:560px;
    display:flex;
    background:#fff;
    border-radius:18px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(14px);
    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s ease;
    z-index:9999;
    overflow:hidden;
}

.center-drilldown-menu:hover .centers-menu-v2{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

.centers-menu-v2{
    width:560px;
    display:flex;
    padding:0;
    overflow:hidden;
}

.centers-country-list{
    width:220px;
    background:#f8fafc;
    border-inline-end:1px solid #edf1f5;
    padding:10px 0;
}

.country-menu-btn{
    width:100%;
    border:none;
    background:none;
    text-align:start;
    padding:14px 18px;
    font-size:15px;
    font-weight:600;
    color:#173b78;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    transition:.22s;
}

.country-menu-btn:hover,
.country-menu-btn.active{
    background:#ffffff;
    color:#f58220;
}

.centers-hospital-panels{
    flex:1;
    background:#fff;
    position:relative;
    min-height:320px;
}

.hospital-panel{
    display:none;
    padding:18px 22px;
}

.hospital-panel.active{
    display:block;
}

.hospital-panel .hospital-panel-country{
    margin:0 0 12px;
    font-size:16px;
    color:#173b78;
    font-weight:800;
}

.hospital-panel a{
    display:block;
    padding:8px 0;
    color:#334155;
    text-decoration:none;
    font-size:14px;
    border-bottom:1px solid #f1f3f5;
    transition:.18s;
}

.hospital-panel a:hover{
    color:#f58220;
    padding-inline-start:4px;
}

@media (max-width:991px){

    .center-drilldown-menu{
        width:100%;
    }

    .center-drilldown-menu .centers-menu-v2{
        position:static;
        width:100%;
        max-width:100%;
        display:block;
        border-radius:14px;
        box-shadow:0 12px 28px rgba(0,0,0,.10);
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
        margin-top:10px;
    }

    .center-drilldown-menu:not(.mobile-open) .centers-menu-v2{
        display:none;
    }

    .centers-country-list{
        width:100%;
        display:flex;
        gap:10px;
        overflow-x:auto;
        overflow-y:hidden;
        white-space:nowrap;
        padding:14px 14px 10px;
        border-inline-end:none;
        border-bottom:1px solid #edf1f5;
        background:#f8fafc;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    .centers-country-list::-webkit-scrollbar{
        display:none;
    }

    .country-menu-btn{
        width:auto;
        min-width:max-content;
        flex:0 0 auto;
        padding:10px 14px;
        border-radius:999px;
        background:#eef3f8;
        font-size:14px;
        line-height:1.2;
        justify-content:center;
        gap:8px;
    }

    .country-menu-btn span{
        display:none;
    }

    .country-menu-btn.active{
        background:#173b78;
        color:#fff;
    }

    .centers-hospital-panels{
        min-height:auto;
    }

    .hospital-panel{
        padding:14px 14px 16px;
    }

    .hospital-panel .hospital-panel-country{
        font-size:15px;
        margin-bottom:10px;
    }

    .hospital-panel a{
        font-size:14px;
        padding:10px 0;
    }
}

@media (max-width:767px){

    .center-drilldown-menu .centers-menu-v2{
        border-radius:12px;
        margin-top:8px;
    }

    .centers-country-list{
        padding:12px 12px 8px;
        gap:8px;
    }

    .country-menu-btn{
        font-size:13px;
        padding:9px 12px;
    }

    .hospital-panel{
        padding:12px 12px 14px;
    }

    .hospital-panel .hospital-panel-country{
        font-size:14px;
    }

    .hospital-panel a{
        font-size:13px;
        line-height:1.45;
    }
}