/* ------------------------משתנים ופונטים - Fonts & Variables------------------------------ */
:root {
    /*-----ThemeV1----*/
    --primary-color: #022249;
    --primary-color-by-skitza: #022249;
    /*--secondry-color: #EE7C49;*/
    /*--opacity20-secondry-color: rgb(240, 124, 65, 0.20);*/
    /*מוגדר בסיאס מאסטר*/
    --background-color: #F2F2F2;
    --disable-color: #757575;
    --border-color: #757575;
    --links-color: #022249;
    --text-color: #141414;
    --divider-color: #CCCCCC;
    --error-color: #CE212F;
    /*-----ThemeV2----*/
    /*--secondry-color: #58C684;*/
    /*-----ThemeV3----*/
    /*--secondry-color: #19C3E6;*/
    /* חדשים */
    --black-color-alpha: rgb(0, 0, 0, 0.3);
    --black-color: black;
    --black-font: #131313;
    --spacial-black: #303030;
    /* --- */
    --grey: #f2f2f2;
    --white: #ffffff;
    --s-font-size: 14px;
    --m-font-size: 16px;
    --l-font-size: 18px;
    --xl-font-size: 20px;
    --t-s-font-size: 28px;
    --t-m-font-size: 32px;
    /* חדשים */
    --swiper-navigation-size: 12px;
    --swiper-navigation-color: black;
    --swiper-navigation-sides-offset: 5px;
    /* Hero Sizes */
    --hero-height-size: 320px;
    --hero-height-top-size: 120px;
    --hero-height-bottom-size: 200px;
    /* --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
    --font-regular: "SimplerPro_HLAR-Regular";
    --font-light: "SimplerPro_HLAR-Light";
    --font-bold: "SimplerPro_HLAR-Bold";
}

@font-face {
    font-family: "SimplerPro_HLAR-Bold";
    src: url("../Fonts/SimplerProHLAR/SimplerPro_HLAR-Bold.woff") format("woff"), url(../Fonts/SimplerProHLAR/SimplerPro_HLAR-Bold.otf);
    font-weight: bold;
}

@font-face {
    font-family: "SimplerPro_HLAR-Regular";
    src: url("../Fonts/SimplerProHLAR/SimplerPro_HLAR-Regular.woff") format("woff"), url(../Fonts/SimplerProHLAR/SimplerPro_HLAR-Regular.otf);
    font-weight: normal;
}

@font-face {
    font-family: "SimplerPro_HLAR-Light";
    src: url("../Fonts/SimplerProHLAR/SimplerPro_HLAR-Light.woff") format("woff"), url(../Fonts/SimplerProHLAR/SimplerPro_HLAR-Light.otf);
    font-weight: lighter;
}

/*Colors Classes - מחלקות צבעים*/
.web-primary-color {
    color: var(--primary-color);
}

.web-secondry-color {
    color: var(--secondry-color);
}

.web-background-color {
    color: var(--background-color);
}

.web-disable-color {
    color: var(--disable-color);
}

    .web-disable-color:hover {
        color: var(--disable-color);
    }

.web-border-color {
    color: var(--border-color);
}

.web-links-color {
    color: var(--links-color);
}

.web-text-color {
    color: var(--text-color);
}

.web-divider-color {
    color: var(--divider-color);
}

.web-error-color {
    color: var(--error-color);
}
/* ----------------------- איפוסים - Reboot / Resets--------------------------- */
html,
body {
    /* margin: 0;
      padding: 0; */
    color: #000;
    font-family: "SimplerPro_HLAR-Regular";
    font-size: 18px;
    /* line-height: 26px;
      font-size: 18px;
      min-height: 100%;
      direction: rtl; */
}


/* שינוי גודל במובייל */
@media (max-width: 575px) {
    body {
        font-size: 16px;
    }
}
input[readonly] {
    color: #212529;
    background-color: #f8f9fa; /* או #fff */
    opacity: 1;
    cursor: not-allowed; /* להשאיר חוויה של “לא ניתן לערוך” */
}
a {
    text-decoration: none !important;
    /*color: var(--links-color) !important;*/
    color: var(--links-color);
}

    a:hover {
        color: #007AFF; /*var(--secondry-color);*/
        color: #007AFF; /*var(--secondry-color);*/
    }

.btn-color-links {
    color: var(--black-color);
}

    .btn-color-links:hover {
        color: var(--black-color);
    }

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #e9ecef;
}
/*בשימוש נפוץ (המלצה להסיר בהמשך)ז*/
.form-control {
    border: none !important;
    border-radius: 20px !important;
    background-color: transparent;
}

    .form-control:focus {
        border-radius: 20px;
    }

.page-link {
    color: var(--black-color);
}

    .page-link:hover {
        color: var(--black-color);
    }

.dropdown-item.active, .dropdown-item:active {
    color: initial;
    text-decoration: none;
    background-color: initial;
}


/* ---------------- קלאסים בשימוש נפוץ- Utilities----------------------------- */
/*.no-results {
    font-weight: 700;
}*/
/* חדש */
.justify-self_center {
    justify-self: center;
}

.rotate-180 {
    transition: transform 0.5s ease;
    transform: rotate(180deg);
}

.no-break {
    word-wrap: normal; /* מונע שבירת מילים */
    overflow-wrap: normal; /* מונע שבירת מילים */
    /*white-space: nowrap;*/ /* מונע שבירת שורות */
}

/*.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
}*/

.bold {
    font-family: "SimplerPro_HLAR-Bold";
}

.light {
    font-family: "SimplerPro_HLAR-Light";
}

.extraBold {
    font-family: "SimplerPro_HLAR-Bold";
}

.fs-c1 {
    font-size: 14px;
}

.fs-c2 {
    font-size: 16px;
}

.fs-c3 {
    font-size: 18px;
}

.fs-c4 {
    font-size: 20px;
}

.fs-c5 {
    font-size: 24px;
}

.fs-c3-constant {
    font-size: 18px;
}

.fs-2227 {
    font-size: 22px;
}

.fs-c2-constant {
    font-size: 16px;
}

.fs-16 {
    font-size: 16px;
}

.fs-1618 {
    font-size: 16px;
}

.fs-1620 {
    font-size: 16px;
}

.fs-1822 {
    font-size: 18px;
}

.lh-1921 {
    line-height: 19px;
}

.lh-22 {
    line-height: 22px !important;
}

.lh-2224 {
    line-height: 22px;
}

.lh-2125 {
    line-height: 21px;
}

.lh-26 {
    line-height: 26px;
}

.fs-18 {
    font-size: 18px;
}

.fs-1820 {
    font-size: 18px;
}

.fs-2236 {
    font-size: 22px;
}

.lh-2427 {
    line-height: 24px;
}

.fs-2228 {
    font-size: 22px;
}
.fs-2427 {
    font-size: 24px;
}
.fs-2430 {
    font-size: 24px;
}

.fs-3238 {
    font-size: 32px;
}

@media (min-width: 576px) {
    .lh-1921 {
        line-height: 21px;
    }

    .lh-2125 {
        line-height: 25px;
    }

    .lh-2224 {
        line-height: 22px;
    }

    .lh-2427 {
        line-height: 27px;
    }

    .lh-27 {
        line-height: 27px;
    }

    .fs-c1 {
        font-size: 16px;
    }

    .fs-c2 {
        font-size: 18px;
    }

    .fs-c3 {
        font-size: 20px;
    }

    .fs-1618 {
        font-size: 18px;
    }

    .fs-1620 {
        font-size: 20px;
    }

    .fs-1820 {
        font-size: 20px;
    }

    .fs-1822 {
        font-size: 22px;
    }

    .fs-2228 {
        font-size: 28px;
    }

    .fs-2227 {
        font-size: 27px;
    }
    .fs-2427 {
        font-size: 27px;
    }
    .fs-2430 {
        font-size: 30px;
    }

    .fs-2236 {
        font-size: 36px;
    }

    .fs-3238 {
        font-size: 38px;
    }

    .fs-c4 {
        font-size: 22px;
    }
}

.fs-12 {
    font-size: 12px;
}

.fs-18 {
    font-size: 18px !important;
}

@media (min-width: 992px) {
    .fs-md-16 {
        font-size: 16px !important;
    }
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 900;
}

.fw-900 {
    font-weight: 900;
}


.bg-color {
    background-color: var(--background-color) !important;
}

.bg-color-primary {
    background-color: var(--primary-color-by-skitza);
}


.links-color {
    color: var(--links-color) !important;
}

.links-color-hover:hover {
    color: var(--links-color) !important;
}

.links-color-hover {
    color: var(--links-color) !important;
}

.whith-space_nowrap {
    white-space: nowrap;
}

.link-underline-spacing {
    text-decoration: none;
    position: relative;
}

    .link-underline-spacing::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -3px; /* המרחק בין הטקסט לקו */
        width: 100%;
        height: 1px; /* עובי הקו */
        background-color: currentColor; /* שימוש בצבע הטקסט הנוכחי */
        border: 0;
    }

.fah-link-underline-spacing:hover {
    text-decoration: none;
    position: relative;
}

    .fah-link-underline-spacing:hover:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -3px;
        width: 100%;
        height: 1px;
        background-color: currentColor;
        border: 0;
    }

.fah-link-underline-spacing:focus {
    text-decoration: none;
    position: relative;
}

    .fah-link-underline-spacing:focus:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -3px;
        width: 100%;
        height: 1px;
        background-color: currentColor;
        border: 0;
    }

.hover-link-underline:hover {
    text-decoration: underline !important;
    color: var(--links-color);
    font-family: var(--font-bold);
}

.rounded-end-left {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important;
}

.rounded-end-right {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important;
}

.no-rounded {
    border-radius: 0px !important;
}

.justify-self_end {
    justify-self: end;
}

/* הרחבת הגדרות עבור הגריד של בוטסטראפ */
@media (min-width: 992px) {
    .col-lg-half {
        flex: 0 0 auto;
        max-width: 50%;
    }

    .col-lg-quarter {
        flex: 0 0 auto;
        max-width: 12.5%;
    }

    .col-lg-third {
        flex: 0 0 auto;
        max-width: 37.5%;
    }

    .col-lg-two_by_ten {
        flex: 0 0 auto;
        max-width: 22.2222%;
    }

    .col-lg-one_by_ten {
        flex: 0 0 auto;
        max-width: 11.1111%;
    }

    .width-lg-25 {
        width: 25%
    }

    .width-lg-30 {
        width: 30%
    }

    .width-lg-35 {
        width: 35%
    }

    .width-lg-40 {
        width: 40%
    }
}

/*--------------קלאסים בשימוש (הגדרות פנינה)ץ----------------*/

input[type="radio"]:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}


.grey_bg-shadow {
    padding: 20px;
    background: #f3f3f3;
    max-width: 1280px;
}

.expand-btn {
    background: none;
    float: left;
    border: none;
    color: black;
    cursor: pointer;
    outline: none;
    background: url('../images/dropdown arrow d mobile.png') no-repeat center center;
    background-size: contain;
    width: 6px; /* גודל הכפתור לפי גודל האייקון */
    height: 6px; /* גובה הכפתור לפי גודל האייקון */
    cursor: pointer;
    transition: transform 0.3s ease; /* Add transition for smooth rotation */
}

    .expand-btn.rotate {
        transform: rotate(180deg);
    }

.rounded-dropdown {
    border-radius: 31px;
    border: 1px solid #F3F3F3;
    place-content: var(--disable-color);
    padding: 10px 15px;
    width: 100%;
    height: 48px;
    max-width: 430px;
    background-color: var(--white);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.41);
}


@media (min-width: 768px) {
    .rounded-dropdown {
        height: 62px;
    }
}

.bg_color-grid {
    background-color: var(--secondry-color);
    padding: 6px 8px 6px 8px;
    margin: 3px 0px 10px auto;
    width: auto;
}

.grey_bg {
    padding: 16px;
    background: var(--grey);
}

@media (min-width: 768px) {
    .grey_bg {
        padding: 32px 80px;
    }
}

.grey_grid {
    padding: 40px 20px 40px 20px;
    width: 100%;
    background: var(--grey);
    margin: 20px 0px 20px 0px;
}

.event_title__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding: 6px 24px 6px 24px;
    background: #F2F2F2;
    text-decoration: none;
    color: black;
    margin-bottom: 16px;
    height: 72px;
    flex-direction: column;
}

    .event_title__wrap:before {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        display: block;
        height: 100%;
        width: 7px;
        background: var(--secondry-color);
    }

.PageContent {
    max-width: 2000px;
}


.input-box__txt {
    /*min-width: 240px;*/
    outline: none;
    border-color: transparent;
    box-sizing: border-box;
    border: none;
    height: 42px;
    padding: 10px;
    max-width: 100%;
    background-color: #fff;
}

    .input-box__txt:focus {
        outline: 2px solid var(--secondry-color); /* צבע כחול כמו כפתור */
        outline-offset: 2px;
        border-radius: 4px;
        transition: outline 0.2s ease;
    }


    .input-box__txt select {
        width: 100%;
        border: 1px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 2px solid var(--secondry-color);
    }

.input-box__label {
    display: inline-block;
    /*margin-bottom: 7px;*/
}

.gray-divider {
    height: 1px;
    background-color: var(--divider-color);
    margin-top: 15px;
    margin-bottom: 15px;
    opacity: 1;
}

.users-page .table > :not(caption) > * > * {
    padding: 1rem 1rem;
}

.news_link {
    color: #072148;
    text-decoration: none;
}

.btn-rounded_color {
    border-radius: 30px;
    padding: 12px 45px 12px 45px;
    height: 42px;
    background-color: var(--secondry-color);
    text-align: center;
    border: none;
}

@media (min-width: 768px) {
    .btn-rounded_color {
        height: 58px;
        min-width: 131px;
        padding: 10px 20px 10px 20px;
    }
}

.full_Height_Image {
    object-fit: cover;
    height: 100%;
    width: 100%;
    padding: 0px;
    max-height: 276px;
}

.link_color {
    color: #072148;
}

.link_color_nu {
    color: #072148;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
}




.listPages {
    color: #000;
    padding: 0.2rem 0;
    display: block;
    text-decoration: none;
    margin-right: 8%;
    margin-bottom: 20px;
}



.listPages__title {
    font-weight: bold;
    text-decoration: none;
    display: inline;
}

.listPages__title-events_page {
    /*font-weight: bold;*/
    text-decoration: none;
    display: inline;
}

.listPages__YearTitle {
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .listPages__YearTitle::after {
        content: '';
        flex-grow: 1;
        border-bottom: 1px solid black;
        margin-right: 20px; /* מרווח ימני של הקו */
    }

.listPages__content {
    /*padding-right: 35px;*/
    /*    color: var(--disable-color);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;*/
    display: block;
}

.listPages__date-container {
    display: inline-flex;
    justify-content: center;
}

.listPages__date-point {
    display: inline-block;
    margin-left: 20px;
    min-width: 10px;
    height: 10px;
    background-color: var(--secondry-color);
    border-radius: 50%;
    margin-top: 7px;
}

.listPages__date {
    display: inline;
    /*font-weight: bold;*/
    text-decoration: none;
}

.font-weight-bold {
    font-weight: bold !important;
}

.accordion-collapse {
    transition: all 0.5s ease;
}
/*-----------------------Icons settings - הגדרות של אייקונים באפליקציה*/
.ima-icon-color {
    /*fill: var(--secondry-color);*/
}

.association-svg-color {
    fill: var(--association-color);
    /*F07C41*/
}

    .association-svg-color .association-color {
        fill: var(--association-color);
    }

.association-svg-secondry-color {
    fill: var(--association-color);
    /*F07C41*/
}

.quick-actions-icon {
    height: 30px;
    width: 30px;
}

.pay-attention-icon {
    height: 24px;
    width: 24px;
}

.association_icon_svg {
    height: 40px;
    width: 40px;
}

.association_icon_svg_AN {
    width: 70px;
    height: 32px;
}

.association_icon_svg_small_AN {
    width: 35px;
    height: 17px;
}

.association_icon_svg_small {
    width: 36px;
    height: 36px;
}

.search-dk-icon {
    overflow: visible;
}

    .search-dk-icon:hover {
        fill: var(--opacity-secondry-color);
    }

.officials-page .avatar-profile-male, .officials-page .avatar-profile-female {
    width: 84px;
    height: 84px;
}

.special_union-icon-card {
}

@media (min-width: 768px) {
    .quick-actions-icon {
        height: 36px;
        width: 36px;
    }

    .special_union-icon-card {
    }
}

@media (min-width: 992px) {
    .association_icon_svg {
        height: 83px;
        width: 83px;
    }

    .association_icon_svg_AN {
        width: 143px;
        height: 74px;
    }

    .association_icon_svg_small_AN {
        width: 70px;
        height: 32px;
    }

    .association_icon_svg_small {
        width: 36px;
        height: 36px;
    }

    .officials-page .avatar-profile-male, .officials-page .avatar-profile-female {
        width: 98px;
        height: 98px;
    }
}
/* ------------------Reusable Components - רכיבים בשימוש חוזר---------------- */
/*להסתרת הטקסט מקישורים של איאספי אבל לצורך נגישות*/
.visually-hidden-text {
    color: transparent !important;
    text-shadow: none !important;
    background-color: transparent;
    border: none;
}


.hover-click-zoom_in {
    transition: transform 0.3s ease; /* קובע את משך השינוי */
}

    .hover-click-zoom_in:hover {
        transform: scale(0.9); /* ביצוע ההקטנה בעת הריחוף */
    }

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.multi-line-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* מספר השורות המקסימלי */
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line-ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* מספר השורות המקסימלי */
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line-ellipsis3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* מספר השורות המקסימלי */
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line-ellipsis23 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* מספר השורות המקסימלי */
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line-ellipsis24 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* מספר השורות המקסימלי */
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line-ellipsis12 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* מספר השורות המקסימלי */
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line-ellipsis-63 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; /* מספר השורות המקסימלי */
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line-ellipsis-4 {
    -webkit-line-clamp: 4; /* מספר השורות המקסימלי */
}

@media (max-width: 576px) {
    .multi-line-ellipsis3-mobile {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; /* מספר השורות המקסימלי */
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 768px) {
    .multi-line-ellipsis {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important; /* מספר השורות המקסימלי */
    }

    .multi-line-ellipsis-63 {
        -webkit-line-clamp: 3; /* מספר השורות המקסימלי */
    }

    .multi-line-ellipsis12 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* מספר השורות המקסימלי */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .multi-line-ellipsis-2-dk {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* מספר השורות המקסימלי */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .multi-line-ellipsis23 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; /* מספר השורות המקסימלי */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .multi-line-ellipsis24 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.hover-opacity {
    transition: opacity 0.3s ease;
}

    .hover-opacity:hover {
        opacity: 0.5;
    }
/*כפתור דילוג לתוכן מרכזי*/
#skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    z-index: 1000;
    text-decoration: none;
}

    #skip-link:focus {
        top: 0;
    }

/* כפתור רדיו מותאם אישית */
/*.form-radio_cs input[type="radio"] {
    display: none;
}

    .form-radio_cs input[type="radio"] + label::before {
        content: "";
        display: inline-block;
        height: 20px;
        min-width: 20px;
        max-width: 20px;
        border: 1px solid var(--primary-color-by-skitza);
        border-radius: 50%;
        margin-left: 9px;
        vertical-align: middle;
        padding: 2.5px;
        background-clip: content-box;
    }

    .form-radio_cs input[type="radio"]:checked + label::before {
        background-color: var(--primary-color-by-skitza);
        border-color: var(--primary-color-by-skitza);
    }

    .form-radio_cs input[type="radio"]:disabled + label {
        background-color: var(--disable-color);
        border-color: var(--disable-color);
        pointer-events: none;
        opacity: 0.5;
    }*/
/* הסתרה נגישה – נשאר focusable */
.form-radio_cs input[type="radio"] {
    position: absolute; /* מחוץ לזרימה הוויזואלית */
    opacity: 0; /* בלתי‑נראה לעין */
    width: 1px;
    height: 1px;
    margin: 0;
}

    /* העיגול המעוצב */
    .form-radio_cs input[type="radio"] + label::before {
        content: "";
        display: inline-block;
        height: 20px;
        width: 20px;
        border: 1px solid var(--primary-color-by-skitza);
        border-radius: 50%;
        margin-left: 9px;
        vertical-align: middle;
        padding: 2.5px;
        background-clip: content-box;
    }

    /* במצב Checked */
    .form-radio_cs input[type="radio"]:checked + label::before {
        background-color: var(--primary-color-by-skitza);
        border-color: var(--primary-color-by-skitza);
    }

    /* במצב Disabled */
    .form-radio_cs input[type="radio"]:disabled + label {
        opacity: 0.5;
        pointer-events: none;
    }

    /* 🟦 אינדיקציה ברורה ל‑Focus (WCAG 2.4.7) */
    .form-radio_cs input[type="radio"]:focus + label::before {
        outline: 2px solid #005fcc;
        outline-offset: 2px;
    }

.disabled {
    opacity: 0.5;
    pointer-events: none;
    color: var(--disable-color);
}
/* .form-radio_cs input[type="radio"]:disabled + label::before {
        background-color: var(--disable-color);
        border-color: var(--disable-color);
        background-clip: unset;
        opacity: 0.5;
    }

    .form-radio_cs input[type="radio"]:disabled + label {
        color: var(--disable-color);
    }

    .form-radio_cs input[type="radio"] + .aspNetDisabled::before {
        background-color: var(--disable-color);
        border-color: var(--disable-color);
        background-clip: unset;
        opacity: 0.5;
        pointer-events: none;
    }

    .form-radio_cs input[type="radio"] + .aspNetDisabled {
        color: var(--disable-color);
        pointer-events: none;
    }
*/
.form-radio_cs tbody {
    display: grid;
}

    .form-radio_cs tbody tr {
        width: 100%;
        display: flex;
        gap: 3rem;
        flex-wrap: wrap;
        align-self: baseline;
    }

    .form-radio_cs tbody td {
        display: inline-flex;
    }

        .form-radio_cs tbody td label {
            display: flex;
            /* align-self: flex-end; */
            /* vertical-align: bottom; */
            /* flex-wrap: wrap; */
            align-items: flex-end;
            /* text-align: end; */
            line-height: 100%;
        }

/* CheckBox Component - צ'ק בוקס מותאם אישית */
.form-check_cs input[type="checkbox"] {
    display: none;
}

    .form-check_cs input[type="checkbox"] + label {
        cursor: pointer;
    }

.form-check_cs label {
    display: inline-flex;
}

.form-check_cs input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    top: 0;
    right: 0;
    height: 21px;
    min-width: 21px;
    max-width: 21px;
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 2px;
    background-clip: content-box;
    vertical-align: middle;
    padding: 2px;
    margin-left: 12px;
}

.form-check_cs input[type="checkbox"]:checked + label::before {
    background-color: var(--secondry-color);
    /* border-color: #007bff; */
}

.form-check_cs input[type="checkbox"]:disabled + label::before {
    background-color: var(--disable-color);
    border-color: var(--disable-color);
    background-clip: unset;
    opacity: 0.5;
}

.form-check_cs input[type="checkbox"]:disabled + label::before {
    color: var(--disable-color);
}

.form-row-cols-lg-4 tbody {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    --bs-gutter-y: 1rem;
}

    .form-row-cols-lg-4 tbody tr {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
        --bs-gutter-y: 1rem;
    }

@media (min-width: 992px) {
    .form-row-cols-lg-4 tbody tr {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media (min-width: 576px) {
    .form-check_cs input[type="checkbox"] + label::before {
        height: 26px;
        min-width: 26px;
        max-width: 26px;
    }
}

/* כפתורים מותאמים אישית */
.clear-btn {
    background-color: transparent;
    border: 1px solid transparent;
}
/* הגדרות בסיסיות לכפתור */
.button-basic {
    display: inline-block;
    border: 1px solid transparent;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    /*font-size: inherit;*/
    align-content: center;
}

    .button-basic:hover {
        filter: brightness(95%);
    }

    .button-basic:disabled {
        background-color: var(--disable-color) !important;
        cursor: unset !important;
        filter: unset;
    }
/* כפתור גירסה אחת (בר עם רדיוס) */
.button_v1 {
    min-width: 125px;
    min-height: 38px;
    background-color: transparent;
    line-height: 1.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 50rem !important;
    box-shadow: 0 0 5px rgba(117, 117, 117, 0.2);
}

    .button_v1:disabled {
        color: var(--white) !important;
    }

@media (min-width: 992px) {
    .button_v1 {
        min-width: 175px;
        min-height: 49px;
    }
}
/* כפתור גרסה 2 (בר עם רדיוס בצבעים שונים) */
.button_v2 {
    min-width: 125px;
    min-height: 38px;
    border: 1px solid var(--spacial-black);
    background-color: transparent;
    line-height: 1.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 50rem !important;
}

    .button_v2:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .button_v2:disabled {
        color: var(--white) !important;
    }

@media (min-width: 992px) {
    .button_v2 {
        min-width: 175px;
        min-height: 49px;
    }
}
/* כפתור גרסה 3(מרובע) */
.button-container_v3 {
    display: flex;
    align-items: center;
}

.button_v3 {
    width: 49px;
    height: 49px;
    /* padding: 0.6rem; */
    font-size: 30px;
    background-color: var(--primary-color-by-skitza);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-label_v3 {
    color: var(--primary-color-by-skitza);
    margin-right: 10px;
}

.input-box {
    height: 43px;
}

.input-box_txt {
    padding: 12px 15px;
    border: 1px solid transparent;
}

@media (min-width: 576px) {
    .input-box {
        height: 49px;
    }

    .input-box_txt {
        padding: 15px;
    }
}

.input-box_dropdown {
    width: 100%;
    border: 6px solid transparent;
}

/*כפתור שמשמש בדך הבית ומאמרים*/
.sch_btn {
    width: 100px;
    border-radius: 40px !important;
    background-color: var(--secondry-color);
    color: black;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
}

    .sch_btn:hover {
        filter: brightness(80%);
    }
/* -----------------------------רכיבים במערכת-------------------------- */

/*----Breadcrumbs---*/

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.breadcrumbs__itm {
    color: var(--disable-color);
    padding-left: 0px;
    list-style: none;
    font-family: "SimplerPro_HLAR-Regular";
    font-weight: normal;
}

    .breadcrumbs__itm:after {
        padding-right: 5px;
        padding-left: 10px;
        content: ">";
        font-size: 16px;
        line-height: 26px;
        color: var(--disable-color);
        font-family: "SimplerPro_HLAR-Regular";
        font-weight: normal;
    }

    .breadcrumbs__itm:last-child:after {
        display: none;
    }

    .breadcrumbs__itm:last-child {
        font-family: SimplerPro_HLAR-Bold;
        font-weight: bold;
    }

.breadcrumbs__lnk, .breadcrumbs__itm {
    font-size: 16px;
    line-height: 26px;
}

.breadcrumbs__lnk {
    color: var(--disable-color);
    text-decoration: none;
}

    .breadcrumbs__lnk:hover {
        color: #0071e0;
        text-decoration: none;
    }


/*-------------------end bread crumbs*/
/*----For menually BreadCrumb----*/

.preloader {
    display: none; /* מוסתר כברירת מחדל */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column; /* מיישר את התוכן אנכית */
}

    .preloader img {
        width: auto; /* שינוי הגודל לרוחב קטן יותר */
        height: auto; /* שמירה על הפרופורציות */
    }
/*----Pagination----*/
.pagination {
    justify-content: center;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 41px;
}

.pagination__itm.active {
    color: #000;
    background: #e6e6e6;
    cursor: none;
}

.pagination__itm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    min-width: 43px;
    min-height: 43px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
}

.pagination__itm--noBorder {
    border: 0;
}

/* ----- TOP BANNER ----- */
.top_banner .image-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .top_banner .image-container img {
        width: 100%;
        height: auto;
    }

.top_banner .text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/*------ טפסים - Forms -----*/
.common-main-form {
    /* width: 100% !important;
    height: 100%; */
    /* position: relative; */
    height: 100%;
    background-color: var(--background-color);
    min-height: 542px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .common-main-form {
        min-height: 723px;
    }
}

.common-main-form .button_v1 {
    background-color: var(--secondry-color);
    color: var(--black-color);
}

.common-main-form .form-group {
    height: 100%;
}

.common-main-form .button_v2 {
    border: 1px solid var(--spacial-black);
    background-color: transparent;
}

    .common-main-form .button_v2:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

/* Stepper With Progress - סרגל תהליך שלבי הטופס */
.progress-container {
    display: flex;
    align-items: flex-end;
    justify-self: center;
    align-self: center;
    padding: 20px;
    width: 100%;
    margin-top: 20px;
    /* max-width: 800px; */
}

    .progress-container .step {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        flex: 1;
    }

        .progress-container .step:not(:last-child)::after {
            content: "";
            position: absolute;
            /* top: 50%; */
            /* מוגדר בהתאם לרוחב העיגול, לפי הנוסחה חצי מסכום רוחב העיגול פחות 2 */
            bottom: 17px;
            right: 2%;
            width: 100%;
            height: 7px;
            background-color: #d8d8d8;
            z-index: 0;
            transform: translateX(-50%);
        }

        .progress-container .step.first-visible:not(:last-child)::before {
            content: "";
            position: absolute;
            /* מוגדר בהתאם לרוחב העיגול, לפי הנוסחה חצי מסכום רוחב העיגול פחות 2 */
            bottom: 17px;
            right: 2%;
            width: 100%;
            height: 7px;
            background-color: #d8d8d8;
            z-index: 0;
            transform: translateX(50%);
        }

    .progress-container .circle {
        position: relative;
        width: 36px !important;
        height: 36px !important;
        /* border-radius: 50%;
  background-color: #d8d8d8; */
        background-image: url("../images/Icons/emptyCircleStep.svg");
        background-size: contain;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: var(--black-font);
        /* margin-bottom: 15px; */
        z-index: 1;
    }

.stepText {
    position: absolute;
    bottom: 6px;
    font-size: 16px;
    z-index: 1001;
}

.progress-container .step.active:not(:last-child)::after {
    background-image: linear-gradient( to left, color-mix(in srgb, var(--secondry-color) 100%, white 0%), color-mix(in srgb, var(--secondry-color) 80%, white 20%),color-mix(in srgb, var(--secondry-color) 60%, white 40%),color-mix(in srgb, var(--secondry-color) 40%, white 60%), color-mix(in srgb, var(--secondry-color) 20%, white 80%) );
    opacity: 0.9;
}

.progress-container .step.completed:not(:last-child)::after {
    background-image: linear-gradient(to left, var(--secondry-color), var(--secondry-color)) !important;
    opacity: 0.9;
}

.progress-container .step.first-visible:not(:last-child)::before {
    background-image: linear-gradient(to left, var(--secondry-color), var(--secondry-color)) !important;
    opacity: 0.9;
}

.progress-container .step.active .circle {
    background-image: url("../images/Icons/FullCircle.svg");
}

.progress-container .step.completed .circle {
    background-image: url("../images/Icons/FullCircle.svg");
}

.progress-container .label {
    font-size: 14px;
    /* white-space: nowrap; */
    font-weight: bold;
    color: var(--black-font);
    text-align: center;
    /* margin-bottom: -20px; */
}

@media (min-width: 992px) {
    .progress-container .step:not(:last-child)::after {
        /* מוגדר בהתאם לרוחב העיגול, לפי הנוסחה חצי מסכום רוחב העיגול פחות 2 */
        bottom: 13px;
    }

    /*    .progress-container .circle {
        width: 30px !important;
        height: 30px !important;
        font-size: 16px;
    }*/

    .progress-container .label {
        font-size: 18px;
    }
}

/* Media Boxes Layout */
.aside-advers {
    width: 26% !important;
}

.side_media_box:first-child {
    background-color: transparent;
    /*border: solid 2px #CCCCCC;*/
    margin-right: 0.1px;
}

.side_media_box {
    margin-bottom: 25px;
    /*padding: 60px;*/
    background-color: transparent;
    text-align: center;
    /*    width: 100%;
    height: auto;*/
    /*height: 150px;*/
    max-height: 220px;
    display: flex;
    justify-content: center; /* מרכז אופקית */
    align-items: center; /* מרכז אנכית */
}

.bottom_media_box {
    height: 190px;
    margin-top: 10px;
    padding: 60px;
    background-color: var(--grey);
    text-align: center;
}

.bottomAdvers-class .bottomAdvers-class-img {
    width: 100%;
    object-fit: fill;
}
/* Swiper Styles */
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}

.swiper-button-prev img {
    transform: rotate(-180deg);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-weight: 900;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-button-lock {
    display: none !important;
}

/* MAIN */
.main-home-page {
    width: 74% !important;
    height: 100%;
    position: relative;
    overflow: hidden;
}



    /* --------------רכיב בעלי תפקידים באיגוד---------- */


    /*!!!!!!!!!!!!!!!!!!במידה והרזולוציה שבה מוצג הסליידר הינה מעלה 992 פיקסל או שהסליידר מוצג גם מעל הרזולוציה אז נדרש לבטל את התכונה במדיה להלן!!!!!!!!!!!!*/
    /*@media (min-width: 992px) {*/
    .main-home-page .igodim_officials_banner .mySwiper {
        /*overflow: visible;*/
        /*padding:10px;*/
    }
    /*}*/

    .main-home-page .igodim_officials_banner .swiper-slide {
        align-items: center;
        justify-content: stretch;
        overflow: visible;
    }

        .main-home-page .igodim_officials_banner .swiper-slide image-container {
            width: 94px;
            height: 94px;
        }

        .main-home-page .igodim_officials_banner .swiper-slide img {
            width: 94px;
            height: 92px;
            object-fit: cover;
        }

    .main-home-page .igodim_officials_banner .swiper .card {
        min-width: 260px;
        background: var(--white);
        box-shadow: unset;
        height: 94px;
    }


    /*------------------- Locating Doctors Section - רכיב איתור רופאים-----------------*/
    .main-home-page .Locating_doctors_banner .button_v1 {
        width: 216px;
        height: 43px;
        border-radius: 40px !important;
        background-color: var(--secondry-color);
        border: 1px solid transparent;
    }

    .main-home-page .Locating_doctors_banner .sch_btn:hover {
        filter: brightness(80%);
    }

    .main-home-page .Locating_doctors_banner {
        background-color: var(--background-color);
    }

        .main-home-page .Locating_doctors_banner .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .main-home-page .Locating_doctors_banner .swiper-slide img {
                display: block;
                width: 80px;
                height: 80px;
                object-fit: contain;
            }

    /*------------- Masseges Section - רכיב הודעות האיגוד -----------------*/

    .main-home-page .igod-masseges-banner {
        background: var(--background-color);
    }

        .main-home-page .igod-masseges-banner .swiper .card {
            height: 180px;
            overflow: auto;
            border: 1px solid transparent;
        }

    .main-home-page .igod-masseges_swiper .swiper-button-next,
    .main-home-page .igod-masseges_swiper .swiper-button-prev {
        display: inline-flex;
        position: static;
        padding: 12.5px;
        background-color: var(--secondry-color);
        border-radius: 50%;
    }

        .main-home-page .igod-masseges_swiper .swiper-button-next:after,
        .main-home-page .igod-masseges_swiper .swiper-button-prev:after {
            font-size: 10px !important;
        }

        .main-home-page .igod-masseges_swiper .swiper-button-next:hover,
        .main-home-page .igod-masseges_swiper .swiper-button-prev:hover {
            filter: brightness(80%);
        }

.message-card .image-wrapper {
    display: none;
}

@media (min-width: 576px) {
    .message-card .image-wrapper {
        width: 200px;
        height: 150px;
        display: flex;
    }
}

.message-card .page-link {
    padding: .21rem .75rem;
}

.message-card .card-title {
    min-height: 38.38px;
}

@media (min-width: 576px) {
    .message-card .card-title {
        min-height: 43.2px;
    }
}
/*------------- Events Section - רכיב אירועים וכנסים קרובים -----------------*/
.main-home-page .events-section-banner .title-wrapper {
    background-color: var(--secondry-color);
}

.main-home-page .events-section-banner .text-body-wrapper {
    background-color: var(--background-color);
}

.main-home-page .events-section-banner .card {
    height: 74px;
    flex: 1;
    /*border: 1px solid transparent;*/
    min-width: 270px;
    border: none !important;
}

    .main-home-page .events-section-banner .card .card-header {
        width: 65px;
    }

    .main-home-page .events-section-banner .card .text-body-wrapper .card-text {
        overflow: auto;
    }

@media (min-width: 576px) {
    .main-home-page .events-section-banner .card .card-header {
        width: 94px;
    }

    .main-home-page .events-section-banner .card {
        height: 82px;
    }
}

@media (min-width: 768px) {
    .main-home-page .events-section-banner .card {
        max-width: 48%;
    }
}




/*------------- Articles Section -  רכיב כתבות ומאמרים בדף הבית -----------------*/
.main-home-page .articles_section-banner .main-card .card {
    border: 1px solid transparent;
}

.main-home-page .articles_section-banner .main-card .card-body {
    border-right: 7px solid var(--secondry-color);
}

.article-item-home-page .card-body {
    min-height: 137px;
}

.main-home-page .articles_section-banner .main-card .image-wrapper {
    /*background-image: url("../images/articles_xl.png");*/
    width: 100%;
    height: 118px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Custom styles for small devices and up */
@media (min-width: 479px) {
    .main-home-page .articles_section-banner .main-card .image-wrapper {
        height: 140px;
    }
}

@media (min-width: 576px) {
    .main-home-page .articles_section-banner .main-card .image-wrapper {
        height: 170px;
    }
}
/* Custom styles for medium devices and up */
@media (min-width: 768px) {
    .main-home-page .articles_section-banner .main-card .image-wrapper {
        width: 50%;
    }

    .main-home-page .articles_section-banner .main-card .card-body {
        width: 50%;
    }
}

.main-home-page .articles_section-banner .swiper .card {
    min-height: 122px;
    background: var(--background-color);
    border: 1px solid transparent;
}
/*------------- Quickly Actions - רכיב פעולות מהירות----------------*/
.main-home-page .quickly-actions-section-banner {
    background-color: var(--primary-color-by-skitza);
    color: var(--white);
    transition: all 1.5s ease;
}

.custom-collapse-button {
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;
}

.collapse {
    transition: height 0.5s ease;
}

.main-home-page .quickly-actions-section-banner .card {
    height: 52px;
    min-width: 210px;
    /*color: var(--black-color);*/
    border: 2px solid rgba(0, 0, 0, 0.125);
}

.main-home-page .quickly-actions-section-banner .pic-wrapper {
    background-color: var(--white);
}

.main-home-page .quickly-actions-section-banner .text-body-wrapper {
    background-color: inherit;
    box-shadow: inset -1px 0 13px -5px rgba(0, 0, 0, 0.3);
}

.quick-action-btn {
    background-color: var(--background-color);
}

.quick-action-btn-disabled {
    background-color: var(--white);
    color: var(--disable-color);
    cursor: unset;
}

    .quick-action-btn-disabled:hover {
        color: var(--disable-color);
    }

.quick-action-btn p {
    color: inherit;
}

@media (min-width: 768px) {
    .main-home-page .quickly-actions-section-banner .card {
        width: 31.5%;
    }
}

.main-home-page .quickly-actions-section-banner .custom-collapse-button {
    background-color: transparent;
    color: var(--white);
}
/* .main-home-page
  .quickly-actions-section-banner .custom-collapse-button:focus {
    z-index: 0;
    border-color: none !important;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
    padding: 0 !importent;
  } */

/* ---------------------Igod Join Banner - רכיב באנר הצטרפות לאיגוד--------------- */
.main-home-page .igod_join_container {
    height: 400px;
    position: relative;
    overflow: hidden;
}
/* Start Side */
.main-home-page .igod_join_banner .left_side {
    height: 141px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 33%;
}

    .main-home-page .igod_join_banner .left_side .image-wrapper {
        /*background-image: url("../images/igod-join-left-side-bg-noeffect.png");*/
        height: 100%;
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
    }

/* End Side */
.main-home-page .igod_join_banner .right_side {
    height: 259px;
    position: absolute;
    top: 32%;
    right: 0;
    left: 0;
    bottom: 0;
}

.main-home-page .igod_join_banner .right-pic {
    height: 100%;
    width: 100%;
}

.main-home-page .igod_join_banner .right_side img {
    height: 100%;
    width: 100%;
}

.main-home-page .igod_join_banner .right_side .content_igod_join {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 60px 40px 40px 40px;
}

    .main-home-page .igod_join_banner .right_side .content_igod_join .button_v1 {
        min-width: 170px;
        min-height: 42px;
        color: var(--white) !important;
        border: 1px solid var(--white);
    }

        .main-home-page .igod_join_banner .right_side .content_igod_join .button_v1:hover {
            background-color: rgba(250, 250, 250, 0.1);
        }

@media (min-width: 768px) {
    .main-home-page .igod_join_container {
        height: 241px;
    }
    /* Start Side */
    .main-home-page .igod_join_banner .left_side {
        height: 100%;
        position: absolute;
        top: 0;
        right: 58%;
        bottom: 0;
        left: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    /* End Side */
    .main-home-page .igod_join_banner .right_side {
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 40%;
    }

        .main-home-page .igod_join_banner .right_side img {
            height: unset;
            width: unset;
        }

        .main-home-page .igod_join_banner .right_side .right-pic {
            position: relative;
            /* height: 100%; */
            border-bottom: 0.1px solid transparent;
        }

            .main-home-page .igod_join_banner .right_side .right-pic::before {
                background-color: #0f2d52;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 50%;
                content: "";
            }

        .main-home-page .igod_join_banner .right_side .content_igod_join {
            align-items: start;
            text-align: start;
            padding: 20px 60px;
        }
}
/* ---------------------End Igod Join Banner - סוף רכיב באנר הצטרפות לאיגוד--------------- */
/* ---------------------news_courses - רכיב קורסים חדשים-------------- */

.news_courses-banner .news_courses_container {
    height: 400px;
    position: relative;
    overflow: hidden;
}
/* Start Side */
.news_courses-banner .left_side {
    height: 141px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 33%;
}

    .news_courses-banner .left_side .image-wrapper {
        /*background-image: url("../images/news-courses-bg-lg.png");*/
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

/* End Side */
.news_courses-banner .right_side {
    height: 259px;
    position: absolute;
    top: 33%;
    right: 0;
    left: 0;
    bottom: 0;
}

.news_courses-banner .right-pic {
    height: 100%;
    width: 100%;
}

.news_courses-banner .right_side img {
    height: 100%;
    width: 100%;
}

.news_courses-banner .right_side .content_news_courses {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 60px 40px 40px 40px;
}

    .news_courses-banner .right_side .content_news_courses .button_v1 {
        min-width: 170px;
        min-height: 42px;
        background-color: white;
        border: 1px solid var(--border-color);
    }

@media (min-width: 768px) {
    .news_courses-banner .news_courses_container {
        height: 189px;
    }
    /* Start Side */
    .news_courses-banner .left_side {
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        left: 68%;
        bottom: 0;
    }
    /* End Side */
    .news_courses-banner .right_side {
        height: 100%;
        position: absolute;
        top: 0;
        right: 31%;
        bottom: 0;
        left: 0;
    }

        .news_courses-banner .right_side .content_news_courses {
            align-items: start;
            text-align: start;
            padding: 20px 60px 20px 30px;
        }
}
/* ---------------------End news_courses - סוף רכיב קורסים חדשים-------------- */
/* ---------------------podcast_section - רכיב פודקאסט--------------- */

.podcast_section-banner .podcast_section_container {
    height: 400px;
    position: relative;
    overflow: hidden;
}
/* Start Side */
.podcast_section-banner .left_side {
    height: 141px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 33%;
}

    .podcast_section-banner .left_side .image-wrapper {
        /*background-image: url("../images/podcast-section-start-side-bg-lg.png");*/
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

/* End Side */
.podcast_section-banner .right_side {
    height: 259px;
    position: absolute;
    top: 33%;
    right: 0;
    left: 0;
    bottom: 0;
}

.podcast_section-banner .right-pic {
    height: 100%;
    width: 100%;
}

.podcast_section-banner .right_side img {
    height: 100%;
    width: 100%;
}

.podcast_section-banner .right_side .content_podcast_section {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 60px 40px 40px 40px;
}

    .podcast_section-banner
    .right_side
    .content_podcast_section
    .button_v1 {
        min-width: 170px;
        min-height: 42px;
        background-color: white;
        border: 1px solid var(--border-color);
    }

@media (min-width: 768px) {
    .podcast_section-banner .podcast_section_container {
        height: 189px;
    }
    /* Start Side */
    .podcast_section-banner .left_side {
        height: 100%;
        position: absolute;
        top: 0;
        right: 68%;
        bottom: 0;
        left: 0;
    }
    /* End Side */
    .podcast_section-banner .right_side {
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 31%;
    }


        .podcast_section-banner .right_side .content_podcast_section {
            align-items: start;
            text-align: start;
            padding: 20px 30px 20px 60px;
        }
}

/* ---------------------End podcast_section - סוף רכיב פודקאסט--------------- */

/*--------------------------Header - חלק עליון-------------------------*/

.gsc-input-box {
    border: none !important;
    background-color: transparent !important;
    background: none !important;
    font-size: 18px !important;
}

.gsc-input {
    border: none !important;
    background-color: transparent !important;
    background: none !important;
    font-size: 18px !important;
    padding-right: 10px !important;
    padding-top: 3px !important;
}

    .gsc-input::placeholder {
        font-size: 18px !important;
    }

.gsc-search-button.gsc-search-button-v2 {
    padding: 0;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/search_clear_icon_mini.svg");
    background-color: var(--background-color) !important;
    display: inline-block;
    transition: transform .3s ease-in-out !important;
    transform: scale(0.9);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

    .gsc-search-button.gsc-search-button-v2 svg {
        display: none;
    }

    .gsc-search-button.gsc-search-button-v2:hover {
        padding: 0;
        width: 12px;
        height: 12px;
        background-image: url("../images/icons/search_clear_icon_mini.svg");
        background-color: var(--background-color) !important;
        display: inline-block;
        transition: transform .3s ease-in-out !important;
        transform: scale(0.9);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        border: none;
        cursor: pointer;
    }

@media (min-width: 768px) {


    .gsc-search-button.gsc-search-button-v2 {
        padding: 0;
        width: 43px;
        height: 43px;
        background-image: url('../images/search_icon.png');
        background-color: var(--secondry-color) !important;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        border: none;
        cursor: pointer;
    }

        .gsc-search-button.gsc-search-button-v2 svg {
            display: none;
        }

        .gsc-search-button.gsc-search-button-v2:hover {
            padding: 0;
            background-color: rgba(0, 0, 0, 0.1);
            width: 43px;
            height: 43px;
            background-image: url("../Images/search_icon.png");
            background-color: var(--secondry-color) !important;
            background-repeat: no-repeat;
            background-position: center;
            border-radius: 50%;
            border: none;
            cursor: pointer;
        }
}


.header .dropdown-item {
    white-space: initial;
    padding: .25rem 0;
}
/* Header - האדר */
#header {
    width: 100%;
    max-width: 1920px;
}
/* -------Top header------- */
.header .top-header {
    background-color: var(--background-color);
    height: 53px;
}

    .header .top-header .top-header-container .btn-group {
        height: 100%;
        align-items: center;
    }

    .header .top-header .account-section .dropdown-menu {
        background-color: var(--background-color);
        padding: 1rem;
        border: 1px solid transparent;
        border-radius: 0;
    }

    .header .top-header .account-section .neto-dropdown-menu {
        width: 276px;
        height: 126px;
    }

    .header .top-header .account-section .right-side .profile-image {
        width: 71px;
        height: 71px;
        object-fit: cover;
        object-position: 90% 10%;
    }

    .header .top-header .account-section .right-side .profile-camera-image {
        position: absolute;
        bottom: 2px;
        right: 2px;
    }

    .header .top-header .account-section .right-side .edit-link {
        color: var(--disable-color) !important;
        font-weight: 600;
    }

    .header .top-header .account-section ul {
        list-style: none;
        margin: 0;
        height: 100%;
    }

        .header .top-header .account-section ul a {
            list-style: none;
            margin: 0;
            padding-right: 0;
            padding-bottom: 0;
        }

    .header .top-header .account-section .disconecting-link {
        color: var(--error-color) !important;
    }

@media (min-width: 992px) {
    .header .account-section .account-logo {
        width: 17px;
        height: 17px;
    }
}

.header .top-header .custom-dropdown-tools {
    background-color: var(--background-color);
    padding: 1rem;
    border: 1px solid transparent;
    border-radius: 0;
}
/* -----Middle Header-------- */
/* Hamburger icon menu */

.header .middle-header .hamburger {
    display: block;
    width: 23px;
    height: 20px;
    position: relative;
    cursor: pointer;
    margin-bottom: 8px;
}

    .header .middle-header .hamburger span {
        display: block;
        width: 100%;
        height: 5px;
        background-color: #333;
        position: absolute;
        left: 0;
        transition: all 0.3s;
    }

        .header .middle-header .hamburger span:nth-child(1) {
            top: 0;
        }

        .header .middle-header .hamburger span:nth-child(2) {
            top: 8px;
        }

        .header .middle-header .hamburger span:nth-child(3) {
            top: 16px;
        }

    .header .middle-header .hamburger:hover {
        color: var(--primary-color-by-skitza);
    }

.header .middle-header .urological-icon-title {
    line-height: 1.063 !important;
}

@media (min-width: 992px) {
    .header .middle-header .urological-icon-title span {
        font-size: 28.38px !important;
    }
}

.header .middle-header .search_middle_header {
    width: 290px;
    /*max-width: 290px;*/
    height: 58px;
    background-color: transparent;
    border-radius: 25rem;
}

    .header .middle-header .search_middle_header input {
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 24px;
        height: 100%;
    }

    .header .middle-header .search_middle_header button img {
        border: 1px solid transparent;
    }

    /* .header .middle-header .search_middle_header button {
            background-color: transparent;
            border: 1px solid transparent;
        }*/

    .header .middle-header .search_middle_header button:hover {
        filter: brightness(80%);
    }

@media (min-width: 992px) {
    .header .middle-header .search_middle_header {
        box-shadow: inset 0 0 3px #000000;
        -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.41);
        -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.41);
        box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.41);
    }
}
/* Search and Dropdown When Mobile */
.header .middle-header .mobile_search .searchMiddleMenuButton {
    padding: 12px 12px 16px !important;
    border-radius: 0 !important;
    background-color: transparent;
    border: none !important;
}

.header .middle-header .mobile_search .dropdown-menu-fullwidth {
    width: 100vw;
    left: 0;
    padding: 10px 32px 20px 32px !important;
    position: absolute;
    top: 100%;
    z-index: 1000;
    /* display: none; */
    border: none !important;
    background-color: var(--background-color) !important;
    background-clip: unset !important;
    margin-top: -10px !important;
}

.header .dp-header {
    display: block;
    padding: .5rem 0 .5rem 1rem;
    margin-bottom: 0 !important;
    white-space: nowrap;
}

.header .middle-header .mobile_search .search_input_container {
    justify-content: space-between;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    padding: 6px 0px;
}

.header .middle-header .mobile_search .search_input {
    display: inline-block;
    flex-grow: 1;
    border: 1px solid transparent;
    background-color: transparent;
    font-size: 16px;
}

.header .middle-header .mobile_search .search_icon_mini {
    display: inline-block;
    transition: transform .3s ease-in-out !important;
    transform: scale(0.9);
}

.header .middle-header .mobile_search .search_input:focus {
    outline: none !important;
}

/* Main Menu Middle Header (Off-canvas) */
.header .middle-header .offcanvas-start {
    width: calc(100vw - 65px) !important;
    height: fit-content;
}

.header .middle-header .btn-close-outside {
    position: absolute;
    top: 10px;
    right: calc(100% + 15px);
    opacity: 1 !important;
    background-color: var(--secondry-color) !important;
    border-radius: 50% !important;
    padding: 10px !important;
}

    .header .middle-header .btn-close-outside:hover {
        opacity: 0.75 !important;
    }


.header .middle-header .nested-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: calc(100vw - 65px) !important;
    height: fit-content;
    background-color: #fff;
    z-index: 1051;
    transition: transform .3s ease-in-out !important;
}

    .header .middle-header .nested-offcanvas.active {
        display: block;
        transform: translateX(0);
    }

.header .middle-header .list-group-item .btn {
    width: 100%;
    text-align: right;
}

.header .middle-header .back-button {
    color: white;
    text-align: center;
}

    .header .middle-header .back-button:hover {
        background-color: #0056b3;
        color: white;
    }

.header
.middle-header
.offcanvasMainMenu
.main-offcanvas-body
.list-group-item:last-child {
    background-color: var(--opacity20-secondry-color);
    padding-bottom: 0.875rem;
}

.header
.middle-header
.offcanvasMainMenu
.main-offcanvas-body
.list-group-item:first-child {
    padding-top: 0.875rem;
}

/* ------Bottom Header------ */
.bottom-header {
    height: 49px;
    background-color: var(--grey);
    -webkit-box-shadow: inset 0px 3px 7px -5px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: inset 0px 3px 7px -5px rgba(0, 0, 0, 0.37);
    box-shadow: inset 0px 3px 7px -5px rgba(0, 0, 0, 0.37);
}

    .bottom-header .btn-group {
        width: 170px;
        padding: 6px 18px;
        padding: 0;
    }

    /* .bottom-header .btn:focus {
  outline: 2px solid black !important; 
  outline-offset: 2px !important;    
  } */

    .bottom-header .dropdown-menu {
        width: 100%;
        border-top: 3px solid var(--secondry-color) !important;
        padding: 12px;
        border-radius: 0;
    }

    .bottom-header .btn-under-group {
        padding: 8px 16px;
    }

header .btn-under-group {
    padding: 0.375rem 1.5rem;
    justify-content: center;
    align-content: center;
    position: relative;
    flex: 1 1 auto;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.main-offcanvas-body .btn-under-group {
    width: 100%;
    text-align: right;
}

/*----------------------- End Header ---------------------*/



/* ----------------------- Hero ---------------------- */
/* Hero Swiper Section */

.hero .swiper-slide {
    position: relative;
    overflow: hidden;
}

.hero .swiper-pagination-bullet {
    border-radius: 0px !important;
    width: 10px !important;
}

.hero .swiper-pagination-bullet-active {
    width: 32px !important;
}

.hero .swiper-pagination-custom {
    bottom: 0px;
    text-align: center;
}

@media (min-width: 992px) {
    .hero .swiper-pagination-custom {
        text-align: start;
        padding-right: 7%;
        bottom: unset;
        top: 85%;
    }
}

/* -----Hero Elements Settings----- */
.hero {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
}

    .hero .hero-content {
        flex: 1;
        background: url(../images/hero-gray-bg-pic.png) no-repeat center center / cover;
        display: flex;
        flex-direction: column;
        /* לוקח את אזור הטקסט והכפתור משמאל לימין */
        align-items: end;
        z-index: 1;
        background-size: contain;
        margin-right: -7%;
        margin-left: -7%;
        order: 1;
    }

    .hero .hero-content-wrapper {
        margin-top: 1.7vw;
        display: flex;
        flex-direction: column;
        padding: 0px;
        align-items: start;
        text-align: start;
    }

    .hero .hero-content .button_v1 {
        min-width: 170px;
        min-height: 42px;
        background-color: var(--secondry-color);
        vertical-align: middle;
        line-height: 1.5;
    }

    .hero .hero-image {
        flex: 1;
        position: relative;
        order: 2;
    }

        .hero .hero-image img {
            width: 111.5%;
            height: auto;
            object-fit: fill;
        }

    .hero .hero-title {
        font-family: SimplerPro_HLAR-Bold;
    }
/* הגדרה של אזור הטקסט והכפתור של הרכיב הימיני עבור מצב דסקטופ בלבד ע"פ עיקרון מובייל פירסט*/
@media (min-width: 992px) {
    .hero .hero-content-wrapper {
        /* שליטה על הרווח והגבול מהקצה השמאלי לימני של הרכיב הימני */
        margin-left: 16%;
        /* שליטה על רוחב אזור הכפתורים והטקסט כדי שלא יברח לימין וישבור שורה
    (בהתאם להגדרה של רכיב האב אשר לוקח את כל האזור משמאל לימין) */
        width: 60%;
        overflow: hidden;
        /* justify-content: space-between; */
        gap: 0.8vw;
        height: 70%;
    }

    .hero .hero-title {
        font-size: 2vw;
    }

    .hero .hero-sub-title {
        font-size: 1.1vw;
    }

    .hero .hero-content .hero-button {
        min-width: 10.5vw;
        min-height: 2.5vw;
        font-size: 1.1vw;
    }
}

/* הגדרות כלליות של הרכיב למצב מובייל בלבד ע"פ עיקרון דסקטופ פירסט*/
@media (max-width: 992px) {
    .hero .hero-container {
        flex-direction: column;
        min-height: 314px;
    }

    .hero .hero-content {
        background-color: var(--background-color);
        margin-left: 0;
        margin-right: 0;
        flex: 0;
        align-items: center;
        order: 2;
    }

    .hero .hero-content-wrapper {
        margin-top: 0px;
        padding: 20px;
        align-items: center;
        text-align: center;
    }

    .hero .hero-image {
        flex: 0;
        background-color: var(--primary-color-by-skitza);
        order: 1;
    }

        .hero .hero-image img {
            width: 100%;
        }

    .hero .hero-title {
        font-size: 24px;
    }

    .hero .hero-sub-title {
        font-size: 18px;
    }

    .hero .hero-content .hero-button {
        min-width: 163px;
        min-height: 42px;
    }
}
/* ----------------------- End Hero ---------------------- */

/* ------------Footer----------- */
footer .large-font {
    font-family: "SimplerPro_HLAR-Regular";
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

footer .small-font {
    font-family: "SimplerPro_HLAR-Regular";
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
}

/* ----Top Footer---- */
footer > .footer-top-wrapper {
    border-top: solid 2px var(--secondry-color);
    background-color: var(--background-color);
}

footer .footer-top-wrapper #footer-top {
    height: 364px !important;
    /* margin: 0 !important; */
}

/* ----Bottom Footer---- */



footer > .footer-bottom-wrapper {
    background-color: var(--primary-color);
}

footer .footer-bottom-wrapper #footer-bottom {
    min-height: 272px;
    color: white;
}

    footer .footer-bottom-wrapper #footer-bottom .btn-accordion {
        background: none; /* Remove background */
        color: white; /* Set text color, adjust as needed */
        border: none; /* Remove border */
        font-size: 1.25rem; /* Increase font size of the plus */
        outline: none; /* Remove focus outline for aesthetics, handle accessibility */

        padding: 0px 5px;
        margin-left: 5px;
        margin-bottom: 6.8px;
    }

    footer .footer-bottom-wrapper #footer-bottom h6 {
        margin: 0;
        line-height: 1.5rem !important;
        padding: 0px 10px;
    }

.sm-fsize {
    font-size: 0.812rem;
}

.md-fsize {
    font-size: 0.875rem !important;
}

footer .footer-bottom-wrapper .btn-accordion:hover,
footer .footer-bottom-wrapper .btn-accordion:focus {
    background: rgba(0, 0, 0, 0.1); /* Optional: add hover effect */
    outline: none !important; /* Maintain no outline on focus */
}

footer .footer-bottom-wrapper #footer-bottom .footer-link {
    color: white !important;
}

/* ----- General Media For whole Footer ----- */
@media (min-width: 1200px) {
    footer .footer-top-wrapper #footer-top {
        height: 177px !important;
    }

    footer .footer-bottom-wrapper #footer-bottom {
        height: 382px;
    }

        footer .footer-bottom-wrapper #footer-bottom .term-paragraph {
            text-align: center;
        }

        footer .footer-bottom-wrapper #footer-bottom .accordion-header {
            margin-bottom: 2px;
        }

            footer .footer-bottom-wrapper #footer-bottom .accordion-header .title-words {
                padding-bottom: 1.6px;
                border-bottom: solid 1px white;
            }
}

@media (min-width: 576px) {
    footer p, footer a, footer span {
        font-family: "SimplerPro_HLAR-Regular";
        font-weight: normal !important;
        font-size: 18px !important;
        line-height: 27px !important;
    }

    footer .term-paragraph {
        font-size: 14px !important;
        line-height: 19px !important;
    }
}

footer .term-paragraph {
    font-size: 13px !important;
}

/*------------------------------------------------------Articles - דף מאמרים ומאמר בודד-----------------------------------*/
/*.hyp-article-item:hover {
    color: var(--links-color) !important;
}*/
/* Search Banner */
.main-articles-page .search_bnr {
    background-color: var(--grey);
}

.main-articles-page .search_wpr {
    height: 48px;
    background-color: var(--white);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.41);
    border-radius: 25rem;
}

.main-articles-page .ers_btn {
    display: inline;
    padding: 10px;
    margin: auto;
    border: 0;
    background: transparent;
}

    .main-articles-page .ers_btn:hover {
        filter: brightness(90%);
    }

.earse-svg-icon {
    height: 17px;
    width: 17px;
}

.main-articles-page .card {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /*Horizontal offset, Vertical offset, Blur radius, Color*/
}

    .main-articles-page .card:hover {
        background-color: #fff;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }

@media (min-width: 992px) {
    .main-articles-page .search_wpr {
        height: 62px;
    }
}

.main-articles-page .search-svg-wrapper {
    padding: 6px;
}

.main-home-page .article-item_img {
    width: 97px;
    height: 65px;
    object-fit: cover;
    object-position: top;
}

@media (min-width: 576px) {
    .main-home-page .article-item_img {
        width: 200px;
        height: 124px;
    }
}

.article-page_article-item .image-wrapper {
    min-height: 65px;
}

@media (min-width: 768px) {
    .article-page_article-item .image-wrapper {
        min-height: initial;
    }
}

.view-article-container .head-img-article {
    float: right;
    margin-left: 3%;
    width: 364px;
    max-height: 270px;
    max-width: 100%;
}

@media (max-width: 576px) {
    .view-article-container .head-img-article {
        margin-top: 3%;
        margin-left: unset;
    }
}

.view-article-container .view-article-content img {
    float: right;
    margin-left: 3%;
    width: 364px !important;
    max-height: 270px !important;
    max-width: 100% !important;
    margin-bottom: 1%;
}

.view-article-container .article-sponser-img {
    max-height: 50px;
    width: auto;
}

@media (min-width: 576px) {
    .view-article-container .article-sponser-img {
        max-height: 62px;
        width: auto;
    }
}
/*------------------------------------------------------end Articles-----------------------------------*/
/*------------------------------term---------------------*/
/*--------------Accordion Plus and Minus------------ */
.terms .accordion-button::after {
    content: none !important; /* Make sure to set to none to clear default content */
    background-image: none !important;
}

.terms .accordion-button.collapsed::after {
    /* Plus symbol when collapsed */
    content: "+" !important; /* Adding important to ensure override */
    font-size: 1.5rem;
    color: #333;
}

.terms .accordion-button:not(.collapsed)::after {
    /* Minus symbol when expanded */
    content: "-" !important; /* Adding important to ensure override */
    font-size: 1.25rem;
    color: #333;
}

.terms .accordion-button:not(.collapsed) {
    background-color: var(--secondry-color);
    color: #141414;
}

/* For Remove border when focused */
/*.terms .accordion-button:focus {
    z-index: 0;
    border-color: none !important;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
}*/

.terms .accordion-button:focus {
    outline: 3px solid var(--primary-color-by-skitza);
    outline-offset: 2px;
}


.terms > .accordion-item > .accordion-header > .accordion-button {
    min-height: 67px !important;
}

@media (min-width: 576px) {
    .terms > .accordion-item > .accordion-header > .accordion-button {
        min-height: 81px !important;
    }
}
/*------------------------------ END Term---------------------*/

/*דף הודעות דף חברה*/
.messages-page .page-link {
    color: #000000 !important;
    margin: 0px 10px;
    font-weight: 600;
}

/*Target the <a> element inside the last <li> with class 'page-item'*/
messages-page li.page-item:last-child a.page-link {
    border: none;
}

.company-page .page-link {
    color: #000000 !important;
    margin: 0px 10px;
    font-weight: 600;
}

/*Target the <a> element inside the last <li> with class 'page-item'*/
company-page li.page-item:last-child a.page-link {
    border: none;
}
/*----------------------------------------*/
/*------------------------------ About Page - דף אודות -----------------------*/


.main-about-page .purpose-btns {
    margin-top: 40px;
    justify-content: space-between;
}

    .main-about-page .purpose-btns a {
        min-width: 249px;
        height: 50px;
        /* padding: 10px 10px 12px 40px; */

        border: 2px solid var(--border-color);
        border-radius: 10px;
        color: var(--text-color);
        font-weight: 600;
        /* margin-left: 40px; */
    }

    .main-about-page .purpose-btns img {
        /* background-color: var(--background-color); */
    }

.main-about-page .divider {
    /* border: 1px solid var(--background-color); */
    border: 1px solid white;
    box-shadow: 2px 0px 3px 0px rgba(0, 0, 0, 0.4);
    margin: 0 6px;
}

.main-about-page h3 {
    margin-bottom: 20px;
}
/*------------------------------------------------------------------------------------*/

/*------------------------------------------------------דף בעלי תפקידים - officials page-----------------------------------*/

.officials-main .official-page_card-wrapper {
    background-color: var(--background-color);
    -webkit-box-shadow: inset 0px 0px 2px 0px var(--black-color-alpha);
    -moz-box-shadow: inset 0px 0px 2px 0px var(--black-color-alpha);
    box-shadow: inset 0px 0px 2px 0px var(--black-color-alpha);
    border-top-left-radius: 60px;
}

.officials-main .card {
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(0, 0, 0, .15);
}

    .officials-main .card:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }

/*.officials-main .text-overflow {
    width: 165px;*/ /* הגבלת הרוחב של האלמנט */
/*}*/

.officials-main .doc-card {
    height: 88px;
}

.officials-main .img-official-container {
    height: 100%;
}

.officials-main .img-official {
    width: 84px;
    height: 84px;
    object-fit: cover;
    vertical-align: middle;
}

.officials-main btn:focus {
    box-shadow: none;
}

.officials-main .official-item_btn-accordion {
    box-shadow: 0px 0px 0px 0px !important;
}

@media (min-width: 992px) {
    .officials-main .official-page_card-wrapper {
        -webkit-box-shadow: inset 0px 0px 0px 0px var(--black-color-alpha);
        -moz-box-shadow: inset 0px 0px 0px 0px var(--black-color-alpha);
        box-shadow: inset 0px 0px 0px 0px var(--black-color-alpha);
        border-top-left-radius: 0%;
    }

    .officials-main .doc-card {
        height: 126px;
    }

    .officials-main .img-official-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .officials-main .img-official {
        width: 98px;
        height: 98px;
    }

    /*.officials-main .text-overflow {
        width: unset;
        white-space: unset;
        overflow: hidden;
    }*/
}

/*------------------------------------------------------end officials-----------------------------------*/
/*------------------------------------------------------רכיב קטגוריה - Category Component-----------------------------------*/


.subCategories {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    padding: 20px 30px 20px 20px;
    background: #F3F3F3;
    text-decoration: none;
    color: black;
    margin-bottom: 15px;
    flex-direction: column;
    font-size: 1.25rem;
}

    .subCategories::before {
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        display: block;
        height: 100%;
        width: 10px;
        background: var(--secondry-color);
    }


/*------------------------------------------------------end Category Component-----------------------------------*/

/*-----------------------------------------------------login page -------------------------------------------*/

.login-popup .modal-dialog {
    max-width: 540px;
    width: 100%; /* רוחב גמיש למובייל */
    margin: auto; /* ממרכז את הפופאפ על המסך */
}

.login-popup .modal-content {
    height: 100%; /* כך שהתוכן יתפוס את כל הגובה */
    border-radius: 16px;
    overflow: hidden;
}

@media (max-width: 480px) {
    .login-popup .modal-dialog {
        width: calc(100% - 24px); /* מוריד 12px מכל צד */
        margin: 0 auto; /* ממקם במרכז */
    }

    .login-popup .modal-header .btn-close {
        top: 5px; /* מיקום טוב יותר של כפתור הסגירה */
        left: 5px; /* מיקום טוב יותר של כפתור הסגירה */
    }
}

.login-popup .modal-header {
    border-bottom: none; /* הסרת הקו המפריד */
    padding-bottom: 0;
}

    .login-popup .modal-header .btn-close {
        position: absolute;
        top: 10px;
        left: 10px; /* מצמיד את כפתור הסגירה לצד שמאל */
        font-size: 12px;
        padding: 10px;
    }

.login-popup .modal-title {
    text-align: center; /* ממרכז את הכותרת */
    width: 100%; /* נותן לכותרת להתרחב למרכז */
}

@media (min-width: 576px) {
    .login-popup .modal-title .modal-title-icons {
        display: inline;
    }
}


.login-popup .popup-footer {
    background: var(--primary-color);
    color: white;
}

.login-popup .popup-button {
    color: white;
    border-color: white;
}

.login-popup .popup-bottom-footer {
    color: white;
    background: #14141480;
    text-decoration: underline;
}



.login-popup .modal-header .custom-btn-close {
    color: black;
    opacity: 1;
}

    .login-popup .modal-header .custom-btn-close:hover {
        opacity: 0.5;
    }



.main-login-page .sch_login, .main-login-page-by-code .sch_login {
    max-width: 430px;
    background-color: var(--white);
    box-shadow: inset 0 0 3px #000000;
    border-radius: 24px;
    -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.41);
    box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.41);
}



.main-login-page .sch_login_btn, .main-login-page-by-code .sch_login_btn {
    width: 45px;
    height: 45px;
    border-radius: 50% !important;
    position: relative; /* כדי לוודא שהרקע לא מוסתר */
    z-index: 1; /* כדי לוודא שהאלמנט מעל */
    background-color: var(--secondry-color) !important; /* צבע דינמי */
    background-image: url('../../images/arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%; /* להתאים את החץ לגודל הכפתור */
    color: black;
    border: 1px solid transparent;
    padding: 0;
}

    .main-login-page .sch_login_btn:hover, .main-login-page-by-code .sch_login_btn:hover {
        filter: brightness(80%);
    }

.textError {
    color: var(--error-color);
}


/*-----------------------------------------------------end login--------------------------------------*/
/*------------------------------------------------------SOS Forms------------------------------------*/

.common-sos-forms {
    background-color: var(--background-color);
    min-height: 440px;
}

    .common-sos-forms .alert {
        border: 1px solid var(--error-color);
        background-color: var(--background-color);
        min-height: 440px;
    }
/*------------------------------------------------------End SOS Forms------------------------------------*/

/*---------------------------------------------Company page - דף חברה-----------------------------------------------*/
/*נדרש תיקון: נעשה שימוש בקלאסים שכבר קיימים עם שמות שלא קשורים לדף הנוכחי*/
.company-page .officials {
    display: inline-block;
    padding: 24px 25px;
    min-width: 303px;
    border-color: #E5E5E5;
    box-shadow: 0px 0px 5px 0px #0000001A;
    margin: 5px;
    height: max-content;
    border-top: 7px solid var(--secondry-color);
}

@media (min-width: 992px) {
    .company-page .officials {
        padding: 36px 29px;
        min-width: 346px;
    }
}

.company-page .officials__title {
    display: inline-block;
    border-bottom: 1px solid black;
    margin-bottom: 15px;
}

/*---------------------------------------------End Company page-----------------------------------------------*/
/*---------------------------------------------------ContactUS-------------------------------*/
.contact_us-page .contactUs-info span {
    padding-left: 20px;
}

.contact_us-page .contactUs-info::before {
    display: block;
    border-top: 1px solid black;
    margin-top: 15px;
    margin-bottom: 20px;
    content: ' ';
    width: 50%;
}
/*---------------------------------------------------end ContactUs--------------------------------------*/

/*---------------------------------------------------users Page-------------------------------*/
.users-page .ddl-style {
    width: 100%;
    background-color: transparent;
    border: 1px solid transparent;
}

    .users-page .ddl-style:focus-visible {
        outline: 2px solid var(--primary-color-by-skitza);
        outline-offset: 2px;
    }

    .users-page .ddl-style:focus:not(:focus-visible) {
        border: 1px solid transparent;
        background-color: transparent;
        outline: none;
    }

@media (max-width: 576px) {
    .users-page .wrapperBtn .btn_search {
        width: 100%;
    }

    .users-page .wrapperBtn {
        width: 100%;
    }
}



/*---------------------------------------------------Events Page-------------------------------*/
.events-page .event-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0px 0px 5px 0px #0000001A;
}

.events-page .ddl-style {
    width: 100%;
    background-color: transparent;
    border: 1px solid transparent;
}


    .events-page .ddl-style:focus-visible {
        outline: 2px solid var(--primary-color-by-skitza);
        outline-offset: 2px;
    }

    .events-page .ddl-style:focus:not(:focus-visible) {
        border: 1px solid transparent;
        background-color: transparent;
        outline: none;
    }




@media (max-width: 576px) {
    .events-page .wrapperBtn .btn_search {
        width: 100%;
    }

    .events-page .wrapperBtn {
        width: 100%;
    }
}

@media (min-width: 992px) {

    .events-page .event-card-container {
        max-height: 202px;
    }

    .events-page .event-img {
        height: 201px;
        width: auto;
        max-width: 265px;
        object-fit: cover;
    }
}

.events-page .link-head-event {
    min-height: 1px;
}
/*-------------Special Card Component - רכיב במיוחד לחברי האיגוד-----------*/
.special_union_card {
    flex: 1;
    position: relative;
    /*    width: 600px;
    height: 250px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    aspect-ratio: 21 / 7;
    background: url('/images/icons/special_union_card.svg') no-repeat center center; /* הפניה ל-SVG */
    background-size: cover;
    padding: 15px 0;
}

/* חלוקה פנימית */
.special_card-content {
    display: flex;
    width: 100%;
    height: 100%;
}

/* חלק הטקסט */
.special_card-text {
    flex: 6.8;
    padding: 10px 15px;
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: start;
    overflow: hidden;
}

    /*.special_card-text h3 {
        
    }*/

    .special_card-text p {
        margin: 0;
    }

/* חלק התמונה */
.special_card-icon {
    flex: 3.2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .special_card-icon img {
        /*        max-width: 100%;
        max-height: 100%;*/
        width: 33px;
        height: 31px;
        object-fit: cover;
    }

@media (min-width: 992px) {
    .special_card-icon img {
        width: 53px;
        height: 51px;
    }
}

/*------------ InterUnoin section - רכיב חברות של הארגון בארגונים בינלאומיים*/

.inter_union_card {
    width: 100%;
    height: auto;
}

    .inter_union_card .union-card-img {
        max-width: 80px;
        height: auto;
    }

@media (min-width: 992px) {
    .inter_union_card {
        max-height: 171px;
        max-width: 181px;
    }
}



.view-content-page a {
    text-decoration: underline !important;
}