/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/* =========================================================
   SAURABH OMER - COMPLETE PREMIUM HERO CSS
   Elementor Section: #section_banner
   Theme: Dark Navy + Orange + Glass + Premium Consultant
   ========================================================= */


/* =========================================================
   01. ROOT VARIABLES
   ========================================================= */
/* =========================================================
   GLOBAL ELEMENTOR CONTENT WIDTH
   ========================================================= */

.e-con-inner{
    width:100% !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* =========================================================
   SPECIFIC SECTION OVERRIDES
   Existing 1380 / 1400 / 1450 widths ko override karega
   ========================================================= */

#section_banner > .e-con-inner,
#section_brand > .e-con-inner,
#section_about > .e-con-inner{
    width:100% !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* Hero bottom stats bhi content width ke saath align */
#section_banner .elementor-element-6dcd9fa{
    max-width:1200px !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width:1201px){

    .e-con-inner{
        max-width:1200px !important;
    }

    #section_banner > .e-con-inner,
    #section_brand > .e-con-inner,
    #section_about > .e-con-inner{
        max-width:1200px !important;
    }

}


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

@media (max-width:1200px){

    .e-con-inner{
        width:calc(100% - 48px) !important;
        max-width:1200px !important;
    }

}


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

@media (max-width:767px){

    .e-con-inner{
        width:calc(100% - 30px) !important;
        max-width:100% !important;
    }

}


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

@media (max-width:480px){

    .e-con-inner{
        width:calc(100% - 24px) !important;
    }

}
#section_banner{
    --orange:#ff7a18;
    --orange-2:#ff9d2f;
    --orange-3:#ffb640;
    --green:#25d366;

    --navy:#020b15;
    --navy-2:#04101e;
    --navy-3:#071727;

    --white:#ffffff;
    --text:#d6dce5;
    --muted:#a8b3c0;

    position:relative;
    isolation:isolate;
    overflow:hidden;

    width:100%;
    min-height:850px;

    padding:92px 30px 105px;

    color:#fff;

    background-color:#020a14;

    background-image:
        linear-gradient(
            90deg,
            rgba(1,9,18,.98) 0%,
            rgba(2,11,21,.97) 25%,
            rgba(3,13,24,.88) 42%,
            rgba(3,12,23,.55) 58%,
            rgba(3,9,17,.22) 78%,
            rgba(2,7,13,.10) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 0%,
            rgba(0,0,0,.04) 55%,
            rgba(0,0,0,.56) 100%
        ),
        url("https://saurabhomer.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-26-2026-06_32_10-PM.png");

    background-repeat:no-repeat;
    background-size:cover;
    background-position:center top;
}


/* =========================================================
   02. DECORATIVE ORANGE GLOW
   ========================================================= */

#section_banner::before{
    content:"";

    position:absolute;

    width:620px;
    height:620px;

    right:-170px;
    top:30px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,132,22,.26) 0%,
            rgba(255,110,15,.13) 30%,
            rgba(255,90,0,.05) 50%,
            transparent 72%
        );

    filter:blur(12px);

    pointer-events:none;

    z-index:-1;
}


/* =========================================================
   03. BOTTOM DARK FADE
   ========================================================= */

#section_banner::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:250px;

    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(0,4,10,.23) 30%,
            rgba(0,4,10,.75) 75%,
            rgba(0,4,10,.96) 100%
        );

    pointer-events:none;

    z-index:-1;
}


/* =========================================================
   04. MAIN INNER WIDTH
   ========================================================= */

#section_banner > .e-con-inner{
    position:relative;

    width:100%;
    max-width:1400px;

    margin:0 auto;

    z-index:3;
}


/* =========================================================
   05. LEFT CONTENT
   ========================================================= */

#section_banner .elementor-element-548dc79{
    position:relative;

    width:100%;
    max-width:690px;

    z-index:5;
}


/* =========================================================
   06. EYEBROW
   Strategy. Visibility. Growth. Execution.
   ========================================================= */

#section_banner .elementor-element-c41160f{
    margin-bottom:26px;
}

#section_banner .elementor-element-c41160f h2{
    position:relative;

    display:inline-flex;
    align-items:center;

    margin:0;

    padding-left:43px;

    color:var(--orange);

    font-size:14px;
    line-height:1.4;

    font-weight:800;

    letter-spacing:2.3px;

    text-transform:uppercase;
}


/* orange line */
#section_banner .elementor-element-c41160f h2::before{
    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:28px;
    height:2px;

    transform:translateY(-50%);

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            var(--orange),
            var(--orange-3)
        );

    box-shadow:
        0 0 14px rgba(255,122,24,.50);
}


/* =========================================================
   07. MAIN HEADING
   ========================================================= */

#section_banner .elementor-element-a0c0fb6{
    position:relative;
}

#section_banner .elementor-element-a0c0fb6 h2{
    max-width:660px;

    margin:0;

    color:#fff;

    font-size:clamp(48px,4.5vw,76px);
    line-height:1.02;

    font-weight:800;

    letter-spacing:-3px;

    text-wrap:balance;

    text-shadow:
        0 5px 25px rgba(0,0,0,.26);
}


/* heading accent underline */
#section_banner .elementor-element-a0c0fb6::after{
    content:"";

    display:block;

    width:88px;
    height:4px;

    margin-top:26px;

    border-radius:100px;

    background:
        linear-gradient(
            90deg,
            var(--orange),
            var(--orange-3)
        );

    box-shadow:
        0 0 20px rgba(255,122,24,.30);
}


/* =========================================================
   08. SERVICES BADGE
   ========================================================= */

#section_banner .elementor-element-ed2a104{
    margin-top:24px;
}

#section_banner .elementor-element-ed2a104 h2{
    display:inline-flex;
    align-items:center;

    margin:0;

    padding:12px 17px;

    color:#ecf0f4;

    font-size:13px;
    line-height:1.5;

    font-weight:700;

    border:1px solid rgba(255,255,255,.15);

    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        );

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 12px 30px rgba(0,0,0,.20);

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

#section_banner .elementor-element-ed2a104 h2:hover{
    transform:translateY(-2px);

    border-color:rgba(255,137,32,.35);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 16px 32px rgba(0,0,0,.22),
        0 0 26px rgba(255,126,25,.08);
}


/* =========================================================
   09. DESCRIPTION
   ========================================================= */

#section_banner .elementor-element-e010970{
    max-width:660px;

    margin-top:27px;
}

#section_banner .elementor-element-e010970 p{
    margin:0 0 19px;

    color:#c6ced8;

    font-size:15.5px;
    line-height:1.85;

    font-weight:400;
}

#section_banner .elementor-element-e010970 strong{
    color:var(--orange);

    font-weight:800;

    text-shadow:
        0 0 18px rgba(255,120,20,.12);
}


/* =========================================================
   10. CTA BUTTON ROW
   ========================================================= */

#section_banner .elementor-element-3963dc4{
    display:flex;

    flex-direction:row;

    align-items:center;

    flex-wrap:wrap;

    gap:14px;

    margin-top:30px;
}


/* =========================================================
   11. PRIMARY BUTTON
   ========================================================= */

#section_banner #theme_btn .elementor-button{
    position:relative;

    overflow:hidden;

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

    min-width:205px;

    padding:16px 27px;

    border:1px solid rgba(255,193,100,.34);

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            #ff5e18 0%,
            #ff7920 50%,
            #ff9635 100%
        );

    color:#fff;

    font-size:14px;

    font-weight:800;

    box-shadow:
        0 14px 32px rgba(255,91,18,.28),
        inset 0 1px 0 rgba(255,255,255,.26);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease;
}


/* button shine */
#section_banner #theme_btn .elementor-button::before{
    content:"";

    position:absolute;

    top:0;
    left:-110%;

    width:64%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.38),
            transparent
        );

    transform:skewX(-22deg);

    transition:left .58s ease;
}


#section_banner #theme_btn .elementor-button:hover{
    transform:translateY(-4px);

    filter:saturate(1.08);

    box-shadow:
        0 20px 38px rgba(255,93,18,.34),
        0 0 26px rgba(255,128,30,.16),
        inset 0 1px 0 rgba(255,255,255,.28);
}


#section_banner #theme_btn .elementor-button:hover::before{
    left:135%;
}


/* =========================================================
   12. WHATSAPP BUTTON
   ========================================================= */

#section_banner #whatsapp_section .elementor-button{
    display:inline-flex;

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

    min-width:210px;

    padding:16px 27px;

    border:1px solid rgba(37,211,102,.46);

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            rgba(2,31,28,.55),
            rgba(3,22,27,.72)
        );

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    color:#effff4;

    font-size:14px;

    font-weight:800;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 13px 28px rgba(0,0,0,.20);

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


#section_banner #whatsapp_section .elementor-button:hover{
    transform:translateY(-4px);

    border-color:#25d366;

    background:
        linear-gradient(
            135deg,
            rgba(37,211,102,.15),
            rgba(3,29,26,.78)
        );

    box-shadow:
        0 17px 34px rgba(37,211,102,.14),
        inset 0 1px 0 rgba(255,255,255,.06);
}


#section_banner #whatsapp_section svg{
    fill:#25d366 !important;
}


/* =========================================================
   13. BUTTON INNER ALIGNMENT
   ========================================================= */

#section_banner .elementor-button-content-wrapper{
    position:relative;

    display:flex;

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

    gap:10px;

    z-index:2;
}


#section_banner .elementor-button-icon{
    order:2;
}


#section_banner #theme_btn .elementor-button-icon svg{
    width:9px;
    height:13px;

    fill:#fff;
}


#section_banner #whatsapp_section .elementor-button-icon svg{
    width:17px;
    height:17px;
}


/* =========================================================
   14. STATS OUTER WRAPPER
   ========================================================= */

#section_banner .elementor-element-6dcd9fa{
    position:absolute;
    left:50%;
    bottom: -106px;
    width:calc(100% - 60px);
    max-width:1400px;
    transform:translateX(-50%);
    z-index:10;
}


/* =========================================================
   15. STATS GRID
   ========================================================= */

#section_banner .elementor-element-a197890{
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:0;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.055);

    border-radius:20px;

    background:
        linear-gradient(
            135deg,
            rgba(2,8,17,.80),
            rgba(5,8,15,.70)
        );

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    box-shadow:
        0 18px 55px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.03);
}


/* =========================================================
   16. INDIVIDUAL STAT ITEMS
   ========================================================= */

#section_banner .elementor-element-27ba9da,
#section_banner .elementor-element-105ab51,
#section_banner .elementor-element-58938dd,
#section_banner .elementor-element-3cccf65{
    position:relative;

    min-height:110px;

    padding:23px 24px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    background:transparent;

    transition:
        background .3s ease,
        transform .3s ease;
}


/* separator */
#section_banner .elementor-element-27ba9da::after,
#section_banner .elementor-element-105ab51::after,
#section_banner .elementor-element-58938dd::after{
    content:"";

    position:absolute;

    right:0;
    top:25%;

    width:1px;
    height:50%;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(255,255,255,.10),
            transparent
        );
}


/* hover */
#section_banner .elementor-element-27ba9da:hover,
#section_banner .elementor-element-105ab51:hover,
#section_banner .elementor-element-58938dd:hover,
#section_banner .elementor-element-3cccf65:hover{
    background:
        linear-gradient(
            135deg,
            rgba(255,132,25,.08),
            rgba(255,255,255,.015)
        );
}


/* =========================================================
   17. STAT ICONS
   ========================================================= */

#section_banner .elementor-icon-wrapper{
    flex:0 0 auto;
}


/* remove Elementor background */
#section_banner .elementor-icon{
    display:flex;

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

    width:52px;
    height:52px;

    padding:0;

    background:transparent;

    border:0;

    transition:
        transform .3s ease,
        filter .3s ease;
}


#section_banner .elementor-icon svg{
    width:42px;
    height:42px;

    filter:
        drop-shadow(
            0 0 8px rgba(255,160,0,.16)
        );
}


#section_banner .elementor-element-27ba9da:hover .elementor-icon,
#section_banner .elementor-element-105ab51:hover .elementor-icon,
#section_banner .elementor-element-58938dd:hover .elementor-icon,
#section_banner .elementor-element-3cccf65:hover .elementor-icon{
    transform:
        translateY(-3px)
        scale(1.07);

    filter:
        drop-shadow(
            0 0 8px rgba(255,155,0,.28)
        );
}


/* force orange */
#section_banner .elementor-icon svg path{
    fill:#ffa400 !important;
}


#section_banner .elementor-icon svg path[fill="none"]{
    fill:none !important;

    stroke:#ffa400 !important;
}


/* =========================================================
   18. COUNTER ALIGNMENT
   ========================================================= */

#section_banner .elementor-counter{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;
}


/* number first */
#section_banner .elementor-counter-number-wrapper{
    order:1;

    margin:0 0 5px;

    color:#ff9f00;

    font-size:44px;
    line-height:1;

    font-weight:800;

    letter-spacing:-1.5px;

    text-shadow:
        0 0 18px rgba(255,150,0,.10);
}


/* title second */
#section_banner .elementor-counter-title{
    order:2;

    color:#f2f3f5;

    font-size:15px;
    line-height:1.4;

    font-weight:500;
}


#section_banner .elementor-counter-number-suffix{
    color:#ff9f00;
}


/* =========================================================
   19. PAN INDIA
   ========================================================= */

#section_banner .elementor-element-813faa3{
    width:100%;
}


#section_banner .elementor-icon-box-wrapper{
    display:flex;

    flex-direction:row;

    align-items:center;

    gap:18px;
}


#section_banner .elementor-icon-box-icon{
    margin:0 !important;

    flex:0 0 auto;
}


#section_banner .elementor-icon-box-content{
    text-align:left;
}


#section_banner .elementor-icon-box-title{
    margin:0 0 8px;
}


#section_banner .elementor-icon-box-title span{
    color:#ff9f00;

    font-size:28px;
    line-height:1.1;

    font-weight:800;

    letter-spacing:-.5px;
}


#section_banner .elementor-icon-box-description{
    margin:0 !important;

    color:#f2f3f5 !important;

    font-size:15px !important;

    line-height:1.4 !important;

    font-weight:500 !important;
}


/* =========================================================
   20. SOFT FLOATING ANIMATION
   ========================================================= */

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

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


#section_banner .elementor-element-c41160f{
    animation:
        heroTagFloat
        4.5s
        ease-in-out
        infinite;
}


/* =========================================================
   21. DESKTOP LARGE
   ========================================================= */

@media(min-width:1500px){

    #section_banner{
        min-height:900px;

        padding-top:105px;
    }

    #section_banner > .e-con-inner{
        max-width:1450px;
    }

    #section_banner .elementor-element-548dc79{
        max-width:720px;
    }

    #section_banner .elementor-element-a0c0fb6 h2{
        max-width:690px;
        font-size: 60px;
    }

    #section_banner .elementor-element-e010970{
        max-width:690px;
    }
}


/* =========================================================
   22. LAPTOP
   ========================================================= */

@media(max-width:1200px){

    #section_banner{
        min-height:820px;

        padding:
            80px
            24px
            115px;

        background-position:
            58%
            top;
    }

    #section_banner .elementor-element-548dc79{
        max-width:610px;
    }

    #section_banner .elementor-element-a0c0fb6 h2{
        font-size:58px;
    }

    #section_banner .elementor-element-e010970 p{
        font-size:15px;
    }

    #section_banner .elementor-element-6dcd9fa{
        width:calc(100% - 40px);
    }

    #section_banner .elementor-element-27ba9da,
    #section_banner .elementor-element-105ab51,
    #section_banner .elementor-element-58938dd,
    #section_banner .elementor-element-3cccf65{
        padding:
            21px
            16px;

        gap:13px;
    }

    #section_banner .elementor-counter-number-wrapper{
        font-size:38px;
    }

    #section_banner .elementor-icon-box-title span{
        font-size:25px;
    }

}


/* =========================================================
   23. TABLET
   ========================================================= */

@media(max-width:1024px){

    #section_banner{
        min-height:auto;

        padding:
            75px
            22px
            60px;

        background-image:
            linear-gradient(
                90deg,
                rgba(2,9,18,.98) 0%,
                rgba(3,11,20,.93) 45%,
                rgba(3,10,18,.60) 75%,
                rgba(3,8,15,.40) 100%
            ),
            linear-gradient(
                180deg,
                rgba(0,0,0,.05),
                rgba(0,0,0,.50)
            ),
            url("https://saurabhomer.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-26-2026-06_32_10-PM.png");

        background-position:
            65%
            top;
    }


    #section_banner .elementor-element-548dc79{
        max-width:570px;
    }


    #section_banner .elementor-element-a0c0fb6 h2{
        font-size:52px;

        letter-spacing:-2px;
    }


    /* stats become normal flow */
    #section_banner .elementor-element-6dcd9fa{
        position:relative;

        left:auto;
        bottom:auto;

        width:100%;

        margin-top:55px;

        transform:none;
    }


    #section_banner .elementor-element-a197890{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    #section_banner .elementor-element-105ab51::after{
        display:none;
    }


    #section_banner .elementor-element-27ba9da,
    #section_banner .elementor-element-105ab51{
        border-bottom:
            1px solid rgba(255,255,255,.07);
    }


    #section_banner .elementor-counter-number-wrapper{
        font-size:40px;
    }

}


/* =========================================================
   24. MOBILE
   ========================================================= */

@media(max-width:767px){

    #section_banner{
        min-height:auto;

        padding:
            58px
            16px
            38px;

        background-image:
            linear-gradient(
                180deg,
                rgba(2,9,18,.76) 0%,
                rgba(2,9,18,.90) 38%,
                rgba(2,9,18,.98) 70%,
                #020912 100%
            ),
            url("https://saurabhomer.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-26-2026-06_32_10-PM.png");

        background-size:
            cover;

        background-position:
            68%
            top;
    }


    #section_banner::before{
        width:360px;
        height:360px;

        right:-170px;
        top:40px;
    }


    #section_banner .elementor-element-548dc79{
        max-width:100%;
    }


    /* EYEBROW */
    #section_banner .elementor-element-c41160f{
        margin-bottom:20px;
    }


    #section_banner .elementor-element-c41160f h2{
        padding-left:34px;

        font-size:11px;

        letter-spacing:1.6px;
    }


    #section_banner .elementor-element-c41160f h2::before{
        width:22px;
    }


    /* TITLE */
    #section_banner .elementor-element-a0c0fb6 h2{
        max-width:100%;

        font-size:40px;

        line-height:1.06;

        letter-spacing:-1.5px;
    }


    #section_banner .elementor-element-a0c0fb6::after{
        width:65px;
        height:3px;

        margin-top:20px;
    }


    /* SERVICE PILL */
    #section_banner .elementor-element-ed2a104{
        margin-top:20px;
    }


    #section_banner .elementor-element-ed2a104 h2{
        width:100%;

        padding:11px 13px;

        font-size:11.5px;

        line-height:1.55;
    }


    /* TEXT */
    #section_banner .elementor-element-e010970{
        margin-top:21px;
    }


    #section_banner .elementor-element-e010970 p{
        font-size:14.5px;

        line-height:1.75;
    }


    /* BUTTONS */
    #section_banner .elementor-element-3963dc4{
        width:100%;

        margin-top:25px;

        gap:11px;
    }


    #section_banner #theme_btn,
    #section_banner #whatsapp_section{
        width:100%;
    }


    #section_banner #theme_btn .elementor-button,
    #section_banner #whatsapp_section .elementor-button{
        width:100%;

        min-width:0;

        padding:
            15px
            20px;
    }


    /* STATS */
    #section_banner .elementor-element-6dcd9fa{
        margin-top:38px;
    }


    #section_banner .elementor-element-a197890{
        grid-template-columns:
            1fr;

        border-radius:16px;
    }


    #section_banner .elementor-element-27ba9da,
    #section_banner .elementor-element-105ab51,
    #section_banner .elementor-element-58938dd,
    #section_banner .elementor-element-3cccf65{
        min-height:94px;

        padding:
            18px
            20px;

        justify-content:flex-start;

        border-bottom:
            1px solid rgba(255,255,255,.07);
    }


    #section_banner .elementor-element-27ba9da::after,
    #section_banner .elementor-element-105ab51::after,
    #section_banner .elementor-element-58938dd::after{
        display:none;
    }


    #section_banner .elementor-element-3cccf65{
        border-bottom:0;
    }


    #section_banner .elementor-counter-number-wrapper{
        font-size:36px;
    }


    #section_banner .elementor-counter-title{
        font-size:14px;
    }


    #section_banner .elementor-icon{
        width:48px;
        height:48px;
    }


    #section_banner .elementor-icon svg{
        width:38px;
        height:38px;
    }


    #section_banner .elementor-icon-box-title span{
        font-size:25px;
    }


    #section_banner .elementor-icon-box-description{
        font-size:14px !important;
    }

}


/* =========================================================
   25. SMALL MOBILE
   ========================================================= */

@media(max-width:480px){

    #section_banner{
        padding:
            50px
            14px
            32px;
    }


    #section_banner .elementor-element-a0c0fb6 h2{
        font-size:34px;

        line-height:1.08;
    }


    #section_banner .elementor-element-c41160f h2{
        font-size:10px;

        letter-spacing:1.3px;
    }


    #section_banner .elementor-element-ed2a104 h2{
        font-size:10.5px;
    }


    #section_banner .elementor-element-e010970 p{
        font-size:14px;
    }


    #section_banner .elementor-counter-number-wrapper{
        font-size:34px;
    }


    #section_banner .elementor-icon-box-title span{
        font-size:23px;
    }

}


/* =========================================================
   26. ACCESSIBILITY / REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    #section_banner *,
    #section_banner *::before,
    #section_banner *::after{
        animation:none !important;

        transition:none !important;
    }

}


/* =========================================================
   27. CLEAN ELEMENTOR OVERRIDES
   ========================================================= */

#section_banner h1,
#section_banner h2,
#section_banner h3,
#section_banner p{
    margin-top:0;
}


#section_banner .elementor-widget:not(:last-child){
    margin-bottom:0;
}


#section_banner a{
    text-decoration:none;
}


#section_banner .elementor-button:focus-visible{
    outline:
        2px solid
        var(--orange-3);

    outline-offset:4px;
}

/* =========================================================
   BRANDS & EXPERIENCE — PREMIUM CREATIVE CSS
   Elementor Section: #section_brand
   ========================================================= */

#section_brand {
    --brand-orange: #ff8a24;
    --brand-gold: #ffb33b;
    --brand-cyan: #69cfff;
    --brand-navy: #06111f;
    --brand-muted: #aeb9c8;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 60px 24px 85px;
    color: #fff;
    background:
        radial-gradient(ellipse at 12% 5%, rgba(21, 96, 160, .16), transparent 38%),
        radial-gradient(ellipse at 88% 75%, rgba(255, 125, 28, .10), transparent 36%),
        linear-gradient(135deg, #030b15 0%, #071525 55%, #040b14 100%);
}

/* Decorative ambient rings */
#section_brand::before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    right: -340px;
    top: -330px;
    border: 1px solid rgba(255, 138, 36, .12);
    border-radius: 50%;
    box-shadow: 0 0 100px rgba(255, 138, 36, .035);
    pointer-events: none;
    z-index: -1;
}

#section_brand::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: -300px;
    bottom: -320px;
    border: 1px solid rgba(105, 207, 255, .12);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

#section_brand > .e-con-inner {
    position: relative;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    z-index: 1;
}

/* =========================================================
   EYEBROW
   ========================================================= */

#section_brand .elementor-element-f814de9 h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 0 22px;
    color: var(--brand-orange);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#section_brand .elementor-element-f814de9 h3::before,
#section_brand .elementor-element-f814de9 h3::after {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--brand-orange));
}

#section_brand .elementor-element-f814de9 h3::after {
    transform: rotate(180deg);
}

/* =========================================================
   MAIN HEADING
   ========================================================= */

#section_brand .elementor-element-5f5cf61 h2 {
    max-width: 1050px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: clamp(34px, 3.8vw, 58px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.8px;
    text-wrap: balance;
}

/* Secondary heading */
#section_brand .elementor-element-4bf8188 h2 {
    max-width: 1100px;
    margin: 15px auto 48px;
    text-align: center;
    font-size: clamp(22px, 2.3vw, 34px);
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -.5px;
    color:#fda001;
}

/* =========================================================
   CAROUSEL WRAPPER
   ========================================================= */

#section_brand .elementor-element-bac4931 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 38px;
}

#section_brand .elementor-image-carousel-wrapper {
    overflow: hidden;
    padding: 0px;
}

#section_brand .swiper-wrapper {
    align-items: stretch;
}

#section_brand .swiper-slide {
    height: auto;
    display: flex;
    align-items: stretch;
}

/* =========================================================
   LOGO CARDS
   ========================================================= */

#section_brand .swiper-slide-inner {
    position: relative;
    width: 100%;
    min-height: 190px;
    margin: 0;
    padding: 25px 20px;

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

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 18px;

    background:
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018));

    box-shadow:
        0 16px 35px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.05);

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

/* Small top accent */
#section_brand .swiper-slide-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25%;
    right: 25%;
    height: 2px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(90deg, transparent, var(--brand-orange), transparent);
    opacity: .55;
    transition: opacity .35s ease;
}

#section_brand .swiper-slide:hover .swiper-slide-inner {
    transform: translateY(-6px);
    border-color: rgba(255, 154, 55, .45);
    background:
        linear-gradient(145deg, rgba(255,138,36,.09), rgba(255,255,255,.035));
    box-shadow:
        0 24px 45px rgba(0,0,0,.28),
        0 0 30px rgba(255,138,36,.055);
}

#section_brand .swiper-slide:hover .swiper-slide-inner::before {
    opacity: 1;
}

/* =========================================================
   LOGO IMAGES
   ========================================================= */

#section_brand .swiper-slide-image {
    display: block;
    width: 100%;
    max-width: 180px;
    height: 130px;
    max-height: 130px;
    object-fit: contain;
    object-position: center;
    margin: auto;
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.10));
    transition: transform .35s ease;
}

#section_brand .swiper-slide:hover .swiper-slide-image {
    transform: scale(1.055);
}

/* =========================================================
   PAGINATION
   ========================================================= */

#section_brand .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 20px;
}

#section_brand .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 5px;
    background: #a5b4c5;
    opacity: .4;
    transition: all .3s ease;
}

#section_brand .swiper-pagination-bullet-active {
    width: 27px;
    border-radius: 10px;
    opacity: 1;
    background: linear-gradient(90deg, var(--brand-orange), var(--brand-gold));
}

/* =========================================================
   OPTIONAL ARROWS
   Works if arrows are enabled in Elementor
   ========================================================= */

#section_brand .elementor-swiper-button {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
    color: #fff;
    background: rgba(5,15,28,.85);
    backdrop-filter: blur(10px);
    transition: all .3s ease;
}

#section_brand .elementor-swiper-button:hover {
    color: var(--brand-orange);
    border-color: rgba(255,138,36,.5);
    background: rgba(255,138,36,.10);
}

#section_brand .elementor-swiper-button svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

#section_brand .elementor-element-920b265 {
    max-width: 1000px;
    margin: 8px auto 0;
}

#section_brand .elementor-element-920b265 p {
    margin: 0;
    color: var(--brand-muted);
    text-align: center;
    font-size: 16px;
    line-height: 1.85;
    font-weight: 400;
}

/* =========================================================
   CTA BUTTON
   ========================================================= */

#section_brand .elementor-element-cd072ed {
    margin-top: 30px;
    text-align: center;
}

#section_brand .elementor-element-cd072ed .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 245px;
    padding: 16px 28px;

    border: 1px solid rgba(255,185,90,.35);
    border-radius: 8px;

    background: linear-gradient(135deg, #ff641d, #ff8b29 60%, #ffa23b);
    color: #fff;
    font-size: 14px;
    font-weight: 800;

    box-shadow:
        0 14px 32px rgba(255,100,25,.20),
        inset 0 1px 0 rgba(255,255,255,.22);

    transition: transform .3s ease, box-shadow .3s ease;
}

#section_brand .elementor-element-cd072ed .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -110%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
    transform: skewX(-20deg);
    transition: left .55s ease;
}

#section_brand .elementor-element-cd072ed .elementor-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(255,100,25,.30);
}

#section_brand .elementor-element-cd072ed .elementor-button:hover::before {
    left: 135%;
}

#section_brand .elementor-element-cd072ed .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#section_brand .elementor-element-cd072ed .elementor-button-icon {
    order: 2;
}

#section_brand .elementor-element-cd072ed .elementor-button-icon svg {
    width: 9px;
    height: 13px;
    fill: currentColor;
}

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

@media (max-width: 1024px) {
    #section_brand {
        padding: 70px 22px 65px;
    }

    #section_brand .elementor-element-4bf8188 h2 {
        margin-bottom: 35px;
    }

    #section_brand .swiper-slide-inner {
        min-height: 165px;
        padding: 20px 15px;
    }

    #section_brand .swiper-slide-image {
        max-width: 155px;
        height: 115px;
        max-height: 115px;
    }
}

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

@media (max-width: 767px) {
    #section_brand {
        padding: 55px 16px 50px;
    }

    #section_brand .elementor-element-f814de9 h3 {
        font-size: 11px;
        letter-spacing: 2px;
        gap: 10px;
        margin-bottom: 18px;
    }

    #section_brand .elementor-element-f814de9 h3::before,
    #section_brand .elementor-element-f814de9 h3::after {
        width: 20px;
    }

    #section_brand .elementor-element-5f5cf61 h2 {
        font-size: 34px;
        line-height: 1.15;
        letter-spacing: -1px;
    }

    #section_brand .elementor-element-4bf8188 h2 {
        font-size: 21px;
        line-height: 1.4;
        margin: 14px auto 25px;
    }

    #section_brand .elementor-element-bac4931 {
        padding-bottom: 25px;
    }

    #section_brand .swiper-slide-inner {
        min-height: 150px;
        padding: 18px 12px;
        border-radius: 14px;
    }

    #section_brand .swiper-slide-image {
        max-width: 145px;
        height: 105px;
        max-height: 105px;
    }

    #section_brand .elementor-element-920b265 p {
        font-size: 14px;
        line-height: 1.75;
    }

    #section_brand .elementor-element-cd072ed {
        margin-top: 25px;
    }

    #section_brand .elementor-element-cd072ed .elementor-button {
        min-width: 220px;
        padding: 15px 22px;
    }
}

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

@media (max-width: 480px) {
    #section_brand .elementor-element-5f5cf61 h2 {
        font-size: 29px;
    }

    #section_brand .elementor-element-4bf8188 h2 {
        font-size: 19px;
    }

    #section_brand .elementor-element-f814de9 h3::before,
    #section_brand .elementor-element-f814de9 h3::after {
        display: none;
    }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    #section_brand *,
    #section_brand *::before,
    #section_brand *::after {
        transition: none !important;
        animation: none !important;
    }
}
/* =========================================================
   ABOUT ME — PREMIUM CREATIVE SECTION
   Elementor Target: #section_about
   Theme: Dark Navy + Orange + Glass
   ========================================================= */


/* =========================================================
   01. SECTION BASE
   ========================================================= */

#section_about{
    --orange:#ff7a18;
    --orange-2:#ff9e2f;
    --orange-3:#ffb340;
    --navy:#020b15;
    --navy-2:#061321;
    --navy-3:#091a2c;
    --white:#ffffff;
    --text:#c9d2dc;
    --muted:#9eabba;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding: 60px 28px;
    color:#fff;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(14,86,145,.15),
            transparent 32%
        ),
        radial-gradient(
            circle at 88% 48%,
            rgba(255,125,25,.12),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #020a13 0%,
            #061321 50%,
            #040b14 100%
        );
}


/* =========================================================
   02. DECORATIVE GLOWS
   ========================================================= */

#section_about::before{
    content:"";

    position:absolute;

    width:520px;
    height:520px;

    right:-220px;
    top:-160px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,127,24,.15),
            rgba(255,127,24,.04) 48%,
            transparent 72%
        );

    pointer-events:none;

    z-index:-1;
}


#section_about::after{
    content:"";

    position:absolute;

    width:560px;
    height:560px;

    left:-360px;
    bottom:-340px;

    border-radius:50%;

    border:1px solid rgba(66,181,255,.09);

    box-shadow:
        0 0 100px rgba(26,142,230,.04);

    pointer-events:none;

    z-index:-1;
}


/* =========================================================
   03. INNER LAYOUT
   ========================================================= */

#section_about > .e-con-inner{
    width:100%;
    max-width:1380px;

    margin:0 auto;

    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);

    align-items:center;

    gap:80px;

    position:relative;
    z-index:2;
}


/* LEFT CONTENT */
#section_about .elementor-element-723887f{
    width:100%;
    max-width:720px;
}


/* RIGHT IMAGE COLUMN */
#section_about .elementor-element-635ff01{
    position:relative;

    width:100%;

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


/* =========================================================
   04. ABOUT ME EYEBROW
   ========================================================= */

#section_about .elementor-element-7e0e734 h2{
    position:relative;

    display:inline-flex;
    align-items:center;

    margin:0 0 18px;

    padding-left:42px;

    color:var(--orange);

    font-size:14px;
    line-height:1.3;

    font-weight:800;

    letter-spacing:2.5px;

    text-transform:uppercase;
}


#section_about .elementor-element-7e0e734 h2::before{
    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:28px;
    height:2px;

    transform:translateY(-50%);

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--orange),
            var(--orange-3)
        );

    box-shadow:
        0 0 14px rgba(255,122,24,.45);
}


/* =========================================================
   05. MAIN TITLE
   Beyond Digital Marketing
   ========================================================= */

#section_about .elementor-element-5afcb8a h2{
    max-width:700px;
    margin:0;
    color:#fff;
    font-size: clamp(26px,3vw,59px);
    line-height: 1.05;
    font-weight:800;
    letter-spacing:-2.3px;
    text-wrap:balance;
    text-shadow:
        0 7px 28px rgba(0,0,0,.26);
}


/* =========================================================
   06. SECONDARY HEADING
   I Connect Strategy With Execution
   ========================================================= */

#section_about .elementor-element-49c5821{
    margin-top:12px;
}


#section_about .elementor-element-49c5821 h2{
    margin:0;

    color:var(--orange);

    font-size:clamp(25px,2.4vw,35px);
    line-height:1.25;

    font-weight:700;

    letter-spacing:-.8px;
}


/* decorative underline */
#section_about .elementor-element-49c5821::after{
    content:"";

    display:block;

    width:85px;
    height:3px;

    margin-top:22px;

    border-radius:100px;

    background:
        linear-gradient(
            90deg,
            var(--orange),
            var(--orange-3)
        );

    box-shadow:
        0 0 18px rgba(255,122,24,.18);
}


/* =========================================================
   07. BODY CONTENT
   ========================================================= */

#section_about .elementor-element-4c2b1f2{
    max-width:700px;

    margin-top:26px;
}


#section_about .elementor-element-4c2b1f2 p{
    margin: 0 0 0px;
    color:var(--text);
    font-size: 14px;
    line-height:1.82;
    font-weight:400;
}


#section_about .elementor-element-4c2b1f2 strong{
    color:#fff;

    font-weight:700;
}


/* highlight long ecosystem text */
#section_about .elementor-element-4c2b1f2 p:nth-child(3) strong{
    color:var(--orange);
}


/* =========================================================
   08. CTA ROW
   ========================================================= */

#section_about .elementor-element-bfa5430{
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap: 11px;
    margin-top: -6px;
}


/* =========================================================
   09. PRIMARY BUTTON
   ========================================================= */

#section_about #theme_btn .elementor-button{
    position:relative;

    overflow:hidden;

    min-width:205px;

    padding:12px 26px;

    border:1px solid rgba(255,188,90,.32);

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            #ff5e18 0%,
            #ff7a20 52%,
            #ff9636 100%
        );

    color:#fff;

    font-size:14px;

    font-weight:800;

    box-shadow:
        0 14px 32px rgba(255,91,18,.24),
        inset 0 1px 0 rgba(255,255,255,.25);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* shine */
#section_about #theme_btn .elementor-button::before{
    content:"";

    position:absolute;

    top:0;
    left:-110%;

    width:60%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.35),
            transparent
        );

    transform:skewX(-20deg);

    transition:left .55s ease;
}


#section_about #theme_btn .elementor-button:hover{
    transform:translateY(-4px);

    box-shadow:
        0 19px 38px rgba(255,91,18,.32),
        0 0 25px rgba(255,126,25,.15);
}


#section_about #theme_btn .elementor-button:hover::before{
    left:135%;
}


/* =========================================================
   10. LINKEDIN BUTTON
   ========================================================= */

#section_about #btn_linkedin .elementor-button{
    min-width:190px;

    padding:16px 25px;

    border:1px solid rgba(61,159,255,.35);

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            rgba(12,34,55,.75),
            rgba(6,23,39,.85)
        );

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    color:#fff;

    font-size:14px;

    font-weight:800;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 13px 28px rgba(0,0,0,.20);

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}


#section_about #btn_linkedin .elementor-button:hover{
    transform:translateY(-4px);

    border-color:#3da5ff;

    background:
        linear-gradient(
            135deg,
            rgba(10,102,194,.25),
            rgba(6,27,48,.85)
        );

    box-shadow:
        0 17px 34px rgba(0,119,181,.14);
}


/* LinkedIn icon */
#section_about #btn_linkedin svg{
    fill:#3da5ff !important;
}


/* button icon alignment */
#section_about .elementor-button-content-wrapper{
    display:flex;

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

    gap:10px;
}


#section_about .elementor-button-icon{
    order:2;
}


#section_about #theme_btn svg{
    width:9px;
    height:13px;

    fill:#fff;
}


#section_about #btn_linkedin svg{
    width:17px;
    height:17px;
}


/* =========================================================
   11. IMAGE AREA
   ========================================================= */

#section_about .elementor-element-fb2bedf{
    position:relative;

    width:100%;

    max-width:600px;

    margin:auto;
}


/* image frame */
#section_about .elementor-element-fb2bedf::before{
    content:"";

    position:absolute;

    inset:6% 3% 3% 8%;

    border-radius:32px;

    background:
        radial-gradient(
            circle at 65% 40%,
            rgba(255,132,30,.23),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.02)
        );

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 30px 70px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.05);

    transform:rotate(2deg);

    z-index:-1;
}


/* orange halo */
#section_about .elementor-element-fb2bedf::after{
    content:"";

    position:absolute;

    width:330px;
    height:330px;

    right:-70px;
    top:18%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,132,25,.20),
            rgba(255,122,20,.06) 42%,
            transparent 70%
        );

    filter:blur(5px);

    z-index:-2;

    pointer-events:none;
}


/* actual image */
#section_about .elementor-element-fb2bedf img{
    position:relative;

    display:block;

    width:100%;
    height:auto;

    object-fit:contain;

    border-radius:24px;

    filter:
        drop-shadow(
            0 28px 45px rgba(0,0,0,.30)
        );

    transition:
        transform .45s ease,
        filter .45s ease;
}


/* image hover */
#section_about .elementor-element-fb2bedf:hover img{
    transform:
        translateY(-8px)
        scale(1.015);

    filter:
        drop-shadow(
            0 35px 55px rgba(0,0,0,.40)
        );
}


/* =========================================================
   12. IMAGE ACCENT LINE
   ========================================================= */

#section_about .elementor-element-635ff01::after{
    content:"";

    position:absolute;

    width:95px;
    height:3px;

    right:8%;
    bottom:3%;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--orange),
            var(--orange-3)
        );

    box-shadow:
        0 0 20px rgba(255,122,24,.24);
}


/* =========================================================
   13. FLOAT ANIMATION
   ========================================================= */

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

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


#section_about .elementor-element-fb2bedf{
    animation:
        aboutFloat
        5.5s
        ease-in-out
        infinite;
}


/* =========================================================
   14. LARGE DESKTOP
   ========================================================= */

@media(min-width:1500px){

    #section_about{
        padding:
            115px
            30px;
    }

    #section_about > .e-con-inner{
        max-width:1450px;

        gap:95px;
    }

    #section_about .elementor-element-723887f{
        max-width:740px;
    }

}


/* =========================================================
   15. LAPTOP
   ========================================================= */

@media(max-width:1200px){

    #section_about{
        padding:
            85px
            24px;
    }

    #section_about > .e-con-inner{
        grid-template-columns:
            minmax(0,1.1fr)
            minmax(340px,.9fr);

        gap:50px;
    }

    #section_about .elementor-element-5afcb8a h2{
        font-size:52px;
    }

    #section_about .elementor-element-4c2b1f2 p{
        font-size:15px;
    }

}


/* =========================================================
   16. TABLET
   ========================================================= */

@media(max-width:1024px){

    #section_about{
        padding:
            75px
            22px;
    }

    #section_about > .e-con-inner{
        grid-template-columns:1fr;

        gap:55px;
    }

    #section_about .elementor-element-723887f{
        max-width:760px;

        margin:auto;

        text-align:left;
    }

    #section_about .elementor-element-635ff01{
        max-width:620px;

        margin:auto;
    }

    #section_about .elementor-element-fb2bedf{
        max-width:550px;
    }

}


/* =========================================================
   17. MOBILE
   ========================================================= */

@media(max-width:767px){

    #section_about{
        padding:
            58px
            16px
            55px;
    }

    #section_about > .e-con-inner{
        gap:42px;
    }


    /* eyebrow */
    #section_about .elementor-element-7e0e734 h2{
        padding-left:34px;

        font-size:11px;

        letter-spacing:1.8px;
    }

    #section_about .elementor-element-7e0e734 h2::before{
        width:22px;
    }


    /* main heading */
    #section_about .elementor-element-5afcb8a h2{
        font-size:38px;

        line-height:1.08;

        letter-spacing:-1.3px;
    }


    /* second heading */
    #section_about .elementor-element-49c5821 h2{
        font-size:25px;
    }


    #section_about .elementor-element-49c5821::after{
        width:60px;

        margin-top:17px;
    }


    /* text */
    #section_about .elementor-element-4c2b1f2{
        margin-top:21px;
    }

    #section_about .elementor-element-4c2b1f2 p{
        font-size:14.5px;

        line-height:1.75;

        margin-bottom:14px;
    }


    /* buttons */
    #section_about .elementor-element-bfa5430{
        width:100%;

        margin-top:25px;

        gap:11px;
    }

    #section_about #theme_btn,
    #section_about #btn_linkedin{
        width:100%;
    }

    #section_about #theme_btn .elementor-button,
    #section_about #btn_linkedin .elementor-button{
        width:100%;

        min-width:0;

        padding:
            15px
            20px;
    }


    /* image */
    #section_about .elementor-element-fb2bedf{
        max-width:470px;
    }

    #section_about .elementor-element-fb2bedf img{
        border-radius:18px;
    }

}


/* =========================================================
   18. SMALL MOBILE
   ========================================================= */

@media(max-width:480px){

    #section_about{
        padding:
            50px
            14px;
    }

    #section_about .elementor-element-5afcb8a h2{
        font-size:33px;
    }

    #section_about .elementor-element-49c5821 h2{
        font-size:22px;
    }

    #section_about .elementor-element-4c2b1f2 p{
        font-size:14px;
    }

}


/* =========================================================
   19. REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    #section_about *,
    #section_about *::before,
    #section_about *::after{
        animation:none !important;

        transition:none !important;
    }

}


/* =========================================================
   20. CLEAN ELEMENTOR DEFAULTS
   ========================================================= */

#section_about h1,
#section_about h2,
#section_about h3,
#section_about p{
    margin-top:0;
}


#section_about .elementor-widget:not(:last-child){
    margin-bottom:0;
}


#section_about a{
    text-decoration:none;
}


#section_about .elementor-button:focus-visible{
    outline:
        2px solid
        var(--orange-3);

    outline-offset:4px;
}
/* ==========================================
   SERVICES SECTION — PREMIUM CREATIVE DESIGN
   Scoped to #section_services
   ========================================== */

#section_services {
    --svc-orange: #ff8a2a;
    --svc-gold: #ffb347;
    --svc-blue: #39b9ff;
    --svc-text: #f5f7fb;
    --svc-muted: #aab6c7;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 110px 24px 120px;
    background-color: #080e18;
    background-image:
        radial-gradient(ellipse at 90% 5%, rgba(255, 112, 30, .13), transparent 38%),
        radial-gradient(ellipse at 5% 75%, rgba(20, 105, 190, .14), transparent 42%),
        linear-gradient(145deg, #0b1626 0%, #080d16 55%, #101018 100%);
    color: var(--svc-text);
}

/* Decorative ambient glow */
#section_services::before,
#section_services::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
    border-radius: 50%;
}

#section_services::before {
    width: 600px;
    height: 600px;
    top: -350px;
    right: -250px;
    border: 1px solid rgba(255, 138, 42, .16);
    box-shadow: 0 0 100px rgba(255, 112, 30, .04);
}

#section_services::after {
    width: 500px;
    height: 500px;
    bottom: -300px;
    left: -260px;
    border: 1px solid rgba(57, 185, 255, .14);
}

/* Main container */
#section_services > .e-con-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ==========================================
   SECTION HEADER
   ========================================== */

#section_services .elementor-element-e45a716 {
    margin-bottom: 18px;
}

#section_services .elementor-element-e45a716 .elementor-heading-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: var(--svc-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#section_services .elementor-element-e45a716 .elementor-heading-title::before,
#section_services .elementor-element-e45a716 .elementor-heading-title::after {
    content: "";
    width: 32px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--svc-orange));
}

#section_services .elementor-element-e45a716 .elementor-heading-title::after {
    transform: rotate(180deg);
}

#section_services .elementor-element-435823d {
    margin-bottom: 20px;
}

#section_services .elementor-element-435823d .elementor-heading-title {
    max-width: 900px;
    margin: 0 auto;
    color: #ffffff;
    font-size: clamp(34px, 4.5vw, 58px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -2px;
    text-align: center;
    text-wrap: balance;
}

#section_services .elementor-element-9cbea35 {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

#section_services .elementor-element-9cbea35 p {
    color: var(--svc-muted);
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

/* ==========================================
   SERVICES GRID
   ========================================== */

#section_services .elementor-element-d6103e3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100%;
    align-items: stretch;
}

/* Individual service card */
#section_services #Section_box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-width: 0;
    height: 100%;
    padding: 32px 28px 30px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
        rgba(12, 20, 33, .84);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    overflow: hidden;
    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        border-color .4s ease,
        box-shadow .4s ease,
        background .4s ease;
}

/* Gradient top border */
#section_services #Section_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 138, 42, .8),
        rgba(57, 185, 255, .5),
        transparent
    );
    opacity: .55;
    transition: opacity .35s ease;
}

/* Large decorative service number */
#section_services #Section_box::after {
    content: "01";
    position: absolute;
    top: 22px;
    right: 25px;
    color: rgba(255, 255, 255, .045);
    font-size: 54px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -4px;
    pointer-events: none;
    transition: color .35s ease;
}

#section_services #Section_box:nth-child(2)::after { content: "02"; }
#section_services #Section_box:nth-child(3)::after { content: "03"; }
#section_services #Section_box:nth-child(4)::after { content: "04"; }
#section_services #Section_box:nth-child(5)::after { content: "05"; }
#section_services #Section_box:nth-child(6)::after { content: "06"; }
#section_services #Section_box:nth-child(7)::after { content: "07"; }
#section_services #Section_box:nth-child(8)::after { content: "08"; }
#section_services #Section_box:nth-child(9)::after { content: "09"; }

#section_services #Section_box:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 138, 42, .38);
    background:
        linear-gradient(145deg, rgba(255,138,42,.055), rgba(255,255,255,.018)),
        rgba(13, 22, 36, .96);
    box-shadow:
        0 24px 55px rgba(0, 0, 0, .25),
        0 0 35px rgba(255, 138, 42, .055);
}

#section_services #Section_box:hover::before {
    opacity: 1;
}

#section_services #Section_box:hover::after {
    color: rgba(255, 138, 42, .09);
}

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

#section_services #Section_box > .e-con:first-child {
    width: 100%;
    margin-bottom: 24px;
}

#section_services #Section_box .elementor-widget-icon {
    width: auto;
    align-self: flex-start;
}

#section_services #Section_box .elementor-icon-wrapper {
    line-height: 0;
}

#section_services #Section_box .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    padding: 0;
    border: 1px solid rgba(255, 138, 42, .22);
    border-radius: 17px;
    background: linear-gradient(
        145deg,
        rgba(255, 138, 42, .16),
        rgba(255, 138, 42, .035)
    );
    color: var(--svc-orange);
    transition:
        transform .4s ease,
        background .4s ease,
        box-shadow .4s ease;
}

#section_services #Section_box .elementor-widget-icon .elementor-icon svg {
    width: 27px;
    height: 27px;
    fill: currentColor;
}

#section_services #Section_box .elementor-widget-icon .elementor-icon svg path {
    fill: currentColor;
}

#section_services #Section_box:hover .elementor-icon {
    transform: rotate(-6deg) scale(1.07);
    background: rgba(255, 138, 42, .2);
    box-shadow: 0 8px 30px rgba(255, 138, 42, .12);
}

/* ==========================================
   CARD HEADING
   ========================================== */

#section_services #Section_box > .e-con:last-child {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#section_services #Section_box .elementor-widget-heading {
    margin-bottom: 20px;
}

#section_services #Section_box .elementor-widget-heading .elementor-heading-title {
    color: #f7f9fd;
    font-size: 22px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.5px;
    text-align: left;
    transition: color .3s ease;
}

#section_services #Section_box:hover .elementor-widget-heading .elementor-heading-title {
    color: #ffb15e;
}

/* ==========================================
   SERVICE LISTS
   ========================================== */

#section_services #Section_box .elementor-widget-icon-list {
    width: 100%;
}

#section_services #Section_box .elementor-icon-list-items {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

#section_services #Section_box .elementor-icon-list-item {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 9px 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .045);
    transition: padding-left .3s ease;
}

#section_services #Section_box .elementor-icon-list-item:last-child {
    border-bottom: 0;
}

#section_services #Section_box .elementor-icon-list-item:hover {
    padding-left: 4px;
}

#section_services #Section_box .elementor-icon-list-icon {
    flex: 0 0 15px;
    width: 15px;
    margin-top: 4px;
    padding: 0;
    line-height: 1;
}

#section_services #Section_box .elementor-icon-list-icon svg {
    width: 14px;
    height: 14px;
    fill: var(--svc-orange) !important;
}

#section_services #Section_box .elementor-icon-list-icon svg path {
    fill: var(--svc-orange) !important;
}

#section_services #Section_box .elementor-icon-list-text {
    color: #b9c3d1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    padding: 0;
    transition: color .3s ease;
}

#section_services #Section_box .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #ffffff;
}

/* ==========================================
   OPTIONAL: DIFFERENT ACCENT PER CARD
   ========================================== */

#section_services #Section_box:nth-child(3n+2) .elementor-icon {
    color: #49bfff;
    border-color: rgba(73, 191, 255, .22);
    background: rgba(73, 191, 255, .08);
}

#section_services #Section_box:nth-child(3n+2) .elementor-icon-list-icon svg,
#section_services #Section_box:nth-child(3n+2) .elementor-icon-list-icon svg path {
    fill: #49bfff !important;
}

#section_services #Section_box:nth-child(3n+2):hover {
    border-color: rgba(73, 191, 255, .35);
}

#section_services #Section_box:nth-child(3n+3) .elementor-icon {
    color: #c59bff;
    border-color: rgba(197, 155, 255, .22);
    background: rgba(197, 155, 255, .08);
}

#section_services #Section_box:nth-child(3n+3) .elementor-icon-list-icon svg,
#section_services #Section_box:nth-child(3n+3) .elementor-icon-list-icon svg path {
    fill: #c59bff !important;
}

#section_services #Section_box:nth-child(3n+3):hover {
    border-color: rgba(197, 155, 255, .35);
}

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

@media (max-width: 1024px) {
    #section_services {
        padding: 85px 24px 95px;
    }

    #section_services .elementor-element-d6103e3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    #section_services #Section_box {
        padding: 28px 24px;
    }

    #section_services .elementor-element-435823d .elementor-heading-title {
        font-size: 44px;
    }
}

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

@media (max-width: 767px) {
    #section_services {
        padding: 70px 16px 80px;
    }

    #section_services > .e-con-inner {
        max-width: 100%;
    }

    #section_services .elementor-element-e45a716 .elementor-heading-title {
        font-size: 10px;
        letter-spacing: 2px;
        gap: 9px;
    }

    #section_services .elementor-element-e45a716 .elementor-heading-title::before,
    #section_services .elementor-element-e45a716 .elementor-heading-title::after {
        width: 20px;
    }

    #section_services .elementor-element-435823d .elementor-heading-title {
        font-size: clamp(30px, 8vw, 38px);
        letter-spacing: -1.2px;
        line-height: 1.18;
    }

    #section_services .elementor-element-9cbea35 {
        margin-bottom: 38px;
    }

    #section_services .elementor-element-9cbea35 p {
        font-size: 15px;
        line-height: 1.75;
    }

    #section_services .elementor-element-d6103e3 {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    #section_services #Section_box {
        padding: 26px 23px;
        border-radius: 20px;
    }

    #section_services #Section_box .elementor-icon {
        width: 56px;
        height: 56px;
        border-radius: 15px;
    }

    #section_services #Section_box .elementor-widget-heading .elementor-heading-title {
        font-size: 21px;
    }

    #section_services #Section_box .elementor-icon-list-text {
        font-size: 14px;
    }

    #section_services #Section_box::after {
        font-size: 46px;
    }

    #section_services #Section_box:hover {
        transform: translateY(-4px);
    }
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
    #section_services #Section_box,
    #section_services #Section_box *,
    #section_services #Section_box::before,
    #section_services #Section_box::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}
/* =========================================================
   MY APPROACH - CREATIVE DARK / ORANGE SECTION
   Existing ID: #section_appoach
========================================================= */

#section_appoach{
    position: relative;
    overflow: hidden;
    padding: 30px 0px 26px;
    background:
        radial-gradient(circle at 5% 15%, rgba(255,111,0,.14), transparent 24%),
        radial-gradient(circle at 94% 84%, rgba(255,111,0,.10), transparent 24%),
        linear-gradient(135deg,#03101d 0%,#061827 48%,#020b14 100%);
    isolation: isolate;
}

/* Decorative circles */
#section_appoach::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border:1px solid rgba(255,122,0,.30);
    border-radius:50%;
    top:-280px;
    left:-180px;
    z-index:-1;
}

#section_appoach::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border:1px solid rgba(255,122,0,.22);
    border-radius:50%;
    right:-320px;
    bottom:-310px;
    z-index:-1;
}

#section_appoach > .e-con-inner{
    max-width:1450px;
    margin:auto;
}

/* =========================================================
   TOP HEADINGS
========================================================= */

#section_appoach .elementor-element-9cfbb90{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
}

/* MY APPROACH */
#section_appoach .elementor-element-7155b89 h2{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:0;
    color:#ff7a00;
    font-size:14px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}

#section_appoach .elementor-element-7155b89 h2::before,
#section_appoach .elementor-element-7155b89 h2::after{
    content:"";
    width:55px;
    height:2px;
    background:linear-gradient(90deg,transparent,#ff7a00);
}

#section_appoach .elementor-element-7155b89 h2::after{
    background:linear-gradient(90deg,#ff7a00,transparent);
}

/* Main Heading */
#section_appoach .elementor-element-0e5bf6d h2{
    color:#fff;
    font-size:clamp(30px,3vw,52px);
    line-height:1.12;
    font-weight:800;
    letter-spacing:-1px;
    margin:10px auto 0;
    max-width:1100px;
}

/* Add orange emphasis feel */
#section_appoach .elementor-element-0e5bf6d h2{
    text-shadow:0 8px 30px rgba(0,0,0,.25);
}

/* Process heading */
#section_appoach .elementor-element-02790c4{
    text-align:center;
    margin:24px auto 48px;
}

#section_appoach .elementor-element-02790c4 h2{
    display:inline-block;
    color:#f5f7fa;
    font-size:clamp(18px,1.7vw,27px);
    line-height:1.5;
    font-weight:700;
    margin:0;
    padding:14px 28px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50px;
    background:rgba(255,255,255,.025);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 12px 30px rgba(0,0,0,.16);
}

/* =========================================================
   5 STEP GRID
========================================================= */

#section_appoach .elementor-element-95719bb{
    counter-reset: approachstep;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
    overflow:visible;
}

/* Each Widget = Card */
#section_appoach .elementor-element-95719bb > .elementor-widget-image{
    counter-increment:approachstep;
    position:relative;
    min-width:0;
    padding:18px;
    border:1px solid rgba(92,160,207,.25);
    border-radius:20px;
    background:
        linear-gradient(180deg,
        rgba(15,40,61,.93),
        rgba(5,22,35,.96));
    box-shadow:
        0 20px 50px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.04);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}



/* Orange connector arrows */
#section_appoach .elementor-element-95719bb > .elementor-widget-image:not(:last-child)::after{
    content:"\203A";
    position:absolute;
    top:48%;
    right:-23px;
    z-index:8;
    transform:translateY(-50%);
    color:#ff7900;
    font-size:55px;
    line-height:1;
    font-family:Arial,sans-serif;
    font-weight:300;
    text-shadow:0 0 20px rgba(255,121,0,.45);
}
#section_appoach .elementor-element-95719bb > .elementor-widget-image:hover{
    transform:translateY(-10px);
    border-color:rgba(255,121,0,.55);
    box-shadow:
        0 28px 60px rgba(0,0,0,.35),
        0 0 30px rgba(255,121,0,.07),
        inset 0 1px 0 rgba(255,255,255,.06);
}

/* Image wrapper */
#section_appoach .elementor-element-95719bb .elementor-widget-container{
    overflow:hidden;
    border-radius:14px;
    background:#071725;
}

/* Images */
#section_appoach .elementor-element-95719bb img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1.2 / 1;
    object-fit:cover;
    border-radius:14px;
    transition:transform .5s ease, filter .4s ease;
}

#section_appoach .elementor-element-95719bb > .elementor-widget-image:hover img{
    transform:scale(1.04);
    filter:saturate(1.08) contrast(1.03);
}

/* subtle light glow inside cards */
#section_appoach .elementor-element-95719bb > .elementor-widget-image .elementor-widget-container::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
}

/* =========================================================
   ORANGE ACCENT LINE BELOW GRID
========================================================= */

#section_appoach .elementor-element-95719bb::after{
    content:"";
    grid-column:1 / -1;
    justify-self:center;
    width:110px;
    height:3px;
    margin-top:15px;
    border-radius:10px;
    background:linear-gradient(
        90deg,
        transparent,
        #ff7a00,
        transparent
    );
    box-shadow:0 0 18px rgba(255,122,0,.5);
}


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

@media(max-width:1100px){

    #section_appoach{
        padding:70px 25px;
    }

    #section_appoach .elementor-element-95719bb{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:38px 22px;
    }

    #section_appoach .elementor-element-95719bb
    > .elementor-widget-image:not(:last-child)::after{
        display:none;
    }
}


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

@media(max-width:767px){

    #section_appoach{
        padding:60px 15px;
    }

    #section_appoach .elementor-element-7155b89 h2{
        font-size:11px;
        letter-spacing:3px;
    }

    #section_appoach .elementor-element-7155b89 h2::before,
    #section_appoach .elementor-element-7155b89 h2::after{
        width:30px;
    }

    #section_appoach .elementor-element-0e5bf6d h2{
        font-size:31px;
        line-height:1.15;
    }

    #section_appoach .elementor-element-02790c4{
        margin:20px auto 45px;
    }

    #section_appoach .elementor-element-02790c4 h2{
        font-size:16px;
        padding:12px 16px;
        border-radius:18px;
    }

    #section_appoach .elementor-element-95719bb{
        grid-template-columns:1fr;
        gap:45px;
        max-width:420px;
        margin:auto;
    }

    #section_appoach .elementor-element-95719bb
    > .elementor-widget-image{
        padding:15px;
    }

    /* Mobile cards vertical connector */
   #section_appoach .elementor-element-95719bb
    > .elementor-widget-image:not(:last-child)::after{
        display:block;
        content:"\2193";
        top:auto;
        bottom:-39px;
        right:50%;
        transform:translateX(50%);
        font-size:27px;
    }

    #section_appoach .elementor-element-95719bb img{
        aspect-ratio:auto;
    }
}


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

@media(max-width:380px){

    #section_appoach .elementor-element-0e5bf6d h2{
        font-size:26px;
    }

    #section_appoach .elementor-element-02790c4 h2{
        font-size:14px;
    }
}
/* =====================================================
   INSIGHTS — PREMIUM DARK SECTION
   ===================================================== */

#section_insights {
    position: relative;
    overflow: hidden;
    padding: 85px 20px 90px;
    background:
        radial-gradient(circle at 0% 0%, rgba(255,112,0,.12), transparent 25%),
        radial-gradient(circle at 100% 85%, rgba(255,112,0,.09), transparent 25%),
        linear-gradient(135deg, #06111d 0%, #091b2b 50%, #030d17 100%);
    isolation: isolate;
}

#section_insights::before,
#section_insights::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(255,122,0,.22);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

#section_insights::before {
    top: -280px;
    left: -190px;
}

#section_insights::after {
    right: -300px;
    bottom: -280px;
}

#section_insights > .e-con-inner {
    max-width: 1320px;
    margin: 0 auto;
}

/* =====================================================
   SECTION LABEL
   ===================================================== */

#section_insights .elementor-element-094538f {
    text-align: center;
    margin-bottom: 14px;
}

#section_insights .elementor-element-094538f h2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 0;
    color: #ff8200;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
}

#section_insights .elementor-element-094538f h2::before,
#section_insights .elementor-element-094538f h2::after {
    content: "";
    width: 55px;
    height: 2px;
    background: #ff8200;
}

/* =====================================================
   MAIN HEADINGS
   ===================================================== */

#section_insights .elementor-element-1ea97d9 {
    text-align: center;
}

#section_insights .elementor-element-1ea97d9 h2 {
    max-width: 1100px;
    margin: 0 auto;
    color: #fff;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.5px;
}

#section_insights .elementor-element-1ea97d9 h2 span {
    color: #ff8200;
}

#section_insights .elementor-element-c5dd4bf {
    text-align: center;
    margin-top: 18px;
}

#section_insights .elementor-element-c5dd4bf h2 {
    max-width: 950px;
    margin: 0 auto;
    color: #cbd5df;
    font-size: clamp(19px, 2vw, 27px);
    line-height: 1.4;
    font-weight: 400;
}

#section_insights .elementor-element-b41b769 {
    text-align: center;
    margin: 14px 0 24px;
}

#section_insights .elementor-element-b41b769 p {
    margin: 0;
    color: #b8c5d1;
    font-size: 16px;
}

/* =====================================================
   TOPIC PILLS
   ===================================================== */

#section_insights .elementor-element-3c50e81
ul.elementor-icon-list-items {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
    margin: 0;
    padding: 0;
}

#section_insights .elementor-element-3c50e81
.elementor-icon-list-item {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    padding: 13px 17px;
    min-height: 54px;
    border: 1px solid rgba(115,160,195,.24);
    border-radius: 12px;
    background: linear-gradient(145deg, #102638, #071725);
    transition: transform .3s ease, border-color .3s ease,
                box-shadow .3s ease;
}

#section_insights .elementor-element-3c50e81
.elementor-icon-list-item:hover {
    transform: translateY(-4px);
    border-color: rgba(255,130,0,.65);
    box-shadow: 0 12px 28px rgba(0,0,0,.25);
}

#section_insights .elementor-element-3c50e81
.elementor-icon-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 8px;
    background: rgba(255,130,0,.08);
}

#section_insights .elementor-element-3c50e81
.elementor-icon-list-icon svg {
    width: 16px;
    height: 16px;
    fill: #ff8200;
}

#section_insights .elementor-element-3c50e81
.elementor-icon-list-text {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

/* =====================================================
   FEATURED INSIGHTS HEADING
   ===================================================== */

#section_insights .elementor-element-6e4266f {
    text-align: center;
    margin: 55px 0 30px;
}

#section_insights .elementor-element-6e4266f h2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 0;
    color: #ff8200;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#section_insights .elementor-element-6e4266f h2::before,
#section_insights .elementor-element-6e4266f h2::after {
    content: "";
    width: 45px;
    height: 1px;
    background: rgba(255,130,0,.8);
}

/* =====================================================
   FEATURED CARDS GRID
   ===================================================== */

#section_insights .elementor-element-f9c50ea {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
    width: 100%;
}

/* All four card containers */
#section_insights .elementor-element-f9c50ea
> .e-con {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(115,160,195,.25);
    border-radius: 16px;
    background: linear-gradient(160deg, #0c2233, #071725);
    box-shadow: 0 16px 40px rgba(0,0,0,.15);
    transition: transform .35s ease,
                border-color .35s ease,
                box-shadow .35s ease;
}

#section_insights .elementor-element-f9c50ea
> .e-con:hover {
    transform: translateY(-8px);
    border-color: rgba(255,130,0,.5);
    box-shadow: 0 24px 50px rgba(0,0,0,.3);
}

/* Remove Elementor default widget spacing */
#section_insights .elementor-element-f9c50ea
.elementor-widget-image-box {
    width: 100%;
    margin: 0;
}

#section_insights .elementor-element-f9c50ea
.elementor-widget-image-box .elementor-widget-container {
    padding: 0;
}

/* =====================================================
   CARD IMAGE
   ===================================================== */

#section_insights .elementor-element-f9c50ea
.elementor-image-box-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#section_insights .elementor-element-f9c50ea
.elementor-image-box-img {
    display: block;
    width: 100%;
    margin: 0 !important;
    overflow: hidden;
    background: #10283b;
}

#section_insights .elementor-element-f9c50ea
.elementor-image-box-img img {
    display: block;
    width: 100%;
    height: 210px;
    object-fit: cover;
    transition: transform .5s ease;
}

#section_insights .elementor-element-f9c50ea
> .e-con:hover .elementor-image-box-img img {
    transform: scale(1.05);
}

/* =====================================================
   CARD CONTENT
   ===================================================== */

#section_insights .elementor-element-f9c50ea
.elementor-image-box-content {
    padding: 25px 24px 10px;
    text-align: left;
}

#section_insights .elementor-element-f9c50ea
.elementor-image-box-title {
    margin: 0 0 14px;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -.4px;
}

#section_insights .elementor-element-f9c50ea
.elementor-image-box-description {
    margin: 0;
    color: #b9c6d2;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;
}

/* =====================================================
   READ MORE BUTTONS
   ===================================================== */

#section_insights .elementor-element-f9c50ea
.elementor-widget-button {
    margin-top: auto;
    padding: 12px 24px 25px;
    text-align: left;
}

#section_insights .elementor-element-f9c50ea
.elementor-widget-button .elementor-widget-container {
    text-align: left;
}

#section_insights .elementor-element-f9c50ea
.elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #ff8200;
    font-size: 15px;
    font-weight: 700;
    box-shadow: none;
    transition: color .3s ease, transform .3s ease;
}

#section_insights .elementor-element-f9c50ea
.elementor-button:hover {
    background: transparent;
    color: #ffad4d;
    transform: translateX(4px);
}

#section_appoach .elementor-element-95719bb
    > .elementor-widget-image:not(:last-child)::after{
        display:block;
        content:"\2193";
        top:auto;
        bottom:-39px;
        right:50%;
        transform:translateX(50%);
        font-size:27px;
    }
/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    #section_insights {
        padding: 70px 24px;
    }

    #section_insights .elementor-element-f9c50ea {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    #section_insights .elementor-element-f9c50ea
    .elementor-image-box-img img {
        height: 230px;
    }
}

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

@media (max-width: 767px) {

    #section_insights {
        padding: 55px 15px 65px;
    }

    #section_insights .elementor-element-094538f h2 {
        font-size: 11px;
        letter-spacing: 3px;
    }

    #section_insights .elementor-element-094538f h2::before,
    #section_insights .elementor-element-094538f h2::after {
        width: 30px;
    }

    #section_insights .elementor-element-1ea97d9 h2 {
        font-size: 31px;
        letter-spacing: -.7px;
    }

    #section_insights .elementor-element-c5dd4bf h2 {
        font-size: 18px;
    }

    #section_insights .elementor-element-b41b769 p {
        font-size: 15px;
    }

    /* Two topic pills per row */
    #section_insights .elementor-element-3c50e81
    ul.elementor-icon-list-items {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    #section_insights .elementor-element-3c50e81
    .elementor-icon-list-item {
        width: 100%;
        min-width: 0;
        padding: 12px 10px;
    }

    #section_insights .elementor-element-3c50e81
    .elementor-icon-list-text {
        font-size: 12px;
        white-space: normal;
    }

    #section_insights .elementor-element-6e4266f {
        margin: 45px 0 25px;
    }

    #section_insights .elementor-element-6e4266f h2 {
        font-size: 12px;
        letter-spacing: 2px;
        gap: 10px;
    }

    #section_insights .elementor-element-6e4266f h2::before,
    #section_insights .elementor-element-6e4266f h2::after {
        width: 25px;
    }

    /* One featured card per row */
    #section_insights .elementor-element-f9c50ea {
        grid-template-columns: 1fr;
        gap: 22px;
        max-width: 440px;
        margin: 0 auto;
    }

    #section_insights .elementor-element-f9c50ea
    .elementor-image-box-img img {
        height: 220px;
    }

    #section_insights .elementor-element-f9c50ea
    .elementor-image-box-content {
        padding: 22px 20px 8px;
    }

    #section_insights .elementor-element-f9c50ea
    .elementor-image-box-title {
        font-size: 20px;
    }

    #section_insights .elementor-element-f9c50ea
    .elementor-image-box-description {
        font-size: 14px;
    }

    #section_insights .elementor-element-f9c50ea
    .elementor-widget-button {
        padding: 12px 20px 24px;
    }
}

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

@media (max-width: 380px) {

    #section_insights .elementor-element-1ea97d9 h2 {
        font-size: 27px;
    }

    #section_insights .elementor-element-3c50e81
    ul.elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}
/* =====================================================
   FAQ SECTION
   Existing ID: #section_faq
===================================================== */

#section_faq{
    position:relative;
    overflow:hidden;
    padding:85px 20px 90px;
    background:
        radial-gradient(circle at 5% 5%, rgba(255,122,0,.12), transparent 22%),
        radial-gradient(circle at 95% 90%, rgba(255,122,0,.08), transparent 25%),
        linear-gradient(135deg,#04111e 0%,#071929 48%,#020b14 100%);
    isolation:isolate;
}

/* Decorative circles */
#section_faq::before,
#section_faq::after{
    content:"";
    position:absolute;
    border:1px solid rgba(255,122,0,.22);
    border-radius:50%;
    pointer-events:none;
    z-index:-1;
}

#section_faq::before{
    width:420px;
    height:420px;
    top:-280px;
    left:-210px;
}

#section_faq::after{
    width:480px;
    height:480px;
    right:-320px;
    bottom:-320px;
}

#section_faq > .e-con-inner{
    max-width:1200px;
    margin:0 auto;
}

/* =====================================================
   MAIN HEADING
===================================================== */

#section_faq .elementor-element-15532be{
    text-align:center;
    margin-bottom:42px;
}

#section_faq .elementor-element-15532be h2{
    margin:0;
    color:#ffffff;
    font-size:clamp(36px,4.5vw,60px);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-1.8px;
}

#section_faq .elementor-element-15532be h2 span{
    color:#ff7a00;
}

/* Optional small FAQ label above heading */
#section_faq .elementor-element-15532be::before{
    content:"FAQ";
    display:block;
    width:max-content;
    margin:0 auto 16px;
    padding:0 55px;
    position:relative;
    color:#ff7a00;
    font-size:13px;
    font-weight:800;
    letter-spacing:4px;
    text-transform:uppercase;
}

#section_faq .elementor-element-15532be::after{
    content:"Clear answers to help you understand how I work and how I can support your goals.";
    display:block;
    margin:15px auto 0;
    max-width:760px;
    color:#b9c5d0;
    font-size:18px;
    line-height:1.6;
    font-weight:400;
}

/* =====================================================
   ACCORDION WRAPPER
===================================================== */

#section_faq .elementor-element-72b631a{
    width:100%;
}

#section_faq .e-n-accordion{
    display:grid;
    grid-template-columns:repeat(1,minmax(0,1fr));
    gap:18px;
    align-items:start;
}
#section_faq .e-n-accordion-item [role="region"] p {
    margin: 0;
    color: #b9c5d0;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 400;
    padding-top: 20px;
}
/* Each FAQ card */
#section_faq .e-n-accordion-item{
    position:relative;
    overflow:hidden;
    margin:0;
    border:1px solid rgba(104,159,199,.24);
    border-radius:16px;
    background:
        linear-gradient(155deg,
        rgba(14,37,56,.96),
        rgba(5,19,31,.98));
    box-shadow:
        0 14px 34px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.03);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

#section_faq .e-n-accordion-item:hover{
    transform:translateY(-3px);
    border-color:rgba(255,122,0,.48);
    box-shadow:
        0 18px 40px rgba(0,0,0,.24),
        0 0 24px rgba(255,122,0,.05);
}

/* Open FAQ */
#section_faq .e-n-accordion-item[open]{
    border-color:rgba(255,122,0,.5);
    box-shadow:
        0 20px 42px rgba(0,0,0,.22),
        0 0 26px rgba(255,122,0,.06);
}

/* =====================================================
   FAQ TITLE / SUMMARY
===================================================== */

#section_faq .e-n-accordion-item-title{
    position: relative;
    display: flex;
    gap: 16px;
    min-height: 82px;
    padding: 22px 58px 22px 24px;
    cursor: pointer;
    background: transparent;
    border: 0;
    justify-content: flex-start;
}

/* Remove native marker */
#section_faq summary{
    list-style:none;
}

#section_faq summary::-webkit-details-marker{
    display:none;
}

/* Number counter */
#section_faq .e-n-accordion{
    counter-reset:faqcounter;
}

#section_faq .e-n-accordion-item{
    counter-increment:faqcounter;
}

#section_faq .e-n-accordion-item-title::before{
    content:"0" counter(faqcounter);
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:50%;
    color:#ff7a00;
    font-size:14px;
    font-weight:800;
    background:rgba(255,122,0,.07);
    border:1px solid rgba(255,122,0,.24);
    box-shadow:inset 0 0 15px rgba(255,122,0,.04);
}

/* Question text */
#section_faq .e-n-accordion-item-title-text{
    color:#ffffff;
    font-size:17px;
    line-height:1.45;
    font-weight:700;
}

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

#section_faq .e-n-accordion-item-title-icon{
    position:absolute;
    right:22px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
}

#section_faq .e-n-accordion-item-title-icon svg{
    width:14px;
    height:14px;
    fill:#ff7a00;
}

/* subtle icon background */
#section_faq .e-n-accordion-item-title-icon::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:8px;
    background:rgba(255,122,0,.05);
}

/* =====================================================
   FAQ ANSWER
===================================================== */

#section_faq .e-n-accordion-item > [role="region"]{
    padding:0 24px 24px 82px;
    background:transparent;
}

#section_faq .e-n-accordion-item [role="region"] .elementor-widget-text-editor{
    margin:0;
}

#section_faq .e-n-accordion-item [role="region"] p{
    margin:0;
    color:#b9c5d0;
    font-size:15px;
    line-height:1.75;
    font-weight:400;
}

/* Accent line when open */
#section_faq .e-n-accordion-item[open]::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:3px;
    border-radius:0 4px 4px 0;
    background:linear-gradient(
        180deg,
        transparent,
        #ff7a00,
        transparent
    );
    box-shadow:0 0 14px rgba(255,122,0,.35);
}

/* =====================================================
   MAKE LAST ITEM FULL WIDTH
   If total items are odd
===================================================== */

#section_faq .e-n-accordion-item:last-child:nth-child(odd){
    grid-column:1 / -1;
}

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

@media(max-width:1024px){

    #section_faq{
        padding:70px 24px 75px;
    }

    #section_faq .elementor-element-15532be h2{
        font-size:46px;
    }

    #section_faq .e-n-accordion{
        gap:16px;
    }

    #section_faq .e-n-accordion-item-title{
        padding:20px 52px 20px 20px;
    }

    #section_faq .e-n-accordion-item > [role="region"]{
        padding:0 20px 22px 74px;
    }
}

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

@media(max-width:767px){

    #section_faq{
        padding:58px 15px 65px;
    }

    #section_faq .elementor-element-15532be{
        margin-bottom:32px;
    }

    #section_faq .elementor-element-15532be h2{
        font-size:32px;
        line-height:1.15;
        letter-spacing:-.7px;
    }

    #section_faq .elementor-element-15532be::before{
        font-size:11px;
        letter-spacing:3px;
        padding:0 30px;
        margin-bottom:12px;
    }

    #section_faq .elementor-element-15532be::after{
        font-size:15px;
        line-height:1.55;
        margin-top:12px;
    }

    #section_faq .e-n-accordion{
        grid-template-columns:1fr;
        gap:13px;
    }

    #section_faq .e-n-accordion-item:last-child:nth-child(odd){
        grid-column:auto;
    }

    #section_faq .e-n-accordion-item-title{
        min-height:72px;
        gap:12px;
        padding:18px 48px 18px 16px;
    }

    #section_faq .e-n-accordion-item-title::before{
        flex:0 0 36px;
        width:36px;
        height:36px;
        font-size:12px;
    }

    #section_faq .e-n-accordion-item-title-text{
        font-size:15px;
        line-height:1.4;
    }

    #section_faq .e-n-accordion-item-title-icon{
        right:14px;
        width:28px;
        height:28px;
    }

    #section_faq .e-n-accordion-item > [role="region"]{
        padding:0 16px 20px 64px;
    }

    #section_faq .e-n-accordion-item [role="region"] p{
        font-size:14px;
        line-height:1.7;
    }
}

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

@media(max-width:380px){

    #section_faq .elementor-element-15532be h2{
        font-size:28px;
    }

    #section_faq .e-n-accordion-item-title{
        padding-left:14px;
    }

    #section_faq .e-n-accordion-item-title::before{
        flex-basis:34px;
        width:34px;
        height:34px;
    }

    #section_faq .e-n-accordion-item > [role="region"]{
        padding-left:60px;
    }
}
/* =========================================
   ABOUT HERO SECTION
========================================= */

#about_section {
    position: relative;
    overflow: hidden;
    min-height: 546px;
    padding: 8px -1px 0;
    background:
        linear-gradient(90deg,
            rgba(3, 13, 23, .96) 0%,
            rgba(4, 17, 29, .92) 45%,
            rgba(4, 17, 29, .25) 100%),
        url("https://saurabhomer.com/wp-content/uploads/2026/09/bg_about.png")
        center center / cover no-repeat;
    isolation: isolate;
}

/* Optional decorative glow */
#about_section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: 4%;
    top: 5%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 112, 0, .12), transparent 65%);
    pointer-events: none;
    z-index: -1;
}

#about_section > .e-con-inner {
    display: grid !important;
    grid-template-columns: 53% 47%;
    align-items: center;
    gap: 0;
    max-width: 1400px;
    min-height: 550px;
    margin: 0 auto;
}

/* =========================================
   LEFT CONTENT
========================================= */

#about_section .elementor-element-7c7a4c6 {
    position: relative;
    z-index: 3;
    width: 100%;
/*     padding: 20px 35px 60px 0; */
}

/* Small label */
#about_section .elementor-element-bc8317c h2 {
    margin: 0 0 18px;
    color: #ff8200;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* Main heading */
#about_section .elementor-element-1577251 h2 {
    max-width: 760px;
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(38px, 2vw, 62px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.8px;
}

#about_section .elementor-element-1577251 h2 span {
    color: #ff8200;
}

/* Description */
#about_section .elementor-element-743a19b {
    max-width: 650px;
}

#about_section .elementor-element-743a19b p {
    margin: 0;
    color: #cbd4df;
    font-size: 17px;
    line-height: 1.75;
    font-weight: 400;
}

/* =========================================
   BUTTONS
========================================= */

#about_section .elementor-element-623a793 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
}

#about_section .elementor-element-623a793 > .elementor-widget {
    width: auto;
    margin: 0;
}

#about_section .elementor-element-623a793 .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 4px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    transition: transform .3s ease, background .3s ease,
                border-color .3s ease, box-shadow .3s ease;
}

/* Primary button */
#about_section .elementor-element-4eacc4c .elementor-button {
    color: #fff;
    background: linear-gradient(135deg, #ff681f, #ff8a00);
    border: 1px solid #ff8a00;
    box-shadow: 0 8px 25px rgba(255, 112, 0, .18);
}

#about_section .elementor-element-4eacc4c .elementor-button:hover {
    transform: translateY(-3px);
    background: linear-gradient(135deg, #ff8a00, #ff681f);
    box-shadow: 0 12px 30px rgba(255, 112, 0, .3);
}

/* LinkedIn button */
#about_section .elementor-element-499956c .elementor-button {
    color: #fff;
    background: rgba(5, 22, 36, .65);
    border: 1px solid rgba(90, 160, 210, .55);
}

#about_section .elementor-element-499956c .elementor-button:hover {
    transform: translateY(-3px);
    border-color: #ff8200;
    background: rgba(255, 130, 0, .08);
}

/* Button icons */
#about_section .elementor-button-icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

#about_section .elementor-element-499956c .elementor-button-icon svg {
    fill: #58aeea;
}

/* =========================================
   RIGHT PORTRAIT
========================================= */

#about_section .elementor-element-1daf146 {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    align-self: stretch;
    width: 159%;
    min-height: 559px;
    background: transparent !important;
}

/* Soft glow behind portrait */
#about_section .elementor-element-1daf146::before {
    content: "";
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    bottom: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 116, 0, .12), transparent 70%);
    filter: blur(25px);
    pointer-events: none;
}

#about_section .elementor-element-2e973c4 {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
}

#about_section .elementor-element-2e973c4 img {
    display: block;
    width: 71%;
    max-width: 760px;
    height: auto;
    /* margin: 0 auto; */
    object-fit: contain;
    object-position: bottom center;
    filter: drop-shadow(-15px 10px 35px rgba(0, 0, 0, .25));
}

/* =========================================
   BOTTOM ACCENT LINE
========================================= */

#about_section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        #ff8200 0%,
        rgba(255, 130, 0, .4) 18%,
        transparent 55%
    );
    pointer-events: none;
}

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

@media (max-width: 1024px) {

    #about_section {
        min-height: auto;
        padding: 1px 13px 0;
    }

    #about_section > .e-con-inner {
        grid-template-columns: 74% 122%;
        min-height: 500px;
    }

    #about_section .elementor-element-7c7a4c6 {
        padding: 15px 20px 45px 0;
    }

    #about_section .elementor-element-1577251 h2 {
        font-size: 32px;
    }

    #about_section .elementor-element-743a19b p {
        font-size: 15px;
    }

    #about_section .elementor-element-1daf146 {
        min-height: 500px;
    }
}

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

@media (max-width: 767px) {

    #about_section {
        padding: 45px 18px 0;
        background-position: 65% center;
    }
#about_section .elementor-element-2e973c4 {
    position: relative;
    z-index: 2;
    width: 68%;
    margin: 0;
    margin-right: 418px;
}
    #about_section > .e-con-inner {
        display: flex !important;
        flex-direction: column;
        min-height: auto;
    }

    #about_section .elementor-element-7c7a4c6 {
        width: 100%;
        padding: 0 0 25px;
        text-align: left;
    }

    #about_section .elementor-element-bc8317c h2 {
        font-size: 11px;
        letter-spacing: 2.5px;
        margin-bottom: 14px;
    }

    #about_section .elementor-element-1577251 h2 {
        font-size: clamp(32px, 8vw, 42px);
        line-height: 1.12;
        letter-spacing: -.8px;
        margin-bottom: 18px;
    }

    #about_section .elementor-element-743a19b p {
        font-size: 14px;
        line-height: 1.7;
    }

    #about_section .elementor-element-623a793 {
        gap: 10px;
        margin-top: 24px;
    }

    #about_section .elementor-element-623a793 .elementor-button {
        min-height: 44px;
        padding: 12px 16px;
        font-size: 12px;
    }

    #about_section .elementor-element-1daf146 {
        width: 100%;
        min-height: auto;
        align-self: center;
        margin-top: 10px;
    }

    #about_section .elementor-element-2e973c4 img {
        width: 100%;
        max-width: 520px;
        height: auto;
    }
}

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

@media (max-width: 380px) {

    #about_section .elementor-element-1577251 h2 {
        font-size: 29px;
    }

    #about_section .elementor-element-623a793 {
        flex-direction: column;
        align-items: stretch;
    }

    #about_section .elementor-element-623a793 > .elementor-widget,
    #about_section .elementor-element-623a793 .elementor-button {
        width: 100%;
    }
}
/* =========================================
   GLOBAL CONSULTATION BUTTON
   ID: #theme_btn
========================================= */

#theme_btn .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 13px 24px;
    border: 1px solid #ff8a00;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff681f 0%, #ff8a00 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(255, 112, 0, .18);
    transition: transform .3s ease, box-shadow .3s ease,
                background .3s ease;
}

#theme_btn .elementor-button:hover {
    transform: translateY(-3px);
    background: linear-gradient(135deg, #ff8a00 0%, #ff681f 100%);
    box-shadow: 0 12px 28px rgba(255, 112, 0, .3);
    color: #ffffff;
}

#theme_btn .elementor-button:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
}

#theme_btn .elementor-button-text {
    color: inherit;
}

/* Optional arrow after text */
#theme_btn .elementor-button-text::after {
    content: " →";
    display: inline-block;
    margin-left: 8px;
    transition: transform .3s ease;
}

#theme_btn .elementor-button:hover
.elementor-button-text::after {
    transform: translateX(4px);
}

/* Mobile */
@media (max-width: 767px) {
    #theme_btn .elementor-button {
        min-height: 44px;
        padding: 12px 18px;
        font-size: 13px;
    }
} 
/* =========================================
   MY STORY SECTION
========================================= */

#section_story {
    position: relative;
    overflow: hidden;
    padding: 90px 20px;
    background:
        radial-gradient(circle at 0% 15%, rgba(255,122,0,.10), transparent 25%),
        linear-gradient(135deg, #071521 0%, #0b1d2c 55%, #06111d 100%);
}

#section_story > .e-con-inner {
    display: grid !important;
    grid-template-columns: 46% 54%;
    align-items: center;
    gap: 55px;
    max-width: 1320px;
    margin: 0 auto;
}

/* =========================================
   LEFT IMAGE
========================================= */

#section_story .elementor-element-0abd724 {
    position: relative;
    width: 100%;
    padding: 0;
    border-radius: 18px;
    background: transparent !important;
}

#section_story .elementor-element-37e5abf {
    width: 100%;
    margin: 0;
}

#section_story .elementor-element-37e5abf img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.4 / 1;
    object-fit: cover;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 25px 60px rgba(0,0,0,.28);
    transition: transform .4s ease;
}

#section_story .elementor-element-0abd724:hover img {
    transform: translateY(-5px);
}

/* Orange corner accent */
#section_story .elementor-element-0abd724::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: -10px;
    left: -10px;
    border-top: 2px solid #ff8200;
    border-left: 2px solid #ff8200;
    border-radius: 20px 0 0 0;
    pointer-events: none;
}

/* =========================================
   RIGHT CONTENT
========================================= */

#section_story .elementor-element-e94c6f7 {
    width: 100%;
    padding: 0;
}

/* Small label */
#section_story .elementor-element-36a8cd9 h2 {
    margin: 0 0 16px;
    color: #ff8200;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* Main heading */
#section_story .elementor-element-9774fed h2 {
    margin: 0 0 24px;
    color: #ffffff;
    font-size: clamp(34px, 3.5vw, 50px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.2px;
}

#section_story .elementor-element-9774fed h2 span {
    color: #ff8200;
}

/* Story paragraphs */
#section_story .elementor-element-96df907 p {
    margin: 0 0 18px;
    color: #c3ced8;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
}

#section_story .elementor-element-96df907 p:last-child {
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 500;
}

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

@media (max-width: 1024px) {
    #section_story {
        padding: 70px 24px;
    }

    #section_story > .e-con-inner {
        grid-template-columns: 45% 55%;
        gap: 30px;
    }

    #section_story .elementor-element-9774fed h2 {
        font-size: 38px;
    }

    #section_story .elementor-element-96df907 p {
        font-size: 15px;
        line-height: 1.7;
    }
}

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

@media (max-width: 767px) {
    #section_story {
        padding: 55px 18px;
    }

    #section_story > .e-con-inner {
        display: flex !important;
        flex-direction: column;
        gap: 30px;
    }

    #section_story .elementor-element-0abd724,
    #section_story .elementor-element-e94c6f7 {
        width: 100%;
    }

    #section_story .elementor-element-37e5abf img {
        aspect-ratio: 4 / 3;
        border-radius: 14px;
    }

    #section_story .elementor-element-9774fed h2 {
        font-size: 32px;
        letter-spacing: -.7px;
    }

    #section_story .elementor-element-96df907 p {
        font-size: 14px;
        line-height: 1.75;
        margin-bottom: 15px;
    }

    #section_story .elementor-element-0abd724::before {
        width: 65px;
        height: 65px;
    }
}
/* =========================================
   PROFESSIONAL SNAPSHOT
========================================= */

#section_snapshot {
    position: relative;
    overflow: hidden;
    padding: 50px 20px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 122, 0, .07), transparent 30%),
        linear-gradient(135deg, #071521 0%, #0b1c2b 55%, #08131f 100%);
}

/* Section heading */
#section_snapshot .elementor-element-24df6d8 {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto 30px;
}

#section_snapshot .elementor-element-76b585b h2 {
    margin: 0;
    color: #ff8200;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* Four-column grid */
#section_snapshot .elementor-element-05a0a1b {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    background: transparent !important;
}

/* =========================================
   SNAPSHOT CARDS
========================================= */

#section_snapshot #section_box {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    min-height: 194px;
    padding: 26px 24px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 14px;
    background: linear-gradient(145deg, #102536 0%, #0b1b2a 100%);
    box-shadow: 0 10px 30px rgba(0,0,0,.10);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    gap: 0px !important;
}

#section_snapshot #section_box:hover {
    transform: translateY(-6px);
    border-color: rgba(255,130,0,.55);
    box-shadow: 0 18px 40px rgba(0,0,0,.22);
}

/* Top icon + counter/title row */
#section_snapshot #section_box > .e-con:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
    width: 100%;
}

/* Icon containers */
#section_snapshot #section_box > .e-con:first-child > .e-con:first-child {
    flex: 0 0 48px;
    width: 48px;
}

#section_snapshot #section_box .elementor-widget-icon {
    margin: 0;
}

#section_snapshot #section_box .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 7px;
    background: transparent;
}

#section_snapshot #section_box .elementor-icon svg {
    width: 42px;
    height: 42px;
    fill: #ff8200;
}

#section_snapshot #section_box .elementor-icon svg path {
    fill: #ff8200;
}

/* =========================================
   COUNTERS
========================================= */

#section_snapshot .elementor-widget-counter {
    width: 100%;
    margin: 0;
}

#section_snapshot .elementor-counter {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 4px;
}

#section_snapshot .elementor-counter-number-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    color: #ff8200;
    font-size: clamp(30px, 2.8vw, 42px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1px;
}

#section_snapshot .elementor-counter-number-suffix {
    font-size: .75em;
}

#section_snapshot .elementor-counter-title {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
}

/* Leadership heading */
#section_snapshot .elementor-element-c514aa0 h2 {
    margin: 0;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

/* Descriptions */
#section_snapshot #section_box > .elementor-widget-text-editor {
    margin-top: 22px;
    margin-bottom: 0;
}

#section_snapshot #section_box .elementor-widget-text-editor p {
    margin: 0;
    color: #b9c5d0;
    font-size: 14px;
    line-height: 1.65;
}

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

@media (max-width: 1024px) {
    #section_snapshot {
        padding: 65px 24px;
    }

    #section_snapshot .elementor-element-05a0a1b {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    #section_snapshot #section_box {
        min-height: 210px;
    }
}

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

@media (max-width: 767px) {
    #section_snapshot {
        padding: 50px 16px;
    }

    #section_snapshot .elementor-element-24df6d8 {
        margin-bottom: 24px;
    }

    #section_snapshot .elementor-element-76b585b h2 {
        font-size: 12px;
        letter-spacing: 2px;
    }

    #section_snapshot .elementor-element-05a0a1b {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #section_snapshot #section_box {
        min-height: auto;
        padding: 24px;
    }

    #section_snapshot .elementor-counter-number-wrapper {
        font-size: 36px;
    }

    #section_snapshot #section_box > .elementor-widget-text-editor {
        margin-top: 18px;
    }
}
/* =========================================
   PROFESSIONAL JOURNEY
========================================= */

#section_journey{
    position:relative;
    overflow:hidden;
    padding: 50px 0px 58px;
    background:
        radial-gradient(circle at 8% 15%, rgba(255,122,0,.08), transparent 22%),
        linear-gradient(135deg,#071521 0%,#0b1d2c 55%,#06111d 100%);
}

#section_journey > .e-con-inner{
    max-width:1320px;
    margin:0 auto;
}

/* =========================================
   SECTION HEADINGS
========================================= */

#section_journey .elementor-element-07b27d0{
    text-align:center;
    margin-bottom:45px;
}

#section_journey .elementor-element-20caca6 h2{
    margin:0 0 12px;
    color:#ff8200;
    font-size:13px;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
}

#section_journey .elementor-element-e9aafd7 h2{
    max-width: 893px;
    margin:0 auto;
    color:#ffffff;
    font-size: clamp(26px,3.6vw,43px);
    line-height:1.12;
    font-weight:800;
    letter-spacing:-1.2px;
}

/* =========================================
   JOURNEY GRID
========================================= */

#section_journey .elementor-element-4298abd{
    position:relative;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
    width:100%;
    background:transparent !important;
    counter-reset:journey;
}

/* Horizontal timeline */
#section_journey .elementor-element-4298abd::before{
    content:"";
    position:absolute;
    top:31px;
    left: 0%;
    right:6%;
    height:2px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,130,0,.85) 8%,
        rgba(255,130,0,.85) 92%,
        transparent
    );
    z-index:0;
}

/* =========================================
   JOURNEY CARDS
========================================= */

#section_journey #journey_box{
    counter-increment:journey;
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:330px;
    padding:72px 24px 26px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:16px;
    background:linear-gradient(
        155deg,
        rgba(16,37,54,.96),
        rgba(7,23,35,.98)
    );
    box-shadow:
        0 16px 38px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.03);
    transition:transform .35s ease,
               border-color .35s ease,
               box-shadow .35s ease;
}

/* Timeline node */
#section_journey #journey_box::before{
    content:"0" counter(journey);
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-50%);
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#ffffff;
    font-size:15px;
    font-weight:800;
    background:#081723;
    border:3px solid #ff8200;
    box-shadow:
        0 0 0 5px rgba(255,130,0,.08),
        0 0 24px rgba(255,130,0,.28);
}

/* Hover */
#section_journey #journey_box:hover{
    transform:translateY(-8px);
    border-color:rgba(255,130,0,.5);
    box-shadow:
        0 22px 48px rgba(0,0,0,.25),
        0 0 25px rgba(255,130,0,.05);
}

/* Orange accent */
#section_journey #journey_box::after{
    content:"";
    position:absolute;
    left:24px;
    right:24px;
    top:58px;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,130,0,.55),
        transparent
    );
}

/* =========================================
   YEAR
========================================= */

#section_journey #journey_box
> .elementor-widget-heading:first-child h2{
    margin:0 0 10px;
    color:#ff8200;
    font-size:15px;
    font-weight:800;
    letter-spacing:1px;
}

/* Career stage */
#section_journey #journey_box h4{
    margin:0 0 12px;
    color:#9fb1c0;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

/* Main card title */
#section_journey #journey_box h2{
    margin:0;
    color:#ffffff;
}

#section_journey #journey_box
.elementor-widget-heading:nth-child(3) h2{
    margin:0 0 16px;
    color:#ffffff;
    font-size:22px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:-.4px;
}

/* Description */
#section_journey #journey_box
.elementor-widget-text-editor{
    margin-top:auto;
}

#section_journey #journey_box
.elementor-widget-text-editor p{
    margin:0;
    color:#b9c5d0;
    font-size:14px;
    line-height:1.7;
}

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

@media(max-width:1024px){

    #section_journey{
        padding:70px 24px;
    }

    #section_journey .elementor-element-4298abd{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:42px 20px;
    }

    #section_journey .elementor-element-4298abd::before{
        display:none;
    }

    #section_journey #journey_box{
        min-height:300px;
    }
}

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

@media(max-width:767px){

    #section_journey{
        padding:55px 16px 65px;
    }

    #section_journey .elementor-element-07b27d0{
        margin-bottom:42px;
    }

    #section_journey .elementor-element-20caca6 h2{
        font-size:11px;
        letter-spacing:2px;
    }

    #section_journey .elementor-element-e9aafd7 h2{
        font-size:31px;
        line-height:1.15;
    }

    #section_journey .elementor-element-4298abd{
        grid-template-columns:1fr;
        gap:42px;
        max-width:500px;
        margin:0 auto;
    }

    #section_journey #journey_box{
        min-height:auto;
        padding:62px 20px 24px;
    }

    #section_journey #journey_box::before{
        width:50px;
        height:50px;
        font-size:13px;
    }

    #section_journey #journey_box
    .elementor-widget-heading:nth-child(3) h2{
        font-size:21px;
    }

    #section_journey #journey_box
    .elementor-widget-text-editor p{
        font-size:14px;
    }
}
/* =========================================
   WHAT I BRING TO THE TABLE
   SECTION: #section_thinking
========================================= */

#section_thinking {
    position: relative;
    overflow: hidden;
    padding: 74px 0px 69px;
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 126, 0, .08), transparent 26%),
        radial-gradient(circle at 90% 80%, rgba(0, 119, 182, .08), transparent 28%),
        linear-gradient(135deg, #071521 0%, #0a1c2b 55%, #06111d 100%);
}

/* Inner heading wrapper */
#section_thinking .elementor-element-bbc7a4e {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto 38px;
    text-align: center;
}

/* Small heading */
#section_thinking .elementor-element-905057d h3 {
    margin: 0 0 12px;
    color: #ff8200;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* Main heading */
#section_thinking .elementor-element-4b504ea h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.2px;
}

/* =========================================
   GRID
========================================= */

#section_thinking .elementor-element-41cfdcc {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    background: transparent !important;
}

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

#section_thinking #thinking_box {
    position: relative;
    min-width: 0;
    min-height: 260px;
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            rgba(16, 38, 56, .96),
            rgba(7, 23, 35, .98)
        );
    box-shadow:
        0 14px 35px rgba(0,0,0,.15),
        inset 0 1px 0 rgba(255,255,255,.03);
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
    overflow: hidden;
}

/* Orange top accent */
#section_thinking #thinking_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    right: 22px;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        #ff8200,
        transparent
    );
    opacity: .75;
}

/* Soft hover glow */
#section_thinking #thinking_box::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    top: -80px;
    right: -80px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(255,130,0,.15),
        transparent 70%
    );
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
}

#section_thinking #thinking_box:hover {
    transform: translateY(-7px);
    border-color: rgba(255,130,0,.5);
    box-shadow:
        0 20px 45px rgba(0,0,0,.25),
        0 0 25px rgba(255,130,0,.06);
}

#section_thinking #thinking_box:hover::after {
    opacity: 1;
}

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

#section_thinking #thinking_box .elementor-icon-box-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}

/* Icon */
#section_thinking #thinking_box .elementor-icon-box-icon {
    margin-bottom: 20px;
}

#section_thinking #thinking_box .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(255, 130, 0, .09);
    border: 1px solid rgba(255, 130, 0, .28);
    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

#section_thinking #thinking_box .elementor-icon svg {
    width: 22px;
    height: 22px;
    fill: #ff8200;
}

#section_thinking #thinking_box .elementor-icon svg path {
    fill: #ff8200;
}

#section_thinking #thinking_box:hover .elementor-icon {
    transform: scale(1.06);
    background: rgba(255, 130, 0, .14);
    box-shadow: 0 8px 22px rgba(255,130,0,.12);
}

/* =========================================
   CARD CONTENT
========================================= */

#section_thinking #thinking_box .elementor-icon-box-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Title */
#section_thinking #thinking_box .elementor-icon-box-title {
    margin: 0 0 12px;
    line-height: 15px;
}

#section_thinking #thinking_box .elementor-icon-box-title span {
    color: #ffffff;
    font-size: 15px;
    font-weight: 750;
    line-height: 22px;
    letter-spacing: -.3px;
}

/* Description */
#section_thinking #thinking_box .elementor-icon-box-description {
    margin: 0;
    color: #b9c5d0;
    font-size: 12px;
    line-height: 1.75;
}

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

@media (max-width: 1024px) {

    #section_thinking {
        padding: 70px 24px 80px;
    }

    #section_thinking .elementor-element-41cfdcc {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    #section_thinking #thinking_box {
        min-height: 240px;
    }
}

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

@media (max-width: 767px) {

    #section_thinking {
        padding: 55px 16px 65px;
    }

    #section_thinking .elementor-element-bbc7a4e {
        margin-bottom: 28px;
    }

    #section_thinking .elementor-element-905057d h3 {
        font-size: 11px;
        letter-spacing: 2px;
    }

    #section_thinking .elementor-element-4b504ea h2 {
        font-size: 31px;
    }

    #section_thinking .elementor-element-41cfdcc {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    #section_thinking #thinking_box {
        min-height: auto;
        padding: 24px 22px;
    }

    #section_thinking #thinking_box .elementor-icon {
        width: 48px;
        height: 48px;
    }

    #section_thinking #thinking_box .elementor-icon-box-title span {
        font-size: 19px;
    }

    #section_thinking #thinking_box .elementor-icon-box-description {
        font-size: 14px;
        line-height: 1.7;
    }
}