.popup_overlay:has(.popup_main_ctn[data-s="slender"]) {
    --pop-w: 405px;
}

.popup_main_ctn[data-s="slender"] {
    --closebtn_size: 35px;
    --closbtn_pos: -23px;
    --border_radius: 17px;
    --pop-w: 405px;
    width: var(--pop-w);
    height: 600px;
    border-width: 8px;
    border-style: solid;
    border-radius: var(--border_radius);
    position: relative;
}

.popup_overlay[data-scpos="topright"] {
    padding-top: calc(var(--pop-w) * 0.3);
}

.popup_overlay[data-scpos="topright"],
.popup_overlay[data-scpos="middleright"],
.popup_overlay[data-scpos="bottomright"] {
    padding-right: calc(var(--pop-w) * 0.3);
}

.popup_main_ctn[data-s="slender"]>.close_popup {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: var(--closebtn_size);
    height: var(--closebtn_size);
    position: absolute;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    top: var(--closbtn_pos);
    left: var(--closbtn_pos);
}

.popup_main_ctn[data-s="slender"]>.inner_popup {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
}


.popup_main_ctn[data-s="slender"]>.inner_popup>div {
    flex: 1;
    background-position: center;
    background-repeat: no-repeat;
}

/* Popup Content Elements*/
.popup_main_ctn[data-s="slender"]>.inner_popup>div.content_ctn {
    display: flex;
    justify-content: center;
    overflow-y: auto;
    padding: var(--border_radius);
    border-radius: var(--border_radius);
}

.popup_main_ctn[data-s="slender"]>.inner_popup>div.content_ctn:has(>.btn_ctn) {
    flex-direction: column;
}


.popup_main_ctn[data-s="slender"]>.inner_popup>div.content_ctn[data-btnpos="fixed"]>div:not(.btn_ctn),
.popup_main_ctn[data-s="slender"]>.inner_popup>div.content_ctn[data-btnpos="default"]>.btn_ctn {
    flex-grow: 1;
}

.popup_main_ctn[data-s="slender"]>.inner_popup>div.content_ctn[data-btnpos="fixed"]>div:not(.btn_ctn) {
    overflow-y: auto;
}

.popup_main_ctn[data-s="slender"]>.inner_popup>div.content_ctn>.contact_container_form {
    width: 100%;
}

.popup_main_ctn[data-s="slender"]>.inner_popup>div.img_ctn {
    border-radius: var(--border_radius);
    z-index: 2;
}

.popup_main_ctn[data-s="slender"]>.inner_popup>div.content_ctn>div:not(.btn_ctn) {
    width: 95%;
    height: fit-content;
}

.popup_main_ctn[data-s="slender"]>.inner_popup>div.content_ctn>.btn_ctn>button.link_btn.theme_button {
    width: 95%;
    padding: 7px;
    border-radius: var(--border_radius);
}

/* Popup Images Position*/

.popup_main_ctn[data-s="slender"]>div>div.img_ctn {
    position: absolute;
    width: calc(var(--pop-w) * 0.5);
    height: calc(var(--pop-w) * 0.5);
    aspect-ratio: 1 / 1;
    top: 0%;
    /*border: 1px solid white;*/
    transform: translate(-50%, -50%);
    left: 100%;
}

.popup_main_ctn[data-s="slender"][data-imgpos="center"]>.inner_popup>div {
    background-position: center;
}

.popup_main_ctn[data-s="slender"][data-imgpos="stretch"]>.inner_popup>div {
    background-size: 100% 100%;
}


.popup_main_ctn[data-s="slender"][data-imgpos="cover"]>.inner_popup>div {
    background-size: cover;
}

.popup_main_ctn[data-s="slender"][data-imgpos="contain"]>.inner_popup>div {
    background-size: contain;
}