.elementor-8 .elementor-element.elementor-element-aabcfec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-d306fd9{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-386f6b4 .elementor-heading-title{font-family:"Noto Serif Yezidi", Sans-serif;font-weight:400;color:#FFF7C9;}.elementor-8 .elementor-element.elementor-element-a34dc52 .elementor-heading-title{font-family:"Noto Serif Yezidi", Sans-serif;font-weight:400;color:#FFF7C9;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-b7cc08e{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-90a0997{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-346ea1a .elementor-button{background-color:#D6B25E;font-family:"Roboto", Sans-serif;font-weight:500;border-style:solid;border-color:#000000;}.elementor-8 .elementor-element.elementor-element-4e46311 .elementor-button{background-color:#D6B25E;font-family:"Roboto", Sans-serif;font-weight:500;border-style:solid;border-color:#000000;}.elementor-8 .elementor-element.elementor-element-d234b29{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-90a0997{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-aabcfec:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-aabcfec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://apexperformancewear.com/wp-content/uploads/2026/03/banner.png");background-size:cover;}.elementor-8 .elementor-element.elementor-element-aabcfec{--min-height:517px;--justify-content:space-between;--gap:7px 7px;--row-gap:7px;--column-gap:7px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:54px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-8 .elementor-element.elementor-element-aabcfec.e-con{--align-self:flex-start;}.elementor-8 .elementor-element.elementor-element-d306fd9{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-8 .elementor-element.elementor-element-386f6b4{text-align:center;}.elementor-8 .elementor-element.elementor-element-386f6b4 .elementor-heading-title{font-size:26px;}.elementor-8 .elementor-element.elementor-element-a34dc52{text-align:center;}.elementor-8 .elementor-element.elementor-element-a34dc52 .elementor-heading-title{font-size:24px;}.elementor-8 .elementor-element.elementor-element-b7cc08e{text-align:center;font-size:12px;letter-spacing:0.5px;}.elementor-8 .elementor-element.elementor-element-b7cc08e p{margin-block-end:0px;}.elementor-8 .elementor-element.elementor-element-90a0997{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-346ea1a .elementor-button{font-size:11px;letter-spacing:0.7px;border-width:1px 1px 1px 1px;padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-4e46311 .elementor-button{font-size:11px;letter-spacing:0.7px;border-width:1px 1px 1px 1px;padding:10px 10px 10px 10px;}}/* Start custom CSS for html, class: .elementor-element-34b4b22 *//* HERO */
  .hero { 
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 100px 6%;
    overflow: hidden;
  }

  .hero-bg {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2px;
  }

  .hero-bg-col {
    overflow: hidden;
    position: relative;
  }

  .hero-bg-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    animation: slowZoom 14s ease-in-out infinite alternate;
    filter: brightness(0.45);
  }

  .hero-bg-col:nth-child(2) img { animation-delay: -4s; }
  .hero-bg-col:nth-child(3) img { animation-delay: -8s; }

  .hero-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(8,15,34,1) 0%, rgba(8,15,34,0.3) 60%, rgba(8,15,34,0.5) 100%);
  }

  .hero-content {
    position: relative;
    z-index: 2;
    max-width: 700px;
  }

  .hero-eyebrow {
    font-family: 'Cormorant Garamond', serif;
    font-size: 0.85rem;
    letter-spacing: 5px;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 1rem;
    opacity: 0;
    animation: up 0.8s ease forwards 0.3s;
  }

  .hero-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(3.5rem, 8vw, 7.5rem);
    line-height: 0.92;
    letter-spacing: 2px;
    margin-bottom: 1.8rem;
    opacity: 0;
    animation: up 0.8s ease forwards 0.5s;
  }

  .hero-title span { color: var(--gold); }

  .hero-sub {
    font-size: 1rem;
    color: rgba(255,255,255,0.6);
    line-height: 1.8;
    max-width: 420px;
    margin-bottom: 2.5rem;
    opacity: 0;
    animation: up 0.8s ease forwards 0.7s;
  }

  .hero-ctas {
    display: flex;
    gap: 1rem;
    opacity: 0;
    animation: up 0.8s ease forwards 0.9s;
  }
   .hero-ctas a{
       display: flex;
       align-items: center;
       border-radius: 5px;
   }

  .btn-gold {
    background: var(--gold);
    color: #080f22;
    padding: 10px;
    font-size: 0.76rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.25s;
    display: inline-block;
  }
  .btn-gold:hover { opacity: 0.85; }

  .btn-outline {
    border: 1px solid rgba(255,255,255,0.3);
    color: var(--white);
    padding: 0.9rem 2.2rem;
    font-size: 0.76rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: border-color 0.25s, color 0.25s;
    display: inline-block;
  }
  .btn-outline:hover { border-color: var(--gold); color: var(--gold); }

  /* TICKER */
  .ticker {
    background: var(--gold);
    padding: 0.75rem 0;
    overflow: hidden;
    white-space: nowrap;
  }

  .ticker-inner {
    display: inline-flex;
    animation: ticker 22s linear infinite;
  }

  .ticker-item {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.95rem;
    letter-spacing: 4px;
    color: #080f22;
    padding: 0 2rem;
  }

  .ticker-sep {
    color: rgba(8,15,34,0.35);
  }

  /* SECTION SHARED */
  section { padding: 7rem 6vw; }

  .s-label {
    font-family: 'Cormorant Garamond', serif;
    font-size: 0.75rem;
    letter-spacing: 5px;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
  }

  .s-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 3rem;
  }

  /* PRODUCT GRID */
  .products-section {
    background: #080f22;
  }

  .products-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3rem;
  }

  .products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
  }

  /* Featured (tall) card */
  .p-card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #0d1b3e;
  }

  .p-card img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    filter: brightness(0.88);
  }

  .p-card:hover img {
    transform: scale(1.04);
    filter: brightness(0.7);
  }

  .p-card-info {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 2rem 1.8rem;
    background: linear-gradient(to top, rgba(8,15,34,0.97) 0%, transparent 100%);
  }

  .p-cat {
    font-size: 0.68rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 0.4rem;
  }

  .p-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.5rem;
    letter-spacing: 2px;
    line-height: 1.1;
  }

  .p-detail {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.55);
    margin-top: 0.4rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    line-height: 1.6;
  }

  .p-card:hover .p-detail { max-height: 60px; }

  /* Wide card (spans 2 cols) */
  .p-card-wide {
    grid-column: span 2;
  }

  .p-card-wide img {
    height: 420px;
    object-position: center 30%;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3c5486 *//* TICKER */
  .ticker {
    background: var(--gold);
    padding: 0.75rem 0;
    overflow: hidden;
    white-space: nowrap;
  }

  .ticker-inner {
    display: inline-flex;
    animation: ticker 22s linear infinite;
  }

  .ticker-item {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.95rem;
    letter-spacing: 4px;
    color: #080f22;
    padding: 0 2rem;
  }

  .ticker-sep {
    color: rgba(8,15,34,0.35);
  }

  /* SECTION SHARED */
  section { padding: 7rem 6vw; }

  .s-label {
    font-family: 'Cormorant Garamond', serif;
    font-size: 0.75rem;
    letter-spacing: 5px;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
  }

  .s-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 3rem;
  }

  /* PRODUCT GRID */
  .products-section {
    background: #080f22;
  }

  .products-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3rem;
  }

  .products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
  }

  /* Featured (tall) card */
  .p-card {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #0d1b3e;
  }

  .p-card img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    filter: brightness(0.88);
  }

  .p-card:hover img {
    transform: scale(1.04);
    filter: brightness(0.7);
  }

  .p-card-info {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 2rem 1.8rem;
    background: linear-gradient(to top, rgba(8,15,34,0.97) 0%, transparent 100%);
  }

  .p-cat {
    font-size: 0.68rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 0.4rem;
  }

  .p-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.5rem;
    letter-spacing: 2px;
    line-height: 1.1;
  }

  .p-detail {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.55);
    margin-top: 0.4rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    line-height: 1.6;
  }

  .p-card:hover .p-detail { max-height: 60px; }

  /* Wide card (spans 2 cols) */
  .p-card-wide {
    grid-column: span 2;
  }

  .p-card-wide img {
    height: 420px;
    object-position: center 30%;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f446e92 *//* ABOUT / STORY */
  .story-section {
    background: #0d1b3e;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
    align-items: center;
  }

  .story-body {
    font-size: 1rem;
    color: rgba(255,255,255,0.65);
    line-height: 1.9;
    margin-bottom: 2rem;
  }

  .story-stats {
    display: flex;
    gap: 3rem;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(200,150,60,0.15);
  }

  .stat-n {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.8rem;
    color: var(--gold);
    line-height: 1;
  }

  .stat-l {
    font-size: 0.72rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    margin-top: 0.3rem;
  }

  .story-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 3px;
    height: 520px;
  }

  .story-img {
    overflow: hidden;
  }

  .story-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.85);
    transition: filter 0.4s;
  }

  .story-img:hover img { filter: brightness(1); }

  .story-img-main {
    grid-row: span 2;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2fa44e *//* PROCESS */
  .process-section {
    background: #080f22;
    text-align: center;
  }

  .process-section .s-title { margin-bottom: 4rem; }

  .steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: rgba(200,150,60,0.08);
  }

  .step {
    background: #080f22;
    padding: 3rem 2rem;
    transition: background 0.3s;
    border: 1px solid rgb(201 173 94);
    margin: 10px;
    border-radius: 10px;
  }

  .step:hover { background: #0d1b3e; }

  .step-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.5rem;
    color: #fff;
    line-height: 1;
    margin-bottom: 1rem;
  }

  .step-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.3rem;
    letter-spacing: 2px;
    margin-bottom: 0.8rem;
  }

  .step-body {
    font-size: 0.84rem;
    color: rgba(255,255,255,0.5);
    line-height: 1.75;
  }
  
  @media (max-width: 900px) {
    .steps {
        display: flex;
        flex-wrap: wrap;
        grid-template-columns: 1fr 1fr;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a15895e *//* SPEC CALLOUT */
  .spec-section {
    background: #0d1b3e;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
    align-items: center;
  }

  .spec-img {
    position: relative;
  }

  .spec-img img {
    width: 100%;
    display: block;
  }

  .spec-points {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 2rem;
  }

  .spec-pt {
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    padding: 1.4rem;
    border: 1px solid rgba(200,150,60,0.12);
    transition: border-color 0.3s;
  }

  .spec-pt:hover { border-color: rgba(200,150,60,0.35); }

  .spec-icon {
    color: var(--gold);
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .spec-pt-title {
    font-weight: 500;
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
  }

  .spec-pt-body {
    font-size: 0.81rem;
    color: rgba(255,255,255,0.5);
    line-height: 1.65;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7a3d29 *//* CTA */
  .cta-section {
    background: var(--gold);
    text-align: center;
    padding: 7rem 6vw;
    position: relative;
    overflow: hidden;
  }

  .cta-bg-text {
    position: absolute;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 22vw;
    color: rgba(8,15,34,0.05);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    letter-spacing: 8px;
    pointer-events: none;
    white-space: nowrap;
  }

  .cta-section .s-label { color: rgba(8,15,34,0.5); }

  .cta-section .s-title {
    color: #080f22;
    font-size: clamp(2.5rem, 5vw, 5rem);
    margin-bottom: 1.2rem;
  }

  .cta-sub {
    font-size: 1rem;
    color: rgba(8,15,34,0.65);
    max-width: 480px;
    margin: 0 auto 2.5rem;
    line-height: 1.75;
  }

  .btn-dark {
    background: #080f22;
    color: var(--gold);
    padding: 1rem 2.8rem;
    font-size: 0.76rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.25s;
  }

  .btn-dark:hover { opacity: 0.85; }/* End custom CSS */