.elementor-27177 .elementor-element.elementor-element-aaff70e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27177 .elementor-element.elementor-element-3c1594a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27177 .elementor-element.elementor-element-8201489{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27177 .elementor-element.elementor-element-5621536{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27177 .elementor-element.elementor-element-3898595{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27177 .elementor-element.elementor-element-4a70fbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27177 .elementor-element.elementor-element-eef5837{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27177 .elementor-element.elementor-element-27a8526{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27177 .elementor-element.elementor-element-d7654ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-27177 .elementor-element.elementor-element-8201489{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-7a3ee43 *//* =====================================================
   USMAN AHMAD — PREMIUM STICKY HEADER
   ===================================================== */

.uah-premium-header{
    position:sticky;
    top:12px;
    z-index:9999;
    width:100%;
    padding:16px 28px 0;
    pointer-events:none;
}

.uah-header-shell{
    position:relative;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:24px;
    width:min(1420px,100%);
    min-height:76px;
    margin:0 auto;
    padding:10px 13px 10px 16px;
    overflow:hidden;
    pointer-events:auto;
    border:1px solid rgba(255,255,255,.16);
    border-radius:20px;
    background:
        linear-gradient(135deg, rgba(124,58,237,.14), transparent 35%),
        linear-gradient(145deg, rgba(8,18,43,.93), rgba(3,9,22,.92));
    box-shadow:
        0 18px 45px rgba(0,0,0,.33),
        0 0 32px rgba(124,58,237,.10),
        inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
}

.uah-header-shell::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.55;
    background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
}

.uah-header-shell::after{
    content:"";
    position:absolute;
    top:-105px;
    right:-45px;
    width:220px;
    height:220px;
    border-radius:50%;
    pointer-events:none;
    opacity:.48;
    background:radial-gradient(circle, rgba(56,189,248,.26), transparent 68%);
    filter:blur(26px);
    animation:uahHeaderGlow 6s ease-in-out infinite;
}

/* Brand */

.uah-brand{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:11px;
    color:#ffffff;
    text-decoration:none;
}

.uah-brand-mark{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    color:#ffffff;
    border:1px solid rgba(125,211,252,.52);
    border-radius:14px;
    background:
        linear-gradient(135deg, rgba(124,58,237,.92), rgba(14,165,233,.78));
    box-shadow:
        0 0 20px rgba(124,58,237,.28),
        inset 0 1px 0 rgba(255,255,255,.25);
    font-size:16px;
    font-weight:950;
    letter-spacing:-1px;
    transition:.35s ease;
}

.uah-brand:hover .uah-brand-mark{
    transform:rotateY(360deg) scale(1.07);
    box-shadow:
        0 0 28px rgba(56,189,248,.40),
        inset 0 1px 0 rgba(255,255,255,.30);
}

.uah-brand-text{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.uah-brand-text strong{
    color:#ffffff;
    font-size:15px;
    font-weight:900;
    letter-spacing:-.2px;
}

.uah-brand-text small{
    color:#9fdfff;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* Navigation */

.uah-nav{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:23px;
}

.uah-nav a{
    position:relative;
    padding:10px 0;
    color:#cfe0f4;
    font-size:12px;
    font-weight:800;
    letter-spacing:.1px;
    text-decoration:none;
    transition:.28s ease;
}

.uah-nav a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:2px;
    width:0;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#a855f7,#7dd3fc);
    box-shadow:0 0 10px rgba(125,211,252,.70);
    transform:translateX(-50%);
    transition:.3s ease;
}

.uah-nav a:hover{
    color:#ffffff;
    text-shadow:0 0 14px rgba(125,211,252,.45);
}

.uah-nav a:hover::after{
    width:100%;
}

/* Right Side */

.uah-actions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:13px;
}

.uah-availability{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#c9eaff;
    font-size:9px;
    font-weight:900;
    letter-spacing:.65px;
    white-space:nowrap;
}

.uah-availability i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#38d996;
    box-shadow:0 0 11px #38d996;
    animation:uahAvailabilityPulse 1.6s ease-in-out infinite;
}

.uah-project-button{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:11px 12px 11px 15px;
    color:#ffffff;
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    background:linear-gradient(135deg,#7c3aed,#0ea5e9);
    box-shadow:
        0 12px 26px rgba(124,58,237,.30),
        inset 0 1px 0 rgba(255,255,255,.20);
    font-size:11px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
    transition:.35s ease;
}

.uah-project-button b{
    display:grid;
    place-items:center;
    width:21px;
    height:21px;
    border-radius:7px;
    background:rgba(255,255,255,.15);
    font-size:14px;
    transition:.35s ease;
}

.uah-project-button:hover{
    color:#ffffff;
    transform:translateY(-4px);
    box-shadow:
        0 19px 34px rgba(56,189,248,.32),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.uah-project-button:hover b{
    transform:rotate(45deg);
}

/* Smooth anchor scrolling */

html{
    scroll-behavior:smooth;
}

#home,
#skills,
#services,
#projects,
#why-choose-me,
#contact{
    scroll-margin-top:110px;
}

/* Animations */

@keyframes uahAvailabilityPulse{
    0%,100%{
        transform:scale(.78);
        opacity:.48;
    }

    50%{
        transform:scale(1.25);
        opacity:1;
    }
}

@keyframes uahHeaderGlow{
    0%,100%{
        transform:scale(.92);
        opacity:.28;
    }

    50%{
        transform:scale(1.14);
        opacity:.72;
    }
}

/* Laptop protection */

@media (max-width:1180px){
    .uah-premium-header{
        padding-left:16px;
        padding-right:16px;
    }

    .uah-header-shell{
        gap:14px;
    }

    .uah-nav{
        gap:15px;
    }

    .uah-nav a{
        font-size:11px;
    }

    .uah-availability{
        display:none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20ef5a9 *//* =========================
   USMAN AHMAD SPACE HERO
   ========================= */

.ua-space-hero{
    position: relative;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    align-items: center;
    gap: 20px;
    padding: 70px 6%;
    background:
        radial-gradient(circle at 18% 20%, rgba(124,58,237,0.22), transparent 24%),
        radial-gradient(circle at 82% 24%, rgba(56,189,248,0.18), transparent 22%),
        radial-gradient(circle at 50% 85%, rgba(168,85,247,0.14), transparent 26%),
        linear-gradient(135deg, #02030a 0%, #060915 45%, #03050b 100%);
    isolation: isolate;
}

.ua-space-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background-image:
        radial-gradient(circle, rgba(255,255,255,0.95) 1px, transparent 1.5px),
        radial-gradient(circle, rgba(125,211,252,0.85) 1px, transparent 1.6px),
        radial-gradient(circle, rgba(196,181,253,0.8) 1px, transparent 1.6px);
    background-size: 90px 90px, 140px 140px, 180px 180px;
    background-position: 0 0, 24px 36px, 70px 18px;
    opacity: .85;
    animation: uaStarsMove 26s linear infinite;
}

.ua-space-hero::after{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:-1;
    background: conic-gradient(
        from 0deg at 50% 50%,
        transparent 0deg,
        rgba(124,58,237,.10) 80deg,
        transparent 150deg,
        rgba(56,189,248,.10) 250deg,
        transparent 360deg
    );
    filter: blur(28px);
    animation: uaBgRotate 24s linear infinite;
}

/* Left content */
.ua-space-left{
    position: relative;
    z-index: 5;
    max-width: 760px;
}

.ua-badge{
    display: inline-block;
    padding: 12px 18px;
    border-radius: 999px;
    margin-bottom: 22px;
    color: #e5efff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.3px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.14);
    backdrop-filter: blur(14px);
    box-shadow: 0 14px 34px rgba(0,0,0,0.25);
}

.ua-space-left h1{
    margin: 0;
    color: #fff;
    font-size: clamp(52px, 5vw, 88px);
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -2.8px;
}

.ua-space-left h1 span{
    background: linear-gradient(90deg, #ffffff 0%, #d8b4fe 38%, #7dd3fc 72%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ua-space-left p{
    margin: 24px 0 30px;
    max-width: 680px;
    color: rgba(233,240,255,0.84);
    font-size: 18px;
    line-height: 1.85;
}

.ua-btn-row{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.ua-btn{
    text-decoration: none;
    padding: 16px 24px;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 800;
    transition: .35s ease;
}

.ua-btn-primary{
    color: #fff;
    background: linear-gradient(135deg, #7c3aed 0%, #38bdf8 100%);
    box-shadow: 0 18px 40px rgba(124,58,237,0.28);
}

.ua-btn-primary:hover{
    transform: translateY(-6px);
    box-shadow: 0 22px 50px rgba(56,189,248,0.30);
}

.ua-btn-outline{
    color: #fff;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(255,255,255,0.07);
    backdrop-filter: blur(12px);
}

.ua-btn-outline:hover{
    transform: translateY(-6px);
    background: rgba(255,255,255,0.11);
}

/* Right side image */
.ua-space-right{
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ua-profile-wrap{
    position: relative;
    width: 620px;
    height: 720px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ua-profile-glow{
    position: absolute;
    width: 440px;
    height: 440px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(124,58,237,0.55), rgba(56,189,248,0.12) 45%, transparent 72%);
    filter: blur(25px);
    animation: uaGlowPulse 4.6s ease-in-out infinite;
}

.ua-avatar-card{
    position: relative;
    z-index: 4;
    width: 380px;
    height: 560px;
    padding: 10px;
    overflow: hidden;
    border-radius: 32px;
    background: linear-gradient(150deg, rgba(255,255,255,.18), rgba(255,255,255,.05));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow:
        0 30px 80px rgba(0,0,0,.45),
        0 0 55px rgba(124,58,237,.20);
    backdrop-filter: blur(16px);
    transform: perspective(1200px) rotateY(-8deg) rotateX(2deg);
    animation: uaCardFloat 6s ease-in-out infinite;
}

.ua-avatar-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius: 28px;
    pointer-events:none;
    background: linear-gradient(135deg, rgba(255,255,255,0.22), transparent 28%, transparent 72%, rgba(56,189,248,.15));
    z-index: 2;
}

.ua-avatar-card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-radius: 24px;
    display: block;
}

/* Orbit system - belly area ke gird */
.ua-orbit-hub{
    position: absolute;
    left: 50%;
    top: 58%;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    z-index: 6;
    pointer-events: none;
}

.ua-orbit{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transform-origin: center center;
}

.ua-orbit-line{
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.12);
    transform: translate(-50%, -50%);
}

.ua-orbit-1{
    animation: uaOrbitSpin 14s linear infinite;
}
.ua-orbit-1 .ua-orbit-line{
    width: 350px;
    height: 350px;
    border-color: rgba(168,85,247,0.45);
}

.ua-orbit-2{
    animation: uaOrbitSpinReverse 18s linear infinite;
}
.ua-orbit-2 .ua-orbit-line{
    width: 470px;
    height: 470px;
    border-color: rgba(56,189,248,0.36);
}

.ua-orbit-3{
    animation: uaOrbitSpin 24s linear infinite;
}
.ua-orbit-3 .ua-orbit-line{
    width: 590px;
    height: 590px;
    border-color: rgba(255,255,255,0.16);
}

/* Logos */
.ua-logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:
        rotate(var(--angle))
        translateX(var(--radius))
        rotate(calc(-1 * var(--angle)));
    width: 62px;
    height: 62px;
    margin-left: -31px;
    margin-top: -31px;
}

.ua-logo span{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    backdrop-filter: blur(14px);
    box-shadow:
        0 14px 28px rgba(0,0,0,0.25),
        0 0 18px rgba(124,58,237,0.18);
    animation: uaCounterFloat 3.8s ease-in-out infinite;
}

.ua-logo img{
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
}

.ua-orbit-2 .ua-logo{
    width: 68px;
    height: 68px;
    margin-left: -34px;
    margin-top: -34px;
}

.ua-orbit-2 .ua-logo img{
    width: 32px;
    height: 32px;
}

.ua-orbit-3 .ua-logo{
    width: 74px;
    height: 74px;
    margin-left: -37px;
    margin-top: -37px;
}

.ua-orbit-3 .ua-logo img{
    width: 34px;
    height: 34px;
}

/* Animations */
@keyframes uaStarsMove{
    from{ background-position: 0 0, 24px 36px, 70px 18px; }
    to{ background-position: 140px 180px, 170px 220px, 230px 170px; }
}

@keyframes uaBgRotate{
    from{ transform: rotate(0deg) scale(1.08); }
    to{ transform: rotate(360deg) scale(1.08); }
}

@keyframes uaGlowPulse{
    0%,100%{ transform: scale(.95); opacity: .55; }
    50%{ transform: scale(1.08); opacity: .95; }
}

@keyframes uaCardFloat{
    0%,100%{ transform: perspective(1200px) rotateY(-8deg) rotateX(2deg) translateY(0); }
    50%{ transform: perspective(1200px) rotateY(-3deg) rotateX(-1deg) translateY(-14px); }
}

@keyframes uaOrbitSpin{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
}

@keyframes uaOrbitSpinReverse{
    from{ transform: rotate(360deg); }
    to{ transform: rotate(0deg); }
}

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

/* Desktop only */
@media (max-width: 1100px){
    .ua-space-hero{
        grid-template-columns: 1fr;
        text-align: center;
        padding: 50px 20px 80px;
    }

    .ua-space-left{
        margin: 0 auto;
    }

    .ua-btn-row{
        justify-content: center;
    }

    .ua-profile-wrap{
        width: 100%;
        height: 680px;
        margin-top: 25px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11ddb87 *//* =====================================================
   USMAN AHMED — FINAL DESKTOP SKILLS SOLAR SYSTEM
   ===================================================== */

.uay-skills-section{
    position:relative;
    min-height:1240px;
    overflow:hidden;
    padding:82px 25px 90px;
    isolation:isolate;
    background:
        radial-gradient(circle at 14% 18%, rgba(124,58,237,.18), transparent 27%),
        radial-gradient(circle at 86% 20%, rgba(56,189,248,.15), transparent 27%),
        radial-gradient(circle at 50% 76%, rgba(255,126,0,.11), transparent 29%),
        linear-gradient(155deg,#02030a 0%,#061027 54%,#02040c 100%);
}

/* Star field */
.uay-skills-section::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.92;
    background-image:
        radial-gradient(circle,rgba(255,255,255,.95) 1px,transparent 1.6px),
        radial-gradient(circle,rgba(125,211,252,.78) 1px,transparent 1.6px),
        radial-gradient(circle,rgba(196,181,253,.74) 1px,transparent 1.6px);
    background-size:92px 92px,148px 148px,205px 205px;
    background-position:0 0,31px 44px,74px 20px;
    animation:uayStars 34s linear infinite;
}

.uay-skills-section::after{
    content:"";
    position:absolute;
    inset:-18%;
    z-index:-1;
    filter:blur(34px);
    background:conic-gradient(
        from 0deg at 50% 52%,
        transparent 0deg,
        rgba(124,58,237,.10) 78deg,
        transparent 155deg,
        rgba(56,189,248,.10) 260deg,
        transparent 360deg
    );
    animation:uayBackground 32s linear infinite;
}

/* Heading */
.uay-heading{
    position:relative;
    z-index:30;
    max-width:1100px;
    margin:0 auto 6px;
    text-align:center;
}

.uay-heading-chip{
    display:inline-block;
    padding:11px 18px;
    margin-bottom:16px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    color:#e8f3ff;
    background:rgba(255,255,255,.07);
    box-shadow:0 12px 30px rgba(0,0,0,.24);
    backdrop-filter:blur(14px);
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
}

.uay-heading h2{
    display:inline-block;
    margin:0;
    color:#ffffff;
    font-size:clamp(42px,4.2vw,72px);
    line-height:1.08;
    font-weight:900;
    letter-spacing:-2.8px;
    text-shadow:
        0 0 10px rgba(255,255,255,.65),
        0 0 26px rgba(125,211,252,.45),
        0 0 48px rgba(168,85,247,.32);
    animation:uayHeadingGlow 3.2s ease-in-out infinite;
}

/* Stage */
.uay-stage{
    position:relative;
    width:min(1500px,100%);
    height:980px;
    margin:0 auto;
    perspective:1900px;
    transform-style:preserve-3d;
}

/* 8 full, clear, separate orbit lines */
.uay-orbit{
    position:absolute;
    left:50%;
    top:53%;
    z-index:1;
    width:var(--w);
    height:var(--h);
    border:1px solid rgba(168,211,255,.34);
    border-radius:50%;
    transform:
        translate(-50%,-50%)
        rotateX(57deg)
        rotateZ(-7deg);
    transform-style:preserve-3d;
    box-shadow:
        0 0 13px rgba(56,189,248,.08),
        inset 0 0 12px rgba(255,255,255,.025);
}

.uay-orbit:nth-of-type(2n){
    border-color:rgba(190,155,255,.28);
}

.uay-orbit:nth-of-type(3n){
    border-color:rgba(117,214,255,.38);
}

/* Central Sun */
.uay-sun-system{
    position:absolute;
    left:50%;
    top:53%;
    z-index:15;
    width:242px;
    height:242px;
    transform:translate(-50%,-50%);
}

.uay-sun-text{
    position:absolute;
    left:50%;
    top:-94px;
    width:430px;
    transform:translateX(-50%);
    text-align:center;
    z-index:7;
}

.uay-sun-text strong{
    display:block;
    color:#ffffff;
    font-size:30px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-1px;
    text-shadow:
        0 0 9px rgba(255,255,255,.80),
        0 0 24px rgba(255,183,62,.48),
        0 0 48px rgba(168,85,247,.30);
    animation:uayCenterTextGlow 3.1s ease-in-out infinite;
}

.uay-sun-text span{
    display:block;
    margin-top:8px;
    color:#ffe7ae;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
    text-shadow:0 0 15px rgba(255,184,59,.60);
}

.uay-sun-glow{
    position:absolute;
    inset:0;
    border-radius:50%;
    pointer-events:none;
}

.uay-sun-glow-one{
    background:radial-gradient(circle,rgba(255,195,25,.78),rgba(255,93,0,.22) 51%,transparent 74%);
    filter:blur(25px);
    transform:scale(1.74);
    animation:uaySunAuraOne 4.8s ease-in-out infinite;
}

.uay-sun-glow-two{
    background:radial-gradient(circle,rgba(255,239,180,.42),transparent 69%);
    filter:blur(34px);
    transform:scale(2.25);
    animation:uaySunAuraTwo 7.1s ease-in-out infinite;
}

.uay-sun-core{
    position:absolute;
    inset:0;
    overflow:hidden;
    border-radius:50%;
    background:
        radial-gradient(circle at 27% 21%,#fffbd8 0 7%,transparent 8%),
        radial-gradient(circle at 66% 43%,rgba(255,237,118,.70) 0 5%,transparent 6%),
        radial-gradient(circle at 39% 70%,rgba(255,216,60,.52) 0 7%,transparent 8%),
        radial-gradient(circle at 30% 25%,#fff6a8 0%,#ffd53d 23%,#ff9515 48%,#ff6110 72%,#681d00 100%);
    box-shadow:
        0 0 62px rgba(255,153,0,.82),
        0 0 135px rgba(255,113,0,.46),
        inset -30px -26px 42px rgba(86,20,0,.45),
        inset 17px 17px 25px rgba(255,255,204,.35);
}

.uay-sun-core::before{
    content:"";
    position:absolute;
    inset:-18%;
    border-radius:50%;
    opacity:.85;
    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(255,255,255,.10) 0deg 8deg,
            rgba(255,130,0,.08) 9deg 18deg,
            rgba(115,23,0,.11) 19deg 28deg
        ),
        radial-gradient(circle at 50% 50%,transparent 0 48%,rgba(105,22,0,.25) 72%,transparent 75%);
    mix-blend-mode:screen;
    animation:uaySunRotate 11s linear infinite;
}

/* Static positioned skill planets */
.uay-skill{
    position:absolute;
    left:50%;
    top:53%;
    z-index:var(--layer);
    width:190px;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer;
    user-select:none;
    transform:
        translate(-50%,-50%)
        translate3d(var(--x),var(--y),0);
}

.uay-skill-label{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    padding:8px 13px;
    margin-bottom:11px;
    border:1px solid var(--brand);
    border-radius:999px;
    color:var(--brand);
    background:rgba(3,8,19,.87);
    box-shadow:
        0 10px 25px rgba(0,0,0,.34),
        0 0 16px rgba(255,255,255,.07);
    backdrop-filter:blur(12px);
    font-size:13px;
    font-weight:900;
    letter-spacing:.25px;
    white-space:nowrap;
    transition:.35s ease;
}

.uay-skill-label img{
    width:17px;
    height:17px;
    object-fit:contain;
}

.uay-planet-wrap{
    position:relative;
    display:grid;
    place-items:center;
    width:var(--s);
    height:var(--s);
}

/* Every ball is 3D */
.uay-ball{
    position:relative;
    z-index:4;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:50%;
    box-shadow:
        inset -17px -17px 24px rgba(0,0,0,.62),
        inset 8px 8px 14px rgba(255,255,255,.22),
        0 17px 28px rgba(0,0,0,.38);
    transition:filter .35s ease, box-shadow .35s ease;
}

.uay-ball::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    border-radius:50%;
    background:
        radial-gradient(circle at 24% 20%,rgba(255,255,255,.80) 0 4%,transparent 11%),
        radial-gradient(circle at 33% 30%,rgba(255,255,255,.28) 0 14%,transparent 30%),
        radial-gradient(circle at 77% 74%,rgba(0,0,0,.83),transparent 50%);
}

.uay-ball::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    border-radius:50%;
    background:radial-gradient(circle at 77% 74%,rgba(0,0,0,.73),transparent 49%);
}

/* Official technology color skins */
.uay-html{
    background:
        repeating-linear-gradient(18deg,rgba(255,255,255,.10) 0 5px,rgba(130,37,12,.12) 6px 11px),
        radial-gradient(circle at 28% 24%,#ffb59b 0%,#e34f26 43%,#80200e 76%,#260704 100%);
}

.uay-css{
    background:
        repeating-linear-gradient(9deg,rgba(255,255,255,.10) 0 5px,rgba(9,52,120,.12) 6px 11px),
        radial-gradient(circle at 27% 23%,#98d6ff 0%,#1572b6 44%,#073b73 74%,#03142e 100%);
}

.uay-javascript{
    background:
        repeating-linear-gradient(13deg,rgba(255,255,255,.13) 0 6px,rgba(126,100,0,.13) 7px 13px),
        radial-gradient(circle at 28% 23%,#fff1a1 0%,#f7df1e 43%,#a68b00 74%,#312900 100%);
}

.uay-wordpress{
    background:
        radial-gradient(ellipse at 30% 31%,#dfffff 0 9%,transparent 10%),
        radial-gradient(ellipse at 63% 47%,#58b8dd 0 10%,transparent 11%),
        radial-gradient(ellipse at 39% 67%,#27759b 0 9%,transparent 10%),
        radial-gradient(circle at 28% 24%,#bff5ff 0%,#21759b 43%,#10425a 74%,#041820 100%);
}

.uay-react{
    background:
        repeating-linear-gradient(7deg,rgba(255,255,255,.13) 0 6px,rgba(1,67,89,.10) 7px 13px),
        radial-gradient(circle at 28% 24%,#e4fcff 0%,#61dafb 43%,#1684a2 74%,#042b38 100%);
}

.uay-node{
    overflow:visible;
    background:
        repeating-linear-gradient(8deg,#b8dca4 0 7px,#78aa5f 8px 14px,#456f35 15px 21px),
        radial-gradient(circle at 28% 24%,#e5ffd7 0%,#5fa04e 44%,#285522 74%,#0a1e08 100%);
}

.uay-mongodb{
    background:
        repeating-linear-gradient(7deg,rgba(255,255,255,.10) 0 5px,rgba(13,90,37,.12) 6px 11px),
        radial-gradient(circle at 28% 24%,#d9ffdf 0%,#47a248 44%,#1f6529 74%,#061c0b 100%);
}

.uay-typescript{
    background:
        repeating-linear-gradient(9deg,rgba(255,255,255,.12) 0 5px,rgba(8,47,105,.13) 6px 11px),
        radial-gradient(circle at 28% 24%,#b7ddff 0%,#3178c6 44%,#123f79 74%,#041630 100%);
}

/* Node / Saturn-style ring */
.uay-node-ring{
    position:absolute;
    left:-36%;
    top:26%;
    z-index:2;
    width:172%;
    height:48%;
    border:8px solid rgba(177,232,153,.87);
    border-right-color:rgba(46,93,35,.38);
    border-left-color:rgba(229,255,198,.97);
    border-radius:50%;
    transform:rotateX(67deg) rotateZ(-13deg);
    box-shadow:0 0 17px rgba(128,221,106,.26);
}

/* Hover-only moving energy rings */
.uay-hover-ring{
    position:absolute;
    z-index:1;
    border:1px solid transparent;
    border-radius:50%;
    opacity:0;
    pointer-events:none;
}

.uay-hover-ring.ring-one{
    inset:-33px;
    border-top-color:#7dd3fc;
    border-right-color:#a855f7;
}

.uay-hover-ring.ring-two{
    inset:-48px;
    border-bottom-color:#ffffff;
    border-left-color:#38bdf8;
}

/* Hover effects — no click needed */
.uay-skill:hover .uay-skill-label{
    color:#ffffff;
    background:rgba(13,20,48,.94);
    box-shadow:
        0 0 18px var(--brand),
        0 0 36px rgba(125,211,252,.25);
}

.uay-skill:hover .uay-ball{
    animation:
        uayPlanetSpin 1.45s linear infinite,
        uayPlanetGlow 1.1s ease-in-out infinite;
    box-shadow:
        inset -17px -17px 24px rgba(0,0,0,.45),
        inset 8px 8px 14px rgba(255,255,255,.32),
        0 0 20px rgba(255,255,255,.80),
        0 0 46px var(--brand),
        0 0 76px rgba(125,211,252,.32);
}

.uay-skill:hover .uay-hover-ring.ring-one{
    opacity:1;
    animation:uayRingSpin 1.35s linear infinite;
}

.uay-skill:hover .uay-hover-ring.ring-two{
    opacity:.85;
    animation:uayRingSpinReverse 2.15s linear infinite;
}

.uay-skill:hover .uay-node-ring{
    animation:uayNodeRingSpin 1.7s linear infinite;
}

/* Animations */
@keyframes uayStars{
    from{background-position:0 0,31px 44px,74px 20px;}
    to{background-position:175px 230px,210px 265px,274px 204px;}
}

@keyframes uayBackground{
    from{transform:rotate(0deg) scale(1.08);}
    to{transform:rotate(360deg) scale(1.08);}
}

@keyframes uayHeadingGlow{
    0%,100%{
        text-shadow:
            0 0 10px rgba(255,255,255,.65),
            0 0 26px rgba(125,211,252,.45),
            0 0 48px rgba(168,85,247,.32);
    }
    50%{
        text-shadow:
            0 0 14px rgba(255,255,255,.90),
            0 0 38px rgba(56,189,248,.76),
            0 0 70px rgba(168,85,247,.55);
    }
}

@keyframes uayCenterTextGlow{
    0%,100%{
        opacity:.88;
        text-shadow:
            0 0 9px rgba(255,255,255,.80),
            0 0 24px rgba(255,183,62,.48),
            0 0 48px rgba(168,85,247,.30);
    }
    50%{
        opacity:1;
        text-shadow:
            0 0 15px rgba(255,255,255,1),
            0 0 34px rgba(255,183,62,.75),
            0 0 68px rgba(168,85,247,.52);
    }
}

@keyframes uaySunAuraOne{
    0%,100%{transform:scale(1.68);opacity:.55;}
    50%{transform:scale(1.94);opacity:.98;}
}

@keyframes uaySunAuraTwo{
    0%,100%{transform:scale(2.10);opacity:.22;}
    50%{transform:scale(2.42);opacity:.62;}
}

@keyframes uaySunRotate{
    from{transform:rotate(0deg) scale(1);}
    to{transform:rotate(360deg) scale(1.08);}
}

@keyframes uayPlanetSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes uayPlanetGlow{
    0%,100%{filter:brightness(1) saturate(1);}
    50%{filter:brightness(1.30) saturate(1.34);}
}

@keyframes uayRingSpin{
    from{transform:rotate(0deg) scale(1);}
    to{transform:rotate(360deg) scale(1.10);}
}

@keyframes uayRingSpinReverse{
    from{transform:rotate(360deg) scale(1);}
    to{transform:rotate(0deg) scale(1.08);}
}

@keyframes uayNodeRingSpin{
    from{transform:rotateX(67deg) rotateZ(-13deg) rotateY(0deg);}
    to{transform:rotateX(67deg) rotateZ(-13deg) rotateY(360deg);}
}

/* Laptop screen safety */
@media (max-width:1280px){
    .uay-stage{
        transform:scale(.84);
        transform-origin:top center;
        height:790px;
        margin-bottom:-165px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c644ca8 *//* ===================================================
   USMAN AHMAD — PREMIUM SERVICES ORBIT
   =================================================== */

.uag-services-orbit{
    position:relative;
    min-height:1160px;
    overflow:hidden;
    padding:90px 30px 100px;
    isolation:isolate;
    background:
        radial-gradient(circle at 14% 20%, rgba(124,58,237,.18), transparent 28%),
        radial-gradient(circle at 86% 22%, rgba(56,189,248,.15), transparent 27%),
        radial-gradient(circle at 50% 82%, rgba(168,85,247,.11), transparent 31%),
        linear-gradient(155deg,#02030a 0%,#061027 53%,#02040c 100%);
}

/* Star background */
.uag-services-orbit::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.92;
    background-image:
        radial-gradient(circle,rgba(255,255,255,.95) 1px,transparent 1.6px),
        radial-gradient(circle,rgba(125,211,252,.78) 1px,transparent 1.6px),
        radial-gradient(circle,rgba(196,181,253,.72) 1px,transparent 1.6px);
    background-size:92px 92px,148px 148px,205px 205px;
    background-position:0 0,31px 44px,74px 20px;
    animation:uag-stars-move 34s linear infinite;
}

.uag-services-orbit::after{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:-1;
    background:conic-gradient(
        from 0deg at 50% 52%,
        transparent 0deg,
        rgba(124,58,237,.10) 76deg,
        transparent 155deg,
        rgba(56,189,248,.10) 260deg,
        transparent 360deg
    );
    filter:blur(36px);
    animation:uag-background-turn 32s linear infinite;
}

/* Heading */
.uag-services-heading{
    position:relative;
    z-index:30;
    max-width:1000px;
    margin:0 auto 22px;
    text-align:center;
}

.uag-heading-chip{
    display:inline-block;
    padding:11px 18px;
    margin-bottom:17px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    color:#eaf4ff;
    background:rgba(255,255,255,.07);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    backdrop-filter:blur(14px);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
}

.uag-services-heading h2{
    margin:0;
    font-size:clamp(44px,4.4vw,76px);
    line-height:1.05;
    font-weight:900;
    letter-spacing:-3px;
    background:linear-gradient(
        90deg,
        #ffffff 0%,
        #c4b5fd 26%,
        #7dd3fc 49%,
        #ffffff 66%,
        #a855f7 82%,
        #ffffff 100%
    );
    background-size:240% auto;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:uag-heading-shine 5.8s linear infinite;
}

.uag-services-heading p{
    margin:15px 0 0;
    color:#d8e8ff;
    font-size:16px;
    font-weight:600;
    letter-spacing:.2px;
}

/* Main circle stage */
.uag-orbit-stage{
    position:relative;
    width:min(1280px,100%);
    height:900px;
    margin:0 auto;
    perspective:1900px;
    transform-style:preserve-3d;
}

/* Prominent outer circle */
.uag-main-orbit{
    position:absolute;
    left:50%;
    top:50%;
    width:760px;
    height:760px;
    border:1px solid rgba(125,211,252,.35);
    border-radius:50%;
    transform:translate(-50%,-50%);
    box-shadow:
        0 0 25px rgba(56,189,248,.08),
        inset 0 0 25px rgba(255,255,255,.03);
}

.uag-main-orbit::before{
    content:"";
    position:absolute;
    inset:-8px;
    border:2px solid transparent;
    border-top-color:rgba(168,85,247,.80);
    border-right-color:rgba(56,189,248,.70);
    border-radius:50%;
    filter:drop-shadow(0 0 10px rgba(124,58,237,.42));
    animation:uag-main-orbit-spin 22s linear infinite;
}

.uag-main-orbit::after{
    content:"";
    position:absolute;
    inset:26px;
    border:1px dashed rgba(255,255,255,.19);
    border-radius:50%;
    animation:uag-main-orbit-spin-reverse 32s linear infinite;
}

.uag-inner-orbit{
    position:absolute;
    left:50%;
    top:50%;
    width:470px;
    height:470px;
    border:1px solid rgba(196,181,253,.30);
    border-radius:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 0 18px rgba(168,85,247,.10);
}

.uag-inner-orbit::before{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:50%;
    border:1px solid rgba(56,189,248,.18);
}

.uag-orbit-dots{
    position:absolute;
    left:50%;
    top:50%;
    width:842px;
    height:842px;
    border-radius:50%;
    transform:translate(-50%,-50%);
    background:
        radial-gradient(circle at 50% 0%, #ffffff 0 3px, transparent 4px),
        radial-gradient(circle at 93% 25%, #7dd3fc 0 3px, transparent 4px),
        radial-gradient(circle at 93% 75%, #a855f7 0 3px, transparent 4px),
        radial-gradient(circle at 50% 100%, #ffffff 0 3px, transparent 4px),
        radial-gradient(circle at 7% 75%, #7dd3fc 0 3px, transparent 4px),
        radial-gradient(circle at 7% 25%, #a855f7 0 3px, transparent 4px);
    animation:uag-dot-orbit 18s linear infinite;
}

/* Central core */
.uag-core{
    position:absolute;
    left:50%;
    top:50%;
    z-index:20;
    width:330px;
    height:330px;
    border-radius:50%;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,.18), transparent 23%),
        radial-gradient(circle at 68% 74%, rgba(56,189,248,.16), transparent 34%),
        linear-gradient(145deg, rgba(22,19,59,.94), rgba(7,16,37,.96));
    border:1px solid rgba(255,255,255,.22);
    box-shadow:
        0 35px 100px rgba(0,0,0,.46),
        0 0 64px rgba(124,58,237,.28),
        inset 0 0 42px rgba(255,255,255,.05);
}

.uag-core::before{
    content:"";
    position:absolute;
    inset:11px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.10);
    pointer-events:none;
}

.uag-core-halo{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.uag-core-halo.halo-one{
    inset:-55px;
    background:radial-gradient(circle, rgba(124,58,237,.34), transparent 67%);
    filter:blur(20px);
    animation:uag-core-halo-one 4.8s ease-in-out infinite;
}

.uag-core-halo.halo-two{
    inset:-82px;
    background:radial-gradient(circle, rgba(56,189,248,.20), transparent 69%);
    filter:blur(28px);
    animation:uag-core-halo-two 7.2s ease-in-out infinite;
}

.uag-core-spin-ring{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.uag-core-spin-ring.ring-one{
    inset:-28px;
    border:1px solid transparent;
    border-top-color:#a855f7;
    border-right-color:#7dd3fc;
    animation:uag-core-ring-spin 10s linear infinite;
}

.uag-core-spin-ring.ring-two{
    inset:-47px;
    border:1px solid transparent;
    border-bottom-color:rgba(255,255,255,.70);
    border-left-color:rgba(56,189,248,.80);
    animation:uag-core-ring-reverse 15s linear infinite;
}

.uag-core-content{
    position:relative;
    z-index:4;
    width:260px;
    text-align:center;
}

.uag-core-tag{
    display:inline-block;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    color:#dff4ff;
    background:rgba(255,255,255,.08);
    font-size:10px;
    font-weight:900;
    letter-spacing:1.2px;
}

.uag-core-content h3{
    margin:16px 0 12px;
    color:#ffffff;
    font-size:29px;
    line-height:1.08;
    font-weight:900;
    letter-spacing:-1.3px;
    text-shadow:
        0 0 12px rgba(255,255,255,.68),
        0 0 28px rgba(125,211,252,.36);
}

.uag-core-content p{
    margin:0;
    color:#d7e8ff;
    font-size:13px;
    line-height:1.65;
    font-weight:600;
}

.uag-core-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    padding:12px 16px;
    color:#ffffff;
    border-radius:13px;
    background:linear-gradient(135deg,#7c3aed,#38bdf8);
    box-shadow:0 12px 28px rgba(124,58,237,.34);
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    transition:.35s ease;
}

.uag-core-button:hover{
    color:#ffffff;
    transform:translateY(-4px) scale(1.04);
    box-shadow:0 18px 38px rgba(56,189,248,.38);
}

/* Circular service nodes */
.uag-service-node{
    position:absolute;
    left:50%;
    top:50%;
    z-index:10;
    width:190px;
    height:190px;
    border-radius:50%;
    text-decoration:none;
    transform:
        translate(-50%,-50%)
        translate3d(var(--x),var(--y),0);
    transition:transform .45s cubic-bezier(.2,.85,.25,1);
    cursor:pointer;
}

.uag-service-node:hover{
    z-index:40;
    transform:
        translate(-50%,-50%)
        translate3d(var(--x),var(--y),45px)
        scale(1.10);
}

/* Rotating angular segments */
.uag-node-angles{
    position:absolute;
    inset:-17px;
    border-radius:50%;
    opacity:.76;
    background:
        repeating-conic-gradient(
            from 0deg,
            transparent 0deg 23deg,
            var(--accent) 24deg 27deg,
            transparent 28deg 59deg
        );
    -webkit-mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 4px),
            #000 calc(100% - 3px)
        );
    mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 4px),
            #000 calc(100% - 3px)
        );
    filter:drop-shadow(0 0 7px var(--accent));
    transition:.35s ease;
}

.uag-node-inner-ring{
    position:absolute;
    inset:7px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    transition:.35s ease;
}

.uag-node-face{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.20);
    border-radius:50%;
    color:#ffffff;
    background:
        radial-gradient(circle at 30% 22%, rgba(255,255,255,.18), transparent 25%),
        radial-gradient(circle at 68% 74%, var(--accent), transparent 75%),
        linear-gradient(145deg, rgba(18,25,52,.95), rgba(4,9,23,.97));
    box-shadow:
        0 22px 46px rgba(0,0,0,.40),
        inset 0 0 28px rgba(255,255,255,.05);
    transition:.4s ease;
}

.uag-node-face::before{
    content:"";
    position:absolute;
    inset:-30%;
    opacity:.24;
    background:
        linear-gradient(120deg, transparent 35%, rgba(255,255,255,.65) 48%, transparent 60%);
    transform:rotate(-18deg) translateX(-70%);
    transition:.7s ease;
}

.uag-node-number{
    position:absolute;
    top:20px;
    left:25px;
    color:var(--soft);
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
}

.uag-node-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    margin-bottom:11px;
    border:1px solid var(--accent);
    border-radius:15px;
    color:#ffffff;
    background:rgba(0,0,0,.22);
    box-shadow:0 0 18px rgba(255,255,255,.07);
    font-size:13px;
    font-weight:900;
}

.uag-node-icon img{
    width:25px;
    height:25px;
    object-fit:contain;
}

.uag-node-face strong{
    position:relative;
    z-index:2;
    color:#ffffff;
    font-size:17px;
    line-height:1.13;
    font-weight:900;
    letter-spacing:-.4px;
    text-align:center;
    text-shadow:0 2px 12px rgba(0,0,0,.55);
}

.uag-node-face small{
    position:relative;
    z-index:2;
    display:block;
    margin-top:8px;
    color:#e7f4ff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.35px;
    text-align:center;
}

/* Premium hover behavior */
.uag-service-node:hover .uag-node-angles{
    opacity:1;
    animation:uag-node-angle-spin 1.55s linear infinite;
    filter:
        drop-shadow(0 0 10px var(--accent))
        drop-shadow(0 0 22px var(--soft));
}

.uag-service-node:hover .uag-node-inner-ring{
    inset:-5px;
    border-color:var(--soft);
    box-shadow:0 0 20px var(--accent);
    animation:uag-inner-ring-pulse 1s ease-in-out infinite;
}

.uag-service-node:hover .uag-node-face{
    border-color:var(--soft);
    box-shadow:
        0 28px 60px rgba(0,0,0,.48),
        0 0 26px var(--accent),
        0 0 56px var(--soft),
        inset 0 0 34px rgba(255,255,255,.11);
}

.uag-service-node:hover .uag-node-face::before{
    transform:rotate(-18deg) translateX(120%);
}

.uag-service-node:hover .uag-node-icon{
    transform:rotateY(360deg) scale(1.08);
    box-shadow:
        0 0 20px var(--accent),
        0 0 35px var(--soft);
    transition:.75s ease;
}

/* Animations */
@keyframes uag-stars-move{
    from{background-position:0 0,31px 44px,74px 20px;}
    to{background-position:175px 230px,210px 265px,274px 204px;}
}

@keyframes uag-background-turn{
    from{transform:rotate(0deg) scale(1.08);}
    to{transform:rotate(360deg) scale(1.08);}
}

@keyframes uag-heading-shine{
    from{background-position:0% center;}
    to{background-position:240% center;}
}

@keyframes uag-main-orbit-spin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes uag-main-orbit-spin-reverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0deg);}
}

@keyframes uag-dot-orbit{
    from{transform:translate(-50%,-50%) rotate(0deg);}
    to{transform:translate(-50%,-50%) rotate(360deg);}
}

@keyframes uag-core-halo-one{
    0%,100%{transform:scale(.96);opacity:.52;}
    50%{transform:scale(1.13);opacity:.92;}
}

@keyframes uag-core-halo-two{
    0%,100%{transform:scale(.96);opacity:.28;}
    50%{transform:scale(1.16);opacity:.64;}
}

@keyframes uag-core-ring-spin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes uag-core-ring-reverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0deg);}
}

@keyframes uag-node-angle-spin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes uag-inner-ring-pulse{
    0%,100%{opacity:.65;transform:scale(.96);}
    50%{opacity:1;transform:scale(1.05);}
}

/* Laptop screen safety */
@media (max-width:1280px){
    .uag-orbit-stage{
        transform:scale(.84);
        transform-origin:top center;
        height:760px;
        margin-bottom:-135px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a996bb8 *//* =====================================================
   USMAN AHMAD — PROJECTS UNIVERSE
   ===================================================== */

.uaproj-projects-universe{
    position:relative;
    min-height:1160px;
    overflow:hidden;
    padding:95px 30px 105px;
    isolation:isolate;
    background:
        radial-gradient(circle at 14% 18%, rgba(124,58,237,.16), transparent 28%),
        radial-gradient(circle at 86% 22%, rgba(56,189,248,.15), transparent 28%),
        radial-gradient(circle at 50% 84%, rgba(168,85,247,.10), transparent 30%),
        linear-gradient(155deg,#02030A 0%,#061027 52%,#02040C 100%);
}

.uaproj-projects-universe::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.92;
    background-image:
        radial-gradient(circle,rgba(255,255,255,.95) 1px,transparent 1.6px),
        radial-gradient(circle,rgba(125,211,252,.78) 1px,transparent 1.6px),
        radial-gradient(circle,rgba(196,181,253,.74) 1px,transparent 1.6px);
    background-size:94px 94px,152px 152px,212px 212px;
    background-position:0 0,31px 44px,76px 18px;
    animation:uaprojStars 36s linear infinite;
}

.uaproj-projects-universe::after{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:-1;
    filter:blur(38px);
    background:conic-gradient(
        from 0deg at 50% 50%,
        transparent 0deg,
        rgba(124,58,237,.10) 78deg,
        transparent 154deg,
        rgba(56,189,248,.10) 260deg,
        transparent 360deg
    );
    animation:uaprojBackground 34s linear infinite;
}

/* Heading */
.uaproj-heading{
    position:relative;
    z-index:20;
    max-width:1000px;
    margin:0 auto 25px;
    text-align:center;
}

.uaproj-chip{
    display:inline-block;
    padding:11px 18px;
    margin-bottom:17px;
    color:#EAF4FF;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    backdrop-filter:blur(14px);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
}

.uaproj-heading h2{
    margin:0;
    font-size:clamp(44px,4.5vw,78px);
    line-height:1.04;
    font-weight:900;
    letter-spacing:-3px;
    background:linear-gradient(
        90deg,
        #FFFFFF 0%,
        #C4B5FD 26%,
        #7DD3FC 49%,
        #FFFFFF 66%,
        #A855F7 82%,
        #FFFFFF 100%
    );
    background-size:240% auto;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:uaprojHeadingShine 5.8s linear infinite;
}

.uaproj-heading p{
    max-width:760px;
    margin:15px auto 0;
    color:#D8E8FF;
    font-size:17px;
    line-height:1.75;
    font-weight:600;
}

/* Stage */
.uaproj-stage{
    position:relative;
    width:min(1480px,100%);
    height:830px;
    margin:0 auto;
    perspective:2000px;
    transform-style:preserve-3d;
}

/* Decorative glows */
.uaproj-planet-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(44px);
    pointer-events:none;
    opacity:.62;
}

.uaproj-planet-glow.glow-left{
    left:8%;
    top:38%;
    width:260px;
    height:260px;
    background:rgba(230,167,184,.18);
}

.uaproj-planet-glow.glow-center{
    left:50%;
    top:28%;
    width:350px;
    height:350px;
    transform:translateX(-50%);
    background:rgba(56,189,248,.16);
}

.uaproj-planet-glow.glow-right{
    right:8%;
    top:38%;
    width:260px;
    height:260px;
    background:rgba(96,165,250,.17);
}

/* Orbit / connection paths */
.uaproj-path{
    position:absolute;
    left:50%;
    top:48%;
    border:1px solid rgba(125,211,252,.15);
    border-radius:50%;
    pointer-events:none;
    transform-style:preserve-3d;
}

.uaproj-path.path-one{
    width:780px;
    height:290px;
    transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-11deg);
}

.uaproj-path.path-two{
    width:1120px;
    height:470px;
    border-color:rgba(168,85,247,.14);
    transform:translate(-50%,-50%) rotateX(69deg) rotateZ(14deg);
}

.uaproj-path.path-three{
    width:1370px;
    height:590px;
    border-color:rgba(255,255,255,.09);
    transform:translate(-50%,-50%) rotateX(71deg) rotateZ(-16deg);
}

/* Project card placement */
.uaproj-card{
    position:absolute;
    left:50%;
    top:50%;
    z-index:5;
    width:340px;
    transform:
        translate(-50%,-50%)
        translate3d(var(--x),var(--y),0)
        scale(var(--scale));
    transform-style:preserve-3d;
    transition:.45s cubic-bezier(.2,.8,.2,1);
}

.uaproj-alpine{
    width:390px;
    z-index:8;
}

.uaproj-card:hover{
    z-index:30;
    transform:
        translate(-50%,-50%)
        translate3d(var(--x),calc(var(--y) - 22px),55px)
        scale(calc(var(--scale) + .04))
        rotateY(-3deg)
        rotateX(2deg);
}

.uaproj-card-energy{
    position:absolute;
    inset:-45px;
    z-index:-1;
    opacity:0;
    border-radius:50%;
    background:radial-gradient(circle, var(--accent), transparent 68%);
    filter:blur(30px);
    transition:.45s ease;
}

.uaproj-card:hover .uaproj-card-energy{
    opacity:.45;
    transform:scale(1.12);
}

/* Browser frame */
.uaproj-browser{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.20);
    border-radius:23px;
    background:rgba(5,10,22,.75);
    box-shadow:
        0 28px 64px rgba(0,0,0,.42),
        0 0 28px rgba(255,255,255,.05);
    backdrop-filter:blur(15px);
    transition:.4s ease;
}

.uaproj-card:hover .uaproj-browser{
    border-color:var(--accent2);
    box-shadow:
        0 34px 78px rgba(0,0,0,.48),
        0 0 28px var(--accent),
        0 0 60px rgba(56,189,248,.18);
}

.uaproj-browser-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:39px;
    padding:0 13px;
    border-bottom:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.06);
}

.uaproj-browser-dots{
    display:flex;
    gap:5px;
}

.uaproj-browser-dots i{
    display:block;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff7b7b;
}

.uaproj-browser-dots i:nth-child(2){
    background:#f7cf62;
}

.uaproj-browser-dots i:nth-child(3){
    background:#62d99d;
}

.uaproj-browser-url{
    color:rgba(233,244,255,.72);
    font-size:9px;
    font-weight:800;
    letter-spacing:.4px;
}

/* Preview base */
.uaproj-preview{
    position:relative;
    height:235px;
    overflow:hidden;
}

/* Zoya Boutique preview */
.uaproj-zoya-preview{
    background:
        radial-gradient(circle at 75% 18%, rgba(255,255,255,.40), transparent 20%),
        linear-gradient(135deg,#1d0f19 0%,#6e3348 48%,#e6a7b8 100%);
}

.uaproj-zoya-nav,
.uaproj-alpine-nav,
.uaproj-doctor-nav{
    position:absolute;
    top:13px;
    left:16px;
    right:16px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.uaproj-zoya-nav strong{
    color:#ffffff;
    font-size:14px;
    letter-spacing:2px;
}

.uaproj-zoya-nav span{
    color:#ffeaf0;
    font-size:8px;
    font-weight:800;
    letter-spacing:.8px;
}

.uaproj-zoya-hero{
    position:absolute;
    left:18px;
    right:18px;
    top:56px;
    bottom:49px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.22);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.05));
}

.uaproj-zoya-copy{
    position:absolute;
    left:17px;
    top:20px;
    z-index:3;
}

.uaproj-zoya-copy small{
    display:block;
    color:#ffd7e2;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.uaproj-zoya-copy b{
    display:block;
    margin-top:8px;
    color:#ffffff;
    font-size:22px;
    line-height:1.04;
    letter-spacing:-.7px;
}

.uaproj-zoya-model{
    position:absolute;
    right:23px;
    bottom:-23px;
    width:105px;
    height:150px;
    border-radius:58px 58px 18px 18px;
    background:
        radial-gradient(circle at 50% 16%, #f4c5ad 0 17px, transparent 18px),
        linear-gradient(165deg,#22151c 0 35%,#f2ced8 36% 70%,#4b1b31 71% 100%);
    box-shadow:0 0 32px rgba(255,255,255,.20);
    transform:rotate(-9deg);
}

.uaproj-zoya-products{
    position:absolute;
    left:18px;
    right:18px;
    bottom:12px;
    display:flex;
    gap:9px;
}

.uaproj-zoya-products span{
    flex:1;
    height:26px;
    border-radius:8px;
    background:linear-gradient(135deg,#f8d9e2,#9b4964);
    border:1px solid rgba(255,255,255,.18);
}

.uaproj-zoya-products span:nth-child(2){
    background:linear-gradient(135deg,#f4e2cd,#b88056);
}

.uaproj-zoya-products span:nth-child(3){
    background:linear-gradient(135deg,#efc5db,#67253f);
}

/* Alpine Travels preview */
.uaproj-alpine-preview{
    background:
        linear-gradient(180deg,#0f3d6b 0%,#4eb8f3 48%,#d7f7ff 100%);
}

.uaproj-alpine-nav strong{
    color:#ffffff;
    font-size:13px;
    letter-spacing:1.5px;
}

.uaproj-alpine-nav span{
    color:#e6f9ff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.7px;
}

.uaproj-moon{
    position:absolute;
    top:45px;
    right:48px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#fff5ce;
    box-shadow:0 0 20px rgba(255,245,206,.70);
}

.uaproj-mountain{
    position:absolute;
    bottom:0;
    width:0;
    height:0;
    border-left:150px solid transparent;
    border-right:150px solid transparent;
}

.mountain-back{
    left:-22px;
    border-bottom:135px solid #1f6b83;
}

.mountain-front{
    right:-52px;
    border-bottom:165px solid #0b3858;
}

.uaproj-alpine-copy{
    position:absolute;
    left:20px;
    top:65px;
    z-index:4;
    width:190px;
}

.uaproj-alpine-copy small{
    display:block;
    color:#d9f8ff;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}

.uaproj-alpine-copy b{
    display:block;
    margin-top:7px;
    color:#ffffff;
    font-size:24px;
    line-height:1.05;
    letter-spacing:-.8px;
}

.uaproj-alpine-copy span{
    display:block;
    margin-top:8px;
    color:#e4f8ff;
    font-size:9px;
    line-height:1.5;
}

.uaproj-trip-card{
    position:absolute;
    right:16px;
    bottom:16px;
    z-index:6;
    width:125px;
    padding:10px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:12px;
    background:rgba(3,28,48,.48);
    backdrop-filter:blur(10px);
}

.uaproj-trip-card span{
    display:block;
    color:#aeeaff;
    font-size:7px;
    font-weight:900;
    letter-spacing:.8px;
}

.uaproj-trip-card strong{
    display:block;
    margin-top:5px;
    color:#ffffff;
    font-size:12px;
}

/* Doctor preview */
.uaproj-doctor-preview{
    background:
        radial-gradient(circle at 72% 26%, rgba(255,255,255,.70), transparent 22%),
        linear-gradient(135deg,#edf8ff 0%,#bde7fb 52%,#4b94d0 100%);
}

.uaproj-doctor-nav strong{
    color:#154c78;
    font-size:11px;
    letter-spacing:.9px;
}

.uaproj-doctor-nav span{
    color:#3277a8;
    font-size:7px;
    font-weight:900;
    letter-spacing:.6px;
}

.uaproj-doctor-layout{
    position:absolute;
    left:17px;
    right:17px;
    top:53px;
    bottom:43px;
    border-radius:14px;
    background:rgba(255,255,255,.42);
    border:1px solid rgba(255,255,255,.70);
}

.uaproj-doctor-copy{
    position:absolute;
    left:14px;
    top:17px;
    width:150px;
}

.uaproj-doctor-copy small{
    display:block;
    color:#2879aa;
    font-size:7px;
    font-weight:900;
    letter-spacing:.7px;
}

.uaproj-doctor-copy b{
    display:block;
    margin-top:7px;
    color:#11466f;
    font-size:18px;
    line-height:1.08;
    letter-spacing:-.5px;
}

.uaproj-doctor-copy span{
    display:block;
    margin-top:7px;
    color:#326b92;
    font-size:8px;
    line-height:1.5;
}

.uaproj-doctor-profile{
    position:absolute;
    right:20px;
    bottom:0;
    width:98px;
    height:130px;
}

.uaproj-doctor-head{
    position:absolute;
    top:8px;
    left:34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#c99174;
}

.uaproj-doctor-body{
    position:absolute;
    bottom:0;
    left:13px;
    width:78px;
    height:97px;
    border-radius:40px 40px 10px 10px;
    background:
        linear-gradient(90deg,transparent 42%,#67a8cc 43% 49%,transparent 50%),
        linear-gradient(135deg,#ffffff 0%,#d9effb 100%);
    box-shadow:0 0 16px rgba(255,255,255,.60);
}

.uaproj-doctor-bar{
    position:absolute;
    left:17px;
    right:17px;
    bottom:11px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 10px;
    border-radius:9px;
    background:#166da7;
}

.uaproj-doctor-bar span{
    color:#e3f7ff;
    font-size:7px;
    font-weight:900;
    letter-spacing:.6px;
}

.uaproj-doctor-bar b{
    color:#ffffff;
    font-size:8px;
}

/* Content */
.uaproj-card-content{
    margin-top:16px;
    padding:0 5px;
}

.uaproj-card-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
    color:var(--accent2);
    font-size:11px;
    font-weight:900;
    letter-spacing:.8px;
}

.uaproj-live-dot{
    display:flex;
    align-items:center;
    gap:6px;
    color:#e6f4ff;
    letter-spacing:.1px;
}

.uaproj-live-dot::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--accent);
    box-shadow:0 0 10px var(--accent);
}

.uaproj-card-content h3{
    margin:0;
    color:#ffffff;
    font-size:26px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-1px;
    text-shadow:0 0 15px rgba(255,255,255,.12);
}

.uaproj-card-content p{
    margin:11px 0 14px;
    color:#d4e4fa;
    font-size:13px;
    line-height:1.7;
    font-weight:600;
}

.uaproj-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.uaproj-tags span{
    padding:7px 9px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    color:#eaf5ff;
    background:rgba(255,255,255,.06);
    font-size:10px;
    font-weight:800;
}

.uaproj-project-link{
    display:inline-block;
    margin-top:16px;
    color:var(--accent2);
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    transition:.3s ease;
}

.uaproj-project-link b{
    display:inline-block;
    margin-left:5px;
    transition:.3s ease;
}

.uaproj-card:hover .uaproj-project-link b{
    transform:translateX(6px);
}

/* Animations */
@keyframes uaprojStars{
    from{
        background-position:0 0,31px 44px,76px 18px;
    }
    to{
        background-position:180px 230px,215px 265px,280px 205px;
    }
}

@keyframes uaprojBackground{
    from{
        transform:rotate(0deg) scale(1.08);
    }
    to{
        transform:rotate(360deg) scale(1.08);
    }
}

@keyframes uaprojHeadingShine{
    from{
        background-position:0% center;
    }
    to{
        background-position:240% center;
    }
}

/* Laptop width safety */
@media (max-width:1280px){
    .uaproj-stage{
        transform:scale(.82);
        transform-origin:top center;
        height:680px;
        margin-bottom:-150px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6dc9dd4 *//* =====================================================
   MFS + MANDARIN + MF BUILDERS — PROJECT SHOWCASE
   ===================================================== */

.uam3-project-showcase{
    position:relative;
    overflow:hidden;
    padding:105px 30px 120px;
    isolation:isolate;
    background:
        radial-gradient(circle at 12% 18%, rgba(124,58,237,.18), transparent 28%),
        radial-gradient(circle at 88% 20%, rgba(56,189,248,.15), transparent 27%),
        radial-gradient(circle at 50% 86%, rgba(168,85,247,.10), transparent 30%),
        linear-gradient(155deg,#02030A 0%,#061027 52%,#02040C 100%);
}

.uam3-project-showcase::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.92;
    background-image:
        radial-gradient(circle,rgba(255,255,255,.95) 1px,transparent 1.6px),
        radial-gradient(circle,rgba(125,211,252,.78) 1px,transparent 1.6px),
        radial-gradient(circle,rgba(196,181,253,.72) 1px,transparent 1.6px);
    background-size:94px 94px,152px 152px,212px 212px;
    background-position:0 0,31px 44px,76px 18px;
    animation:uam3-stars-move 36s linear infinite;
}

.uam3-project-showcase::after{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:-1;
    filter:blur(38px);
    background:conic-gradient(
        from 0deg at 50% 50%,
        transparent 0deg,
        rgba(124,58,237,.10) 78deg,
        transparent 154deg,
        rgba(56,189,248,.10) 260deg,
        transparent 360deg
    );
    animation:uam3-bg-turn 34s linear infinite;
}

/* Heading */

.uam3-heading{
    position:relative;
    z-index:10;
    max-width:960px;
    margin:0 auto 55px;
    text-align:center;
}

.uam3-chip{
    display:inline-block;
    padding:11px 18px;
    margin-bottom:17px;
    color:#EAF4FF;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    backdrop-filter:blur(14px);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
}

.uam3-heading h2{
    margin:0;
    font-size:clamp(44px,4.4vw,76px);
    line-height:1.05;
    font-weight:900;
    letter-spacing:-3px;
    background:linear-gradient(
        90deg,
        #FFFFFF 0%,
        #C4B5FD 27%,
        #7DD3FC 49%,
        #FFFFFF 66%,
        #A855F7 82%,
        #FFFFFF 100%
    );
    background-size:240% auto;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:uam3-heading-shine 5.8s linear infinite;
}

.uam3-heading p{
    max-width:720px;
    margin:15px auto 0;
    color:#D8E8FF;
    font-size:17px;
    line-height:1.75;
    font-weight:600;
}

/* Vertical cards wrapper */

.uam3-project-list{
    position:relative;
    z-index:3;
    width:min(1180px,100%);
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:48px;
}

/* Main card */

.uam3-project-card{
    position:relative;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:50px;
    align-items:center;
    min-height:385px;
    padding:30px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:32px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
    box-shadow:
        0 28px 65px rgba(0,0,0,.35),
        inset 0 0 28px rgba(255,255,255,.025);
    backdrop-filter:blur(18px);
    transition:.5s cubic-bezier(.2,.8,.2,1);
}

.uam3-project-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
        135deg,
        rgba(255,255,255,.14),
        transparent 27%,
        transparent 74%,
        rgba(255,255,255,.04)
    );
}

.uam3-project-card::after{
    content:"";
    position:absolute;
    top:-120px;
    right:-100px;
    width:320px;
    height:320px;
    border-radius:50%;
    background:var(--accent);
    filter:blur(70px);
    opacity:.10;
    transition:.5s ease;
}

.uam3-project-card:hover{
    border-color:var(--soft);
    transform:translateY(-12px) perspective(1500px) rotateX(2deg);
    box-shadow:
        0 38px 85px rgba(0,0,0,.48),
        0 0 28px var(--accent),
        0 0 65px rgba(56,189,248,.15);
}

.uam3-project-card:hover::after{
    opacity:.27;
    transform:scale(1.18);
}

.uam3-reverse .uam3-preview-side{
    order:2;
}

.uam3-reverse .uam3-content-side{
    order:1;
}

/* Browser preview */

.uam3-preview-side{
    position:relative;
    z-index:2;
}

.uam3-browser{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.22);
    border-radius:21px;
    background:#071020;
    box-shadow:0 24px 46px rgba(0,0,0,.34);
    transition:.45s ease;
}

.uam3-project-card:hover .uam3-browser{
    border-color:var(--soft);
    transform:perspective(1300px) rotateY(-3deg) rotateX(2deg) scale(1.025);
    box-shadow:
        0 28px 65px rgba(0,0,0,.42),
        0 0 26px var(--accent);
}

.uam3-browser-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:38px;
    padding:0 13px;
    color:rgba(234,244,255,.72);
    border-bottom:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.06);
    font-size:9px;
    font-weight:800;
    letter-spacing:.3px;
}

.uam3-browser-dots{
    display:flex;
    gap:5px;
}

.uam3-browser-dots i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff7373;
}

.uam3-browser-dots i:nth-child(2){
    background:#f7cf60;
}

.uam3-browser-dots i:nth-child(3){
    background:#64dc9e;
}

/* Preview common */

.uam3-preview{
    position:relative;
    height:255px;
    overflow:hidden;
}

.uam3-preview-nav{
    position:absolute;
    top:15px;
    left:18px;
    right:18px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.uam3-preview-nav strong{
    color:#ffffff;
    font-size:12px;
    letter-spacing:1px;
}

.uam3-preview-nav span{
    color:rgba(255,255,255,.86);
    font-size:7px;
    font-weight:900;
    letter-spacing:.75px;
}

.uam3-preview-copy{
    position:absolute;
    left:20px;
    top:70px;
    z-index:5;
    width:220px;
}

.uam3-preview-copy small{
    display:block;
    margin-bottom:8px;
    color:rgba(255,255,255,.88);
    font-size:8px;
    font-weight:900;
    letter-spacing:.95px;
}

.uam3-preview-copy b{
    display:block;
    color:#ffffff;
    font-size:28px;
    line-height:1.04;
    letter-spacing:-.9px;
    text-shadow:0 2px 15px rgba(0,0,0,.30);
}

.uam3-preview-copy p{
    margin:10px 0 0;
    color:rgba(255,255,255,.86);
    font-size:9px;
    line-height:1.55;
}

.uam3-preview-footer{
    position:absolute;
    left:18px;
    right:18px;
    bottom:14px;
    z-index:6;
    padding:9px 11px;
    color:#ffffff;
    border:1px solid rgba(255,255,255,.20);
    border-radius:10px;
    background:rgba(0,0,0,.22);
    backdrop-filter:blur(10px);
    font-size:8px;
    font-weight:900;
    letter-spacing:.7px;
}

/* MFS visual */

.uam3-mfs-preview{
    background:
        radial-gradient(circle at 76% 22%,rgba(255,255,255,.25),transparent 19%),
        linear-gradient(135deg,#17082d 0%,#673ab7 52%,#c4b5fd 100%);
}

.uam3-mfs-screen{
    position:absolute;
    right:20px;
    bottom:46px;
    width:160px;
    height:126px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.24);
    border-radius:15px;
    background:rgba(240,231,255,.16);
    box-shadow:0 0 28px rgba(221,214,254,.34);
    transform:rotate(-5deg);
}

.uam3-mfs-screen-line{
    position:absolute;
    left:15px;
    height:8px;
    border-radius:10px;
    background:#d9c8ff;
}

.uam3-mfs-screen-line.line-one{
    top:18px;
    width:70px;
}

.uam3-mfs-screen-line.line-two{
    top:37px;
    width:108px;
    opacity:.72;
}

.uam3-mfs-screen-line.line-three{
    top:56px;
    width:86px;
    opacity:.50;
}

.uam3-mfs-screen-card{
    position:absolute;
    bottom:14px;
    width:52px;
    height:34px;
    border-radius:8px;
    background:linear-gradient(135deg,#e4d7ff,#8b5cf6);
}

.uam3-mfs-screen-card.card-one{
    left:15px;
}

.uam3-mfs-screen-card.card-two{
    right:15px;
    background:linear-gradient(135deg,#c4b5fd,#6d28d9);
}

/* Mandarin visual */

.uam3-mandarin-preview{
    background:
        radial-gradient(circle at 77% 24%,rgba(255,216,145,.42),transparent 19%),
        linear-gradient(135deg,#48120e 0%,#b53519 52%,#f97316 100%);
}

.uam3-food-plate{
    position:absolute;
    right:21px;
    bottom:35px;
    width:145px;
    height:145px;
    border-radius:50%;
    background:
        radial-gradient(circle at 50% 50%,#ffd67b 0 20%,#d7471f 21% 38%,#fff1d2 39% 44%,#532015 45% 100%);
    box-shadow:
        0 0 30px rgba(255,209,121,.42),
        inset 0 0 15px rgba(255,255,255,.18);
    transform:rotate(-8deg);
}

.uam3-food-item{
    position:absolute;
    width:31px;
    height:20px;
    border-radius:50%;
    background:#efb255;
    box-shadow:inset -5px -4px 6px rgba(106,32,12,.38);
}

.uam3-food-item.item-one{
    left:34px;
    top:38px;
}

.uam3-food-item.item-two{
    right:27px;
    top:53px;
    background:#eb6a35;
}

.uam3-food-item.item-three{
    left:56px;
    bottom:28px;
    background:#f3db85;
}

.uam3-food-leaf{
    position:absolute;
    width:42px;
    height:9px;
    border-radius:50%;
    background:#4b9b3d;
    transform:rotate(-28deg);
}

.uam3-food-leaf.leaf-one{
    left:24px;
    top:72px;
}

.uam3-food-leaf.leaf-two{
    right:20px;
    bottom:43px;
    background:#8fcf5c;
    transform:rotate(32deg);
}

/* MF Builders visual */

.uam3-builders-preview{
    background:
        radial-gradient(circle at 75% 20%,rgba(255,229,102,.30),transparent 18%),
        linear-gradient(135deg,#111111 0%,#4f4830 52%,#facc15 100%);
}

.uam3-building-scene{
    position:absolute;
    right:18px;
    bottom:33px;
    width:185px;
    height:160px;
}

.uam3-building-tower{
    position:absolute;
    bottom:0;
    overflow:hidden;
    border-radius:6px 6px 0 0;
    background:
        linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.22) 19% 22%,transparent 23% 45%,rgba(255,255,255,.22) 46% 49%,transparent 50% 72%,rgba(255,255,255,.22) 73% 76%,transparent 77%),
        linear-gradient(180deg,#766c4b,#201e19);
    box-shadow:0 0 25px rgba(250,204,21,.22);
}

.uam3-building-tower.tower-one{
    left:0;
    width:56px;
    height:90px;
}

.uam3-building-tower.tower-two{
    left:59px;
    width:70px;
    height:132px;
}

.uam3-building-tower.tower-three{
    right:0;
    width:48px;
    height:107px;
}

.uam3-building-crane{
    position:absolute;
    top:14px;
    right:3px;
    width:148px;
    height:7px;
    background:#facc15;
    transform:rotate(-17deg);
    box-shadow:0 28px 0 rgba(250,204,21,.70);
}

.uam3-building-crane::before{
    content:"";
    position:absolute;
    right:4px;
    top:0;
    width:5px;
    height:103px;
    background:#facc15;
}

/* Right text content */

.uam3-content-side{
    position:relative;
    z-index:3;
}

.uam3-project-meta{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:14px;
}

.uam3-project-number{
    color:var(--soft);
    font-size:13px;
    font-weight:900;
    letter-spacing:1px;
}

.uam3-project-type{
    display:flex;
    align-items:center;
    gap:7px;
    color:#edf6ff;
    font-size:12px;
    font-weight:800;
}

.uam3-project-type::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent);
    box-shadow:0 0 12px var(--accent);
}

.uam3-content-side h3{
    margin:0;
    color:#ffffff;
    font-size:36px;
    line-height:1.06;
    font-weight:900;
    letter-spacing:-1.5px;
    text-shadow:0 0 16px rgba(255,255,255,.12);
}

.uam3-content-side > p{
    max-width:450px;
    margin:15px 0 18px;
    color:#D5E5FA;
    font-size:15px;
    line-height:1.75;
    font-weight:600;
}

.uam3-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.uam3-tags span{
    padding:8px 11px;
    color:#EAF5FF;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    font-size:11px;
    font-weight:800;
}

.uam3-project-button{
    display:inline-block;
    margin-top:21px;
    color:var(--soft);
    font-size:13px;
    font-weight:900;
    text-decoration:none;
    transition:.3s ease;
}

.uam3-project-button b{
    display:inline-block;
    margin-left:5px;
    transition:.3s ease;
}

.uam3-project-card:hover .uam3-project-button b{
    transform:translateX(7px);
}

/* Animations */

@keyframes uam3-stars-move{
    from{
        background-position:0 0,31px 44px,76px 18px;
    }
    to{
        background-position:180px 230px,215px 265px,280px 205px;
    }
}

@keyframes uam3-bg-turn{
    from{
        transform:rotate(0deg) scale(1.08);
    }
    to{
        transform:rotate(360deg) scale(1.08);
    }
}

@keyframes uam3-heading-shine{
    from{
        background-position:0% center;
    }
    to{
        background-position:240% center;
    }
}

/* Basic smaller screen fallback */

@media (max-width:900px){
    .uam3-project-card,
    .uam3-reverse{
        grid-template-columns:1fr;
        gap:28px;
    }

    .uam3-reverse .uam3-preview-side,
    .uam3-reverse .uam3-content-side{
        order:initial;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-948fc18 *//* =====================================================
   WHY CHOOSE ME — CIRCULAR PROFILE ORBIT SECTION
   ===================================================== */

.uwc-choose-section{
    position:relative;
    overflow:hidden;
    padding:110px 30px 130px;
    isolation:isolate;
    background:
        radial-gradient(circle at 14% 18%, rgba(124,58,237,.18), transparent 28%),
        radial-gradient(circle at 86% 20%, rgba(56,189,248,.15), transparent 27%),
        radial-gradient(circle at 50% 86%, rgba(168,85,247,.10), transparent 30%),
        linear-gradient(155deg,#02030A 0%,#061027 52%,#02040C 100%);
}

.uwc-choose-section::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.92;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.95) 1px, transparent 1.6px),
        radial-gradient(circle, rgba(125,211,252,.78) 1px, transparent 1.6px),
        radial-gradient(circle, rgba(196,181,253,.72) 1px, transparent 1.6px);
    background-size:94px 94px,152px 152px,212px 212px;
    background-position:0 0,31px 44px,76px 18px;
    animation:uwcStars 36s linear infinite;
}

.uwc-choose-section::after{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:-1;
    filter:blur(38px);
    background:conic-gradient(
        from 0deg at 50% 50%,
        transparent 0deg,
        rgba(124,58,237,.10) 78deg,
        transparent 154deg,
        rgba(56,189,248,.10) 260deg,
        transparent 360deg
    );
    animation:uwcBgTurn 34s linear infinite;
}

/* Heading */

.uwc-heading-wrap{
    position:relative;
    z-index:20;
    max-width:980px;
    margin:0 auto 55px;
    text-align:center;
}

.uwc-chip{
    display:inline-block;
    padding:11px 18px;
    margin-bottom:17px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    color:#eaf4ff;
    background:rgba(255,255,255,.07);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    backdrop-filter:blur(14px);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
}

.uwc-heading-wrap h2{
    margin:0;
    font-size:clamp(48px,5vw,82px);
    line-height:1.03;
    font-weight:900;
    letter-spacing:-3px;
    background:linear-gradient(
        90deg,
        #ffffff 0%,
        #c4b5fd 26%,
        #7dd3fc 49%,
        #ffffff 66%,
        #a855f7 82%,
        #ffffff 100%
    );
    background-size:240% auto;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:uwcHeadingShine 5.8s linear infinite;
}

.uwc-heading-wrap p{
    max-width:720px;
    margin:15px auto 0;
    color:#d8e8ff;
    font-size:17px;
    line-height:1.75;
    font-weight:600;
}

/* Main stage */

.uwc-stage{
    position:relative;
    width:min(1200px,100%);
    height:860px;
    margin:0 auto;
    perspective:1800px;
    transform-style:preserve-3d;
}

/* Background aura */

.uwc-bg-aura{
    position:absolute;
    border-radius:50%;
    filter:blur(40px);
    pointer-events:none;
}

.uwc-bg-aura.aura-one{
    width:280px;
    height:280px;
    left:14%;
    top:22%;
    background:rgba(124,58,237,.22);
    animation:uwcAuraOne 5s ease-in-out infinite;
}

.uwc-bg-aura.aura-two{
    width:340px;
    height:340px;
    right:10%;
    top:16%;
    background:rgba(56,189,248,.18);
    animation:uwcAuraTwo 7s ease-in-out infinite;
}

.uwc-bg-aura.aura-three{
    width:300px;
    height:300px;
    left:50%;
    bottom:4%;
    transform:translateX(-50%);
    background:rgba(168,85,247,.15);
    animation:uwcAuraThree 6.4s ease-in-out infinite;
}

/* Orbit rings */

.uwc-main-ring{
    position:absolute;
    left:50%;
    top:50%;
    width:620px;
    height:620px;
    border-radius:50%;
    border:1px solid rgba(125,211,252,.30);
    transform:translate(-50%,-50%);
    box-shadow:
        0 0 22px rgba(56,189,248,.08),
        inset 0 0 20px rgba(255,255,255,.03);
}

.uwc-main-ring::before{
    content:"";
    position:absolute;
    inset:-10px;
    border:2px solid transparent;
    border-top-color:rgba(168,85,247,.72);
    border-right-color:rgba(56,189,248,.74);
    border-radius:50%;
    animation:uwcRingSpin 16s linear infinite;
    filter:drop-shadow(0 0 8px rgba(124,58,237,.35));
}

.uwc-main-ring.ring-two{
    width:740px;
    height:740px;
    border-color:rgba(255,255,255,.10);
}

.uwc-main-ring.ring-two::before{
    inset:18px;
    border-width:1px;
    border-top-color:rgba(255,255,255,.42);
    border-right-color:rgba(56,189,248,.45);
    animation:uwcRingSpinReverse 24s linear infinite;
}

.uwc-main-ring.ring-three{
    width:840px;
    height:840px;
    border-color:rgba(168,85,247,.10);
}

.uwc-main-ring.ring-three::before{
    display:none;
}

/* Center profile */

.uwc-center-profile{
    position:absolute;
    left:50%;
    top:50%;
    width:290px;
    height:290px;
    transform:translate(-50%,-50%);
    z-index:15;
}

.uwc-profile-backdrop{
    position:absolute;
    inset:-38px;
    border-radius:50%;
    background:
        radial-gradient(circle at 32% 22%, rgba(255,255,255,.16), transparent 26%),
        radial-gradient(circle at 68% 74%, rgba(56,189,248,.16), transparent 34%),
        linear-gradient(145deg, rgba(18,19,58,.92), rgba(5,12,29,.96));
    border:1px solid rgba(255,255,255,.14);
    box-shadow:
        0 35px 90px rgba(0,0,0,.46),
        0 0 65px rgba(124,58,237,.22);
}

.uwc-profile-glow{
    position:absolute;
    inset:-72px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(124,58,237,.28), transparent 68%);
    filter:blur(28px);
    animation:uwcProfileGlow 4.8s ease-in-out infinite;
}

.uwc-profile-card{
    position:absolute;
    inset:0;
    overflow:hidden;
    border-radius:50%;
    border:7px solid rgba(255,255,255,.16);
    box-shadow:
        0 24px 55px rgba(0,0,0,.45),
        0 0 26px rgba(56,189,248,.20),
        inset 0 0 30px rgba(255,255,255,.04);
    z-index:3;
    background:#0a1022;
}

.uwc-profile-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg, rgba(255,255,255,.18), transparent 28%, transparent 70%, rgba(56,189,248,.10));
    pointer-events:none;
}

.uwc-profile-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 22%;
    display:block;
    transform:scale(1.08);
}

/* Label */

.uwc-profile-label{
    position:absolute;
    left:50%;
    bottom:-78px;
    transform:translateX(-50%);
    width:240px;
    text-align:center;
    z-index:6;
}

.uwc-profile-label strong{
    display:block;
    color:#ffffff;
    font-size:28px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-1px;
    text-shadow:
        0 0 12px rgba(255,255,255,.65),
        0 0 30px rgba(56,189,248,.22);
}

.uwc-profile-label span{
    display:block;
    margin-top:6px;
    color:#bfe8ff;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

/* Reason nodes */

.uwc-reason-node{
    position:absolute;
    left:50%;
    top:50%;
    width:195px;
    height:195px;
    transform:
        translate(-50%,-50%)
        translate3d(var(--x),var(--y),0);
    z-index:10;
    cursor:pointer;
    transition:.45s cubic-bezier(.2,.85,.25,1);
}

.uwc-reason-node:hover{
    transform:
        translate(-50%,-50%)
        translate3d(var(--x),var(--y),35px)
        scale(1.09);
    z-index:25;
}

.uwc-node-ring{
    position:absolute;
    inset:-16px;
    border-radius:50%;
    background:
        repeating-conic-gradient(
            from 0deg,
            transparent 0deg 20deg,
            var(--accent) 21deg 25deg,
            transparent 26deg 58deg
        );
    -webkit-mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 4px),
            #000 calc(100% - 3px)
        );
    mask:
        radial-gradient(
            farthest-side,
            transparent calc(100% - 4px),
            #000 calc(100% - 3px)
        );
    opacity:.78;
    filter:drop-shadow(0 0 8px var(--accent));
    animation:uwcNodeRingRotate 10s linear infinite;
}

.uwc-node-core{
    position:absolute;
    inset:0;
    padding:20px 18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    background:
        radial-gradient(circle at 30% 22%, rgba(255,255,255,.16), transparent 24%),
        radial-gradient(circle at 68% 74%, var(--accent), transparent 78%),
        linear-gradient(145deg, rgba(18,25,52,.95), rgba(4,9,23,.97));
    box-shadow:
        0 22px 46px rgba(0,0,0,.40),
        inset 0 0 26px rgba(255,255,255,.04);
    transition:.4s ease;
}

.uwc-node-core::before{
    content:"";
    position:absolute;
    inset:-30%;
    opacity:.22;
    background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.64) 48%, transparent 60%);
    transform:rotate(-18deg) translateX(-70%);
    transition:.7s ease;
}

.uwc-reason-node:hover .uwc-node-core{
    border-color:rgba(255,255,255,.28);
    box-shadow:
        0 28px 60px rgba(0,0,0,.48),
        0 0 24px var(--accent),
        0 0 55px color-mix(in srgb, var(--accent) 35%, white 20%),
        inset 0 0 32px rgba(255,255,255,.09);
}

.uwc-reason-node:hover .uwc-node-core::before{
    transform:rotate(-18deg) translateX(120%);
}

.uwc-reason-node:hover .uwc-node-ring{
    animation-duration:1.65s;
    opacity:1;
}

.uwc-node-no{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-bottom:10px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    color:#ffffff;
    background:rgba(255,255,255,.08);
    font-size:11px;
    font-weight:900;
}

.uwc-node-core h3{
    margin:0;
    color:#ffffff;
    font-size:18px;
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.5px;
    text-shadow:0 2px 12px rgba(0,0,0,.45);
}

.uwc-node-core p{
    margin:9px 0 0;
    color:#e7f4ff;
    font-size:11px;
    line-height:1.5;
    font-weight:700;
}

/* Animations */

@keyframes uwcStars{
    from{background-position:0 0,31px 44px,76px 18px;}
    to{background-position:180px 230px,215px 265px,280px 205px;}
}

@keyframes uwcBgTurn{
    from{transform:rotate(0deg) scale(1.08);}
    to{transform:rotate(360deg) scale(1.08);}
}

@keyframes uwcHeadingShine{
    from{background-position:0% center;}
    to{background-position:240% center;}
}

@keyframes uwcAuraOne{
    0%,100%{transform:scale(.95);opacity:.48;}
    50%{transform:scale(1.14);opacity:.88;}
}

@keyframes uwcAuraTwo{
    0%,100%{transform:scale(.96);opacity:.24;}
    50%{transform:scale(1.16);opacity:.62;}
}

@keyframes uwcAuraThree{
    0%,100%{transform:translateX(-50%) scale(.95);opacity:.22;}
    50%{transform:translateX(-50%) scale(1.18);opacity:.56;}
}

@keyframes uwcRingSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

@keyframes uwcRingSpinReverse{
    from{transform:rotate(360deg);}
    to{transform:rotate(0deg);}
}

@keyframes uwcProfileGlow{
    0%,100%{transform:scale(.94);opacity:.50;}
    50%{transform:scale(1.10);opacity:.92;}
}

@keyframes uwcNodeRingRotate{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

/* Laptop / smaller width fallback */

@media (max-width:1280px){
    .uwc-stage{
        transform:scale(.88);
        transform-origin:top center;
        height:760px;
        margin-bottom:-80px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e239e97 *//* =====================================================
   USMAN AHMAD — CONTACT COMMAND DECK
   ===================================================== */

.unx-contact-command{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:115px 30px 95px;
    background:
        radial-gradient(circle at 12% 18%, rgba(124,58,237,.20), transparent 25%),
        radial-gradient(circle at 88% 17%, rgba(14,165,233,.16), transparent 24%),
        radial-gradient(circle at 54% 92%, rgba(168,85,247,.13), transparent 32%),
        linear-gradient(145deg, #020611 0%, #07162E 52%, #030713 100%) !important;
}

.unx-contact-command::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.85;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.90) 1px, transparent 1.5px),
        radial-gradient(circle, rgba(125,211,252,.70) 1px, transparent 1.6px),
        radial-gradient(circle, rgba(196,181,253,.68) 1px, transparent 1.6px);
    background-size:92px 92px, 151px 151px, 220px 220px;
    background-position:0 0, 36px 48px, 83px 23px;
    animation:unx-stars-drift 38s linear infinite;
}

.unx-contact-command::after{
    content:"";
    position:absolute;
    inset:-35%;
    z-index:-1;
    opacity:.7;
    filter:blur(50px);
    background:
        conic-gradient(
            from 35deg at 50% 50%,
            transparent 0deg,
            rgba(124,58,237,.13) 72deg,
            transparent 145deg,
            rgba(56,189,248,.11) 250deg,
            transparent 360deg
        );
    animation:unx-background-spin 38s linear infinite;
}

/* Main wrapper */

.unx-contact-inner{
    position:relative;
    width:min(1260px, 100%);
    margin:0 auto;
}

/* Heading */

.unx-contact-heading{
    max-width:970px;
    margin:0 auto 52px;
    text-align:center;
}

.unx-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:10px 15px;
    margin-bottom:18px;
    color:#DDEEFF;
    border:1px solid rgba(125,211,252,.28);
    border-radius:999px;
    background:rgba(8,22,47,.54);
    box-shadow:0 14px 32px rgba(0,0,0,.25);
    font-size:10px;
    font-weight:900;
    letter-spacing:1.5px;
}

.unx-kicker::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#7DD3FC;
    box-shadow:0 0 12px #7DD3FC;
}

.unx-contact-heading h2{
    max-width:900px;
    margin:0 auto;
    color:#FFFFFF;
    font-size:clamp(43px, 4.8vw, 78px);
    line-height:1.04;
    font-weight:900;
    letter-spacing:-3.1px;
    text-shadow:
        0 0 20px rgba(125,211,252,.18),
        0 0 42px rgba(124,58,237,.12);
}

.unx-contact-heading h2::first-line{
    color:#FFFFFF;
}

.unx-contact-heading p{
    max-width:735px;
    margin:18px auto 0;
    color:#C9DCF4;
    font-size:16px;
    line-height:1.8;
    font-weight:600;
}

/* Two column command layout */

.unx-command-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:24px;
    align-items:stretch;
}

/* Left panel */

.unx-message-panel{
    position:relative;
    min-height:510px;
    overflow:hidden;
    padding:43px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:30px;
    background:
        linear-gradient(135deg, rgba(124,58,237,.18), transparent 35%),
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.025));
    box-shadow:
        0 34px 76px rgba(0,0,0,.35),
        inset 0 0 42px rgba(255,255,255,.025);
    backdrop-filter:blur(18px);
}

.unx-message-panel::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.44;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(to bottom, #000, transparent 78%);
}

.unx-message-panel::after{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:320px;
    height:320px;
    border-radius:50%;
    opacity:.52;
    background:radial-gradient(circle, rgba(56,189,248,.27), transparent 68%);
    filter:blur(20px);
    animation:unx-panel-glow 6s ease-in-out infinite;
}

.unx-live-status{
    position:relative;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#CFFAFE;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.2px;
}

.unx-live-status i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#38D996;
    box-shadow:0 0 12px #38D996;
    animation:unx-live-pulse 1.6s ease-in-out infinite;
}

.unx-panel-line{
    position:relative;
    z-index:3;
    width:92px;
    height:2px;
    margin:24px 0 18px;
    background:linear-gradient(90deg, #A855F7, #38BDF8, transparent);
}

.unx-panel-label{
    position:relative;
    z-index:3;
    color:#BFE8FF;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.45px;
}

.unx-message-panel h3{
    position:relative;
    z-index:3;
    max-width:510px;
    margin:20px 0 17px;
    color:#FFFFFF;
    font-size:clamp(37px, 3.2vw, 56px);
    line-height:1.03;
    font-weight:900;
    letter-spacing:-2px;
}

.unx-message-panel h3 span{
    display:block;
    color:#9DE6FF;
    text-shadow:
        0 0 16px rgba(56,189,248,.40),
        0 0 35px rgba(168,85,247,.18);
}

.unx-message-panel > p{
    position:relative;
    z-index:3;
    max-width:500px;
    margin:0;
    color:#D5E5F9;
    font-size:14px;
    line-height:1.8;
    font-weight:600;
}

.unx-service-pills{
    position:relative;
    z-index:3;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:23px;
}

.unx-service-pills span{
    padding:8px 10px;
    color:#EAF6FF;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    font-size:10px;
    font-weight:850;
}

.unx-primary-cta{
    position:relative;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:16px;
    margin-top:27px;
    padding:14px 16px 14px 19px;
    color:#FFFFFF;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:linear-gradient(135deg, #7C3AED, #0EA5E9);
    box-shadow:
        0 18px 38px rgba(124,58,237,.30),
        inset 0 1px 0 rgba(255,255,255,.22);
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    transition:.35s ease;
}

.unx-primary-cta b{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:9px;
    background:rgba(255,255,255,.16);
    font-size:16px;
    transition:.35s ease;
}

.unx-primary-cta:hover{
    color:#FFFFFF;
    transform:translateY(-5px);
    box-shadow:
        0 25px 48px rgba(56,189,248,.32),
        inset 0 1px 0 rgba(255,255,255,.25);
}

.unx-primary-cta:hover b{
    transform:rotate(45deg);
}

.unx-panel-corner{
    position:absolute;
    right:24px;
    bottom:21px;
    z-index:3;
    color:rgba(205,228,255,.55);
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

/* Right cards grid */

.unx-contact-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-auto-rows:minmax(145px, auto);
    gap:16px;
}

.unx-contact-card{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    min-height:150px;
    overflow:hidden;
    padding:21px;
    color:#FFFFFF;
    border:1px solid rgba(255,255,255,.14);
    border-radius:24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.026));
    box-shadow:
        0 22px 48px rgba(0,0,0,.28),
        inset 0 0 28px rgba(255,255,255,.02);
    backdrop-filter:blur(17px);
    text-decoration:none;
    cursor:pointer;
    transition:.42s cubic-bezier(.2,.8,.2,1);
}

.unx-card-wide{
    grid-column:span 2;
}

.unx-contact-card::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.24;
    pointer-events:none;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,.16),
        transparent 26%,
        transparent 72%,
        rgba(255,255,255,.05)
    );
}

.unx-card-glow{
    position:absolute;
    top:-85px;
    right:-85px;
    width:180px;
    height:180px;
    border-radius:50%;
    opacity:.24;
    filter:blur(28px);
    transition:.45s ease;
}

.unx-card-whatsapp .unx-card-glow{
    background:#25D366;
}

.unx-card-email .unx-card-glow{
    background:#EA4335;
}

.unx-card-fiverr .unx-card-glow{
    background:#1DBF73;
}

.unx-card-linkedin .unx-card-glow{
    background:#0A66C2;
}

.unx-contact-card:hover{
    z-index:5;
    color:#FFFFFF;
    transform:translateY(-8px) scale(1.015);
    box-shadow:
        0 30px 62px rgba(0,0,0,.40),
        0 0 30px rgba(125,211,252,.16);
}

.unx-contact-card:hover .unx-card-glow{
    opacity:.58;
    transform:scale(1.22);
}

.unx-card-whatsapp:hover{
    border-color:rgba(37,211,102,.70);
    box-shadow:
        0 30px 62px rgba(0,0,0,.40),
        0 0 32px rgba(37,211,102,.25);
}

.unx-card-email:hover{
    border-color:rgba(234,67,53,.70);
}

.unx-card-fiverr:hover{
    border-color:rgba(29,191,115,.70);
}

.unx-card-linkedin:hover{
    border-color:rgba(10,102,194,.78);
}

.unx-card-icon{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    flex:0 0 48px;
    width:48px;
    height:48px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:15px;
    color:#FFFFFF;
    background:rgba(0,0,0,.20);
    box-shadow:inset 0 0 18px rgba(255,255,255,.04);
    font-size:14px;
    font-weight:950;
    letter-spacing:-.3px;
    transition:.45s ease;
}

.unx-card-whatsapp .unx-card-icon{
    color:#8DFFD0;
    border-color:rgba(37,211,102,.44);
}

.unx-card-email .unx-card-icon{
    color:#FFC6C2;
    border-color:rgba(234,67,53,.44);
}

.unx-card-fiverr .unx-card-icon{
    color:#B8FFD9;
    border-color:rgba(29,191,115,.44);
}

.unx-card-linkedin .unx-card-icon{
    color:#B8E0FF;
    border-color:rgba(10,102,194,.54);
}

.unx-contact-card:hover .unx-card-icon{
    transform:rotateY(360deg) scale(1.08);
    box-shadow:
        0 0 20px rgba(255,255,255,.16),
        inset 0 0 18px rgba(255,255,255,.08);
}

.unx-card-copy{
    position:relative;
    z-index:2;
    min-width:0;
}

.unx-card-label{
    display:block;
    margin-bottom:6px;
    color:#B9D4F2;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.unx-card-copy strong{
    display:block;
    color:#FFFFFF;
    font-size:19px;
    line-height:1.15;
    font-weight:900;
}

.unx-card-copy small{
    display:block;
    margin-top:6px;
    overflow:hidden;
    color:#D8E7F8;
    font-size:11px;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.unx-card-arrow{
    position:absolute;
    right:18px;
    top:18px;
    z-index:2;
    color:#E5F4FF;
    font-size:20px;
    font-weight:600;
    transition:.35s ease;
}

.unx-contact-card:hover .unx-card-arrow{
    transform:translate(3px, -3px);
}

/* Bottom strip */

.unx-bottom-strip{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
    color:#BFD8F5;
    font-size:10px;
    font-weight:900;
    letter-spacing:1px;
    text-align:center;
}

.unx-bottom-strip i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#7DD3FC;
    box-shadow:0 0 10px #7DD3FC;
}

/* Animations */

@keyframes unx-stars-drift{
    from{
        background-position:0 0, 36px 48px, 83px 23px;
    }
    to{
        background-position:175px 230px, 212px 268px, 290px 222px;
    }
}

@keyframes unx-background-spin{
    from{
        transform:rotate(0deg) scale(1.08);
    }
    to{
        transform:rotate(360deg) scale(1.08);
    }
}

@keyframes unx-live-pulse{
    0%, 100%{
        transform:scale(.78);
        opacity:.48;
    }
    50%{
        transform:scale(1.24);
        opacity:1;
    }
}

@keyframes unx-panel-glow{
    0%, 100%{
        transform:scale(.92);
        opacity:.35;
    }
    50%{
        transform:scale(1.16);
        opacity:.82;
    }
}

/* Laptop width protection */

@media (max-width:1050px){
    .unx-command-grid{
        gap:18px;
    }

    .unx-message-panel{
        padding:32px;
    }

    .unx-message-panel h3{
        font-size:39px;
    }

    .unx-contact-card{
        padding:17px;
    }

    .unx-card-copy strong{
        font-size:16px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c140b97 *//* =====================================================
   USMAN AHMAD — PREMIUM FINAL FOOTER
   ===================================================== */

.uaf-premium-footer{
    position:relative;
    overflow:hidden;
    padding:34px 30px 24px;
    isolation:isolate;
    background:
        radial-gradient(circle at 12% 14%, rgba(124,58,237,.20), transparent 26%),
        radial-gradient(circle at 88% 20%, rgba(56,189,248,.15), transparent 27%),
        linear-gradient(145deg,#02040D 0%,#07142C 52%,#02050D 100%) !important;
}

.uaf-premium-footer::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.72;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.88) 1px, transparent 1.5px),
        radial-gradient(circle, rgba(125,211,252,.68) 1px, transparent 1.6px),
        radial-gradient(circle, rgba(196,181,253,.58) 1px, transparent 1.6px);
    background-size:95px 95px,155px 155px,218px 218px;
    background-position:0 0,35px 43px,79px 20px;
    animation:uafStarsDrift 38s linear infinite;
}

.uaf-premium-footer::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        #A855F7 24%,
        #7DD3FC 50%,
        #A855F7 76%,
        transparent
    );
    box-shadow:
        0 0 14px rgba(168,85,247,.58),
        0 0 24px rgba(56,189,248,.34);
}

.uaf-footer-shell{
    position:relative;
    width:min(1280px,100%);
    margin:0 auto;
}

/* CTA */

.uaf-footer-cta{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
    overflow:hidden;
    margin-bottom:26px;
    padding:34px 38px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:26px;
    background:
        linear-gradient(125deg, rgba(124,58,237,.22), transparent 38%),
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.028));
    box-shadow:
        0 27px 65px rgba(0,0,0,.33),
        inset 0 0 28px rgba(255,255,255,.025);
    backdrop-filter:blur(16px);
}

.uaf-footer-cta::before{
    content:"";
    position:absolute;
    top:-90px;
    right:-70px;
    width:260px;
    height:260px;
    border-radius:50%;
    opacity:.55;
    filter:blur(30px);
    background:radial-gradient(circle, rgba(56,189,248,.30), transparent 68%);
    animation:uafCtaGlow 6s ease-in-out infinite;
}

.uaf-footer-cta::after{
    content:"";
    position:absolute;
    top:0;
    left:-35%;
    width:22%;
    height:100%;
    opacity:.26;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.75),
        transparent
    );
    transform:skewX(-20deg);
    animation:uafLightSweep 7s ease-in-out infinite;
}

.uaf-cta-copy{
    position:relative;
    z-index:3;
}

.uaf-status{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#D5F6FF;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.2px;
}

.uaf-status i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#38D996;
    box-shadow:0 0 11px #38D996;
    animation:uafLivePulse 1.7s ease-in-out infinite;
}

.uaf-cta-copy h2{
    margin:12px 0 0;
    color:#FFFFFF;
    font-size:clamp(31px,3.2vw,50px);
    line-height:1.03;
    font-weight:900;
    letter-spacing:-1.8px;
}

.uaf-cta-copy h2 span{
    color:#AEEBFF;
    text-shadow:0 0 21px rgba(56,189,248,.30);
}

.uaf-cta-copy p{
    max-width:660px;
    margin:13px 0 0;
    color:#D2E2F7;
    font-size:14px;
    line-height:1.7;
    font-weight:600;
}

.uaf-cta-button{
    position:relative;
    z-index:4;
    display:inline-flex;
    align-items:center;
    gap:16px;
    flex:0 0 auto;
    padding:15px 16px 15px 20px;
    color:#FFFFFF;
    border:1px solid rgba(255,255,255,.20);
    border-radius:14px;
    background:linear-gradient(135deg,#7C3AED,#0EA5E9);
    box-shadow:
        0 16px 35px rgba(124,58,237,.32),
        inset 0 1px 0 rgba(255,255,255,.22);
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    transition:.35s ease;
}

.uaf-cta-button b{
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:9px;
    background:rgba(255,255,255,.15);
    font-size:16px;
    transition:.35s ease;
}

.uaf-cta-button:hover{
    color:#FFFFFF;
    transform:translateY(-5px);
    box-shadow:
        0 23px 45px rgba(56,189,248,.30),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.uaf-cta-button:hover b{
    transform:rotate(45deg);
}

/* Footer columns */

.uaf-footer-grid{
    display:grid;
    grid-template-columns:1.2fr .72fr .9fr 1.18fr;
    gap:30px;
    padding:42px 8px 38px;
}

.uaf-brand-column h3{
    margin:16px 0 10px;
    color:#FFFFFF;
    font-size:28px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1px;
}

.uaf-brand-mark{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    color:#FFFFFF;
    border:1px solid rgba(125,211,252,.45);
    border-radius:16px;
    background:
        linear-gradient(135deg,rgba(124,58,237,.72),rgba(14,165,233,.64));
    box-shadow:
        0 0 25px rgba(124,58,237,.28),
        inset 0 1px 0 rgba(255,255,255,.24);
    font-size:18px;
    font-weight:950;
    letter-spacing:-1px;
}

.uaf-brand-column p{
    max-width:285px;
    margin:0;
    color:#C9DCF3;
    font-size:13px;
    line-height:1.72;
    font-weight:600;
}

.uaf-brand-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:17px;
}

.uaf-brand-tags span{
    padding:7px 9px;
    color:#EAF6FF;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.055);
    font-size:10px;
    font-weight:800;
}

/* Link columns */

.uaf-column-title{
    display:block;
    margin-bottom:16px;
    color:#9EDFFF;
    font-size:10px;
    font-weight:950;
    letter-spacing:1.45px;
}

.uaf-link-column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:11px;
}

.uaf-link-column a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#D8E7F7;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    transition:.28s ease;
}

.uaf-link-column a b{
    color:#7DD3FC;
    font-size:12px;
    opacity:0;
    transform:translateX(-5px);
    transition:.28s ease;
}

.uaf-link-column a:hover{
    color:#FFFFFF;
    transform:translateX(4px);
    text-shadow:0 0 16px rgba(125,211,252,.45);
}

.uaf-link-column a:hover b{
    opacity:1;
    transform:translateX(0);
}

/* Contact column */

.uaf-contact-column{
    min-width:0;
}

.uaf-contact-item{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:12px;
    color:#FFFFFF;
    text-decoration:none;
    transition:.3s ease;
}

.uaf-contact-item:hover{
    transform:translateX(5px);
}

.uaf-contact-icon{
    display:grid;
    place-items:center;
    flex:0 0 36px;
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:11px;
    color:#FFFFFF;
    background:rgba(255,255,255,.07);
    font-size:10px;
    font-weight:950;
}

.uaf-contact-icon.wa{
    color:#A7FFD1;
    border-color:rgba(37,211,102,.45);
    background:rgba(37,211,102,.09);
}

.uaf-contact-icon.mail{
    color:#FFC5C1;
    border-color:rgba(234,67,53,.45);
    background:rgba(234,67,53,.09);
}

.uaf-contact-item small,
.uaf-profile-row small{
    display:block;
    color:#9EC5E9;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}

.uaf-contact-item strong,
.uaf-profile-row strong{
    display:block;
    overflow:hidden;
    margin-top:3px;
    color:#EDF7FF;
    font-size:11px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.uaf-profile-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
    margin-top:19px;
    padding-top:15px;
    border-top:1px solid rgba(255,255,255,.10);
}

/* Bottom bar */

.uaf-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px 8px 0;
    border-top:1px solid rgba(255,255,255,.11);
    color:#91B5D8;
    font-size:10px;
    font-weight:800;
    letter-spacing:.4px;
}

.uaf-bottom-center{
    display:flex;
    align-items:center;
    gap:8px;
    color:#C9E4FF;
    font-size:9px;
    font-weight:950;
    letter-spacing:1.1px;
}

.uaf-bottom-center i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#A855F7;
    box-shadow:0 0 9px #A855F7;
}

.uaf-footer-bottom > a{
    color:#BFE8FF;
    text-decoration:none;
    font-size:10px;
    font-weight:900;
    transition:.3s ease;
}

.uaf-footer-bottom > a:hover{
    color:#FFFFFF;
    text-shadow:0 0 14px rgba(125,211,252,.56);
}

/* Animations */

@keyframes uafStarsDrift{
    from{
        background-position:0 0,35px 43px,79px 20px;
    }
    to{
        background-position:180px 230px,215px 270px,285px 205px;
    }
}

@keyframes uafCtaGlow{
    0%,100%{
        transform:scale(.92);
        opacity:.32;
    }
    50%{
        transform:scale(1.16);
        opacity:.82;
    }
}

@keyframes uafLightSweep{
    0%,55%{
        left:-35%;
        opacity:0;
    }
    65%{
        opacity:.28;
    }
    100%{
        left:120%;
        opacity:0;
    }
}

@keyframes uafLivePulse{
    0%,100%{
        transform:scale(.78);
        opacity:.45;
    }
    50%{
        transform:scale(1.22);
        opacity:1;
    }
}

/* Desktop/laptop fallback */

@media (max-width:1050px){
    .uaf-footer-grid{
        grid-template-columns:1.1fr .85fr .95fr;
    }

    .uaf-contact-column{
        grid-column:span 3;
        max-width:520px;
    }
}/* End custom CSS */