.elementor-1475 .elementor-element.elementor-element-234cc80{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:53px;--padding-right:53px;}.elementor-1475 .elementor-element.elementor-element-2eca3dd{--display:flex;--min-height:302px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 8px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:8px;--border-left-width:0px;border-color:var( --e-global-color-75d0c5a );--border-color:var( --e-global-color-75d0c5a );--border-radius:26px 26px 26px 26px;}.elementor-1475 .elementor-element.elementor-element-2eca3dd:not(.elementor-motion-effects-element-type-background), .elementor-1475 .elementor-element.elementor-element-2eca3dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev.ybm.org.il/wp-content/uploads/2025/06/banner-rabanim.webp");background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1475 .elementor-element.elementor-element-d36a2e3.elementor-element{--align-self:center;}.elementor-1475 .elementor-element.elementor-element-d36a2e3{text-align:center;}.elementor-1475 .elementor-element.elementor-element-d36a2e3 .elementor-heading-title{font-family:"kedem";font-size:4.0625rem;font-weight:700;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-0c7ae09 );}.elementor-1475 .elementor-element.elementor-element-eb02b0a{--display:flex;}.elementor-1475 .elementor-element.elementor-element-eb02b0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1475 .elementor-element.elementor-element-81b5700{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1475 .elementor-element.elementor-element-81b5700.e-con{--align-self:stretch;}.elementor-1475 .elementor-element.elementor-element-ebf5884 > .elementor-widget-container{margin:10px 0px 10px 0px;}/* Start custom CSS for container, class: .elementor-element-2eca3dd *//*.elementor-1475 .elementor-element.elementor-element-2eca3dd::before {
    background-color: rgba(6, 42, 89, 0.8); 
    background-blend-mode: overlay;
}*//* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ebf5884 *//*
   ========================================================================
   הערה חשובה לגבי הפונטים:
   -------------------------
   הקוד הזה משתמש במשתני ה-CSS הגלובליים שביקשת עבור הגופנים.
   ודא שהם מוגדרים במערכת שלך כדי שהעיצוב ייראה כראוי.
   ========================================================================
*/

/* ===================================== */
/* I. הגדרות כלליות (Global/Base Styles) */
/* ===================================== */
.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card,
.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card-user-card-front,
.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card-user-card-back {
    box-sizing: border-box;
    text-align: center;
    border-radius: 26px;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card {
    background: transparent;
    height: 514px;
    position: relative;
    transform-style: preserve-3d;
    overflow: visible;
    perspective: 1000px;
    transition: transform 0.6s ease-out, z-index 0s 0.6s;
}


/* ===================================== */
/* II. הגדרות גריד רספונסיבי */
/* ===================================== */
/* שוחזר: הגדרות ה-grid לקונטיינר הראשי */
.elementor-1475 .elementor-element.elementor-element-ebf5884 .ram-carousel .swiper-wrapper {
    display: grid;
    gap: 20px; /* רווח בין הכרטיסיות */
    padding: 20px 0; /* ריווח קל מלמעלה ומלמטה */
}

/* הגדרות ברירת מחדל למובייל (רוחבים קטנים מ-768px): פריט אחד בשורה */
.elementor-1475 .elementor-element.elementor-element-ebf5884 .ram-carousel .swiper-wrapper {
    grid-template-columns: repeat(1, 1fr);
}

/* לטאבלטים (מסכים ברוחב 768px ומעלה): 2 פריטים בשורה */
@media (min-width: 768px) {
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .ram-carousel .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* למסכים גדולים יותר (1024px ומעלה): 3 פריטים בשורה */
@media (min-width: 1024px) {
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .ram-carousel .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* למסכים רחבים (1200px ומעלה - שולחן עבודה): 4 פריטים בשורה */
@media (min-width: 1200px) {
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .ram-carousel .swiper-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ===================================== */
/* III. הגדרות לכרטיס הקדמי (Front Card) */
/* ===================================== */
.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card-user-card-front {
    background-color: #ffffff;
    border: 1px solid #062A5924;
    border-radius: 26px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease, box-shadow 0.6s ease;
    transform: rotateY(0deg);
    z-index: 2;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-image {
    position: relative;
    width: 100%;
    height: 303px;
    overflow: hidden;
    flex-shrink: 0;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
    padding: 12px;
    box-sizing: border-box;
    border: none;
    display: block;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .name-front {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    padding-bottom: 15px; 
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .display-name {
    font-family: var(--e-global-typography-582abae-font-family, Sans-serif);
    font-size: var(--e-global-typography-582abae-font-size, 20px);
    font-weight: var(--e-global-typography-582abae-font-weight, bold);
    padding: 2px 31px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .buttom-title {
    height: 69px !important;
    text-align: center;
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-shrink: 0;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .person-title {
    font-size: var(--e-global-typography-59fc353-font-size, 18px);
    font-family: var(--e-global-typography-59fc353-font-family, Sans-serif);
    font-weight: var(--e-global-typography-59fc353-font-weight, normal);
    padding: 10px 5px 0;
    text-align: center;
    margin: 0;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .card-hr {
    border: none;
    border-top: 1px solid rgba(66, 93, 128, 0.17);
    margin: 0 auto;
    width: calc(100% - 34px);
    box-sizing: border-box;
}


/* ===================================== */
/* IV. הגדרות לכרטיס האחורי (Back Card) */
/* ===================================== */
.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card-user-card-back {
    border: 1px solid rgba(6, 42, 89, 0.14);
    background-color: #ffffff;
    border-radius: 26px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease, box-shadow 0.6s ease;
    transform: rotateY(180deg);
    z-index: 1;
    overflow: hidden;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .description-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 10px;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .description-block {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    box-sizing: border-box;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .description-block.rav-name {
    margin-top: 30px;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .rav-name-link {
    color: rgba(6, 42, 89, 0.9);
    text-decoration: none;
    transition: color 0.3s ease;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .description-block.rav-desc {
    flex-grow: 1;
    padding-left: 20px;
    padding-right: 20px;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-image-user-card-back {
    width: 100%;
    height: 164px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 26px;
    box-sizing: border-box;
    padding: 12px 12px 8px 12px;
    flex-shrink: 0;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .user-image-user-card-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 26px;
    padding: 0;
    box-sizing: border-box;
    border: none;
    display: block;
    position: static;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .description {
    font-family: var(--e-global-typography-d600006-font-family, Sans-serif);
    font-size: var(--e-global-typography-d600006-font-size, 16px);
    font-weight: var(--e-global-typography-d600006-font-weight, normal);
    padding: 2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
}


/* ===================================== */
/* V. הגדרות לכפתור (Button) */
/* ===================================== */
.elementor-1475 .elementor-element.elementor-element-ebf5884 .button-to-rav-page {
    width: 169.42px;
    height: 44px;
    border: 1px solid rgba(6, 42, 89, 0.9);
    background-color: white;
    color: rgba(6, 42, 89, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 26px;
    font-family: var(--e-global-typography-fe7b74a-font-family, sans-serif);
    font-size: var(--e-global-typography-fe7b74a-font-size, 16px);
    font-weight: var(--e-global-typography-fe7b74a-font-weight, normal);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .button-to-rav-page:hover {
    background-color: rgba(6, 42, 89, 1);
    color: white;
    border-color: rgba(6, 42, 89, 1);
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .button-to-rav-page:active {
    background-color: rgba(6, 42, 89, 0.9);
    border-color: rgba(6, 42, 89, 0.9);
}

.elementor-1475 .elementor-element.elementor-element-ebf5884 .button-to-rav-page:focus {
    outline: 2px solid rgba(6, 42, 89, 0.5);
    outline-offset: 2px;
}

/* ===================================== */
/* VI. הגדרות Flip Card והתנהגות כללית */
/* ===================================== */
@media (max-width: 767px) {
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card-user-card-back,
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card:hover > .user-card-user-card-back {
        display: none !important;
    }
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card-user-card-front,
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card:hover > .user-card-user-card-front {
        transform: rotateY(0deg) !important;
    }
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card-user-card-front {
        z-index: 2 !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    }
    .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card {
       transform: scale(1) !important;
       z-index: auto !important;
    }
}

@media (min-width: 768px) and (hover: hover) {
  .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card:hover {
    z-index: 100;
    transform: scale(1.03); /* אפקט התקרבות קל ומעודן יותר לגריד */
    transition: transform 0.4s ease-out, z-index 0s;
  }
  .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card:hover > .user-card-user-card-front {
    transform: rotateY(180deg);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }
  .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card:hover > .user-card-user-card-back {
    transform: rotateY(360deg);
    z-index: 2;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }
  .elementor-1475 .elementor-element.elementor-element-ebf5884 .user-card-user-card-back a:hover {
    text-decoration: underline !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'kedem';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dev.ybm.org.il/wp-content/uploads/2025/05/kedem-sans-bold-aaa-1.woff2') format('woff2'),
		url('https://dev.ybm.org.il/wp-content/uploads/2025/05/kedem-sans-bold-aaa-1.woff') format('woff');
}
@font-face {
	font-family: 'kedem';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dev.ybm.org.il/wp-content/uploads/2025/05/kedem-sans-regular-aaa-1.woff2') format('woff2'),
		url('https://dev.ybm.org.il/wp-content/uploads/2025/05/kedem-sans-regular-aaa-1.woff') format('woff');
}
/* End Custom Fonts CSS */