@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

body {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300;
  height: 100%;
  line-height: 1.8;
  width: 100%;
  padding-top: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #212529 !important;
}

.logo-text{
  color:#fff;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 2px;
  font-family: 'Poppins', sans-serif;
}

/* Menu — scoped to public site header so viewer/admin tabs stay readable */
.evnt-header .nav-link,
.navbar-brand-bg .nav-link {
  font-weight: 600;
  font-size: 14px !important;
  color: #fff !important;
  padding: 18px !important;
  letter-spacing: 0.5px;
  display: inline-flex !important;
}
.evnt-header .nav-link i,
.navbar-brand-bg .nav-link i {
  margin-right: 3px;
  line-height: 1.5;
}
.evnt-header .nav-link:hover,
.evnt-header .nav-link.active,
.navbar-brand-bg .nav-link:hover,
.navbar-brand-bg .nav-link.active {
  background: rgb(245 80 104);
}

.mega-dropdown {
  position: static;
}

.mega-dropdown:hover > .mega-menu {
  display: block;
}

.mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 80vw;
  max-width: 100vw;
  display: none;
  border: none;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0,0,0,.15);
  z-index: 1000;
}

.dropdown-toggle::after {
  display: none;
}
.dropdown-toggle::after {
  content: "\f107" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  border: none !important;
  vertical-align: middle !important;
}
.offcanvas .nav-link{
  padding: 8px 16px !important;
  border-bottom: solid rgb(245 80 104 / 44%) 1px;
}
.navbar-toggler:focus, .btn, .btn-close:focus{border: none; box-shadow: none !important;}

/* Mobile */
@media (min-width: 992px) {
  .navbar {
    padding: 0 !important;
  }
  .evnt-header .container-fluid{
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  .mega-menu {
    display: none !important;
  }
}

/* Menu End */

/* common classes */
section {
  padding-bottom: 40px;
  padding-top: 40px;
}
.sub-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.6rem;
}
p {
  color: #777;
}
/* Homepage headings — dark by default (NO !important so dark sections can override) */
body:not(.layout-top-nav) h1,
body:not(.layout-top-nav) h2,
body:not(.layout-top-nav) h3,
body:not(.layout-top-nav) h4,
body:not(.layout-top-nav) h5,
body:not(.layout-top-nav) h6 {
  color: #21252a;
  font-family: 'Poppins', sans-serif !important;
}

/* Dark backgrounds only: force readable white headings */
body:not(.layout-top-nav) .cta-section h1,
body:not(.layout-top-nav) .cta-section h2,
body:not(.layout-top-nav) .cta-section .cta-title,
body:not(.layout-top-nav) .features-section .ev-section-title,
body:not(.layout-top-nav) .footer-section .footer-title,
body:not(.layout-top-nav) .footer-section h6,
body:not(.layout-top-nav) .ssx-hero h1,
body:not(.layout-top-nav) .ssx-cta h2 {
  color: #ffffff !important;
}
body:not(.layout-top-nav) .cta-section .cta-title em,
body:not(.layout-top-nav) .features-section .ev-section-title em,
body:not(.layout-top-nav) .ssx-hero h1 em,
body:not(.layout-top-nav) .ssx-cta h2 em {
  color: var(--red, #fd1d3d) !important;
}

/* Light hero: dark body text + red accent (must beat any leftover white rules) */
body:not(.layout-top-nav) .ev-hero h1 {
  color: #21252a !important;
}
body:not(.layout-top-nav) .ev-hero h1 em {
  color: var(--red, #fd1d3d) !important;
}
body:not(.layout-top-nav) .ev-hero .hero-sub {
  color: #6b7280 !important;
}
input:focus, select:focus{
  box-shadow: none !important;
  border-color: #f10606 !important;
}
.btn-primary{
  background: #f10606 !important;
  color: #fff !important;
  border:none !important;
}
.btn-primary:hover,
.btn-primary:focus{
  background: #d90404 !important;
  color: #fff !important;
}
.hr-dashed{
  border-top: 1px dashed #ccc;
  opacity: 1;
}
.title {
  position: relative;
  margin-bottom: 15px;
}
.title:before {
  background-color: #ff1f3d;
  content: '';
  display: block;
  position:absolute; left:0; bottom:-5px;
  height: 2px;
  width: 75px; 
}
.register-content .title:before {
  background-color: #fff;
}
.close-btn {
  border-radius: 50px;
  background: #ff1f3d;
  color: #fff;
  border: none;
  line-height: 0;
  font-size: 20px;
  width: 35px;
  height: 35px;
  border: solid #ff1f3d 1px;
}
.close-btn:hover{
  background: #fff;
  color: #ff1f3d;
  border: solid #ff1f3d 1px;
}
.custom-check .form-check-input {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.custom-check .form-check-input:checked {
  background-color: #ff1f3d;
  border-color: #ff1f3d;
}

.custom-check label {
  margin-left: 6px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .modal-dialog {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}


/* feature-core */
.feature-core .icon {
  fill: #21252a;
  display: block;
  height: 100px;
  margin: 0 auto 30px;
  transform-origin: 50% 50%;
  transition: transform 0.35s ease, filter 0.35s ease;  
}
.feature-core-wrapper:hover .icon {
  transform: scale(1.15);
}
.feature-core-title {
  line-height: 1.2;
  margin-bottom: 15px;
  font-weight: 300;
}
.feature-core-desc {
  color: #949ea2;
  font-weight: 300;
}

/* "Why EventoX?" on the home page: four cards, each in a colour of its own (the heading's colours) */
.ev-why { padding: 30px 0 80px; background: #fff; }
.ev-why h2 { text-align: center; font-weight: 700; margin-bottom: 10px; }
.ev-why h2 em { font-style: normal; color: var(--red); }
.ev-why-sub { text-align: center; color: #6b7280; max-width: 620px; margin: 0 auto 44px; }
.ev-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.ev-why-card { --c: #fd1d3d; --bg: #fff1f3; background: #fff; border: 1px solid #f1e4e6; border-top: 4px solid var(--c); border-radius: 18px; padding: 28px 24px 26px; transition: transform .3s ease, box-shadow .3s ease; }
.ev-why-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(253,29,61,.10); }
.ev-why-icon { width: 64px; height: 64px; border-radius: 18px; background: var(--bg); color: var(--c); display: flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 20px; transition: transform .3s ease; }
.ev-why-card:hover .ev-why-icon { transform: scale(1.1) rotate(-4deg); }
.ev-why-card h3 { font-size: 19px; font-weight: 700; margin-bottom: 10px; color: #21252a; }
.ev-why-card p { color: #6b7280; font-size: 15px; line-height: 1.65; margin: 0; }
.ev-why-card.c2 { --c: #d97706; --bg: #fff7e6; }
.ev-why-card.c3 { --c: #7c3aed; --bg: #f3edff; }
.ev-why-card.c4 { --c: #059669; --bg: #e8f7f1; }
@media (max-width: 991px) { .ev-why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .ev-why-grid { grid-template-columns: 1fr; } .ev-why { padding: 20px 0 56px; } }

/* Home page: the customers' logos in one moving row under the hero; it stops under the pointer */
.ev-trust { padding: 34px 0 10px; background: #fff; }
.ev-trust-label { text-align: center; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #6b7280; margin: 0 0 20px; }
.ev-trust-label span { color: var(--red); }
.ev-trust-rail { overflow: hidden; direction: ltr; -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.ev-trust-track { display: flex; gap: 18px; width: max-content; animation: evTrust 70s linear infinite; }
.ev-trust-rail:hover .ev-trust-track { animation-play-state: paused; }
.ev-trust-logo { flex: 0 0 auto; width: 132px; height: 72px; padding: 10px 14px; background: #fff; border: 1px solid #f1e4e6; border-radius: 14px; display: flex; align-items: center; justify-content: center; }
.ev-trust-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
@keyframes evTrust { to { transform: translateX(calc(-50% - 9px)); } }   /* half the row: the second copy takes the first one's place */
@media (prefers-reduced-motion: reduce) { .ev-trust-track { animation: none; } .ev-trust-rail { overflow-x: auto; } }
.ev-trust + .ev-why { padding-top: 50px; }

/* Home page: a few figures in one light band */
.ev-stats { padding: 10px 0 70px; background: #fff; }
.ev-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); background: #fff5f6; border: 1px solid #fde0e4; border-radius: 22px; padding: 34px 10px; row-gap: 22px; }
.ev-stat { text-align: center; padding: 6px 14px; }
.ev-stat b { display: block; font-size: 40px; line-height: 1.1; font-weight: 800; color: #fd1d3d; }
.ev-stat.s2 b { color: #d97706; }
.ev-stat.s3 b { color: #7c3aed; }
.ev-stat.s4 b { color: #059669; }
.ev-stat span { display: block; margin-top: 6px; color: #6b7280; font-size: 14px; }
@media (max-width: 767px) { .ev-stats-grid { grid-template-columns: repeat(2, 1fr); padding: 26px 6px; } .ev-stat b { font-size: 32px; } }

/* Footer */

.footer-section {
  background: #2c2f2e;
  padding: 72px 0 0;
}

.footer-title {
  position: relative;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 22px;
  color: #ffffff !important;
  display: inline-block;
  padding-bottom: 12px;
  border-bottom: none;
}
.footer-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 2.4em;
  height: 2px;
  border-radius: 2px;
  background: #fd1d3d;
}
h6.footer-title { color: #ffffff !important; }

.footer-links li {
  margin-bottom: 10px;
}

.footer-links a {
  color: rgba(229, 231, 235, .78);
  font-size: 14px;
  text-decoration: none;
  transition: color .2s ease, padding-left .2s ease;
}

.footer-links a:hover {
  color: #ffffff;
  padding-left: 4px;
}
.footer-bottom-links {
    color: #e5e7eb;
}

.social-icon {
  width: 40px;
  height: 40px;
  border: 1.5px solid rgba(255,255,255,.22);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #e5e7eb;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.social-icon:hover {
  background: #fff;
  border-color: #fff;
  color: #f10606;
  transform: translateY(-2px);
}

.social-icon:hover .fa-facebook-f{
  color: #1877F2;
}
.social-icon:hover .fa-linkedin-in{
  color: #0A66C2;
}

.app-store {
  max-width: 150px;
  display: block;
}

.footer-bottom {
  background: #2f3231;
  padding: 15px 0;
  color: #e5e7eb;
}

.footer-bottom a {
  color: #e5e7eb;
  text-decoration: none;
}

.footer-bottom a:hover {
  color: #fff;
}



/*  Login Page */

.form-card{
  background: rgb(255 255 255 / 39%);
  padding: 30px;
  border-radius: 10px;
}

.login-wrapper {
  height: 100vh;
}
.form-control, .form-select{
  height: 38px;
  border-radius: 8px;
}
.social-btn i {
  font-size: 22px;
  color: #777;
}
.social-btn:hover .fa-google{
  color:#DB4437;
}
.social-btn:hover .fa-facebook{
  color:#1877F2;
}
.social-btn:hover .fa-apple{
  color:#000;
}
.right-section {
  background: #f10606;
}
.forgot-text, .signUp-text{
  color: #f10606;
}
.forgot-text:hover, .signUp-text:hover{
  color: #d90404;
}

@media (max-width: 991px) {
  .right-section {
    display: none !important;
  }
}

/* Plan & Pricing */

.bg-section {
    min-height: 100vh;
    /* background: 
      linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
      url('../img/plan-pricing-bg.jpg') center/cover no-repeat; */
      background:url('../img/plan-pricing-bg.jpg') center/cover no-repeat;
    display: flex;
    /* align-items: center; */
    justify-content: center;
  }

/* Customers — see homepage section below */

/* register */

.register-box {
  border-top: 1px solid #e5e5e5;
  position: relative;
}

.register-box span {
  position: relative;
  top: -12px;
  font-size: 14px;
}
.register-divider {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  color: #9aa0a6;
}

.register-divider::before,
.register-divider::after {
  content: "";
  flex: 1;
  height: 1px;
}

.register-divider::before {
  background: linear-gradient(to right, rgba(0,0,0,0), #e0e0e0);
}

.register-divider::after {
  background: linear-gradient(to left, rgba(0,0,0,0), #e0e0e0);
}

.register-divider span {
  padding: 0 14px;
  white-space: nowrap;
}

.register-content, .register-content p{color: #fff;line-height: 1.6;}
.icon-shape{
  width: 32px;
  height: 32px;
  background-position: center;
  border-radius: 4px;
  background: #fff;
  color:#ff1f3d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-info a{color: #fff; text-decoration: none;}
.signUp{background: #FFA500 !important; color: #000 !important;}
.signUp:hover{background: rgb(255 165 0 / 73%) !important; color: #fff !important;}

/*  OTP */

.otp-input {
  width: 48px;
  height: 48px;
  border: none;
  background: #e9f0fb;
  border-radius: 6px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.otp-input:focus {
  outline: none;
  border: 1px solid #4c7cf3;
  background: #fff;
}

.resend-link {
  font-size: 14px;
  text-decoration: none;
  color: #ff1f3d;
  font-weight: 500;
}

.swal2-html-container ul{
  text-align:center !important;
}

.bg-icon{
  width:50px;
  height:50px;
}
.bg-icon i{
  font-size: 20px;
}
.vision-box{
  background:#fff5f5;
}
.mission-box{
  background:#f0f7ff;
}
.mission-box .bg-icon{
  background: #1877F2;
}
.mission-box .title:before{
  background-color: #1877F2;
}
.vision-box .bg-icon{
  background: #fd1d3d;
}

.dedication-box{
  border-radius:12px;
  background:#ffffff;
  transition:0.3s;
  box-shadow:0 5px 15px rgba(0,0,0,0.05);
  border-bottom: 4px #ccc solid;
}

.dedication-box:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 35px rgba(0,0,0,0.1);
  border-bottom: 4px #fd1d3d solid;
}
.title-center::before{
  left: 50%;
  transform: translateX(-50%);
  bottom: -11px;
}
.icon-box{
  width:60px;
  height:60px;
  margin:0 auto;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(45deg, #ff2d2d, #fd1d3d);
  color:#fff;
  font-size:22px;
}

.why-us-section{
  position: relative;
  padding: 80px 0;
  background: url('../img/why-us.png') center/cover no-repeat;
  background-attachment: fixed;
}

.why-us-section::before{
  content: "";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, 0.6); /* darkness control */
  /* z-index: 1; */
}
section{
  scroll-margin-top: 80px;
}

.why-box{
  background: rgba(255,255,255,0.1);
  padding: 25px;
  border-radius: 10px;
  text-align: center;
  backdrop-filter: blur(8px);
  transition: 0.3s;  
}

.why-box i{
  font-size: 28px;
  color: #fff;
}

.why-box:hover{
  transform: translateY(-8px);
  background: rgba(255,255,255,0.2);
}
.why-box .icon-box{
  margin-bottom: 20px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    filter: invert(1);
}


.event-list-preview {
  max-width: 100%;
}

.event-card {
  border: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;
}

.event-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.event-card:hover h5 {
  color: #ff1f3d;
}
.event-link {
  text-decoration: none;
  color: inherit;
}

/* the card's picture box has exactly the shape of the pictures made for it (500 × 280), and the picture is
   shown whole: the box was 180 × 120 (3:2) and filled by cutting the picture's sides */
.event-img {
  width: auto;
  min-width: 0;
  height: 120px;
  aspect-ratio: 500 / 280;
  align-self: flex-start;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #dee2e6;
  padding: 0;
  background: #f3f4f6;
  flex-shrink: 0;
}

.event-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.view-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #ff1f3d;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  pointer-events: none;
}

.event-card:hover .view-icon {
  opacity: 1;
}

.event-card h5 {
  font-weight: 600;
}

.two-line-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}

.event-card i {
  font-size: 14px;
}

.text-sm {
  font-size: 13px;
}

/* Responsive */
@media (max-width: 768px) {
  .event-img {
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 500 / 280;
  }

  .view-icon {
    right: 12px;
  }
}


.add-event-btn{
  position: fixed;
  bottom: 50%;
  right: 20px;
  width: 50px;
  height: 50px;
  background:linear-gradient(45deg, #ff2d2d, #fd1d3d);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  z-index: 9999;
  transition: all 0.3s ease;
}

.add-event-btn:hover{
  transform: translateY(-5px) scale(1.05);
  border:solid #fd1d3d 1px;
  color: #fd1d3d;
  background: transparent;
  box-shadow: 0 15px 30px rgba(0,0,0,0.3);
}

.add-event-btn:active{
  transform: scale(0.95);
}

/* Phones and tablets: half-way up the screen the + covered the page's own buttons (the hero's Log In),
   so it sits in the corner, just above the round feedback button */
@media (max-width: 991.98px) {
  .add-event-btn { bottom: 82px; right: 16px; }
}

/* Right-to-left languages (Arabic): the page content sits on the right, so the + goes to the left */
[dir="rtl"] .add-event-btn{
  right: auto !important;
  left: 20px !important;
}

.form-select{font-size:14px !important}

/* ==============================================
   HOMEPAGE STYLES
   ============================================== */

/* ── CSS Variables ── */
:root {
  --red: #fd1d3d;
  --red-dark: #d4182f;
  --red-glow: rgba(253,29,61,.12);
  --dark: #0a0a0a;
  --mid: #374151;
  --muted: #6b7280;
  --border: #e5e7eb;
  --light: #f9fafb;
}

/* ── Shared Utilities ── */
.icon-red { color: var(--red); }

.section-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--red);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}
.section-tag::before {
  content: '';
  width: 20px;
  height: 2px;
  background: var(--red);
  border-radius: 2px;
}
.ev-section-title {
  font-size: clamp(26px, 3.5vw, 42px);
  font-weight: 900;
  letter-spacing: -1px;
  line-height: 1.1;
  color: var(--dark);
  margin-bottom: 14px;
}
.ev-section-title em { color: var(--red); font-style: normal; }
.ev-section-sub {
  font-size: 15px;
  color: var(--muted);
  line-height: 1.75;
  max-width: 560px;
}

/* ── Buttons ── */
.btn-primary-red {
  background: var(--red);
  color: #fff;
  border: none;
  padding: 13px 26px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background .2s, transform .15s, box-shadow .2s;
}
.btn-primary-red:hover {
  background: var(--red-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px var(--red-glow);
  color: #fff;
}
.btn-ghost {
  background: transparent;
  color: var(--dark);
  border: 1.5px solid var(--border);
  padding: 13px 26px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .2s;
}
.btn-ghost:hover { border-color: var(--red); color: var(--red); }

/* ── Hero Section ── */
.ev-hero {
  padding: 120px 0 0;
  /* a faint dotted map of the world behind the whole hero: the platform reaches everywhere */
  background: #fff url(../img/world-dots.svg) no-repeat center 62% / min(1500px, 108%) auto;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991.98px) { .ev-hero { background-size: 170% auto; background-position: center 96px; } }
.ev-hero::before {
  content: '';
  position: absolute;
  top: -200px;
  right: -200px;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--red-glow) 0%, transparent 70%);
  pointer-events: none;
}
.ev-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to top, #f3f4f6 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
.ev-hero .container { position: relative; z-index: 1; }
.ev-hero h1 {
  font-size: clamp(32px, 4.5vw, 56px);
  font-weight: 700;
  /* --hl: the room between the heading's lines. Open by default; tight again on a short desktop window
     (end of this file), where the row of logos under the hero must stay on the first screen. */
  --hl: 1.5;
  line-height: var(--hl);
  letter-spacing: -0.5px;
  color: var(--dark);
  margin-bottom: 20px;
}
.ev-hero h1 em { color: var(--red); font-style: normal; }
/* the red words of the heading that change (home-hero.js): on their own line, so the heading does not
   re-wrap when a longer or shorter phrase comes in */
.ev-hero h1 .ev-rot { display: block; min-height: calc(var(--hl) * 1em); transition: opacity .45s ease, transform .45s ease, color .45s ease; }
.ev-hero h1 .ev-rot.is-out { opacity: 0; transform: translateY(10px); }
@media (max-width: 575.98px) { .ev-hero h1 .ev-rot { white-space: nowrap; } }   /* one line on a phone too, so nothing below it jumps */
@media (max-width: 359.98px) { .ev-hero h1 .ev-rot { font-size: .88em; } }
/* French and Spanish phrases are longer and take two lines: keep room for two, at every width */
.ev-hero h1 .ev-rot.ev-rot-long { white-space: normal; min-height: calc(var(--hl) * 2em + .1em); }
/* a heading whose changing phrase runs to two lines (French, Spanish, German, Russian) is three lines tall:
   a little smaller and a little less open, so it takes about the room of the two-line English one */
.ev-hero h1:has(.ev-rot-long) { --hl: 1.35; font-size: clamp(30px, 3.6vw, 46px); }
@media (prefers-reduced-motion: reduce) { .ev-hero h1 .ev-rot { transition: none; } }
.hero-sub {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.75;
  max-width: 520px;
  margin-bottom: 32px;
}
.hero-btns { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 40px; }

/* Hero pill badge */
.hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff0f2;
  border: 1px solid #fecdd3;
  border-radius: 30px;
  padding: 6px 18px;
  font-size: 12px;
  font-weight: 700;
  color: var(--red);
  letter-spacing: .5px;
  margin-bottom: 20px;
}
.hero-pill .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--red);
  animation: evpulse 1.5s infinite;
}

/* Hero image visual */
.hero-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* room above and below the picture for the globe behind it, so its rings are never cut off by the
     header or by the end of the hero (a percentage here is of the width, like the globe's own size) */
  padding: min(23%, 120px) 0;
}
.hero-img-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
}
.hero-img-wrap::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 24px;
  background: radial-gradient(ellipse, rgba(0,0,0,.13) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 1;
}
.hero-img-device {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 520px;
  filter: drop-shadow(0 24px 60px rgba(253,29,61,.25)) drop-shadow(0 8px 24px rgba(0,0,0,.12));
  animation: heroFloat 4s ease-in-out infinite;
}

/* Hero orbs & rings */
.hero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  z-index: 1;
  animation: orbPulse 5s ease-in-out infinite;
}
.hero-orb-1 { width: 280px; height: 280px; background: rgba(253,29,61,.18); top: -30px; right: -20px; }
.hero-orb-2 { width: 220px; height: 220px; background: rgba(253,100,61,.12); bottom: -10px; left: 10px; animation-delay: 2.5s; }
.hero-ring {
  position: absolute;
  border-radius: 50%;
  border: 1.5px solid rgba(253,29,61,.2);
  z-index: 2;
}
/* The picture and what moves on it. The box floats (the picture used to float by itself), so the
   marks placed on it by percentages stay exactly where they belong at every size. */
.hero-shot {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 520px;
  animation: heroFloat 4s ease-in-out infinite;
}
.hero-shot picture { display: block; }
.hero-shot .hero-img-device { display: block; max-width: 100%; height: auto; animation: none; }
.hero-fx { position: absolute; z-index: 4; pointer-events: none; }   /* above the picture (z-index 3) */

/* a glint of light across the devices, every few seconds; the picture itself is the mask,
   so nothing shines on the empty space around them */
.hero-fx-glint {
  inset: 0;
  overflow: hidden;
  -webkit-mask: url(../img/hero-mask.png) center / 100% 100% no-repeat;
          mask: url(../img/hero-mask.png) center / 100% 100% no-repeat;
}
.hero-fx-glint::before {
  content: '';
  position: absolute;
  top: -20%;
  left: -40%;
  width: 28%;
  height: 140%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-18deg);
  animation: heroGlint 7s ease-in-out infinite;
}
@keyframes heroGlint { 0%, 62% { left: -40%; } 82%, 100% { left: 125%; } }

/* a play pulse on the video inside the laptop */
.hero-fx-play { left: 40.4%; top: 30%; width: 4.2%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%); }
.hero-fx-play i {
  position: absolute; inset: 0; border-radius: 50%;
  background: rgba(253, 29, 61, .88);
  box-shadow: 0 2px 8px rgba(165, 14, 37, .35);
}
.hero-fx-play i::after {   /* the triangle */
  content: ''; position: absolute; left: 54%; top: 50%; transform: translate(-50%, -50%);
  border-style: solid; border-color: transparent transparent transparent #fff;
  border-width: .32em 0 .32em .52em; font-size: clamp(6px, 1.2vw, 10px);
}
.hero-fx-play::before, .hero-fx-play::after {
  content: ''; position: absolute; inset: 0; border-radius: 50%;
  border: 2px solid rgba(253, 29, 61, .65);
  animation: heroPulse 2.4s ease-out infinite;
}
.hero-fx-play::after { animation-delay: 1.2s; }
@keyframes heroPulse { 0% { transform: scale(1); opacity: .85; } 100% { transform: scale(2.7); opacity: 0; } }

/* sound waves at the headphones */
.hero-fx-sound { left: 97.5%; top: 52%; width: 9%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%) rotate(-28deg); }
.hero-fx-sound i {
  position: absolute; left: 0; top: 50%; border-radius: 50%;
  border: 2px solid transparent; border-right-color: rgba(253, 29, 61, .75);
  transform: translate(-50%, -50%);
  animation: heroSound 2.1s ease-in-out infinite;
}
.hero-fx-sound i:nth-child(1) { width: 60%;  height: 60%;  animation-delay: 0s; }
.hero-fx-sound i:nth-child(2) { width: 105%; height: 105%; animation-delay: .25s; }
.hero-fx-sound i:nth-child(3) { width: 150%; height: 150%; animation-delay: .5s; border-right-color: rgba(252, 194, 88, .95); }
@keyframes heroSound { 0%, 100% { opacity: .12; } 45% { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .hero-shot, .hero-fx-glint::before, .hero-fx-play::before, .hero-fx-play::after, .hero-fx-sound i { animation: none; }
  .hero-fx-glint { display: none; }
}

/* the globe and its waves behind the picture (home-hero.js draws them) */
.hero-globe {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(100%, 520px);   /* as wide as the picture; .hero-visual keeps the room it needs */
  aspect-ratio: 1 / 1;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}
.hero-ring-1 { width: 340px; height: 340px; animation: ringRotate 12s linear infinite; }
.hero-ring-2 { width: 440px; height: 440px; border-color: rgba(253,29,61,.1); animation: ringRotate 20s linear infinite reverse; }

/* Floating chips */
.floating-chip {
  position: absolute;
  background: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.1);
  border: 1px solid var(--border);
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 5;
}
.chip-left  { bottom: 0; left: -10px; color: var(--mid); animation: chipBob 3s ease-in-out infinite; }
.chip-right { top: 20px; right: -10px; color: var(--mid); animation: chipBob 3s ease-in-out infinite; animation-delay: 1.5s; }
.live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  animation: evpulse 1.2s infinite;
}

/* Hero animations */
@keyframes evpulse    { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.6;transform:scale(.85)} }
@keyframes heroFloat  { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
@keyframes orbPulse   { 0%,100%{opacity:.7;transform:scale(1)} 50%{opacity:1;transform:scale(1.12)} }
@keyframes ringRotate { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes chipBob    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }

/* ── Lang Bar ── */
.lang-bar { background: #fff; border-bottom: 1px solid var(--border); padding: 6px 0; position: sticky; top: 65px; z-index: 100; }
.lang-bar .container { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.lang-btn { border: 1.5px solid var(--border); background: #fff; border-radius: 20px; padding: 3px 12px; font-size: 11px; font-weight: 700; color: var(--mid); cursor: pointer; transition: all .15s; letter-spacing: .4px; }
.lang-btn:hover, .lang-btn.active { background: var(--red); border-color: var(--red); color: #fff; }
.lang-label { font-size: 11px; color: var(--muted); font-weight: 600; margin-right: 4px; }

/* ── Platform Features (Parallax) ── */
.features-section {
  padding: 100px 0;
  position: relative;
  background-image: url('../img/plan-pricing-bg.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.features-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(8,0,4,.82);
  z-index: 0;
}
.features-section > .container { position: relative; z-index: 1; }
.features-section .section-tag { color: #ff7b90; }
.features-section .ev-section-title { color: #fff !important; }
.features-section .ev-section-sub  { color: rgba(255,255,255,.5); }

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 52px;
}
.feat-card {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 28px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: border-color .25s, box-shadow .25s, transform .25s, background .25s;
}
.feat-card:hover {
  border-color: var(--red);
  box-shadow: 0 16px 48px rgba(253,29,61,.45);
  transform: translateY(-6px);
  background: #fd1d3d;
}
.feat-card:hover .feat-num   { color: #fff; opacity: .7; }
.feat-card:hover .feat-title { color: #fff; }
.feat-card:hover .feat-desc  { color: rgba(255,255,255,.8); }
.feat-card:hover .feat-icon  { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); }
.feat-card:hover .feat-icon i { color: #fff; }
.feat-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(253,29,61,.15);
  border: 1px solid rgba(253,29,61,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 16px;
  transition: background .25s, border-color .25s;
}
.feat-icon i { color: var(--red); transition: color .25s; }
.feat-num   { font-size: 11px; font-weight: 900; color: var(--red); opacity: .6; margin-bottom: 8px; letter-spacing: 1px; transition: color .25s, opacity .25s; }
.feat-title { font-size: 16px; font-weight: 800; color: #fff; margin-bottom: 8px; transition: color .25s; }
.feat-desc  { font-size: 13px; color: rgba(255,255,255,.48); line-height: 1.7; margin: 0; transition: color .25s; }

/* ── How It Works ── */
.hiw-section { padding: 80px 0; background: #fff; }
.hiw-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 52px;
  position: relative;
}
.hiw-steps::before {
  content: '';
  position: absolute;
  top: 26px;
  left: calc(12.5% + 20px);
  right: calc(12.5% + 20px);
  height: 2px;
  background: repeating-linear-gradient(to right, rgba(253,29,61,.55) 0, rgba(253,29,61,.55) 10px, transparent 10px, transparent 20px);
  z-index: 0;
}
.step-card { text-align: center; position: relative; z-index: 1; }
.step-num {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid rgba(253,29,61,.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 900;
  color: var(--red);
  margin: 0 auto 16px;
  box-shadow: 0 4px 16px rgba(253,29,61,.15);
  transition: border-color .2s, background .2s;
}
.step-card:hover .step-num { background: var(--red); color: #fff; border-color: var(--red); }
.step-title { font-size: 14px; font-weight: 800; color: var(--dark); margin-bottom: 6px; }
.step-desc  { font-size: 12px; color: var(--muted); line-height: 1.65; margin: 0; }

/* ── Testimonials ── */
.testi-section { padding: 80px 0; background: linear-gradient(135deg, #fff0f2 0%, #ffe4e8 50%, #ffd6dc 100%); }
.testi-carousel-wrap { margin-top: 48px; position: relative; padding: 0 52px; }
.testi-overflow { overflow-x: hidden; overflow-y: visible; padding-top: 8px; margin-top: -8px; }
.testi-track { display: flex; gap: 24px; transition: transform .45s cubic-bezier(.4,0,.2,1); }
.testi-card {
  background: var(--light);
  border: 1.5px solid var(--border);
  border-radius: 16px;
  padding: 28px;
  flex-shrink: 0;
  transition: border-color .2s, transform .2s;
}
.testi-card:hover { border-color: var(--red); transform: translateY(-4px); }
.testi-stars  { color: #f59e0b; font-size: 13px; margin-bottom: 14px; letter-spacing: 2px; }
.testi-body   { font-size: 14px; color: var(--mid); line-height: 1.75; margin-bottom: 20px; font-style: italic; }
.testi-body::before { content: '\201C'; font-size: 28px; color: var(--red); line-height: 0; vertical-align: -10px; margin-right: 4px; }
.testi-author { display: flex; align-items: center; gap: 12px; }
.testi-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--red), #ff6b35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  flex-shrink: 0;
}
.testi-name { font-size: 13px; font-weight: 800; color: var(--dark); }
.testi-role { font-size: 11px; color: var(--muted); }
.testi-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid var(--border);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s;
  z-index: 2;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.testi-btn:hover { background: var(--red); border-color: var(--red); }
.testi-btn i { font-size: 14px; color: var(--mid); }
.testi-btn:hover i { color: #fff; }
.testi-btn:disabled { opacity: .35; cursor: not-allowed; pointer-events: none; }
.testi-prev { left: 0; }
.testi-next { right: 0; }
.testi-dots { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.testi-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--border); cursor: pointer; transition: all .2s; }
.testi-dot.active { background: var(--red); width: 24px; border-radius: 4px; }

/* Clients / Industry Leaders — pink wash separates it from white How It Works
   (testimonials used to sit between them; owner, 24 Sep 2026). */
.clients-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #fff0f2 0%, #ffe4e8 50%, #ffd6dc 100%);
}
.clients-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
}
.client-tile {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.client-tile img { max-width: 100%; max-height: 100%; object-fit: contain; }
.client-tile:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.1); border-color: var(--red); }

/* ── CTA (Parallax) ── */
.cta-section {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  background-image: url('../img/plan-pricing-bg.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.cta-section::before {
  content: '';
  position: absolute;
  inset: 0;
  /* the dotted map of the world (the hero's, in a tone for dark ground) over the dark veil */
  background:
    url(../img/world-dots-dark.svg) no-repeat center / min(1200px, 160%) auto,
    linear-gradient(135deg, rgba(10,0,5,.88) 0%, rgba(6,6,6,.78) 100%);
  z-index: 0;
}
.cta-section::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(253,29,61,.18) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
}
.cta-inner    { position: relative; z-index: 1; text-align: center; }
.cta-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(253,29,61,.18);
  border: 1px solid rgba(253,29,61,.35);
  border-radius: 30px;
  padding: 6px 18px;
  font-size: 12px;
  font-weight: 700;
  color: #ff8095;
  letter-spacing: .5px;
  margin-bottom: 20px;
}
.cta-title { font-size: clamp(28px, 4vw, 52px); font-weight: 900; color: #fff !important; letter-spacing: -1.5px; line-height: 1.1; margin-bottom: 14px; }
.cta-title em { color: var(--red); font-style: normal; }
.cta-sub  { font-size: 15px; color: rgba(255,255,255,.5); line-height: 1.7; max-width: 500px; margin: 0 auto 32px; }
.cta-btns { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.btn-white {
  background: var(--red);
  color: #fff;
  border: none;
  padding: 13px 26px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 6px 20px rgba(253,29,61,.4);
}
.btn-white:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(253,29,61,.55); color: #fff; background: var(--red-dark); }
.btn-outline-white {
  background: rgba(255,255,255,.08);
  color: #fff;
  border: 1.5px solid rgba(255,255,255,.25);
  padding: 13px 26px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .2s;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.btn-outline-white:hover { border-color: var(--red); color: var(--red); }

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

/* Tablet (≤992px) */
@media (max-width: 992px) {
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .hiw-steps     { grid-template-columns: repeat(2, 1fr); }
  .hiw-steps::before { display: none; }
  .testi-carousel-wrap { padding: 0 44px; }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
  .ev-hero { padding: 90px 0 0; }
  .hero-btns { gap: 8px; }
  .features-grid { grid-template-columns: 1fr; }
  .clients-grid  { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
  .cta-section, .features-section { background-attachment: scroll; }
}

/* Small mobile (≤576px) */
@media (max-width: 576px) {
  .ev-hero { padding: 80px 0 0; }
  .chip-left, .chip-right { display: none; }
  .hiw-steps { grid-template-columns: 1fr 1fr; }
  .testi-carousel-wrap { padding: 0 36px; }
  .cta-btns { flex-direction: column; align-items: center; }
}

/* ==============================================
   NAVBAR INLINE OVERRIDES
   ============================================== */
.mega-dropdown { position: relative !important; }
.svc-dd-disabled { pointer-events: none; opacity: .6; }
.nav-lang-btn { font-size: 13px !important; font-weight: 700; }
.nav-lang-icon { color: #fff; }
.offcanvas-logo-wrap { line-height: 1.1; }
.offcanvas-logo-name { font-size: 18px; font-weight: 800; letter-spacing: 3px; color: #fff; }
.offcanvas-logo-name span { color: #c0392b; }
.offcanvas-logo-tagline { font-size: 7.5px; letter-spacing: 2.5px; color: rgba(255,255,255,0.8); font-weight: 500; }

/* ==============================================
   SWEETALERT CUSTOM THEME
   ============================================== */
.ev-swal-popup { border-radius: 16px !important; font-family: inherit !important; }
.swal2-confirm { border-radius: 10px !important; font-weight: 700 !important; }
.swal2-cancel  { border-radius: 10px !important; font-weight: 600 !important; }
.swal2-timer-progress-bar { background: #fd1d3d !important; }

/* ==============================================
   ADD EVENT MODAL
   ============================================== */
#addEventModal .modal-content{border:none;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.18);will-change:transform}
#addEventModal.fade .modal-dialog{transition:transform .15s ease-out}
#addEventModal .ae-input{will-change:border-color,box-shadow}
#addEventModal .ae-header{background:#fff;padding:24px 28px 0;border-bottom:none;display:flex;align-items:flex-start;justify-content:space-between}
#addEventModal .ae-header-left h5{font-size:20px;font-weight:900;color:#0a0a0a;letter-spacing:-.5px;margin-bottom:3px}
#addEventModal .ae-header-left p{font-size:13px;color:#9ca3af;margin:0}
#addEventModal .ae-close{width:34px;height:34px;border-radius:50%;border:1.5px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:14px;transition:all .15s;flex-shrink:0}
#addEventModal .ae-close:hover{background:#fd1d3d;border-color:#fd1d3d;color:#fff}
#addEventModal .ae-steps{display:flex;gap:0;padding:20px 28px 0;border-bottom:1px solid #e5e7eb;overflow-x:auto}
#addEventModal .ae-step-tab{display:flex;align-items:center;gap:8px;padding:10px 16px 12px;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;font-weight:700;color:#9ca3af;transition:all .2s;white-space:nowrap}
#addEventModal .ae-step-tab .step-circle{width:22px;height:22px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#9ca3af;transition:all .2s;flex-shrink:0}
#addEventModal .ae-step-tab.active{color:#fd1d3d;border-bottom-color:#fd1d3d}
#addEventModal .ae-step-tab.active .step-circle{background:#fd1d3d;color:#fff}
#addEventModal .ae-step-tab.done .step-circle{background:#22c55e;color:#fff}
#addEventModal .ae-step-tab.done{color:#22c55e}
#addEventModal .ae-body{padding:24px 28px;min-height:340px;max-height:62vh;overflow-y:auto}
#addEventModal #panel-4{min-height:unset}
#addEventModal #panel-4 .ae-divider{margin-bottom:12px}
#addEventModal .ae-body::-webkit-scrollbar{width:4px}
#addEventModal .ae-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}
#addEventModal .ae-label{display:block;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
#addEventModal .ae-label span{color:#fd1d3d;margin-left:2px}
#addEventModal .ae-input{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;color:#0a0a0a;background:#f9fafb;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;font-family:inherit;text-transform:none}
#addEventModal .ae-input:focus{border-color:#fd1d3d;background:#fff;box-shadow:0 0 0 3px rgba(253,29,61,.1)}
#addEventModal .ae-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f9fafb inset}
#addEventModal select.ae-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
#addEventModal .ae-field{margin-bottom:16px}
#addEventModal .ae-select-row{display:flex;align-items:stretch;gap:8px}
#addEventModal .ae-select-row select.ae-input{flex:1;min-width:0}
#addEventModal .ae-select-add{
  flex:0 0 42px;width:42px;height:auto;min-height:42px;border:none;border-radius:10px;
  background:linear-gradient(45deg,#ff2d2d,#fd1d3d);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:15px;
  box-shadow:0 4px 12px rgba(253,29,61,.28);transition:transform .15s,opacity .15s;
}
#addEventModal .ae-select-add:hover{transform:translateY(-1px) scale(1.04);opacity:.95}
#addEventModal .ae-select-add:active{transform:scale(.96)}
#addEventModal .ae-combo{position:relative}
#addEventModal .ae-combo-input-wrap{position:relative}
#addEventModal .ae-combo-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:12px;pointer-events:none;z-index:1}
#addEventModal .ae-combo-input{padding-left:34px;padding-right:60px;cursor:text}
#addEventModal .ae-combo-input:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}
#addEventModal .ae-combo-arrow{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:10px;pointer-events:none;transition:transform .2s}
#addEventModal .ae-combo.open .ae-combo-arrow{transform:translateY(-50%) rotate(180deg)}
#addEventModal .ae-combo-clear{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;font-size:11px;padding:4px;line-height:1}
#addEventModal .ae-combo-clear:hover{color:#fd1d3d}
#addEventModal .ae-combo-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:9999;max-height:220px;overflow-y:auto}
#addEventModal .ae-combo-drop::-webkit-scrollbar{width:4px}
#addEventModal .ae-combo-drop::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}
#addEventModal .ae-combo-group-label{padding:8px 14px 4px;font-size:10px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px}
#addEventModal .ae-combo-item{padding:9px 14px;font-size:13px;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}
#addEventModal .ae-combo-item:hover,#addEventModal .ae-combo-item.focused{background:#fff0f2;color:#fd1d3d}
#addEventModal .ae-combo-item.selected{background:#fff0f2;color:#fd1d3d;font-weight:700}
#addEventModal .ae-combo-item.add-item{color:#fd1d3d;font-weight:700;border-top:1px solid #f3f4f6}
#addEventModal .ae-combo-item.add-item i{font-size:11px}
#addEventModal .ae-combo-empty{padding:14px;font-size:13px;color:#9ca3af;text-align:center}
#addEventModal .ae-upload{border:2px dashed #e5e7eb;border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#f9fafb;position:relative;overflow:hidden;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#addEventModal .ae-upload:hover{border-color:#fd1d3d;background:#fff0f2}
#addEventModal .ae-upload.has-img{padding:0;border-style:solid;border-color:#fd1d3d;background:#000}
#addEventModal .ae-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:2}
#addEventModal .ae-upload-icon{font-size:28px;color:#d1d5db;margin-bottom:8px}
#addEventModal .ae-upload p{font-size:13px;color:#9ca3af;margin:0}
#addEventModal .ae-upload strong{color:#fd1d3d;font-weight:700}
#addEventModal .ae-upload-placeholder{display:flex;flex-direction:column;align-items:center}
#addEventModal .ae-upload-hint{font-size:11px}
/* Thumbnail upload – shorter, fixed ratio */
#addEventModal .ae-upload-thumb{min-height:160px;padding:20px 12px}
#addEventModal #thumbPreview{display:none;width:100%;height:140px;object-fit:cover}
/* Header upload – taller */
#addEventModal .ae-upload-header{min-height:160px}
#addEventModal #headerPreview{display:none;width:100%;height:180px;object-fit:cover}
#addEventModal .ae-label-dim{font-size:10px;font-weight:500;color:#9ca3af;text-transform:none;letter-spacing:0}
#addEventModal .ae-img-overlay{display:none;position:absolute;inset:0;background:rgba(0,0,0,.45);align-items:center;justify-content:center;gap:10px;z-index:1}
#addEventModal .ae-upload.has-img:hover .ae-img-overlay{display:flex}
#addEventModal .ae-img-overlay span{background:rgba(255,255,255,.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;pointer-events:none}
#addEventModal .ae-img-badge{display:none;position:absolute;top:10px;right:10px;z-index:3;background:#22c55e;color:#fff;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:800;pointer-events:none}
#addEventModal .ae-preview-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:16px;display:flex;gap:16px;align-items:flex-start}
#addEventModal .ae-preview-img{width:80px;height:60px;border-radius:8px;flex-shrink:0;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#d1d5db;font-size:20px;overflow:hidden}
#addEventModal .ae-preview-img img{width:100%;height:100%;object-fit:cover}
#addEventModal .ae-preview-body h6{font-size:14px;font-weight:800;color:#0a0a0a;margin-bottom:6px}
#addEventModal .ae-preview-body .ae-meta{font-size:11px;color:#9ca3af;display:flex;gap:12px;flex-wrap:wrap}
#addEventModal .ae-preview-body .ae-meta span{display:flex;align-items:center;gap:4px}
#addEventModal .ae-footer{padding:16px 28px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}
#addEventModal .ae-footer-info{font-size:12px;color:#9ca3af}
#addEventModal .ae-footer-btns{display:flex;gap:10px}
#addEventModal .ae-btn-cancel{background:#fff;border:1.5px solid #e5e7eb;color:#374151;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}
#addEventModal .ae-btn-cancel:hover{border-color:#fd1d3d;color:#fd1d3d}
#addEventModal .ae-btn-next{background:#fd1d3d;border:none;color:#fff;padding:10px 24px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;gap:6px}
#addEventModal .ae-btn-next:hover{background:#d4182f;transform:translateY(-1px)}
#addEventModal .ae-panel{display:none}
#addEventModal .ae-panel.active{display:block}
#addEventModal #ae-turnstile-wrap{padding:14px 16px;border:1.5px dashed #fecaca;border-radius:12px;background:#fff7f7}
#addEventModal #ae-turnstile-wrap .ae-label{margin-bottom:4px}
#addEventModal #ae-turnstile{min-height:65px;display:flex;justify-content:flex-start}
#addEventModal .ae-input:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}
#addEventModal .ae-input.ae-err{border-color:#dc2626 !important;box-shadow:0 0 0 3px rgba(220,38,38,.12) !important;animation:aeShake .3s ease}
#addEventModal .ae-err-msg{font-size:11px;color:#dc2626;margin-top:4px;display:flex;align-items:center;gap:4px}
#addEventModal .ae-err-msg.ae-ok{color:#16a34a}
#addEventModal .ae-divider{display:flex;align-items:center;gap:12px;margin:8px 0 20px;font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px}
#addEventModal .ae-divider::before,#addEventModal .ae-divider::after{content:'';flex:1;height:1px;background:#f3f4f6}
@keyframes aeShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ae-badge-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;margin-top:-2px;flex-wrap:wrap}
.ae-badge{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700}
.ae-badge i{font-size:9px}
.ae-badge-green{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}
.ae-badge-blue{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}
.ae-badge-orange{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}
.ae-badge-purple{background:#faf5ff;border:1px solid #e9d5ff;color:#7c3aed}
/* Thumbnail Builder */
.ae-tb-preset{width:22px;height:22px;border-radius:5px;cursor:pointer;flex-shrink:0;transition:transform .15s,box-shadow .15s;}
.ae-tb-preset:hover{transform:scale(1.2);}
.ae-tb-preset.active{box-shadow:0 0 0 2.5px #fff,0 0 0 4px #6366f1;transform:scale(1.15);}
.ae-phone-flex{display:flex;gap:8px;align-items:flex-start}
.ae-dial-wrap{flex-shrink:0;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:0 10px;height:44px;display:flex;align-items:center;font-size:13px;font-weight:700;color:#374151;white-space:nowrap;min-width:64px;justify-content:center}
.ae-phone-input-wrap{flex:1}
.ae-field-hint{font-size:11px;margin-top:4px}
.ae-prev-img-full{display:none;width:100%;height:100%;object-fit:cover}
.ae-prev-title{margin-bottom:2px}
.ae-prev-subtitle{font-size:12px;color:#6b7280;margin-bottom:8px;display:none}
.ae-prev-org{display:none}
.ae-notice{margin-top:16px;background:#fff0f2;border:1px solid #fecdd3;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}
.ae-notice-icon{color:#fd1d3d;font-size:16px;flex-shrink:0}
.ae-notice-text{font-size:13px;color:#6b7280;margin:0}
.ae-sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #e5e7eb}
.ae-sum-col{border-right:1px solid #e5e7eb}
.ae-sum-col:last-child{border-right:none}
.ae-sum-row{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid #f3f4f6}
.ae-sum-row:last-child{border-bottom:none}
.ae-sum-row.alt{background:#f9fafb}
.ae-sum-icon{color:#fd1d3d;font-size:10px;width:12px;flex-shrink:0}
.ae-sum-label{font-size:10px;color:#9ca3af;width:90px;flex-shrink:0}
.ae-sum-value{font-size:11px;color:#111827;font-weight:600;word-break:break-all}
.ae-search-match{color:#fd1d3d;font-weight:700}
.ae-ac-wrap{position:relative}
.ae-ac-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:9999;max-height:200px;overflow-y:auto;display:none}
.ae-ac-drop.open{display:block}
.ae-ac-drop::-webkit-scrollbar{width:4px}
.ae-ac-drop::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}
.ae-ac-item{padding:9px 14px;font-size:13px;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}
.ae-ac-item:hover,.ae-ac-item.focused{background:#fff0f2;color:#fd1d3d}
.ae-ac-item i{font-size:11px;color:#9ca3af;flex-shrink:0}
.ae-ac-empty{padding:12px 14px;font-size:12px;color:#9ca3af;text-align:center}
.ae-ac-loading{padding:12px 14px;font-size:12px;color:#9ca3af;text-align:center}
.ae-ac-group-label{padding:8px 14px 4px;font-size:10px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px}

/* Lang dropdown menu sizing (moved from inline) */
.lang-dd-menu { max-height:360px; overflow-y:auto; min-width:220px; border-radius:14px !important; box-shadow:0 12px 40px rgba(0,0,0,.12) !important; border:1.5px solid #f3f4f6 !important; padding:6px !important; }
.lang-dd-code { font-size:12px; color:#9ca3af; min-width:28px; }
.lang-dd-label { font-size:11px; color:#9ca3af; margin-left:auto; }
.offcanvas-logo-img { height:38px; object-fit:contain; }


/* ==========================================================================
   Navbar & Offcanvas — Brand Red Background
   ========================================================================== */

.navbar-brand-bg { background-color: #fd1d3d; }

/* Mobile drawer sheet styles live in header.blade.php (trending white sheet UI).
   Keep only logo sizing here so cached CSS doesn't force a red full-panel again. */
#mobileMenu .offcanvas-logo-img { height: 36px; width: auto; max-width: 170px; object-fit: contain; }

.logo-sm { height: 40px; }


/* ==========================================================================
   Lightbox Controls (event-details-menu-popup)
   ========================================================================== */

.lightbox-ctrl { z-index: 10; }
.lightbox-img  { max-height: 95vh; object-fit: contain; }
.lightbox-video { max-height: 95vh; width: auto; }


/* ==========================================================================
   Website Development Service Page
   ========================================================================== */

.wd-hero-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.wd-mockup-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 24px;
  padding: 20px;
  backdrop-filter: blur(10px);
  box-shadow: 0 40px 120px rgba(0,0,0,.5);
}

.wd-dot-red   { background: #ef4444; }
.wd-dot-amber { background: #f59e0b; }
.wd-dot-green { background: #22c55e; }

.wd-bar-40 { width: 40%; }
.wd-bar-80 { width: 80%; }
.wd-bar-55 { width: 55%; opacity: .5; }

.wd-bar-col { display: flex; flex-direction: column; gap: 8px; flex: 1; }
.wd-btn-row { display: flex; gap: 8px; margin-top: 4px; }

.wd-mock-btn         { height: 28px; border-radius: 8px; }
.wd-mock-btn-primary { width: 80px; background: rgba(253,29,61,.5); }
.wd-mock-btn-ghost   { width: 70px; background: rgba(255,255,255,.08); }

.wd-eyebrow-accent  { background: rgba(253,29,61,.15); color: #fd6b81; }
.wd-title-light     { color: #fff; }
.wd-sub-light       { color: rgba(255,255,255,.5); margin: 0 auto; }

.wd-price-custom    { font-size: 30px; letter-spacing: -1px; }

.wd-btn-lg          { font-size: 16px; padding: 18px 40px; }

.wd-em-accent       { color: var(--red); font-style: normal; }

.wd-form-success {
  background: #f0fdf4;
  border: 1.5px solid #86efac;
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.wd-success-icon  { font-size: 32px; color: #22c55e; margin-bottom: 12px; display: block; }
.wd-success-title { color: #15803d; margin-bottom: 8px; }
.wd-success-text  { color: #16a34a; font-size: 14px; }

.wd-required      { color: var(--red); }
.wd-form-textarea { resize: vertical; min-height: 110px; }

/* ── CFP Modal (mirrors #addEventModal styles) ── */
#cfpModal .modal-content{border:none;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.18);will-change:transform}
#cfpModal.fade .modal-dialog{transition:transform .15s ease-out}
#cfpModal .ae-input{will-change:border-color,box-shadow}
#cfpModal .ae-header{background:#fff;padding:24px 28px 0;border-bottom:none;display:flex;align-items:flex-start;justify-content:space-between}
#cfpModal .ae-header-left h5{font-size:20px;font-weight:900;color:#0a0a0a;letter-spacing:-.5px;margin-bottom:3px}
#cfpModal .ae-header-left p{font-size:13px;color:#9ca3af;margin:0}
#cfpModal .ae-close{width:34px;height:34px;border-radius:50%;border:1.5px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:14px;transition:all .15s;flex-shrink:0}
#cfpModal .ae-close:hover{background:#fd1d3d;border-color:#fd1d3d;color:#fff}
#cfpModal .ae-steps{display:flex;gap:0;padding:20px 28px 0;border-bottom:1px solid #e5e7eb;overflow-x:auto}
#cfpModal .ae-step-tab{display:flex;align-items:center;gap:8px;padding:10px 16px 12px;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;font-weight:700;color:#9ca3af;transition:all .2s;white-space:nowrap}
#cfpModal .ae-step-tab .step-circle{width:22px;height:22px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#9ca3af;transition:all .2s;flex-shrink:0}
#cfpModal .ae-step-tab.active{color:#fd1d3d;border-bottom-color:#fd1d3d}
#cfpModal .ae-step-tab.active .step-circle{background:#fd1d3d;color:#fff}
#cfpModal .ae-step-tab.done .step-circle{background:#22c55e;color:#fff}
#cfpModal .ae-step-tab.done{color:#22c55e}
#cfpModal .ae-body{padding:24px 28px;min-height:340px;max-height:62vh;overflow-y:auto}
#cfpModal #panel-4{min-height:unset}
#cfpModal #panel-4 .ae-divider{margin-bottom:12px}
#cfpModal .ae-body::-webkit-scrollbar{width:4px}
#cfpModal .ae-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}
#cfpModal .ae-label{display:block;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
#cfpModal .ae-label span{color:#fd1d3d;margin-left:2px}
#cfpModal .ae-input{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;color:#0a0a0a;background:#f9fafb;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;font-family:inherit;text-transform:none}
#cfpModal .ae-input:focus{border-color:#fd1d3d;background:#fff;box-shadow:0 0 0 3px rgba(253,29,61,.1)}
#cfpModal .ae-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f9fafb inset}
#cfpModal select.ae-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
#cfpModal .ae-field{margin-bottom:16px}
#cfpModal .ae-select-row{display:flex;align-items:stretch;gap:8px}
#cfpModal .ae-select-row select.ae-input{flex:1;min-width:0}
#cfpModal .ae-select-add{
  flex:0 0 42px;width:42px;height:auto;min-height:42px;border:none;border-radius:10px;
  background:linear-gradient(45deg,#ff2d2d,#fd1d3d);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:15px;
  box-shadow:0 4px 12px rgba(253,29,61,.28);transition:transform .15s,opacity .15s;
}
#cfpModal .ae-select-add:hover{transform:translateY(-1px) scale(1.04);opacity:.95}
#cfpModal .ae-select-add:active{transform:scale(.96)}
#cfpModal .ae-combo{position:relative}
#cfpModal .ae-combo-input-wrap{position:relative}
#cfpModal .ae-combo-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:12px;pointer-events:none;z-index:1}
#cfpModal .ae-combo-input{padding-left:34px;padding-right:60px;cursor:text}
#cfpModal .ae-combo-input:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}
#cfpModal .ae-combo-arrow{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:10px;pointer-events:none;transition:transform .2s}
#cfpModal .ae-combo.open .ae-combo-arrow{transform:translateY(-50%) rotate(180deg)}
#cfpModal .ae-combo-clear{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;font-size:11px;padding:4px;line-height:1}
#cfpModal .ae-combo-clear:hover{color:#fd1d3d}
#cfpModal .ae-combo-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:9999;max-height:220px;overflow-y:auto}
#cfpModal .ae-combo-drop::-webkit-scrollbar{width:4px}
#cfpModal .ae-combo-drop::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}
#cfpModal .ae-combo-group-label{padding:8px 14px 4px;font-size:10px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px}
#cfpModal .ae-combo-item{padding:9px 14px;font-size:13px;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}
#cfpModal .ae-combo-item:hover,#cfpModal .ae-combo-item.focused{background:#fff0f2;color:#fd1d3d}
#cfpModal .ae-combo-item.selected{background:#fff0f2;color:#fd1d3d;font-weight:700}
#cfpModal .ae-combo-item.add-item{color:#fd1d3d;font-weight:700;border-top:1px solid #f3f4f6}
#cfpModal .ae-combo-item.add-item i{font-size:11px}
#cfpModal .ae-combo-empty{padding:14px;font-size:13px;color:#9ca3af;text-align:center}
#cfpModal .ae-upload{border:2px dashed #e5e7eb;border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#f9fafb;position:relative;overflow:hidden;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#cfpModal .ae-upload:hover{border-color:#fd1d3d;background:#fff0f2}
#cfpModal .ae-upload.has-img{padding:0;border-style:solid;border-color:#fd1d3d;background:#000}
#cfpModal .ae-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:2}
#cfpModal .ae-upload-icon{font-size:28px;color:#d1d5db;margin-bottom:8px}
#cfpModal .ae-upload p{font-size:13px;color:#9ca3af;margin:0}
#cfpModal .ae-upload strong{color:#fd1d3d;font-weight:700}
#cfpModal .ae-upload-placeholder{display:flex;flex-direction:column;align-items:center}
#cfpModal .ae-upload-hint{font-size:11px}
#cfpModal .ae-upload-thumb{min-height:160px;padding:20px 12px}
#cfpModal #thumbPreview{display:none;width:100%;height:140px;object-fit:cover}
#cfpModal .ae-upload-header{min-height:160px}
#cfpModal #headerPreview{display:none;width:100%;height:180px;object-fit:cover}
#cfpModal .ae-label-dim{font-size:10px;font-weight:500;color:#9ca3af;text-transform:none;letter-spacing:0}
#cfpModal .ae-img-overlay{display:none;position:absolute;inset:0;background:rgba(0,0,0,.45);align-items:center;justify-content:center;gap:10px;z-index:1}
#cfpModal .ae-upload.has-img:hover .ae-img-overlay{display:flex}
#cfpModal .ae-img-overlay span{background:rgba(255,255,255,.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;pointer-events:none}
#cfpModal .ae-img-badge{display:none;position:absolute;top:10px;right:10px;z-index:3;background:#22c55e;color:#fff;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:800;pointer-events:none}
#cfpModal .ae-preview-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:16px;display:flex;gap:16px;align-items:flex-start}
#cfpModal .ae-preview-img{width:80px;height:60px;border-radius:8px;flex-shrink:0;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#d1d5db;font-size:20px;overflow:hidden}
#cfpModal .ae-preview-img img{width:100%;height:100%;object-fit:cover}
#cfpModal .ae-preview-body h6{font-size:14px;font-weight:800;color:#0a0a0a;margin-bottom:6px}
#cfpModal .ae-preview-body .ae-meta{font-size:11px;color:#9ca3af;display:flex;gap:12px;flex-wrap:wrap}
#cfpModal .ae-preview-body .ae-meta span{display:flex;align-items:center;gap:4px}
#cfpModal .ae-footer{padding:16px 28px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}
#cfpModal .ae-footer-info{font-size:12px;color:#9ca3af}
#cfpModal .ae-footer-btns{display:flex;gap:10px}
#cfpModal .ae-btn-cancel{background:#fff;border:1.5px solid #e5e7eb;color:#374151;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}
#cfpModal .ae-btn-cancel:hover{border-color:#fd1d3d;color:#fd1d3d}
#cfpModal .ae-btn-next{background:#fd1d3d;border:none;color:#fff;padding:10px 24px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;gap:6px}
#cfpModal .ae-btn-next:hover{background:#d4182f;transform:translateY(-1px)}
#cfpModal .ae-panel{display:none}
#cfpModal .ae-panel.active{display:block}
#cfpModal .ae-input:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}
#cfpModal .ae-input.ae-err{border-color:#dc2626 !important;box-shadow:0 0 0 3px rgba(220,38,38,.12) !important;animation:aeShake .3s ease}
#cfpModal .ae-err-msg{font-size:11px;color:#dc2626;margin-top:4px;display:flex;align-items:center;gap:4px}
#cfpModal .ae-err-msg.ae-ok{color:#16a34a}
#cfpModal .ae-divider{display:flex;align-items:center;gap:12px;margin:8px 0 20px;font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px}
#cfpModal .ae-divider::before,#cfpModal .ae-divider::after{content:'';flex:1;height:1px;background:#f3f4f6}


/* ── Text banner: shown in place of an event picture that is missing ── */
.ev-text-banner { width: 100%; height: 100%; min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 10px 14px; background: linear-gradient(135deg, #fd1d3d, #b8142b) !important; color: #fff !important; border-radius: inherit; overflow: hidden; }
.ev-text-banner .tb-name { font-weight: 800; font-size: 16px; line-height: 1.25; color: #fff; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ev-text-banner .tb-meta { font-size: 11px; opacity: .9; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.event-banner .ev-text-banner { height: 350px; border-radius: 8px; }
.event-banner .ev-text-banner .tb-name { font-size: 30px; }
.event-banner .ev-text-banner .tb-meta { font-size: 15px; }
@media (max-width: 640px) { .event-banner .ev-text-banner { height: 180px; } .event-banner .ev-text-banner .tb-name { font-size: 20px; } }

/* ==========================================================================
   Loader (every "please wait" popup — SweetAlert2's loader): the EventoX logo icon (the black and red
   globe of dots) speaks — its black half stays still, all the red dots of its right half move: they leave it as sound waves (arcs of sparkling dots, big to small) and
   go to the audience of every kind (little people, each in its own colour, in rows: a row on
   chairs, a row on headphones, a row standing). Only the red dots move. Not the plain spinner.
   ========================================================================== */
.swal2-loader {
  position: relative; width: 166px !important; height: 114px !important; margin: 6px auto 0 !important;
  border: 0 !important; border-radius: 0 !important; animation: none !important; background: none !important;
}
.swal2-loader::before {   /* the black half of the logo icon (still) */
  content: ""; position: absolute; left: 4px; top: 27px; width: 60px; height: 60px;
  background: url(../img/evx-globe-black.png) center / contain no-repeat;
}
.swal2-loader::after {   /* the red dots: waves from the middle of the globe towards the audience */
  content: ""; position: absolute; left: 0; top: 0; width: 166px; height: 114px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 166 114'%3E%3Cg transform='translate%2834 57%29'%3E%3Cg opacity='0' fill='%23fd1d3d'%3E%3Canimate attributeName='opacity' values='0;1;1;0' keyTimes='0;0.15;0.8;1' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-8.5;-45.3' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.34s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-6;-32' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.46s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-3.1;-16.6' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.4s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='12;64' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='0;0' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.3s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='3.1;16.6' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.44s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='6;32' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.36s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='8.5;45.3' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.5s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg opacity='0' fill='%23fd1d3d'%3E%3Canimate attributeName='opacity' values='0;1;1;0' keyTimes='0;0.15;0.8;1' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-8.5;-45.3' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.34s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-6;-32' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.46s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-3.1;-16.6' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.4s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='12;64' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='0;0' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.3s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='3.1;16.6' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.44s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='6;32' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.36s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='8.5;45.3' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.5s' begin='0.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg opacity='0' fill='%23fd1d3d'%3E%3Canimate attributeName='opacity' values='0;1;1;0' keyTimes='0;0.15;0.8;1' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-8.5;-45.3' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.34s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-6;-32' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.46s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-3.1;-16.6' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.4s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='12;64' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='0;0' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.3s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='3.1;16.6' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.44s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='6;32' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.36s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='8.5;45.3' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.5s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg opacity='0' fill='%23fd1d3d'%3E%3Canimate attributeName='opacity' values='0;1;1;0' keyTimes='0;0.15;0.8;1' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-8.5;-45.3' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.34s' begin='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-6;-32' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.46s' begin='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-3.1;-16.6' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.4s' begin='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='12;64' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='0;0' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.3s' begin='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='3.1;16.6' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.44s' begin='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='6;32' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.36s' begin='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='8.5;45.3' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.5s' begin='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg opacity='0' fill='%23fd1d3d'%3E%3Canimate attributeName='opacity' values='0;1;1;0' keyTimes='0;0.15;0.8;1' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-8.5;-45.3' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.34s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-6;-32' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.46s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-3.1;-16.6' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.4s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='12;64' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='0;0' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.3s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='3.1;16.6' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.44s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='6;32' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.36s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='8.5;45.3' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='1.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.5s' begin='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg opacity='0' fill='%23fd1d3d'%3E%3Canimate attributeName='opacity' values='0;1;1;0' keyTimes='0;0.15;0.8;1' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-8.5;-45.3' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.34s' begin='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-6;-32' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.46s' begin='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='-3.1;-16.6' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.4s' begin='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='12;64' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='0;0' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.3s' begin='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='11.6;61.8' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='3.1;16.6' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.44s' begin='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='10.4;55.4' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='6;32' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.36s' begin='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='3'%3E%3Canimate attributeName='cx' values='8.5;45.3' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='8.5;45.3' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='3;1' dur='2.4s' begin='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;.25;1' dur='0.5s' begin='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg fill='%23FCC258'%3E%3Ccircle cx='116' cy='23' r='4'/%3E%3Cpath d='M110 36a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3Cpath d='M110.5 23a5.5 5.5 0 0 1 11 0' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M110.5 22.5v3M121.5 22.5v3' fill='none' stroke='%2394a3b8' stroke-width='3.4' stroke-linecap='round'/%3E%3Cg fill='%2322c55e'%3E%3Ccircle cx='116' cy='49' r='4'/%3E%3Cpath d='M110 62a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3Cpath d='M123 53v16M109 63.5h14M110 63.5v5.5' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg fill='%233b82f6'%3E%3Ccircle cx='116' cy='75' r='4'/%3E%3Cpath d='M110 88a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3Cg fill='%23a855f7'%3E%3Ccircle cx='135' cy='23' r='4'/%3E%3Cpath d='M129 36a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3Cpath d='M129.5 23a5.5 5.5 0 0 1 11 0' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M129.5 22.5v3M140.5 22.5v3' fill='none' stroke='%2394a3b8' stroke-width='3.4' stroke-linecap='round'/%3E%3Cg fill='%23fd1d3d'%3E%3Ccircle cx='135' cy='49' r='4'/%3E%3Cpath d='M129 62a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3Cpath d='M142 53v16M128 63.5h14M129 63.5v5.5' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg fill='%23fb923c'%3E%3Ccircle cx='135' cy='75' r='4'/%3E%3Cpath d='M129 88a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3Cg fill='%2314b8a6'%3E%3Ccircle cx='154' cy='23' r='4'/%3E%3Cpath d='M148 36a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3Cpath d='M148.5 23a5.5 5.5 0 0 1 11 0' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M148.5 22.5v3M159.5 22.5v3' fill='none' stroke='%2394a3b8' stroke-width='3.4' stroke-linecap='round'/%3E%3Cg fill='%23FCC258'%3E%3Ccircle cx='154' cy='49' r='4'/%3E%3Cpath d='M148 62a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3Cpath d='M161 53v16M147 63.5h14M148 63.5v5.5' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg fill='%2322c55e'%3E%3Ccircle cx='154' cy='75' r='4'/%3E%3Cpath d='M148 88a6 7 0 0 1 12 0z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

/* Desktop, every window height: the hero takes what the window leaves after the row of customers'
   logos under it (about 150px), so that row is whole on the first screen and never cut by the bottom
   of the window. --hv is the room above and below the picture; the globe shrinks with it. */
@media (min-width: 992px) {
  .ev-hero { --hv: clamp(40px, calc((100vh - 516px) / 2), 120px); padding-top: 96px; }
  .ev-hero .hero-visual { padding: var(--hv) 0; }
  .ev-hero .hero-globe { width: min(100%, 520px, calc((270px + 2 * var(--hv)) * 1.03)); }
  .ev-trust { padding-top: 24px; }
  .ev-trust-label { margin-bottom: 16px; }
}
@media (min-width: 992px) and (max-height: 759.98px) {
  .ev-hero h1, .ev-hero h1:has(.ev-rot-long) { --hl: 1.15; }
}
@media (min-width: 992px) and (max-height: 679.98px) {
  .ev-hero h1:has(.ev-rot-long) { font-size: clamp(26px, 2.9vw, 36px); }
}