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

    body{
      background:#F8ECE6;
      overflow-x:hidden;
      font-family:'Inter', sans-serif;
    }

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

.premium-navbar{

    position:fixed;

    top:30px;
    left:0;

    width:100%;

    z-index:9999;

    padding:0 20px;

    transition:
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* =========================
NAVBAR WRAP
========================= */

.navbar-wrap{

    display:flex;

    align-items:center;

    justify-content:space-between;

    height:60px;

    padding:0 32px;

    border-radius:60px;

    background:transparent;

    border:1px solid transparent;

    transition:
    background 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    border 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    backdrop-filter 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);

    transform:translateY(-20px) scale(0.97);

    
}

/* =========================
LOAD ANIMATION
========================= */

.premium-navbar.loaded .navbar-wrap{

    transform:translateY(0) scale(1);

    opacity:1;
}

/* =========================
SCROLL EFFECT
========================= */

.premium-navbar.scrolled .navbar-wrap{

    background:
    linear-gradient(
        135deg,
        rgba(18,18,20,0.84),
        rgba(10,10,12,0.72)
    );

    backdrop-filter:blur(24px);

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

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

    box-shadow:
    0 18px 50px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.03);
}

/* =========================
LOGO
========================= */
/* =========================
LOGO FIX
========================= */

.brand-logo{

    display:flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    position:relative;
}

/* LOGO WRAP */

.logo-wrap{

    position:relative;

    

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;
}

/* BOTH LOGOS */

.logo-wrap img{

    position:absolute;

  

   

    object-fit:contain;

    transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* BLACK */

.logo-black{

    opacity:1;

    transform:translateY(0);
}

/* WHITE */

.logo-white{

    opacity:0;

    transform:translateY(6px);
}

/* AFTER SCROLL */

.premium-navbar.scrolled .logo-black{

    opacity:0;

    transform:translateY(-6px);
}

.premium-navbar.scrolled .logo-white{

    opacity:1;

    transform:translateY(0);
}


.brand-logo{

    display:flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    position:relative;
}

/* LOGOS */

.brand-logo img{

    height:30px;

    width:auto;

    

    

    left:0;

    transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* BLACK LOGO */

.logo-black{

    opacity:1;

    transform:translateY(0);
}

/* WHITE LOGO */

.logo-white{

    opacity:0;

    transform:translateY(8px);
}

/* AFTER SCROLL */

.premium-navbar.scrolled .logo-black{

    opacity:0;

    transform:translateY(-8px);
}

.premium-navbar.scrolled .logo-white{

    opacity:1;

    transform:translateY(0);
}

/* TEXT */

.brand-logo span{

    margin-left:78px;

    color:#111;

    font-size:22px;

    font-weight:600;

    letter-spacing:4px;

    transition:
    color 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* TEXT WHITE AFTER SCROLL */

.premium-navbar.scrolled .brand-logo span{

    color:#fff;
}

/* =========================
BUTTON
========================= */

.nav-cta-btn{

    height:44px;

    padding:0 30px;

    border-radius:60px;

    background:#FF5A1F;

    color:#fff;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.4s ease,
    box-shadow 0.4s ease;

    box-shadow:0 10px 30px rgba(255,90,31,0.25);
}

.nav-cta-btn:hover{

    background:#f24e14;

    color:#fff;

    transform:translateY(-3px);

    box-shadow:0 16px 40px rgba(255,90,31,0.35);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

    .premium-navbar{

        padding:0 14px;
    }

    .navbar-wrap{

        height:90px;

        padding:0 24px;
    }

    .brand-logo span{

        font-size:16px;

        letter-spacing:2px;

        margin-left:62px;
    }

    .brand-logo img{

        height:auto;
    }

    .nav-cta-btn{

        height:58px;

        padding:0 28px;

        font-size:14px;
    }

}

@media(max-width:767px){

    .premium-navbar{

        top:14px;
    }

    .navbar-wrap{

        

        padding:0 18px;

        border-radius:24px;
                justify-content: center;
    }

    .brand-logo{

        gap:12px;
    }

    .brand-logo img{

        height:38px;
    }

    .brand-logo span{

        font-size:13px;

        letter-spacing:1.5px;

        margin-left:52px;
    }

    

}
@media(max-width:767px){

    .nav-cta-btn{

       display: none;
    }
    
.navbar-wrap {
        height: 49px;
        padding: 0 18px;
        
    }

}
    .hero-section{
    
      position:relative;
      overflow:hidden;
      padding:100px 0 80px;

      background:
      radial-gradient(circle, rgba(0,0,0,0.05) 1px, transparent 1px);

      background-size:30px 30px;
      background-color:#F8ECE6;
    }

    .hero-content{
      text-align:center;
      position:relative;
      z-index:5;
    }

    /* TOP BADGE */

    .top-badge{
      display:inline-flex;
      align-items:center;
      gap:12px;

      background:#F5E8E1;

      border-radius:60px;

      padding:14px 30px;

      font-size:13px;
      font-weight:700;
      letter-spacing:3px;

      color:#FF5A1F;

      margin-bottom:55px;
    }

    .dot{
      width:10px;
      height:10px;
      background:#FF5A1F;
      border-radius:50%;
    }

    /* HEADING */

    .hero-title{
      font-family:'Playfair Display', serif;

      font-size:110px;
      line-height:0.95;

      font-weight:700;

      color:#0B1730;

      letter-spacing:-4px;

      max-width:1200px;

      margin:auto;
    }

    .highlight{
      color:#FF5A1F;
      position:relative;
      display:inline-block;
    }

    .highlight::after{
      content:"";

      position:absolute;

      left:0;
      bottom:-8px;

      width:100%;
      height:7px;

      background:#FF5A1F;

      border-radius:50px;

      transform:rotate(-1deg);
    }

    /* DESCRIPTION */

    .hero-desc{
      max-width:900px;

      margin:60px auto 0;

      font-size:22px;
      line-height:1.6;

      color:#445164;

      font-weight:400;
    }

    .hero-desc strong{
      color:#111827;
      font-weight:700;
    }

    /* BACKGROUND SHAPES */

    .blur-circle{
      position:absolute;
      border-radius:50%;
      filter:blur(80px);
      opacity:0.12;
      z-index:1;
    }

    .circle-1{
      width:280px;
      height:280px;
      background:#FF5A1F;

      top:-100px;
      left:-100px;
    }

    .circle-2{
      width:240px;
      height:240px;
      background:#0B1730;

      right:-100px;
      top:120px;
    }

    .circle-3{
      width:200px;
      height:200px;
      background:#FF5A1F;

      bottom:-80px;
      left:10%;
    }

    /* RESPONSIVE */

    @media(max-width:1200px){

      .hero-title{
        font-size:88px;
      }

    }

    @media(max-width:991px){

      .hero-title{
        font-size:72px;
        line-height:1;
      }

      .hero-desc{
        font-size:18px;
      }

    }

    @media(max-width:767px){

      .hero-section{
        padding:100px 0 60px;
      }

      .top-badge{
        font-size:11px;
        letter-spacing:2px;
        padding:12px 22px;
        margin-bottom:40px;
      }

      .hero-title{
        font-size:36px;
        letter-spacing:-2px;
      }

      .hero-desc{
        font-size:16px;
        line-height:1.7;
        margin-top:35px;
        padding:0 10px;
      }

      .highlight::after{
        height:5px;
        bottom:-5px;
      }

    }
/* MOBILE CTA BUTTON */
/* Desktop pr hidden rhega */

.mobile-cta{
    display:none;
}

/* MOBILE VIEW */

@media(max-width:767px){

    .mobile-cta{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:14px;

        width:100%;

        background:#FF5A1F;

        color:#fff;

        text-decoration:none;

        height:50px;

        border-radius:70px;

        margin-top:45px;

        
        font-weight:700;

        box-shadow:0 18px 40px rgba(255,90,31,0.25);

        transition:0.3s ease;
    }

    .mobile-cta:hover{
        background:#f04f15;
        color:#fff;
    }

    .mobile-cta i{
        font-size:24px;
    }

}
 
/* =========================
NUMBERS SECTION
========================= */

.numbers-section{

    position:relative;

    padding:120px 0;

    background:#050101;

    overflow:hidden;
}

/* Background Glow */

.numbers-section::before{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

    background:radial-gradient(circle, rgba(255,90,31,0.16) 0%, rgba(255,90,31,0) 70%);

    top:50%;
    left:50%;

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

    z-index:1;
}

/* Container */

.numbers-section .container{
    position:relative;
    z-index:5;
}

/* Heading */

.numbers-heading{
    text-align:center;
    margin-bottom:70px;
}

.numbers-heading h2{

    font-family:'Playfair Display', serif;

    font-size:54px;

    line-height:1;

    font-weight:700;

    color:#F5F5F5;

    letter-spacing:-3px;
}

.numbers-heading h2 span{
    color:#FF5A1F;
}

/* Cards */

.number-card{

    position:relative;

    background:rgba(20, 10, 10, 0.95);

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

    border-radius:34px;

    padding:35px 40px;

    text-align:center;

    overflow:hidden;

    transition:0.4s ease;

    backdrop-filter:blur(10px);

    

    display:flex;

    flex-direction:column;

    justify-content:center;
}

/* Top Orange Border Glow */

.number-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:linear-gradient(90deg, #FF5A1F, transparent);

}

/* Hover */

.number-card:hover{

    transform:translateY(-8px);

    border-color:rgba(255,90,31,0.25);
}

/* Number */

.number-card h3{

    font-family:'Playfair Display', serif;

    font-size:62px;

    line-height:1;

    font-weight:700;

    color:#ffffff;

    margin-bottom:25px;

    letter-spacing:-4px;
}

/* Text */

.number-card p{

    font-size:18px;

    color:#9C9CA6;

    margin:0;

    font-weight:400;
}

/* Counting Text */

.counting-text{

    text-align:center;

    margin-top:45px;

    font-size:20px;

    color:#7D7D88;

    font-style:italic;

    font-weight:300;
}

/* Button */

.numbers-btn-wrap{
    text-align:center;
    margin-top:60px;
}

.numbers-btn{

   

    align-items:center;

    justify-content:center;

    gap:14px;

    background:#FF5A1F;

    color:#fff;

    text-decoration:none;

    height:86px;

    padding:20px 48px;

    border-radius:80px;

    font-size:14px;

    font-weight:600;

    transition:0.3s ease;

    box-shadow:0 18px 40px rgba(255,90,31,0.22);
}

.numbers-btn:hover{

    background:#f24e14;

    color:#fff;

    transform:translateY(-3px);
}

.numbers-btn i{
    font-size:28px;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1200px){

    .numbers-heading h2{
        font-size:68px;
    }

    .number-card h3{
        font-size:74px;
    }

}

@media(max-width:991px){

    .numbers-section{
        padding:90px 0;
    }

    .numbers-heading{
        margin-bottom:50px;
    }

    .numbers-heading h2{
        font-size:56px;
    }

    .number-card{
        min-height:auto;
        padding:55px 30px;
    }

    .number-card h3{
        font-size:68px;
    }

    .number-card p{
        font-size:20px;
    }

}

@media(max-width:767px){

    .numbers-section{
        padding:70px 0;
    }

    .numbers-heading{
        margin-bottom:40px;
    }

    .numbers-heading h2{

        font-size:44px;

        letter-spacing:-1px;
    }

    .number-card{

        border-radius:26px;

        padding:45px 20px;
    }

    .number-card h3{

        font-size:56px;

        letter-spacing:-2px;

        margin-bottom:18px;
    }

    .number-card p{
        font-size:18px;
    }

    .counting-text{

        margin-top:35px;

        font-size:24px;
    }

    .numbers-btn{

        width:100%;

        height:76px;

        

        border-radius:60px;

        padding:10px 20px;
    }

    .numbers-btn i{
        font-size:22px;
    }

}

/* =========================
BRANDS SECTION
========================= */

.brands-section{

    background:#F7F7F7;

    padding:110px 0;

    overflow:hidden;
}

/* Heading */

.brands-heading{

    text-align:center;

    margin-bottom:70px;
}

.brands-heading span{

    display:block;

    font-size:18px;

    font-weight:700;

    letter-spacing:4px;

    color:#5A6477;

    margin-bottom:25px;
}

.brands-heading h2{

    font-family:'Playfair Display', serif;

    font-size:76px;

    line-height:1;

    font-weight:700;

    color:#0C1730;

    letter-spacing:-3px;
}

.brands-heading h2 em{

    color:#FF5A1F;

    font-style:italic;

    font-weight:700;
}

/* Swiper */

.brandsSwiper{
    overflow:visible;
}

/* Card */


.swiper-slide {
    margin-right: 10px !important;
}
.brand-card{

    background:#fff;
    
    border:1px solid #E7E7E7;

    border-radius:26px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:50px !important;

    transition:0.3s ease;
}

    
.brand-card:hover{

    transform:translateY(-6px);

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

/* Logo */

.brand-card img{

    max-width:100%;

   

    object-fit:contain;

   
    

    transition:0.3s ease;
}

.brand-card:hover img{

    filter:none;

    opacity:1;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1200px){

    .brands-heading h2{
        font-size:64px;
    }

}

@media(max-width:991px){

    .brands-section{
        padding:90px 0;
    }

    .brands-heading{
        margin-bottom:55px;
    }

    .brands-heading h2{
        font-size:52px;
    }

}

@media(max-width:767px){

    .brands-section{
        padding:70px 0;
    }

    .brands-heading{
        margin-bottom:40px;
    }

    .brands-heading span{

        font-size:13px;

        letter-spacing:3px;

        margin-bottom:18px;
    }

    .brands-heading h2{

        font-size:42px;

        letter-spacing:-1px;
    }

    .brand-card{

        height:auto;

        border-radius:20px;

        padding:0px;
    }

    .brand-card img{
        max-height:70px;
    }

}


/* =========================
CREATIVE VAULT SECTION
========================= */

.creative-vault-section{

    background:#020202;

    padding:120px 0;

    overflow:hidden;

    position:relative;
}

/* Background Glow */

.creative-vault-section::before{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

    background:radial-gradient(circle, rgba(255,90,31,0.12) 0%, rgba(255,90,31,0) 70%);

    top:50%;
    left:50%;

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

    z-index:1;
}

.creative-vault-section .container{
    position:relative;
    z-index:5;
}

/* Badge */

.vault-badge{

    width:max-content;

    margin:0 auto 30px;

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 18px;

    border-radius:40px;

    background:#111111;

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

    color:#fff;

    font-size:11px;

    letter-spacing:2px;

    text-transform:uppercase;
}

.vault-badge .dot{

    width:8px;
    height:8px;

    background:#FF5A1F;

    border-radius:50%;
}

/* Heading */

.vault-heading{

    text-align:center;

    margin-bottom:70px;
}

.vault-heading h2{

    font-family:'Playfair Display', serif;

    font-size:86px;

    line-height:0.95;

    font-weight:700;

    color:#fff;

    letter-spacing:-3px;

    margin-bottom:24px;
}

.vault-heading h2 span{

    color:#FF5A1F;

    font-style:italic;
}

.vault-heading p{

    color:#8B8B95;

    font-size:20px;

    line-height:1.6;

    max-width:760px;

    margin:auto;
}

/* Card */

.creative-card{

    position:relative;

    background:#090909;

    border-radius:34px;

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

    padding:14px;

    overflow:hidden;

    transition:0.4s ease;
}

/* Active Glow */

.active-card{

    border-color:rgba(255,90,31,0.45);

    box-shadow:0 0 50px rgba(255,90,31,0.18);
}

.creative-card:hover{

    transform:translateY(-10px);
}

/* Media */

.creative-media{

    position:relative;

    border-radius:24px;

    overflow:hidden;

    height:500px;
}

.creative-media img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:0.4s ease;
}

.creative-card:hover img{

    transform:scale(1.04);
}

/* Play */

.play-btn{

    position:absolute;

    top:50%;
    left:50%;

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

    width:82px;
    height:82px;

    border-radius:50%;

    background:#FF5A1F;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    box-shadow:0 15px 40px rgba(255,90,31,0.35);
}

/* Bottom Content */

.creative-content{

    padding:24px 10px 10px;
}

/* Top */

.creative-top{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    margin-bottom:24px;
}

.creative-top span{

    display:block;

    font-size:11px;

    letter-spacing:2px;

    color:#7A7A85;

    margin-bottom:8px;
}

.creative-top h3{

    font-family:'Playfair Display', serif;

    font-size:30px;

    line-height:1;

    color:#fff;

    margin:0;
}

/* Lightning */

.lightning{

    width:38px;
    height:38px;

    border-radius:50%;

    background:#111111;

    border:1px solid rgba(255,90,31,0.35);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#FF5A1F;

    font-size:15px;
}

/* Bottom */

.creative-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding-top:18px;

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

.creative-bottom small{

    color:#6E6E77;

    letter-spacing:2px;

    font-size:10px;
}

/* Tag */

.result-tag{

    background:#1A1A1A;

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

    padding:8px 16px;

    border-radius:30px;

    color:#fff;

    font-size:12px;

    font-weight:500;
}

/* Button */

.vault-btn-wrap{

    text-align:center;

    margin-top:70px;
}

.vault-btn{

   

    align-items:center;

    justify-content:center;

    gap:14px;

    height:78px;

   padding: 20px 42px;

    border-radius:60px;

    background:#FF5A1F;

    color:#fff;

    text-decoration:none;

 
    font-weight:700;

    transition:0.3s ease;

    box-shadow:0 18px 40px rgba(255,90,31,0.2);
}

.vault-btn:hover{

    background:#f14d13;

    color:#fff;

    transform:translateY(-3px);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1200px){

    .vault-heading h2{
        font-size:72px;
    }

    .creative-media{
        height:540px;
    }

}

@media(max-width:991px){

    .creative-vault-section{
        padding:90px 0;
    }

    .vault-heading{
        margin-bottom:50px;
    }

    .vault-heading h2{
        font-size:58px;
    }

    .vault-heading p{
        font-size:20px;
    }

    .creative-media{
        height:520px;
    }

}

@media(max-width:767px){

    .creative-vault-section{
        padding:70px 0;
    }

    .vault-heading{
        margin-bottom:40px;
    }

    .vault-heading h2{

        font-size:44px;

        letter-spacing:-1px;
    }

    .vault-heading p{

        font-size:16px;

        line-height:1.7;
    }

    .creative-card{

        border-radius:26px;

        padding:10px;
    }

    .creative-media{

        height:420px;

        border-radius:18px;
    }

    .play-btn{

        width:64px;
        height:64px;

        font-size:24px;
    }

    .creative-top h3{
        font-size:42px;
    }

    .vault-btn{

        width:100%;

        height:72px;

        

        padding:10px 20px;
    }

}

/* =========================
REAL RESULTS SECTION
========================= */

.results-section{

    background:#F7F7F9;

    padding:120px 0;
}

/* Badge */

.results-badge{

    width:max-content;

    margin:0 auto 28px;

    padding:10px 18px;

    border-radius:10px;

    border:1px solid rgba(255,90,31,0.25);

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

    color:#FF5A1F;

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
}

/* Heading */

.results-heading{

    text-align:center;

    margin-bottom:70px;
}

.results-heading h2{

    font-family:'Playfair Display', serif;

    font-size:82px;

    line-height:1;

    font-weight:700;

    letter-spacing:-3px;

    color:#09142C;

    margin-bottom:24px;
}

.results-heading h2 span{

    color:#FF5A1F;

    font-style:italic;
}

.results-heading p{

    max-width:700px;

    margin:auto;

    font-size:24px;

    line-height:1.5;

    color:#526074;
}

/* Card */

.result-card{

    background:#fff;

    border-radius:34px;

    padding:28px;

    border:1px solid #E8E8EC;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);

    transition:0.4s ease;

    height:100%;
}

.result-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,0.08);
}

/* Active Card */

.active-result{

    border-color:rgba(255,90,31,0.4);

    box-shadow:0 10px 35px rgba(255,90,31,0.08);
}

/* Top */

.result-top{

    margin-bottom:24px;
}

.result-top h3{

    font-family:'Playfair Display', serif;

    font-size:44px;

    line-height:1;

    color:#0C1730;

    margin-bottom:18px;
}

/* Pills */

.result-tags{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;
}

.result-pill{

    height:42px;

    padding:0 18px;

    border-radius:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    font-weight:700;
}

.green-pill{

    background:#E7F8EA;

    color:#19984B;

    border:1px solid #BDE8C8;
}

.blue-pill{

    background:#EEF3FF;

    color:#2558D8;

    border:1px solid #C9D7FF;
}

/* Image */

.result-image{

    border-radius:20px;

    overflow:hidden;

    border:2px solid #161616;
}

.result-image img{

    width:100%;

    display:block;
}

/* Button */

.results-btn-wrap{

    text-align:center;

    margin-top:70px;
}

.results-btn{

   

    align-items:center;

    justify-content:center;

    gap:14px;

   

   padding: 20px 38px;

    border-radius:60px;

    background:#FF5A1F;

    color:#fff;

    text-decoration:none;

    
    font-weight:700;

    transition:0.3s ease;

    box-shadow:0 15px 35px rgba(255,90,31,0.22);
}

.results-btn:hover{

    background:#f14d13;

    color:#fff;

    transform:translateY(-3px);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1200px){

    .results-heading h2{
        font-size:68px;
    }

}

@media(max-width:991px){

    .results-section{
        padding:90px 0;
    }

    .results-heading{
        margin-bottom:50px;
    }

    .results-heading h2{
        font-size:58px;
    }

    .results-heading p{
        font-size:20px;
    }

    .result-top h3{
        font-size:38px;
    }

}

@media(max-width:767px){

    .results-section{
        padding:70px 0;
    }

    .results-btn {

        padding: 12px 10px;
    }

    .results-heading{
        margin-bottom:40px;
    }

    .results-heading h2{

        font-size:42px;

        letter-spacing:-1px;
    }

    .results-heading p{

        font-size:16px;

        line-height:1.7;
    }

    .result-card{

        border-radius:24px;

        padding:18px;
    }

    .result-top h3{
        font-size:30px;
    }

    .result-tags{
        gap:10px;
    }

    .result-pill{

        height:36px;

        padding:0 14px;

        font-size:12px;
    }

    .result-image{
        border-radius:16px;
    }

    .results-btn{

        width:100%;

       

       

        
    }

}

/* BRAND IMAGE */

.result-brand-img{

    width:72px;
    height:72px;

    border-radius:18px;

    overflow:hidden;

    margin-bottom:18px;

    border:1px solid #E7E7E7;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;
}

.result-brand-img img{

    width:100%;
    height:100%;

    object-fit:cover;
}


/* =========================
BOOK CALL SYSTEM
========================= */

.book-call-section{

    background:#020202;

    min-height:100vh;

    padding:120px 0;

    color:#fff;
}

.book-call-section .container{
    max-width:1100px;
}

/* STEPS */

.booking-steps{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    margin-bottom:40px;
}

.booking-step{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:13px;

    letter-spacing:2px;

    color:#8A8A94;
}

.booking-step span{

    width:38px;
    height:38px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;
}

.active-step{
    color:#FF5A1F;
}

.active-step span{

    background:#FF5A1F;

    border-color:#FF5A1F;
}

.step-line{

    width:24px;
    height:1px;

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

/* Heading */

.booking-heading{

    text-align:center;

    margin-bottom:25px;
}

.booking-heading h2{

    font-family:'Playfair Display', serif;

    font-size:72px;

    line-height:1;

    margin-bottom:16px;
}

.booking-heading h2 span{

    color:#FF5A1F;

    font-style:italic;
}

.booking-heading p{

    color:#7C7C86;
}

/* Disclaimer */

.booking-disclaimer{

    max-width:850px;

    margin:0 auto 50px;

    border:1px solid rgba(255,90,31,0.3);

    padding:22px;

    border-radius:18px;

    text-align:center;

    color:#AFAFB8;

    line-height:1.8;
}

.booking-disclaimer strong,
.booking-disclaimer span{
    color:#FF5A1F;
}

/* Main */

.booking-card{

    background:#fff;

    border-radius:30px;

    padding:40px;

    max-width:900px;

    margin:auto;

    color:#111;
}

/* Layout */

.calendar-layout{

    display:grid;

    grid-template-columns:1fr 280px;

    gap:40px;
}

/* Header */

.calendar-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:35px;
}

.calendar-header button{

    width:42px;
    height:42px;

    border:none;

    background:#F3F3F3;

    border-radius:50%;
}

.calendar-header h4{

    font-size:28px;

    margin:0;

    font-weight:700;
}

/* Days */

.calendar-days{

    display:grid;

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

    gap:12px;

    margin-bottom:14px;

    text-align:center;

    font-size:12px;

    font-weight:700;

    color:#999;
}

/* Dates */

.calendar-grid{

    display:grid;

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

    gap:12px;
}

.calendar-date{

    height:58px;

    border-radius:16px;

    border:1px solid #ECECEC;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:600;

    cursor:pointer;

    transition:0.3s ease;
}

/* Available */

.available-date{

    background:#FFF3EC;

    border-color:#FF5A1F;

    color:#FF5A1F;
}

/* Disabled */

.disabled-date{

    opacity:0.2;

    pointer-events:none;
}

/* Selected */

.active-date{

    background:#FF5A1F;

    color:#fff;
}

/* Right */

.calendar-right{

    border-left:1px solid #ECECEC;

    padding-left:30px;

    display:none;
}

.calendar-right h5{

    font-size:22px;

    margin-bottom:25px;

    font-weight:700;
}

/* Slots */

.time-slots{

    display:flex;

    flex-direction:column;

    gap:14px;
}

.time-slot{

    height:58px;

    border-radius:16px;

    border:1px solid #E3E3E3;

    background:#fff;

    font-weight:700;

    transition:0.3s ease;
}

.time-slot:hover{

    background:#FF5A1F;

    border-color:#FF5A1F;

    color:#fff;
}

/* Form */

.selected-info{

    margin-bottom:30px;
}

.selected-info h3{

    font-family:'Playfair Display', serif;

    font-size:42px;

    margin-bottom:12px;
}

.selected-info p{
    color:#666;
}

.booking-form{

    max-width:500px;
}

.form-group{

    margin-bottom:18px;
}

.form-group label{

    display:block;

    margin-bottom:10px;

    font-weight:700;
}

.form-control{

    height:54px;

    border-radius:14px;

    border:1px solid #DADADA;

    padding:0 18px;
}

/* Button */

.schedule-btn{

    width:100%;

    height:64px;

    border:none;

    border-radius:60px;

    background:#FF5A1F;

    color:#fff;

    font-size:18px;

    font-weight:700;

    margin-top:10px;
}

/* Responsive */

@media(max-width:767px){

    .book-call-section{
        padding:70px 0;
    }

    .booking-heading h2{
        font-size:42px;
    }

    .booking-card{

        padding:24px;

        border-radius:24px;
    }

    .calendar-layout{

        grid-template-columns:1fr;
    }

    .calendar-right{

        border-left:none;

        border-top:1px solid #ECECEC;

        padding-left:0;

        padding-top:24px;
    }

    .calendar-grid{

        gap:8px;
    }

    .calendar-date{

        height:46px;

        border-radius:12px;

        font-size:14px;
    }

}

/* =========================
PREMIUM FOOTER
========================= */

.premium-footer{

    position:relative;

    overflow:hidden;

    background:#020202;

    padding:15px 0;

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

/* TOP GLOW */

.premium-footer::before{

    content:"";

    position:absolute;

    top:-180px;
    left:50%;

    transform:translateX(-50%);

    width:1200px;
    height:300px;

    background:
    radial-gradient(
        circle,
        rgba(255,255,255,0.08) 0%,
        rgba(255,255,255,0) 70%
    );

    pointer-events:none;
}

/* WRAP */

.footer-wrap{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:40px;

    position:relative;

    z-index:2;
}

/* =========================
LEFT
========================= */

.footer-left{

    max-width:520px;
}

/* LOGO */

.footer-logo{

    display:flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    margin-bottom:32px;
}

.footer-logo img{

  

    width:auto;

    object-fit:contain;
}

.footer-logo span{

    color:#fff;

    font-size:22px;

    font-weight:600;

    letter-spacing:4px;
}

/* TEXT */

.footer-desc{

    font-size:16px;

    line-height:1.5;

    color:rgba(255,255,255,0.38);

    margin:0;

    max-width:520px;

    font-weight:500;
}

/* =========================
RIGHT
========================= */

.footer-right{

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    justify-content:space-between;

    min-height:180px;
}

/* LINKS */

.footer-links{

    display:flex;

    align-items:center;

    gap:48px;

    flex-wrap:wrap;
}

.footer-links span{

    color:rgba(255,255,255,0.32);

    font-size:14px;

    letter-spacing:1px;

    font-weight:600;
}

.footer-links a{

    text-decoration:none;

    color:rgba(255,255,255,0.32);

    font-size:14px;

    letter-spacing:1px;

    font-weight:600;

    transition:0.3s ease;
}

.footer-links a:hover{

    color:#fff;
}

/* QUOTE */

.footer-quote{

    margin-top:70px;

    font-size:14px;

    color:rgba(255,255,255,0.22);

    font-style:italic;

    font-weight:500;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1200px){

    .footer-desc{
        font-size:16px;
    }

    .footer-quote{
        font-size:14px;
    }

}

@media(max-width:991px){

    .premium-footer{
        padding:70px 0;
    }

    .footer-wrap{

        flex-direction:column;

        gap:60px;
    }

    .footer-right{

        width:100%;

        align-items:flex-start;

        min-height:auto;
    }

    .footer-quote{

        margin-top:40px;
    }

}

@media(max-width:767px){

    .premium-footer{
        padding:60px 0;
    }

    .footer-logo{

        gap:14px;

        margin-bottom:24px;
    }

    .footer-logo img{

        height:42px;
    }

    .footer-logo span{

        font-size:14px;

        letter-spacing:2px;
    }

    .footer-desc{

        font-size:18px;

        line-height:1.7;
    }

    .footer-links{

        gap:18px;
    }

    .footer-links span,
    .footer-links a{

        font-size:13px;
    }

    .footer-quote{

        font-size:12px;

        margin-top:26px;
    }

}

/* =========================
POLICY HERO
========================= */

.policy-hero{

    padding:220px 0 100px;

    background:
    radial-gradient(circle, rgba(0,0,0,0.05) 1px, transparent 1px);

    background-size:30px 30px;

    background-color:#F8ECE6;

    text-align:center;

    position:relative;

    overflow:hidden;
}

/* BADGE */

.policy-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 28px;

    border-radius:60px;

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

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

    backdrop-filter:blur(10px);

    color:#FF5A1F;

    font-size:12px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:45px;
}

.policy-badge span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#FF5A1F;
}

/* TITLE */

.policy-hero h1{

    font-family:'Playfair Display', serif;

    font-size:100px;

    font-weight:700;

    line-height:1;

    letter-spacing:-4px;

    color:#09162D;

    margin-bottom:30px;
}

.policy-hero h1 span{

    color:#FF5A1F;
}

/* TEXT */

.policy-hero p{

    max-width:850px;

    margin:auto;

    font-size:24px;

    line-height:1.7;

    color:#556070;
}

/* =========================
POLICY SECTION
========================= */

.policy-section{

    padding:100px 0;

    background:#fff;
}

/* WRAPPER */

.policy-wrapper{

    max-width:1100px;

    margin:auto;
}

/* ITEM */

.policy-item{

    padding:40px;

    border-radius:28px;

    background:#fff;

    border:1px solid rgba(0,0,0,0.06);

    box-shadow:
    0 10px 40px rgba(0,0,0,0.04);

    margin-bottom:28px;
}

/* TITLE */

.policy-item h3{

    font-size:34px;

    font-weight:700;

    color:#09162D;

    margin-bottom:18px;

    font-family:'Playfair Display', serif;
}

/* TEXT */

.policy-item p{

    font-size:18px;

    line-height:1.9;

    color:#556070;

    margin-bottom:0;
}

/* LINK */

.policy-item a{

    color:#FF5A1F;

    text-decoration:none;

    font-size:18px;

    font-weight:600;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

    .policy-hero{

        padding:180px 0 80px;
    }

    .policy-hero h1{

        font-size:72px;
    }

    .policy-hero p{

        font-size:18px;
    }

}

@media(max-width:767px){

    .policy-hero{

        padding:150px 0 60px;
    }

    .policy-badge{

        font-size:10px;

        letter-spacing:2px;

        padding:12px 18px;
    }

    .policy-hero h1{

        font-size:48px;

        letter-spacing:-2px;
    }

    .policy-hero p{

        font-size:16px;

        line-height:1.8;
    }

    .policy-section{

        padding:70px 0;
    }

    .policy-item{

        padding:26px;

        border-radius:22px;
    }

    .policy-item h3{

        font-size:26px;
    }

    .policy-item p{

        font-size:15px;

        line-height:1.8;
    }

}

.creative-media {
    position: relative;
    width: 100%;
    height: 500px; /* apni required height */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.creative-media video {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}