.elementor-4285 .elementor-element.elementor-element-634b5596{border-style:solid;border-width:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-4285 .elementor-element.elementor-element-634b5596, .elementor-4285 .elementor-element.elementor-element-634b5596 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-4285 .elementor-element.elementor-element-17515a52 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;margin:0px 0px -8px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:15px 0px 0px 0px;}.elementor-4285 .elementor-element.elementor-element-17515a52 > .elementor-element-populated, .elementor-4285 .elementor-element.elementor-element-17515a52 > .elementor-element-populated > .elementor-background-overlay, .elementor-4285 .elementor-element.elementor-element-17515a52 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-4285 .elementor-element.elementor-element-634b5596{margin:-30px 0px 30px 0px;}}@media(max-width:768px){.elementor-4285 .elementor-element.elementor-element-634b5596, .elementor-4285 .elementor-element.elementor-element-634b5596 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-4285 .elementor-element.elementor-element-634b5596{margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4285 .elementor-element.elementor-element-17515a52 > .elementor-element-populated, .elementor-4285 .elementor-element.elementor-element-17515a52 > .elementor-element-populated > .elementor-background-overlay, .elementor-4285 .elementor-element.elementor-element-17515a52 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-4285 .elementor-element.elementor-element-17515a52 > .elementor-element-populated{margin:0px 0px -8px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:16px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-634b5596 *//* تأثير التدرج اللوني مع مرور الضوء */
.column-gradient {
    position: relative;
    background: linear-gradient(45deg, #262939, #99A3B5, #99A3B5); /* ألوان زرقاء فاتحة */
    background-size: 200% 200%;
    animation: gradientAnimation 5s ease infinite;
    overflow: hidden;
}

/* تأثير اللمعان (مرور الضوء) */
.column-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 15%; /* زيادة عرض اللمعة لتكون أكثر وضوحًا */
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* زيادة شدة الضوء */
    box-shadow: 
        0 0 30px rgba(255, 255, 255, 0.9), /* توهج أساسي */
        0 0 60px rgba(255, 255, 255, 0.7), /* توهج متوسط */
        0 0 100px rgba(255, 255, 255, 0.5); /* توهج خفيف في الخلفية */
    transform: skewX(-20deg);
    animation: shineEffect 3s linear infinite;
}

/* تحريك التدرج */
@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* تحريك لمعان الضوء */
@keyframes shineEffect {
    0% { left: -100%; }
    100% { left: 150%; }
}/* End custom CSS */