diff --git a/odex25_base/odex25_website/__init__.py b/odex25_base/odex25_website/__init__.py
index e69de29bb..a03bfd097 100644
--- a/odex25_base/odex25_website/__init__.py
+++ b/odex25_base/odex25_website/__init__.py
@@ -0,0 +1 @@
+from . import controllers
\ No newline at end of file
diff --git a/odex25_base/odex25_website/__manifest__.py b/odex25_base/odex25_website/__manifest__.py
index 723cf3ed0..b707600d2 100644
--- a/odex25_base/odex25_website/__manifest__.py
+++ b/odex25_base/odex25_website/__manifest__.py
@@ -10,7 +10,8 @@ This module overrides community website features and introduces odex25 look and
""",
'depends': ['website'],
'data': [
- 'views/odex25_website_templates.xml'
+ 'views/odex25_website_templates.xml',
+ 'views/support.xml',
],
'installable': True,
'auto_install': True,
diff --git a/odex25_base/odex25_website/controllers/__init__.py b/odex25_base/odex25_website/controllers/__init__.py
new file mode 100644
index 000000000..457bae27e
--- /dev/null
+++ b/odex25_base/odex25_website/controllers/__init__.py
@@ -0,0 +1,3 @@
+# -*- coding: utf-8 -*-
+
+from . import controllers
\ No newline at end of file
diff --git a/odex25_base/odex25_website/controllers/controllers.py b/odex25_base/odex25_website/controllers/controllers.py
new file mode 100644
index 000000000..9807e7284
--- /dev/null
+++ b/odex25_base/odex25_website/controllers/controllers.py
@@ -0,0 +1,9 @@
+# -*- coding: utf-8 -*-
+from odoo import http
+
+
+class OdexSupport(http.Controller):
+ @http.route('/support', type='http', auth='public', website=True)
+ def support(self, **kw):
+ return http.request.render("odex25_website.support")
+
diff --git a/odex25_base/odex25_website/static/img/add.png b/odex25_base/odex25_website/static/img/add.png
new file mode 100644
index 000000000..8818db21e
Binary files /dev/null and b/odex25_base/odex25_website/static/img/add.png differ
diff --git a/odex25_base/odex25_website/static/img/support_banner.jpg b/odex25_base/odex25_website/static/img/support_banner.jpg
new file mode 100644
index 000000000..68e4d41d4
Binary files /dev/null and b/odex25_base/odex25_website/static/img/support_banner.jpg differ
diff --git a/odex25_base/odex25_website/static/src/js/support.js b/odex25_base/odex25_website/static/src/js/support.js
new file mode 100644
index 000000000..8d4a224d2
--- /dev/null
+++ b/odex25_base/odex25_website/static/src/js/support.js
@@ -0,0 +1,34 @@
+$(document).ready(function () {
+ var addFileInputButton = document.getElementById('add-file-input');
+
+ if (addFileInputButton) {
+ addFileInputButton.addEventListener('click', function(e) {
+ e.preventDefault();
+
+ var addAnotherAttachment = document.getElementById('file-input-container');
+
+ var wrapper = document.createElement('div');
+ wrapper.classList.add('attachment-wrapper');
+
+ var newInput = document.createElement('input');
+ newInput.type = 'file';
+ newInput.name = 'attachments[]';
+
+ var deleteButton = document.createElement('button');
+ deleteButton.textContent = 'X';
+ deleteButton.classList.add('delete-button');
+ deleteButton.type = 'button';
+
+ deleteButton.addEventListener('click', function() {
+ wrapper.remove();
+ });
+
+ wrapper.appendChild(newInput);
+ wrapper.appendChild(deleteButton);
+
+ addAnotherAttachment.insertBefore(wrapper, this);
+ });
+ } else {
+ console.error("The 'add-file-input' element does not exist in the DOM.");
+ }
+});
diff --git a/odex25_base/odex25_website/static/src/scss/support.css b/odex25_base/odex25_website/static/src/scss/support.css
new file mode 100644
index 000000000..ed7fa9b37
--- /dev/null
+++ b/odex25_base/odex25_website/static/src/scss/support.css
@@ -0,0 +1,2189 @@
+@media screen and (max-width: 319px) {
+ .support-banner {
+ width: 100%;
+ height: 130px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 15px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 18px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 40px 15px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 12px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 35px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ font-size: 11px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ padding-top: 10px;
+ font-size: 11px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 12px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 16px;
+ height: 16px;
+ font-size: 8px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 12px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 40px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 14px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .small-devices {
+ display: flex;
+ flex-direction: column;
+ }
+ .support-form-container #support-form .small-devices label {
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .small-devices .questions-container {
+ width: 100%;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px) {
+ .support-banner {
+ width: 100%;
+ height: 180px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 20px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 24px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 40px 20px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 13px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 38px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ font-size: 12px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ padding-top: 10px;
+ font-size: 12px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 13px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 16px;
+ height: 16px;
+ font-size: 8px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 13px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 45px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 15px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .small-devices {
+ display: flex;
+ flex-direction: column;
+ }
+ .support-form-container #support-form .small-devices label {
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .small-devices .questions-container {
+ width: 100%;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px) {
+ .support-banner {
+ width: 100%;
+ height: 170px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 20px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 22px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 40px 20px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 13px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 38px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ font-size: 12px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ padding-top: 10px;
+ font-size: 12px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 13px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 16px;
+ height: 16px;
+ font-size: 8px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 13px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 45px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 15px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .small-devices {
+ display: flex;
+ flex-direction: column;
+ }
+ .support-form-container #support-form .small-devices label {
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .small-devices .questions-container {
+ width: 100%;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px) {
+ .support-banner {
+ width: 100%;
+ height: 150px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 15px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 22px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 40px 15px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 12px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 35px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ font-size: 11px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ padding-top: 10px;
+ font-size: 11px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 12px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 16px;
+ height: 16px;
+ font-size: 8px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 12px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 40px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 14px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .small-devices {
+ display: flex;
+ flex-direction: column;
+ }
+ .support-form-container #support-form .small-devices label {
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .small-devices .questions-container {
+ width: 100%;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 421px) and (max-width: 767px) {
+ .support-banner {
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 20px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 24px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 40px 20px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 14px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 40px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 14px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 14px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 16px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 768px) and (max-width: 1024px) {
+ .support-banner {
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 40px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 30px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 50px 40px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px) {
+ .support-banner {
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 80px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 30px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 80px 80px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 1025px) and (max-width: 1200px) {
+ .support-banner {
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 80px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 30px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 80px 80px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 1201px) and (max-width: 1365px) {
+ .support-banner {
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 150px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 32px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 80px 150px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 1366px) and (max-width: 1599px) {
+ .support-banner {
+ width: 100%;
+ height: 230px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 200px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 34px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 80px 200px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 1600px) and (max-width: 1919px) {
+ .support-banner {
+ width: 100%;
+ height: 230px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 300px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 34px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 80px 300px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 18px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 45px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ font-size: 16px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 150px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 16px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 15px 5px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 18px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 12px;
+ margin-inline-end: 8px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 20px;
+ height: 20px;
+ font-size: 11px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 18px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 55px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 20px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 1920px) and (max-width: 2559px) {
+ .support-banner {
+ width: 100%;
+ height: 250px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 450px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 40px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 80px 450px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 18px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 45px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ font-size: 16px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 150px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 16px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 20px 10px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 18px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 12px;
+ margin-inline-end: 8px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 20px;
+ height: 20px;
+ font-size: 11px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 18px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 60px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 20px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 2560px) and (max-width: 3839px) {
+ .support-banner {
+ width: 100%;
+ height: 300px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 700px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 50px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 100px 700px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 20px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 60px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ font-size: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 200px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 20px 10px;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 20px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 14px;
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 20px;
+ height: 20px;
+ font-size: 11px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 20px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 60px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 22px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+@media screen and (min-width: 3840px) {
+ .support-banner {
+ width: 100%;
+ height: 500px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 1000px;
+ position: relative;
+ }
+ .support-banner img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ -o-object-fit: cover;
+ object-fit: cover;
+ z-index: -1;
+ }
+ .support-banner h1 {
+ font-size: 70px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ .support-form-container {
+ width: 100%;
+ height: auto;
+ padding: 200px 1000px;
+ }
+ .support-form-container #support-form {
+ width: 100%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 70px;
+ }
+ .support-form-container #support-form .form-row label {
+ width: 35%;
+ font-size: 30px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .support-form-container #support-form .form-row .input-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .input-container input {
+ width: 100%;
+ height: 90px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 25px;
+ border-radius: 12px;
+ font-size: 30px;
+ }
+ .support-form-container #support-form .form-row .input-container textarea {
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 300px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 25px;
+ border-radius: 12px;
+ padding-top: 10px;
+ font-size: 30px;
+ }
+ .support-form-container #support-form .form-row .input-container input[type=file] {
+ height: auto;
+ padding: 30px 15px;
+ margin-bottom: 30px;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input {
+ width: 100%;
+ font-size: 30px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ }
+ .support-form-container #support-form .form-row .input-container #add-file-input img {
+ width: 24px;
+ margin-inline-end: 15px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper {
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 30px;
+ }
+ .support-form-container #support-form .form-row .input-container .attachment-wrapper .delete-button {
+ width: 30px;
+ height: 30px;
+ font-size: 16px;
+ margin-bottom: 30px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ .support-form-container #support-form .form-row .questions-container {
+ width: 65%;
+ height: auto;
+ }
+ .support-form-container #support-form .form-row .questions-container label {
+ width: 100%;
+ height: auto;
+ font-size: 30px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .support-form-container #support-form .form-row .questions-container label input {
+ transform: scale(1.8);
+ margin-inline-end: 30px;
+ }
+ .support-form-container #support-form .form-row button {
+ width: 100%;
+ height: 90px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 32px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 12px;
+ cursor: pointer;
+ }
+ .support-form-container #support-form .align-top {
+ align-items: flex-start;
+ }
+}
+p {
+ margin: 0px;
+}/*# sourceMappingURL=support.css.map */
\ No newline at end of file
diff --git a/odex25_base/odex25_website/static/src/scss/support.css.map b/odex25_base/odex25_website/static/src/scss/support.css.map
new file mode 100644
index 000000000..2174a2989
--- /dev/null
+++ b/odex25_base/odex25_website/static/src/scss/support.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["support.scss","support.css"],"names":[],"mappings":"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","file":"support.css"}
\ No newline at end of file
diff --git a/odex25_base/odex25_website/static/src/scss/support.scss b/odex25_base/odex25_website/static/src/scss/support.scss
new file mode 100644
index 000000000..39f81d0b9
--- /dev/null
+++ b/odex25_base/odex25_website/static/src/scss/support.scss
@@ -0,0 +1,2227 @@
+@media screen and (max-width: 319px){
+ .support-banner{
+ width: 100%;
+ height: 130px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 15px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 18px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 40px 15px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ label{
+ width: 35%;
+ font-size: 12px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 35px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ font-size: 11px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ padding-top: 10px;
+ font-size: 11px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 12px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 16px;
+ height: 16px;
+ font-size: 8px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 12px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 40px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 14px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+ cursor: pointer;
+ }
+ }
+ .small-devices{
+ display: flex;
+ flex-direction: column;
+ label{
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ .questions-container{
+ width: 100%;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){
+ .support-banner{
+ width: 100%;
+ height: 180px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 20px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 24px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 40px 20px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ label{
+ width: 35%;
+ font-size: 13px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 38px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ font-size: 12px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ padding-top: 10px;
+ font-size: 12px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 13px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 16px;
+ height: 16px;
+ font-size: 8px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 13px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 45px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 15px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+ cursor: pointer;
+ }
+ }
+ .small-devices{
+ display: flex;
+ flex-direction: column;
+ label{
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ .questions-container{
+ width: 100%;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){
+ .support-banner{
+ width: 100%;
+ height: 170px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 20px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 22px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 40px 20px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ label{
+ width: 35%;
+ font-size: 13px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 38px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ font-size: 12px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ padding-top: 10px;
+ font-size: 12px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 13px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 16px;
+ height: 16px;
+ font-size: 8px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 13px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 45px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 15px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+ cursor: pointer;
+ }
+ }
+ .small-devices{
+ display: flex;
+ flex-direction: column;
+ label{
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ .questions-container{
+ width: 100%;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){
+ .support-banner{
+ width: 100%;
+ height: 150px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 15px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 22px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 40px 15px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 30px;
+ label{
+ width: 35%;
+ font-size: 12px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 35px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ font-size: 11px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 6px;
+ padding-top: 10px;
+ font-size: 11px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 12px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 16px;
+ height: 16px;
+ font-size: 8px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 12px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 40px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 14px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+ cursor: pointer;
+ }
+ }
+ .small-devices{
+ display: flex;
+ flex-direction: column;
+ label{
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ .questions-container{
+ width: 100%;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 421px) and (max-width: 767px){
+ .support-banner{
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 20px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 24px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 40px 20px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 14px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 40px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 110px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 10px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 10px 3px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 14px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 10px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 14px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 16px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 768px) and (max-width: 1024px){
+ .support-banner{
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 40px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 30px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 50px 40px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){}
+
+@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){}
+
+@media screen and (max-width: 699px) and (max-device-height: 550px){}
+
+@media screen and (max-width: 699px) and (max-device-height: 319px){}
+
+@media screen and (min-width: 768px) and (max-width: 895px) and (min-device-height: 1200px){}
+
+@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){
+ .support-banner{
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 80px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 30px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 80px 80px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1025px) and (max-width: 1200px){
+ .support-banner{
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 80px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 30px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 80px 80px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1201px) and (max-width: 1365px){
+ .support-banner{
+ width: 100%;
+ height: 210px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 150px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 32px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 80px 150px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1366px) and (max-width: 1599px){
+ .support-banner{
+ width: 100%;
+ height: 230px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 200px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 34px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 80px 200px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 44px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ font-size: 14px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 114px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 15px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 14px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 12px 5px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 16px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 12px;
+ margin-inline-end: 6px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 18px;
+ height: 18px;
+ font-size: 10px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 50px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 18px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1600px) and (max-width: 1919px){
+ .support-banner{
+ width: 100%;
+ height: 230px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 300px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 34px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 80px 300px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 18px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 45px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ font-size: 16px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 150px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 16px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 15px 5px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 18px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 12px;
+ margin-inline-end: 8px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 20px;
+ height: 20px;
+ font-size: 11px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 18px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 55px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 20px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1920px) and (max-width: 2559px){
+ .support-banner{
+ width: 100%;
+ height: 250px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 450px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 40px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 80px 450px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 18px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 45px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ font-size: 16px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 150px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 16px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 20px 10px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 18px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 12px;
+ margin-inline-end: 8px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 20px;
+ height: 20px;
+ font-size: 11px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 18px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 60px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 20px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 2560px) and (max-width: 3839px){
+ .support-banner{
+ width: 100%;
+ height: 300px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 700px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 50px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 100px 700px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 50px;
+ label{
+ width: 35%;
+ font-size: 20px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 60px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ font-size: 20px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 200px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 20px;
+ border-radius: 8px;
+ padding-top: 10px;
+ font-size: 20px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 20px 10px;
+ margin-bottom: 20px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 20px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 14px;
+ margin-inline-end: 10px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 20px;
+ .delete-button{
+ width: 20px;
+ height: 20px;
+ font-size: 11px;
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 20px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1);
+ margin-inline-end: 10px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 60px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 22px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 8px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 3840px){
+ .support-banner{
+ width: 100%;
+ height: 500px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-inline-start: 1000px;
+ position: relative;
+ img{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: cover;
+ z-index: -1;
+ }
+ h1{
+ font-size: 70px;
+ font-weight: 600;
+ color: white;
+ text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.5);
+ }
+ }
+ .support-form-container{
+ width: 100%;
+ height: auto;
+ padding: 200px 1000px;
+ #support-form{
+ width: 100%;
+ height: auto;
+ .form-row{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 70px;
+ label{
+ width: 35%;
+ font-size: 30px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ }
+ .input-container{
+ width: 65%;
+ height: auto;
+ input{
+ width: 100%;
+ height: 90px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 25px;
+ border-radius: 12px;
+ font-size: 30px;
+ }
+ textarea{
+ width: 100%;
+ max-width: 100%;
+ min-width: 100%;
+ min-height: 300px;
+ background-color: #FBFBFB;
+ color: black;
+ outline: 1px solid #E3E4E4;
+ border: none;
+ text-indent: 25px;
+ border-radius: 12px;
+ padding-top: 10px;
+ font-size: 30px;
+ }
+ // new attachments link
+ input[type=file]{
+ height: auto;
+ padding: 30px 15px;
+ margin-bottom: 30px;
+ }
+ #add-file-input{
+ width: 100%;
+ font-size: 30px;
+ font-weight: 600;
+ color: #007BFF;
+ text-transform: initial;
+ display: flex;
+ align-items: center;
+ img{
+ width: 24px;
+ margin-inline-end: 15px;
+ }
+ }
+ .attachment-wrapper{
+ width: 100%;
+ height: auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 30px;
+ .delete-button{
+ width: 30px;
+ height: 30px;
+ font-size: 16px;
+ margin-bottom: 30px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ }
+ }
+ }
+ // radio
+ .questions-container{
+ width: 65%;
+ height: auto;
+ label{
+ width: 100%;
+ height: auto;
+ font-size: 30px;
+ font-weight: 600;
+ color: black;
+ text-transform: initial;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ margin-bottom: 20px;
+ input{
+ transform: scale(1.8);
+ margin-inline-end: 30px;
+ }
+ }
+ }
+ button{
+ width: 100%;
+ height: 90px;
+ background-color: #007BFF;
+ color: white;
+ font-size: 32px;
+ font-weight: 600;
+ text-transform: initial;
+ border: none;
+ outline: none;
+ border-radius: 12px;
+ cursor: pointer;
+ }
+ }
+ .align-top{
+ align-items: flex-start;
+ }
+ }
+ }
+}
+
+p{
+ margin: 0px;
+}
\ No newline at end of file
diff --git a/odex25_base/odex25_website/views/odex25_website_templates.xml b/odex25_base/odex25_website/views/odex25_website_templates.xml
index 9f6916411..c9fc5e930 100644
--- a/odex25_base/odex25_website/views/odex25_website_templates.xml
+++ b/odex25_base/odex25_website/views/odex25_website_templates.xml
@@ -3,7 +3,9 @@
+
+
diff --git a/odex25_base/odex25_website/views/support.xml b/odex25_base/odex25_website/views/support.xml
new file mode 100644
index 000000000..b3abf235f
--- /dev/null
+++ b/odex25_base/odex25_website/views/support.xml
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+
+
+
+
Get Some Help
+
+
+