/* style/payment-methods-deposit-options.css */\n\n/* Base styles for the page content, ensuring proper header offset */\n.page-payment-methods-deposit-options {\n    padding-top: var(--header-offset, 120px); /* Ensures content is not hidden by fixed header */\n    color: #333333; /* Dark text for default light body background */\n    font-family: 'Arial', sans-serif;\n    line-height: 1.6;\n}\n\n/* Hero Section */\n.page-payment-methods-deposit-options__hero-section {\n    position: relative;\n    text-align: center;\n    color: #ffffff; /* Light text for hero content */\n    padding: 80px 20px;\n    background-color: #0A2463; /* Primary brand color as fallback */\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 500px; /* Ensure a good minimum height */\n}\n\n.page-payment-methods-deposit-options__hero-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 0;\n}\n\n.page-payment-methods-deposit-options__hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(0, 0, 0, 0.4); /* Semi-transparent overlay for text readability */\n    padding: 40px;\n    border-radius: 10px;\n}\n\n.page-payment-methods-deposit-options__hero-title {\n    font-size: 3.2em;\n    margin-bottom: 20px;\n    font-weight: bold;\n    color: #E5A000; /* Secondary color for emphasis */\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);\n}\n\n.page-payment-methods-deposit-options__hero-description {\n    font-size: 1.2em;\n    margin-bottom: 30px;\n    max-width: 700px;\n    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);\n}\n\n.page-payment-methods-deposit-options__cta-button {\n    display: inline-block;\n    background-color: #E5A000; /* Secondary color for CTA */\n    color: #0A2463; /* Dark text on bright button */\n    padding: 15px 30px;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 1.1em;\n    transition: background-color 0.3s ease, transform 0.2s ease;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);\n}\n\n.page-payment-methods-deposit-options__cta-button:hover {\n    background-color: #f0b000;\n    transform: translateY(-2px);\n}\n\n/* General Section Styling */\n.page-payment-methods-deposit-options__introduction,\n.page-payment-methods-deposit-options__methods-overview,\n.page-payment-methods-deposit-options__how-to-deposit,\n.page-payment-methods-deposit-options__security-measures,\n.page-payment-methods-deposit-options__responsible-gaming,\n.page-payment-methods-deposit-options__faq,\n.page-payment-methods-deposit-options__call-to-action {\n    max-width: 1200px;\n    margin: 40px auto;\n    padding: 20px;\n    background-color: #ffffff; /* Card/section background */\n    border-radius: 10px;\n    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);\n}\n\n.page-payment-methods-deposit-options__section-title {\n    font-size: 2.2em;\n    color: #0A2463; /* Primary color for section titles */\n    text-align: center;\n    margin-bottom: 30px;\n    padding-bottom: 15px;\n    position: relative;\n}\n\n.page-payment-methods-deposit-options__section-title::after {\n    content: '';\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 4px;\n    background-color: #E5A000; /* Secondary color underline */\n    border-radius: 2px;\n}\n\n.page-payment-methods-deposit-options__paragraph {\n    font-size: 1.1em;\n    margin-bottom: 20px;\n    text-align: justify;\n}\n\n/* Method Grid */\n.page-payment-methods-deposit-options__method-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 30px;\n}\n\n.page-payment-methods-deposit-options__method-card {\n    background-color: #f9f9f9;\n    border-radius: 10px;\n    padding: 25px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\n    text-align: center;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n\n.page-payment-methods-deposit-options__method-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n}\n\n.page-payment-methods-deposit-options__method-icon {\n    width: 250px;\n    height: 200px; /* Adjusted to meet min height requirement */\n    object-fit: cover; /* Ensure image covers the area */\n    margin: 0 auto 20px;\n    border-radius: 8px;\n}\n\n.page-payment-methods-deposit-options__method-title {\n    font-size: 1.6em;\n    color: #0A2463;\n    margin-bottom: 15px;\n}\n\n.page-payment-methods-deposit-options__method-description {\n    font-size: 1em;\n    margin-bottom: 15px;\n    flex-grow: 1;\n}\n\n.page-payment-methods-deposit-options__method-details {\n    list-style: none;\n    padding: 0;\n    margin-bottom: 20px;\n    text-align: left;\n    font-size: 0.95em;\n    color: #555555;\n}\n\n.page-payment-methods-deposit-options__method-details li {\n    margin-bottom: 8px;\n    padding-left: 20px;\n    position: relative;\n}\n\n.page-payment-methods-deposit-options__method-details li::before {\n    content: '✓';\n    color: #E5A000;\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n}\n\n.page-payment-methods-deposit-options__card-button {\n    display: inline-block;\n    background-color: #0A2463; /* Primary color for card CTA */\n    color: #ffffff;\n    padding: 12px 25px;\n    border-radius: 6px;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 1em;\n    transition: background-color 0.3s ease;\n    margin-top: auto;\n}\n\n.page-payment-methods-deposit-options__card-button:hover {\n    background-color: #1a3c7a;\n}\n\n/* How-To Steps */\n.page-payment-methods-deposit-options__steps-list {\n    list-style: none;\n    padding: 0;\n    counter-reset: step-counter;\n}\n\n.page-payment-methods-deposit-options__steps-list li {\n    counter-increment: step-counter;\n    background-color: #f0f4f8;\n    margin-bottom: 15px;\n    padding: 20px 25px 20px 60px;\n    border-radius: 8px;\n    position: relative;\n    font-size: 1.1em;\n    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);\n}\n\n.page-payment-methods-deposit-options__steps-list li::before {\n    content: counter(step-counter);\n    position: absolute;\n    left: 20px;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: #E5A000;\n    color: #0A2463;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-weight: bold;\n    font-size: 1.2em;\n}\n\n/* Security and Responsible Gaming Lists */\n.page-payment-methods-deposit-options__security-list,\n.page-payment-methods-deposit-options__responsible-list {\n    list-style: none;\n    padding: 0;\n    margin-left: 20px;\n}\n\n.page-payment-methods-deposit-options__security-list li,\n.page-payment-methods-deposit-options__responsible-list li {\n    margin-bottom: 10px;\n    position: relative;\n    padding-left: 30px;\n    font-size: 1.05em;\n}\n\n.page-payment-methods-deposit-options__security-list li::before,\n.page-payment-methods-deposit-options__responsible-list li::before {\n    content: '★';\n    color: #E5A000;\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n    font-size: 1.2em;\n    line-height: 1;\n}\n\n/* FAQ Section */\n.page-payment-methods-deposit-options__faq-item {\n    background-color: #f0f4f8;\n    border-radius: 8px;\n    margin-bottom: 15px;\n    padding: 20px;\n    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);\n}\n\n.page-payment-methods-deposit-options__faq-question {\n    font-size: 1.3em;\n    color: #0A2463;\n    margin-bottom: 10px;\n    cursor: pointer;\n    transition: color 0.3s ease;\n}\n\n.page-payment-methods-deposit-options__faq-question:hover {\n    color: #E5A000;\n}\n\n.page-payment-methods-deposit-options__faq-question--active {\n    color: #E5A000;\n}\n\n.page-payment-methods-deposit-options__faq-answer {\n    font-size: 1.05em;\n    color: #555555;\n    display: none; /* Hidden by default, toggled by JS */\n    padding-top: 10px;\n    border-top: 1px solid #e0e0e0;\n    margin-top: 10px;\n}\n\n/* Call to Action Buttons */\n.page-payment-methods-deposit-options__cta-buttons {\n    text-align: center;\n    margin-top: 40px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 20px;\n}\n\n.page-payment-methods-deposit-options__cta-button--primary {\n    background-color: #E5A000;\n    color: #0A2463;\n}\n\n.page-payment-methods-deposit-options__cta-button--primary:hover {\n    background-color: #f0b000;\n}\n\n.page-payment-methods-deposit-options__cta-button--secondary {\n    background-color: #0A2463;\n    color: #ffffff;\n}\n\n.page-payment-methods-deposit-options__cta-button--secondary:hover {\n    background-color: #1a3c7a;\n}\n\n/* Links within content */\n.page-payment-methods-deposit-options__paragraph a,\n.page-payment-methods-deposit-options__steps-list a,\n.page-payment-methods-deposit-options__responsible-list a {\n    color: #0A2463; /* Primary color for internal links */\n    text-decoration: underline;\n    transition: color 0.3s ease;\n}\n\n.page-payment-methods-deposit-options__paragraph a:hover,\n.page-payment-methods-deposit-options__steps-list a:hover,\n.page-payment-methods-deposit-options__responsible-list a:hover {\n    color: #E5A000; /* Secondary color on hover */\n}