{} *{} #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; } .global-style-XW4pRmYaW { font-family: Lato, sans-serif;font-size: 1.5rem;font-weight: 700; } @media (min-width: 640px) { .global-style-XW4pRmYaW { font-family: Lato, sans-serif;font-size: 1.5rem;font-weight: 700; } } @media (min-width: 768px) { .global-style-XW4pRmYaW { font-family: Lato, sans-serif;font-size: 1.5rem;font-weight: 700; } } @media (min-width: 992px) { .global-style-XW4pRmYaW { font-family: Lato, sans-serif;font-size: 1.5rem;font-weight: 700; } } @media (min-width: 1200px) { .global-style-XW4pRmYaW { font-family: Lato, sans-serif;font-size: 1.5rem;font-weight: 700; } } /* Container Styles */ #roi-calculator-container { font-family: 'Poppins', sans-serif; max-width: 400px; margin: 50px auto; padding: 30px; text-align: center; border-radius: 10px; background: #f9f9f9; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Heading Styles */ #roi-calculator-container h2 { font-size: 32px; font-weight: 700; color: #5200a2; margin-bottom: 20px; } /* Input Field Styles */ #roi-calculator-container label { display: block; text-align: left; font-size: 14px; margin-bottom: 5px; color: #555; } #roi-calculator-container input { width: 100%; padding: 12px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 8px; font-size: 16px; transition: all 0.3s ease; } #roi-calculator-container input:focus { border-color: #6CBCA1; outline: none; } /* Button Styles */ #roi-calculator-container button { width: 100%; padding: 15px; font-size: 16px; background-color: #5200a2; color: white; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; } #roi-calculator-container button:hover { background-color: #3e0080; } /* Result Styles */ #roi-calculator-container h3 { margin-top: 30px; font-size: 20px; color: #5200a2; } #roi-calculator-container p { font-size: 16px; margin: 10px 0; color: #333; } #roi-calculator-container span.result { font-weight: 600; color: #333; } /* Custom Styles for Specific Text */ #monthlyLeftOnTable { color: green; } #amountCharged { color: red; } #roi { color: green; } /* Responsive Design */ @media (max-width: 480px) { #roi-calculator-container { padding: 20px; } #roi-calculator-container h2 { font-size: 24px; font-weight: 600; } }