/* DEVZ bright-premium homepage theme.
   This file loads last so colour and contrast stay predictable. */
:root {
  --bright-navy: #17324a;
  --bright-ink: #243b4a;
  --bright-muted: #52636c;
  --bright-gold: #805719;
  --bright-paper: #fffdf8;
  --bright-ivory: #faf6ee;
  --bright-sand: #f4eadb;
  --bright-blue: #edf4f6;
  --bright-line: #c8d3d8;
  --bright-shadow: 0 20px 52px rgba(23, 50, 74, .1);
}

body:not(.inner-page) {
  background: var(--bright-ivory) !important;
  color: var(--bright-ink) !important;
}
body:not(.inner-page) main { background: var(--bright-ivory) !important; }

/* Light, image-led hero */
body:not(.inner-page) .hero.hero-glass {
  background: #f5eee3 !important;
  color: var(--bright-navy) !important;
}
body:not(.inner-page) .hero-glass-image {
  filter: saturate(.76) contrast(.91) brightness(1.12) !important;
}
body:not(.inner-page) .hero-glass-shade {
  background:
    linear-gradient(90deg, rgba(255, 253, 248, .98) 0%, rgba(255, 251, 242, .91) 42%, rgba(255, 251, 242, .48) 70%, rgba(255, 251, 242, .3) 100%),
    linear-gradient(0deg, rgba(250, 246, 238, .74), transparent 48%) !important;
}
body:not(.inner-page) .hero-glass .eyebrow {
  color: var(--bright-gold) !important;
  text-shadow: none !important;
}
body:not(.inner-page) .hero-glass .eyebrow span { background: var(--bright-gold) !important; }
body:not(.inner-page) .hero-glass h1 {
  color: var(--bright-navy) !important;
  text-shadow: 0 3px 28px rgba(255, 255, 255, .8) !important;
}
body:not(.inner-page) .hero-glass h1 em { color: var(--bright-gold) !important; }
body:not(.inner-page) .hero-glass .hero-lead {
  color: #405560 !important;
  text-shadow: 0 2px 18px rgba(255, 255, 255, .9) !important;
}
body:not(.inner-page) .hero-glass .hero-glass-card {
  color: var(--bright-navy) !important;
  background: rgba(255, 253, 248, .94) !important;
  border-color: rgba(23, 50, 74, .2) !important;
  box-shadow: 0 28px 72px rgba(23, 50, 74, .17), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(24px) saturate(125%) !important;
  backdrop-filter: blur(24px) saturate(125%) !important;
}
body:not(.inner-page) .hero-glass .hero-glass-card .card-top,
body:not(.inner-page) .hero-glass .hero-glass-card label {
  color: #3b5360 !important;
  border-color: rgba(23, 50, 74, .16) !important;
  text-shadow: none !important;
}
body:not(.inner-page) .hero-glass .hero-glass-card input,
body:not(.inner-page) .hero-glass .hero-glass-card select {
  color: var(--bright-navy) !important;
  -webkit-text-fill-color: var(--bright-navy) !important;
  background: rgba(255, 255, 255, .9) !important;
  border-color: #aebdc4 !important;
  box-shadow: inset 0 1px 0 #fff !important;
  color-scheme: light !important;
}
body:not(.inner-page) .hero-glass .hero-glass-card input::placeholder {
  color: #687780 !important;
  -webkit-text-fill-color: #687780 !important;
  opacity: 1 !important;
}
body:not(.inner-page) .hero-glass .hero-glass-card input:focus,
body:not(.inner-page) .hero-glass .hero-glass-card select:focus {
  color: var(--bright-navy) !important;
  -webkit-text-fill-color: var(--bright-navy) !important;
  background: #fff !important;
  border-color: var(--bright-gold) !important;
  box-shadow: 0 0 0 3px rgba(128, 87, 25, .17) !important;
}
body:not(.inner-page) .hero-glass .hero-glass-card > p { color: var(--bright-muted) !important; }
body:not(.inner-page) .hero-glass .hero-glass-card .button-gold {
  color: #fff !important;
  background: var(--bright-navy) !important;
  border-color: var(--bright-navy) !important;
}
body:not(.inner-page) .hero-glass .hero-quote-title {
  color: #294657 !important;
  -webkit-text-fill-color: #294657 !important;
}
body:not(.inner-page) .hero-glass .hero-vehicle-option {
  color: var(--bright-navy) !important;
  -webkit-text-fill-color: var(--bright-navy) !important;
  background: #fff !important;
  border-color: #b7c5cb !important;
  box-shadow: 0 8px 22px rgba(23, 50, 74, .09), inset 0 1px 0 #fff !important;
}
body:not(.inner-page) .hero-glass .hero-vehicle-option b,
body:not(.inner-page) .hero-glass .hero-vehicle-option strong {
  color: var(--bright-navy) !important;
  -webkit-text-fill-color: var(--bright-navy) !important;
}
body:not(.inner-page) .hero-glass .hero-vehicle-option small {
  color: var(--bright-muted) !important;
  -webkit-text-fill-color: var(--bright-muted) !important;
}
body:not(.inner-page) .hero-glass .hero-vehicle-option:hover,
body:not(.inner-page) .hero-glass .hero-vehicle-option:focus-visible {
  background: #f1f6f7 !important;
  border-color: #7793a0 !important;
}
body:not(.inner-page) .hero-glass .hero-vehicle-option.selected {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--bright-navy) !important;
  border-color: var(--bright-navy) !important;
  box-shadow: 0 12px 28px rgba(23, 50, 74, .22), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}
body:not(.inner-page) .hero-glass .hero-vehicle-option.selected b,
body:not(.inner-page) .hero-glass .hero-vehicle-option.selected strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body:not(.inner-page) .hero-glass .hero-vehicle-option.selected small {
  color: #dce7eb !important;
  -webkit-text-fill-color: #dce7eb !important;
}
body:not(.inner-page) .hero-glass .hero-footer { color: #465c67 !important; }
body:not(.inner-page) .hero-glass .scroll-line { background: rgba(23, 50, 74, .25) !important; }

/* Bright section rhythm replaces the night-photo wash. */
body:not(.inner-page) .manifesto,
body:not(.inner-page) .services,
body:not(.inner-page) .fleet,
body:not(.inner-page) .standard,
body:not(.inner-page) .process,
body:not(.inner-page) .faq-section,
body:not(.inner-page) .locations,
body:not(.inner-page) .quote {
  color: var(--bright-ink) !important;
}
body:not(.inner-page) .manifesto::after,
body:not(.inner-page) .services::after,
body:not(.inner-page) .fleet::after,
body:not(.inner-page) .standard::after,
body:not(.inner-page) .process::after,
body:not(.inner-page) .faq-section::after,
body:not(.inner-page) .locations::after,
body:not(.inner-page) .quote::after { display: none !important; }

body:not(.inner-page) .manifesto::before,
body:not(.inner-page) .fleet::before,
body:not(.inner-page) .faq-section::before,
body:not(.inner-page) .locations::before {
  background: radial-gradient(circle at 88% 8%, rgba(189, 211, 219, .46), transparent 34%), var(--bright-paper) !important;
}
body:not(.inner-page) .services::before,
body:not(.inner-page) .quote::before {
  background: radial-gradient(circle at 8% 15%, rgba(214, 179, 111, .2), transparent 32%), var(--bright-sand) !important;
}
body:not(.inner-page) .standard::before,
body:not(.inner-page) .process::before {
  background: radial-gradient(circle at 92% 10%, rgba(255, 255, 255, .75), transparent 38%), var(--bright-blue) !important;
}

body:not(.inner-page) .manifesto-copy,
body:not(.inner-page) .section-head,
body:not(.inner-page) .fleet-intro,
body:not(.inner-page) .standard-copy,
body:not(.inner-page) .quote-intro,
body:not(.inner-page) .process-grid,
body:not(.inner-page) .faq-list,
body:not(.inner-page) .location-grid,
body:not(.inner-page) .service-list,
body:not(.inner-page) .quote-form {
  color: var(--bright-ink) !important;
  background: rgba(255, 255, 255, .9) !important;
  border-color: var(--bright-line) !important;
  box-shadow: var(--bright-shadow), inset 0 1px 0 #fff !important;
  -webkit-backdrop-filter: blur(18px) saturate(115%) !important;
  backdrop-filter: blur(18px) saturate(115%) !important;
}
body:not(.inner-page) .manifesto h2,
body:not(.inner-page) .services h2,
body:not(.inner-page) .fleet h2,
body:not(.inner-page) .standard h2,
body:not(.inner-page) .process h2,
body:not(.inner-page) .faq-section h2,
body:not(.inner-page) .locations h2,
body:not(.inner-page) .quote h2,
body:not(.inner-page) .service-item,
body:not(.inner-page) .principles h3,
body:not(.inner-page) .process-grid h3,
body:not(.inner-page) .faq-list summary,
body:not(.inner-page) .location-card {
  color: var(--bright-navy) !important;
  text-shadow: none !important;
}
body:not(.inner-page) .manifesto-copy > p:last-child,
body:not(.inner-page) .section-head > p,
body:not(.inner-page) .fleet-intro > p,
body:not(.inner-page) .quote-intro > p,
body:not(.inner-page) .service-item p,
body:not(.inner-page) .vehicle p,
body:not(.inner-page) .process-grid p,
body:not(.inner-page) .principles p,
body:not(.inner-page) .faq-list p {
  color: var(--bright-muted) !important;
}
body:not(.inner-page) .section-index,
body:not(.inner-page) .kicker,
body:not(.inner-page) .service-item > span,
body:not(.inner-page) .service-item b,
body:not(.inner-page) .vehicle-info > span,
body:not(.inner-page) .principles span,
body:not(.inner-page) .process-grid span {
  color: var(--bright-gold) !important;
}
body:not(.inner-page) .service-item,
body:not(.inner-page) .principles > div,
body:not(.inner-page) .process-grid article,
body:not(.inner-page) .faq-list details {
  border-color: #d3dcdf !important;
}
body:not(.inner-page) .service-item:hover { background: #f7f1e7 !important; }
body:not(.inner-page) .text-link,
body:not(.inner-page) .direct-contact a { color: #27485b !important; }
body:not(.inner-page) .fleet-controls button {
  color: var(--bright-navy) !important;
  background: #fff !important;
  border-color: #aebdc4 !important;
}
body:not(.inner-page) .fleet-controls span { color: var(--bright-muted) !important; }

body:not(.inner-page) .locations .location-grid {
  background: rgba(255, 255, 255, .9) !important;
  border-color: var(--bright-line) !important;
}
body:not(.inner-page) .locations .location-card {
  color: var(--bright-navy) !important;
  background: linear-gradient(145deg, #fffefb, #edf4f6) !important;
  border-color: #c3d1d7 !important;
  box-shadow: 0 12px 30px rgba(23, 50, 74, .08) !important;
}
body:not(.inner-page) .locations .location-card span,
body:not(.inner-page) .locations .location-card b { color: var(--bright-gold) !important; }
body:not(.inner-page) .locations .location-card h3 { color: var(--bright-navy) !important; text-shadow: none !important; }
body:not(.inner-page) .locations .location-card p { color: var(--bright-muted) !important; }
body:not(.inner-page) .locations .location-card:hover {
  background: linear-gradient(145deg, #fff, #e4eff2) !important;
  border-color: #819daa !important;
}

/* Dark accents become short, intentional contrast moments. */
body:not(.inner-page) .marquee {
  color: var(--bright-navy) !important;
  background: #ead8b8 !important;
  border-color: #d4bd91 !important;
}
body:not(.inner-page) .marquee i { color: var(--bright-gold) !important; }
body:not(.inner-page) .visual-interlude > img {
  filter: saturate(.82) contrast(.96) brightness(1.08) !important;
}
body:not(.inner-page) .visual-interlude::after {
  background: linear-gradient(90deg, rgba(11, 35, 52, .76), rgba(11, 35, 52, .22) 70%, rgba(11, 35, 52, .12)) !important;
}
body:not(.inner-page) .visual-copy,
body:not(.inner-page) .visual-copy h2 { color: #fff !important; }
body:not(.inner-page) .visual-copy .kicker,
body:not(.inner-page) .visual-copy h2 em { color: #f5dc9f !important; }

/* High-contrast calls to action on both light and photographic sections. */
body:not(.inner-page) .book-now-glass {
  color: #fff !important;
  background: linear-gradient(135deg, #17324a, #28536b) !important;
  border-color: #17324a !important;
  box-shadow: 0 10px 26px rgba(23, 50, 74, .2), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
  text-shadow: none !important;
}
body:not(.inner-page) .book-now-glass b { color: #f3d591 !important; }
body:not(.inner-page) .book-now-glass:hover,
body:not(.inner-page) .book-now-glass:focus-visible {
  color: #fff !important;
  background: #234c64 !important;
  border-color: #234c64 !important;
}

/* Bright booking form, including mobile, focus and autofill states. */
body:not(.inner-page) #quoteForm { color: var(--bright-ink) !important; }
body:not(.inner-page) #quoteForm label,
body:not(.inner-page) #quoteForm .booking-mode legend {
  color: #294657 !important;
  text-shadow: none !important;
}
body:not(.inner-page) #quoteForm input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
body:not(.inner-page) #quoteForm select,
body:not(.inner-page) #quoteForm textarea {
  color: var(--bright-navy) !important;
  -webkit-text-fill-color: var(--bright-navy) !important;
  caret-color: var(--bright-navy) !important;
  background: #fff !important;
  border-color: #aebdc4 !important;
  box-shadow: inset 0 1px 0 #fff !important;
  color-scheme: light !important;
}
body:not(.inner-page) #quoteForm input::placeholder,
body:not(.inner-page) #quoteForm textarea::placeholder {
  color: #687780 !important;
  -webkit-text-fill-color: #687780 !important;
  opacity: 1 !important;
}
body:not(.inner-page) #quoteForm input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
body:not(.inner-page) #quoteForm select:focus,
body:not(.inner-page) #quoteForm textarea:focus {
  color: var(--bright-navy) !important;
  -webkit-text-fill-color: var(--bright-navy) !important;
  caret-color: var(--bright-navy) !important;
  background: #fff !important;
  border-color: var(--bright-gold) !important;
  box-shadow: 0 0 0 3px rgba(128, 87, 25, .18) !important;
}
body:not(.inner-page) #quoteForm input:-webkit-autofill,
body:not(.inner-page) #quoteForm input:-webkit-autofill:hover,
body:not(.inner-page) #quoteForm input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--bright-navy) !important;
  caret-color: var(--bright-navy) !important;
  -webkit-box-shadow: 0 0 0 1000px #fff inset, 0 0 0 3px rgba(128, 87, 25, .12) !important;
  box-shadow: 0 0 0 1000px #fff inset, 0 0 0 3px rgba(128, 87, 25, .12) !important;
  border-color: #9a7a45 !important;
}
body:not(.inner-page) #quoteForm select option { color: var(--bright-navy) !important; background: #fff !important; }
body:not(.inner-page) #quoteForm small,
body:not(.inner-page) #quoteForm .bag-field-help,
body:not(.inner-page) #quoteForm .flight-field small,
body:not(.inner-page) #quoteForm .estimate-controls p,
body:not(.inner-page) #quoteForm .form-note,
body:not(.inner-page) #quoteForm .booking-time-help,
body:not(.inner-page) #quoteForm .booking-capacity-help {
  color: var(--bright-muted) !important;
  text-shadow: none !important;
}
body:not(.inner-page) #quoteForm .booking-capacity-help.error,
body:not(.inner-page) #quoteForm .form-note.error { color: #8a2f24 !important; }

body:not(.inner-page) #quoteForm .booking-progress li {
  color: #52636c !important;
  background: #f4f7f8 !important;
  border-color: #c4d0d5 !important;
}
body:not(.inner-page) #quoteForm .booking-progress li span { background: #dfe9ec !important; }
body:not(.inner-page) #quoteForm .booking-progress li.active {
  color: #fff !important;
  background: var(--bright-navy) !important;
  border-color: var(--bright-navy) !important;
}
body:not(.inner-page) #quoteForm .booking-progress li.active span { background: rgba(255, 255, 255, .18) !important; }
body:not(.inner-page) #quoteForm .booking-mode label {
  color: var(--bright-navy) !important;
  -webkit-text-fill-color: var(--bright-navy) !important;
  background: #fff !important;
  border-color: #aebdc4 !important;
  box-shadow: none !important;
}
body:not(.inner-page) #quoteForm .booking-mode label:has(input:checked) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--bright-navy) !important;
  border-color: var(--bright-navy) !important;
}
body:not(.inner-page) #quoteForm .booking-mode input[type="radio"] { accent-color: var(--bright-gold) !important; }
body:not(.inner-page) #quoteForm .route-preview,
body:not(.inner-page) #quoteForm .vehicle-options,
body:not(.inner-page) #quoteForm .estimate-card {
  color: var(--bright-ink) !important;
  background: #f7fafb !important;
  border-color: #c8d4d9 !important;
  box-shadow: 0 12px 30px rgba(23, 50, 74, .07) !important;
}
body:not(.inner-page) #quoteForm .vehicle-quote-card {
  color: var(--bright-navy) !important;
  background: #fff !important;
  border-color: #c4d0d5 !important;
}
body:not(.inner-page) #quoteForm .vehicle-quote-card.selected {
  background: #fffaf0 !important;
  border-color: var(--bright-gold) !important;
}
body:not(.inner-page) #quoteForm .button-gold,
body:not(.inner-page) #quoteForm .button-payment {
  color: #fff !important;
  background: var(--bright-navy) !important;
  border-color: var(--bright-navy) !important;
}
body:not(.inner-page) #quoteForm .button-whatsapp {
  color: #0f4229 !important;
  background: #e5f7eb !important;
  border-color: #86b997 !important;
}
body:not(.inner-page) #quoteForm .button-outline {
  color: var(--bright-navy) !important;
  background: #fff !important;
  border-color: #8fa3ad !important;
}

body:not(.inner-page) footer {
  color: var(--bright-navy) !important;
  background: linear-gradient(135deg, #e5eef1, #f6efe3) !important;
  border-top: 1px solid #c5d1d6 !important;
}
body:not(.inner-page) footer::before { display: none !important; }
body:not(.inner-page) .footer-brand span { color: var(--bright-gold) !important; }
body:not(.inner-page) .footer-links a,
body:not(.inner-page) .footer-meta { color: #3f5662 !important; }

@media (max-width: 680px) {
  body:not(.inner-page) .hero-glass-shade {
    background: linear-gradient(180deg, rgba(255, 252, 245, .95) 0%, rgba(255, 252, 245, .83) 48%, rgba(245, 238, 227, .9) 100%) !important;
  }
  body:not(.inner-page) .hero-glass .hero-lead { max-width: 100% !important; }
  body:not(.inner-page) .hero-glass .hero-glass-card { background: rgba(255, 253, 248, .96) !important; }
  body:not(.inner-page) .visual-interlude::after {
    background: linear-gradient(180deg, rgba(11, 35, 52, .18), rgba(11, 35, 52, .72)) !important;
  }
}

@media (prefers-contrast: more) {
  body:not(.inner-page) .manifesto-copy,
  body:not(.inner-page) .section-head,
  body:not(.inner-page) .fleet-intro,
  body:not(.inner-page) .standard-copy,
  body:not(.inner-page) .quote-intro,
  body:not(.inner-page) .process-grid,
  body:not(.inner-page) .faq-list,
  body:not(.inner-page) .location-grid,
  body:not(.inner-page) .service-list,
  body:not(.inner-page) .quote-form { background: #fff !important; }
}

/* Restore the full premium motion system without changing the bright palette. */
@keyframes brightHeaderFlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes brightBrandSweep {
  0%, 24% { opacity: 0; transform: translateX(-150%) skewX(-18deg); }
  40% { opacity: .68; }
  58%, 100% { opacity: 0; transform: translateX(190%) skewX(-18deg); }
}
@keyframes brightLogoGlow {
  0%, 100% { filter: drop-shadow(0 3px 7px rgba(128, 87, 25, .2)) brightness(.98); }
  50% { filter: drop-shadow(0 7px 15px rgba(196, 143, 43, .48)) brightness(1.1); }
}
@keyframes brightButtonFlow {
  0%, 18% { background-position: 115% 50%; }
  58%, 100% { background-position: -20% 50%; }
}
@keyframes brightSoftPulse {
  0%, 100% { box-shadow: 0 10px 26px rgba(23, 50, 74, .16); }
  50% { box-shadow: 0 14px 34px rgba(23, 50, 74, .28), 0 0 0 4px rgba(128, 87, 25, .08); }
}
@keyframes brightWhatsAppPulse {
  0%, 100% { box-shadow: 0 12px 30px rgba(15, 66, 41, .14); }
  50% { box-shadow: 0 16px 38px rgba(15, 66, 41, .26), 0 0 0 5px rgba(37, 211, 102, .1); }
}

@media (prefers-reduced-motion: no-preference) {
  body:not(.inner-page) .nav-shell,
  body:not(.inner-page) .site-header.scrolled .nav-shell {
    background-color: rgba(255, 253, 248, .97) !important;
    background-image: linear-gradient(118deg, rgba(255, 253, 248, .98) 0%, rgba(237, 245, 247, .97) 32%, rgba(241, 215, 158, .43) 49%, rgba(246, 241, 229, .97) 66%, rgba(255, 253, 248, .98) 100%) !important;
    background-size: 235% 100% !important;
    animation: brightHeaderFlow 9s ease-in-out infinite !important;
  }
  body:not(.inner-page) .brand { position: relative; overflow: hidden; }
  body:not(.inner-page) .brand::after {
    content: "";
    display: block !important;
    position: absolute;
    inset: -25% auto -25% 0;
    width: 34%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .92), transparent);
    animation: brightBrandSweep 5.8s ease-in-out infinite !important;
  }
  body:not(.inner-page) .brand-logo {
    animation: brightLogoGlow 4.8s ease-in-out infinite !important;
  }
  body:not(.inner-page) .nav-links a:not(.nav-phone)::after {
    display: block !important;
    background: linear-gradient(90deg, var(--bright-gold), #d3a74f, var(--bright-gold)) !important;
    background-size: 220% 100% !important;
    animation: devzGoldShine 6.8s ease-in-out infinite !important;
  }
  body:not(.inner-page) .button-gold,
  body:not(.inner-page) .button-payment,
  body:not(.inner-page) .card-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: var(--bright-navy) !important;
    background-image: linear-gradient(110deg, #17324a 0%, #254d64 25%, #3a647b 43%, #21465d 59%, #315b72 76%, #17324a 100%) !important;
    background-size: 260% 100% !important;
    animation: brightButtonFlow 5.2s ease-in-out infinite !important;
  }
  body:not(.inner-page) .hero-orbit {
    display: block;
    border-color: rgba(128, 87, 25, .22);
    box-shadow: 0 0 60px rgba(128, 87, 25, .08);
  }
  body:not(.inner-page) .booking-mode label:has(input:checked),
  body:not(.inner-page) .vehicle-quote-card.selected,
  body:not(.inner-page) .fleet-controls button {
    animation: brightSoftPulse 3.8s ease-in-out infinite !important;
  }
  body:not(.inner-page) .floating-whatsapp,
  body:not(.inner-page) .button-whatsapp {
    animation: brightWhatsAppPulse 3.2s ease-in-out infinite !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.inner-page) .nav-shell,
  body:not(.inner-page) .brand::after,
  body:not(.inner-page) .brand-logo,
  body:not(.inner-page) .nav-links a:not(.nav-phone)::after,
  body:not(.inner-page) .button-gold,
  body:not(.inner-page) .button-payment,
  body:not(.inner-page) .card-button,
  body:not(.inner-page) .booking-mode label,
  body:not(.inner-page) .vehicle-quote-card,
  body:not(.inner-page) .fleet-controls button,
  body:not(.inner-page) .floating-whatsapp,
  body:not(.inner-page) .button-whatsapp {
    animation: none !important;
  }
}