{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .brand-primary { color: #F26430; } .bg-brand-primary { background-color: #F26430; } .border-brand-primary { border-color: #F26430; } .hover-brand:hover { background-color: #E8571C; } .text-brand-white { color: #FFFFFF; } .shadow-brand { box-shadow: 0 10px 30px rgba(242, 100, 48, 0.15); } /* Integrating the brand colors from your funnel assets */ :root { --brand-primary: #F26531; --brand-dark: #111827; } /* Custom Tailwind utility extensions */ .brand-primary { color: var(--brand-primary); } .bg-brand-primary { background-color: var(--brand-primary); } .border-brand-primary { border-color: var(--brand-primary); } .hover-brand:hover { background-color: #d44d1c; transition: all 0.3s ease; } .shadow-brand { box-shadow: 0 10px 15px -3px rgba(242, 101, 49, 0.3); } /* Animation for the CTA buttons */ @keyframes pulse-subtle { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } } .pulse-glow { animation: pulse-subtle 3s infinite ease-in-out; } /* Setting your brand orange as the primary variable */ :root { --brand-primary: #F26531; } .brand-primary { color: var(--brand-primary); } .bg-brand-primary { background-color: var(--brand-primary); } .border-brand-primary { border-color: var(--brand-primary); } .shadow-brand { box-shadow: 0 10px 25px -5px rgba(242, 101, 49, 0.4); } .hover-brand:hover { background-color: #d44d1c; transition: all 0.3s ease; } :root { --brand-orange: #F26531; } .brand-primary { color: var(--brand-orange); } .bg-brand-primary { background-color: var(--brand-orange); } .border-brand-primary { border-color: var(--brand-orange); } .shadow-brand { shadow: 0 10px 15px -3px rgba(242, 101, 49, 0.3); } .hover-brand:hover { background-color: #d95a2b; }