@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 :root {
  --color-primary: #fe5000;
  --color-primary-rgb: 254, 80, 0;
  --color-primary-contrast: white;
  --color-secondary: #050c43;
  --color-secondary-contrast: white;
  --color-text: #050c43;
  --color-heading: #050c43;
  --color-dark: #050c43;
  --color-dark-contrast: white;
  --color-light: white;
  --color-light-contrast: #050c43;
  --font-body: "Poppins", sans-serif;
  --font-heading: "Poppins", sans-serif;
  --font-size: 3rem;
  /* H1 */
  --h1-size: clamp(2.5rem, 5vw, 60px);
  /* --h1-size: clamp(2.5rem, 5vw, 3.75rem); */

  /* H2 */
  --h2-size: clamp(2rem, 4vw, 48px);
  /* --h2-size: clamp(2rem, 4vw, 3rem); */

  /* H3 */
  --h3-size: clamp(1.5rem, 3vw, 30px);
  /* --h3-size: clamp(1.5rem, 3vw, 1.875rem); */

  /* H4 */
  /* --h4-size: clamp(1.25rem, 2.5vw, 1.5625rem); */
  --h4-size: clamp(1.25rem, 2.5vw, 25px);

  /* H5 */
  --h5-size: clamp(1rem, 2vw, 20px);
  /* --h5-size: clamp(1rem, 2vw, 1.25rem); */

  /* H6 */
  --h6-size: clamp(0.875rem, 1.5vw, 16px);
  /* --h6-size: clamp(0.875rem, 1.5vw, 1rem); */
}


.bg-hero {
  /* background: url("/images/bg-1clubecommerce.webp") no-repeat; */
  background-color: var(--color-primary);
  background-position: center;
  background-size: cover;
  color: white;
  margin-bottom:30px !important;
}

.bg-hero p, .bg-hero a, .bg-hero h2, .bg-hero span{
  color: white !important;
}

.box-search-result {
  color: var(--color-dark) !important;
}