*{

    margin:0;
    padding:0;
    box-sizing:border-box;

    font-family:'Poppins',sans-serif;
}

body{

    background:#020617;

    overflow-x:hidden;
}

/* =========================
   PREMIUM NAVBAR
========================= */

.premium-header{

    width:100%;

    background:
    rgba(2,6,23,0.92);

    backdrop-filter:blur(14px);

    position:sticky;

    top:0;

    z-index:1000;

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

.premium-navbar{

    width:90%;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:24px 0;
}

.premium-logo{

    color:white;

    font-size:42px;

    font-weight:700;
}

.logo-tagline{

    color:#00ffd5;

    font-size:14px;

    letter-spacing:2px;
}

.premium-nav-links{

    display:flex;

    gap:35px;

    list-style:none;
}

.premium-nav-links a{

    color:white;

    text-decoration:none;

    font-size:17px;

    transition:0.3s;
}

.premium-nav-links a:hover{

    color:#00ffd5;
}

/* =========================
   HERO SECTION
========================= */

.consult-hero{

    position:relative;

    width:100%;

    min-height:100vh;

    padding:80px 8%;

    overflow:hidden;

    background:
    linear-gradient(
    -45deg,
    #020617,
    #071a2f,
    #003566,
    #001d3d,
    #0a1128
    );

    background-size:400% 400%;

    animation:
    animatedGradient 12s ease infinite;
}

/* ANIMATED GRADIENT */

@keyframes animatedGradient{

    0%{

        background-position:0% 50%;
    }

    50%{

        background-position:100% 50%;
    }

    100%{

        background-position:0% 50%;
    }
}

/* GLOW */

.hero-glow{

    position:absolute;

    width:500px;
    height:500px;

    background:
    rgba(0,255,213,0.12);

    border-radius:50%;

    top:-150px;
    right:-150px;

    filter:blur(80px);
}

/* GRID */

.consult-container{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;
}

/* LEFT */

.premium-badge{

    display:inline-block;

    padding:12px 24px;

    border-radius:40px;

    background:
    rgba(255,255,255,0.08);

    backdrop-filter:blur(12px);

    border:
    1px solid rgba(255,255,255,0.08);

    color:#00ffd5;

    font-size:15px;
}

.consult-left h1{

    color:white;

    font-size:72px;

    line-height:1.1;

    margin:30px 0;
}

.consult-left h1 span{

    color:#00ffd5;
}

.consult-left p{

    color:#cbd5e1;

    font-size:19px;

    line-height:1.9;

    margin-bottom:40px;
}

/* FEATURES */

.hero-features{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:22px;

    margin-bottom:40px;
}

.feature-card{

    padding:22px;

    border-radius:22px;

    background:
    rgba(255,255,255,0.07);

    backdrop-filter:blur(12px);

    border:
    1px solid rgba(255,255,255,0.08);

    color:white;

    transition:0.4s;
}

.feature-card:hover{

    transform:
    translateY(-8px);

    background:
    rgba(0,255,213,0.12);
}

/* STATS */

.stats-container{

    display:flex;

    gap:20px;
}

.stat-box{

    flex:1;

    padding:25px;

    border-radius:20px;

    background:
    rgba(255,255,255,0.06);

    text-align:center;

    backdrop-filter:blur(10px);
}

.stat-box h2{

    color:#00ffd5;

    font-size:42px;
}

.stat-box p{

    color:white;

    margin-top:10px;
}

/* FORM */

.form-box{

    background:
    rgba(255,255,255,0.08);

    backdrop-filter:blur(20px);

    border:
    1px solid rgba(255,255,255,0.08);

    border-radius:30px;

    padding:45px;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.3);
}

.form-box h2{

    color:white;

    font-size:38px;

    margin-bottom:35px;

    text-align:center;
}

.form-box form{

    display:flex;

    flex-direction:column;
}

.form-box input,
.form-box select,
.form-box textarea{

    margin-bottom:22px;

    padding:18px;

    border:none;

    border-radius:18px;

    background:
    rgba(255,255,255,0.08);

    color:white;

    font-size:16px;

    outline:none;
}

/* DROPDOWN OPTIONS FIX */

.form-box select option{

    background:#071a2f;

    color:white;
}

.form-box input::placeholder,
.form-box textarea::placeholder{

    color:#cbd5e1;
}

/* BUTTON */

.form-box button{

    padding:18px;

    border:none;

    border-radius:18px;

    background:
    linear-gradient(
    90deg,
    #00ffd5,
    #0066ff
    );

    color:white;

    font-size:18px;

    font-weight:600;

    cursor:pointer;

    transition:0.4s;
}

.form-box button:hover{

    transform:
    translateY(-5px);

    box-shadow:
    0 10px 30px rgba(0,255,213,0.3);
}

/* BACK BUTTON */

.back-btn{

    margin-top:20px;

    display:block;

    text-align:center;

    color:white;

    text-decoration:none;

    padding:16px;

    border-radius:18px;

    background:
    rgba(255,255,255,0.08);

    transition:0.3s;
}

.back-btn:hover{

    background:
    rgba(255,255,255,0.15);
}

/* CONTACT */

.contact-section{

    width:90%;

    margin:80px auto;

    text-align:center;
}

.contact-section h2{

    color:white;

    font-size:48px;

    margin-bottom:50px;
}

.contact-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin-bottom:50px;
}

.contact-card{

    padding:35px;

    border-radius:25px;

    background:
    rgba(255,255,255,0.06);

    backdrop-filter:blur(14px);

    border:
    1px solid rgba(255,255,255,0.08);

    color:white;
}

.contact-card h3{

    color:#00ffd5;

    margin-bottom:15px;
}

/* MAP */

.map-container{

    overflow:hidden;

    border-radius:30px;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.3);
}

.map-container iframe{

    width:100%;
}

/* MOBILE */

@media(max-width:950px){

    .consult-container{

        grid-template-columns:1fr;
    }

    .hero-features{

        grid-template-columns:1fr;
    }

    .contact-grid{

        grid-template-columns:1fr;
    }

    .stats-container{

        flex-direction:column;
    }

    .consult-left h1{

        font-size:48px;
    }

    .premium-navbar{

        flex-direction:column;

        gap:20px;
    }
}
/* =========================
   PREMIUM STATS SECTION
========================= */

.premium-stats{

    width:100%;

    display:grid;

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

    gap:25px;

    margin-top:60px;
}

/* CARD */

.premium-stat-card{

    position:relative;

    background:
    rgba(255,255,255,0.08);

    backdrop-filter:blur(16px);

    border:
    1px solid rgba(255,255,255,0.12);

    border-radius:28px;

    padding:40px 25px;

    text-align:center;

    overflow:hidden;

    transition:0.4s;

    box-shadow:
    0 10px 35px rgba(0,0,0,0.2);
}

/* TOP GLOW */

.premium-stat-card::before{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    background:
    rgba(0,255,213,0.12);

    border-radius:50%;

    top:-80px;
    right:-80px;

    filter:blur(30px);
}

/* HOVER */

.premium-stat-card:hover{

    transform:
    translateY(-10px)
    scale(1.03);

    border:
    1px solid rgba(0,255,213,0.35);

    box-shadow:
    0 0 25px rgba(0,255,213,0.15),
    0 20px 45px rgba(0,0,0,0.3);
}

/* NUMBER */

.premium-stat-card h2{

    font-size:58px;

    color:#00ffd5;

    margin-bottom:12px;

    font-weight:700;

    text-shadow:
    0 0 18px rgba(0,255,213,0.35);
}

/* TEXT */

.premium-stat-card p{

    color:white;

    font-size:18px;

    letter-spacing:1px;
}

/* MOBILE */

@media(max-width:900px){

    .premium-stats{

        grid-template-columns:
        repeat(2,1fr);
    }
}

@media(max-width:600px){

    .premium-stats{

        grid-template-columns:1fr;
    }
}

/* =========================
   PREMIUM SERVICES SECTION
========================= */

.premium-services{

    width:100%;

    padding:100px 8%;

    position:relative;
}

/* HEADING */

.service-heading{

    text-align:center;

    margin-bottom:70px;
}

.service-heading h2{

    font-size:52px;

    color:#0f172a;

    margin-bottom:15px;

    font-weight:700;
}

.service-heading p{

    color:#1e3a8a;

    font-size:20px;

    max-width:700px;

    margin:auto;

    line-height:1.8;
}

/* GRID */

.services-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:35px;
}

/* CARD */

.service-card{

    position:relative;

    padding:45px 35px;

    border-radius:30px;

    overflow:hidden;

    background:
    rgba(15,23,42,0.75);

    backdrop-filter:blur(18px);

    border:
    1px solid rgba(255,255,255,0.12);

    transition:0.45s;

    box-shadow:
    0 10px 35px rgba(0,0,0,0.2);

    color:white;
}

.service-card h3{
    color:white;
}

.service-card p{
    color:#cbd5e1;
}

/* GLOW */

.service-card::before{

    content:"";

    position:absolute;

    width:220px;
    height:220px;

    background:
    rgba(0,255,213,0.12);

    border-radius:50%;

    top:-100px;
    right:-100px;

    filter:blur(40px);

    transition:0.5s;
}

/* HOVER */

.service-card:hover{

    transform:
    translateY(-14px)
    scale(1.03);

    border:
    1px solid rgba(0,255,213,0.4);

    box-shadow:
    0 0 25px rgba(0,255,213,0.15),
    0 20px 45px rgba(0,0,0,0.3);
}

.service-card:hover::before{

    transform:scale(1.2);
}

/* ICON */

.service-icon{

    width:80px;
    height:80px;

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

    font-size:34px;

    border-radius:22px;

    margin-bottom:28px;

    background:
    linear-gradient(
    135deg,
    #00ffd5,
    #0066ff
    );

    box-shadow:
    0 10px 25px rgba(0,255,213,0.2);
}

/* TITLE */

.service-card h3{

    color:white;

    font-size:28px;

    margin-bottom:18px;
}

/* TEXT */

.service-card p{

    color:#cbd5e1;

    line-height:1.9;

    font-size:17px;
}

/* MOBILE */

@media(max-width:1000px){

    .services-grid{

        grid-template-columns:
        repeat(2,1fr);
    }
}

@media(max-width:700px){

    .services-grid{

        grid-template-columns:1fr;
    }

    .service-heading h2{

        font-size:38px;
    }
}
/* =========================
   PREMIUM CONSULTANT SECTION
========================= */

.consultant-section{

    width:100%;

    padding:100px 8%;
}

/* CONTAINER */

.consultant-container{

    display:grid;

    grid-template-columns:
    1fr 1fr;

    gap:70px;

    align-items:center;
}

/* IMAGE */

.consultant-image{

    position:relative;
}

.consultant-image img{

    width:100%;

    border-radius:35px;

    box-shadow:
    0 25px 60px rgba(0,0,0,0.35);

    transition:0.5s;
}

/* IMAGE HOVER */

.consultant-image:hover img{

    transform:
    scale(1.03)
    rotate(-1deg);
}

/* GLOW */

.consultant-image::before{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    background:
    rgba(0,255,213,0.15);

    border-radius:50%;

    top:-80px;
    left:-80px;

    filter:blur(45px);

    z-index:-1;
}

/* TAG */

.consultant-tag{

    display:inline-block;

    padding:12px 22px;

    border-radius:40px;

    background:
    rgba(0,255,213,0.12);

    border:
    1px solid rgba(0,255,213,0.3);

    color:#00ffd5;

    font-size:15px;

    margin-bottom:25px;

    letter-spacing:1px;
}

/* TITLE */

.consultant-content h2{

    font-size:54px;

    color:white;

    line-height:1.3;

    margin-bottom:25px;
}

/* TEXT */

.consultant-content p{

    color:#cbd5e1;

    font-size:18px;

    line-height:1.9;

    margin-bottom:40px;
}

/* EXPERIENCE */

.consultant-experience{

    display:flex;

    gap:25px;

    margin-bottom:35px;

    flex-wrap:wrap;
}

/* BOX */

.experience-box{

    flex:1;

    min-width:160px;

    background:
    rgba(255,255,255,0.08);

    backdrop-filter:blur(16px);

    border:
    1px solid rgba(255,255,255,0.1);

    border-radius:24px;

    padding:28px 20px;

    text-align:center;

    transition:0.4s;
}

/* HOVER */

.experience-box:hover{

    transform:
    translateY(-8px);

    border:
    1px solid rgba(0,255,213,0.35);

    box-shadow:
    0 0 20px rgba(0,255,213,0.12);
}

/* NUMBER */

.experience-box h3{

    font-size:42px;

    color:#00ffd5;

    margin-bottom:10px;
}

/* TEXT */

.experience-box p{

    margin:0;

    color:white;

    font-size:16px;
}

/* TRUST LINE */

.trust-line{

    display:inline-block;

    padding:16px 26px;

    border-radius:18px;

    background:
    linear-gradient(
    135deg,
    rgba(0,255,213,0.12),
    rgba(0,102,255,0.12)
    );

    border:
    1px solid rgba(0,255,213,0.2);

    color:white;

    font-size:17px;

    backdrop-filter:blur(12px);
}

/* MOBILE */

@media(max-width:950px){

    .consultant-container{

        grid-template-columns:1fr;
    }

    .consultant-content h2{

        font-size:40px;
    }
}
/* =========================
   TESTIMONIAL SECTION
========================= */

.testimonial-section{

    width:100%;

    padding:100px 0;

    overflow:hidden;
}

/* HEADING */

.testimonial-heading{

    text-align:center;

    margin-bottom:60px;
}

.testimonial-heading h2{

    font-size:52px;

    color:white;

    margin-bottom:15px;
}

.testimonial-heading p{

    color:#cbd5e1;

    font-size:20px;
}

/* SLIDER */

.testimonial-slider{

    width:100%;

    overflow:hidden;

    position:relative;
}

/* TRACK */

.testimonial-track{

    display:flex;

    gap:30px;

    width:max-content;

    animation:
    scrollTestimonials 40s linear infinite;
}

/* AUTO SLIDE */

@keyframes scrollTestimonials{

    0%{

        transform:translateX(0);
    }

    100%{

        transform:translateX(-50%);
    }
}

/* CARD */

.testimonial-card{

    width:360px;

    padding:40px 35px;

    border-radius:30px;

    background:
    rgba(255,255,255,0.08);

    backdrop-filter:blur(18px);

    border:
    1px solid rgba(255,255,255,0.1);

    box-shadow:
    0 15px 40px rgba(0,0,0,0.2);

    transition:0.4s;

    flex-shrink:0;
}

/* HOVER */

.testimonial-card:hover{

    transform:
    translateY(-10px);

    border:
    1px solid rgba(0,255,213,0.35);

    box-shadow:
    0 0 20px rgba(0,255,213,0.15),
    0 20px 45px rgba(0,0,0,0.3);
}

/* STARS */

.stars{

    font-size:24px;

    margin-bottom:25px;
}

/* REVIEW */

.testimonial-card p{

    color:#e2e8f0;

    font-size:17px;

    line-height:1.9;

    margin-bottom:30px;
}

/* NAME */

.testimonial-card h4{

    color:#00ffd5;

    font-size:20px;
}

/* MOBILE */

@media(max-width:768px){

    .testimonial-card{

        width:300px;
    }

    .testimonial-heading h2{

        font-size:38px;
    }
}
/* ===================================
   PREMIUM TRUST BADGES
=================================== */

.trust-badges-section{

    width:90%;

    margin:80px auto;

    display:grid;

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

    gap:25px;
}

/* BADGE CARD */

.trust-badge{

    position:relative;

    padding:35px 25px;

    border-radius:25px;

    background:
    linear-gradient(
    135deg,
    #dbeafe,
    #bfdbfe
    );

    border:
    1px solid #93c5fd;

    overflow:hidden;

    text-align:center;

    transition:0.4s;

    box-shadow:
    0 10px 35px rgba(0,0,0,0.12);
}
/* GLOW */

.trust-badge::before{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    background:
    rgba(0,255,213,0.08);

    border-radius:50%;

    top:-60px;
    right:-60px;

    filter:blur(25px);
}

/* HOVER */

.trust-badge:hover{

    transform:
    translateY(-12px)
    scale(1.03);

    border:
    1px solid #38bdf8;

    box-shadow:
    0 0 30px rgba(56,189,248,0.25),
    0 20px 40px rgba(0,0,0,0.18);
}

/* ICON */

.badge-icon{

    font-size:50px;

    margin-bottom:18px;

    animation:floatBadge 3s ease-in-out infinite;
}

/* TITLE */

.trust-badge h3{

    font-size:24px;

    color:#0f172a;

    margin-bottom:12px;

    font-weight:700;
}

/* TEXT */

.trust-badge p{

    font-size:16px;

    color:#334155;

    line-height:1.7;
}

/* FLOAT EFFECT */

@keyframes floatBadge{

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

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

/* MOBILE */

@media(max-width:900px){

    .trust-badges-section{

        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px){

    .trust-badges-section{

        grid-template-columns:1fr;
    }
}
/* ===================================
   PREMIUM WHATSAPP BUTTON
=================================== */

.premium-whatsapp{

    position:fixed;

    right:28px;
    bottom:28px;

    width:75px;
    height:75px;

    border-radius:50%;

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

    background:
    linear-gradient(
    135deg,
    #25d366,
    #00b894
    );

    box-shadow:
    0 0 20px rgba(37,211,102,0.45),
    0 0 45px rgba(37,211,102,0.25);

    z-index:99999;

    animation:
    whatsappPulse 2s infinite;

    transition:0.4s;
}

/* IMAGE */

.premium-whatsapp img{

    width:38px;
    height:38px;

    object-fit:contain;
}

/* HOVER */

.premium-whatsapp:hover{

    transform:
    scale(1.12)
    translateY(-5px);

    box-shadow:
    0 0 30px rgba(37,211,102,0.7),
    0 0 60px rgba(37,211,102,0.35);
}

/* PULSE */

@keyframes whatsappPulse{

    0%{

        box-shadow:
        0 0 0 0 rgba(37,211,102,0.55);
    }

    70%{

        box-shadow:
        0 0 0 22px rgba(37,211,102,0);
    }

    100%{

        box-shadow:
        0 0 0 0 rgba(37,211,102,0);
    }
}

/* TOOLTIP */

.wa-tooltip{

    position:absolute;

    right:95px;

    background:#0d1b2a;

    color:white;

    padding:12px 18px;

    border-radius:40px;

    font-size:15px;

    white-space:nowrap;

    opacity:0;

    visibility:hidden;

    transform:translateX(15px);

    transition:0.35s;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.2);
}

/* SHOW TOOLTIP */

.premium-whatsapp:hover .wa-tooltip{

    opacity:1;

    visibility:visible;

    transform:translateX(0);
}

/* MOBILE */

@media(max-width:768px){

    .premium-whatsapp{

        width:65px;
        height:65px;

        right:18px;
        bottom:18px;
    }

    .premium-whatsapp img{

        width:32px;
        height:32px;
    }

    .wa-tooltip{

        display:none;
    }
}
/* ===================================
   PREMIUM FOOTER
=================================== */

.premium-footer{

    position:relative;

    margin-top:100px;

    background:
    linear-gradient(
    135deg,
    #020617,
    #071a2f,
    #0d2b45
    );

    color:white;

    overflow:hidden;

    padding-top:80px;
}

/* GLOW EFFECT */

.premium-footer::before{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    background:
    rgba(0,255,213,0.08);

    border-radius:50%;

    top:-120px;
    left:-120px;

    filter:blur(40px);
}

.premium-footer::after{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    background:
    rgba(255,255,255,0.04);

    border-radius:50%;

    bottom:-100px;
    right:-100px;

    filter:blur(40px);
}

/* CONTAINER */

.footer-container{

    width:90%;

    margin:auto;

    display:grid;

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

    gap:50px;

    position:relative;

    z-index:2;
}

/* BOX */

.footer-box h2{

    font-size:34px;

    margin-bottom:20px;

    color:#00ffd5;
}

.footer-box h3{

    font-size:24px;

    margin-bottom:22px;

    color:#00ffd5;
}

/* TEXT */

.footer-box p{

    color:#cbd5e1;

    line-height:1.9;

    font-size:16px;

    margin-bottom:12px;
}

/* LIST */

.footer-box ul{

    list-style:none;
}

.footer-box ul li{

    margin-bottom:14px;

    color:#cbd5e1;

    transition:0.3s;

    cursor:pointer;
}

/* LINKS */

.footer-box ul li a{

    text-decoration:none;

    color:#cbd5e1;

    transition:0.3s;
}

/* HOVER */

.footer-box ul li:hover,
.footer-box ul li a:hover{

    color:#00ffd5;

    transform:translateX(6px);
}

/* SOCIALS */

.footer-socials{

    display:flex;

    gap:15px;

    margin-top:20px;
}

.footer-socials a{

    width:48px;
    height:48px;

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

    border-radius:50%;

    background:
    rgba(255,255,255,0.08);

    color:white;

    text-decoration:none;

    font-size:20px;

    transition:0.4s;

    backdrop-filter:blur(12px);
}

/* HOVER */

.footer-socials a:hover{

    transform:
    translateY(-8px)
    scale(1.08);

    background:#00ffd5;

    color:#000;

    box-shadow:
    0 0 25px rgba(0,255,213,0.35);
}

/* BOTTOM */

.footer-bottom{

    margin-top:60px;

    text-align:center;

    padding:25px;

    border-top:
    1px solid rgba(255,255,255,0.08);

    color:#94a3b8;

    font-size:15px;

    position:relative;

    z-index:2;
}

/* MOBILE */

@media(max-width:1000px){

    .footer-container{

        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:650px){

    .footer-container{

        grid-template-columns:1fr;

        text-align:center;
    }

    .footer-socials{

        justify-content:center;
    }
}

/* ===================================
   LUXURY PREMIUM CURSOR
=================================== */

body{

    cursor:auto;
}

/* MAIN CURSOR */

.luxury-cursor{

    position:fixed;

    top:0;
    left:0;

    width:40px;
    height:40px;

    border-radius:50%;

    pointer-events:none;

    z-index:999999999;

    background:
    rgba(0,255,213,0.15);

    border:
    2px solid rgba(0,255,213,0.8);

    box-shadow:
    0 0 20px rgba(0,255,213,0.7),
    0 0 45px rgba(0,255,213,0.35);

    transform:
    translate(-50%,-50%);

    transition:
    width 0.25s ease,
    height 0.25s ease,
    background 0.3s ease;

    backdrop-filter:none;
}

/* INNER GLOW */

.luxury-cursor::before{

    content:"";

    position:absolute;

    inset:8px;

    border-radius:50%;

    background:
    radial-gradient(
    rgba(0,255,213,0.5),
    transparent 70%
    );
}

/* HOVER EFFECT */

.luxury-cursor.active{

    width:70px;
    height:70px;

    background:
    rgba(0,255,213,0.12);

    border:
    1px solid rgba(0,255,213,0.4);

    box-shadow:
    0 0 40px rgba(0,255,213,0.35),
    0 0 70px rgba(0,255,213,0.18);
}

/* MOBILE */

@media(max-width:768px){

    .luxury-cursor{

        display:none;
    }

    body{

        cursor:auto;
    }
}
/* ===================================
   PREMIUM SUCCESS POPUP
=================================== */

.success-popup{

    position:fixed;

    inset:0;

    background:
    rgba(0,0,0,0.65);

    backdrop-filter:blur(12px);

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:999999;

    opacity:0;

    visibility:hidden;

    transition:0.4s;
}

/* SHOW */

.success-popup.show{

    opacity:1;

    visibility:visible;
}

/* POPUP BOX */

.popup-box{

    width:90%;
    max-width:450px;

    padding:50px 35px;

    border-radius:30px;

    text-align:center;

    background:
    rgba(255,255,255,0.08);

    border:
    1px solid rgba(255,255,255,0.15);

    backdrop-filter:blur(20px);

    box-shadow:
    0 20px 50px rgba(0,0,0,0.35);

    animation:popupZoom 0.5s ease;
}

/* CHECK */

.success-check{

    width:110px;
    height:110px;

    margin:auto;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:55px;

    font-weight:bold;

    color:white;

    background:
    linear-gradient(
    135deg,
    #00c896,
    #00ffd5
    );

    box-shadow:
    0 0 30px rgba(0,255,213,0.45);

    animation:tickPop 0.8s ease;
}

/* TITLE */

.popup-box h2{

    margin-top:30px;

    color:white;

    font-size:36px;
}

/* TEXT */

.popup-box p{

    margin-top:15px;

    color:#dbeafe;

    font-size:18px;

    line-height:1.8;
}

/* BUTTON */

.popup-box button{

    margin-top:30px;

    padding:15px 35px;

    border:none;

    border-radius:50px;

    background:
    linear-gradient(
    135deg,
    #00ffd5,
    #00b894
    );

    color:#000;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    transition:0.3s;
}

.popup-box button:hover{

    transform:
    translateY(-5px)
    scale(1.05);
}

/* ANIMATIONS */

@keyframes popupZoom{

    from{

        opacity:0;

        transform:
        scale(0.7)
        translateY(40px);
    }

    to{

        opacity:1;

        transform:
        scale(1)
        translateY(0);
    }
}

@keyframes tickPop{

    0%{

        transform:scale(0);
    }

    70%{

        transform:scale(1.15);
    }

    100%{

        transform:scale(1);
    }
}

/* ===================================
   AI SEARCH BAR
=================================== */

.ai-search-box{

    width:90%;

    max-width:650px;

    margin:50px auto;

    position:relative;
}

/* INPUT */

#serviceSearch{

    width:100%;

    padding:22px 28px;

    border-radius:60px;

    border:
    1px solid rgba(255,255,255,0.12);

    background:
    rgba(255,255,255,0.08);

    backdrop-filter:blur(18px);

    color:white;

    font-size:18px;

    outline:none;

    box-shadow:
    0 10px 35px rgba(0,0,0,0.15);
}

/* PLACEHOLDER */

#serviceSearch::placeholder{

    color:#cbd5e1;
}

/* RESULTS */

#searchResults{

    position:absolute;

    width:100%;

    top:110%;

    left:0;

    border-radius:25px;

    overflow:hidden;

    background:
    rgba(7,15,43,0.96);

    backdrop-filter:blur(18px);

    display:none;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.25);

    z-index:999;
}

/* ITEM */

.search-item{

    padding:18px 24px;

    color:white;

    cursor:pointer;

    transition:0.3s;

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

/* HOVER */

.search-item:hover{

    background:#00ffd5;

    color:#000;

    padding-left:35px;
}
/* DROPDOWN */

.premium-dropdown{
    position:relative;
}

.premium-dropdown-menu{

    position:absolute;

    top:60px;

    left:0;

    width:260px;

    background:white;

    border-radius:18px;

    padding:15px;

    list-style:none;

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:0.3s;

    box-shadow:0 15px 40px rgba(0,0,0,0.15);

    z-index:9999;
}

.premium-dropdown:hover .premium-dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);
}

.premium-dropdown-menu li{

    margin-bottom:10px;
}

.premium-dropdown-menu li:last-child{

    margin-bottom:0;
}

.premium-dropdown-menu a{

    display:block;

    padding:12px 15px;

    border-radius:12px;

    color:#111;

    text-decoration:none;

    transition:0.3s;
}

.premium-dropdown-menu a:hover{

    background:linear-gradient(135deg,#00c896,#0066ff);

    color:white;

    transform:translateX(5px);
}

/* REMOVE EXTRA SIDE SCROLLBAR */

html,
body{

    overflow-x:hidden;

    width:100%;
}

/* HIDE EXTRA SCROLLBAR */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#020617;
}

::-webkit-scrollbar-thumb{
    background:#00ffd5;
    border-radius:20px;
}