.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-408 .elementor-element.elementor-element-13c368b{font-family:"Noto Naskh Arabic", Sans-serif;font-size:16px;font-weight:400;font-style:italic;color:#000000;}.elementor-408 .elementor-element.elementor-element-13c368b p{margin-block-end:24px;}.elementor-408 .elementor-element.elementor-element-13c368b a{color:#0C0404;transition-duration:0.3s;}.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-408 .elementor-element.elementor-element-c22c245 .elementor-button{background-color:#09110A;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-408 .elementor-element.elementor-element-89c40ce{width:var( --container-widget-width, 89% );max-width:89%;margin:25px 20px calc(var(--kit-widget-spacing, 0px) + 25px) 20px;--container-widget-width:89%;--container-widget-flex-grow:0;}.elementor-408 .elementor-element.elementor-element-89c40ce.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-408 .elementor-element.elementor-element-89c40ce .elementor-icon-box-wrapper{gap:15px;}.elementor-408 .elementor-element.elementor-element-89c40ce.elementor-view-stacked .elementor-icon{background-color:#334D58;}.elementor-408 .elementor-element.elementor-element-89c40ce.elementor-view-framed .elementor-icon, .elementor-408 .elementor-element.elementor-element-89c40ce.elementor-view-default .elementor-icon{fill:#334D58;color:#334D58;border-color:#334D58;}.elementor-408 .elementor-element.elementor-element-89c40ce .elementor-icon-box-title, .elementor-408 .elementor-element.elementor-element-89c40ce .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-size:39px;font-weight:600;line-height:31px;}.elementor-408 .elementor-element.elementor-element-89c40ce .elementor-icon-box-title{color:#2F4B57;}.elementor-408 .elementor-element.elementor-element-7942cc8{margin:25px 20px calc(var(--kit-widget-spacing, 0px) + 25px) 20px;}.elementor-408 .elementor-element.elementor-element-7942cc8 .elementor-icon-box-wrapper{gap:15px;}.elementor-408 .elementor-element.elementor-element-7942cc8.elementor-view-stacked .elementor-icon{background-color:#244350;}.elementor-408 .elementor-element.elementor-element-7942cc8.elementor-view-framed .elementor-icon, .elementor-408 .elementor-element.elementor-element-7942cc8.elementor-view-default .elementor-icon{fill:#244350;color:#244350;border-color:#244350;}.elementor-408 .elementor-element.elementor-element-7942cc8 .elementor-icon-box-title, .elementor-408 .elementor-element.elementor-element-7942cc8 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-size:39px;font-weight:600;line-height:56px;}.elementor-408 .elementor-element.elementor-element-7942cc8 .elementor-icon-box-title{color:#2D4B58;}.elementor-408 .elementor-element.elementor-element-f99eed2{margin:25px 20px calc(var(--kit-widget-spacing, 0px) + 25px) 20px;}.elementor-408 .elementor-element.elementor-element-f99eed2 .elementor-icon-box-wrapper{gap:15px;}.elementor-408 .elementor-element.elementor-element-f99eed2.elementor-view-stacked .elementor-icon{background-color:#0D3749;}.elementor-408 .elementor-element.elementor-element-f99eed2.elementor-view-framed .elementor-icon, .elementor-408 .elementor-element.elementor-element-f99eed2.elementor-view-default .elementor-icon{fill:#0D3749;color:#0D3749;border-color:#0D3749;}.elementor-408 .elementor-element.elementor-element-f99eed2 .elementor-icon-box-title, .elementor-408 .elementor-element.elementor-element-f99eed2 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-size:39px;font-weight:600;line-height:60px;}.elementor-408 .elementor-element.elementor-element-f99eed2 .elementor-icon-box-title{color:#05131A;}.elementor-408 .elementor-element.elementor-element-f683865{text-align:center;}.elementor-408 .elementor-element.elementor-element-acfa41d{--display:flex;}.elementor-408 .elementor-element.elementor-element-ad3fa6e{--display:flex;}.elementor-408 .elementor-element.elementor-element-99128cd{--display:flex;}.elementor-408 .elementor-element.elementor-element-1f839a2{--display:flex;}.elementor-408 .elementor-element.elementor-element-0726f5e{--display:flex;}.elementor-408 .elementor-element.elementor-element-35902a8{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-408 .elementor-element.elementor-element-c8f7ec6 .elementor-button{background-color:#152517;}.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 );}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   SEO SERVICES PAGE - PREMIUM PROFESSIONAL DESIGN
   PAGE ID: 408
   ========================================================= */

/* =========================================
   SEO LIGHT PROFESSIONAL BACKGROUND
   ========================================= */

body.page-id-408 {
    background-image: url("https://i.pinimg.com/736x/e0/f7/4f/e0f74fbf8aa1bdf8f62ff64afd7595a2.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


/* Keep Elementor containers transparent */
body.page-id-408 .e-con {
    background-color: transparent !important;
}


/* =========================================
   SEO CARDS
   ========================================= */

body.page-id-408 .elementor-icon-box-wrapper {
    background: rgba(255, 255, 255, 0.97);

    border: 2px solid rgba(15, 118, 110, 0.18);

    border-radius: 16px;

    padding: 28px 22px;

    box-shadow:
        0 8px 22px rgba(30, 60, 75, 0.12);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   CARD HOVER
   ========================================= */

body.page-id-408 .elementor-icon-box-wrapper:hover {
    transform: translateY(-8px);

    border-color: #0f766e;

    box-shadow:
        0 18px 35px rgba(15, 118, 110, 0.20);
}


/* =========================================
   ICON ANIMATION
   ========================================= */

body.page-id-408 .elementor-icon {
    transition: transform 0.35s ease;
}

body.page-id-408 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: scale(1.12);
}


/* =========================================
   SEO CARD LOOK
   ========================================= */

body.page-id-408 .elementor-icon-box-wrapper {
    background: rgba(255, 255, 255, 0.96);
    border: 2px solid rgba(30, 60, 75, 0.35);
    border-radius: 16px;

    padding: 28px 22px;

    box-shadow:
        0 8px 22px rgba(20, 50, 70, 0.16);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Card Hover */
body.page-id-408 .elementor-icon-box-wrapper:hover {
    transform: translateY(-8px);

    border-color: #0f766e;

    box-shadow:
        0 18px 35px rgba(15, 118, 110, 0.22);
}


/* =========================================
   ICON ANIMATION
   ========================================= */

body.page-id-408 .elementor-icon {
    transition: transform 0.35s ease;
}

body.page-id-408 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: scale(1.12);
}

/* =========================================
   SEO CARD LOOK
   ========================================= */

body.page-id-408 .elementor-icon-box-wrapper {
    background: rgba(255, 255, 255, 0.96);
    border: 2px solid rgba(30, 60, 75, 0.35);
    border-radius: 16px;

    padding: 28px 22px;

    box-shadow:
        0 8px 22px rgba(20, 50, 70, 0.16);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================
   CARD HOVER
   ========================================= */

body.page-id-408 .elementor-icon-box-wrapper:hover {
    transform: translateY(-8px);

    border-color: #0f766e;

    box-shadow:
        0 18px 35px rgba(15, 118, 110, 0.22);
}


/* =========================================
   ICON ANIMATION
   ========================================= */

body.page-id-408 .elementor-icon {
    transition: transform 0.35s ease;
}

body.page-id-408 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: scale(1.12);
}

/* =========================================
   SEO CARD LOOK
   ========================================= */

body.page-id-408 .elementor-icon-box-wrapper {
    background: rgba(255, 255, 255, 0.96);
    border: 2px solid rgba(30, 60, 75, 0.35);
    border-radius: 16px;

    padding: 28px 22px;

    box-shadow:
        0 8px 22px rgba(20, 50, 70, 0.16);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Card hover */
body.page-id-408 .elementor-icon-box-wrapper:hover {
    transform: translateY(-8px);

    border-color: #0f766e;

    box-shadow:
        0 18px 35px rgba(15, 118, 110, 0.22);
}


/* =========================================
   ICON
   ========================================= */

body.page-id-408 .elementor-icon {
    transition: transform 0.35s ease;
}

body.page-id-408 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: scale(1.12);
}


/* =========================================================
   2. HEADINGS
   ========================================================= */

body.page-id-408 h1,
body.page-id-408 h2,
body.page-id-408 h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #172033;
}

body.page-id-408 h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1px;
}

body.page-id-408 h2 {
    font-size: 36px;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

body.page-id-408 h3 {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}


/* =========================================================
   3. TEXT
   ========================================================= */

body.page-id-408 p {
    color: #536273;
    line-height: 1.7;
}


/* =========================================================
   4. SEO ICON CARDS
   ========================================================= */

body.page-id-408 .elementor-icon-box-wrapper {
    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(15, 118, 110, 0.18);

    border-radius: 18px;

    padding: 28px 24px;

    box-shadow:
        0 12px 30px rgba(22, 40, 55, 0.10);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Card Hover */
body.page-id-408 .elementor-icon-box-wrapper:hover {
    transform: translateY(-8px);

    border-color: #0d9488;

    box-shadow:
        0 20px 42px rgba(15, 118, 110, 0.20);
}


/* =========================================================
   5. CARD TITLES
   ========================================================= */

body.page-id-408 .elementor-icon-box-title {
    color: #172033;
    font-weight: 700;
}


/* =========================================================
   6. ICON DESIGN
   ========================================================= */

body.page-id-408 .elementor-icon {
    transition:
        transform 0.35s ease,
        color 0.35s ease;
}

body.page-id-408 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: scale(1.12);
}
/* =========================================================
   MANUAL FLEXBOX CARDS
   Same design as Icon Cards
   ========================================================= */

body.page-id-408 .e-con > .e-con {
    background: rgba(255, 255, 255, 0.96) !important;

    border: 1px solid rgba(15, 118, 110, 0.18) !important;

    border-radius: 18px !important;

    padding: 28px 24px !important;

    box-shadow:
        0 12px 30px rgba(22, 40, 55, 0.10);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Hover */

body.page-id-408 .e-con > .e-con:hover {
    transform: translateY(-8px);

    border-color: #0d9488 !important;

    box-shadow:
        0 20px 42px rgba(15, 118, 110, 0.20);
}
/* =========================================================
   8. BUTTONS
   ========================================================= */

body.page-id-408 .elementor-button {
    background: linear-gradient(
        135deg,
        #0f766e,
        #0d9488
    );

    color: #ffffff;

    border: none;

    border-radius: 10px;

    padding: 14px 28px;

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 0.2px;

    box-shadow:
        0 8px 22px rgba(15, 118, 110, 0.22);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* Button hover */

body.page-id-408 .elementor-button:hover {
    transform: translateY(-4px);

    box-shadow:
        0 15px 32px rgba(15, 118, 110, 0.30);
}


/* =========================================================
   9. SECTION HEADINGS
   ========================================================= */

body.page-id-408 h2::after {
    content: "";

    display: block;

    width: 55px;

    height: 4px;

    margin: 13px auto 0;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        #0f766e,
        #0d9488
    );
}


/* =========================================================
   10. FAQ
   ========================================================= */

body.page-id-408 .elementor-accordion .elementor-tab-title {
    background: rgba(255, 255, 255, 0.98);

    border: 1px solid #dce5e9;

    border-radius: 12px;

    margin-bottom: 10px;

    color: #172033;

    font-weight: 600;

    transition: all 0.3s ease;
}


/* FAQ hover */

body.page-id-408 .elementor-accordion .elementor-tab-title:hover {
    background: #f0fdfa;

    border-color: #0d9488;

    transform: translateX(4px);
}


/* FAQ content */

body.page-id-408 .elementor-accordion .elementor-tab-content {
    background: rgba(255, 255, 255, 0.98);

    border-radius: 0 0 12px 12px;

    color: #536273;

    line-height: 1.7;
}


/* =========================================================
   11. HERO IMAGE
   ========================================================= */

body.page-id-408 .elementor-widget-image img {
    border-radius: 20px;

    box-shadow:
        0 18px 45px rgba(22, 40, 55, 0.14);

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}


body.page-id-408 .elementor-widget-image img:hover {
    transform: scale(1.025);

    box-shadow:
        0 24px 55px rgba(22, 40, 55, 0.20);
}


/* =========================================================
   12. LINKS
   ========================================================= */

body.page-id-408 a {
    transition: all 0.3s ease;
}


/* =========================================================
   13. MOBILE RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    body.page-id-408 {
        background-attachment: scroll;
    }

    body.page-id-408 h1 {
        font-size: 36px;
        letter-spacing: -0.5px;
    }

    body.page-id-408 h2 {
        font-size: 29px;
    }

    body.page-id-408 h3 {
        font-size: 21px;
    }

    body.page-id-408 p {
        line-height: 1.65;
    }

    body.page-id-408 .elementor-button {
        padding: 12px 21px;
    }

    body.page-id-408 .elementor-icon-box-wrapper {
        padding: 22px 18px;
        border-radius: 15px;
    }

    body.page-id-408 .e-con:has(h3) {
        border-radius: 15px;
    }
}/* End custom CSS */