.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-df9680b:#FFCC1B;--e-global-color-44dfe3d:#FFFFFF;--e-global-color-9c09fda:#071823;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== PILL NAV MENU (reliable, like your static button) ===== */
/* Put class "pill-nav-menu" on the Elementor Nav Menu widget */

.pill-nav-menu .elementor-nav-menu--main .elementor-item:after{
  content: none !important;
}

.pill-nav-menu a,
.pill-nav-menu a:hover,
.pill-nav-menu a:focus{
  text-decoration: none !important;
}

/* layout */
.pill-nav-menu .elementor-nav-menu--main .elementor-nav-menu{
  display:flex;
  gap:2px;
  align-items:center;
  flex-wrap:wrap;
}

/* THE PILL */
.pill-nav-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
  padding: 12px 26px !important;
  border-radius: 999px !important;
  border: 5px solid transparent !important;

  background:
    linear-gradient(#001f2f, #001f2f) padding-box,
    linear-gradient(
      90deg,
      #6e6e6e 0%,
      #bcbcbc 25%,
      #ffffff 50%,
      #bcbcbc 75%,
      #6e6e6e 100%
    ) border-box !important;

  font-family: "Corbert", sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1;
  color: #fff !important;

  box-shadow:none !important;
}

.pill-nav-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item:hover{
  filter: brightness(1.05);
}

.pill-nav-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-item > a.elementor-item,
.pill-nav-menu .elementor-nav-menu--main .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item{
  filter: brightness(1.08);
}

@media (max-width: 768px){
  .pill-nav-menu .elementor-nav-menu--main .elementor-nav-menu{ gap:12px; }
  .pill-nav-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
    padding: 10px 18px !important;
    border-width: 4px !important;
    font-size: 13px;
    letter-spacing: .05em;
  }
}
@media (min-width: 769px){
  .pill-nav-menu .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
    font-size: 14px;
  }
}


/* =========================
   DIVIDER SECTION OVERLAP
   Add class to SECTION: section-divider-overlap
   ========================= */
.section-divider-overlap{
  position: relative;
  z-index: 50;
  margin-top: -70px !important;
  margin-bottom: -70px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ensure it can sit over neighbours */
.section-divider-overlap,
.section-divider-overlap .elementor-container,
.section-divider-overlap .elementor-column,
.section-divider-overlap .elementor-widget-wrap{
  overflow: visible !important;
}


/* =========================
   DIVIDER SECTION WITH TOP/BOTTOM BACKGROUNDS
   Add class to SECTION: divider-split-section
   Change per section via Advanced > Custom CSS using variables:
   --top-bg, --bottom-bg, --split, --band-height
   ========================= */
.divider-split-section{
  position: relative;
  overflow: hidden;

  --band-height: 180px;
  --split: 50%;
  --top-bg: #001f2f;
  --bottom-bg: #f4c400;

  min-height: var(--band-height);
}

/* Top half */
.divider-split-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;

  background: var(--top-bg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;

  clip-path: inset(0 0 calc(100% - var(--split)) 0);
}

/* Bottom half */
.divider-split-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;

  background: var(--bottom-bg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;

  clip-path: inset(var(--split) 0 0 0);
}

/* Chrome seam line at the split (NO extra HTML needed) */
.divider-split-section .chrome-seam {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--split);
  transform: translateY(-50%);
  height: 5px;
  z-index: 2;

  background: linear-gradient(
    90deg,
    #b7b7b7 0%,
    #e8e8e8 18%,
    #ffffff 50%,
    #e8e8e8 82%,
    #b7b7b7 100%
  );

  box-shadow:
    0 0 14px rgba(255, 255, 255, .45),
    0 0 26px rgba(255, 255, 255, .22);

  pointer-events: none;
}

/* keep content above backgrounds */
.divider-split-section .elementor-container,
.divider-split-section .elementor-widget-wrap{
  position: relative;
  z-index: 5;
}

.divider-split-section .elementor-container{
  min-height: var(--band-height);
  align-items: center;
}


/* =========================
   BADGE + STREAK
   ========================= */
.section-divider{
  position:relative;
  width:100%;
  display:flex;
  justify-content:center;
  margin:80px 0;
}

/* centre streak (works outside split sections too) */
.section-divider::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  height:3px;

  background:linear-gradient(
    90deg,
    #a8a8a8 0%,
    #dddddd 18%,
    #ffffff 50%,
    #dddddd 82%,
    #a8a8a8 100%
  );

  box-shadow:
    0 0 14px rgba(255,255,255,.35),
    0 0 24px rgba(255,255,255,.18);

  z-index:1;
}

/* tilt wrapper */
.section-divider__rotate{
  display:inline-block;
  transform: rotate(-0deg);
  transform-origin: center;
  position: relative;
  z-index: 2;
}

/* badge */
.section-divider__label{
  --stroke:9px;
  --navy:#001f2f;

  position:relative;
  z-index:2;
  display:inline-block;

  padding:18px 38px 22px 38px;

  border:var(--stroke) solid transparent;
  border-radius:0;

  background:
    linear-gradient(var(--navy),var(--navy)) padding-box,
    linear-gradient(
      90deg,
      #5f5f5f 0%,
      #a9a9a9 18%,
      #fdfdfd 45%,
      #ffffff 50%,
      #fdfdfd 55%,
      #a9a9a9 82%,
      #5f5f5f 100%
    ) border-box;

  transform: skewY(-7deg);

  color:#fff;
  font-family:"Corbert",sans-serif;
  font-weight:900;
  font-size:52px;

  letter-spacing:.05em;
  text-transform:uppercase;
  line-height:1;

  text-shadow:
    0.5px 0 #fff,
    -0.5px 0 #fff;
}

/* responsive */
@media(max-width:768px){

  .section-divider{ margin:50px 0; }

  .divider-split-section{
    --band-height: 140px;
  }

  .section-divider__rotate{
    transform: rotate(-4deg);
  }

  .section-divider__label{
    font-size:24px;
    padding:14px 24px 16px 24px;
    --stroke:5px;
    transform: skewY(-6deg);
  }
}
/* =====================================================
   MEGUIAR STYLE FAQ — ELEMENTOR NESTED ACCORDION
   ===================================================== */
/* =====================================================
   MEGUIAR STYLE FAQ — ELEMENTOR NESTED ACCORDION
   ===================================================== */

.mega-faq .e-n-accordion{
  display:flex;
  flex-direction:column;
  gap:28px;
}

/* FAQ card */
.mega-faq details.e-n-accordion-item{
  background:#fff;
  border:0 !important;
  overflow:hidden;
}

/* HEADER LAYOUT */
.mega-faq summary.e-n-accordion-item-title{
  display:grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  padding:34px 40px !important;
  list-style:none;
  cursor:pointer;
  position:relative;
}

/* remove browser marker */
.mega-faq summary.e-n-accordion-item-title::-webkit-details-marker{
  display:none;
}

/* center the title */
.mega-faq .e-n-accordion-item-title-header{
  grid-column:2;
  justify-self:center;
  width:100%;
}

.mega-faq .e-n-accordion-item-title-text{
  font-family:"Corbert Black", "Corbert", sans-serif;
  font-weight:900;
  font-size:40px;
  line-height:1.15;
  color:#0b1e2b;
  text-align:center;
  margin:0;
}

/* icon on right */
.mega-faq .e-n-accordion-item-title-icon{
  grid-column:3;
  justify-self:end;
  align-self:center;
  margin:0 !important;
}

/* icon size */
.mega-faq .e-n-accordion-item-title-icon svg{
  width:48px;
  height:48px;
  fill:#0b1e2b;
}

/* toggle icons */
.mega-faq details[open] .e-opened{display:inline-flex;}
.mega-faq details[open] .e-closed{display:none;}

.mega-faq details:not([open]) .e-opened{display:none;}
.mega-faq details:not([open]) .e-closed{display:inline-flex;}

/* CONTENT AREA */
.mega-faq details.e-n-accordion-item > [role="region"]{
 /*  padding:0 40px 34px 40px; */
  color:#0b1e2b;
  font-size:22px;
  line-height:1.5;
}

/* divider line above open content */
.mega-faq details.e-n-accordion-item[open] > [role="region"]::before{
  content:"";
  display:block;
  height:1px;
  background:rgba(11,30,43,.18);
  margin:0 0 22px 0;
}

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

@media (max-width:768px){

  .mega-faq .e-n-accordion{
    gap:18px;
  }

  .mega-faq summary.e-n-accordion-item-title{
    padding:22px 18px !important;
  }

  .mega-faq .e-n-accordion-item-title-text{
    font-size:24px;
  }

  .mega-faq .e-n-accordion-item-title-icon svg{
    width:34px;
    height:34px;
  }

  .mega-faq details.e-n-accordion-item > [role="region"]{
    padding:0 18px 22px 18px;
    font-size:18px;
  }

}

/* ===== FAQ visual polish + lock frontend sizing ===== */

.mega-faq .e-n-accordion-item-title-text{
font-size:36px !important;
font-weight:900 !important;
letter-spacing:-0.02em;
font-family:"Corbert Black", "Corbert", sans-serif !important;
}

.mega-faq summary.e-n-accordion-item-title{
padding:22px 44px !important;
}

.mega-faq details.e-n-accordion-item > [role="region"]{
font-size:24px !important;
line-height:1.55;
}

.mega-faq .e-n-accordion-item-title-icon svg{
width:54px;
height:54px;
}

/* CTA pill button */
.cta-pill-wrapper{
    text-align:center;
}

.cta-pill{
    display:inline-block;
    padding:10px 22px;
    border-radius:999px;
    border:4px solid transparent;
    background:
        linear-gradient(#001f2f,#001f2f) padding-box,
        linear-gradient(
            90deg,
            #6e6e6e 0%,
            #bcbcbc 25%,
            #ffffff 50%,
            #bcbcbc 75%,
            #6e6e6e 100%
        ) border-box;
    font-family:"Corbert",sans-serif;
    font-weight:700;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#fff;
    text-decoration:none;
}

.cta-pill:hover{
    filter:brightness(1.05);
}
/* hover */



.cta-pill:hover{

    background:
        linear-gradient(#ffffff,#ffffff) padding-box,
        linear-gradient(
            90deg,
            #6e6e6e 0%,
            #bcbcbc 25%,
            #ffffff 50%,
            #bcbcbc 75%,
            #6e6e6e 100%
        ) border-box;

    color:#001f2f;

}

#prizes{
    scroll-margin-top:150px;
}

#takepart{
    scroll-margin-top:150px;
}

#enter{
    scroll-margin-top:100px;
}

#faq{
    scroll-margin-top:100px;
}

.hashtag-banner{
    background:#FFF;
    padding:20px 18px;
    display:block;
    width:70%;
    text-align:center;
    margin:40px 0;
}

/* scroll to top button */

.scroll-top{
    position:fixed;
    bottom:30px;
    right:30px;

    width:60px;
    height:60px;

    background:#6a6d6f;
    border-radius:4px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;
    z-index:9999;

    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
}

/* arrow */

.scroll-top .arrow-up{
    width:14px;
    height:14px;
    border-left:4px solid #fff;
    border-bottom:4px solid #fff;
    transform:rotate(135deg);
}

/* show when scrolling */

.scroll-top.show{
    opacity:1;
    visibility:visible;
}/* End custom CSS */