:root{
    --gradient-hero: linear-gradient(135deg, hsl(214deg 100% 57% / 5%) 5%, hsl(262deg 83% 58% / 5%) 100%);
    --primary: 214 100% 57%;
    --accent: 262 83% 58%;

}

*, :before, :after {
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
}

/* AOS Customizations */
[data-aos] {
    pointer-events: none;
}

[data-aos].aos-animate {
    pointer-events: auto;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 400ms;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 100ms;
}
.btn-hover-bg:hover {
    background-color: hsl(var(--accent)) !important;color: #fff !important;border-color: hsl(var(--accent)) !important;
}
.blur-3xl {
    --tw-blur: blur(64px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.gradient-text {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.btn-gradient {
    background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
    transition: all 0.3s ease;
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
}
.btn-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.btn-text:hover {
    color: #667eea;
}
.header-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, #e0e7ff, transparent);
}

/* Hero Section Styles */
.hero-section {
    background-image: var(--gradient-hero);
}
.bg-primary-10 {
    background-color: hsl(var(--primary) / .1);
}
.bg-accent-10 {
    background-color: hsl(var(--accent) / .1);
}
/* Top Banner */
.top-banner {
    display: inline-block;
}

.banner-text {
    color: #dc2626;font-size: 14px;
}

/* Hero Headline */
.hero-headline {
    background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;
}

.feature-dot {
    width: 8px;height: 8px;border-radius: 50%;flex-shrink: 0;
}

.feature-dot.green {
    background: #10b981;
}

.feature-dot.blue {
    background: #3b82f6;
}
#modalregistration {
    background: #000000ad !important;
}

/* CTA Buttons */
.btn-primary-gradient {
    background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
}
.btn-primary-gradient-popup {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
}

.btn-primary-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
}

.btn-secondary-outline:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    transform: translateY(-2px);
}

.proof-box {
    --tw-backdrop-blur: blur(4px);
}
.login-container {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    animation: modalSlideIn 0.6s ease-out;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-50px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* Additional Features */

.floating-element {
    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
    animation: float 5s ease-in-out infinite;
}
/* Animation Keyframes */
@keyframes float {
    0% {
        transform: translateY(0px);
    }

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

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

/* Marquee Section Styles */

.marquee-content {
    animation: marquee 60s linear infinite; width: max-content;
}

.marquee-content:hover {
    animation-play-state: paused;
}

.marquee-item {
    flex-shrink: 0; max-width: 140px; max-height: 70px;filter: grayscale(100%); transition: all 0.3s ease-in-out;
}

.marquee-item:hover {
    filter: grayscale(0%);
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Hide scrollbar for all browsers */
.marquee-container::-webkit-scrollbar {
    display: none;
}

.marquee-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


/* Demo Section */
.demo-section {
    padding: 4rem 1rem;
    position: relative;
    overflow: hidden;
}

.demo-video-wrapper {
    position: relative;
    margin-bottom: 4rem;
}

.demo-video-glow {
    position: absolute;
    inset: 0;
    /* background: linear-gradient(90deg, #60a5fa, #f472b6, #60a5fa); */
    background: url(https://d19tgtitaje4zj.cloudfront.net/Success-Story/hero-card1.png);
    background-size: cover;
    border-radius: 1.5rem;
    filter: blur(40px);
    opacity: 0.2;
    transition: opacity 0.5s;
}

.demo-video-wrapper:hover .demo-video-glow {
    opacity: 0.3;
}

.demo-video-container {
    position: relative;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(24px);
    border-radius: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 20px 60px -15px rgba(0, 0, 0, 0.3);
}

.demo-video-content {
    position: relative;
    aspect-ratio: 16 / 9;
    background: linear-gradient(135deg, #dbeafe, #fce7f3, #dbeafe);
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .demo-video-content::before {
        content: '';
        position: absolute;
        inset: 0;
        /* background: rgba(0, 0, 0, 0.1); */
        background: url(https://d19tgtitaje4zj.cloudfront.net/Success-Story/hero-card1.png);
        transition: background 0.3s;
    }

/* .demo-video-wrapper:hover .demo-video-content::before {
    background: rgba(0, 0, 0, 0.05);
} */

.demo-play-button {
    position: relative;
    z-index: 10;
}

.play-button-glow {
    position: absolute;
    inset: 0;
    background: white;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.5;
}

.play-button {
    position: relative;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: white;
    box-shadow: 0 20px 60px -15px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    transition: transform 0.3s;
}

.demo-video-wrapper:hover .play-button {
    transform: scale(1.1);
}

.demo-rings {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background: #0000007d;
}

.ring {
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.ring-1 {
    width: 8rem;
    height: 8rem;
}

.ring-2 {
    width: 10rem;
    height: 10rem;
    animation-delay: 0.5s;
}

@keyframes ping {
    75%, 100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.demo-duration {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    font-size: 0.875rem;
    font-weight: 600;
    color: #1f2937;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    max-width: 56rem;
    margin: 0 auto;
}

.stat-card {
    text-align: center;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(24px);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.stat-value {
    font-size: 1.875rem;
    font-weight: 800;
    background: linear-gradient(90deg, #3b82f6, #ec4899);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.5rem;
}

.stat-label {
    color: #6b7280;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .marquee-content {
        gap: 1rem;
    }
    
    .stat-number {
        font-size: 2rem;
    }
    
    .stat-label {
        font-size: 0.875rem;
    }
}

/* Product Options Section Styles */

.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

/* Product Info Styles */

.product-description {
    font-size: 0.95rem;
}

/* Features List */

.features-list li {
    padding: 0.25rem 0;color: #666;font-size: 0.9rem;position: relative;padding-left: 1.5rem;
}

.features-list li::before {
    content: '•'; position: absolute;left: 0;color: #3B82F6;font-weight: bold;
}

/* Comparison Table Section Styles */

.comparison-table th,
.comparison-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

/* Feature Status */
.feature-status {
    text-align: center;
    font-weight: 500;
    font-size: 0.9rem;
}

.feature-status.yes {
    color: #3B82F6;
    font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .comparison-table th,
    .comparison-table td {
        padding: 0.75rem 0.5rem;
        font-size: 0.8rem;
    }
    
    .product-header {
        font-size: 0.85rem;
    }
    
    .feature-name {
        font-size: 0.8rem;
    }
    
    .feature-status {
        font-size: 0.8rem;
    }
}

.benefit-number {
    background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);
}

.benefit-content {
    flex: 1;
}

.benefit-badge {
    white-space: nowrap;
}

/* Complete Package Box Styles */

.package-feature i {
    flex-shrink: 0;
}

.btn-get-started:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
    color: white;
}

/* Transform Networking Section Styles */
.transform-networking-section {
    background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%);
}

.btn-nfc:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);
}


.btn-demo:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(124, 58, 237, 0.3);
}
.transform-networking-section .event_box ul li a:hover {
    color: #fff !important;opacity:1 !important;
}
.animated-gradient-new {
    animation: 14s linear infinite animateBg;
    background-image: linear-gradient(90deg, #0046bf, #895cf3, #0c4bba, #885bf2);
    background-size: 300% 100%;
}
.lovedByRating .redtrdi-new3 {
    background: #8B5CF6 !important;
}
.lovedByRating .gtco-testimonials .owl-dots .active span {
    background: #0c4bba;
}
.lovedByRating .gtco-testimonials .owl-dots span {
    border: 2px solid #8b5cf6;
}

.limited-offer-banner {
    background: linear-gradient(90deg, #dc3545 0%, #fd7700 100%);
}
.benefits-list li i {
    color: #28a745;
    font-size: 16px;
}
.cta-button {
    background: #28a745;border: none;color: white;padding: 15px 30px;border-radius: 8px;font-size: 18px;
    font-weight: 600;width: 100%;transition: all 0.3s ease;
}


/* ===================== owl slider ======================= */

.gtco-testimonials .owl-dots {
    text-align: center;
}

.gtco-testimonials .owl-dots span {
    position: relative;height: 10px;width: 10px;border-radius: 50%;display: block;background: #fff;
    border: 2px solid #f8010117;margin: 0 5px;
}

.gtco-testimonials .owl-dots .active {
    box-shadow: none;
}

.gtco-testimonials .owl-dots .active span {
    background: #4b1e1edb;box-shadow: none;height: 12px;width: 12px;margin-bottom: -1px;
}
.owl-nav {
    width: 120px;position: relative; display: flex;margin: auto;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    outline: 0;left: 0;right: 0;bottom: 0;z-index: 9;top: auto;justify-content: center !important;
}
.owl-carousel .owl-nav button.owl-next {
    left: auto;right: 0;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
    margin:0 !important;
}

.owl-carousel button.owl-dot {
    outline: 0;
}

.gtco-testimonials .owl-stage-outer {
    overflow-x: hidden !important;height: 460px;padding: 4rem 0 0;
}

.gtco-testimonials .owl-stage-outer .card, .gtco-testimonials .owl-carousel .owl-stage {
    height: 100%;
}

.gtco-testimonials .no-js .owl-carousel, .gtco-testimonials .owl-carousel.owl-loaded {
    display: block;height: 440px;padding-top: 2rem;
}

.gtco-testimonials .active {
    opacity: 0.5;transition: all 0.3s;
}

.gtco-testimonials .center {
    opacity: 1;margin-top: -50px;height: 370px !important;
}

.gtco-testimonials .center .card {
    background-color: #f1f3fe;
}

/* ===================== owl slider ======================= */

/* ============================================================================
   DIGITAL BUSINESS CARD — REDESIGN STYLES (merged from digital-redesign.css)
   Scoped to body.dbc-redesign, so the classic layout (no dbc-redesign class) is
   unaffected. Merged here so no separate stylesheet is needed on the server.
   ============================================================================ */
/* ============================================================================
   digital-redesign.css  —  BOLD from-scratch redesign of the
   DigitalBusinessCardRedesign page. Scoped under `body.dbc-redesign`, so it
   only affects the redesign copy. The original page + digital-style.css are
   never touched. Static HTML + Bootstrap 5.3 + AOS (already loaded).

   Direction (ui-ux-pro-max skill): cinematic dark hero, indigo→violet→fuchsia
   gradients, glassmorphism, aurora mesh, premium product cards, tabular prices,
   IntersectionObserver scroll reveals + hover/tilt micro-interactions.
   New layout classes are prefixed `.rd-`. Functional hooks (#product-section,
   #globe-block, #india-block, .product-card, color tabs, .btn-primary-gradient,
   changeCountry) are restyled in place so behaviour is unchanged.
   ========================================================================== */

body.dbc-redesign{
  --rd-ink:#0b0a1a; --rd-ink-2:#14122b;
  --rd-primary:#7c5cff; --rd-primary-2:#6366f1; --rd-violet:#a855f7; --rd-fuchsia:#e647c9;
  --rd-cyan:#22d3ee; --rd-emerald:#10b981;
  --rd-text:#e7e6f3; --rd-text-dim:#a7a3c4; --rd-line:rgba(255,255,255,.10);
  --rd-grad:linear-gradient(120deg,#6366f1 0%,#a855f7 50%,#e647c9 100%);
  --rd-grad-soft:linear-gradient(120deg,#8b8bff 0%,#c88bff 100%);
  --rd-aurora:
    radial-gradient(60% 55% at 15% 10%, rgba(124,92,255,.45) 0%, transparent 60%),
    radial-gradient(50% 45% at 85% 5%, rgba(230,71,201,.35) 0%, transparent 55%),
    radial-gradient(60% 60% at 75% 85%, rgba(34,211,238,.25) 0%, transparent 60%);
  --rd-r:20px; --rd-r-lg:30px;
  --rd-shadow:0 24px 60px -22px rgba(76,29,149,.55);
  --rd-shadow-glow:0 0 0 1px rgba(255,255,255,.06),0 30px 80px -30px rgba(124,92,255,.6);
  --rd-ease:cubic-bezier(.16,.84,.44,1);
  font-family:"Inter","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:#1e1b39; background:#fff; -webkit-font-smoothing:antialiased; letter-spacing:-.006em; overflow-x:hidden;
}
body.dbc-redesign h1,body.dbc-redesign h2,body.dbc-redesign h3,body.dbc-redesign h4,
body.dbc-redesign .rd-h1,body.dbc-redesign .rd-title,body.dbc-redesign .product-title,
body.dbc-redesign .product-price,body.dbc-redesign .stat-number,body.dbc-redesign .rd-stat b,
body.dbc-redesign .rd-num{ font-family:"Space Grotesk","Inter",sans-serif; letter-spacing:-.025em; line-height:1.08; color:#17153a; }
body.dbc-redesign p{ line-height:1.7; }
body.dbc-redesign img{ max-width:100%; }
body.dbc-redesign .rd-grad-text{ background:var(--rd-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body.dbc-redesign .rd-container{ max-width:1200px; margin-inline:auto; padding-inline:20px; position:relative; z-index:2; }
body.dbc-redesign .rd-center{ text-align:center; }

/* ---------- Reveal (IntersectionObserver adds .is-in) --------------------- */
body.dbc-redesign .reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s var(--rd-ease),transform .7s var(--rd-ease); }
body.dbc-redesign .reveal.is-in{ opacity:1; transform:none; }
body.dbc-redesign .reveal[data-d="1"]{ transition-delay:.08s } body.dbc-redesign .reveal[data-d="2"]{ transition-delay:.16s }
body.dbc-redesign .reveal[data-d="3"]{ transition-delay:.24s } body.dbc-redesign .reveal[data-d="4"]{ transition-delay:.32s }

/* ---------- Buttons ------------------------------------------------------- */
body.dbc-redesign .rd-btn,body.dbc-redesign .btn-primary-gradient{
  display:inline-flex; align-items:center; gap:.55rem; justify-content:center; border:0; border-radius:999px;
  font-weight:700; padding:.85rem 1.6rem; font-size:1rem; cursor:pointer; text-decoration:none; line-height:1;
  transition:transform .25s var(--rd-ease),box-shadow .25s var(--rd-ease),filter .25s var(--rd-ease); will-change:transform; }
body.dbc-redesign .rd-btn-primary,body.dbc-redesign .btn-primary-gradient{ background:var(--rd-grad); color:#fff !important; box-shadow:0 14px 30px -10px rgba(124,92,255,.7); }
body.dbc-redesign .rd-btn-primary:hover,body.dbc-redesign .btn-primary-gradient:hover{ transform:translateY(-3px) scale(1.015); filter:saturate(1.1) brightness(1.04); box-shadow:0 22px 44px -12px rgba(230,71,201,.6); color:#fff !important; }
body.dbc-redesign .rd-btn-primary:active,body.dbc-redesign .btn-primary-gradient:active{ transform:translateY(0); }
body.dbc-redesign .rd-btn-ghost{ background:rgba(255,255,255,.06); color:#fff !important; border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(10px); }
body.dbc-redesign .rd-btn-ghost:hover{ transform:translateY(-3px); border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.12); }
body.dbc-redesign .rd-btn-dark{ background:#17153a; color:#fff !important; box-shadow:0 12px 26px -12px rgba(15,14,34,.6); }
body.dbc-redesign .rd-btn-dark:hover{ transform:translateY(-3px); }
body.dbc-redesign .rd-btn-light{ background:#fff; color:#5b21b6 !important; box-shadow:0 12px 26px -12px rgba(0,0,0,.3); }
body.dbc-redesign .rd-btn-light:hover{ transform:translateY(-3px); }

/* ---------- NAV (glass sticky) ------------------------------------------- */
body.dbc-redesign .rd-nav{ position:sticky; top:0; z-index:50; background:rgba(11,10,26,.72); backdrop-filter:blur(16px) saturate(1.4); border-bottom:1px solid var(--rd-line); }
body.dbc-redesign .rd-nav .rd-container{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:.8rem; }
body.dbc-redesign .rd-nav img{ height:38px; width:auto;}
body.dbc-redesign .rd-nav-actions{ display:flex; gap:.6rem; align-items:center; }
body.dbc-redesign .rd-nav .rd-btn{ padding:.6rem 1.15rem; font-size:.9rem; }

/* ---------- HERO (cinematic dark) ---------------------------------------- */
body.dbc-redesign .rd-hero{ position:relative; overflow:hidden; color:var(--rd-text);
  background:var(--rd-aurora),linear-gradient(180deg,#0b0a1a 0%,#12102a 60%,#171436 100%);
  padding:clamp(3rem,6vw,5.5rem) 0 clamp(5rem,10vw,9rem); }
body.dbc-redesign .rd-hero::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:140px; background:linear-gradient(180deg,rgba(23,20,54,0),#fff); z-index:1; }
body.dbc-redesign .rd-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:3rem; align-items:center; }
body.dbc-redesign .rd-pill{ display:inline-flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); color:#fff; border-radius:999px; padding:.45rem .9rem; font-size:.82rem; backdrop-filter:blur(8px); }
body.dbc-redesign .rd-hero h1{ color:#fff; font-size:clamp(2.5rem,5.4vw,4.5rem); font-weight:700; letter-spacing:-.035em; margin:1.1rem 0 1rem; }
body.dbc-redesign .rd-hero .rd-lead{ color:var(--rd-text-dim); font-size:clamp(1.02rem,1.35vw,1.22rem); max-width:34ch; }
body.dbc-redesign .rd-chips{ display:flex; flex-wrap:wrap; gap:.55rem; margin:1.4rem 0 1.7rem; }
body.dbc-redesign .rd-chip{ display:inline-flex; align-items:center; gap:.45rem; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); color:#fff; border-radius:999px; padding:.5rem .9rem; font-size:.82rem; font-weight:500; backdrop-filter:blur(6px); }
body.dbc-redesign .rd-chip i{ width:7px; height:7px; border-radius:50%; background:var(--rd-emerald); box-shadow:0 0 0 4px rgba(16,185,129,.18); }
body.dbc-redesign .rd-cta-row{ display:flex; flex-wrap:wrap; gap:.8rem; }
body.dbc-redesign .rd-trust{ display:flex; flex-wrap:wrap; gap:1.4rem; margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.1); }
body.dbc-redesign .rd-trust b{ display:block; color:#fff; font-family:"Space Grotesk"; font-size:1.35rem; }
body.dbc-redesign .rd-trust span{ color:var(--rd-text-dim); font-size:.8rem; }
body.dbc-redesign .rd-stars{ color:#fbbf24; letter-spacing:2px; }
/* hero visual */
body.dbc-redesign .rd-hero-visual{ position:relative; }
body.dbc-redesign .rd-hero-visual .rd-glow{ position:absolute; inset:-10% -6% -6% -6%; background:var(--rd-grad); filter:blur(60px); opacity:.35; border-radius:40px; z-index:0; }
body.dbc-redesign .rd-hero-visual img.rd-hero-img{ position:relative; z-index:2; animation:rd-float 6s ease-in-out infinite; filter:drop-shadow(0 40px 60px rgba(0,0,0,.55)); border-radius:18px; }
@keyframes rd-float{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-16px) } }
body.dbc-redesign .rd-floatcard{ position:absolute; z-index:3; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); border-radius:16px; backdrop-filter:blur(14px); box-shadow:0 20px 50px -20px rgba(0,0,0,.6); padding:.7rem .95rem; color:#fff; font-size:.8rem; display:flex; align-items:center; gap:.6rem; }
body.dbc-redesign .rd-floatcard b{ color:#fff; font-family:"Space Grotesk"; font-size:1.05rem; display:block; line-height:1; }
body.dbc-redesign .rd-fc-1{ top:8%; left:-4%; animation:rd-float 5s ease-in-out infinite; }
body.dbc-redesign .rd-fc-2{ bottom:12%; right:-4%; animation:rd-float 7s ease-in-out infinite .6s; }
body.dbc-redesign .rd-dot{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--rd-grad); }

/* ---------- Section shell ------------------------------------------------- */
body.dbc-redesign .rd-section{ position:relative; padding:clamp(3.5rem,6.5vw,6rem) 0; }
body.dbc-redesign .rd-kicker{ display:inline-block; font-family:"Space Grotesk",sans-serif; font-weight:600; letter-spacing:.14em; text-transform:uppercase; font-size:.74rem; color:var(--rd-primary-2); background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.22); padding:.35rem .8rem; border-radius:999px; margin-bottom:1rem; }
body.dbc-redesign .rd-title{ font-size:clamp(1.9rem,3.4vw,2.9rem); font-weight:700; letter-spacing:-.03em; color:#17153a; margin:0 0 .6rem; }
body.dbc-redesign .rd-sub{ color:#5b5780; font-size:1.08rem; max-width:60ch; }
body.dbc-redesign .rd-center .rd-sub{ margin-inline:auto; }
body.dbc-redesign .rd-dark{ background:var(--rd-aurora),linear-gradient(180deg,#0f0e22,#17143a); color:var(--rd-text); }
body.dbc-redesign .rd-dark .rd-title,body.dbc-redesign .rd-dark h2,body.dbc-redesign .rd-dark h3{ color:#fff; }
body.dbc-redesign .rd-dark .rd-sub{ color:var(--rd-text-dim); }

/* ---------- Marquee ------------------------------------------------------- */
body.dbc-redesign .rd-marquee{ overflow:hidden; -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
body.dbc-redesign .rd-marquee-track{ display:flex; gap:3rem; width:max-content; animation:rd-scroll 40s linear infinite; align-items:center; }
body.dbc-redesign .rd-marquee:hover .rd-marquee-track{ animation-play-state:paused; }
body.dbc-redesign .rd-marquee img{ height:34px; width:auto; object-fit:contain; filter:grayscale(1) brightness(.4); opacity:.7; transition:.25s var(--rd-ease); }
body.dbc-redesign .rd-marquee img:hover{ filter:none; opacity:1; }
@keyframes rd-scroll{ to{ transform:translateX(-50%); } }

/* ---------- Steps --------------------------------------------------------- */
body.dbc-redesign .rd-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:2rem; }
body.dbc-redesign .rd-step{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:var(--rd-r); padding:1.6rem; backdrop-filter:blur(8px); }
body.dbc-redesign .rd-step .rd-num{ font-size:2.2rem; font-weight:700; background:var(--rd-grad-soft); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
body.dbc-redesign .rd-step h4{ color:#fff; margin:.4rem 0; }
body.dbc-redesign .rd-step p{ color:var(--rd-text-dim); font-size:.92rem; margin:0; }
body.dbc-redesign .rd-video{ position:relative; border-radius:var(--rd-r-lg); overflow:hidden; box-shadow:var(--rd-shadow-glow); border:1px solid rgba(255,255,255,.12); aspect-ratio:16/9; }
body.dbc-redesign .rd-video iframe{ width:100%; height:100%; border:0; display:block; }

/* ---------- Bento --------------------------------------------------------- */
body.dbc-redesign .rd-bento{ display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
body.dbc-redesign .rd-bento-item{ background:linear-gradient(180deg,#fff,#f7f6ff); border:1px solid #ece9ff; border-radius:var(--rd-r); padding:1.7rem; position:relative; overflow:hidden; box-shadow:0 10px 30px -18px rgba(76,29,149,.28); transition:transform .35s var(--rd-ease),box-shadow .35s var(--rd-ease),border-color .35s var(--rd-ease); }
body.dbc-redesign .rd-bento-item:hover{ transform:translateY(-6px); box-shadow:var(--rd-shadow); border-color:rgba(124,92,255,.4); }
body.dbc-redesign .rd-bento-item::before{ content:""; position:absolute; inset:0 0 auto 0; height:3px; background:var(--rd-grad); opacity:0; transition:opacity .3s; }
body.dbc-redesign .rd-bento-item:hover::before{ opacity:1; }
body.dbc-redesign .rd-bento-item img{ border-radius:14px; margin-top:1rem; box-shadow:0 16px 34px -20px rgba(76,29,149,.5); }
body.dbc-redesign .rd-bento-item h3{ font-size:1.3rem; margin:.2rem 0 .5rem; }
body.dbc-redesign .rd-bento-item p{ color:#5b5780; font-size:.95rem; margin:0; }
body.dbc-redesign .rd-span-3{ grid-column:span 3; } body.dbc-redesign .rd-span-2{ grid-column:span 2; }
body.dbc-redesign .rd-span-4{ grid-column:span 4; } body.dbc-redesign .rd-span-6{ grid-column:span 6; }
body.dbc-redesign .rd-badge{ display:inline-block; font-size:.72rem; font-weight:600; color:var(--rd-primary-2); background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.2); border-radius:999px; padding:.25rem .7rem; margin-top:1rem; }
body.dbc-redesign .rd-ico{ width:50px; height:50px; border-radius:14px; display:grid; place-items:center; background:var(--rd-grad); color:#fff; box-shadow:0 10px 22px -8px rgba(124,92,255,.6); margin-bottom:1rem; }
body.dbc-redesign .rd-ico svg{ width:24px; height:24px; }

/* ---------- Currency toggle + pricing ------------------------------------ */
body.dbc-redesign .product-options-section{ background:radial-gradient(90% 60% at 50% 0%,#f3f0ff 0%,#fff 55%); }
body.dbc-redesign .rd-cur{ display:inline-flex; background:#efeafe; border:1px solid #e0d9ff; border-radius:999px; padding:5px; gap:4px; margin:1.2rem auto 0; }
body.dbc-redesign .rd-cur button{ border:0; background:transparent; border-radius:999px; padding:.5rem 1.15rem; font-weight:700; color:#5b5780; cursor:pointer; transition:all .25s var(--rd-ease); font-size:.9rem; }
body.dbc-redesign .rd-cur button.is-active{ background:#fff; color:var(--rd-primary-2); box-shadow:0 6px 16px -8px rgba(76,29,149,.4); }
body.dbc-redesign .product-card{ border:1px solid #ece9ff !important; border-radius:var(--rd-r-lg) !important; background:linear-gradient(180deg,#fff,#fbfaff) !important; overflow:hidden; height:100%; box-shadow:0 16px 40px -22px rgba(76,29,149,.35); position:relative; transition:transform .4s var(--rd-ease),box-shadow .4s var(--rd-ease); will-change:transform; }
body.dbc-redesign .product-card::before{ content:""; position:absolute; inset:0; padding:1px; border-radius:inherit; background:var(--rd-grad); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .4s; pointer-events:none; }
body.dbc-redesign .product-card:hover{ transform:translateY(-12px); box-shadow:var(--rd-shadow-glow); }
body.dbc-redesign .product-card:hover::before{ opacity:1; }
body.dbc-redesign .row .col-lg-4:nth-child(2) .product-card{ box-shadow:0 30px 70px -28px rgba(124,92,255,.55); }
body.dbc-redesign .row .col-lg-4:nth-child(2) .product-card::after{ content:"POPULAR"; position:absolute; top:16px; right:-30px; transform:rotate(45deg); background:var(--rd-grad); color:#fff; font-size:.62rem; font-weight:800; letter-spacing:.1em; padding:.3rem 2.4rem; z-index:5; }
body.dbc-redesign .product-image-container{ background:linear-gradient(160deg,#f1ecff,#eef2ff) !important; border-radius:var(--rd-r) !important; }
body.dbc-redesign .product-title{ font-size:1.25rem; font-weight:700; }
body.dbc-redesign .product-description{ color:#5b5780; font-size:.94rem; }
body.dbc-redesign .product-info .features-list li{ position:relative; padding-left:1.7rem; margin-bottom:.5rem; color:#3b3760; font-size:.93rem; list-style:none; }
body.dbc-redesign .product-info .features-list li::before{ content:""; position:absolute; left:0; top:.15em; width:1.1rem; height:1.1rem; border-radius:50%; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/62% no-repeat,var(--rd-grad); }
body.dbc-redesign .product-price{ font-size:2.15rem; font-weight:700; background:var(--rd-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-variant-numeric:tabular-nums; }
body.dbc-redesign .color-btn{ border:1px solid #e0d9ff !important; cursor:pointer; transition:transform .2s var(--rd-ease),border-color .2s; }
body.dbc-redesign .color-btn.active,body.dbc-redesign .color-btn:hover{ border-color:var(--rd-primary) !important; transform:translateY(-1px); }

/* ---------- Feature cards (Everything) ----------------------------------- */
body.dbc-redesign .rd-fcard{ background:#fff; border:1px solid #ece9ff; border-radius:var(--rd-r); overflow:hidden; height:100%; box-shadow:0 12px 34px -22px rgba(76,29,149,.35); transition:transform .35s var(--rd-ease),box-shadow .35s var(--rd-ease); }
body.dbc-redesign .rd-fcard:hover{ transform:translateY(-8px); box-shadow:var(--rd-shadow); }
body.dbc-redesign .rd-fcard img{ width:100%; aspect-ratio:16/10; object-fit:cover; background:#f1ecff; }
body.dbc-redesign .rd-fcard .rd-fbody{ padding:1.4rem; }
body.dbc-redesign .rd-fcard h4{ font-size:1.12rem; margin:0 0 .4rem; }
body.dbc-redesign .rd-fcard p{ color:#5b5780; font-size:.9rem; margin:0 0 .8rem; }

/* ---------- Comparison ---------------------------------------------------- */
body.dbc-redesign .rd-compare{ width:100%; border-collapse:separate; border-spacing:0; border-radius:var(--rd-r); overflow:hidden; box-shadow:0 14px 40px -24px rgba(76,29,149,.4); border:1px solid #ece9ff; background:#fff; }
body.dbc-redesign .rd-compare th,body.dbc-redesign .rd-compare td{ padding:1rem 1.1rem; text-align:left; border-bottom:1px solid #eee7ff; font-size:.94rem; }
body.dbc-redesign .rd-compare thead th{ background:#17153a; color:#fff; font-family:"Space Grotesk"; }
body.dbc-redesign .rd-compare thead th.rd-hl{ background:var(--rd-grad); }
body.dbc-redesign .rd-compare tbody tr:hover{ background:#f7f4ff; }
body.dbc-redesign .rd-compare td.rd-col-hl{ background:rgba(124,92,255,.06); font-weight:600; color:#17153a; }
body.dbc-redesign .rd-yes{ color:var(--rd-emerald); font-weight:700; } body.dbc-redesign .rd-no{ color:#b9b4d0; }

/* ---------- Why-choose / benefits ---------------------------------------- */
body.dbc-redesign .rd-benefit{ display:flex; gap:1rem; padding:1.2rem 0; border-bottom:1px solid #ece9ff; }
body.dbc-redesign .rd-benefit .rd-bn{ flex:0 0 46px; height:46px; border-radius:12px; background:var(--rd-grad); color:#fff; display:grid; place-items:center; font-family:"Space Grotesk"; font-weight:700; }
body.dbc-redesign .rd-benefit h4{ margin:0 0 .2rem; font-size:1.08rem; }
body.dbc-redesign .rd-benefit p{ margin:0; color:#5b5780; font-size:.92rem; }
body.dbc-redesign .rd-benefit .rd-pill-sm{ font-size:.68rem; font-weight:700; color:#fff; background:var(--rd-grad); border-radius:999px; padding:.15rem .6rem; margin-left:.5rem; }
body.dbc-redesign .rd-package{ background:linear-gradient(180deg,#0f0e22,#1a1640); color:#fff; border-radius:var(--rd-r-lg); padding:2rem; box-shadow:var(--rd-shadow); }
body.dbc-redesign .rd-package h4{ color:#fff; }
body.dbc-redesign .rd-package li{ list-style:none; padding:.55rem 0 .55rem 1.9rem; position:relative; color:var(--rd-text); border-bottom:1px solid rgba(255,255,255,.08); }
body.dbc-redesign .rd-package li::before{ content:""; position:absolute; left:0; top:.7em; width:1.1rem; height:1.1rem; border-radius:50%; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") center/62% no-repeat,var(--rd-grad); }

/* ---------- Stats band ---------------------------------------------------- */
body.dbc-redesign .rd-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
body.dbc-redesign .rd-stat{ text-align:center; padding:1.4rem; border-radius:var(--rd-r); background:rgba(255,255,255,.55); border:1px solid #ece9ff; }
body.dbc-redesign .rd-stat b{ display:block; font-size:clamp(1.9rem,3.4vw,2.7rem); font-weight:700; background:var(--rd-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-variant-numeric:tabular-nums; }
body.dbc-redesign .rd-stat span{ color:#5b5780; font-size:.88rem; }
body.dbc-redesign .rd-dark .rd-stat{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); }
body.dbc-redesign .rd-dark .rd-stat span{ color:var(--rd-text-dim); }

/* ---------- Testimonials -------------------------------------------------- */
body.dbc-redesign .rd-tgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
body.dbc-redesign .rd-tcard{ background:#fff; border:1px solid #ece9ff; border-radius:var(--rd-r); padding:1.6rem; box-shadow:0 12px 34px -22px rgba(76,29,149,.3); transition:transform .35s var(--rd-ease),box-shadow .35s var(--rd-ease); }
body.dbc-redesign .rd-tcard:hover{ transform:translateY(-6px); box-shadow:var(--rd-shadow); }
body.dbc-redesign .rd-tcard .rd-stars{ color:#fbbf24; margin-bottom:.6rem; }
body.dbc-redesign .rd-tcard p{ color:#3b3760; font-size:.95rem; }
body.dbc-redesign .rd-thead{ display:flex; align-items:center; gap:.7rem; margin-top:1rem; }
body.dbc-redesign .rd-thead img{ width:44px; height:44px; border-radius:50%; object-fit:cover; }
body.dbc-redesign .rd-thead b{ display:block; color:#17153a; font-size:.95rem; } body.dbc-redesign .rd-thead span{ color:#8b86a8; font-size:.8rem; }

/* ---------- CTA ----------------------------------------------------------- */
body.dbc-redesign .rd-cta{ background:var(--rd-aurora),linear-gradient(120deg,#4338ca,#7c3aed 55%,#c026d3); color:#fff; border-radius:var(--rd-r-lg); overflow:hidden; text-align:center; padding:clamp(2.5rem,5vw,4.5rem); }
body.dbc-redesign .rd-cta h2{ color:#fff; font-size:clamp(2rem,4vw,3.2rem); }
body.dbc-redesign .rd-cta p{ color:rgba(255,255,255,.85); max-width:60ch; margin:1rem auto 1.8rem; }

/* ---------- Footer -------------------------------------------------------- */
body.dbc-redesign footer{ background:#0b0a1a !important; color:var(--rd-text-dim); }
body.dbc-redesign footer .text-white,body.dbc-redesign footer h4{ color:#fff !important; }

/* ---------- Modals -------------------------------------------------------- */
body.dbc-redesign .modal-content{ border:0; border-radius:var(--rd-r-lg); box-shadow:0 40px 90px -30px rgba(11,10,26,.7); overflow:hidden; }
body.dbc-redesign .modal .btn-primary-gradient{ width:auto; }
body.dbc-redesign a:not(.btn):not(.rd-btn){ color:var(--rd-primary-2); } body.dbc-redesign a:not(.btn):not(.rd-btn):hover{ color:var(--rd-violet); }

/* ============================ RESPONSIVE ================================== */
@media (max-width:991.98px){
  body.dbc-redesign .rd-hero-grid{ grid-template-columns:1fr; }
  body.dbc-redesign .rd-steps{ grid-template-columns:1fr; }
  body.dbc-redesign .rd-bento{ grid-template-columns:repeat(4,1fr); }
  body.dbc-redesign .rd-span-3,body.dbc-redesign .rd-span-4{ grid-column:span 4; }
  body.dbc-redesign .rd-tgrid{ grid-template-columns:repeat(2,1fr); }
  body.dbc-redesign .rd-stats{ grid-template-columns:repeat(2,1fr); }
  body.dbc-redesign .rd-compare{ display:block; overflow-x:auto; white-space:nowrap; }
}
@media (max-width:767.98px){
  body.dbc-redesign .rd-bento,body.dbc-redesign .rd-tgrid{ grid-template-columns:1fr; }
  body.dbc-redesign .rd-span-2,body.dbc-redesign .rd-span-3,body.dbc-redesign .rd-span-4,body.dbc-redesign .rd-span-6{ grid-column:span 1; }
  body.dbc-redesign .rd-hero h1{ font-size:clamp(2rem,9vw,2.6rem); }
  body.dbc-redesign .rd-btn,body.dbc-redesign .btn-primary-gradient,body.dbc-redesign .rd-btn-ghost,body.dbc-redesign .rd-btn-light{ width:100%; }
  body.dbc-redesign .rd-nav .rd-btn{ width:auto; }
  body.dbc-redesign .rd-hero-visual{ margin-top:2.5rem; }
  body.dbc-redesign .product-card:hover{ transform:translateY(-6px); }
  body.dbc-redesign .rd-floatcard{ display:none; }
}

/* ============================ MOTION / A11Y ============================== */
@media (prefers-reduced-motion: reduce){
  body.dbc-redesign *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  body.dbc-redesign .reveal{ opacity:1 !important; transform:none !important; }
  body.dbc-redesign .rd-hero-visual img.rd-hero-img,body.dbc-redesign .rd-marquee-track{ animation:none; }
}
body.dbc-redesign :focus-visible{ outline:3px solid rgba(124,92,255,.6); outline-offset:2px; border-radius:6px; }

/* ============================================================================
   COUNTRY / REGION POPUP (#selectCuntry) — modern, animated, effectful
   Shows on page load; restyled from the plain Bootstrap modal into a
   cinematic glass card with a spinning gradient aura + staggered flag pop-in.
   ========================================================================== */
body.dbc-redesign ~ .modal-backdrop.show,
body.dbc-redesign .modal-backdrop.show{ background:rgba(9,8,20,.72) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); opacity:1 !important; }

/* entrance: spring-style scale + rise */
#selectCuntry.modal.fade .modal-dialog{ transform:scale(.82) translateY(26px); opacity:0; transition:transform .5s cubic-bezier(.2,.9,.3,1.2), opacity .4s ease; }
#selectCuntry.modal.show .modal-dialog{ transform:none; opacity:1; }

#selectCuntry .modal-content{
  position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.14) !important;
  border-radius:30px !important; color:#fff !important;
  background:
    radial-gradient(70% 60% at 20% 0%, rgba(124,92,255,.5) 0%, transparent 60%),
    radial-gradient(60% 60% at 90% 10%, rgba(230,71,201,.4) 0%, transparent 55%),
    linear-gradient(160deg,#16132f 0%, #0b0a1a 100%) !important;
  box-shadow:0 50px 130px -30px rgba(124,92,255,.7), 0 0 0 1px rgba(255,255,255,.05);
}
/* spinning conic aura behind content */
#selectCuntry .modal-content::before{
  content:""; position:absolute; inset:-45%; z-index:0; pointer-events:none;
  background:conic-gradient(from 0deg,#6366f1,#a855f7,#e647c9,#22d3ee,#6366f1);
  filter:blur(70px); opacity:.28; animation:rd-spin 14s linear infinite;
}
@keyframes rd-spin{ to{ transform:rotate(360deg); } }
/* subtle glass sheen */
#selectCuntry .modal-content::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%);
}
#selectCuntry .modal-header,#selectCuntry .modal-body{ position:relative; z-index:1; }
#selectCuntry .modal-header{ border:0 !important; justify-content:center; text-align:center; padding:1.8rem 1.5rem .4rem; display:block; }
#selectCuntry .modal-title{ font-family:"Space Grotesk","Inter",sans-serif; font-weight:700; font-size:1.55rem; letter-spacing:-.02em; color:#fff; }
#selectCuntry .modal-title::after{
  content:"Pick your region for the right pricing, currency & shipping";
  display:block; font-family:"Inter",sans-serif; font-weight:400; font-size:.85rem;
  color:#b6b1d6; margin-top:.5rem; letter-spacing:0; line-height:1.4;
}
#selectCuntry .flags-box{ display:flex; gap:.7rem; justify-content:center; flex-wrap:wrap; padding:1.4rem 1.2rem 2rem; }
#selectCuntry .flags-box button{
  background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.12) !important;
  border-radius:20px; padding:1.15rem .7rem !important; min-width:118px; cursor:pointer;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  transition:transform .3s cubic-bezier(.16,.84,.44,1), background .3s, border-color .3s, box-shadow .3s;
  opacity:0; transform:translateY(16px) scale(.9); animation:rd-flagpop .55s cubic-bezier(.16,.84,.44,1) forwards;
}
#selectCuntry .flags-box button:nth-child(1){ animation-delay:.18s; }
#selectCuntry .flags-box button:nth-child(2){ animation-delay:.30s; }
#selectCuntry .flags-box button:nth-child(3){ animation-delay:.42s; }
@keyframes rd-flagpop{ to{ opacity:1; transform:none; } }
#selectCuntry .flags-box button:hover,#selectCuntry .flags-box button:focus-visible{
  transform:translateY(-8px) scale(1.05); background:rgba(255,255,255,.1) !important;
  border-color:#a855f7 !important; box-shadow:0 22px 46px -16px rgba(168,85,247,.75);
}
/* center the flag icon and its label on the same axis (figure had a fixed width and sat left-aligned) */
#selectCuntry .flags-box button{ display:flex !important; flex-direction:column; align-items:center; justify-content:flex-start; }
#selectCuntry .flags-box button figure{ margin:0 auto !important; width:auto; display:flex; justify-content:center; }
#selectCuntry .flags-box button p{ width:100%; text-align:center; }
#selectCuntry .flags-box button img{
  width:74px !important; height:74px !important; object-fit:cover; border-radius:50%;
  box-shadow:0 12px 30px -10px rgba(0,0,0,.65), 0 0 0 3px rgba(255,255,255,.08);
  transition:transform .35s cubic-bezier(.16,.84,.44,1);
}
#selectCuntry .flags-box button:hover img{ transform:scale(1.08) rotate(-4deg); }
#selectCuntry .flags-box button p{ color:#fff !important; font-weight:700; margin:.75rem 0 0 !important; font-size:.95rem; text-shadow:0 1px 10px rgba(0,0,0,.45); }
#selectCuntry .flags-box button{ background:rgba(255,255,255,.08) !important; }
#selectCuntry .modal-title{ text-shadow:0 2px 14px rgba(0,0,0,.4); }
@media (max-width:479.98px){ #selectCuntry .flags-box button{ min-width:88px; padding:.9rem .5rem !important; } #selectCuntry .flags-box button img{ width:58px !important; height:58px !important; } }
@media (prefers-reduced-motion: reduce){
  #selectCuntry .modal-content::before{ animation:none; }
  #selectCuntry .flags-box button{ opacity:1; transform:none; animation:none; }
  #selectCuntry.modal.fade .modal-dialog{ transition:none; }
}

/* ============================================================================
   REVISION FIXES (round 2) — appended overrides (later rules win the cascade)
   ========================================================================== */

/* (1) Country popup: drop the purple btn-primary-gradient-popup; keep 3 flags on ONE line */
#selectCuntry.btn-primary-gradient-popup{ background:transparent !important; }
#selectCuntry .modal-dialog{ max-width:560px; }
#selectCuntry .flags-box{ flex-wrap:nowrap !important; gap:.5rem; }
#selectCuntry .flags-box button{ min-width:0 !important; flex:1 1 0; padding:1.05rem .5rem !important; }
#selectCuntry .flags-box button img{ width:64px !important; height:64px !important; }
@media (max-width:479.98px){ #selectCuntry .flags-box button img{ width:48px !important; height:48px !important; } #selectCuntry .flags-box button p{ font-size:.78rem; } }

/* (2) Hero: fix the bottom white shade — tighter, smoother, no big empty band */
body.dbc-redesign .rd-hero{ padding-bottom:clamp(3.2rem,5.5vw,4.8rem) !important; }
body.dbc-redesign .rd-hero::after{ height:88px; background:linear-gradient(180deg,rgba(23,20,54,0) 0%,#ffffff 100%); }

/* (3) Trust marquee: bigger, full-colour logos on tidy white cards */
body.dbc-redesign .rd-marquee{ padding-block:.6rem; }
body.dbc-redesign .rd-marquee-track{ gap:1.5rem; animation-duration:45s; }
body.dbc-redesign .rd-marquee img{
  height:64px !important; width:auto !important; padding:12px 22px; background:#fff;
  border:1px solid #ece7ff; border-radius:14px; box-shadow:0 10px 26px -16px rgba(76,29,149,.4);
  filter:none !important; opacity:1 !important; object-fit:contain; box-sizing:content-box;
}
body.dbc-redesign .rd-marquee img:hover{ box-shadow:0 16px 32px -14px rgba(124,92,255,.55); transform:translateY(-3px); }

/* (4) How-it-works: BIG centered video + rhythm */
body.dbc-redesign .rd-how .rd-video{ max-width:940px; margin:0 auto; box-shadow:0 44px 100px -34px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.1); }
body.dbc-redesign .rd-how .rd-steps{ gap:1.4rem; }
body.dbc-redesign .rd-how .rd-step{ text-align:left; }

/* (5) Bento: stop content jumbling — uniform flex column, aligned image + bottom-aligned button */
body.dbc-redesign .rd-bento-item{ display:flex; flex-direction:column; }
body.dbc-redesign .rd-bento-item h3{ margin:.15rem 0 .5rem; }
body.dbc-redesign .rd-bento-item p{ margin:0 0 .9rem; }
body.dbc-redesign .rd-bento-item .rd-badge{ align-self:flex-start; margin-top:0; }
body.dbc-redesign .rd-bento-item img{ width:100%; aspect-ratio:16/10; object-fit:cover; margin:1.1rem 0 0; border-radius:14px; }
body.dbc-redesign .rd-bento-item > div[style*="margin-top:1rem"]{ margin-top:auto !important; padding-top:1.1rem; }

/* (6) Talk-to-sales card */
body.dbc-redesign .rd-talksales{
  background:var(--rd-aurora),linear-gradient(120deg,#4338ca 0%,#7c3aed 58%,#c026d3 100%);
  border-radius:var(--rd-r-lg); padding:clamp(1.9rem,3.4vw,2.8rem);
  display:flex; align-items:center; justify-content:space-between; gap:1.6rem; flex-wrap:wrap;
  box-shadow:var(--rd-shadow); overflow:hidden;
}
body.dbc-redesign .rd-talksales-copy{ flex:1 1 380px; }
body.dbc-redesign .rd-talksales .rd-title{ font-size:clamp(1.55rem,2.7vw,2.15rem); }

/* (7) Footer: fix newsletter overflow + premium dark layout */
body.dbc-redesign footer.footer_block_digital{ background:linear-gradient(180deg,#0f0e22 0%,#0b0a1a 100%) !important; margin-top:2rem; }
body.dbc-redesign footer .bottom-down-100{ bottom:auto !important; margin-bottom:0 !important; top:auto !important; }
body.dbc-redesign footer .animated-gradient-new{ background:var(--rd-grad) !important; border-radius:var(--rd-r-lg) !important; box-shadow:var(--rd-shadow); overflow:hidden; }
body.dbc-redesign footer .animated-gradient-new h2{ font-size:clamp(1.4rem,2.6vw,2rem); }
body.dbc-redesign footer .footer-menu-block{ margin-top:2.4rem !important; padding-top:2.4rem !important; border-top:1px solid rgba(255,255,255,.08); }
body.dbc-redesign footer .footer-menu-block.transform-networking-section,
body.dbc-redesign footer .transform-networking-section{ background:transparent !important; background-image:none !important; }
body.dbc-redesign footer.footer_block_digital.loading-div{ background:linear-gradient(180deg,#0f0e22 0%,#0b0a1a 100%) !important; background-image:linear-gradient(180deg,#0f0e22 0%,#0b0a1a 100%) !important; }
body.dbc-redesign footer h5{ color:#fff !important; font-family:"Space Grotesk",sans-serif; }
body.dbc-redesign footer .footerlinks a,body.dbc-redesign footer p,body.dbc-redesign footer .footer-menu-block a{ color:rgba(255,255,255,.72) !important; }
body.dbc-redesign footer .footerlinks a:hover{ color:#fff !important; opacity:1 !important; }
body.dbc-redesign footer .socail a{ border-color:rgba(255,255,255,.25) !important; }

/* (8) Consistent spacing between all sections */
body.dbc-redesign .rd-section{ padding-block:clamp(3.4rem,5.6vw,5.2rem); }
body.dbc-redesign #product-section.product-options-section{ padding-top:clamp(1.5rem,3vw,2.5rem) !important; padding-bottom:clamp(3rem,5vw,4.5rem) !important; }
body.dbc-redesign section.lovedByRating{ padding-top:clamp(3rem,5vw,4.5rem) !important; }

/* ============================================================================
   REVISION FIXES (round 3)
   ========================================================================== */

/* (r3-1) Hero: REMOVE the white shade at the bottom entirely */
body.dbc-redesign .rd-hero::after{ content:none !important; display:none !important; background:none !important; }
body.dbc-redesign .rd-hero{ padding-bottom:clamp(3.4rem,5.5vw,5rem) !important; }

/* (r3-2) Product overview: alternating rows with FULL (uncropped) images */
body.dbc-redesign .rd-features{ display:flex; flex-direction:column; gap:clamp(2.6rem,5vw,4.5rem); }
body.dbc-redesign .rd-feature-row{ display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(1.6rem,4vw,3.4rem); align-items:center; }
body.dbc-redesign .rd-feature-row.rd-reverse .rd-feature-media{ order:2; }
body.dbc-redesign .rd-feature-media{ background:linear-gradient(160deg,#f3f0ff,#eef2ff); border:1px solid #ece9ff; border-radius:var(--rd-r-lg); padding:clamp(1rem,2.4vw,1.9rem); box-shadow:0 24px 60px -28px rgba(76,29,149,.42); transition:transform .35s var(--rd-ease); }
body.dbc-redesign .rd-feature-media:hover{ transform:translateY(-6px); }
body.dbc-redesign .rd-feature-media img{ width:100%; height:auto; max-height:none; object-fit:contain; display:block; border-radius:14px; }
body.dbc-redesign .rd-feature-copy .rd-ico{ margin-bottom:1rem; }
body.dbc-redesign .rd-feature-copy h3{ font-size:clamp(1.4rem,2.4vw,1.95rem); margin:0 0 .55rem; }
body.dbc-redesign .rd-feature-copy p{ color:#5b5780; margin:0 0 1rem; font-size:1rem; }
body.dbc-redesign .rd-feature-copy .rd-badge{ margin:0 0 1.3rem; }
@media (max-width:767.98px){
  body.dbc-redesign .rd-feature-row{ grid-template-columns:1fr; gap:1.4rem; }
  body.dbc-redesign .rd-feature-row.rd-reverse .rd-feature-media{ order:0; }
}

/* (r3-3) Currency toggle inside the pricing section */
body.dbc-redesign #product-section .rd-cur{ margin:0 auto; }

/* (r3-4) Testimonials owl nav — keep below the cards, never overlap the footer */
body.dbc-redesign section.lovedByRating{ padding-bottom:clamp(3.5rem,5vw,5rem) !important; overflow:hidden; }
body.dbc-redesign .lovedByRating .gtco-testimonials .owl-stage-outer{ height:auto !important; padding:2rem 0 0 !important; }
body.dbc-redesign .lovedByRating .gtco-testimonials .owl-carousel.owl-loaded,
body.dbc-redesign .lovedByRating .gtco-testimonials .no-js .owl-carousel{ height:auto !important; padding-top:1.5rem !important; }
body.dbc-redesign .lovedByRating .owl-nav{ position:relative !important; width:auto !important; display:flex !important; justify-content:center; gap:1rem; margin:1.8rem auto 0 !important; bottom:auto !important; top:auto !important; }
body.dbc-redesign .lovedByRating .owl-nav button.owl-prev,
body.dbc-redesign .lovedByRating .owl-nav button.owl-next{ position:relative !important; top:auto !important; bottom:auto !important; left:auto !important; right:auto !important; margin:0 !important; }
body.dbc-redesign .lovedByRating .owl-nav i{ margin:0 !important; }

/* (r3-5) "Design your personal landing page" — reduce card/image height ~30% (keep full image).
   Width→70% with object-fit:contain scales the portrait mockup down proportionally, so the
   full image stays visible and its rendered height drops ~30%. */
body.dbc-redesign .rd-feature-compact{ gap:clamp(2.2rem,4.5vw,4rem); }
body.dbc-redesign .rd-feature-compact .rd-feature-media{ max-width:70%; margin-inline:auto 0; padding:clamp(.8rem,1.8vw,1.4rem); }
@media (max-width:767.98px){ body.dbc-redesign .rd-feature-compact{ gap:1.4rem; } body.dbc-redesign .rd-feature-compact .rd-feature-media{ max-width:85%; margin-inline:auto; } }

/* ============================================================================
   FULL DARK THEME — apply the hero's dark palette to EVERY section.
   Appended last so it wins the cascade. Text, borders, shadows, hovers and
   card surfaces are all re-tuned for a dark (hero-style) canvas.
   ========================================================================== */

/* ---- page canvas = hero-style dark aurora (consistent while scrolling) ---- */
body.dbc-redesign{
  background:
    radial-gradient(1100px 720px at 10% 0%, rgba(124,92,255,.22) 0%, transparent 55%),
    radial-gradient(950px 620px at 92% 4%, rgba(230,71,201,.16) 0%, transparent 50%),
    radial-gradient(900px 820px at 82% 100%, rgba(34,211,238,.10) 0%, transparent 55%),
    linear-gradient(180deg,#0b0a1a 0%,#100e24 45%,#0c0b1e 100%) !important;
  background-attachment:fixed !important;
  color:#c9c6e0 !important;
}

/* ---- typography: light on dark ---- */
body.dbc-redesign h1, body.dbc-redesign h2, body.dbc-redesign h3, body.dbc-redesign h4, body.dbc-redesign h5, body.dbc-redesign h6,
body.dbc-redesign .rd-title, body.dbc-redesign .product-title, body.dbc-redesign .rd-feature-copy h3,
body.dbc-redesign .rd-fcard h4, body.dbc-redesign .package-title, body.dbc-redesign .rd-benefit h4,
body.dbc-redesign .fs-lg, body.dbc-redesign .fw-bold, body.dbc-redesign .text-dark{ color:#ffffff !important; }
body.dbc-redesign p, body.dbc-redesign .rd-sub, body.dbc-redesign .text-muted,
body.dbc-redesign .product-description, body.dbc-redesign .rd-feature-copy p, body.dbc-redesign .rd-fcard p,
body.dbc-redesign .rd-benefit p, body.dbc-redesign .rd-stat span, body.dbc-redesign .text-light,
body.dbc-redesign small, body.dbc-redesign h5.fw-light{ color:#a7a3c4 !important; }

/* ---- sections transparent so the dark canvas shows through ---- */
body.dbc-redesign .rd-section,
body.dbc-redesign section.product-options-section,
body.dbc-redesign section.lovedByRating,
body.dbc-redesign section.switch-nfc-card-section,
body.dbc-redesign .rd-dark,
body.dbc-redesign section[style*="radial-gradient"],
body.dbc-redesign section[style*="background"]{ background:transparent !important; }

/* ---- cards -> dark glass ---- */
body.dbc-redesign .product-card,
body.dbc-redesign .rd-feature-media,
body.dbc-redesign .rd-fcard,
body.dbc-redesign .rd-stat,
body.dbc-redesign .rd-bento-item{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 26px 60px -30px rgba(0,0,0,.72) !important;
}
body.dbc-redesign .product-card:hover,
body.dbc-redesign .rd-fcard:hover,
body.dbc-redesign .rd-feature-media:hover{
  border-color:rgba(124,92,255,.5) !important;
  box-shadow:0 34px 80px -30px rgba(124,92,255,.6) !important;
}
body.dbc-redesign .product-image-container{ background:rgba(255,255,255,.05) !important; }
body.dbc-redesign .product-info .features-list li{ color:#c4c0dd !important; }
body.dbc-redesign .rd-fcard img{ background:rgba(255,255,255,.05) !important; }

/* ---- eyebrows / badges ---- */
body.dbc-redesign .rd-kicker,
body.dbc-redesign .bg-body-secondary.rounded-pill,
body.dbc-redesign small.rounded-pill.bg-body-secondary,
body.dbc-redesign .rd-badge{ background:rgba(124,92,255,.16) !important; color:#c8b8ff !important; border:1px solid rgba(124,92,255,.32) !important; }

/* ---- currency toggle ---- */
body.dbc-redesign .rd-cur{ background:rgba(255,255,255,.06) !important; border-color:rgba(255,255,255,.14) !important; }
body.dbc-redesign .rd-cur button{ color:#a7a3c4 !important; }
body.dbc-redesign .rd-cur button.is-active{ background:rgba(124,92,255,.92) !important; color:#fff !important; box-shadow:0 8px 18px -8px rgba(124,92,255,.7) !important; }

/* ---- pricing colour swatches ---- */
body.dbc-redesign .color-btn{ background:rgba(255,255,255,.06) !important; border-color:rgba(255,255,255,.18) !important; color:#d6d3ea !important; }
body.dbc-redesign .color-btn.active, body.dbc-redesign .color-btn:hover{ border-color:var(--rd-primary) !important; }

/* ---- comparison table ---- */
body.dbc-redesign .rd-compare{ background:rgba(255,255,255,.03) !important; border-color:rgba(255,255,255,.1) !important; }
body.dbc-redesign .rd-compare th, body.dbc-redesign .rd-compare td{ border-color:rgba(255,255,255,.08) !important; color:#c9c6e0 !important; }
body.dbc-redesign .rd-compare thead th{ background:#17143a !important; color:#fff !important; }
body.dbc-redesign .rd-compare thead th.rd-hl{ background:var(--rd-grad) !important; }
body.dbc-redesign .rd-compare tbody tr:hover{ background:rgba(255,255,255,.045) !important; }
body.dbc-redesign .rd-compare td.rd-col-hl{ background:rgba(124,92,255,.14) !important; color:#fff !important; }

/* ---- why-choose divider ---- */
body.dbc-redesign .rd-benefit{ border-color:rgba(255,255,255,.1) !important; }

/* ---- marquee: keep company logos legible on light frosted cards ---- */
body.dbc-redesign .rd-marquee img{ background:#f4f2fb !important; border-color:rgba(255,255,255,.14) !important; box-shadow:0 12px 30px -16px rgba(0,0,0,.6) !important; }

/* ---- secondary/dark buttons on dark ---- */
body.dbc-redesign .rd-btn-dark{ background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.22) !important; color:#fff !important; }
body.dbc-redesign .rd-btn-dark:hover{ background:rgba(255,255,255,.15) !important; transform:translateY(-3px); }

/* ---- misc light surfaces ---- */
body.dbc-redesign .bg-accent-10,
body.dbc-redesign .bg-body-secondary:not(.rounded-pill),
body.dbc-redesign .bg-white,
body.dbc-redesign .bg-light{ background:rgba(255,255,255,.04) !important; }
body.dbc-redesign .text-white-50{ color:#9a96bb !important; }

/* ---- links ---- */
body.dbc-redesign a:not(.btn):not(.rd-btn){ color:#b8a6ff !important; }
body.dbc-redesign a:not(.btn):not(.rd-btn):hover{ color:#e879d6 !important; }

/* keep gradient text elements gradient (undo the white override where needed) */
body.dbc-redesign .rd-grad-text, body.dbc-redesign .product-price,
body.dbc-redesign .stat-number.text-primary, body.dbc-redesign .rd-stat b{ -webkit-text-fill-color:transparent; }

/* ============================================================================
   MOBILE-ONLY FIXES (≤576px) — Galaxy S8 etc. Desktop/tablet untouched.
   ============================================================================ */
@media (max-width:576px){
  /* prevent page-wide horizontal overflow & grid min-content blowout */
  html, body.dbc-redesign{ overflow-x:hidden !important; max-width:100%; }
  body.dbc-redesign .rd-container{ padding-inline:16px; }
  body.dbc-redesign .rd-hero-grid, body.dbc-redesign .rd-hero-grid>*,
  body.dbc-redesign .rd-bento, body.dbc-redesign .rd-bento>*,
  body.dbc-redesign .rd-steps, body.dbc-redesign .rd-steps>*,
  body.dbc-redesign .rd-stats, body.dbc-redesign .rd-stats>*,
  body.dbc-redesign .rd-trust, body.dbc-redesign .rd-chips{ min-width:0 !important; }

  /* HERO heading — uniform size incl. gradient words (was rendering tiny) */
  body.dbc-redesign .rd-hero-grid{ grid-template-columns:1fr !important; gap:1.8rem; }
  body.dbc-redesign .rd-hero h1{ font-size:1.8rem !important; line-height:1.2; letter-spacing:-.02em; overflow-wrap:break-word; }
  body.dbc-redesign .rd-hero h1 .rd-grad-text{ font-size:inherit !important; line-height:inherit !important; }
  body.dbc-redesign .rd-hero .rd-lead{ font-size:1rem; max-width:none; }
  body.dbc-redesign .rd-pill{ white-space:normal; line-height:1.4; }

  /* chips: exactly 2 per row */
  body.dbc-redesign .rd-chips{ display:grid !important; grid-template-columns:1fr 1fr; gap:.5rem; margin:1.2rem 0 1.4rem; }
  body.dbc-redesign .rd-chip{ justify-content:center; padding:.5rem .35rem; font-size:.75rem; }

  /* trust: 3 tidy columns, no jumble */
  body.dbc-redesign .rd-trust{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:.55rem; align-items:stretch; }
  body.dbc-redesign .rd-trust>div{ min-width:0; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; text-align:center; }
  body.dbc-redesign .rd-trust .rd-stars{ order:1; font-size:.72rem; margin-bottom:.1rem; }
  body.dbc-redesign .rd-trust b{ order:2; font-size:1rem; }
  body.dbc-redesign .rd-trust span{ font-size:.64rem; line-height:1.25; display:block; }
  body.dbc-redesign .rd-trust>div>span:last-child{ order:3; min-height:2.5em; margin-top:.12rem; }

  /* stats: compact so the 3-up rows fit in a line */
  body.dbc-redesign .rd-stat{ padding:.85rem .35rem; }
  body.dbc-redesign .rd-stat b{ font-size:1.15rem; }
  body.dbc-redesign .rd-stat span{ font-size:.62rem; line-height:1.25; }

  /* "Everything you need" bento — override inline 4-col so cards stack full-width */
  body.dbc-redesign .rd-bento{ grid-template-columns:1fr !important; gap:1.2rem; }
  body.dbc-redesign .rd-fcard.rd-span-2, body.dbc-redesign .rd-span-2,
  body.dbc-redesign .rd-span-3, body.dbc-redesign .rd-span-4{ grid-column:auto !important; }

  /* "Titans Card vs alternatives" — real horizontal scroll, nothing cut */
  body.dbc-redesign .rd-compare{ display:table !important; white-space:normal !important; min-width:560px; overflow:visible !important; }
  body.dbc-redesign .rd-compare th, body.dbc-redesign .rd-compare td{ padding:.7rem .65rem; font-size:.8rem; }

  /* why-choose benefit cards — pill wraps under heading, no overlap */
  body.dbc-redesign .rd-benefit{ padding:1rem 0; gap:.85rem; }
  body.dbc-redesign .rd-benefit h4{ font-size:1rem; display:flex; flex-wrap:wrap; align-items:center; gap:.3rem .4rem; }
  body.dbc-redesign .rd-benefit .rd-pill-sm{ margin-left:0; }
  body.dbc-redesign .rd-package{ padding:1.5rem; }

  /* CTA — not clipped */
  body.dbc-redesign .rd-cta{ padding:2rem 1.15rem !important; }
  body.dbc-redesign .rd-cta h2{ font-size:1.55rem; }
  body.dbc-redesign .rd-cta-row{ flex-direction:column; }
  body.dbc-redesign .rd-cta-row .rd-btn{ width:100%; }

  /* testimonials — smaller card + top no longer clipped by the owl stage */
  body.dbc-redesign .lovedByRating .gtco-testimonials .owl-stage-outer{ padding-top:2.4rem !important; padding-bottom:0 !important; height:auto !important; }
  body.dbc-redesign .lovedByRating .owl-item{ height:auto !important; }
  body.dbc-redesign .lovedByRating .owl-nav{ margin-top:.7rem !important; }
  body.dbc-redesign .lovedByRating .owl-carousel1 .card{ padding:1.25rem !important; margin-top:.2rem; height:auto !important; min-height:0 !important; }
  body.dbc-redesign .lovedByRating .owl-carousel1 .card .ellipsis-var{ min-height:0 !important; height:auto !important; }
  body.dbc-redesign .lovedByRating .owl-carousel1 .owl-item .card{ align-self:flex-start; }
  body.dbc-redesign .lovedByRating .owl-carousel1 .card h6{ font-size:1rem; margin-bottom:.1rem; }
  body.dbc-redesign .lovedByRating .owl-carousel1 .card small{ font-size:.78rem; }
  body.dbc-redesign .lovedByRating .owl-carousel1 .card .ellipsis-var{ font-size:.86rem; line-height:1.55 !important; }
  body.dbc-redesign .lovedByRating .owl-carousel1 .card figure.iconSize-md,
  body.dbc-redesign .lovedByRating .owl-carousel1 .card figure.iconSize-md img{ width:52px !important; height:52px !important; }
}

/* ============================================================================
   "BUY NOW" LOGIN/REGISTER POPUP (#modalfinallogin) — premium dark redesign.
   Restyle only (all fields, tabs, Google/LinkedIn, and JS handlers unchanged).
   ============================================================================ */
body.dbc-redesign #modalfinallogin .modal-dialog{ max-width:600px; width:calc(100% - 1.5rem); margin-inline:auto; }
body.dbc-redesign #modalfinallogin .modal-content{
  background:linear-gradient(180deg,#15132e 0%,#0c0b1e 100%) !important; color:#e7e6f3 !important;
  border:1px solid rgba(255,255,255,.12) !important; border-radius:26px !important; overflow:hidden; position:relative;
  box-shadow:0 44px 110px -34px rgba(0,0,0,.85), 0 0 0 1px rgba(124,92,255,.14);
}
body.dbc-redesign #modalfinallogin .modal-content::before{
  content:""; position:absolute; left:0; right:0; top:0; height:210px; pointer-events:none;
  background:radial-gradient(120% 100% at 50% -20%, rgba(124,92,255,.4), rgba(230,71,201,.16) 45%, transparent 72%);
}
body.dbc-redesign #modalfinallogin .modal-body{ position:relative; z-index:1; padding-bottom:.4rem; }
/* close */
body.dbc-redesign #modalfinallogin #closemodalfinallogin{
  background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:50% !important;
  width:36px; height:36px; display:grid; place-items:center; margin:.75rem .75rem 0 0 !important; transition:.2s; }
body.dbc-redesign #modalfinallogin #closemodalfinallogin:hover{ background:rgba(230,71,201,.3) !important; transform:rotate(90deg); }
body.dbc-redesign #modalfinallogin #closemodalfinallogin i{ color:#fff !important; font-size:.9rem; }
/* title */
body.dbc-redesign #modalfinallogin h2{
  font-family:"Space Grotesk","Inter",sans-serif !important; color:#fff !important; font-weight:700 !important;
  font-size:1.55rem !important; letter-spacing:-.02em !important; margin:.2rem 0 .1rem !important; }
body.dbc-redesign #modalfinallogin h2::after{
  content:"Sign in to complete your purchase"; display:block; font-family:"Inter",sans-serif; font-weight:400;
  font-size:.85rem; color:#a7a3c4; margin-top:.4rem; text-transform:none; letter-spacing:0; }
/* tabs */
body.dbc-redesign #modalfinallogin #login-tab{
  background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important; padding:5px !important; gap:4px; margin-top:1.2rem !important; }
body.dbc-redesign #modalfinallogin #login-tab .vr{ display:none !important; }
body.dbc-redesign #modalfinallogin #login-tab .nav-item{ flex:1; }
body.dbc-redesign #modalfinallogin .nav-pills .nav-link{
  color:#c9c6e6 !important; width:100%; border-radius:999px !important; font-weight:600 !important;
  padding:.55rem !important; background:transparent !important; transition:.25s; }
body.dbc-redesign #modalfinallogin .nav-pills .nav-link.active{
  background:linear-gradient(120deg,#6366f1,#a855f7 55%,#e647c9) !important; color:#fff !important;
  box-shadow:0 10px 22px -8px rgba(124,92,255,.7); }
/* strip white surfaces */
body.dbc-redesign #modalfinallogin .tab-content,
body.dbc-redesign #modalfinallogin .shadow-tc,
body.dbc-redesign #modalfinallogin .tab-pane .bg-white,
body.dbc-redesign #modalfinallogin .login-container.bg-white,
body.dbc-redesign #modalfinallogin .bg-white{ background:transparent !important; box-shadow:none !important; }
/* inputs */
body.dbc-redesign #modalfinallogin .form-control,
body.dbc-redesign #modalfinallogin .textbox,
body.dbc-redesign #modalfinallogin input[type=text],
body.dbc-redesign #modalfinallogin input[type=password]{
  background:rgba(255,255,255,.05) !important; border:1px solid rgba(255,255,255,.14) !important; color:#fff !important;
  border-radius:12px !important; padding:.95rem 1rem !important; box-shadow:none !important; }
body.dbc-redesign #modalfinallogin .form-control:focus{
  border-color:#a855f7 !important; box-shadow:0 0 0 3px rgba(168,85,247,.25) !important; background:rgba(255,255,255,.08) !important; }
body.dbc-redesign #modalfinallogin .form-control::placeholder{ color:#8b86a8 !important; }
body.dbc-redesign #modalfinallogin label.claass{ color:#a7a3c4 !important; }
body.dbc-redesign #modalfinallogin .mandatory{ color:#e647c9 !important; }
body.dbc-redesign #modalfinallogin .form-group i[class^="icon-"],
body.dbc-redesign #modalfinallogin .form-group i[class*=" icon-"]{ color:#a7a3c4 !important; }
/* primary buttons */
body.dbc-redesign #modalfinallogin #btnlogin,
body.dbc-redesign #modalfinallogin .register-btn,
body.dbc-redesign #modalfinallogin .fancy-btn{
  background:linear-gradient(120deg,#6366f1,#a855f7 55%,#e647c9) !important; border:0 !important; color:#fff !important;
  border-radius:12px !important; padding:.9rem !important; font-weight:700 !important; letter-spacing:.01em;
  box-shadow:0 16px 32px -12px rgba(124,92,255,.75) !important; transition:transform .2s, filter .2s; }
body.dbc-redesign #modalfinallogin #btnlogin:hover,
body.dbc-redesign #modalfinallogin .register-btn:hover,
body.dbc-redesign #modalfinallogin .fancy-btn:hover{ transform:translateY(-2px); filter:saturate(1.1) brightness(1.04); }
/* Or divider with lines */
body.dbc-redesign #modalfinallogin h4{
  color:#8b86a8 !important; font-size:.85rem !important; font-weight:500 !important;
  display:flex; align-items:center; gap:.8rem; }
body.dbc-redesign #modalfinallogin h4::before,
body.dbc-redesign #modalfinallogin h4::after{ content:""; flex:1; height:1px; background:rgba(255,255,255,.12); }
/* Google + LinkedIn — dark glass to match */
body.dbc-redesign #modalfinallogin .gsi-material-button,
body.dbc-redesign #modalfinallogin .linkedin-button{
  background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.2) !important;
  border-radius:12px !important; color:#fff !important; height:48px !important; }
body.dbc-redesign #modalfinallogin .gsi-material-button:hover,
body.dbc-redesign #modalfinallogin .linkedin-button:hover{ background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.35) !important; }
body.dbc-redesign #modalfinallogin .gsi-material-button-contents,
body.dbc-redesign #modalfinallogin .linkedin-button-contents{ color:#fff !important; }
/* misc text */
body.dbc-redesign #modalfinallogin p small,
body.dbc-redesign #modalfinallogin .text-start small{ color:#a7a3c4 !important; }
body.dbc-redesign #modalfinallogin .text-danger{ color:#fca5a5 !important; }
body.dbc-redesign #modalfinallogin a[href*="organisers"] small{ color:#a7a3c4 !important; }
body.dbc-redesign #modalfinallogin .alert-warning{ background:rgba(251,191,36,.14) !important; border:1px solid rgba(251,191,36,.35) !important; color:#fde68a !important; border-radius:10px; }
/* keep room for the country-flag selector & email icon (plugin adds them on the left) */
body.dbc-redesign #modalfinallogin #txtguestcheckoutphonenum{ padding-left:58px !important; }
body.dbc-redesign #modalfinallogin #txtguestcheckoutemail{ padding-left:2.9rem !important; }
body.dbc-redesign #modalfinallogin .country-select .flag-dropdown,
body.dbc-redesign #modalfinallogin .country-select .selected-flag{ background:transparent !important; border-radius:12px 0 0 12px; }

/* ----------------------------------------------------------------------------
   Login popup — Google & LinkedIn buttons: icon + label on ONE centered line.
   (LinkedIn had no flex wrapper so its icon stacked above the text; Google's
   wrapper used space-between which pushed the icon to the edge.)
   ---------------------------------------------------------------------------- */
body.dbc-redesign #modalfinallogin .gsi-material-button-content-wrapper,
body.dbc-redesign #modalfinallogin .linkedin-button-content-wrapper{
  display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
  align-items:center !important; justify-content:center !important; gap:.55rem;
  width:100% !important; height:100% !important; padding:0 !important;
}
body.dbc-redesign #modalfinallogin .gsi-material-button-icon,
body.dbc-redesign #modalfinallogin .linkedin-button-icon{
  flex:0 0 auto !important; margin:0 !important; padding:0 !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  width:20px !important; height:20px !important; min-width:20px !important;
}
body.dbc-redesign #modalfinallogin .gsi-material-button-icon svg,
body.dbc-redesign #modalfinallogin .linkedin-button-icon svg{
  width:20px !important; height:20px !important; display:block;
}
body.dbc-redesign #modalfinallogin .gsi-material-button-contents,
body.dbc-redesign #modalfinallogin .linkedin-button-contents{
  flex:0 0 auto !important; white-space:nowrap !important; text-align:center;
  font-weight:600; line-height:1;
}

/* Google button was capped at max-width:400px (gsi default) → narrower than the full-width
   LinkedIn/Login buttons, so its centered content looked left-shifted. Make it full-width & centered. */
body.dbc-redesign #modalfinallogin .gsi-material-button{
  max-width:none !important; width:100% !important; min-width:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}