.admin_text-btn { text-align: center; } .info-link a { font-size: 16px; font-weight: 700; color: #000; padding: 10px; background: linear-gradient(#f30065, #2c6f93); } .info-link { display: inline-table; position: relative; top: 10px; margin-bottom: 20px; } .admin-main-box { margin-top: 20px; } .admin-left-box{ width: 65%; float: left; } .admin-right-box { width: 30%; float: right; padding: 5px; margin: 0px 20px; background: #f6f6f6; border: solid 1px #ddd; } .admin-main-box h2 { color: #ff0076; font-size: 28px; margin: 15px 0; font-weight: bold; } span.version { font-size: 15px; color: #333; } .admin-left-box p { font-size: 20px; color: #333; } .admin-right-box-inner h3{ margin-top: 0; } .admin-right-box-inner { width: 60%; float: right; padding: 0 20px; } .admin-left-box-inner { width: 36%; float: left; } .admin_text-btn h4{ text-align: center; color: #ff0076; font-weight: 800; line-height: 30px; font-size: 21px; padding: 12px; } /*-----------Notice-----------*/ .notice.getting_started { background: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%); color: #fff; padding: 30px; border-radius: 12px; font-family: 'Poppins', sans-serif; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); text-align: center; animation: fadeIn 1.5s ease-in-out; } .notice-content h2 { font-size: 22px; font-weight: bold; margin-bottom: 10px; } .notice-content p { font-size: 16px; margin-bottom: 10px; } .discount-benefits { list-style: none; padding: 0; margin: 15px 0; } .discount-benefits li { font-size: 14px; background: rgba(255, 255, 255, 0.2); padding: 8px; border-radius: 8px; display: inline-block; margin: 4px; } .discount-code { font-size: 18px; font-weight: 600; margin: 15px 0; } .discount-code span { background: #ffcc00; color: #000; padding: 5px 12px; border-radius: 6px; font-weight: bold; } .info-link a { display: inline-block; background: #ffcc00; color: #000; font-size: 16px; font-weight: 600; padding: 10px 20px; border-radius: 6px; text-decoration: none; margin: 5px; transition: 0.3s ease-in-out; } .info-link a:hover { background: #ffaa00; transform: scale(1.05); } .offer-expiry { font-size: 14px; font-weight: bold; margin-top: 10px; opacity: 0.9; } /* Animation */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /*-------------Discount Section----------*/ .theme-discount-banner { background: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%); color: #fff; text-align: center; padding: 40px; border-radius: 12px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); font-family: 'Poppins', sans-serif; animation: fadeIn 1.5s ease-in-out; } .theme-discount-banner h2 { font-size: 28px; font-weight: 700; margin-bottom: 15px; } .theme-discount-banner p { font-size: 18px; margin-bottom: 15px; } .discount-benefits { list-style: none; padding: 0; margin: 20px 0; } .discount-benefits li { font-size: 16px; background: rgba(255, 255, 255, 0.2); padding: 10px; border-radius: 8px; margin: 5px 0; display: inline-block; width: auto; } .discount-code { font-size: 20px; font-weight: 600; margin: 20px 0; } .discount-code span { background: #ffcc00; color: #000; padding: 5px 12px; border-radius: 6px; font-weight: bold; } .cta-button { display: inline-block; background: #ffcc00; color: #000; font-size: 20px; font-weight: 700; padding: 12px 25px; border-radius: 8px; text-decoration: none; transition: 0.3s ease-in-out; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .cta-button:hover { background: #ffaa00; transform: scale(1.05); } .offer-expiry { font-size: 16px; font-weight: bold; margin-top: 15px; opacity: 0.9; } /* Fade In Animation */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }