```php


<style>

/*
|--------------------------------------------------------------------------
| GLOBAL
|--------------------------------------------------------------------------
*/

:root{
    --white:#FFFFFF;
    --tint:#F2F7FF;
    --ink:#09182E;
    --off:#35435E;
    --muted:#6B7690;
    --blue:#155EEF;
    --blue-d:#0B3FBF;
    --yellow:#FFB800;
    --green:#06B879;
    --line:rgba(9,24,46,.10);
    --edge:clamp(20px,4vw,64px);
    --ease:cubic-bezier(.16,.84,.44,1);
}


.site-header,
.site-header *{
    box-sizing:border-box;
}


/*
|--------------------------------------------------------------------------
| HEADER
|--------------------------------------------------------------------------
*/

.site-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:200;

    background:rgba(255,255,255,.82);

    backdrop-filter:saturate(180%) blur(18px);
    -webkit-backdrop-filter:saturate(180%) blur(18px);

    border-bottom:1px solid var(--line);

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


.site-header::before{
    content:"";

    position:absolute;
    top:0;
    left:0;
    right:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--yellow) 55%,
            var(--green)
        );
}


.site-header.raised{
    background:rgba(255,255,255,.95);

    box-shadow:
        0 10px 34px -18px rgba(9,24,46,.32);
}


.site-header .header-container{
    width:100%;
    padding:0 var(--edge);
}


.site-header nav{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:18px;

    height:78px;

    position:relative;
}


/*
|--------------------------------------------------------------------------
| LOGO
|--------------------------------------------------------------------------
*/

.site-brand{
    display:flex;
    align-items:center;

    text-decoration:none;

    flex-shrink:0;
}


.site-brand img{
    height:50px !important;
    width:auto !important;

    max-width:170px !important;

    display:block;

    object-fit:contain;
}


/*
|--------------------------------------------------------------------------
| DESKTOP NAV
|--------------------------------------------------------------------------
*/

.site-navlinks{
    display:flex;
    align-items:center;

    gap:2px;

    list-style:none;

    margin:0 auto;
    padding:0;
}


.site-navlinks > li{
    position:relative;
}


/*
|--------------------------------------------------------------------------
| IMPORTANT:
| MAIN SERVICE ITEMS ARE BUTTONS, NOT LINKS
|--------------------------------------------------------------------------
*/

.site-navlinks button.toplink{
    position:relative;

    display:flex;
    align-items:center;

    gap:6px;

    color:var(--off);

    font-family:inherit;
    font-size:14px;
    font-weight:600;

    padding:10px 12px;

    border-radius:10px;

    white-space:nowrap;

    border:0;
    background:transparent;

    cursor:pointer;

    transition:
        color .2s ease,
        background .2s ease;
}

/* HOME LINK — MATCH SERVICE BUTTONS */
.site-navlinks a.toplink {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    color: var(--off);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;

    padding: 10px 12px;
    border-radius: 10px;
    line-height: normal;
    white-space: nowrap;
    text-decoration: none;

    border: 0;
    background: transparent;
    cursor: pointer;

    transition: color .2s ease, background .2s ease;
}

.site-navlinks a.toplink::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 3px;
    height: 2px;
    border-radius: 2px;

    background: linear-gradient(90deg, var(--blue), var(--yellow));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .35s var(--ease);
}

.site-navlinks a.toplink:hover,
.site-navlinks a.toplink.active {
    color: var(--ink);
    background: var(--tint);
}

.site-navlinks a.toplink:hover::after,
.site-navlinks a.toplink.active::after {
    transform: scaleX(1);
}

@media (max-width: 1240px) {
    .site-navlinks a.toplink {
        padding: 10px 9px;
        font-size: 13.5px;
    }

    .site-navlinks a.toplink::after {
        left: 9px;
        right: 9px;
    }
}
.site-navlinks button.toplink::after{
    content:"";

    position:absolute;

    left:12px;
    right:12px;

    bottom:3px;

    height:2px;

    border-radius:2px;

    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--yellow)
        );

    transform:scaleX(0);

    transform-origin:left;

    transition:
        transform .35s var(--ease);
}


.site-navlinks button.toplink:hover,
.site-navlinks li:focus-within > button.toplink,
.site-navlinks button.toplink.active{
    color:var(--ink);
    background:var(--tint);
}


.site-navlinks button.toplink:hover::after,
.site-has-drop:hover > button.toplink::after,
.site-has-drop.drop-open > button.toplink::after,
.site-navlinks button.toplink.active::after{
    transform:scaleX(1);
}


/*
|--------------------------------------------------------------------------
| CARET
|--------------------------------------------------------------------------
*/

.site-caret{
    width:6px;
    height:6px;

    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;

    transform:
        rotate(45deg)
        translateY(-2px);

    transition:
        transform .3s var(--ease);

    opacity:.7;
}


.site-has-drop:hover .site-caret,
.site-has-drop.drop-open .site-caret{
    transform:
        rotate(225deg)
        translateY(2px);
}


/*
|--------------------------------------------------------------------------
| DROPDOWN
|--------------------------------------------------------------------------
*/

.site-drop{
    position:absolute;

    top:100%;
    left:0;

    padding-top:14px;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(8px);

    transition:
        opacity .25s var(--ease),
        transform .3s var(--ease),
        visibility .25s;

    z-index:60;
}


.site-drop.align-right{
    left:auto;
    right:0;
}


/*
|--------------------------------------------------------------------------
| DROPDOWN OPEN
|--------------------------------------------------------------------------
*/

.site-has-drop:hover > .site-drop,
.site-has-drop:focus-within > .site-drop,
.site-has-drop.drop-open > .site-drop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transform:translateY(0);
}


/*
|--------------------------------------------------------------------------
| DROPDOWN BOX
|--------------------------------------------------------------------------
*/

.site-drop-box{
    min-width:270px;

    background:#fff;

    border:1px solid var(--line);

    border-radius:16px;

    padding:10px;

    box-shadow:
        0 40px 80px -30px rgba(9,24,46,.35),
        0 2px 6px rgba(9,24,46,.04);

    position:relative;

    overflow:hidden;
}


.site-drop-box::before{
    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--yellow)
        );
}


/*
|--------------------------------------------------------------------------
| WIDE DROPDOWN
|--------------------------------------------------------------------------
*/

.site-drop.wide .site-drop-box{
    width:560px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:2px 6px;
}


/*
|--------------------------------------------------------------------------
| SUB SERVICE LINKS
|--------------------------------------------------------------------------
*/

.site-drop-box a{
    display:flex;
    align-items:center;

    gap:10px;

    padding:10px 12px;

    border-radius:10px;

    color:var(--off);

    font-size:13.5px;
    font-weight:500;

    line-height:1.35;

    text-decoration:none;

    transition:
        background .2s ease,
        color .2s ease,
        padding .25s var(--ease);
}


.site-drop-box a::before{
    content:"";

    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--line);

    flex-shrink:0;

    transition:
        background .2s ease,
        transform .25s var(--ease);
}


.site-drop-box a:hover{
    color:var(--blue);

    background:var(--tint);

    padding-left:16px;
}


.site-drop-box a:hover::before{
    background:var(--yellow);

    transform:scale(1.4);
}


.site-drop-box a.drop-main{
    color:var(--ink);
    font-weight:700;
}


/*
|--------------------------------------------------------------------------
| CTA
|--------------------------------------------------------------------------
*/

.site-quote-btn{
    position:relative;

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

    gap:9px;

    padding:13px 22px;

    border-radius:999px;

    font-family:'Space Grotesk',sans-serif;

    font-weight:700;

    font-size:14px;

    white-space:nowrap;

    background:var(--yellow);

    color:var(--ink);

    text-decoration:none;

    flex-shrink:0;

    box-shadow:
        0 10px 24px -10px rgba(255,184,0,.8);

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s var(--ease),
        box-shadow .3s ease;
}


.site-quote-btn svg{
    transition:
        transform .35s var(--ease);
}


.site-quote-btn:hover{
    background:var(--blue);

    color:#fff;

    transform:translateY(-2px);

    box-shadow:
        0 16px 34px -12px rgba(21,94,239,.6);
}


.site-quote-btn:hover svg{
    transform:
        rotate(-12deg)
        scale(1.1);
}


/*
|--------------------------------------------------------------------------
| MOBILE BURGER
|--------------------------------------------------------------------------
*/

.site-burger{
    display:none;

    flex-direction:column;

    gap:5px;

    width:42px;
    height:42px;

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

    border:none;

    background:var(--tint);

    border-radius:12px;

    cursor:pointer;
}


.site-burger span{
    width:18px;
    height:2px;

    background:var(--ink);

    border-radius:2px;

    transition:.3s ease;
}


.site-burger.active span:nth-child(1){
    transform:
        translateY(7px)
        rotate(45deg);
}


.site-burger.active span:nth-child(2){
    opacity:0;
}


.site-burger.active span:nth-child(3){
    transform:
        translateY(-7px)
        rotate(-45deg);
}


/*
|--------------------------------------------------------------------------
| MOBILE PANEL
|--------------------------------------------------------------------------
*/

.site-mobile-panel{
    position:fixed;

    top:0;
    right:0;

    height:100vh;

    width:min(360px,88vw);

    background:#fff;

    z-index:300;

    padding:96px 24px 30px;

    transform:translateX(100%);

    transition:
        transform .45s var(--ease);

    overflow-y:auto;

    border-left:1px solid var(--line);

    box-shadow:
        -30px 0 60px -30px rgba(9,24,46,.25);
}


.site-mobile-panel.open{
    transform:translateX(0);
}


.site-mobile-panel > a,
.site-mobile-toggle{
    display:flex;

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

    width:100%;

    padding:15px 4px;

    color:var(--off);

    font-weight:600;

    font-size:15px;

    font-family:inherit;

    background:none;

    border:none;

    border-bottom:1px solid var(--line);

    text-decoration:none;

    text-align:left;

    cursor:pointer;
}


.site-mobile-panel > a:hover,
.site-mobile-toggle:hover{
    color:var(--blue);
}


.site-mobile-toggle .site-caret{
    transition:
        transform .3s var(--ease);
}


.site-mobile-toggle.open .site-caret{
    transform:
        rotate(225deg)
        translateY(2px);
}


.site-mobile-toggle.open{
    color:var(--blue);
}


/*
|--------------------------------------------------------------------------
| MOBILE SUB MENU
|--------------------------------------------------------------------------
*/

.site-mobile-sub{
    max-height:0;

    overflow:hidden;

    transition:
        max-height .45s var(--ease);

    background:var(--tint);

    border-radius:12px;

    margin:0 0 4px;
}


.site-mobile-sub.open{
    max-height:1000px;

    margin:8px 0 8px;

    padding:6px 0;
}


.site-mobile-sub a{
    display:block;

    padding:10px 16px;

    color:var(--off);

    font-size:13.5px;

    text-decoration:none;
}


.site-mobile-sub a:hover{
    color:var(--blue);
}


.site-mobile-sub a.drop-main{
    color:var(--ink);
    font-weight:700;
}


.site-mobile-quote{
    margin-top:24px;
}


.site-mobile-quote a{
    width:100%;
}


/*
|--------------------------------------------------------------------------
| SCRIM
|--------------------------------------------------------------------------
*/

.site-scrim{
    position:fixed;

    inset:0;

    background:rgba(9,24,46,.35);

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

    z-index:250;

    opacity:0;
    visibility:hidden;

    transition:
        opacity .4s ease,
        visibility .4s;
}


.site-scrim.show{
    opacity:1;
    visibility:visible;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media(max-width:1240px){

    .site-navlinks button.toplink{
        padding:10px 9px;
        font-size:13.5px;
    }

    .site-navlinks button.toplink::after{
        left:9px;
        right:9px;
    }

    .site-quote-btn{
        padding:12px 18px;
        font-size:13.5px;
    }

    .site-header nav{
        gap:12px;
    }
}


@media(max-width:1100px){

    .site-navlinks,
    .site-header .site-quote-btn{
        display:none;
    }

    .site-burger{
        display:flex;
    }
}


@media(max-width:640px){

    .site-header nav{
        height:70px;
    }

    .site-brand img{
        height:45px !important;
        max-width:155px !important;
    }
}


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

    .site-header *,
    .site-mobile-panel{
        transition:none !important;
    }
}

</style>


<!-- =========================================================
     HEADER
========================================================= -->

<header class="site-header" id="siteHeader">

    <div class="header-container">

        <nav>


            <!-- =================================================
                 LOGO
            ================================================= -->

            <a
                class="site-brand"
                href="/index.php"
                aria-label="Amalfi Management Solution"
            >

                <img
                    src="/assets/amalfimslogo.png"
                    alt="Amalfi Management Solution"
                >

            </a>


            <!-- =================================================
                 DESKTOP NAVIGATION
            ================================================= -->

            <ul class="site-navlinks">


                <!-- HOME -->

                <li>

                    <a
                        href="/index.php"
                        class="toplink "
                    >
                        Home
                    </a>

                </li>


                <!-- =================================================
                     SERVICE DROPDOWNS
                     
                     IMPORTANT:
                     MAIN SERVICE IS A BUTTON.
                     IT DOES NOT HAVE A HREF.
                     ONLY SUB SERVICES HAVE HREF.
                ================================================= -->

                
                    
                    <li class="site-has-drop">

                        <!-- MAIN SERVICE BUTTON - NOT CLICKABLE AS PAGE -->

                        <button
                            type="button"
                            class="toplink "
                            aria-haspopup="true"
                            aria-expanded="false"
                        >

                            Web
                            <span class="site-caret"></span>

                        </button>


                        <!-- DROPDOWN -->

                        <div class="site-drop">

                            <div class="site-drop-box">

                                
                                    <a
                                        href="/services/web/mern.php"
                                        class="drop-main"                                    >

                                        MERN Stack Development
                                    </a>

                                
                                    <a
                                        href="/services/web/php_dev.php"
                                                                            >

                                        PHP Development
                                    </a>

                                
                                    <a
                                        href="/services/web/seo.php"
                                                                            >

                                        SEO
                                    </a>

                                
                                    <a
                                        href="/services/web/geo.php"
                                                                            >

                                        GEO
                                    </a>

                                
                            </div>

                        </div>

                    </li>

                
                    
                    <li class="site-has-drop">

                        <!-- MAIN SERVICE BUTTON - NOT CLICKABLE AS PAGE -->

                        <button
                            type="button"
                            class="toplink "
                            aria-haspopup="true"
                            aria-expanded="false"
                        >

                            Medical
                            <span class="site-caret"></span>

                        </button>


                        <!-- DROPDOWN -->

                        <div class="site-drop">

                            <div class="site-drop-box">

                                
                                    <a
                                        href="/services/medical/rcm.php"
                                        class="drop-main"                                    >

                                        Medical Billing and RCM
                                    </a>

                                
                                    <a
                                        href="/services/medical/medical_records.php"
                                                                            >

                                        Medical Record Requests
                                    </a>

                                
                                    <a
                                        href="/services/medical/benefits.php"
                                                                            >

                                        Benefits Verification
                                    </a>

                                
                                    <a
                                        href="/services/medical/prior.php"
                                                                            >

                                        Prior Authorization
                                    </a>

                                
                                    <a
                                        href="/services/medical/ar.php"
                                                                            >

                                        Accounts Receivable
                                    </a>

                                
                                    <a
                                        href="/services/medical/medical_vfd.php"
                                                                            >

                                        Patient Scheduling &amp; Front Desk
                                    </a>

                                
                            </div>

                        </div>

                    </li>

                
                    
                    <li class="site-has-drop">

                        <!-- MAIN SERVICE BUTTON - NOT CLICKABLE AS PAGE -->

                        <button
                            type="button"
                            class="toplink "
                            aria-haspopup="true"
                            aria-expanded="false"
                        >

                            Virtual Front Desk
                            <span class="site-caret"></span>

                        </button>


                        <!-- DROPDOWN -->

                        <div class="site-drop">

                            <div class="site-drop-box">

                                
                                    <a
                                        href="/services/vfd/appointment_scheduling.php"
                                        class="drop-main"                                    >

                                        Appointment Scheduling
                                    </a>

                                
                                    <a
                                        href="/services/vfd/inout.php"
                                                                            >

                                        Inbound and Outbound Call Handling
                                    </a>

                                
                                    <a
                                        href="/services/vfd/live_chat.php"
                                                                            >

                                        Live Chat and Email Support
                                    </a>

                                
                            </div>

                        </div>

                    </li>

                
                    
                    <li class="site-has-drop">

                        <!-- MAIN SERVICE BUTTON - NOT CLICKABLE AS PAGE -->

                        <button
                            type="button"
                            class="toplink "
                            aria-haspopup="true"
                            aria-expanded="false"
                        >

                            Truck Dispatch
                            <span class="site-caret"></span>

                        </button>


                        <!-- DROPDOWN -->

                        <div class="site-drop">

                            <div class="site-drop-box">

                                
                                    <a
                                        href="/services/truck/fleet_operations.php"
                                        class="drop-main"                                    >

                                        Fleet Operations
                                    </a>

                                
                                    <a
                                        href="/services/truck/route_optimization.php"
                                                                            >

                                        Route Operations
                                    </a>

                                
                                    <a
                                        href="/services/truck/load_booking.php"
                                                                            >

                                        Load Booking
                                    </a>

                                
                            </div>

                        </div>

                    </li>

                
                    
                    <li class="site-has-drop">

                        <!-- MAIN SERVICE BUTTON - NOT CLICKABLE AS PAGE -->

                        <button
                            type="button"
                            class="toplink "
                            aria-haspopup="true"
                            aria-expanded="false"
                        >

                            Digital Marketing
                            <span class="site-caret"></span>

                        </button>


                        <!-- DROPDOWN -->

                        <div class="site-drop align-right">

                            <div class="site-drop-box">

                                
                                    <a
                                        href="/services/digital/social_media_marketing.php"
                                        class="drop-main"                                    >

                                        Social Media Marketing
                                    </a>

                                
                                    <a
                                        href="/services/digital/paid_advertising.php"
                                                                            >

                                        Paid Advertising
                                    </a>

                                
                                    <a
                                        href="/services/digital/graphic.php"
                                                                            >

                                        Graphic Design
                                    </a>

                                
                                    <a
                                        href="/services/digital/digital_brand.php"
                                                                            >

                                        Digital Brand Management
                                    </a>

                                
                            </div>

                        </div>

                    </li>

                
                    
                    <li class="site-has-drop">

                        <!-- MAIN SERVICE BUTTON - NOT CLICKABLE AS PAGE -->

                        <button
                            type="button"
                            class="toplink "
                            aria-haspopup="true"
                            aria-expanded="false"
                        >

                            Legal
                            <span class="site-caret"></span>

                        </button>


                        <!-- DROPDOWN -->

                        <div class="site-drop wide align-right">

                            <div class="site-drop-box">

                                
                                    <a
                                        href="/services/legal/contract_review.php"
                                        class="drop-main"                                    >

                                        Contract Review &amp; Drafting
                                    </a>

                                
                                    <a
                                        href="/services/legal/corporate-commercial-law.php"
                                                                            >

                                        Corporate &amp; Commercial Law
                                    </a>

                                
                                    <a
                                        href="/services/legal/intellectual.php"
                                                                            >

                                        Intellectual Property Law
                                    </a>

                                
                                    <a
                                        href="/services/legal/pakistan.php"
                                                                            >

                                        Pakistan Legal Services
                                    </a>

                                
                                    <a
                                        href="/services/legal/us_immigration.php"
                                                                            >

                                        U.S. Immigration Law
                                    </a>

                                
                            </div>

                        </div>

                    </li>

                

            </ul>


            <!-- =================================================
                 DESKTOP CTA
            ================================================= -->

            <a
                href="/contact.php"
                class="site-quote-btn"
            >

                
<svg
    width="16"
    height="16"
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    stroke-width="2.2"
    stroke-linecap="round"
    stroke-linejoin="round"
    aria-hidden="true"
>
    <rect x="3" y="4.5" width="18" height="16.5" rx="3"/>
    <path d="M8 2.5v4M16 2.5v4M3 10h18"/>
</svg>
                Book a Free Consult
            </a>


            <!-- =================================================
                 MOBILE BURGER
            ================================================= -->

            <button
                class="site-burger"
                id="siteBurgerBtn"
                aria-label="Open menu"
                aria-expanded="false"
                type="button"
            >

                <span></span>
                <span></span>
                <span></span>

            </button>


        </nav>

    </div>

</header>


<!-- =========================================================
     MOBILE SCRIM
========================================================= -->

<div
    class="site-scrim"
    id="siteScrim"
></div>


<!-- =========================================================
     MOBILE PANEL
========================================================= -->

<div
    class="site-mobile-panel"
    id="siteMobilePanel"
>


    <!-- HOME -->
<li class="site-home-item">
    <a
        href="/index.php"
        class="toplink "
    >
        Home
    </a>
</li>

    <!-- =======================================================
         MOBILE SERVICE DROPDOWNS
         
         MAIN SERVICE = BUTTON
         SUB SERVICES = LINKS
    ======================================================== -->

    

        <button
            type="button"
            class="site-mobile-toggle"
            aria-expanded="false"
        >

            Web
            <span class="site-caret"></span>

        </button>


        <div class="site-mobile-sub">

            
                <a
                    href="/services/web/mern.php"
                    class="drop-main"                >

                    MERN Stack Development
                </a>

            
                <a
                    href="/services/web/php_dev.php"
                                    >

                    PHP Development
                </a>

            
                <a
                    href="/services/web/seo.php"
                                    >

                    SEO
                </a>

            
                <a
                    href="/services/web/geo.php"
                                    >

                    GEO
                </a>

            
        </div>


    

        <button
            type="button"
            class="site-mobile-toggle"
            aria-expanded="false"
        >

            Medical
            <span class="site-caret"></span>

        </button>


        <div class="site-mobile-sub">

            
                <a
                    href="/services/medical/rcm.php"
                    class="drop-main"                >

                    Medical Billing and RCM
                </a>

            
                <a
                    href="/services/medical/medical_records.php"
                                    >

                    Medical Record Requests
                </a>

            
                <a
                    href="/services/medical/benefits.php"
                                    >

                    Benefits Verification
                </a>

            
                <a
                    href="/services/medical/prior.php"
                                    >

                    Prior Authorization
                </a>

            
                <a
                    href="/services/medical/ar.php"
                                    >

                    Accounts Receivable
                </a>

            
                <a
                    href="/services/medical/medical_vfd.php"
                                    >

                    Patient Scheduling &amp; Front Desk
                </a>

            
        </div>


    

        <button
            type="button"
            class="site-mobile-toggle"
            aria-expanded="false"
        >

            Virtual Front Desk
            <span class="site-caret"></span>

        </button>


        <div class="site-mobile-sub">

            
                <a
                    href="/services/vfd/appointment_scheduling.php"
                    class="drop-main"                >

                    Appointment Scheduling
                </a>

            
                <a
                    href="/services/vfd/inout.php"
                                    >

                    Inbound and Outbound Call Handling
                </a>

            
                <a
                    href="/services/vfd/live_chat.php"
                                    >

                    Live Chat and Email Support
                </a>

            
        </div>


    

        <button
            type="button"
            class="site-mobile-toggle"
            aria-expanded="false"
        >

            Truck Dispatch
            <span class="site-caret"></span>

        </button>


        <div class="site-mobile-sub">

            
                <a
                    href="/services/truck/fleet_operations.php"
                    class="drop-main"                >

                    Fleet Operations
                </a>

            
                <a
                    href="/services/truck/route_optimization.php"
                                    >

                    Route Operations
                </a>

            
                <a
                    href="/services/truck/load_booking.php"
                                    >

                    Load Booking
                </a>

            
        </div>


    

        <button
            type="button"
            class="site-mobile-toggle"
            aria-expanded="false"
        >

            Digital Marketing
            <span class="site-caret"></span>

        </button>


        <div class="site-mobile-sub">

            
                <a
                    href="/services/digital/social_media_marketing.php"
                    class="drop-main"                >

                    Social Media Marketing
                </a>

            
                <a
                    href="/services/digital/paid_advertising.php"
                                    >

                    Paid Advertising
                </a>

            
                <a
                    href="/services/digital/graphic.php"
                                    >

                    Graphic Design
                </a>

            
                <a
                    href="/services/digital/digital_brand.php"
                                    >

                    Digital Brand Management
                </a>

            
        </div>


    

        <button
            type="button"
            class="site-mobile-toggle"
            aria-expanded="false"
        >

            Legal
            <span class="site-caret"></span>

        </button>


        <div class="site-mobile-sub">

            
                <a
                    href="/services/legal/contract_review.php"
                    class="drop-main"                >

                    Contract Review &amp; Drafting
                </a>

            
                <a
                    href="/services/legal/corporate-commercial-law.php"
                                    >

                    Corporate &amp; Commercial Law
                </a>

            
                <a
                    href="/services/legal/intellectual.php"
                                    >

                    Intellectual Property Law
                </a>

            
                <a
                    href="/services/legal/pakistan.php"
                                    >

                    Pakistan Legal Services
                </a>

            
                <a
                    href="/services/legal/us_immigration.php"
                                    >

                    U.S. Immigration Law
                </a>

            
        </div>


    

    <!-- CONTACT -->

    <a href="/contact.php">
        Contact Us
    </a>


    <!-- MOBILE CTA -->

    <div class="site-mobile-quote">

        <a
            href="/contact.php"
            class="site-quote-btn"
        >

            
<svg
    width="16"
    height="16"
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    stroke-width="2.2"
    stroke-linecap="round"
    stroke-linejoin="round"
    aria-hidden="true"
>
    <rect x="3" y="4.5" width="18" height="16.5" rx="3"/>
    <path d="M8 2.5v4M16 2.5v4M3 10h18"/>
</svg>
            Book a Free Consult
        </a>

    </div>

</div>


<script>

(function(){

    /*
    |--------------------------------------------------------------------------
    | HEADER SHADOW ON SCROLL
    |--------------------------------------------------------------------------
    */

    var header =
        document.getElementById('siteHeader');


    if(header){

        var updateHeader = function(){

            header.classList.toggle(
                'raised',
                window.scrollY > 30
            );

        };


        window.addEventListener(
            'scroll',
            updateHeader,
            {passive:true}
        );


        updateHeader();

    }


    /*
    |--------------------------------------------------------------------------
    | DESKTOP DROPDOWNS
    |--------------------------------------------------------------------------
    |
    | MAIN SERVICE BUTTONS:
    | - Never navigate
    | - Click opens/closes dropdown
    | - Clicking another service closes previous dropdown
    |
    |--------------------------------------------------------------------------
    */

    var drops =
        document.querySelectorAll('.site-has-drop');


    function closeDrops(){

        drops.forEach(function(item){

            item.classList.remove('drop-open');

            var button =
                item.querySelector(':scope > button.toplink');

            if(button){
                button.setAttribute(
                    'aria-expanded',
                    'false'
                );
            }

        });

    }


    drops.forEach(function(item){

        var button =
            item.querySelector(':scope > button.toplink');


        if(!button){
            return;
        }


        button.addEventListener(
            'click',
            function(e){

                e.preventDefault();

                e.stopPropagation();


                var wasOpen =
                    item.classList.contains('drop-open');


                closeDrops();


                if(!wasOpen){

                    item.classList.add('drop-open');

                    button.setAttribute(
                        'aria-expanded',
                        'true'
                    );

                }

            }
        );

    });


    /*
    |--------------------------------------------------------------------------
    | CLOSE DESKTOP DROPDOWN WHEN CLICKING OUTSIDE
    |--------------------------------------------------------------------------
    */

    document.addEventListener(
        'click',
        function(e){

            if(!e.target.closest('.site-has-drop')){

                closeDrops();

            }

        }
    );


    /*
    |--------------------------------------------------------------------------
    | CLOSE DROPDOWN AFTER CLICKING SUB SERVICE
    |--------------------------------------------------------------------------
    */

    document.querySelectorAll(
        '.site-drop-box a'
    ).forEach(function(link){

        link.addEventListener(
            'click',
            function(){

                closeDrops();

            }

        );

    });


    /*
    |--------------------------------------------------------------------------
    | MOBILE MENU
    |--------------------------------------------------------------------------
    */

    var burger =
        document.getElementById('siteBurgerBtn');

    var mobilePanel =
        document.getElementById('siteMobilePanel');

    var scrim =
        document.getElementById('siteScrim');


    function closeMobileMenu(){

        if(burger){

            burger.classList.remove('active');

            burger.setAttribute(
                'aria-expanded',
                'false'
            );

        }


        if(mobilePanel){

            mobilePanel.classList.remove('open');

        }


        if(scrim){

            scrim.classList.remove('show');

        }


        document.body.style.overflow = '';

    }


    if(
        burger &&
        mobilePanel &&
        scrim
    ){

        burger.addEventListener(
            'click',
            function(){

                var opening =
                    !mobilePanel.classList.contains('open');


                burger.classList.toggle(
                    'active',
                    opening
                );


                burger.setAttribute(
                    'aria-expanded',
                    opening ? 'true' : 'false'
                );


                mobilePanel.classList.toggle(
                    'open',
                    opening
                );


                scrim.classList.toggle(
                    'show',
                    opening
                );


                document.body.style.overflow =
                    opening ? 'hidden' : '';

            }
        );


        scrim.addEventListener(
            'click',
            closeMobileMenu
        );

    }


    /*
    |--------------------------------------------------------------------------
    | MOBILE ACCORDIONS
    |--------------------------------------------------------------------------
    */

    if(mobilePanel){

        var toggles =
            mobilePanel.querySelectorAll(
                '.site-mobile-toggle'
            );


        toggles.forEach(function(btn){

            btn.addEventListener(
                'click',
                function(){

                    var sub =
                        btn.nextElementSibling;


                    if(!sub){
                        return;
                    }


                    var open =
                        !sub.classList.contains('open');


                    /*
                    | Close every other mobile dropdown
                    */

                    mobilePanel
                        .querySelectorAll('.site-mobile-sub')
                        .forEach(function(s){

                            s.classList.remove('open');

                        });


                    toggles.forEach(function(b){

                        b.classList.remove('open');

                        b.setAttribute(
                            'aria-expanded',
                            'false'
                        );

                    });


                    /*
                    | Open selected dropdown
                    */

                    if(open){

                        sub.classList.add('open');

                        btn.classList.add('open');

                        btn.setAttribute(
                            'aria-expanded',
                            'true'
                        );

                    }

                }
            );

        });


        /*
        |--------------------------------------------------------------------------
        | CLOSE MOBILE MENU AFTER SUB SERVICE CLICK
        |--------------------------------------------------------------------------
        */

        mobilePanel
            .querySelectorAll(
                '.site-mobile-sub a'
            )
            .forEach(function(link){

                link.addEventListener(
                    'click',
                    closeMobileMenu
                );

            });


        /*
        |--------------------------------------------------------------------------
        | CLOSE MOBILE MENU AFTER HOME / CONTACT
        |--------------------------------------------------------------------------
        */

        mobilePanel
            .querySelectorAll(
                ':scope > a'
            )
            .forEach(function(link){

                link.addEventListener(
                    'click',
                    closeMobileMenu
                );

            });

    }


    /*
    |--------------------------------------------------------------------------
    | ESCAPE KEY
    |--------------------------------------------------------------------------
    */

    document.addEventListener(
        'keydown',
        function(e){

            if(e.key === 'Escape'){

                closeMobileMenu();

                closeDrops();

            }

        }
    );


    /*
    |--------------------------------------------------------------------------
    | CLOSE DESKTOP DROPDOWN WHEN WINDOW RESIZES
    |--------------------------------------------------------------------------
    */

    window.addEventListener(
        'resize',
        function(){

            if(window.innerWidth <= 1100){

                closeDrops();

            }

        }
    );


})();

</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

<link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
>

<style>
* {
    box-sizing: border-box;
}

:root {
    --imm-navy: #071f68;
    --imm-blue: #075ba8;
    --imm-yellow: #ffbd00;
    --imm-text: #10244a;
    --imm-muted: #586780;
    --imm-light: #f4f7fc;
    --imm-border: #dfe7f2;
    --imm-white: #ffffff;
}

.us-immigration-page {
    width: 100%;
    padding: 100px 5% 30px;
    font-family: 'Inter', sans-serif;
    color: var(--imm-text);
    overflow: hidden;
    background: #fff;
}

.us-immigration-page a {
    text-decoration: none;
}

.imm-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
}

/* TOP INTRO */

.imm-hero {
    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
    gap: 30px;
    align-items: start;
}

.imm-intro {
    padding: 8px 0 0;
}

.imm-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--imm-blue);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 13px;
}

.imm-eyebrow i {
    color: var(--imm-yellow);
    font-size: 15px;
}

.imm-intro h1 {
    margin: 0 0 15px;
    color: var(--imm-navy);
    font-size: clamp(31px, 3.2vw, 46px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -1.4px;
}

.imm-intro h1 span {
    color: var(--imm-blue);
}

.imm-intro > p {
    margin: 0 0 17px;
    max-width: 510px;
    color: var(--imm-muted);
    font-size: 14px;
    line-height: 1.8;
}

.imm-highlight {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    margin-top: 20px;
    background: var(--imm-light);
    border: 1px solid var(--imm-border);
    border-left: 4px solid var(--imm-yellow);
    border-radius: 9px;
}

.imm-highlight-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--imm-navy);
    background: #fff0bd;
    border-radius: 8px;
    font-size: 17px;
}

.imm-highlight h3 {
    margin: 0 0 5px;
    color: var(--imm-navy);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
}

.imm-highlight p {
    margin: 0;
    color: var(--imm-muted);
    font-size: 12px;
    line-height: 1.7;
}

.imm-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 19px;
}

.imm-btn {
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 17px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    transition: .2s ease;
}

.imm-btn-primary {
    background: var(--imm-navy);
    color: #fff !important;
    border: 1px solid var(--imm-navy);
}

.imm-btn-primary:hover {
    background: var(--imm-blue);
    border-color: var(--imm-blue);
    transform: translateY(-2px);
}

.imm-btn-secondary {
    background: var(--imm-yellow);
    color: var(--imm-navy) !important;
    border: 1px solid var(--imm-yellow);
}

.imm-btn-secondary:hover {
    background: #ffd04a;
    border-color: #ffd04a;
    transform: translateY(-2px);
}

/* PRACTICE AREA PANEL */

.imm-practice-panel {
    padding: 20px;
    background: var(--imm-light);
    border: 1px solid var(--imm-border);
    border-radius: 13px;
}

.imm-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
}

.imm-panel-heading h2 {
    margin: 0;
    color: var(--imm-navy);
    font-size: 20px;
    line-height: 1.35;
    font-weight: 900;
}

.imm-panel-heading span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    color: var(--imm-blue);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
}

.imm-panel-heading span i {
    color: var(--imm-yellow);
}

.imm-practice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.imm-practice-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 105px;
    padding: 15px 13px;
    background: #fff;
    border: 1px solid var(--imm-border);
    border-radius: 9px;
    scroll-margin-top: 110px;
    transition: transform .2s ease, border-color .2s ease,
                box-shadow .2s ease;
}

.imm-practice-card:hover {
    transform: translateY(-3px);
    border-color: var(--imm-yellow);
    box-shadow: 0 7px 18px rgba(7, 31, 104, .07);
}

.imm-card-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff0bd;
    color: var(--imm-navy);
    font-size: 16px;
}

.imm-card-content {
    min-width: 0;
}

.imm-card-content h3 {
    margin: 1px 0 6px;
    color: var(--imm-navy);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 800;
}

.imm-card-content p {
    margin: 0;
    color: var(--imm-muted);
    font-size: 11px;
    line-height: 1.65;
}

.imm-card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 9px;
    color: var(--imm-blue);
    font-size: 10px;
    font-weight: 800;
}

.imm-card-link i {
    font-size: 9px;
    transition: transform .2s ease;
}

.imm-practice-card:hover .imm-card-link i {
    transform: translateX(3px);
}

/* WHY CHOOSE */

.imm-why {
    position: relative;
    margin-top: 26px;
    padding: 23px 25px;
    background: var(--imm-navy);
    border-radius: 12px;
    overflow: hidden;
}

.imm-why::after {
    content: "";
    position: absolute;
    top: -60px;
    right: -45px;
    width: 180px;
    height: 180px;
    border: 25px solid rgba(255, 189, 0, .12);
    border-radius: 50%;
    pointer-events: none;
}

.imm-why-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 16px;
}

.imm-why-heading .imm-small-label {
    margin: 0 0 6px;
    color: var(--imm-yellow);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.imm-why-heading h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 900;
}

.imm-why-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.imm-why-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.imm-why-item > i {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--imm-navy);
    background: var(--imm-yellow);
    border-radius: 7px;
    font-size: 12px;
}

.imm-why-item h3 {
    margin: 2px 0 5px;
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
}

.imm-why-item p {
    margin: 0;
    color: #dce5f5;
    font-size: 10px;
    line-height: 1.7;
}

/* DISCLAIMER */

.imm-disclaimer {
    margin: 13px auto 0;
    max-width: 1000px;
    color: #7b879a;
    font-size: 10px;
    line-height: 1.7;
    text-align: center;
}

/* RESPONSIVE */

@media (min-width: 1500px) {
    .us-immigration-page {
        padding-left: 6%;
        padding-right: 6%;
    }
}

@media (max-width: 1100px) {
    .us-immigration-page {
        padding: 95px 4% 25px;
    }

    .imm-hero {
        grid-template-columns: 1fr;
        gap: 23px;
    }

    .imm-intro > p {
        max-width: 760px;
    }

    .imm-practice-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .imm-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 19px;
    }
}

@media (max-width: 650px) {
    .us-immigration-page {
        padding: 90px 16px 22px;
    }

    .imm-intro h1 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .imm-intro > p {
        font-size: 13px;
    }

    .imm-practice-panel {
        padding: 14px;
    }

    .imm-panel-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .imm-panel-heading h2 {
        font-size: 19px;
    }

    .imm-practice-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .imm-practice-card {
        min-height: auto;
        padding: 14px;
    }

    .imm-card-content h3 {
        font-size: 13px;
    }

    .imm-card-content p {
        font-size: 12px;
    }

    .imm-contact-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .imm-btn {
        width: 100%;
    }

    .imm-why {
        padding: 21px 17px;
    }

    .imm-why-heading h2 {
        font-size: 20px;
    }

    .imm-why-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .imm-why-item p {
        font-size: 11px;
    }
}
</style>

<main class="us-immigration-page">
    <div class="imm-container">

        <section class="imm-hero">

            <!-- LEFT: INTRODUCTION -->
            <div class="imm-intro">

                <div class="imm-eyebrow">
                    <i class="fa-solid fa-scale-balanced"></i>
                    Absolute Legal Works
                </div>

                <h1>
                    U.S. Immigration
                    <span>Law</span>
                </h1>

                <p>
                    Navigate the complexities of U.S. immigration with
                    clear guidance and professional legal support.
                    Absolute Legal Works assists individuals, families,
                    professionals, and businesses with immigration-related
                    matters and legal processes.
                </p>

                <p>
                    From family-based petitions and employment visas to
                    citizenship applications and deportation defense,
                    our goal is to help clients understand their options
                    and the next steps relevant to their circumstances.
                </p>

                <div class="imm-highlight">
                    <div class="imm-highlight-icon">
                        <i class="fa-solid fa-globe-americas"></i>
                    </div>

                    <div>
                        <h3>Immigration Support for Individuals and Businesses</h3>
                        <p>
                            Explore immigration services for families,
                            workers, entrepreneurs, and individuals facing
                            complex immigration proceedings.
                        </p>
                    </div>
                </div>

              
<div class="imm-contact-actions">
    <a class="imm-btn imm-btn-secondary"
       href="Brochure.pdf"
       download>
        <i class="fa-solid fa-file-arrow-down"></i>
        Download Brochure
    </a>
</div>


            </div>

            <!-- RIGHT: IMMIGRATION SERVICES -->
            <div class="imm-practice-panel">

                <div class="imm-panel-heading">
                    <h2>Our Immigration Practice Areas</h2>

                    <span>
                        <i class="fa-solid fa-shield-halved"></i>
                        Explore Our Services
                    </span>
                </div>

                <div class="imm-practice-grid">

                    <article class="imm-practice-card" id="family">
                        <div class="imm-card-icon">
                            <i class="fa-solid fa-people-roof"></i>
                        </div>

                        <div class="imm-card-content">
                            <h3>Family Immigration</h3>
                            <p>
                                Guidance on family-based petitions,
                                qualifying relatives, and family
                                reunification pathways.
                            </p>
                            <a class="imm-card-link" href="#family-details">
                                Explore service
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </article>

                    <article class="imm-practice-card" id="employment">
                        <div class="imm-card-icon">
                            <i class="fa-solid fa-briefcase"></i>
                        </div>

                        <div class="imm-card-content">
                            <h3>Employment Immigration</h3>
                            <p>
                                Immigration pathways for eligible
                                employees, professionals, and
                                employer-sponsored cases.
                            </p>
                            <a class="imm-card-link" href="#employment-details">
                                Explore service
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </article>

                    <article class="imm-practice-card" id="business">
                        <div class="imm-card-icon">
                            <i class="fa-solid fa-building-columns"></i>
                        </div>

                        <div class="imm-card-content">
                            <h3>Business &amp; Investment</h3>
                            <p>
                                Immigration considerations for
                                entrepreneurs, investors, and
                                eligible business applicants.
                            </p>
                            <a class="imm-card-link" href="#business-details">
                                Explore service
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </article>

                    <article class="imm-practice-card" id="citizenship">
                        <div class="imm-card-icon">
                            <i class="fa-solid fa-flag-usa"></i>
                        </div>

                        <div class="imm-card-content">
                            <h3>Citizenship</h3>
                            <p>
                                Assistance understanding naturalization
                                eligibility, application requirements,
                                and related procedures.
                            </p>
                            <a class="imm-card-link" href="#citizenship-details">
                                Explore service
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </article>

                    <article class="imm-practice-card" id="deportation">
                        <div class="imm-card-icon">
                            <i class="fa-solid fa-scale-unbalanced"></i>
                        </div>

                        <div class="imm-card-content">
                            <h3>Deportation Defense</h3>
                            <p>
                                Guidance for individuals facing removal
                                proceedings and evaluating available
                                legal options.
                            </p>
                            <a class="imm-card-link" href="#deportation-details">
                                Explore service
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </article>

                    <article class="imm-practice-card" id="appeals">
                        <div class="imm-card-icon">
                            <i class="fa-solid fa-file-circle-check"></i>
                        </div>

                        <div class="imm-card-content">
                            <h3>Immigration Appeals</h3>
                            <p>
                                Review of eligible immigration decisions,
                                appeal procedures, and applicable
                                filing requirements.
                            </p>
                            <a class="imm-card-link" href="#appeals-details">
                                Explore service
                                <i class="fa-solid fa-arrow-right"></i>
                            </a>
                        </div>
                    </article>

                </div>
            </div>

        </section>

      
    </div>
</main>

<style>
@media (max-width: 650px) {
    .us-immigration-page section[style*="grid-template-columns:repeat(2"] {
        grid-template-columns: 1fr !important;
    }
}
</style>

```