<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>{% block title %}SBPay.me - Single place for all payment processors{% endblock %}</title> <link rel="shortcut icon" href="{{ asset('build/images/favicon.ico') }}" type="image/x-icon"> <link rel="apple-touch-icon" href="{{ asset('build/images/favicon.ico') }}"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#0B3052"> <meta name="msapplication-navbutton-color" content="#0B3052"> <meta name="apple-mobile-web-app-status-bar-style" content="#0B3052"> {% block translations %} <script type="text/javascript" src="{{ path('translations.js', {v: resource_version()}) }}"></script> {% endblock %} {% block stylesheets %}{% endblock %} <style> body.v3 #payment_form{ width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; } body.v3.checkoutHtmlStyleFromiFrame .payment-form-info__item.payment-form-info__item-next{ z-index: 4; } </style> </head> <body class="v3 {% if darkMode is defined and darkMode %}dark-mode{% endif %}"> <!--for dark mode need to add class dark-mode--> {% block body %}{% endblock %} {% block javascripts_custom %}{% endblock %} {% block javascripts %}{% endblock %} <div id="modal_root" class="app-modal-content"></div> </body></html>