.elementor-18 .elementor-element.elementor-element-b4cfb0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-306px;--margin-bottom:12px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-47205f5 .elementor-repeater-item-a9bfbec .swiper-slide-bg{background-image:url(https://elbreky.com/wp-content/uploads/2025/03/1689607802gfgfg.png);background-size:cover;}.elementor-18 .elementor-element.elementor-element-47205f5 .swiper-slide{transition-duration:calc(5000ms*1.2);height:33.7em;}.elementor-18 .elementor-element.elementor-element-47205f5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-47205f5 .swiper-slide-contents{max-width:100%;}.elementor-18 .elementor-element.elementor-element-47205f5 .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-18 .elementor-element.elementor-element-03937c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-16px;--margin-bottom:55px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-61c7ca1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:23px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:-13px;--margin-bottom:0px;--margin-left:600px;--margin-right:1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-18 .elementor-element.elementor-element-61c7ca1:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-61c7ca1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-8d04d02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-8d04d02.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-7060933{text-align:end;}.elementor-18 .elementor-element.elementor-element-7060933 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-weight:normal;color:#000000;}.elementor-18 .elementor-element.elementor-element-44a6937{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-c49917e{text-align:start;}.elementor-18 .elementor-element.elementor-element-c49917e .elementor-heading-title{font-family:"Tajawal", Sans-serif;color:#000000;}.elementor-18 .elementor-element.elementor-element-bd7ba26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-18:not(.elementor-motion-effects-element-type-background), body.elementor-page-18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F3F8;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-61c7ca1{--width:19%;}.elementor-18 .elementor-element.elementor-element-8d04d02{--width:50%;}.elementor-18 .elementor-element.elementor-element-44a6937{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-a91733d */.cards-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.card {
    width: 350px;
    height: 200px;
    border-radius: 15px;
    color: white; /* يجعل كل النصوص داخل الكارد بيضاء */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    font-family: "Tajawal", sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
    text-decoration: none;
}

/* الألوان الأصلية */
.red-card {
    background-color: #111;
}

.black-card {
    background-color: #111;
}

/* الدائرة الحمراء */
.card::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
    z-index: 1;
}

/* تحديد لون الدائرة بناءً على لون الكارد */
.red-card::before,
.black-card::before {
    background-color: #800000; /* لون أحمر شفاف */
}

/* عند تمرير الماوس */
.card:hover::before {
    width: 500px;
    height: 500px;
    transform: translate(-50%, -50%) scale(1);
}

/* جعل النصوص تظهر فوق التأثير */
.card h3, .card p, .card a {
    position: relative;
    z-index: 2;
    color: white; /* التأكد من أن الخط أبيض */
}

/* التأكد من أن اللينك يظهر بشكل واضح */
.card a {
    font-weight: bold;
    text-decoration: none;
}

.card a:hover {
    text-decoration: underline;
}/* End custom CSS */