.elementor-12 .elementor-element.elementor-element-bccf569{--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;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-bccf569:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-bccf569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://topservicesco.com/wp-content/uploads/2026/09/e2056ecc-f223-4042-84b6-f9c3c0981f51.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-adf4362{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-369961f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:900;color:var( --e-global-color-80cd72e );}.elementor-12 .elementor-element.elementor-element-be8aca8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;color:var( --e-global-color-80cd72e );}.elementor-12 .elementor-element.elementor-element-e07db5d{--display:flex;}.elementor-12 .elementor-element.elementor-element-b86c3a0{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7fb171a{--display:flex;}.elementor-12 .elementor-element.elementor-element-c4fc176 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:600;color:var( --e-global-color-86963c2 );}.elementor-12 .elementor-element.elementor-element-177c386 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:31px;font-weight:700;line-height:40px;color:var( --e-global-color-a917187 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-8c4d63c{text-align:justify;color:var( --e-global-color-7ef4cae );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-256d9e0 .elementor-button{background-color:var( --e-global-color-f564ba9 );font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-256d9e0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-7c645b3{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-619a2bc img{border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-c1a177e{--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;}.elementor-12 .elementor-element.elementor-element-91a94c8{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--align-items:center;}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact{background-color:#F2F9FE;justify-content:center;display:flex;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact .funfact-icon img{margin-bottom:25px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact .elementskit-funfact-icon{color:var( --e-global-color-1e1fa19 );}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact .funfact-icon svg{fill:var( --e-global-color-1e1fa19 );}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact .elementskit-funfact-icon, .elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact svg{background-color:#FFFFFF00;border-radius:50px 50px 50px 50px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact-icon{font-size:48px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .funfact-icon svg{font-size:48px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact-icon, .elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact svg{margin-bottom:-2px;padding:0px;transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact .funfact-content .number-percentage-wraper{color:var( --e-global-color-1e1fa19 );font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:700;margin-bottom:12px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact .funfact-content .number-percentage{margin-right:3px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact .funfact-title{margin-bottom:11px;color:var( --e-global-color-1e1fa19 );font-family:"Open Sans", Sans-serif;font-size:15px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .funfact-content {margin:0px 20px 0px 0px;}.elementor-12 .elementor-element.elementor-element-6e7a48f .elementskit-funfact .elementskit-funfact-inner{padding:20px 10px 20px 10px;}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact{background-color:#F2F9FE;justify-content:center;display:flex;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact .funfact-icon img{margin-bottom:25px;}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact .elementskit-funfact-icon{color:var( --e-global-color-1e1fa19 );}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact .funfact-icon svg{fill:var( --e-global-color-1e1fa19 );}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact .elementskit-funfact-icon, .elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact svg{background-color:#FFFFFF00;border-radius:50px 50px 50px 50px;}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact-icon{font-size:48px;}.elementor-12 .elementor-element.elementor-element-12416d2 .funfact-icon svg{font-size:48px;}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact-icon, .elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact svg{margin-bottom:-2px;padding:0px;transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact .funfact-content .number-percentage-wraper{color:var( --e-global-color-1e1fa19 );font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:700;margin-bottom:12px;}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact .funfact-content .number-percentage{margin-right:3px;}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact .funfact-title{margin-bottom:11px;color:var( --e-global-color-1e1fa19 );font-family:"Open Sans", Sans-serif;font-size:15px;}.elementor-12 .elementor-element.elementor-element-12416d2 .funfact-content {margin:0px 20px 0px 0px;}.elementor-12 .elementor-element.elementor-element-12416d2 .elementskit-funfact .elementskit-funfact-inner{padding:20px 10px 20px 10px;}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact{background-color:#F2F9FE;justify-content:center;display:flex;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact .funfact-icon img{margin-bottom:25px;}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact .elementskit-funfact-icon{color:var( --e-global-color-1e1fa19 );}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact .funfact-icon svg{fill:var( --e-global-color-1e1fa19 );}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact .elementskit-funfact-icon, .elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact svg{background-color:#FFFFFF00;border-radius:50px 50px 50px 50px;}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact-icon{font-size:48px;}.elementor-12 .elementor-element.elementor-element-242ba75 .funfact-icon svg{font-size:48px;}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact-icon, .elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact svg{margin-bottom:-2px;padding:0px;transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact .funfact-content .number-percentage-wraper{color:var( --e-global-color-1e1fa19 );font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:700;margin-bottom:12px;}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact .funfact-content .number-percentage{margin-right:3px;}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact .funfact-title{margin-bottom:11px;color:var( --e-global-color-1e1fa19 );font-family:"Open Sans", Sans-serif;font-size:15px;}.elementor-12 .elementor-element.elementor-element-242ba75 .funfact-content {margin:0px 20px 0px 0px;}.elementor-12 .elementor-element.elementor-element-242ba75 .elementskit-funfact .elementskit-funfact-inner{padding:20px 10px 20px 10px;}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact{background-color:#F2F9FE;justify-content:center;display:flex;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact .funfact-icon img{margin-bottom:25px;}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact .elementskit-funfact-icon{color:var( --e-global-color-1e1fa19 );}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact .funfact-icon svg{fill:var( --e-global-color-1e1fa19 );}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact .elementskit-funfact-icon, .elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact svg{background-color:#FFFFFF00;border-radius:50px 50px 50px 50px;}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact-icon{font-size:48px;}.elementor-12 .elementor-element.elementor-element-483f66e .funfact-icon svg{font-size:48px;}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact-icon, .elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact svg{margin-bottom:-2px;padding:0px;transform:rotate(0deg);}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact .funfact-content .number-percentage-wraper{color:var( --e-global-color-1e1fa19 );font-family:"Roboto Slab", Sans-serif;font-size:30px;font-weight:700;margin-bottom:12px;}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact .funfact-content .number-percentage{margin-right:3px;}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact .funfact-title{margin-bottom:11px;color:var( --e-global-color-1e1fa19 );font-family:"Open Sans", Sans-serif;font-size:15px;}.elementor-12 .elementor-element.elementor-element-483f66e .funfact-content {margin:0px 20px 0px 0px;}.elementor-12 .elementor-element.elementor-element-483f66e .elementskit-funfact .elementskit-funfact-inner{padding:20px 10px 20px 10px;}.elementor-12 .elementor-element.elementor-element-c505fbe{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-438e4e8{--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;--overlay-opacity:0.5;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-438e4e8:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-438e4e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://topservicesco.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-20-2026-07_01_45-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-438e4e8::before, .elementor-12 .elementor-element.elementor-element-438e4e8 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-438e4e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-438e4e8 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-438e4e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-438e4e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-7c6e471 );--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-296aa62{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-2769fb8{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-4a989f7{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-12 .elementor-element.elementor-element-e609dce{text-align:start;}.elementor-12 .elementor-element.elementor-element-e609dce .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:900;color:var( --e-global-color-80cd72e );}.elementor-12 .elementor-element.elementor-element-de5b715{text-align:start;}.elementor-12 .elementor-element.elementor-element-de5b715 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:900;color:var( --e-global-color-80cd72e );}.elementor-12 .elementor-element.elementor-element-c16501a{text-align:start;font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-80cd72e );}.elementor-12 .elementor-element.elementor-element-3bb1b7c .elementor-button{background-color:var( --e-global-color-f564ba9 );font-family:"Roboto", Sans-serif;font-weight:500;text-decoration:none;border-radius:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-3bb1b7c .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-91a94c8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-177c386 .elementor-heading-title{font-size:26px;}.elementor-12 .elementor-element.elementor-element-91a94c8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-438e4e8:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-438e4e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://topservicesco.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-20-2026-07_01_45-PM.png");background-position:bottom left;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-438e4e8{--justify-content:center;--overlay-opacity:0.78;}}/* Start custom CSS for container, class: .elementor-element-bccf569 */.about-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;

    background:

        /* تغميق بسيط أسفل الهيرو */
        linear-gradient(
            180deg,
            rgba(0,30,60,.04) 0%,
            rgba(0,30,60,.12) 60%,
            rgba(0,30,60,.28) 100%
        ),

        /* التدرج الرئيسي */
        linear-gradient(
            90deg,
            rgba(0,35,67,.05) 0%,
            rgba(0,35,67,.12) 22%,
            rgba(0,38,72,.30) 42%,
            rgba(0,40,75,.55) 58%,
            rgba(0,42,78,.78) 72%,
            rgba(0,39,74,.92) 88%,
            rgba(0,33,65,.98) 100%
        );
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-619a2bc *//* =========================================
   TSC ABOUT IMAGE ANIMATION
========================================= */

.tsc-about-image{
    position: relative;
    overflow: visible !important;

    /* ظهور ناعم أول ما الصفحة تفتح */
    animation: tscImageReveal 1s ease-out both;
}


/* حركة هادئة مستمرة للصورة */
.tsc-about-image img{
    display: block;
    width: 100%;

    animation: tscImageFloat 5s ease-in-out infinite;

    transition:
        transform .4s ease,
        filter .4s ease;

    will-change: transform;
}


/* Hover */
.tsc-about-image:hover img{
    transform: translateY(-6px) scale(1.015);

    filter:
        drop-shadow(0 18px 25px rgba(0, 71, 125, 0.15));
}


/* =========================================
   REVEAL
========================================= */

@keyframes tscImageReveal{

    0%{
        opacity: 0;
        transform: translateY(35px) scale(.97);
    }

    100%{
        opacity: 1;
        transform: translateY(0) scale(1);
    }

}


/* =========================================
   FLOATING
========================================= */

@keyframes tscImageFloat{

    0%,
    100%{
        transform: translateY(0);
    }

    50%{
        transform: translateY(-10px);
    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .tsc-about-image img{
        animation-duration: 6s;
    }

    @keyframes tscImageFloat{

        0%,
        100%{
            transform: translateY(0);
        }

        50%{
            transform: translateY(-5px);
        }

    }

}


/* احترام إعداد تقليل الحركة */
@media(prefers-reduced-motion:reduce){

    .tsc-about-image,
    .tsc-about-image img{
        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91a94c8 */.stats-grid > .e-con{
    position: relative;
}

/* الخط */
.stats-grid > .e-con:not(:last-child)::after{
    content: "";
    position: absolute;

    top: 18%;
    bottom: 18%;

    inset-inline-end: 0;

    width: 1px;

    background: rgba(255,255,255,0.20);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1a177e *//* =========================================
   STATS GRID - DIVIDERS
========================================= */

.stats-grid{
    position: relative;
    direction: rtl;

    /* خلي المسافات بين الأعمدة صفر
       لأن المسافة هنعملها بالـ padding */
    column-gap: 0 !important;
    row-gap: 0 !important;
}


/* كل بوكس داخل الجريد */
.stats-grid > .e-con{
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 14px 28px !important;
}


/* الخط الفاصل بين كل بوكس */
.stats-grid > .e-con:not(:last-child)::after{
    content: "";

    position: absolute;

    top: 20%;
    bottom: 20%;

    /* مناسب مع RTL */
    left: 0;

    width: 1px;

    background: rgba(255,255,255,0.20);

    pointer-events: none;
}


/* =========================================
   لو Elementor بيضيف elementor-element
   بدل e-con مباشرة
========================================= */

.stats-grid > .elementor-element{
    position: relative;
}

.stats-grid > .elementor-element:not(:last-child)::after{
    content: "";

    position: absolute;

    top: 20%;
    bottom: 20%;

    left: 0;

    width: 1px;

    background: rgba(255,255,255,0.20);

    pointer-events: none;
}


/* =========================================
   يمنع تكرار الخط لو العنصر عليه
   e-con و elementor-element معاً
========================================= */

.stats-grid > .e-con.elementor-element:not(:last-child)::after{
    content: "";

    position: absolute;

    top: 20%;
    bottom: 20%;

    left: 0;

    width: 1px;

    background: rgba(255,255,255,0.20);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px){

    .stats-grid > .e-con,
    .stats-grid > .elementor-element{
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

}


/* =========================================
   MOBILE
   إلغاء الخطوط الرأسية
========================================= */

@media (max-width: 767px){

    .stats-grid > .e-con:not(:last-child)::after,
    .stats-grid > .elementor-element:not(:last-child)::after{
        display: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-438e4e8 *//* =========================================
   CTA BACKGROUND - DESKTOP
========================================= */

.tsc-cta-bg{
    position: relative;

    min-height: 360px;

    background-size: cover !important;
    background-repeat: no-repeat !important;

    /* الخوذة ناحية اليمين */
    background-position: center center !important;

    overflow: hidden;
}


/* =========================================
   TABLET
========================================= */

@media (max-width:1024px){

    .tsc-cta-bg{
        min-height: 340px;

        background-position: 65% center !important;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width:767px){

    .tsc-cta-bg{
        min-height: 520px;

        /*
         * نركز الصورة على الخوذة
         * بدل منتصف الصورة الأصلي
         */
        background-position: 73% center !important;

        background-size: cover !important;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width:480px){

    .tsc-cta-bg{
        min-height: 480px;

        background-position: 76% center !important;
    }

}/* End custom CSS */