.elementor-509 .elementor-element.elementor-element-0f3ae5b{--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;}.elementor-509 .elementor-element.elementor-element-3fabdc2{--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-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-509 .elementor-element.elementor-element-02063ca.elementor-wc-products ul.products li.product{text-align:center;}.elementor-509 .elementor-element.elementor-element-02063ca.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-509 .elementor-element.elementor-element-02063ca.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#6EC1E4;}.elementor-509 .elementor-element.elementor-element-02063ca.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#6EC1E4;}.elementor-509 .elementor-element.elementor-element-02063ca.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-509 .elementor-element.elementor-element-a5a0ce3{--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;}@media(max-width:1024px){.elementor-509 .elementor-element.elementor-element-02063ca.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-509 .elementor-element.elementor-element-02063ca.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-d92ac56 *//* =========================
   SOCCER HERO SECTION
========================= */

.soccer-hero{
  position:relative;

  min-height:100vh;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:120px 20px;

  overflow:hidden;

  background-image:url("https://ghscustomgear.com/wp-content/uploads/2026/05/Banner-Socer-Ball-Uniform-GHS-Gear.png");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* OVERLAY */
.soccer-hero-overlay{
  position:absolute;

  inset:0;

  background:
  linear-gradient(to right,
  rgba(2,6,23,0.92),
  rgba(2,6,23,0.72),
  rgba(2,6,23,0.45));
}

/* CONTENT */
.soccer-hero-content{
  position:relative;

  z-index:2;

  max-width:900px;

  text-align:center;
}

/* TAG */
.soccer-hero-tag{
  display:inline-block;

  padding:14px 28px;

  border-radius:60px;

  background:rgba(255,255,255,0.08);

  border:1px solid rgba(255,255,255,0.12);

  color:#60a5fa;

  font-size:14px;

  letter-spacing:1px;

  margin-bottom:28px;

  backdrop-filter:blur(10px);
}

/* HEADING */
.soccer-hero-content h1{
  font-size:92px;

  line-height:1.02;

  color:#ffffff;

  font-weight:900;

  margin-bottom:28px;

  letter-spacing:-2px;
}

/* TEXT */
.soccer-hero-content p{
  font-size:20px;

  line-height:1.9;

  color:#cbd5e1;

  max-width:850px;

  margin:auto auto 40px;
}

/* BUTTONS */
.soccer-hero-buttons{
  display:flex;

  justify-content:center;

  gap:18px;

  flex-wrap:wrap;

  margin-bottom:50px;
}

/* BUTTON */
.soccer-btn-primary{
  padding:18px 38px;

  background:linear-gradient(135deg,#3b82f6,#8b5cf6);

  color:#fff;

  text-decoration:none;

  border-radius:16px;

  font-size:17px;

  font-weight:700;

  transition:0.35s;
}

.soccer-btn-primary:hover{
  transform:translateY(-4px);
}

/* SECONDARY */
.soccer-btn-secondary{
  padding:18px 38px;

  border:1px solid rgba(255,255,255,0.2);

  color:#fff;

  text-decoration:none;

  border-radius:16px;

  font-size:17px;

  font-weight:700;

  background:rgba(255,255,255,0.05);

  backdrop-filter:blur(10px);

  transition:0.35s;
}

.soccer-btn-secondary:hover{
  background:#ffffff;
  color:#0f172a;
}

/* FEATURES */
.soccer-hero-features{
  display:flex;

  justify-content:center;

  gap:18px;

  flex-wrap:wrap;
}

/* FEATURE */
.soccer-feature{
  padding:14px 22px;

  border-radius:14px;

  background:rgba(255,255,255,0.06);

  border:1px solid rgba(255,255,255,0.08);

  color:#e2e8f0;

  font-size:15px;

  backdrop-filter:blur(10px);
}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

  .soccer-hero-content h1{
    font-size:64px;
  }

}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  .soccer-hero{
    min-height:auto;

    padding:140px 20px 100px;
  }

  .soccer-hero-content h1{
    font-size:42px;

    line-height:1.15;
  }

  .soccer-hero-content p{
    font-size:16px;

    line-height:1.8;
  }

  .soccer-hero-buttons{
    flex-direction:column;
  }

  .soccer-btn-primary,
  .soccer-btn-secondary{
    width:100%;
  }

  .soccer-feature{
    width:100%;
  }

}
/* HERO HEADING SIZE FIX */

.soccer-hero-content h1{
  font-size:68px !important;

  line-height:1.08 !important;

  letter-spacing:-1px;
}

/* TABLET */
@media(max-width:991px){

  .soccer-hero-content h1{
    font-size:52px !important;
  }

}

/* MOBILE */
@media(max-width:768px){

  .soccer-hero-content h1{
    font-size:34px !important;

    line-height:1.2 !important;
  }

}/* End custom CSS */