.elementor-5368 .elementor-element.elementor-element-f588246 > .elementor-container{max-width:1140px;}.elementor-5368 .elementor-element.elementor-element-f588246:not(.elementor-motion-effects-element-type-background), .elementor-5368 .elementor-element.elementor-element-f588246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5368 .elementor-element.elementor-element-f588246{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5368 .elementor-element.elementor-element-f588246 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5368 .elementor-element.elementor-element-de969f8{text-align:center;}.elementor-5368 .elementor-element.elementor-element-de969f8 .elementor-heading-title{color:#414141;font-family:"Poppins", Sans-serif;font-size:32px;font-weight:700;text-transform:uppercase;line-height:56px;letter-spacing:1.1px;}.elementor-5368 .elementor-element.elementor-element-de969f8 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-7386c68{text-align:center;color:#666666;font-family:"Poppins", Sans-serif;font-size:15px;}.elementor-5368 .elementor-element.elementor-element-7386c68 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-5368 .elementor-element.elementor-element-a3ea861{text-align:center;color:#000000;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:700;}.elementor-5368 .elementor-element.elementor-element-a3ea861 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-8b62e4b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-793c5ca > .elementor-element-populated{margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;}.elementor-5368 .elementor-element.elementor-element-e3ef012 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-0ff84e9 > .elementor-element-populated{margin:0px 10px 0px 0px;--e-column-margin-right:10px;--e-column-margin-left:0px;}.elementor-5368 .elementor-element.elementor-element-27b282a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5368 .elementor-element.elementor-element-7d69ee0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for column, class: .elementor-element-793c5ca */.e-con-inner{
    gap: 2rem !important;
    align-items: stretch !important;
}

.product-card {
    padding: 36px 32px;
    border-radius: 20px;
    border: 1px solid #E8ECF4;
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(.2,.8,.2,1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15,23,42,0.04);
    height: 100%;
    min-height: 380px;
    background: #FFFFFF !important; /* مهم */
}

/* الخط البرتقاني */
.product-card .line-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #E4572E 0%, #FF7A45 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(.2,.8,.2,1);
    z-index: 20;
}

/* الصورة + الـ Overlay - الحل النهائي */
/* الصورة + الـ Overlay - أخف */
.product-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        linear-gradient(135deg, rgba(10,22,40,0.94) 0%, rgba(30,58,95,0.70) 100%),
        url('https://www.icmi-eg.com/wp-content/uploads/2022/03/DSC_0142-scaled.jpg') center/cover no-repeat;
    opacity: 0;
    transform: scale(1.1);
    transition: all 0.6s cubic-bezier(.2,.8,.2,1);
    z-index: 2;
    pointer-events: none;
}

/* نغطي الباكجراوند الأبيض بتاع Elementor في الـ hover */
.product-card:hover {
    background: transparent !important;
    transform: translateY(-6px);
    border-color: transparent;
    box-shadow: 0 20px 40px rgba(228,87,46,0.15);
}

.product-card:hover::before {
    opacity: 1;
    transform: scale(1);
}

.product-card:hover .line-top {
    transform: scaleX(1);
}

/* المحتوى فوق */
.product-card > * {
    position: relative;
    z-index: 10;
    transition: color 0.4s ease;
}

/* النص يقلب أبيض */
.product-card:hover .elementor-heading-title { color: #FFFFFF !important; }
.product-card:hover li { color: #E2E8F0 !important; }
.product-card:hover li::before { color: #FF7A45 !important; }
.product-card:hover a { color: #FF7A45 !important; }

/* التنسيقات العادية */
.product-card .elementor-heading-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #1A1F2E;
    margin: 0 0 18px 0;
    font-family: 'Sora', sans-serif;
}

.product-card ul {
    padding-left: 0;
    margin: 0 0 24px 0;
    list-style: none;
    flex-grow: 1;
}

.product-card li {
    margin-bottom: 10px;
    color: #64748B;
    font-size: 14px;
    line-height: 1.6;
    padding-left: 24px;
    position: relative;
    font-family: 'Inter', sans-serif;
}

.product-card li::before{
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #E4572E;
    font-weight: 700;
    font-size: 14px;
}

.product-card a {
    color: #E4572E;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Sora', sans-serif;
    transition: all 0.3s cubic-bezier(.2,.8,.2,1);
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
}

.product-card a::after{ content: "→"; transition: transform 0.3s ease; }
.product-card:hover a { transform: translateX(6px); }

@media(max-width: 767px){
    .e-con-inner{ gap: 1.2rem !important; }
    .product-card { padding: 28px 24px; border-radius: 16px; min-height: auto; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8b62e4b *//* حط الكود ده في Custom CSS بتاع الـ Inner Section */
.elementor-5368 .elementor-element.elementor-element-8b62e4b .elementor-column {
  margin-left:  15px;
  margin-right:  15px;
}

.elementor-5368 .elementor-element.elementor-element-8b62e4b .foundry-card {
  height: 100%; /* عشان الكروت تبقى نفس الطول */
}/* End custom CSS */