.elementor .card-item{position: relative;
overflow: hidden;
z-index: 1;
transition: color 0.4s ease;
}

/* יצירת שכבת הרקע המתמלאת */
.card-item::before {
content: "";
position: absolute;
top: 0;
right: 0; /* מתחיל מימין */
width: 100%;
height: 100%;
background-color: #F5F6FA; /* החליפי בצבע הרקע הרצוי למעבר */
z-index: -1; /* דואג שהרקע יישאר מאחורי הטקסט */

/* מיקום התחלתי: מוסתר מחוץ לכרטיס בצד ימין */
transform: scaleX(0);
transform-origin: right; /* נקודת ההתחלה מימין */
transition: transform 0.4s ease-in-out; /* מהירות האנימציה */
}

/* אפקט המעבר בעת רחיפה (Hover) */
.card-item:hover::before {
/* מילוי הרקע לרוחב מלא מימין לשמאל */
transform: scaleX(1);\n}.elementor .card-itemm{position: relative;
overflow: hidden;
z-index: 1;
transition: color 0.4s ease;
}

/* יצירת שכבת הרקע המתמלאת */
.card-itemm::before {
content: "";
position: absolute;
top: 0;
right: 0; /* מתחיל מימין */
width: 100%;
height: 100%;
background-color: #F9EBF4; /* החליפי בצבע הרקע הרצוי למעבר */
z-index: -1; /* דואג שהרקע יישאר מאחורי הטקסט */

/* מיקום התחלתי: מוסתר מחוץ לכרטיס בצד ימין */
transform: scaleX(0);
transform-origin: right; /* נקודת ההתחלה מימין */
transition: transform 0.4s ease-in-out; /* מהירות האנימציה */
}

/* אפקט המעבר בעת רחיפה (Hover) */
.card-itemm:hover::before {
/* מילוי הרקע לרוחב מלא מימין לשמאל */
transform: scaleX(1);\n}.elementor .card-itemmm{position: relative;
overflow: hidden;
z-index: 1;
transition: color 0.4s ease;
}

/* יצירת שכבת הרקע המתמלאת */
.card-itemmm::before {
content: "";
position: absolute;
top: 0;
right: 0; /* מתחיל מימין */
width: 100%;
height: 100%;
background-color: #FFFBE5; /* החליפי בצבע הרקע הרצוי למעבר */
z-index: -1; /* דואג שהרקע יישאר מאחורי הטקסט */

/* מיקום התחלתי: מוסתר מחוץ לכרטיס בצד ימין */
transform: scaleX(0);
transform-origin: right; /* נקודת ההתחלה מימין */
transition: transform 0.4s ease-in-out; /* מהירות האנימציה */
}

/* אפקט המעבר בעת רחיפה (Hover) */
.card-itemmm:hover::before {
/* מילוי הרקע לרוחב מלא מימין לשמאל */
transform: scaleX(1);\n}.elementor .card-itemmmm{padding-block-start:10vh;padding-block-end:10vh;padding-inline-start:3vw;padding-inline-end:3vw;position: relative;
overflow: hidden;
z-index: 1;
transition: color 0.4s ease;
}

/* יצירת שכבת הרקע המתמלאת */
.card-itemmmm::before {
content: "";
position: absolute;
top: 0;
right: 0; /* מתחיל מימין */
width: 100%;
height: 100%;
background-color: #EDF5F7; /* החליפי בצבע הרקע הרצוי למעבר */
z-index: -1; /* דואג שהרקע יישאר מאחורי הטקסט */

/* מיקום התחלתי: מוסתר מחוץ לכרטיס בצד ימין */
transform: scaleX(0);
transform-origin: right; /* נקודת ההתחלה מימין */
transition: transform 0.4s ease-in-out; /* מהירות האנימציה */
}

/* אפקט המעבר בעת רחיפה (Hover) */
.card-itemmmm:hover::before {
/* מילוי הרקע לרוחב מלא מימין לשמאל */
transform: scaleX(1);\n}