```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.5.2/css/all.min.css">

<style>
:root {
    --amalfi-navy: #071f68;
    --amalfi-blue: #075ba8;
    --amalfi-yellow: #ffbd00;
    --amalfi-text: #10244a;
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
}

.amalfi-rcm {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 100svh;
    height: auto;
    padding-top: 105px;
    padding-bottom: 25px;
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    color: var(--amalfi-text);
    background: #f5faff;
}

.amalfi-rcm::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.97),
            rgba(245,250,255,.93) 58%,
            rgba(255,249,222,.60)
        );
}

.amalfi-rcm::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 92% 18%,
            rgba(255,189,0,.17), transparent 19%),
        radial-gradient(circle at 4% 85%,
            rgba(7,91,168,.09), transparent 25%);
}

.amalfi-rcm .rcm-inner {
    width: min(1420px, 94%);
    margin: 0 auto;
    padding: 12px 0 15px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* =========================
   WHY CHOOSE — TOP SECTION
========================= */

.amalfi-rcm .rcm-bottom {
    display: grid;
    grid-template-columns: .85fr 2.15fr;
    align-items: center;
    gap: 24px;
    padding: 17px 21px;
    border: 1px solid rgba(255,255,255,.95);
    border-radius: 22px;
    background: rgba(255,255,255,.90);
    box-shadow: 0 12px 35px rgba(7,31,104,.08);
    animation: rcmRise .65s ease both;
}

.amalfi-rcm .rcm-bottom h2 {
    margin: 0 0 9px;
    color: var(--amalfi-navy);
    font-size: clamp(20px, 1.8vw, 27px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.amalfi-rcm .rcm-mark {
    width: 68px;
    height: 4px;
    margin-bottom: 9px;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        var(--amalfi-navy) 0 65%,
        var(--amalfi-yellow) 65%
    );
}

.amalfi-rcm .rcm-description {
    margin: 0;
    color: #50617a;
    font-size: 11px;
    line-height: 1.7;
}

.amalfi-rcm .rcm-benefits {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.amalfi-rcm .rcm-benefit {
    min-width: 0;
    min-height: 105px;
    padding: 12px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e5edf8;
    border-radius: 15px;
    background: linear-gradient(145deg, #fff, #eff6ff);
    transition: transform .25s ease, box-shadow .25s ease;
}

.amalfi-rcm .rcm-benefit:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(7,31,104,.13);
}

.amalfi-rcm .rcm-benefit:nth-child(even) {
    background: linear-gradient(145deg, #fffef8, #fff5d5);
}

.amalfi-rcm .rcm-benefit .icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 8px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #1789ec, #0752b8);
    font-size: 15px;
}

.amalfi-rcm .rcm-benefit:nth-child(even) .icon {
    color: var(--amalfi-navy);
    background: linear-gradient(145deg, #ffdf65, #ffb800);
}

.amalfi-rcm .rcm-benefit h3 {
    margin: 0;
    color: var(--amalfi-navy);
    font-size: 10px;
    font-weight: 800;
    line-height: 1.5;
}

/* =========================
   MAIN HERO
========================= */

.amalfi-rcm .rcm-hero {
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    align-items: center;
    gap: clamp(25px, 4vw, 60px);
    min-height: 0;
}

.amalfi-rcm .rcm-copy {
    min-width: 0;
    animation: rcmRise .8s ease both;
}

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

.amalfi-rcm .rcm-eyebrow i {
    color: var(--amalfi-yellow);
}

.amalfi-rcm .rcm-title {
    max-width: 650px;
    margin: 0;
    color: var(--amalfi-navy);
    font-size: clamp(36px, 4vw, 55px);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.amalfi-rcm .rcm-title span {
    display: block;
    margin-top: 5px;
    color: #f2ad00;
}

.amalfi-rcm .rcm-tagline {
    margin: 14px 0 0;
    color: #101d39;
    font-size: clamp(18px, 2vw, 26px);
    font-weight: 800;
    line-height: 1.3;
}

.amalfi-rcm .rcm-tagline em {
    color: var(--amalfi-blue);
    font-style: normal;
}

.amalfi-rcm .rcm-rule {
    width: min(370px, 90%);
    height: 4px;
    margin: 13px 0;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        var(--amalfi-navy) 0 78%,
        var(--amalfi-yellow) 78%
    );
}

.amalfi-rcm .rcm-intro {
    max-width: 540px;
    margin: 0;
    color: #394d6a;
    font-size: 13px;
    line-height: 1.85;
}

.amalfi-rcm .rcm-intro strong {
    color: var(--amalfi-navy);
}

/* =========================
   DOWNLOAD BROCHURE
========================= */

.amalfi-rcm .rcm-brochure-wrap {
    margin-top: 18px;
}

.amalfi-rcm .rcm-brochure-btn {
    width: fit-content;
    max-width: 100%;
    min-height: 62px;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding: 9px 17px 9px 9px;
    border: 1px solid rgba(7,31,104,.13);
    border-radius: 16px;
    color: var(--amalfi-navy);
    background: linear-gradient(135deg, #fff, #f2f7ff);
    box-shadow: 0 8px 22px rgba(7,31,104,.12);
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    transition: transform .25s ease, box-shadow .25s ease;
}

.amalfi-rcm .rcm-brochure-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 13px 28px rgba(7,31,104,.18);
}

.amalfi-rcm .rcm-brochure-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--amalfi-navy);
    background: linear-gradient(145deg, #ffdf65, var(--amalfi-yellow));
    font-size: 19px;
}

.amalfi-rcm .rcm-brochure-label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

.amalfi-rcm .rcm-brochure-label strong {
    color: var(--amalfi-navy);
    font-size: 13px;
    font-weight: 800;
}

.amalfi-rcm .rcm-brochure-label small {
    color: #61718a;
    font-size: 10px;
    font-weight: 600;
}

.amalfi-rcm .rcm-brochure-arrow {
    margin-left: 10px;
    color: var(--amalfi-blue);
    transition: transform .25s ease;
}

.amalfi-rcm .rcm-brochure-btn:hover .rcm-brochure-arrow {
    transform: translateY(3px);
}

/* =========================
   RIGHT-SIDE BLOB IMAGE
========================= */

.amalfi-rcm .rcm-visual {
    position: relative;
    min-width: 0;
    min-height: 360px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
    animation: rcmImageReveal .9s ease both;
}

.amalfi-rcm .rcm-blob {
    position: absolute;
    z-index: -2;
    width: min(95%, 510px);
    aspect-ratio: 1 / .92;
    background: linear-gradient(
        145deg,
        #ffdc54 0%,
        #ffbd00 40%,
        #075ba8 100%
    );
    border-radius: 39% 61% 62% 38% / 43% 39% 61% 57%;
    transform: rotate(-5deg);
    animation: rcmBlobFloat 7s ease-in-out infinite;
    box-shadow: 0 25px 65px rgba(7,31,104,.15);
}

.amalfi-rcm .rcm-image-frame {
    position: relative;
    width: min(88%, 450px);
    aspect-ratio: 4 / 4.25;
    overflow: hidden;
    border: 7px solid rgba(255,255,255,.92);
    border-radius: 47% 53% 39% 61% / 38% 39% 61% 62%;
    box-shadow: 0 25px 65px rgba(7,31,104,.20);
    transform: rotate(2deg);
    background: #eaf3ff;
}

.amalfi-rcm .rcm-image-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .7s ease;
}

.amalfi-rcm .rcm-image-frame:hover img {
    transform: scale(1.055);
}

.amalfi-rcm .rcm-image-overlay {
    position: absolute;
    inset: 40% 0 0;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(7,31,104,.75)
    );
}

.amalfi-rcm .rcm-image-caption {
    position: absolute;
    z-index: 2;
    left: 9%;
    right: 9%;
    bottom: 10%;
    color: #fff;
    transform: rotate(-2deg);
}

.amalfi-rcm .caption-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    padding: 7px 11px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 30px;
    background: rgba(255,255,255,.16);
    backdrop-filter: blur(8px);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.amalfi-rcm .caption-tag i {
    color: var(--amalfi-yellow);
}

.amalfi-rcm .rcm-image-caption h2 {
    margin: 0;
    font-size: clamp(19px, 2.2vw, 28px);
    font-weight: 900;
    line-height: 1.2;
}

.amalfi-rcm .rcm-image-caption p {
    margin: 7px 0 0;
    color: #edf5ff;
    font-size: 11px;
    line-height: 1.6;
}

/* Floating badges */

.amalfi-rcm .rcm-float-badge {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 15px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 30px rgba(7,31,104,.13);
    animation: rcmBadgeFloat 4s ease-in-out infinite;
}

.amalfi-rcm .rcm-float-badge i {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: var(--amalfi-navy);
    background: #fff0b8;
    font-size: 16px;
}

.amalfi-rcm .rcm-float-badge strong {
    display: block;
    color: var(--amalfi-navy);
    font-size: 11px;
    font-weight: 800;
}

.amalfi-rcm .rcm-float-badge small {
    display: block;
    margin-top: 4px;
    color: #61718a;
    font-size: 9px;
}

.amalfi-rcm .rcm-badge-one {
    top: 13%;
    right: 0;
}

.amalfi-rcm .rcm-badge-two {
    bottom: 13%;
    left: 0;
    animation-delay: -2s;
}

.amalfi-rcm .rcm-orbit {
    position: absolute;
    z-index: -1;
    top: 7%;
    left: 8%;
    width: 55px;
    height: 55px;
    border: 9px solid rgba(7,91,168,.12);
    border-radius: 50%;
}

.amalfi-rcm .rcm-dot {
    position: absolute;
    top: 18%;
    left: 17%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--amalfi-yellow);
    box-shadow: 0 0 0 8px rgba(255,189,0,.13);
}

/* =========================
   ANIMATIONS
========================= */

@keyframes rcmRise {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rcmImageReveal {
    from {
        opacity: 0;
        transform: translateX(24px) scale(.97);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes rcmBlobFloat {
    0%, 100% {
        transform: rotate(-5deg) translateY(0);
        border-radius: 39% 61% 62% 38% / 43% 39% 61% 57%;
    }
    50% {
        transform: rotate(1deg) translateY(-7px);
        border-radius: 48% 52% 43% 57% / 48% 43% 57% 52%;
    }
}

@keyframes rcmBadgeFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

/* =========================
   SHORT LAPTOP SCREENS
========================= */

@media (min-width: 1051px) and (max-height: 850px) {
    .amalfi-rcm {
        padding-top: 100px;
        padding-bottom: 15px;
    }

    .amalfi-rcm .rcm-inner {
        padding-top: 8px;
        padding-bottom: 8px;
        gap: 12px;
    }

    .amalfi-rcm .rcm-bottom {
        padding: 12px 17px;
        gap: 17px;
    }

    .amalfi-rcm .rcm-bottom h2 {
        font-size: 22px;
    }

    .amalfi-rcm .rcm-description {
        font-size: 10px;
    }

    .amalfi-rcm .rcm-benefit {
        min-height: 88px;
        padding: 8px 5px;
    }

    .amalfi-rcm .rcm-benefit .icon {
        width: 32px;
        height: 32px;
        margin-bottom: 5px;
    }

    .amalfi-rcm .rcm-hero {
        gap: 28px;
    }

    .amalfi-rcm .rcm-visual {
        min-height: 300px;
    }

    .amalfi-rcm .rcm-image-frame {
        width: min(82%, 355px);
    }

    .amalfi-rcm .rcm-blob {
        width: min(88%, 400px);
    }

    .amalfi-rcm .rcm-title {
        font-size: clamp(35px, 3.5vw, 47px);
    }
}

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

@media (max-width: 1050px) {
    .amalfi-rcm {
        min-height: calc(100svh - 70px);
        padding-top: 95px;
        overflow: visible;
    }

    .amalfi-rcm .rcm-inner {
        width: 93%;
        gap: 17px;
    }

    .amalfi-rcm .rcm-bottom {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .amalfi-rcm .rcm-benefits {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .amalfi-rcm .rcm-hero {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .amalfi-rcm .rcm-title {
        font-size: clamp(32px, 4.1vw, 44px);
        letter-spacing: -1.5px;
    }

    .amalfi-rcm .rcm-visual {
        min-height: 310px;
    }

    .amalfi-rcm .rcm-image-frame {
        width: 85%;
    }

    .amalfi-rcm .rcm-blob {
        width: 94%;
    }
}

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

@media (max-width: 640px) {
    .amalfi-rcm {
        min-height: 0;
        padding-top: 85px;
        padding-bottom: 20px;
        overflow: hidden;
    }

    .amalfi-rcm .rcm-inner {
        width: 92%;
        padding: 10px 0 15px;
        gap: 16px;
    }

    .amalfi-rcm .rcm-bottom {
        padding: 16px 12px;
        border-radius: 17px;
        gap: 13px;
    }

    .amalfi-rcm .rcm-bottom h2 {
        font-size: 23px;
    }

    .amalfi-rcm .rcm-description {
        font-size: 11px;
    }

    .amalfi-rcm .rcm-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .amalfi-rcm .rcm-benefit {
        min-height: 100px;
    }

    .amalfi-rcm .rcm-benefit:last-child {
        grid-column: 1 / -1;
        min-height: 82px;
    }

    .amalfi-rcm .rcm-hero {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .amalfi-rcm .rcm-eyebrow {
        margin-bottom: 9px;
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .amalfi-rcm .rcm-title {
        font-size: clamp(34px, 9vw, 48px);
        letter-spacing: -1.5px;
    }

    .amalfi-rcm .rcm-tagline {
        margin-top: 12px;
        font-size: 19px;
    }

    .amalfi-rcm .rcm-rule {
        margin: 10px 0;
    }

    .amalfi-rcm .rcm-intro {
        font-size: 12px;
        line-height: 1.8;
    }

    .amalfi-rcm .rcm-brochure-wrap {
        margin-top: 14px;
    }

    .amalfi-rcm .rcm-brochure-btn {
        width: 100%;
        min-height: 60px;
    }

    .amalfi-rcm .rcm-brochure-arrow {
        margin-left: auto;
    }

    .amalfi-rcm .rcm-visual {
        min-height: 330px;
        margin-top: 3px;
    }

    .amalfi-rcm .rcm-blob {
        width: 90%;
        max-width: 350px;
    }

    .amalfi-rcm .rcm-image-frame {
        width: min(78%, 310px);
        border-width: 5px;
    }

    .amalfi-rcm .rcm-image-caption h2 {
        font-size: 21px;
    }

    .amalfi-rcm .rcm-image-caption p {
        font-size: 10px;
    }

    .amalfi-rcm .rcm-float-badge {
        gap: 7px;
        padding: 9px;
    }

    .amalfi-rcm .rcm-float-badge i {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .amalfi-rcm .rcm-float-badge strong {
        font-size: 9px;
    }

    .amalfi-rcm .rcm-float-badge small {
        font-size: 8px;
    }

    .amalfi-rcm .rcm-badge-one {
        top: 7%;
        right: 0;
    }

    .amalfi-rcm .rcm-badge-two {
        bottom: 7%;
        left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .amalfi-rcm *,
    .amalfi-rcm *::before,
    .amalfi-rcm *::after {
        animation: none !important;
        transition: none !important;
    }
}
</style>

<main class="amalfi-rcm">
    <div class="rcm-inner">

        <!-- WHY CHOOSE AT THE TOP -->
        <section class="rcm-bottom">

            <div>
                <h2>Why Choose Amalfi Management Solutions?</h2>
                <div class="rcm-mark"></div>

                <p class="rcm-description">
                    We combine efficient processes and a patient-first approach
                    to make revenue cycle management smoother, more organized,
                    and more manageable.
                </p>
            </div>

            <div class="rcm-benefits">

                <article class="rcm-benefit">
                    <div class="icon">
                        <i class="fa-solid fa-coins"></i>
                    </div>
                    <h3>Lower<br>Billing Costs</h3>
                </article>

                <article class="rcm-benefit">
                    <div class="icon">
                        <i class="fa-solid fa-file-circle-check"></i>
                    </div>
                    <h3>Clean Claims<br>First Time</h3>
                </article>

                <article class="rcm-benefit">
                    <div class="icon">
                        <i class="fa-solid fa-shield-halved"></i>
                    </div>
                    <h3>Denials<br>Prevention</h3>
                </article>

                <article class="rcm-benefit">
                    <div class="icon">
                        <i class="fa-solid fa-bolt"></i>
                    </div>
                    <h3>Faster<br>Payments</h3>
                </article>

                <article class="rcm-benefit">
                    <div class="icon">
                        <i class="fa-solid fa-certificate"></i>
                    </div>
                    <h3>100%<br>Compliance</h3>
                </article>

            </div>
        </section>

        <!-- MAIN RCM CONTENT -->
        <section class="rcm-hero">

            <div class="rcm-copy">

                

                <h1 class="rcm-title">
                    Revenue Cycle
                    <span>Management</span>
                </h1>

                <p class="rcm-tagline">
                    Boost Revenue. <em>Skip the Hassle.</em>
                </p>

                <div class="rcm-rule"></div>

                <p class="rcm-intro">
                    We handle the complexities of billing so you can focus
                    on what matters most: <strong>your patients.</strong>
                    Our end-to-end revenue cycle management solutions help
                    simplify billing, support reimbursements, and reduce
                    administrative distractions while helping your practice
                    work toward stronger financial performance.
                </p>

                <div class="rcm-brochure-wrap">
                    <a
                        class="rcm-brochure-btn"
                        href="Brochure.pdf"
                        download
                        aria-label="Download the Revenue Cycle Management brochure"
                    >
                        <span class="rcm-brochure-icon">
                            <i class="fa-solid fa-file-pdf"></i>
                        </span>

                        <span class="rcm-brochure-label">
                            <strong>Download Brochure</strong>
                            <small>Explore our RCM services</small>
                        </span>

                        <i class="fa-solid fa-arrow-down rcm-brochure-arrow"></i>
                    </a>
                </div>

            </div>

            <!-- RIGHT BLOB IMAGE -->
            <div class="rcm-visual" aria-label="Medical billing and RCM">

                <div class="rcm-blob"></div>
                <div class="rcm-orbit"></div>
                <div class="rcm-dot"></div>

                <div class="rcm-image-frame">

                    <img
                        src="https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1000&q=85"
                        alt="Healthcare professionals working with medical information"
                        loading="eager"
                    >

                    <div class="rcm-image-overlay"></div>

                    <div class="rcm-image-caption">
                        <span class="caption-tag">
                            <i class="fa-solid fa-circle-check"></i>
                            Healthcare Revenue Solutions
                        </span>

                        <h2>Smarter Billing.<br>Stronger Revenue.</h2>

                        <p>
                            Organized billing workflows and reliable
                            claim follow-up for healthcare practices.
                        </p>
                    </div>

                </div>

                <div class="rcm-float-badge rcm-badge-one">
                    <i class="fa-solid fa-file-circle-check"></i>
                    <span>
                        <strong>Claim Support</strong>
                        <small>Billing workflow assistance</small>
                    </span>
                </div>

                <div class="rcm-float-badge rcm-badge-two">
                    <i class="fa-solid fa-chart-line"></i>
                    <span>
                        <strong>Revenue Focus</strong>
                        <small>Financial process support</small>
                    </span>
                </div>

            </div>
        </section>

    </div>
</main>

```