.elementor-19 .elementor-element.elementor-element-82a0588{--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-19 .elementor-element.elementor-element-8a18f50{--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:0px;--margin-bottom:0px;--margin-left:-40px;--margin-right:0px;--padding-top:160px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1f63b43 .elementor-heading-title{font-size:41px;color:#0F3042;}.elementor-19 .elementor-element.elementor-element-5de0f59{width:var( --container-widget-width, 52.623% );max-width:52.623%;--container-widget-width:52.623%;--container-widget-flex-grow:0;font-size:18px;color:#5B6B79;}.elementor-19 .elementor-element.elementor-element-5de0f59.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-ad1e615{--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;--padding-top:50px;--padding-bottom:21px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-ad1e615:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-ad1e615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-0323b4d{--display:flex;}.elementor-19 .elementor-element.elementor-element-4b64431{--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-19 .elementor-element.elementor-element-4b64431:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-4b64431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-e54b696{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:46px;--margin-bottom:46px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-e54b696:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-e54b696 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F3042;}.elementor-19 .elementor-element.elementor-element-e54b696.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-90d6484{text-align:center;}.elementor-19 .elementor-element.elementor-element-90d6484 .elementor-heading-title{font-size:39px;color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-6cacd83{padding:0px 60px 0px 60px;columns:1;text-align:center;font-size:17px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-efe4602 .elementor-button{background-color:#FFFFFF;font-size:18px;font-weight:700;fill:#111111;color:#111111;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:8px 8px 8px 8px;}.elementor-19 .elementor-element.elementor-element-efe4602 .elementor-button:hover, .elementor-19 .elementor-element.elementor-element-efe4602 .elementor-button:focus{box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-e54b696{--width:100.036%;}}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-8a18f50{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:30px;--padding-left:30px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-90d6484 .elementor-heading-title{font-size:32px;}.elementor-19 .elementor-element.elementor-element-6cacd83{font-size:15px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-8a18f50{--padding-top:120px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1f63b43 .elementor-heading-title{font-size:31px;}.elementor-19 .elementor-element.elementor-element-5de0f59{width:var( --container-widget-width, 315.675px );max-width:315.675px;--container-widget-width:315.675px;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-90d6484 .elementor-heading-title{font-size:21px;line-height:1.4em;}.elementor-19 .elementor-element.elementor-element-6cacd83{padding:0px 20px 0px 20px;font-size:13px;}}/* Start custom CSS for container, class: .elementor-element-82a0588 */.elementor-19 .elementor-element.elementor-element-82a0588{
      background: linear-gradient(to bottom, #ffffff, #f7fbfd);
  border-bottom: 2px solid #003d73;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85510f7 */.item {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 24px;
    position: relative;
    align-items: start;
}

.item + .item {
    margin-top: 22px;
}

.card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 6px 24px rgba(12, 24, 48, .12);
}

.tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #0d214a;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
}

.year {
    background: #0c1830;
    color: #fff;
    border-radius: 14px;
   
    padding: 12px 16px;
    width: max-content;
    margin-top: 30px;
    font-weight: 900;
    box-shadow: 0 6px 24px rgba(12, 24, 48, .12);
    position: relative;
}

.year::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -38px;
    width: 18px;
    height: 18px;
    background: #F5C518;
    border: 4px solid #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
}

/* 📱 تحسين العرض على الشاشات الصغيرة */
@media (max-width: 768px) {
    .item {
        grid-template-columns: 1fr; /* عمود واحد */
        gap: 16px;
    }
    .year {
        margin: 10px 5px;
    }
    .year::after {
        margin-top:5px;
        right: auto;
        left: 50%;
        top: 100%;
        transform: translate(-50%, 0);
    }
}/* End custom CSS */