.elementor-254 .elementor-element.elementor-element-f08b215{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-254 .elementor-element.elementor-element-f08b215:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-f08b215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#47555E00;}.elementor-254 .elementor-element.elementor-element-f08b215.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-254 .elementor-element.elementor-element-0bbd950{width:100%;max-width:100%;}.elementor-254 .elementor-element.elementor-element-0bbd950.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-254 .dialog-widget-content{background-color:#BF191900;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-254 .dialog-message{width:22vw;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-254{justify-content:flex-end;align-items:flex-start;}#elementor-popup-modal-254 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-254 .elementor-element.elementor-element-0bbd950{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}#elementor-popup-modal-254 .dialog-message{width:100vw;}}@media(min-width:768px){.elementor-254 .elementor-element.elementor-element-f08b215{--width:56%;}}@media(max-width:1024px) and (min-width:768px){.elementor-254 .elementor-element.elementor-element-f08b215{--width:33%;}}@media(min-width:2400px){.elementor-254 .elementor-element.elementor-element-f08b215{--width:794.285px;}.elementor-254 .elementor-element.elementor-element-0bbd950{width:var( --container-widget-width, 454.278px );max-width:454.278px;--container-widget-width:454.278px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-0bbd950 *//* =====================================================
ROOT
===================================================== */

html{
    font-size:16px;
}

/* =====================================================
BODY
===================================================== */

body{
    margin:0;
    padding:2rem;

    background:#10181D;

    font-family:Arial,sans-serif;
}

/* =====================================================
COUNTRY LIST
===================================================== */

.country-list{

    width:25vw;

    min-width:25vw;

    max-width:25vw;

    background:#172126;

    border:
    1px solid rgba(255,255,255,.05);

    overflow:hidden;

    box-shadow:
    0 .5rem 2rem rgba(0,0,0,.28);
}

/* =====================================================
HEADER
===================================================== */

.country-header{

    padding:
    1.4rem 1.5rem;

    border-bottom:
    1px solid rgba(255,255,255,.05);
}

/* =====================================================
HEADER SMALL
===================================================== */

.country-header-small{

    color:
    rgba(245,247,250,.45);

    font-size:.78rem;

    margin-bottom:.45rem;

    letter-spacing:.04rem;
}

/* =====================================================
HEADER TITLE
===================================================== */

.country-header-title{

    color:#F5F7FA;

    font-size:1.8rem;

    font-weight:300;

    line-height:1.2;
}

/* =====================================================
ITEM
===================================================== */

.country-item{

    display:flex;
    align-items:center;

    gap:1rem;

    padding:
    1.15rem 1.5rem;

    border-bottom:
    1px solid rgba(255,255,255,.05);

    transition:
    background .22s ease;

    text-decoration:none;

    background:#172126;
}

/* =====================================================
LAST ITEM
===================================================== */

.country-item:last-child{
    border-bottom:none;
}

/* =====================================================
HOVER
===================================================== */

.country-item:hover{

    background:#0F161A;
}

/* =====================================================
FLAG WRAP
===================================================== */

.country-flag-wrap{

    width:2.175rem;
    height:2.175rem;

    min-width:2.175rem;
    min-height:2.175rem;

    border-radius:50%;

    overflow:hidden;

    position:relative;

    background:#0F161A;

    border:
    1px solid rgba(255,255,255,.08);
}

/* =====================================================
FLAG
===================================================== */

.country-flag{

    position:absolute;

    top:50%;
    left:50%;

    width:165%;
    height:165%;

    object-fit:cover;

    transform:
    translate(-50%,-50%);
}

/* =====================================================
CONTENT
===================================================== */

.country-content{

    display:flex;
    align-items:center;

    gap:.7rem;

    flex-wrap:wrap;

    min-width:0;
}

/* =====================================================
COUNTRY NAME
===================================================== */

.country-name{

    color:#F5F7FA;

    font-size:1rem;

    font-weight:600;

    line-height:1.2;

    text-decoration:none;
}

/* =====================================================
SUBTEXT
===================================================== */

.country-subtext{

    color:
    rgba(245,247,250,.45);

    font-size:.82rem;

    letter-spacing:.03rem;
}

/* =====================================================
RESPONSIVE
===================================================== */

@media(max-width:1024px){

    html{
        font-size:15px;
    }

}

@media(max-width:768px){

    html{
        font-size:14px;
    }

}

@media(max-width:480px){

    html{
        font-size:13px;
    }

}/* End custom CSS */