:root {  --font-heading: "Unbounded", sans-serif; --font-body: "Urbanist", sans-serif;  --text-h1-size: clamp(42px, 5.56vw, 80px); --text-h1-line: clamp(48px, 6.11vw, 88px); --text-h1-weight: 700; --text-h2-size: clamp(30px, 3.33vw, 48px); --text-h2-line: clamp(36px, 3.61vw, 52px); --text-h2-weight: 600;  --text-body-size: 16px; --text-body-line: 24px; --text-body-weight: 400;  --text-button-size: 14px; --text-button-line: 16px; --text-button-weight: 500; --text-subtitle-size: 16px; --text-subtitle-line: 16px; --text-subtitle-weight: 600; --text-box-heading-size: clamp(18px, 1.39vw, 20px); --text-box-heading-line: 22px; --text-box-heading-weight: 500; --text-counter-size: clamp(30px, 2.78vw, 40px); --text-counter-line: clamp(38px, 3.61vw, 52px); --text-counter-weight: 600; } body { font-family: var(--font-body); font-size: var(--text-body-size); line-height: var(--text-body-line); font-weight: var(--text-body-weight); } h1, .h1 { font-family: var(--font-heading); font-size: var(--text-h1-size); line-height: var(--text-h1-line); font-weight: var(--text-h1-weight); } h2, .h2 { font-family: var(--font-heading); font-size: var(--text-h2-size); line-height: var(--text-h2-line); font-weight: var(--text-h2-weight); } .text-body { font-family: var(--font-body); font-size: var(--text-body-size); line-height: var(--text-body-line); font-weight: var(--text-body-weight); } .text-subtitle { font-family: var(--font-heading); font-size: var(--text-subtitle-size); line-height: var(--text-subtitle-line); font-weight: var(--text-subtitle-weight); } .box-subheading { font-family: var(--font-heading); font-size: var(--text-box-heading-size); line-height: var(--text-box-heading-line); font-weight: var(--text-box-heading-weight); } .box-counter { font-family: var(--font-heading); font-size: var(--text-counter-size); line-height: var(--text-counter-line); font-weight: var(--text-counter-weight); } .btn, .bricks-button { font-family: var(--font-heading); font-size: var(--text-button-size); line-height: var(--text-button-line); font-weight: var(--text-button-weight); }  .text-span{ color:#F4AF00; } .marquee-track { display: flex; white-space: nowrap; width: max-content; animation: marquee-scroll 10s linear infinite; } @keyframes marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } #play-btn-wrapper{ cursor: pointer; }  .custom-gym-form { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 20px !important;  row-gap: 30px !important;  } .custom-gym-form .form-group { padding: 0 !important; margin: 0 !important;  width: 100% !important; }  .custom-gym-form input, .custom-gym-form textarea { width: 100% !important; color: #03040E !important;  }  .custom-gym-form .form-group:nth-child(5), .custom-gym-form .submit-button-wrapper { grid-column: 1 / -1; }  .custom-gym-form button[type="submit"] { width: max-content !important; padding: 3px 3px 3px 20px !important;  border-radius: 50px !important;  display: inline-flex !important; align-items: center !important; gap: 20px !important;  font-weight: 700 !important;  letter-spacing: 0.5px !important; color: #03040E !important;  }  .custom-gym-form label.required::after { color: #FFB347 !important; }