:root {
  --baja-orange: #ff7900;
  --baja-orange-dark: #ad3f00;
  --baja-blue: #007b9b;
  --baja-blue-dark: #063642;
  --baja-black: #080808;
  --baja-white: #ffffff;
  --ztc-text-text-4: var(--baja-orange);
  --ztc-bg-bg-3: var(--baja-orange);
}

body.edition-2027 { background: var(--baja-white); }

.edition-2027 .mobile-header,
.edition-2027 .header-area.homepage1,
.edition-2027 .header-area.homepage1.sticky {
  background: #e5e5e2;
  box-shadow: 0 1px 0 rgba(8, 8, 8, 0.14);
  backdrop-filter: blur(12px);
}

.edition-2027 .mobile-header .mobile-nav-icon,
.edition-2027 .mobile-header .mobile-nav-icon i {
  color: var(--baja-black);
}

.edition-2027 .header-area.homepage1 .header-elements .main-menu ul li > a {
  color: var(--baja-black);
}

.edition-2027 .header-area.homepage1 .header-elements .main-menu ul li > a:hover {
  color: var(--baja-orange-dark);
}

.edition-2027 .header-area.homepage1 .header-elements .main-menu ul.dropdown-padding {
  background: var(--baja-white);
  border-top: 3px solid var(--baja-orange);
  box-shadow: 0 16px 40px rgba(8, 8, 8, 0.12);
}

.edition-2027 .header-area.homepage1 .header-elements .main-menu ul.dropdown-padding li a {
  color: var(--baja-black);
}

.edition-2027 .header-area.homepage1 .header-elements .main-menu ul.dropdown-padding li a:hover {
  color: var(--baja-orange-dark);
}

.edition-2027 .header-area.homepage1 .header-elements .btn-area ul li a,
.edition-2027 .header-area.homepage1 .header-elements .btn-area ul li a i {
  color: var(--baja-orange-dark);
}

.edition-2027 .header-area.homepage1 .site-logo,
.edition-2027 .mobile-header .mobile-logo {
  background: var(--baja-white);
  border-radius: 7px;
  padding: 7px 10px;
}

.edition-2027 .hero1-section-area { background: var(--baja-white); }

.edition-2027 .hero1-section-area::after {
  display: none;
}

.edition-2027 .hero1-section-area::before {
  display: none;
}

.edition-2027 .hero1-section-area .container { position: relative; z-index: 2; }

.edition-2027 .hero1-section-area .hero1-header h5 {
  display: inline-block;
  color: var(--baja-white);
  background: var(--baja-orange-dark);
  border-left: 5px solid var(--baja-orange);
  padding: 12px 16px;
  font-weight: 800;
  letter-spacing: 0.04em;
  box-shadow: 0 10px 30px rgba(8, 8, 8, 0.08);
}

.edition-2027 .hero1-section-area .hero1-header h1 {
  max-width: 720px;
  color: var(--baja-white);
  font-size: clamp(56px, 7vw, 104px);
  line-height: 0.92;
  letter-spacing: -0.055em;
  text-shadow: 0 4px 24px rgba(8, 8, 8, 0.72);
}

.edition-2027 .others4-section-area .others-bg {
  background-image: linear-gradient(105deg, var(--baja-orange) 0 45%, #d7d8d6 100%);
  box-shadow: 0 22px 60px rgba(8, 8, 8, 0.18);
}

.edition-2027 .others4-section-area .vl-btn1 {
  color: var(--baja-white);
  background: var(--baja-black);
}

.edition-2027 .others4-section-area .vl-btn1::before { background: var(--baja-white); }
.edition-2027 .others4-section-area .vl-btn1:hover { color: var(--baja-black); }

.edition-2027 .others4-section-area .others-times-area .timer .time-box {
  border: 1px solid rgba(8, 8, 8, 0.1);
  background: var(--baja-white);
  box-shadow: 0 8px 24px rgba(8, 8, 8, 0.11);
}

.edition-2027 .event1-section-area {
  margin-top: 0 !important;
  padding: 72px 0 52px;
  background-color: #eeeeeb;
  background-image:
    radial-gradient(ellipse at 14% 30%, transparent 0 42px, rgba(8, 8, 8, 0.055) 43px 44px, transparent 45px 62px, rgba(8, 8, 8, 0.04) 63px 64px, transparent 65px),
    radial-gradient(ellipse at 78% 68%, transparent 0 58px, rgba(8, 8, 8, 0.05) 59px 60px, transparent 61px 82px, rgba(8, 8, 8, 0.035) 83px 84px, transparent 85px);
  background-size: 280px 210px, 360px 260px;
}

.edition-2027 .event1-section-area .nav.nav-pills.space-margin60 {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .edition-2027 .event1-section-area .nav.nav-pills {
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 18px;
  }

  .edition-2027 .event1-section-area .nav.nav-pills .nav-item {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
  }

  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button {
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button .vl-flex {
    min-height: 104px;
    padding: 18px;
  }

  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button .cal {
    margin-right: 16px;
    font-size: 38px;
    line-height: 38px;
  }

  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button span.date {
    font-size: 19px;
    line-height: 23px;
  }
}

.edition-2027 .about1-section-area {
  background: #e7eef0 !important;
}

.edition-2027 .brands1-section-area {
  padding: 100px 0 80px;
  background-color: var(--baja-white);
  background-image:
    radial-gradient(ellipse at 18% 28%, transparent 0 46px, rgba(8, 8, 8, 0.045) 47px 48px, transparent 49px 68px, rgba(8, 8, 8, 0.03) 69px 70px, transparent 71px),
    radial-gradient(ellipse at 82% 72%, transparent 0 62px, rgba(8, 8, 8, 0.04) 63px 64px, transparent 65px 88px, rgba(8, 8, 8, 0.028) 89px 90px, transparent 91px);
  background-size: 300px 220px, 380px 280px;
}

.edition-2027 .event1-section-area .nav.nav-pills .nav-item button {
  border: 1px solid rgba(8, 8, 8, 0.12);
  box-shadow: 0 10px 30px rgba(8, 8, 8, 0.2);
}

.edition-2027 .event1-section-area .nav.nav-pills .nav-item button.active { background: var(--baja-orange); }
.edition-2027 .event1-section-area .nav.nav-pills .nav-item button.active .day { background: var(--baja-black); }

.edition-2027 .heading2 h5 {
  color: var(--baja-blue);
  background: rgba(0, 123, 155, 0.08);
}

.edition-2027 .brands1-section-area .brand-header.heading2 h5 {
  color: var(--baja-black);
  background: rgba(229, 229, 226, 0.9);
  border: 1px solid rgba(8, 8, 8, 0.1);
}

.edition-2027 .brands1-section-area .brand-box {
  min-height: 205px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(8, 8, 8, 0.1);
  box-shadow: 0 12px 32px rgba(8, 8, 8, 0.09);
}

.edition-2027 .brands1-section-area .brand-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.edition-2027 .brands1-section-area .sponsor-logo img,
.edition-2027 .brands1-section-area .ally-logo img {
  max-width: 90%;
  max-height: 90%;
  transform: scale(1.3);
  transform-origin: center;
}

.edition-2027 .about1-section-area .about-imges .img1 img {
  border: 1px solid rgba(8, 8, 8, 0.08);
  box-shadow: 0 18px 48px rgba(8, 8, 8, 0.12);
}

.edition-2027 .progress-wrap::after,
.edition-2027 .progress-wrap svg.progress-circle path {
  color: var(--baja-orange);
  stroke: var(--baja-orange);
}

@media (max-width: 991px) {
  .edition-2027 .event1-section-area { padding: 76px 0 56px; }
}

@media (max-width: 767px) {
  .edition-2027 .hero1-section-area { padding-top: 132px; }
  .edition-2027 .hero1-section-area .hero1-header h1 { font-size: 50px; line-height: 0.96; }
  .edition-2027 .others4-section-area { padding-top: 72px; }
  .edition-2027 .others4-section-area .others-bg { padding: 20px 14px; }
  .edition-2027 .others4-section-area .heading-area { margin-bottom: 14px; }
  .edition-2027 .others4-section-area .others-bg .others-times-area .timer {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
  }
  .edition-2027 .others4-section-area .others-bg .others-times-area .timer .time-box {
    width: auto;
    min-width: 0;
    margin: 0 !important;
    padding: 10px 2px;
  }
  .edition-2027 .others4-section-area .others-bg .others-times-area .timer .time-value {
    font-size: 22px;
    line-height: 24px;
  }
  .edition-2027 .others4-section-area .others-bg .others-times-area .timer .time-box .time-value span {
    font-size: 9px;
    line-height: 11px;
  }
  .edition-2027 .event1-section-area { padding: 46px 0 38px; }
  .edition-2027 .event1-section-area .nav.nav-pills {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
  }
  .edition-2027 .event1-section-area .nav.nav-pills .nav-item {
    width: auto;
    min-width: 0;
    margin: 0 !important;
  }
  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button .day {
    padding: 7px 3px;
    font-size: 12px;
    line-height: 14px;
  }
  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button .vl-flex {
    min-height: 82px;
    justify-content: flex-start;
    padding: 12px 9px;
  }
  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button .cal {
    flex: 0 0 auto;
    margin-right: 9px;
    font-size: 27px;
    line-height: 28px;
  }
  .edition-2027 .event1-section-area .nav.nav-pills .nav-item button span.date {
    min-width: 0;
    font-size: 14px;
    line-height: 17px;
    overflow-wrap: anywhere;
    text-align: left;
  }
  .edition-2027 .brands1-section-area { padding: 72px 0 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .edition-2027 .hero1-section-area .header-bg1 { display: none; }
}

