.w_select_country {
    position: relative;
    --header-padding: 20px 10px;
    --select-border: #E6E6E6;
    --select-border-radius: 10px 10px 0 0;
    --select-height: 68px;

    &.closed{
        --select-border-radius: 10px;
        .w_select_country_content{display: none}
    }

    .w_select_country_header{
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        border: 2px solid var(--select-border);
        border-radius: var(--select-border-radius);
        padding: 19px 10px;
        background: #FFFFFF;

        .select_country_header_left_part{
            display: flex;
            align-items: center;
            gap: 10px;
            width: calc(100% - 36px);

            .container_inf_about_country{
                display: none;
                align-items: center;
                gap: 0;
                &:has(img[src]){
                    display: flex;
                }
                img{
                    height: 12px;
                    width: 24px;
                    object-fit: contain;
                }
                div{
                    color: #27242499;
                    font-size: 14px;
                }
            }
            input{
                flex-grow: 1;
            }
        }
        .w_select_country_icon{
            height: 26px;
        }
    }
    .w_select_country_content{
        position: absolute;
        top: var(--select-height);
        width: 100%;
        background: #FFFFFF;
        border: 1px solid var(--select-border);
        border-top: none;
        border-radius: 0 0 10px 10px;
        box-sizing: border-box;
        max-height: 200px;
        overflow: auto;

        &::-webkit-scrollbar {
          width: 10px;

        }
        &::-webkit-scrollbar-thumb {
          background-color: #FF613A;
          border-radius: 20px;
          border: 3px solid white;
        }
    }
    .cw_w_select_widget_for_select{
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        cursor: pointer;

        .cw_country_inf_part{
            display: flex;
            align-items: center;
            gap: 0;
            img{
                height: 12px;
                width: 24px;
                object-fit: contain;
            }
            div{
                color: #272424;
                font-size: 14px;
            }
        }
        .cw_name_country{
            font-size: 16px;
            color: #000000;
        }
    }
}