/* Import Poppins font */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); /* ONLY target elements INSIDE the transparent-form container */ .transparent-form, .transparent-form .iIDDUy, .transparent-form .ebeRtN, .transparent-form .fiUAra, .transparent-form .jMsntP, .transparent-form .hYNtOw, .transparent-form .cKFCFj, .transparent-form .kzJALr, .transparent-form .iFTUZ, .transparent-form .fGlnaR, .transparent-form .dshyOS, .transparent-form .jMAAaa, .transparent-form .jZSLFe, .transparent-form .kXIIFK, .transparent-form .jslhpj, .transparent-form .jmtkzV, .transparent-form .frywYD, .transparent-form .coBuPy, .transparent-form .cVhqQi, .transparent-form .dwYSlG, .transparent-form .fbTroV, .transparent-form .dXMySC, .transparent-form .kyGins, .transparent-form .ikTLQy, .transparent-form .fWEvjn, .transparent-form .bHMXvj, .transparent-form .uBRGK, .transparent-form .bkwebo, .transparent-form .cMvjGV, .transparent-form .deQLLQ, .transparent-form .ixMAYB, .transparent-form .liLVUt, .transparent-form a, .transparent-form button, .transparent-form label, .transparent-form p { font-family: 'Poppins', sans-serif !important; color: white !important; } /* Make form background transparent and reduce padding */ .transparent-form .iIDDUy { background: transparent !important; border-radius: 0.3125rem; max-width: 35.25rem; margin-left: auto; margin-right: auto; padding: 3% 4% !important; /* Percentage-based auto padding */ position: relative; } /* Reduce spacing between form elements */ .transparent-form .jZSLFe { margin-bottom: 1rem !important; } .transparent-form .kXIIFK { margin-bottom: 0.75rem !important; } .transparent-form .jslhpj { margin-left: auto; margin-right: auto; max-width: 29.125rem; padding-bottom: 1.5rem !important; } /* White text for specific elements */ .transparent-form .hYNtOw, .transparent-form .cKFCFj, .transparent-form .kzJALr { color: white !important; } .transparent-form .fiUAra { font-size: 0.875rem; padding-left: 0.5rem; overflow-wrap: break-word; word-break: break-word; font-weight: 400; color: white !important; position: relative; top: 2px; } .transparent-form .frywYD { font-size: 16px; font-weight: 400; color: #3cb4e5 !important; } /* Input fields with transparent background */ .transparent-form .dshyOS { appearance: none; background-color: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 0.1875rem; box-sizing: border-box; box-shadow: none !important; color: white !important; font-size: 0.875rem; line-height: 1.5; min-height: 2.5rem; outline: 0px; padding: 0.75rem 1rem; transition: all 0.2s; width: 100%; } .transparent-form .dshyOS::placeholder { color: rgba(255, 255, 255, 0.6) !important; } .transparent-form .dshyOS:focus { border-color: #3cb4e5 !important; box-shadow: 0 0 0 2px rgba(60, 180, 229, 0.2) !important; } /* Select dropdown styling */ .transparent-form .bjYfes { background-color: rgba(255, 255, 255, 0.1) !important; border-radius: 0.1875rem; box-shadow: none !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; display: block; position: relative; } .transparent-form .jMAAaa { appearance: none; background: transparent !important; border: 0px; box-sizing: border-box; color: white !important; cursor: pointer; display: block; font-size: 0.875rem; min-height: 2.5rem; outline: 0px; padding: 0.75rem 2.5rem 0.75rem 1rem; text-align: left; transition: box-shadow 0.2s; width: 100%; } .transparent-form .jMAAaa:focus { box-shadow: 0 0 0 2px rgba(60, 180, 229, 0.2) !important; } /* Button styling */ .transparent-form .bkwebo { background-color: #3cb4e5; border: none; border-radius: 3px; color: white !important; display: inline-block; font-weight: 500; font-size: 1rem; line-height: 1; outline: 0px; padding: 0.75rem 1.5rem; text-decoration: none; transition: background-color 0.2s ease-in; width: 100%; margin-top: 0.5rem; } .transparent-form .bkwebo:hover { background-color: #2a9fd6; cursor: pointer; } /* Disclaimer text */ .transparent-form .liLVUt { font-size: 0.75rem; margin-top: 0.75rem; color: rgba(255, 255, 255, 0.8) !important; line-height: 1.4; } /* Divider */ .transparent-form .coBuPy { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; margin-bottom: 0.75rem; padding-top: 0.75rem; } /* Required field indicator */ .transparent-form .iFTUZ { color: #ff6b6b !important; } /* Hide empty heading */ .transparent-form .jmtkzV { display: none; } /* Mobile responsiveness */ @media (max-width: 768px) { .transparent-form .iIDDUy { padding: 1rem !important; margin: 0 1rem; } .transparent-form .ixMAYB { flex-direction: column; } .transparent-form .cMvjGV { padding-right: 0; margin-bottom: 0.5rem; } } /* Keep the rest of your original styles but scoped to the form */ .transparent-form .ebeRtN { align-items: flex-start; display: flex; } .transparent-form .jMsntP { color: #ff6b6b !important; font-weight: 400; font-size: 0.75rem; margin-left: 0.125rem; } .transparent-form .fGlnaR { border: 0px !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; } .transparent-form .liGfFV { color: rgba(255, 255, 255, 0.6) !important; height: 1rem; line-height: 0; max-height: 100%; max-width: 100%; pointer-events: none; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); width: 1rem; } .transparent-form .cMvjGV { padding-right: 8px; } .transparent-form .deQLLQ { width: inherit; } .transparent-form .ixMAYB { display: flex; } WebFont.load({ google: { families: ['Poppins:300,400,500,600,700:latin'] } });