/* =========================
        ROOT COLORS
        ========================== */
        :root{
            --sd-dark: #02142b;
            --sd-green: #28d64d;
            --sd-text: #11263d;
            --sd-light: #f5f8fc;
            --sd-border: rgba(0,0,0,0.06);
        }

        /* =========================
        GLOBAL
        ========================== */
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body{
            font-family: 'Inter', sans-serif;
            background: #ffffff;
            color: var(--sd-text);
        }

        a{
            text-decoration: none;
        }

        /* =========================
        TOP STRIP
        ========================== */
        .sd-top-strip{
            background: var(--sd-dark);
            padding: 12px 0;
        }

        .sd-top-wrapper{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .sd-contact-group{
            display: flex;
            align-items: center;
            gap: 28px;
        }

        .sd-contact-item{
            display: flex;
            align-items: center;
            gap: 10px;
            color: rgba(255,255,255,0.92);
            font-size: 14px;
            font-weight: 500;
            transition: 0.3s ease;
        }

        .sd-contact-item:hover{
            color: #fff;
        }

        .sd-contact-item i{
            color: var(--sd-green);
            font-size: 14px;
        }

        /* =========================
        SOCIAL ICONS
        ========================== */
        .sd-social-icons{
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .sd-social-icons a{
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(255,255,255,0.08);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 14px;
            transition: 0.3s ease;
        }

        .sd-social-icons a:hover{
            background: var(--sd-green);
            color: var(--sd-dark);
            transform: translateY(-3px);
        }

        /* =========================
        HEADER
        ========================== */
        .sd-header{
            position: sticky;
            top: 0;
            z-index: 999;
            background: rgba(255,255,255,0.92);
            backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }

        .sd-navbar{
            padding: 18px 0;
        }

        /* =========================
        LOGO
        ========================== */
        .sd-logo img{
            height: 62px;
            width: auto;
        }

        /* =========================
        NAVIGATION
        ========================== */
        .sd-nav-menu{
            gap: 36px;
        }

        .sd-nav-link{
            color: var(--sd-dark);
            font-size: 15px;
            font-weight: 700;
            position: relative;
            transition: 0.3s ease;
        }

        .sd-nav-link:hover{
            color: var(--sd-green);
        }

        .sd-nav-link::after{
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 0%;
            height: 2px;
            border-radius: 10px;
            background: var(--sd-green);
            transition: 0.3s ease;
        }

        .sd-nav-link:hover::after{
            width: 100%;
        }

        /* =========================
        CTA BUTTON
        ========================== */
        .sd-btn{
            background: var(--sd-green);
            color: #fff;
            padding: 14px 26px;
            border-radius: 14px;
            font-size: 15px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: 0.3s ease;
            box-shadow: 0 12px 30px rgba(40,214,77,0.22);
        }

        .sd-btn:hover{
            background: var(--sd-dark);
            color: #fff;
            transform: translateY(-2px);
        }

        /* =========================
        MOBILE TOGGLE
        ========================== */
        .navbar-toggler{
            border: none;
            padding: 0;
            box-shadow: none !important;
        }

        .sd-toggle-btn{
            width: 48px;
            height: 48px;
            border-radius: 12px;
            background: var(--sd-light);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--sd-dark);
            font-size: 22px;
        }

        /* =========================
        MOBILE MENU
        ========================== */
        @media(max-width:991px){

            .sd-top-strip{
                display: none;
            }

            .sd-navbar{
                padding: 14px 0;
            }

            .sd-logo img{
                height: 54px;
            }

            .navbar-collapse{
                background: #ffffff;
                margin-top: 18px;
                border-radius: 22px;
                padding: 24px;
                box-shadow: 0 15px 40px rgba(0,0,0,0.08);
            }

            .sd-nav-menu{
                gap: 22px;
                align-items: flex-start !important;
            }

            .sd-nav-link{
                font-size: 17px;
            }

            .sd-btn{
                width: 100%;
                justify-content: center;
                margin-top: 8px;
            }

        }