html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

.load-more-allchampionship {
    margin-top: 20px;
}

body {
    overflow-x: hidden;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    line-height: 24px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.modal .select2-dropdown {
    z-index: 3051;
}

.teams__table.team-you table tbody tr td .you p {
    z-index: 9;
    position: relative;
    margin-bottom: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

@media (min--moz-device-pixel-ratio:0) {
    summary {
        display: list-item;
    }
}

.action-links {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}

[dir="rtl"] .action-links {
    margin-left: 0;
}

.action-links li {
    display: inline-block;
    margin: 0 0.3em;
}

.action-links li:first-child {
    margin-right: 0;
}

[dir="rtl"] .action-links li:first-child {
    margin-left: 0;
    margin-right: 0.3em;
}

.button-action {
    display: inline-block;
    padding: 0.2em 0.5em 0.3em;
    text-decoration: none;
    line-height: 160%;
}

.button-action:before {
    margin-right: -0.1em;
    padding-left: 0.2em;
    content: "+";
    font-weight: 900;
}

[dir="rtl"] .button-action:before {
    margin-left: -0.1em;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0.2em;
}

.breadcrumb {
    padding-bottom: 0.5em;
}

.breadcrumb ol {
    margin: 0;
    padding: 0;
}

[dir="rtl"] .breadcrumb ol {
    margin-left: 0;
}

.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumb li:before {
    content: " \BB ";
}

.breadcrumb li:first-child:before {
    content: none;
}

.collapse-processed>summary {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.collapse-processed>summary:before {
    float: right;
    width: 1em;
    height: 1em;
    content: "";
    background: url(/core/misc/menu-expanded.png) 100% 100% no-repeat;
}

[dir="rtl"] .collapse-processed>summary:before {
    float: left;
    background-position: 0% 100%;
}

.collapse-processed:not([open])>summary:before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: 75% 35%;
}

[dir="rtl"] .collapse-processed:not([open])>summary:before {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 25% 35%;
}

.container-inline label:after,
.container-inline .label:after {
    content: ":";
}

.form-type-radios .container-inline label:after,
.form-type-checkboxes .container-inline label:after {
    content: "";
}

.form-type-radios .container-inline .form-type-radio,
.form-type-checkboxes .container-inline .form-type-checkbox {
    margin: 0 1em;
}

.container-inline .form-actions,
.container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

details {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
}

details>.details-wrapper {
    padding: 0.5em 1.5em;
}

summary {
    padding: 0.2em 0.5em;
    cursor: pointer;
}

.exposed-filters .filters {
    float: right;
    margin-left: 1em;
}

[dir="rtl"] .exposed-filters .filters {
    float: left;
    margin-left: 0;
    margin-right: 1em;
}

.exposed-filters .form-item {
    margin: 0 0 0.1em 0;
    padding: 0;
}

.exposed-filters .form-item label {
    float: right;
    width: 10em;
    font-weight: normal;
}

[dir="rtl"] .exposed-filters .form-item label {
    float: left;
}

.exposed-filters .form-select {
    width: 14em;
}

.exposed-filters .current-filters {
    margin-bottom: 1em;
}

.exposed-filters .current-filters .placeholder {
    font-weight: bold;
    font-style: normal;
}

.exposed-filters .additional-filters {
    float: right;
    margin-left: 1em;
}

[dir="rtl"] .exposed-filters .additional-filters {
    float: left;
    margin-left: 0;
    margin-right: 1em;
}

.field__label {
    font-weight: bold;
}

.field--label-inline .field__label,
.field--label-inline .field__items {
    float: right;
}

.field--label-inline .field__label,
.field--label-inline>.field__item,
.field--label-inline .field__items {
    padding-left: 0.5em;
}

[dir="rtl"] .field--label-inline .field__label,
[dir="rtl"] .field--label-inline .field__items {
    padding-left: 0;
    padding-right: 0.5em;
}

.field--label-inline .field__label::after {
    content: ":";
}

form .field-multiple-table {
    margin: 0;
}

form .field-multiple-table .field-multiple-drag {
    width: 30px;
    padding-left: 0;
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag {
    padding-right: 0;
}

form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-left: 0.5em;
}

[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-left: 0;
    padding-right: 0.5em;
}

form .field-add-more-submit {
    margin: 0.5em 0 0;
}

.form-item,
.form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}

tr.odd .form-item,
tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
}

.form-composite>.fieldset-wrapper>.description,
.form-item .description {
    font-size: 0.85em;
}

label.option {
    display: inline;
    font-weight: normal;
}

.form-composite>legend,
.label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: bold;
}

.form-checkboxes .form-item,
.form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.form-type-radio .description,
.form-type-checkbox .description {
    margin-right: 2.4em;
}

[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
    margin-left: 2.4em;
    margin-right: 0;
}

.marker {
    color: #e00;
}

.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url(/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}

abbr.tabledrag-changed,
abbr.ajax-changed {
    border-bottom: none;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 2px solid red;
}

.form-item--error-message:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    vertical-align: sub;
    background: url(/core/misc/icons/e32700/error.svg) no-repeat;
    background-size: contain;
}

.btn-primary span {
    position: relative;
    z-index: 1;
}

.edit__profile a:hover img {
    filter: brightness(0.5);
}

.icon-help {
    padding: 1px 20px 1px 0;
    background: url(/core/misc/help.png) 100% 50% no-repeat;
}

[dir="rtl"] .icon-help {
    padding: 1px 0 1px 20px;
    background-position: 0% 50%;
}

.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url(/core/misc/feed.svg) no-repeat;
}

.form--inline .form-item {
    float: right;
    margin-left: 0.5em;
}

[dir="rtl"] .form--inline .form-item {
    float: left;
    margin-left: 0;
    margin-right: 0.5em;
}

[dir="rtl"] .views-filterable-options-controls .form-item {
    margin-left: 2%;
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-left: 1em;
    margin-right: 0.5em;
}

[dir="rtl"] .form--inline .form-item-separator {
    margin-left: 0.5em;
    margin-right: 1em;
}

.form--inline .form-actions {
    clear: right;
}

[dir="rtl"] .form--inline .form-actions {
    clear: left;
}

.item-list .title {
    font-weight: bold;
}

.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}

.item-list li {
    margin: 0 1.5em 0.25em 0;
    padding: 0;
}

[dir="rtl"] .item-list li {
    margin: 0 0 0.25em 1.5em;
}

.item-list--comma-list {
    display: inline;
}

.item-list--comma-list .item-list__comma-list,
.item-list__comma-list li,
[dir="rtl"] .item-list--comma-list .item-list__comma-list,
[dir="rtl"] .item-list__comma-list li {
    margin: 0;
}

ul.inline,
ul.links.inline {
    display: inline;
    padding-right: 0;
}

[dir="rtl"] ul.inline,
[dir="rtl"] ul.links.inline {
    padding-left: 0;
    padding-right: 15px;
}

ul.inline li {
    display: inline;
    padding: 0 0.5em;
    list-style-type: none;
}

ul.links a.is-active {
    color: #000;
}

ul.menu {
    margin-right: 1em;
    padding: 0;
    list-style: none outside;
    text-align: right;
}

[dir="rtl"] ul.menu {
    margin-left: 1em;
    margin-right: 0;
    text-align: left;
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(/core/misc/menu-expanded.png);
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(/core/misc/menu-collapsed.png);
}

[dir="rtl"] .menu-item--collapsed {
    list-style-image: url(/core/misc/menu-collapsed-rtl.png);
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

ul.menu a.is-active {
    color: #000;
}

.more-link {
    display: block;
    text-align: left;
}

[dir="rtl"] .more-link {
    text-align: right;
}

.pager__items {
    clear: both;
    text-align: center;
}

.pager__item {
    display: inline;
    padding: 0.5em;
}

.pager__item.is-active {
    font-weight: bold;
}

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}

tr.selected td {
    background: #ffc;
}

td.checkbox,
th.checkbox {
    text-align: center;
}

[dir="rtl"] td.checkbox,
[dir="rtl"] th.checkbox {
    text-align: center;
}

th.is-active img {
    display: inline;
}

td.is-active {
    background-color: #ddd;
}

.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

.ui-dialog--narrow {
    max-width: 500px;
}

@media screen and (max-width: 600px) {
    .ui-dialog--narrow {
        min-width: 95%;
        max-width: 95%;
    }
}

.messages {
    padding: 15px 35px 15px 20px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 0 1px 1px;
    border-radius: 2px;
    background: no-repeat right 10px top 17px;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    padding-left: 35px;
    padding-right: 20px;
    text-align: left;
    border-width: 1px 1px 1px 0;
    background-position: left 10px top 17px;
}

.messages+.messages {
    margin-top: 1.538em;
}

.messages__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.messages__item+.messages__item {
    margin-top: 0.769em;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    background-color: #f3faef;
    background-image: url(/core/misc/icons/73b355/check.svg);
    box-shadow: 8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
    margin-right: 0;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    box-shadow: -8px 0 0 #77b259;
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    background-color: #fdf8ed;
    background-image: url(/core/misc/icons/e29700/warning.svg);
    box-shadow: 8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    box-shadow: -8px 0 0 #e09600;
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    background-color: #fcf4f2;
    background-image: url(/core/misc/icons/e32700/error.svg);
    box-shadow: 8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    box-shadow: -8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}

.progress__track {
    border-color: #b3b3b3;
    border-radius: 10em;
    background-color: #f2f1eb;
    background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
    background-image: linear-gradient(#e7e7df, #f0f0f0);
    box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
}

.progress__bar {
    height: 16px;
    margin-top: -1px;
    margin-right: -1px;
    padding: 0 1px;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;
    border: 1px #07629a solid;
    border-radius: 10em;
    background: #057ec9;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(right top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to left bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
    background-size: 40px 40px;
}

[dir="rtl"] .progress__bar {
    margin-left: -1px;
    margin-right: 0;
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress__bar {
        -webkit-transition: none;
        transition: none;
        -webkit-animation: none;
        -moz-animation: none;
    }
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 100% 0, 100% 0;
    }
    100% {
        background-position: 100% 0, right -80px top 0;
    }
}

@-ms-keyframes animate-stripes {
    0% {
        background-position: 100% 0, 100% 0;
    }
    100% {
        background-position: 100% 0, right -80px top 0;
    }
}

@keyframes animate-stripes {
    0% {
        background-position: 100% 0, 100% 0;
    }
    100% {
        background-position: 100% 0, right -80px top 0;
    }
}

.node--unpublished {
    background-color: #fff4f4;
}

:root {
    --bs-blue: #003CC5;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #003CC5;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 0, 60, 197;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #003CC5;
    --bs-link-hover-color: #00309e;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

@media (prefers-reduced-motion:no-preference) {
     :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: 0.25;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 2.5rem;
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 2rem;
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 1.75rem;
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.5rem;
    }
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul {
    padding-right: 2rem;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-right: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small,
.small {
    font-size: 0.875em;
}

mark,
.mark {
    padding: 0.1875em;
    background-color: var(--bs-highlight-bg);
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: var(--bs-link-color);
    text-decoration: underline;
}

a:hover {
    color: var(--bs-link-hover-color);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

code {
    font-size: 0.875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
}

a>code {
    color: inherit;
}

kbd {
    padding: 0.1875rem 0.375rem;
    font-size: 0.875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: 0.25rem;
}

kbd kbd {
    padding: 0;
    font-size: 1em;
}

figure {
    margin: 0 0 1rem;
}

img,
svg {
    vertical-align: middle;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: right;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

select:disabled {
    opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}

::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

textarea {
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    float: right;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: inherit;
}

legend+* {
    clear: right;
}

::-webkit-datetime-edit-fields-wrapper,
 ::-webkit-datetime-edit-text,
 ::-webkit-datetime-edit-minute,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-year-field {
    padding: 0;
}

::-webkit-inner-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
    padding: 0;
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

iframe {
    border: 0;
}

summary {
    display: list-item;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

[hidden] {
    display: none !important;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem;
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem;
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem;
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem;
    }
}

.list-unstyled {
    padding-right: 0;
    list-style: none;
}

.list-inline {
    padding-right: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
}

.initialism {
    font-size: 0.875em;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote> :last-child {
    margin-bottom: 0;
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d;
}

.blockquote-footer::before {
    content: "— ";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 0.875em;
    color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px) {
    .container-sm,
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md,
    .container-sm,
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px;
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.col {
    flex: 1 0 0%;
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-right: 8.33333333%;
}

.offset-2 {
    margin-right: 16.66666667%;
}

.offset-3 {
    margin-right: 25%;
}

.offset-4 {
    margin-right: 33.33333333%;
}

.offset-5 {
    margin-right: 41.66666667%;
}

.offset-6 {
    margin-right: 50%;
}

.offset-7 {
    margin-right: 58.33333333%;
}

.offset-8 {
    margin-right: 66.66666667%;
}

.offset-9 {
    margin-right: 75%;
}

.offset-10 {
    margin-right: 83.33333333%;
}

.offset-11 {
    margin-right: 91.66666667%;
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }
    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-right: 0;
    }
    .offset-sm-1 {
        margin-right: 8.33333333%;
    }
    .offset-sm-2 {
        margin-right: 16.66666667%;
    }
    .offset-sm-3 {
        margin-right: 25%;
    }
    .offset-sm-4 {
        margin-right: 33.33333333%;
    }
    .offset-sm-5 {
        margin-right: 41.66666667%;
    }
    .offset-sm-6 {
        margin-right: 50%;
    }
    .offset-sm-7 {
        margin-right: 58.33333333%;
    }
    .offset-sm-8 {
        margin-right: 66.66666667%;
    }
    .offset-sm-9 {
        margin-right: 75%;
    }
    .offset-sm-10 {
        margin-right: 83.33333333%;
    }
    .offset-sm-11 {
        margin-right: 91.66666667%;
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-right: 0;
    }
    .offset-md-1 {
        margin-right: 8.33333333%;
    }
    .offset-md-2 {
        margin-right: 16.66666667%;
    }
    .offset-md-3 {
        margin-right: 25%;
    }
    .offset-md-4 {
        margin-right: 33.33333333%;
    }
    .offset-md-5 {
        margin-right: 41.66666667%;
    }
    .offset-md-6 {
        margin-right: 50%;
    }
    .offset-md-7 {
        margin-right: 58.33333333%;
    }
    .offset-md-8 {
        margin-right: 66.66666667%;
    }
    .offset-md-9 {
        margin-right: 75%;
    }
    .offset-md-10 {
        margin-right: 83.33333333%;
    }
    .offset-md-11 {
        margin-right: 91.66666667%;
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }
    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-right: 0;
    }
    .offset-lg-1 {
        margin-right: 8.33333333%;
    }
    .offset-lg-2 {
        margin-right: 16.66666667%;
    }
    .offset-lg-3 {
        margin-right: 25%;
    }
    .offset-lg-4 {
        margin-right: 33.33333333%;
    }
    .offset-lg-5 {
        margin-right: 41.66666667%;
    }
    .offset-lg-6 {
        margin-right: 50%;
    }
    .offset-lg-7 {
        margin-right: 58.33333333%;
    }
    .offset-lg-8 {
        margin-right: 66.66666667%;
    }
    .offset-lg-9 {
        margin-right: 75%;
    }
    .offset-lg-10 {
        margin-right: 83.33333333%;
    }
    .offset-lg-11 {
        margin-right: 91.66666667%;
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }
    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xl-0 {
        margin-right: 0;
    }
    .offset-xl-1 {
        margin-right: 8.33333333%;
    }
    .offset-xl-2 {
        margin-right: 16.66666667%;
    }
    .offset-xl-3 {
        margin-right: 25%;
    }
    .offset-xl-4 {
        margin-right: 33.33333333%;
    }
    .offset-xl-5 {
        margin-right: 41.66666667%;
    }
    .offset-xl-6 {
        margin-right: 50%;
    }
    .offset-xl-7 {
        margin-right: 58.33333333%;
    }
    .offset-xl-8 {
        margin-right: 66.66666667%;
    }
    .offset-xl-9 {
        margin-right: 75%;
    }
    .offset-xl-10 {
        margin-right: 83.33333333%;
    }
    .offset-xl-11 {
        margin-right: 91.66666667%;
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }
    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-right: 0;
    }
    .offset-xxl-1 {
        margin-right: 8.33333333%;
    }
    .offset-xxl-2 {
        margin-right: 16.66666667%;
    }
    .offset-xxl-3 {
        margin-right: 25%;
    }
    .offset-xxl-4 {
        margin-right: 33.33333333%;
    }
    .offset-xxl-5 {
        margin-right: 41.66666667%;
    }
    .offset-xxl-6 {
        margin-right: 50%;
    }
    .offset-xxl-7 {
        margin-right: 58.33333333%;
    }
    .offset-xxl-8 {
        margin-right: 66.66666667%;
    }
    .offset-xxl-9 {
        margin-right: 75%;
    }
    .offset-xxl-10 {
        margin-right: 83.33333333%;
    }
    .offset-xxl-11 {
        margin-right: 91.66666667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: #f9f9f9;
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.table> :not(caption)>*>* {
    padding: 0.5rem 0.75rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table>tbody {
    vertical-align: inherit;
}

.table>thead {
    vertical-align: bottom;
}

.table-group-divider {
    border-top: 2px solid currentcolor;
}

.caption-top {
    caption-side: top;
}

.table-sm> :not(caption)>*>* {
    padding: 0.25rem 0.25rem;
}

.table-bordered> :not(caption)>* {
    border-width: 1px 0;
}

.table-bordered> :not(caption)>*>* {
    border-width: 0 1px;
}

.table-borderless> :not(caption)>*>* {
    border-bottom-width: 0;
}

.table-borderless> :not(:first-child) {
    border-top-width: 0;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.table-striped-columns> :not(caption)>tr> :nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #ccd8f3;
    --bs-table-border-color: #b8c2db;
    --bs-table-striped-bg: #c2cde7;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #b8c2db;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bdc8e1;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.form-label {
    margin-bottom: 0.5rem;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
}

.form-text {
    margin-top: 0;
    font-size: 0.875em;
    color: #6c757d;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none;
    }
}

.form-control[type=file] {
    overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #809ee2;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1;
}

.form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext:focus {
    outline: 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-left: 0;
    padding-right: 0;
}

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px);
}

textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: 0.375rem;
}

.form-control-color::-webkit-color-swatch {
    border-radius: 0.375rem;
}

.form-control-color.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: #809ee2;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-left: 0.75rem;
    background-image: none;
}

.form-select:disabled {
    background-color: #e9ecef;
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-right: 1.5em;
    margin-bottom: 0.125rem;
}

.form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
}

.form-check-reverse {
    padding-left: 1.5em;
    padding-right: 0;
    text-align: left;
}

.form-check-reverse .form-check-input {
    float: left;
    margin-left: -1.5em;
    margin-right: 0;
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}

.form-check-input:active {
    filter: brightness(90%);
}

.form-check-input:focus {
    border-color: #809ee2;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}

.form-check-input:checked {
    background-color: #003CC5;
    border-color: #003CC5;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #003CC5;
    border-color: #003CC5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: 0.5;
}

.form-switch {
    padding-right: 2.5em;
}

.form-switch .form-check-input {
    width: 2em;
    margin-right: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: right center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23809ee2'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    background-position: left center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
    padding-left: 2.5em;
    padding-right: 0;
}

.form-switch.form-check-reverse .form-check-input {
    margin-left: -2.5em;
    margin-right: 0;
}

.form-check-inline {
    display: inline-block;
    margin-left: 1rem;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-check[disabled]+.btn,
.node-preview-container .btn-check[disabled]+.node-preview-backlink,
.btn-check[disabled]+.button,
.btn-check[disabled]+button.link,
.btn-check:disabled+.btn,
.node-preview-container .btn-check:disabled+.node-preview-backlink,
.btn-check:disabled+.button,
.btn-check:disabled+button.link {
    pointer-events: none;
    filter: none;
    opacity: 0.65;
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-range:focus {
    outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
}

.form-range::-moz-focus-outer {
    border: 0;
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #003CC5;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b3c5ee;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #003CC5;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b3c5ee;
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.form-range:disabled {
    pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.form-floating {
    position: relative;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}

.form-floating>label {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 100% 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none;
    }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 1rem 0.75rem;
}

.form-floating>.form-control::-moz-placeholder,
.form-floating>.form-control-plaintext::-moz-placeholder {
    color: transparent;
}

.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
    color: transparent;
}

.form-floating>.form-control:not(:-moz-placeholder-shown),
.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group>.form-control,
.input-group>.form-select,
.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
    z-index: 5;
}

.input-group .btn,
.input-group .node-preview-container .node-preview-backlink,
.node-preview-container .input-group .node-preview-backlink,
.input-group .button,
.input-group button.link {
    position: relative;
    z-index: 2;
}

.input-group .btn:focus,
.input-group .node-preview-container .node-preview-backlink:focus,
.node-preview-container .input-group .node-preview-backlink:focus,
.input-group .button:focus,
.input-group button.link:focus {
    z-index: 5;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn,
.node-preview-container .input-group-lg>.node-preview-backlink,
.input-group-lg>.button,
.input-group-lg>button.link {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn,
.node-preview-container .input-group-sm>.node-preview-backlink,
.input-group-sm>.button,
.input-group-sm>button.link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-left: 3rem;
}

.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0;
    font-size: 0.875em;
    color: #198754;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, 0.9);
    border-radius: 0.375rem;
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #198754;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #198754;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    padding-left: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: left 0.75rem center, center left 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
    width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: #198754;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: #198754;
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #198754;
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-right: 0.5em;
}

.was-validated .input-group>.form-control:not(:focus):valid,
.input-group>.form-control:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0;
    font-size: 0.875em;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.375rem;
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-left: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-left: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #dc3545;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    padding-left: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: left 0.75rem center, center left 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
    width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #dc3545;
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: #dc3545;
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545;
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-right: 0.5em;
}

.was-validated .input-group>.form-control:not(:focus):invalid,
.input-group>.form-control:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4;
}

.btn,
.node-preview-container .node-preview-backlink,
a.button,
.button,
button.link {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .btn,
    .node-preview-container .node-preview-backlink,
    a.button,
    .button,
    button.link {
        transition: none;
    }
}

.btn:hover,
.node-preview-container .node-preview-backlink:hover,
.button:hover,
button.link:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-check+.btn:hover,
.node-preview-container .btn-check+.node-preview-backlink:hover,
.btn-check+.button:hover,
.btn-check+button.link:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}

.btn:focus-visible,
.node-preview-container .node-preview-backlink:focus-visible,
.button:focus-visible,
button.link:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:focus-visible+.btn,
.node-preview-container .btn-check:focus-visible+.node-preview-backlink,
.btn-check:focus-visible+.button,
.btn-check:focus-visible+button.link {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked+.btn,
.node-preview-container .btn-check:checked+.node-preview-backlink,
.btn-check:checked+.button,
.btn-check:checked+button.link,
 :not(.btn-check)+.btn:active,
.node-preview-container :not(.btn-check)+.node-preview-backlink:active,
 :not(.btn-check)+.button:active,
 :not(.btn-check)+button.link:active,
.btn:first-child:active,
.node-preview-container .node-preview-backlink:first-child:active,
.button:first-child:active,
button.link:first-child:active,
.btn.active,
.media-library-view--widget .view-header a.btn.is-active,
.node-preview-container .active.node-preview-backlink,
.node-preview-container .media-library-view--widget .view-header a.node-preview-backlink.is-active,
.media-library-view--widget .view-header .node-preview-container a.node-preview-backlink.is-active,
.active.button,
.media-library-view--widget .view-header a.button.is-active,
button.active.link,
.btn.show,
.node-preview-container .show.node-preview-backlink,
.show.button,
button.show.link {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked+.btn:focus-visible,
.node-preview-container .btn-check:checked+.node-preview-backlink:focus-visible,
.btn-check:checked+.button:focus-visible,
.btn-check:checked+button.link:focus-visible,
 :not(.btn-check)+.btn:active:focus-visible,
.node-preview-container :not(.btn-check)+.node-preview-backlink:active:focus-visible,
 :not(.btn-check)+.button:active:focus-visible,
 :not(.btn-check)+button.link:active:focus-visible,
.btn:first-child:active:focus-visible,
.node-preview-container .node-preview-backlink:first-child:active:focus-visible,
.button:first-child:active:focus-visible,
button.link:first-child:active:focus-visible,
.btn.active:focus-visible,
.media-library-view--widget .view-header a.btn.is-active:focus-visible,
.node-preview-container .active.node-preview-backlink:focus-visible,
.node-preview-container .media-library-view--widget .view-header a.node-preview-backlink.is-active:focus-visible,
.media-library-view--widget .view-header .node-preview-container a.node-preview-backlink.is-active:focus-visible,
.active.button:focus-visible,
.media-library-view--widget .view-header a.button.is-active:focus-visible,
button.active.link:focus-visible,
.btn.show:focus-visible,
.node-preview-container .show.node-preview-backlink:focus-visible,
.show.button:focus-visible,
button.show.link:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn:disabled,
.node-preview-container .node-preview-backlink:disabled,
.button:disabled,
button.link:disabled,
.btn.disabled,
.node-preview-container .disabled.node-preview-backlink,
.disabled.button,
button.disabled.link,
fieldset:disabled .btn,
fieldset:disabled .node-preview-container .node-preview-backlink,
.node-preview-container fieldset:disabled .node-preview-backlink,
fieldset:disabled .button,
fieldset:disabled button.link {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #003CC5;
    --bs-btn-border-color: #003CC5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0033a7;
    --bs-btn-hover-border-color: #00309e;
    --bs-btn-focus-shadow-rgb: 38, 89, 206;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00309e;
    --bs-btn-active-border-color: #002d94;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #003CC5;
    --bs-btn-disabled-border-color: #003CC5;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary,
.node-preview-container .node-preview-backlink {
    --bs-btn-color: #003CC5;
    --bs-btn-border-color: #003CC5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #003CC5;
    --bs-btn-hover-border-color: #003CC5;
    --bs-btn-focus-shadow-rgb: 0, 60, 197;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003CC5;
    --bs-btn-active-border-color: #003CC5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #003CC5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #003CC5;
    --bs-gradient: none;
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none;
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none;
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none;
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none;
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none;
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none;
}

.btn-link,
button.link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 38, 89, 206;
    text-decoration: underline;
}

.btn-link:focus-visible,
button.link:focus-visible {
    color: var(--bs-btn-color);
}

.btn-link:hover,
button.link:hover {
    color: var(--bs-btn-hover-color);
}

.btn-lg,
.btn-group-lg>.btn,
.node-preview-container .btn-group-lg>.node-preview-backlink,
.btn-group-lg>.button,
.btn-group-lg>button.link {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem;
}

.btn-sm,
.btn-group-sm>.btn,
.node-preview-container .btn-group-sm>.node-preview-backlink,
.btn-group-sm>.button,
.btn-group-sm>button.link {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-right: 0;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #003CC5;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: right;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    right: 0;
    margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
    --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
    left: auto;
    right: 0;
}

.dropdown-menu-end {
    --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
    left: 0;
    right: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        left: auto;
        right: 0;
    }
    .dropdown-menu-sm-end {
        --bs-position: end;
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        left: 0;
        right: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }
    .dropdown-menu-md-start[data-bs-popper] {
        left: auto;
        right: 0;
    }
    .dropdown-menu-md-end {
        --bs-position: end;
    }
    .dropdown-menu-md-end[data-bs-popper] {
        left: 0;
        right: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        left: auto;
        right: 0;
    }
    .dropdown-menu-lg-end {
        --bs-position: end;
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        left: 0;
        right: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        left: auto;
        right: 0;
    }
    .dropdown-menu-xl-end {
        --bs-position: end;
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        left: 0;
        right: auto;
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        left: auto;
        right: 0;
    }
    .dropdown-menu-xxl-end {
        --bs-position: end;
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        left: 0;
        right: auto;
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-left: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-right: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-right: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    left: auto;
    right: 100%;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0;
    border-bottom: 0.3em solid transparent;
    border-right: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
    margin-right: 0;
}

.dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    left: 100%;
    right: auto;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropstart .dropdown-toggle::after {
    display: none;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
    margin-right: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active,
.media-library-view--widget .view-header a.dropdown-item.is-active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #003CC5;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group>.btn,
.node-preview-container .btn-group>.node-preview-backlink,
.btn-group>.button,
.btn-group>button.link,
.btn-group-vertical>.btn,
.node-preview-container .btn-group-vertical>.node-preview-backlink,
.btn-group-vertical>.button,
.btn-group-vertical>button.link {
    position: relative;
    flex: 1 1 auto;
}

.btn-group>.btn-check:checked+.btn,
.node-preview-container .btn-group>.btn-check:checked+.node-preview-backlink,
.btn-group>.btn-check:checked+.button,
.btn-group>.btn-check:checked+button.link,
.btn-group>.btn-check:focus+.btn,
.node-preview-container .btn-group>.btn-check:focus+.node-preview-backlink,
.btn-group>.btn-check:focus+.button,
.btn-group>.btn-check:focus+button.link,
.btn-group>.btn:hover,
.node-preview-container .btn-group>.node-preview-backlink:hover,
.btn-group>.button:hover,
.btn-group>button.link:hover,
.btn-group>.btn:focus,
.node-preview-container .btn-group>.node-preview-backlink:focus,
.btn-group>.button:focus,
.btn-group>button.link:focus,
.btn-group>.btn:active,
.node-preview-container .btn-group>.node-preview-backlink:active,
.btn-group>.button:active,
.btn-group>button.link:active,
.btn-group>.btn.active,
.media-library-view--widget .view-header .btn-group>a.btn.is-active,
.node-preview-container .btn-group>.active.node-preview-backlink,
.node-preview-container .media-library-view--widget .view-header .btn-group>a.node-preview-backlink.is-active,
.media-library-view--widget .view-header .node-preview-container .btn-group>a.node-preview-backlink.is-active,
.btn-group>.active.button,
.media-library-view--widget .view-header .btn-group>a.button.is-active,
.btn-group>button.active.link,
.btn-group-vertical>.btn-check:checked+.btn,
.node-preview-container .btn-group-vertical>.btn-check:checked+.node-preview-backlink,
.btn-group-vertical>.btn-check:checked+.button,
.btn-group-vertical>.btn-check:checked+button.link,
.btn-group-vertical>.btn-check:focus+.btn,
.node-preview-container .btn-group-vertical>.btn-check:focus+.node-preview-backlink,
.btn-group-vertical>.btn-check:focus+.button,
.btn-group-vertical>.btn-check:focus+button.link,
.btn-group-vertical>.btn:hover,
.node-preview-container .btn-group-vertical>.node-preview-backlink:hover,
.btn-group-vertical>.button:hover,
.btn-group-vertical>button.link:hover,
.btn-group-vertical>.btn:focus,
.node-preview-container .btn-group-vertical>.node-preview-backlink:focus,
.btn-group-vertical>.button:focus,
.btn-group-vertical>button.link:focus,
.btn-group-vertical>.btn:active,
.node-preview-container .btn-group-vertical>.node-preview-backlink:active,
.btn-group-vertical>.button:active,
.btn-group-vertical>button.link:active,
.btn-group-vertical>.btn.active,
.media-library-view--widget .view-header .btn-group-vertical>a.btn.is-active,
.node-preview-container .btn-group-vertical>.active.node-preview-backlink,
.node-preview-container .media-library-view--widget .view-header .btn-group-vertical>a.node-preview-backlink.is-active,
.media-library-view--widget .view-header .node-preview-container .btn-group-vertical>a.node-preview-backlink.is-active,
.btn-group-vertical>.active.button,
.media-library-view--widget .view-header .btn-group-vertical>a.button.is-active,
.btn-group-vertical>button.active.link {
    z-index: 1;
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group {
    border-radius: 0.375rem;
}

.btn-group> :not(.btn-check:first-child)+.btn,
.node-preview-container .btn-group> :not(.btn-check:first-child)+.node-preview-backlink,
.btn-group> :not(.btn-check:first-child)+.button,
.btn-group> :not(.btn-check:first-child)+button.link,
.btn-group>.btn-group:not(:first-child) {
    margin-right: -1px;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.node-preview-container .btn-group>.node-preview-backlink:not(:last-child):not(.dropdown-toggle),
.btn-group>.button:not(:last-child):not(.dropdown-toggle),
.btn-group>button.link:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.node-preview-container .btn-group>.dropdown-toggle-split.node-preview-backlink:first-child,
.btn-group>.dropdown-toggle-split.button:first-child,
.btn-group>button.dropdown-toggle-split.link:first-child,
.btn-group>.btn-group:not(:last-child)>.btn,
.node-preview-container .btn-group>.btn-group:not(:last-child)>.node-preview-backlink,
.btn-group>.btn-group:not(:last-child)>.button,
.btn-group>.btn-group:not(:last-child)>button.link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group>.btn:nth-child(n+3),
.node-preview-container .btn-group>.node-preview-backlink:nth-child(n+3),
.btn-group>.button:nth-child(n+3),
.btn-group>button.link:nth-child(n+3),
.btn-group> :not(.btn-check)+.btn,
.node-preview-container .btn-group> :not(.btn-check)+.node-preview-backlink,
.btn-group> :not(.btn-check)+.button,
.btn-group> :not(.btn-check)+button.link,
.btn-group>.btn-group:not(:first-child)>.btn,
.node-preview-container .btn-group>.btn-group:not(:first-child)>.node-preview-backlink,
.btn-group>.btn-group:not(:first-child)>.button,
.btn-group>.btn-group:not(:first-child)>button.link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-toggle-split {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
    margin-right: 0;
}

.dropstart .dropdown-toggle-split::before {
    margin-left: 0;
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split,
.node-preview-container .btn-group-sm>.node-preview-backlink+.dropdown-toggle-split,
.btn-group-sm>.button+.dropdown-toggle-split,
.btn-group-sm>button.link+.dropdown-toggle-split {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split,
.node-preview-container .btn-group-lg>.node-preview-backlink+.dropdown-toggle-split,
.btn-group-lg>.button+.dropdown-toggle-split,
.btn-group-lg>button.link+.dropdown-toggle-split {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.btn-group-vertical>.btn,
.node-preview-container .btn-group-vertical>.node-preview-backlink,
.btn-group-vertical>.button,
.btn-group-vertical>button.link,
.btn-group-vertical>.btn-group {
    width: 100%;
}

.btn-group-vertical>.btn:not(:first-child),
.node-preview-container .btn-group-vertical>.node-preview-backlink:not(:first-child),
.btn-group-vertical>.button:not(:first-child),
.btn-group-vertical>button.link:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.node-preview-container .btn-group-vertical>.node-preview-backlink:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.button:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>button.link:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.node-preview-container .btn-group-vertical>.btn-group:not(:last-child)>.node-preview-backlink,
.btn-group-vertical>.btn-group:not(:last-child)>.button,
.btn-group-vertical>.btn-group:not(:last-child)>button.link {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group-vertical>.btn~.btn,
.node-preview-container .btn-group-vertical>.node-preview-backlink~.btn,
.node-preview-container .btn-group-vertical>.btn~.node-preview-backlink,
.node-preview-container .btn-group-vertical>.node-preview-backlink~.node-preview-backlink,
.btn-group-vertical>.button~.btn,
.node-preview-container .btn-group-vertical>.button~.node-preview-backlink,
.btn-group-vertical>.btn~.button,
.node-preview-container .btn-group-vertical>.node-preview-backlink~.button,
.btn-group-vertical>.button~.button,
.btn-group-vertical>button.link~.btn,
.node-preview-container .btn-group-vertical>button.link~.node-preview-backlink,
.btn-group-vertical>button.link~.button,
.btn-group-vertical>.btn~button.link,
.node-preview-container .btn-group-vertical>.node-preview-backlink~button.link,
.btn-group-vertical>.button~button.link,
.btn-group-vertical>button.link~button.link,
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.node-preview-container .btn-group-vertical>.btn-group:not(:first-child)>.node-preview-backlink,
.btn-group-vertical>.btn-group:not(:first-child)>.button,
.btn-group-vertical>.btn-group:not(:first-child)>button.link {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.nav,
.media-library-view--widget .view-header {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link,
.media-library-view--widget .view-header a {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .nav-link,
    .media-library-view--widget .view-header a {
        transition: none;
    }
}

.nav-link:hover,
.media-library-view--widget .view-header a:hover,
.nav-link:focus,
.media-library-view--widget .view-header a:focus {
    color: var(--bs-nav-link-hover-color);
}

.nav-link.disabled,
.media-library-view--widget .view-header a.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
}

.nav-tabs,
.media-library-view--widget .view-header {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link,
.media-library-view--widget .view-header .nav-link,
.media-library-view--widget .view-header a {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:hover,
.media-library-view--widget .view-header .nav-link:hover,
.media-library-view--widget .view-header a:hover,
.nav-tabs .nav-link:focus,
.media-library-view--widget .view-header .nav-link:focus,
.media-library-view--widget .view-header a:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-link.disabled,
.media-library-view--widget .view-header .nav-link.disabled,
.media-library-view--widget .view-header a.disabled,
.nav-tabs .nav-link:disabled,
.media-library-view--widget .view-header .nav-link:disabled,
.media-library-view--widget .view-header a:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.media-library-view--widget .view-header .nav-link.active,
.media-library-view--widget .view-header a.active,
.media-library-view--widget .view-header a.is-active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item.show .media-library-view--widget .view-header a,
.media-library-view--widget .view-header .nav-item.show .nav-link,
.media-library-view--widget .view-header .nav-item.show a {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .dropdown-menu,
.media-library-view--widget .view-header .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #003CC5;
}

.nav-pills .nav-link,
.nav-pills .media-library-view--widget .view-header a,
.media-library-view--widget .view-header .nav-pills a {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link:disabled,
.nav-pills .media-library-view--widget .view-header a:disabled,
.media-library-view--widget .view-header .nav-pills a:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent;
}

.nav-pills .nav-link.active,
.nav-pills .media-library-view--widget .view-header a.active,
.nav-pills .media-library-view--widget .view-header a.is-active,
.media-library-view--widget .view-header .nav-pills a.active,
.media-library-view--widget .view-header .nav-pills a.is-active,
.nav-pills .show>.nav-link,
.nav-pills .media-library-view--widget .view-header .show>a,
.media-library-view--widget .view-header .nav-pills .show>a {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill>.nav-link,
.media-library-view--widget .view-header .nav-fill>a,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified>.nav-link,
.media-library-view--widget .view-header .nav-justified>a,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-fill .nav-item .media-library-view--widget .view-header a,
.media-library-view--widget .view-header .nav-fill .nav-item a,
.nav-justified .nav-item .nav-link,
.nav-justified .nav-item .media-library-view--widget .view-header a,
.media-library-view--widget .view-header .nav-justified .nav-item a {
    width: 100%;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active,
.media-library-view--widget .view-header .tab-content>a.is-active {
    display: block;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-left: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .show>.nav-link,
.navbar-nav .media-library-view--widget .view-header .show>a,
.media-library-view--widget .view-header .navbar-nav .show>a,
.navbar-nav .nav-link.active,
.navbar-nav .media-library-view--widget .view-header a.active,
.navbar-nav .media-library-view--widget .view-header a.is-active,
.media-library-view--widget .view-header .navbar-nav a.active,
.media-library-view--widget .view-header .navbar-nav a.is-active {
    color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
    position: static;
}

.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--bs-navbar-color);
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
    color: var(--bs-navbar-active-color);
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}

.nf__viewall--btn {
    max-width: 90%;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link,
    .navbar-expand-sm .navbar-nav .media-library-view--widget .view-header a,
    .media-library-view--widget .view-header .navbar-expand-sm .navbar-nav a {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }
    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none;
    }
    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link,
    .navbar-expand-md .navbar-nav .media-library-view--widget .view-header a,
    .media-library-view--widget .view-header .navbar-expand-md .navbar-nav a {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }
    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none;
    }
    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

.header__notification .dropdown-menu {
    left: 0px !important;
    right: auto !important;
    background-color: #161b26;
    border: 1px solid rgb(255 255 255 / 10%);
    top: 50px !important;
    width: max-content;
    transform: unset !important;
}

@media (max-width: 991px) {
    .menu-button-container {
        margin-bottom: 0;
    }
    .header__notification .dropdown-menu {
        left: 0px !important;
        right: auto !important;
        background-color: #161b26;
        border: 1px solid rgb(255 255 255 / 10%);
        top: 50px !important;
        width: max-content;
        transform: unset !important;
    }
    .notification__list {
        margin-top: 20px;
        margin-left: 0;
        padding: 0 15px;
    }
    .navbar-nav a.my-account-logout.nav-link {
        position: relative;
        padding-right: 30px;
    }
    .navbar-nav a.my-account-logout.nav-link:before {
        content: "";
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: 100%;
        position: absolute;
        right: 0;
        top: 11px;
        background-size: contain;
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg fill="%23000000" height="40px" width="40px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 384.971 384.971" xml:space="preserve"><g><g id="Sign_Out"><path d="M180.455,360.91H24.061V24.061h156.394c6.641,0,12.03-5.39,12.03-12.03s-5.39-12.03-12.03-12.03H12.03C5.39,0.001,0,5.39,0,12.031V372.94c0,6.641,5.39,12.03,12.03,12.03h168.424c6.641,0,12.03-5.39,12.03-12.03C192.485,366.299,187.095,360.91,180.455,360.91z" fill="%23fff" /><path d="M381.481,184.088l-83.009-84.2c-4.704-4.752-12.319-4.74-17.011,0c-4.704,4.74-4.704,12.439,0,17.179l62.558,63.46H96.279c-6.641,0-12.03,5.438-12.03,12.151c0,6.713,5.39,12.151,12.03,12.151h247.74l-62.558,63.46c-4.704,4.752-4.704,12.439,0,17.179c4.704,4.752,12.319,4.752,17.011,0l82.997-84.2C386.113,196.588,386.161,188.756,381.481,184.088z" fill="%23fff" /></g><g></g><g></g><g></g><g></g><g></g><g></g></g></svg>');
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link,
    .navbar-expand-xl .navbar-nav .media-library-view--widget .view-header a,
    .media-library-view--widget .view-header .navbar-expand-xl .navbar-nav a {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }
    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none;
    }
    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xxl .navbar-nav .nav-link,
    .navbar-expand-xxl .navbar-nav .media-library-view--widget .view-header a,
    .media-library-view--widget .view-header .navbar-expand-xxl .navbar-nav a {
        padding-left: var(--bs-navbar-nav-link-padding-x);
        padding-right: var(--bs-navbar-nav-link-padding-x);
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }
    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none;
    }
    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.navbar-expand .navbar-nav {
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link,
.navbar-expand .navbar-nav .media-library-view--widget .view-header a,
.media-library-view--widget .view-header .navbar-expand .navbar-nav a {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
}

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card,
.media-library-selection .media-library-item.media-library-item--grid,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

.card>hr,
.media-library-selection .media-library-item.media-library-item--grid>hr,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity>hr {
    margin-left: 0;
    margin-right: 0;
}

.card>.list-group,
.media-library-selection .media-library-item.media-library-item--grid>.list-group,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.card>.list-group:first-child,
.media-library-selection .media-library-item.media-library-item--grid>.list-group:first-child,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity>.list-group:first-child {
    border-top-width: 0;
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-left-radius: var(--bs-card-inner-border-radius);
}

.card>.list-group:last-child,
.media-library-selection .media-library-item.media-library-item--grid>.list-group:last-child,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
}

.card>.card-header+.list-group,
.media-library-selection .media-library-item.media-library-item--grid>.card-header+.list-group,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity>.card-header+.list-group,
.view-media-library .media-library-views-form .media-library-item--grid .card>.views-field-media-library-select-form+.list-group,
.view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .media-library-item.media-library-item--grid>.views-field-media-library-select-form+.list-group,
.media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .media-library-item.media-library-item--grid>.views-field-media-library-select-form+.list-group,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity>.views-field-media-library-select-form+.list-group,
.view-media-library .media-library-views-form .media-library-item--grid .card>.views-field-media-bulk-form+.list-group,
.view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .media-library-item.media-library-item--grid>.views-field-media-bulk-form+.list-group,
.media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .media-library-item.media-library-item--grid>.views-field-media-bulk-form+.list-group,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity>.views-field-media-bulk-form+.list-group,
.card>.list-group+.card-footer,
.media-library-selection .media-library-item.media-library-item--grid>.list-group+.card-footer,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity>.list-group+.card-footer {
    border-top: 0;
}

.card-body,
.media-library-selection .media-library-item.media-library-item--grid>div,
.media-library-selection .media-library-item.media-library-item--grid article,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
    margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link+.card-link {
    margin-right: var(--bs-card-spacer-x);
}

.card-header,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-header:first-child,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form:first-child,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0;
}

.card-header-tabs .nav-link.active,
.card-header-tabs .media-library-view--widget .view-header a.active,
.card-header-tabs .media-library-view--widget .view-header a.is-active,
.media-library-view--widget .view-header .card-header-tabs a.active,
.media-library-view--widget .view-header .card-header-tabs a.is-active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-top-left-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
}

.card-group>.card,
.media-library-selection .card-group>.media-library-item.media-library-item--grid,
.view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity {
    margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group>.card,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group>.card+.card,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid+.card,
    .media-library-selection .card-group>.card+.media-library-item.media-library-item--grid,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid+.media-library-item.media-library-item--grid,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity+.card,
    .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group>.views-field-rendered-entity+.media-library-item.media-library-item--grid,
    .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity+.media-library-item.media-library-item--grid,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.card+.views-field-rendered-entity,
    .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group>.media-library-item.media-library-item--grid+.views-field-rendered-entity,
    .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group>.media-library-item.media-library-item--grid+.views-field-rendered-entity,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity+.views-field-rendered-entity {
        margin-right: 0;
        border-right: 0;
    }
    .card-group>.card:not(:last-child),
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child),
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-img-top,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child) .card-img-top,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child) .card-header,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.card:not(:last-child) .views-field-media-library-select-form,
    .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child) .views-field-media-library-select-form,
    .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group>.media-library-item.media-library-item--grid:not(:last-child) .views-field-media-library-select-form,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:last-child) .views-field-media-library-select-form,
    .card-group>.card:not(:last-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.card:not(:last-child) .views-field-media-bulk-form,
    .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child) .views-field-media-bulk-form,
    .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group>.media-library-item.media-library-item--grid:not(:last-child) .views-field-media-bulk-form,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:last-child) .views-field-media-bulk-form {
        border-top-left-radius: 0;
    }
    .card-group>.card:not(:last-child) .card-img-bottom,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child) .card-img-bottom,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:last-child) .card-footer,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:last-child) .card-footer {
        border-bottom-left-radius: 0;
    }
    .card-group>.card:not(:first-child),
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child),
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:first-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-img-top,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child) .card-img-top,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child) .card-header,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.card:not(:first-child) .views-field-media-library-select-form,
    .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child) .views-field-media-library-select-form,
    .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group>.media-library-item.media-library-item--grid:not(:first-child) .views-field-media-library-select-form,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:first-child) .views-field-media-library-select-form,
    .card-group>.card:not(:first-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child) .view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.card:not(:first-child) .views-field-media-bulk-form,
    .view-media-library .media-library-views-form .media-library-item--grid .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child) .views-field-media-bulk-form,
    .media-library-selection .view-media-library .media-library-views-form .media-library-item--grid .card-group>.media-library-item.media-library-item--grid:not(:first-child) .views-field-media-bulk-form,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:first-child) .views-field-media-bulk-form {
        border-top-right-radius: 0;
    }
    .card-group>.card:not(:first-child) .card-img-bottom,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child) .card-img-bottom,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer,
    .media-library-selection .card-group>.media-library-item.media-library-item--grid:not(:first-child) .card-footer,
    .view-media-library .media-library-views-form .media-library-item--grid .card-group>.views-field-rendered-entity:not(:first-child) .card-footer {
        border-bottom-right-radius: 0;
    }
}

.accordion {
    --bs-accordion-color: #212529;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.375rem;
    --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: #212529;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230036b1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #809ee2;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0036b1;
    --bs-accordion-active-bg: #e6ecf9;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: right;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none;
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-right: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none;
    }
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
    border-top-right-radius: var(--bs-accordion-border-radius);
    border-top-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type .accordion-button {
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
    border-top: 0;
}

.accordion-item:last-of-type {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-left-radius: var(--bs-accordion-border-radius);
    border-bottom-right-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
    border-top: 0;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0;
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item+.breadcrumb-item {
    padding-right: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active,
.media-library-view--widget .view-header a.breadcrumb-item.is-active {
    color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #003CC5;
    --bs-pagination-active-border-color: #003CC5;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-right: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none;
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
}

.page-link.active,
.media-library-view--widget .view-header a.page-link.is-active,
.active>.page-link,
.media-library-view--widget .view-header a.is-active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
}

.page-link.disabled,
.disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
    margin-right: -1px;
}

.page-item:first-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: 0.75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-radius: 0.25rem;
}

.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
    display: none;
}

.btn .badge,
.node-preview-container .node-preview-backlink .badge,
.button .badge,
button.link .badge {
    position: relative;
    top: -1px;
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-left: 3rem;
}

.alert-dismissible .btn-close,
.alert-dismissible .ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .alert-dismissible .ui-dialog-titlebar-close {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}

.alert-primary {
    --bs-alert-color: #002476;
    --bs-alert-bg: #ccd8f3;
    --bs-alert-border-color: #b3c5ee;
}

.alert-primary .alert-link {
    color: #001d5e;
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8;
}

.alert-secondary .alert-link {
    color: #34383c;
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc;
}

.alert-success .alert-link {
    color: #0c4128;
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb;
}

.alert-info .alert-link {
    color: #04414d;
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5;
}

.alert-warning .alert-link {
    color: #523e02;
}

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7;
}

.alert-danger .alert-link {
    color: #6a1a21;
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe;
}

.alert-light .alert-link {
    color: #4f5050;
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf;
}

.alert-dark .alert-link {
    color: #101214;
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: 0.375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #003CC5;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition);
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #003CC5;
    --bs-list-group-active-border-color: #003CC5;
    display: flex;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section;
}

.list-group-numbered>.list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section;
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg);
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.list-group-item:first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

.list-group-item:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg);
}

.list-group-item.active,
.media-library-view--widget .view-header a.list-group-item.is-active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
}

.list-group-item+.list-group-item {
    border-top-width: 0;
}

.list-group-item+.list-group-item.active,
.media-library-view--widget .view-header .list-group-item+a.list-group-item.is-active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
    flex-direction: row;
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-right-radius: var(--bs-list-group-border-radius);
    border-top-left-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-left-radius: var(--bs-list-group-border-radius);
    border-bottom-right-radius: 0;
}

.list-group-horizontal>.list-group-item.active,
.media-library-view--widget .view-header .list-group-horizontal>a.list-group-item.is-active {
    margin-top: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-right-width: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item.active,
.media-library-view--widget .view-header .list-group-horizontal>.list-group-item+a.list-group-item.is-active {
    margin-right: calc(-1 * var(--bs-list-group-border-width));
    border-right-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-right-radius: var(--bs-list-group-border-radius);
        border-top-left-radius: 0;
    }
    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-left-radius: var(--bs-list-group-border-radius);
        border-bottom-right-radius: 0;
    }
    .list-group-horizontal-sm>.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-sm>a.list-group-item.is-active {
        margin-top: 0;
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-right-width: 0;
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-sm>.list-group-item+a.list-group-item.is-active {
        margin-right: calc(-1 * var(--bs-list-group-border-width));
        border-right-width: var(--bs-list-group-border-width);
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-right-radius: var(--bs-list-group-border-radius);
        border-top-left-radius: 0;
    }
    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-left-radius: var(--bs-list-group-border-radius);
        border-bottom-right-radius: 0;
    }
    .list-group-horizontal-md>.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-md>a.list-group-item.is-active {
        margin-top: 0;
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-right-width: 0;
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-md>.list-group-item+a.list-group-item.is-active {
        margin-right: calc(-1 * var(--bs-list-group-border-width));
        border-right-width: var(--bs-list-group-border-width);
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-right-radius: var(--bs-list-group-border-radius);
        border-top-left-radius: 0;
    }
    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-left-radius: var(--bs-list-group-border-radius);
        border-bottom-right-radius: 0;
    }
    .list-group-horizontal-lg>.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-lg>a.list-group-item.is-active {
        margin-top: 0;
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-right-width: 0;
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-lg>.list-group-item+a.list-group-item.is-active {
        margin-right: calc(-1 * var(--bs-list-group-border-width));
        border-right-width: var(--bs-list-group-border-width);
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-right-radius: var(--bs-list-group-border-radius);
        border-top-left-radius: 0;
    }
    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-left-radius: var(--bs-list-group-border-radius);
        border-bottom-right-radius: 0;
    }
    .list-group-horizontal-xl>.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-xl>a.list-group-item.is-active {
        margin-top: 0;
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-right-width: 0;
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-xl>.list-group-item+a.list-group-item.is-active {
        margin-right: calc(-1 * var(--bs-list-group-border-width));
        border-right-width: var(--bs-list-group-border-width);
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }
    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-right-radius: var(--bs-list-group-border-radius);
        border-top-left-radius: 0;
    }
    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-left-radius: var(--bs-list-group-border-radius);
        border-bottom-right-radius: 0;
    }
    .list-group-horizontal-xxl>.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-xxl>a.list-group-item.is-active {
        margin-top: 0;
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-right-width: 0;
    }
    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active,
    .media-library-view--widget .view-header .list-group-horizontal-xxl>.list-group-item+a.list-group-item.is-active {
        margin-right: calc(-1 * var(--bs-list-group-border-width));
        border-right-width: var(--bs-list-group-border-width);
    }
}

.list-group-flush {
    border-radius: 0;
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width);
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0;
}

.list-group-item-primary {
    color: #002476;
    background-color: #ccd8f3;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #002476;
    background-color: #b8c2db;
}

.list-group-item-primary.list-group-item-action.active,
.media-library-view--widget .view-header a.list-group-item-primary.list-group-item-action.is-active {
    color: #fff;
    background-color: #002476;
    border-color: #002476;
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbccce;
}

.list-group-item-secondary.list-group-item-action.active,
.media-library-view--widget .view-header a.list-group-item-secondary.list-group-item-action.is-active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b;
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #0f5132;
    background-color: #bcd0c7;
}

.list-group-item-success.list-group-item-action.active,
.media-library-view--widget .view-header a.list-group-item-success.list-group-item-action.is-active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132;
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #055160;
    background-color: #badce3;
}

.list-group-item-info.list-group-item-action.active,
.media-library-view--widget .view-header a.list-group-item-info.list-group-item-action.is-active {
    color: #fff;
    background-color: #055160;
    border-color: #055160;
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dbb9;
}

.list-group-item-warning.list-group-item-action.active,
.media-library-view--widget .view-header a.list-group-item-warning.list-group-item-action.is-active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03;
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #842029;
    background-color: #dfc2c4;
}

.list-group-item-danger.list-group-item-action.active,
.media-library-view--widget .view-header a.list-group-item-danger.list-group-item-action.is-active {
    color: #fff;
    background-color: #842029;
    border-color: #842029;
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e5e5e5;
}

.list-group-item-light.list-group-item-action.active,
.media-library-view--widget .view-header a.list-group-item-light.list-group-item-action.is-active {
    color: #fff;
    background-color: #636464;
    border-color: #636464;
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #141619;
    background-color: #bebebf;
}

.list-group-item-dark.list-group-item-action.active,
.media-library-view--widget .view-header a.list-group-item-dark.list-group-item-action.is-active {
    color: #fff;
    background-color: #141619;
    border-color: #141619;
}

.btn-close,
.ui-dialog .ui-dialog-titlebar-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: 0.5;
}

.btn-close:hover,
.ui-dialog .ui-dialog-titlebar-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.btn-close:focus,
.ui-dialog .ui-dialog-titlebar-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 60, 197, 0.25);
    opacity: 1;
}

.btn-close:disabled,
.ui-dialog .ui-dialog-titlebar-close:disabled,
.btn-close.disabled,
.ui-dialog .disabled.ui-dialog-titlebar-close {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: 0.375rem;
    --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
    --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
    opacity: 0;
}

.toast:not(.show) {
    display: none;
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}

.toast-container> :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close,
.toast-header .ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .toast-header .ui-dialog-titlebar-close {
    margin-left: calc(-0.5 * var(--bs-toast-padding-x));
    margin-right: var(--bs-toast-padding-x);
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word;
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(0.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    right: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
}

.modal-header .btn-close,
.modal-header .ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .modal-header .ui-dialog-titlebar-close {
    padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) auto calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x));
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 9.15);
    }
    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-left: auto;
        margin-right: auto;
    }
    .modal-sm {
        --bs-modal-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px;
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0;
}

.modal-fullscreen .modal-body {
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: 0.375rem;
    --bs-tooltip-opacity: 0.9;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity);
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height);
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
    border-top-color: var(--bs-tooltip-bg);
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg);
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg);
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
    border-right-color: var(--bs-tooltip-bg);
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius);
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: 0.5rem;
    --bs-popover-inner-border-radius: calc(0.5rem - 1px);
    --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: 0.5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: ;
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius);
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height);
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0;
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border);
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg);
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border);
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg);
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border);
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg);
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    right: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-right: calc(-0.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width);
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border);
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg);
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color);
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: right;
    width: 100%;
    margin-left: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.media-library-view--widget .view-header a.carousel-item.is-active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end,
.media-library-view--widget .view-header a.carousel-item-end.is-active {
    transform: translateX(-100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start,
.media-library-view--widget .view-header a.carousel-item-start.is-active {
    transform: translateX(100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .media-library-view--widget .view-header a.carousel-item.is-active,
.media-library-view--widget .view-header .carousel-fade a.carousel-item.is-active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .media-library-view--widget .view-header a.carousel-item-start.is-active,
.media-library-view--widget .view-header .carousel-fade a.carousel-item-start.is-active,
.carousel-fade .active.carousel-item-end,
.carousel-fade .media-library-view--widget .view-header a.carousel-item-end.is-active,
.media-library-view--widget .view-header .carousel-fade a.carousel-item-end.is-active {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .media-library-view--widget .view-header a.carousel-item-start.is-active,
    .media-library-view--widget .view-header .carousel-fade a.carousel-item-start.is-active,
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .media-library-view--widget .view-header a.carousel-item-end.is-active,
    .media-library-view--widget .view-header .carousel-fade a.carousel-item-end.is-active {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    right: 0;
}

.carousel-control-next {
    left: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-left: 15%;
    margin-bottom: 1rem;
    margin-right: 15%;
    list-style: none;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-left: 3px;
    margin-right: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none;
    }
}

.carousel-indicators .active,
.carousel-indicators .media-library-view--widget .view-header a.is-active,
.media-library-view--widget .view-header .carousel-indicators a.is-active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    bottom: 1.25rem;
    right: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000;
}

.carousel-dark .carousel-caption {
    color: #000;
}

.spinner-grow,
.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
    to {
        transform: rotate(-360deg);
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-left-color: transparent;
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s;
    }
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none;
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%);
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing,
    .offcanvas-sm.show:not(.hiding) {
        transform: none;
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing,
    .offcanvas-sm.hiding,
    .offcanvas-sm.show {
        visibility: visible;
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-sm .offcanvas-header {
        display: none;
    }
    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none;
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%);
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-bottom {
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.showing,
    .offcanvas-md.show:not(.hiding) {
        transform: none;
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.showing,
    .offcanvas-md.hiding,
    .offcanvas-md.show {
        visibility: visible;
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-md .offcanvas-header {
        display: none;
    }
    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none;
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%);
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing,
    .offcanvas-lg.show:not(.hiding) {
        transform: none;
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing,
    .offcanvas-lg.hiding,
    .offcanvas-lg.show {
        visibility: visible;
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-lg .offcanvas-header {
        display: none;
    }
    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none;
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%);
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.showing,
    .offcanvas-xl.show:not(.hiding) {
        transform: none;
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.showing,
    .offcanvas-xl.hiding,
    .offcanvas-xl.show {
        visibility: visible;
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-xl .offcanvas-header {
        display: none;
    }
    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none;
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%);
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%);
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        left: 0;
        right: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%);
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing,
    .offcanvas-xxl.show:not(.hiding) {
        transform: none;
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing,
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show {
        visibility: visible;
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important;
    }
    .offcanvas-xxl .offcanvas-header {
        display: none;
    }
    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none;
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
}

.offcanvas.offcanvas-end {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
}

.offcanvas.offcanvas-top {
    top: 0;
    left: 0;
    right: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
    left: 0;
    right: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
    transform: none;
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
    visibility: visible;
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.offcanvas-backdrop.fade {
    opacity: 0;
}

.offcanvas-backdrop.show {
    opacity: 0.5;
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close,
.offcanvas-header .ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .offcanvas-header .ui-dialog-titlebar-close {
    padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
    margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
    margin-left: calc(-0.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto;
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: 0.5;
}

.placeholder.btn::before,
.node-preview-container .placeholder.node-preview-backlink::before,
.placeholder.button::before,
button.placeholder.link::before {
    display: inline-block;
    content: "";
}

.placeholder-xs {
    min-height: 0.6em;
}

.placeholder-sm {
    min-height: 0.8em;
}

.placeholder-lg {
    min-height: 1.2em;
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(0, 60, 197, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
    color: #003CC5 !important;
}

.link-primary:hover,
.link-primary:focus {
    color: #00309e !important;
}

.link-secondary {
    color: #6c757d !important;
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64 !important;
}

.link-success {
    color: #198754 !important;
}

.link-success:hover,
.link-success:focus {
    color: #146c43 !important;
}

.link-info {
    color: #0dcaf0 !important;
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3 !important;
}

.link-warning {
    color: #ffc107 !important;
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39 !important;
}

.link-danger {
    color: #dc3545 !important;
}

.link-danger:hover,
.link-danger:focus {
    color: #b02a37 !important;
}

.link-light {
    color: #f8f9fa !important;
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb !important;
}

.link-dark {
    color: #212529 !important;
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21 !important;
}

.ratio {
    position: relative;
    width: 100%;
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}

.ratio>* {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1030;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    content: "";
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: 0.25;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: right !important;
}

.float-end {
    float: left !important;
}

.float-none {
    float: none !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.start-0 {
    right: 0 !important;
}

.start-50 {
    right: 50% !important;
}

.start-100 {
    right: 100% !important;
}

.end-0 {
    left: 0 !important;
}

.end-50 {
    left: 50% !important;
}

.end-100 {
    left: 100% !important;
}

.translate-middle {
    transform: translate(50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
    border-left: 0 !important;
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
    border-right: 0 !important;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
    --bs-border-width: 1px;
}

.border-2 {
    --bs-border-width: 2px;
}

.border-3 {
    --bs-border-width: 3px;
}

.border-4 {
    --bs-border-width: 4px;
}

.border-5 {
    --bs-border-width: 5px;
}

.border-opacity-10 {
    --bs-border-opacity: 0.1;
}

.border-opacity-25 {
    --bs-border-opacity: 0.25;
}

.border-opacity-50 {
    --bs-border-opacity: 0.5;
}

.border-opacity-75 {
    --bs-border-opacity: 0.75;
}

.border-opacity-100 {
    --bs-border-opacity: 1;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.order-first {
    order: -1 !important;
}

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-last {
    order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-left: 0 !important;
}

.me-1 {
    margin-left: 0.25rem !important;
}

.me-2 {
    margin-left: 0.5rem !important;
}

.me-3 {
    margin-left: 1rem !important;
}

.me-4 {
    margin-left: 1.5rem !important;
}

.me-5 {
    margin-left: 3rem !important;
}

.me-auto {
    margin-left: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-right: 0 !important;
}

.ms-1 {
    margin-right: 0.25rem !important;
}

.ms-2 {
    margin-right: 0.5rem !important;
}

.ms-3 {
    margin-right: 1rem !important;
}

.ms-4 {
    margin-right: 1.5rem !important;
}

.ms-5 {
    margin-right: 3rem !important;
}

.ms-auto {
    margin-right: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-left: 0 !important;
}

.pe-1 {
    padding-left: 0.25rem !important;
}

.pe-2 {
    padding-left: 0.5rem !important;
}

.pe-3 {
    padding-left: 1rem !important;
}

.pe-4 {
    padding-left: 1.5rem !important;
}

.pe-5 {
    padding-left: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-right: 0 !important;
}

.ps-1 {
    padding-right: 0.25rem !important;
}

.ps-2 {
    padding-right: 0.5rem !important;
}

.ps-3 {
    padding-right: 1rem !important;
}

.ps-4 {
    padding-right: 1.5rem !important;
}

.ps-5 {
    padding-right: 3rem !important;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.gap-6 {
    gap: 4.5rem !important;
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
    font-size: 1.25rem !important;
}

.fs-6 {
    font-size: 1rem !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

.text-start {
    text-align: right !important;
}

.text-end {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important;
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

.text-opacity-25 {
    --bs-text-opacity: 0.25;
}

.text-opacity-50 {
    --bs-text-opacity: 0.5;
}

.text-opacity-75 {
    --bs-text-opacity: 0.75;
}

.text-opacity-100 {
    --bs-text-opacity: 1;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
    --bs-bg-opacity: 1;
}

.bg-gradient {
    background-image: var(--bs-gradient) !important;
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

.pe-none {
    pointer-events: none !important;
}

.pe-auto {
    pointer-events: auto !important;
}

.rounded {
    border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-end {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-start {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: right !important;
    }
    .float-sm-end {
        float: left !important;
    }
    .float-sm-none {
        float: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
    .order-sm-first {
        order: -1 !important;
    }
    .order-sm-0 {
        order: 0 !important;
    }
    .order-sm-1 {
        order: 1 !important;
    }
    .order-sm-2 {
        order: 2 !important;
    }
    .order-sm-3 {
        order: 3 !important;
    }
    .order-sm-4 {
        order: 4 !important;
    }
    .order-sm-5 {
        order: 5 !important;
    }
    .order-sm-last {
        order: 6 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-sm-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    .mx-sm-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 3rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-left: 0 !important;
    }
    .me-sm-1 {
        margin-left: 0.25rem !important;
    }
    .me-sm-2 {
        margin-left: 0.5rem !important;
    }
    .me-sm-3 {
        margin-left: 1rem !important;
    }
    .me-sm-4 {
        margin-left: 1.5rem !important;
    }
    .me-sm-5 {
        margin-left: 3rem !important;
    }
    .me-sm-auto {
        margin-left: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-right: 0 !important;
    }
    .ms-sm-1 {
        margin-right: 0.25rem !important;
    }
    .ms-sm-2 {
        margin-right: 0.5rem !important;
    }
    .ms-sm-3 {
        margin-right: 1rem !important;
    }
    .ms-sm-4 {
        margin-right: 1.5rem !important;
    }
    .ms-sm-5 {
        margin-right: 3rem !important;
    }
    .ms-sm-auto {
        margin-right: auto !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-sm-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .px-sm-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
        padding-top: 3rem !important;
    }
    .pe-sm-0 {
        padding-left: 0 !important;
    }
    .pe-sm-1 {
        padding-left: 0.25rem !important;
    }
    .pe-sm-2 {
        padding-left: 0.5rem !important;
    }
    .pe-sm-3 {
        padding-left: 1rem !important;
    }
    .pe-sm-4 {
        padding-left: 1.5rem !important;
    }
    .pe-sm-5 {
        padding-left: 3rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
    .ps-sm-0 {
        padding-right: 0 !important;
    }
    .ps-sm-1 {
        padding-right: 0.25rem !important;
    }
    .ps-sm-2 {
        padding-right: 0.5rem !important;
    }
    .ps-sm-3 {
        padding-right: 1rem !important;
    }
    .ps-sm-4 {
        padding-right: 1.5rem !important;
    }
    .ps-sm-5 {
        padding-right: 3rem !important;
    }
    .gap-sm-0 {
        gap: 0 !important;
    }
    .gap-sm-1 {
        gap: 0.25rem !important;
    }
    .gap-sm-2 {
        gap: 0.5rem !important;
    }
    .gap-sm-3 {
        gap: 1rem !important;
    }
    .gap-sm-4 {
        gap: 1.5rem !important;
    }
    .gap-sm-5 {
        gap: 3rem !important;
    }
    .text-sm-start {
        text-align: right !important;
    }
    .text-sm-end {
        text-align: left !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: right !important;
    }
    .float-md-end {
        float: left !important;
    }
    .float-md-none {
        float: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
    .order-md-first {
        order: -1 !important;
    }
    .order-md-0 {
        order: 0 !important;
    }
    .order-md-1 {
        order: 1 !important;
    }
    .order-md-2 {
        order: 2 !important;
    }
    .order-md-3 {
        order: 3 !important;
    }
    .order-md-4 {
        order: 4 !important;
    }
    .order-md-5 {
        order: 5 !important;
    }
    .order-md-last {
        order: 6 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-md-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    .mx-md-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 3rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-left: 0 !important;
    }
    .me-md-1 {
        margin-left: 0.25rem !important;
    }
    .me-md-2 {
        margin-left: 0.5rem !important;
    }
    .me-md-3 {
        margin-left: 1rem !important;
    }
    .me-md-4 {
        margin-left: 1.5rem !important;
    }
    .me-md-5 {
        margin-left: 3rem !important;
    }
    .me-md-auto {
        margin-left: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
        margin-bottom: 3rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ms-md-0 {
        margin-right: 0 !important;
    }
    .ms-md-1 {
        margin-right: 0.25rem !important;
    }
    .ms-md-2 {
        margin-right: 0.5rem !important;
    }
    .ms-md-3 {
        margin-right: 1rem !important;
    }
    .ms-md-4 {
        margin-right: 1.5rem !important;
    }
    .ms-md-5 {
        margin-right: 3rem !important;
    }
    .ms-md-auto {
        margin-right: auto !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-md-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .px-md-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 0.25rem !important;
    }
    .pt-md-2 {
        padding-top: 0.5rem !important;
    }
    .pt-md-3 {
        padding-top: 1rem !important;
    }
    .pt-md-4 {
        padding-top: 1.5rem !important;
    }
    .pt-md-5 {
        padding-top: 3rem !important;
    }
    .pe-md-0 {
        padding-left: 0 !important;
    }
    .pe-md-1 {
        padding-left: 0.25rem !important;
    }
    .pe-md-2 {
        padding-left: 0.5rem !important;
    }
    .pe-md-3 {
        padding-left: 1rem !important;
    }
    .pe-md-4 {
        padding-left: 1.5rem !important;
    }
    .pe-md-5 {
        padding-left: 3rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
        padding-bottom: 3rem !important;
    }
    .ps-md-0 {
        padding-right: 0 !important;
    }
    .ps-md-1 {
        padding-right: 0.25rem !important;
    }
    .ps-md-2 {
        padding-right: 0.5rem !important;
    }
    .ps-md-3 {
        padding-right: 1rem !important;
    }
    .ps-md-4 {
        padding-right: 1.5rem !important;
    }
    .ps-md-5 {
        padding-right: 3rem !important;
    }
    .gap-md-0 {
        gap: 0 !important;
    }
    .gap-md-1 {
        gap: 0.25rem !important;
    }
    .gap-md-2 {
        gap: 0.5rem !important;
    }
    .gap-md-3 {
        gap: 1rem !important;
    }
    .gap-md-4 {
        gap: 1.5rem !important;
    }
    .gap-md-5 {
        gap: 3rem !important;
    }
    .text-md-start {
        text-align: right !important;
    }
    .text-md-end {
        text-align: left !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: right !important;
    }
    .float-lg-end {
        float: left !important;
    }
    .float-lg-none {
        float: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
    .order-lg-first {
        order: -1 !important;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .order-lg-last {
        order: 6 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-lg-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    .mx-lg-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-lg-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-left: 0 !important;
    }
    .me-lg-1 {
        margin-left: 0.25rem !important;
    }
    .me-lg-2 {
        margin-left: 0.5rem !important;
    }
    .me-lg-3 {
        margin-left: 1rem !important;
    }
    .me-lg-4 {
        margin-left: 1.5rem !important;
    }
    .me-lg-5 {
        margin-left: 3rem !important;
    }
    .me-lg-auto {
        margin-left: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ms-lg-0 {
        margin-right: 0 !important;
    }
    .ms-lg-1 {
        margin-right: 0.25rem !important;
    }
    .ms-lg-2 {
        margin-right: 0.5rem !important;
    }
    .ms-lg-3 {
        margin-right: 1rem !important;
    }
    .ms-lg-4 {
        margin-right: 1.5rem !important;
    }
    .ms-lg-5 {
        margin-right: 3rem !important;
    }
    .ms-lg-auto {
        margin-right: auto !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-lg-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .px-lg-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pt-lg-3 {
        padding-top: 1rem !important;
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pt-lg-5 {
        padding-top: 3rem !important;
    }
    .pe-lg-0 {
        padding-left: 0 !important;
    }
    .pe-lg-1 {
        padding-left: 0.25rem !important;
    }
    .pe-lg-2 {
        padding-left: 0.5rem !important;
    }
    .pe-lg-3 {
        padding-left: 1rem !important;
    }
    .pe-lg-4 {
        padding-left: 1.5rem !important;
    }
    .pe-lg-5 {
        padding-left: 3rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
    .ps-lg-0 {
        padding-right: 0 !important;
    }
    .ps-lg-1 {
        padding-right: 0.25rem !important;
    }
    .ps-lg-2 {
        padding-right: 0.5rem !important;
    }
    .ps-lg-3 {
        padding-right: 1rem !important;
    }
    .ps-lg-4 {
        padding-right: 1.5rem !important;
    }
    .ps-lg-5 {
        padding-right: 3rem !important;
    }
    .gap-lg-0 {
        gap: 0 !important;
    }
    .gap-lg-1 {
        gap: 0.25rem !important;
    }
    .gap-lg-2 {
        gap: 0.5rem !important;
    }
    .gap-lg-3 {
        gap: 1rem !important;
    }
    .gap-lg-4 {
        gap: 1.5rem !important;
    }
    .gap-lg-5 {
        gap: 3rem !important;
    }
    .text-lg-start {
        text-align: right !important;
    }
    .text-lg-end {
        text-align: left !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: right !important;
    }
    .float-xl-end {
        float: left !important;
    }
    .float-xl-none {
        float: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-grid {
        display: grid !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
    .d-xl-none {
        display: none !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
    .order-xl-first {
        order: -1 !important;
    }
    .order-xl-0 {
        order: 0 !important;
    }
    .order-xl-1 {
        order: 1 !important;
    }
    .order-xl-2 {
        order: 2 !important;
    }
    .order-xl-3 {
        order: 3 !important;
    }
    .order-xl-4 {
        order: 4 !important;
    }
    .order-xl-5 {
        order: 5 !important;
    }
    .order-xl-last {
        order: 6 !important;
    }
    .m-xl-0 {
        margin: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-xl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    .mx-xl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-xl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xl-3 {
        margin-top: 1rem !important;
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xl-5 {
        margin-top: 3rem !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }
    .me-xl-0 {
        margin-left: 0 !important;
    }
    .me-xl-1 {
        margin-left: 0.25rem !important;
    }
    .me-xl-2 {
        margin-left: 0.5rem !important;
    }
    .me-xl-3 {
        margin-left: 1rem !important;
    }
    .me-xl-4 {
        margin-left: 1.5rem !important;
    }
    .me-xl-5 {
        margin-left: 3rem !important;
    }
    .me-xl-auto {
        margin-left: auto !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }
    .ms-xl-0 {
        margin-right: 0 !important;
    }
    .ms-xl-1 {
        margin-right: 0.25rem !important;
    }
    .ms-xl-2 {
        margin-right: 0.5rem !important;
    }
    .ms-xl-3 {
        margin-right: 1rem !important;
    }
    .ms-xl-4 {
        margin-right: 1.5rem !important;
    }
    .ms-xl-5 {
        margin-right: 3rem !important;
    }
    .ms-xl-auto {
        margin-right: auto !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-xl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .px-xl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xl-3 {
        padding-top: 1rem !important;
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xl-5 {
        padding-top: 3rem !important;
    }
    .pe-xl-0 {
        padding-left: 0 !important;
    }
    .pe-xl-1 {
        padding-left: 0.25rem !important;
    }
    .pe-xl-2 {
        padding-left: 0.5rem !important;
    }
    .pe-xl-3 {
        padding-left: 1rem !important;
    }
    .pe-xl-4 {
        padding-left: 1.5rem !important;
    }
    .pe-xl-5 {
        padding-left: 3rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xl-0 {
        padding-right: 0 !important;
    }
    .ps-xl-1 {
        padding-right: 0.25rem !important;
    }
    .ps-xl-2 {
        padding-right: 0.5rem !important;
    }
    .ps-xl-3 {
        padding-right: 1rem !important;
    }
    .ps-xl-4 {
        padding-right: 1.5rem !important;
    }
    .ps-xl-5 {
        padding-right: 3rem !important;
    }
    .gap-xl-0 {
        gap: 0 !important;
    }
    .gap-xl-1 {
        gap: 0.25rem !important;
    }
    .gap-xl-2 {
        gap: 0.5rem !important;
    }
    .gap-xl-3 {
        gap: 1rem !important;
    }
    .gap-xl-4 {
        gap: 1.5rem !important;
    }
    .gap-xl-5 {
        gap: 3rem !important;
    }
    .text-xl-start {
        text-align: right !important;
    }
    .text-xl-end {
        text-align: left !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: right !important;
    }
    .float-xxl-end {
        float: left !important;
    }
    .float-xxl-none {
        float: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !important;
    }
    .d-xxl-grid {
        display: grid !important;
    }
    .d-xxl-table {
        display: table !important;
    }
    .d-xxl-table-row {
        display: table-row !important;
    }
    .d-xxl-table-cell {
        display: table-cell !important;
    }
    .d-xxl-flex {
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
    .d-xxl-none {
        display: none !important;
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xxl-row {
        flex-direction: row !important;
    }
    .flex-xxl-column {
        flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        justify-content: center !important;
    }
    .justify-content-xxl-between {
        justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        justify-content: space-around !important;
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xxl-start {
        align-items: flex-start !important;
    }
    .align-items-xxl-end {
        align-items: flex-end !important;
    }
    .align-items-xxl-center {
        align-items: center !important;
    }
    .align-items-xxl-baseline {
        align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        align-items: stretch !important;
    }
    .align-content-xxl-start {
        align-content: flex-start !important;
    }
    .align-content-xxl-end {
        align-content: flex-end !important;
    }
    .align-content-xxl-center {
        align-content: center !important;
    }
    .align-content-xxl-between {
        align-content: space-between !important;
    }
    .align-content-xxl-around {
        align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        align-content: stretch !important;
    }
    .align-self-xxl-auto {
        align-self: auto !important;
    }
    .align-self-xxl-start {
        align-self: flex-start !important;
    }
    .align-self-xxl-end {
        align-self: flex-end !important;
    }
    .align-self-xxl-center {
        align-self: center !important;
    }
    .align-self-xxl-baseline {
        align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        align-self: stretch !important;
    }
    .order-xxl-first {
        order: -1 !important;
    }
    .order-xxl-0 {
        order: 0 !important;
    }
    .order-xxl-1 {
        order: 1 !important;
    }
    .order-xxl-2 {
        order: 2 !important;
    }
    .order-xxl-3 {
        order: 3 !important;
    }
    .order-xxl-4 {
        order: 4 !important;
    }
    .order-xxl-5 {
        order: 5 !important;
    }
    .order-xxl-last {
        order: 6 !important;
    }
    .m-xxl-0 {
        margin: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.5rem !important;
    }
    .m-xxl-5 {
        margin: 3rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .mx-xxl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }
    .mx-xxl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
    }
    .mx-xxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    .mx-xxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
    .mx-xxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xxl-0 {
        margin-top: 0 !important;
    }
    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xxl-3 {
        margin-top: 1rem !important;
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xxl-5 {
        margin-top: 3rem !important;
    }
    .mt-xxl-auto {
        margin-top: auto !important;
    }
    .me-xxl-0 {
        margin-left: 0 !important;
    }
    .me-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .me-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .me-xxl-3 {
        margin-left: 1rem !important;
    }
    .me-xxl-4 {
        margin-left: 1.5rem !important;
    }
    .me-xxl-5 {
        margin-left: 3rem !important;
    }
    .me-xxl-auto {
        margin-left: auto !important;
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xxl-auto {
        margin-bottom: auto !important;
    }
    .ms-xxl-0 {
        margin-right: 0 !important;
    }
    .ms-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .ms-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .ms-xxl-3 {
        margin-right: 1rem !important;
    }
    .ms-xxl-4 {
        margin-right: 1.5rem !important;
    }
    .ms-xxl-5 {
        margin-right: 3rem !important;
    }
    .ms-xxl-auto {
        margin-right: auto !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.5rem !important;
    }
    .p-xxl-5 {
        padding: 3rem !important;
    }
    .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-xxl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .px-xxl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xxl-0 {
        padding-top: 0 !important;
    }
    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xxl-3 {
        padding-top: 1rem !important;
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xxl-5 {
        padding-top: 3rem !important;
    }
    .pe-xxl-0 {
        padding-left: 0 !important;
    }
    .pe-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .pe-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .pe-xxl-3 {
        padding-left: 1rem !important;
    }
    .pe-xxl-4 {
        padding-left: 1.5rem !important;
    }
    .pe-xxl-5 {
        padding-left: 3rem !important;
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xxl-0 {
        padding-right: 0 !important;
    }
    .ps-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .ps-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .ps-xxl-3 {
        padding-right: 1rem !important;
    }
    .ps-xxl-4 {
        padding-right: 1.5rem !important;
    }
    .ps-xxl-5 {
        padding-right: 3rem !important;
    }
    .gap-xxl-0 {
        gap: 0 !important;
    }
    .gap-xxl-1 {
        gap: 0.25rem !important;
    }
    .gap-xxl-2 {
        gap: 0.5rem !important;
    }
    .gap-xxl-3 {
        gap: 1rem !important;
    }
    .gap-xxl-4 {
        gap: 1.5rem !important;
    }
    .gap-xxl-5 {
        gap: 3rem !important;
    }
    .text-xxl-start {
        text-align: right !important;
    }
    .text-xxl-end {
        text-align: left !important;
    }
    .text-xxl-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important;
    }
    .fs-2 {
        font-size: 2rem !important;
    }
    .fs-3 {
        font-size: 1.75rem !important;
    }
    .fs-4 {
        font-size: 1.5rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-grid {
        display: grid !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
    .d-print-none {
        display: none !important;
    }
}

.ui-widget-content a {
    color: #003CC5;
    text-decoration: underline;
}

.ui-widget-content a:hover {
    color: #00309e;
}

.ckeditor-buttons li .cke-icon-only {
    width: auto;
}

.ckeditor-buttons li a {
    min-height: 28px;
}

.ckeditor-buttons .cke_button_icon img {
    vertical-align: initial;
}

.button--small {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem;
}

a.button {
    text-decoration: none;
}

a.button.button--primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #003CC5;
    --bs-btn-border-color: #003CC5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0033a7;
    --bs-btn-hover-border-color: #00309e;
    --bs-btn-focus-shadow-rgb: 38, 89, 206;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00309e;
    --bs-btn-active-border-color: #002d94;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #003CC5;
    --bs-btn-disabled-border-color: #003CC5;
}

a.button.button--danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

a.button.button-action {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

a.button.button--small {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-border-radius: 0.25rem;
}

.btn-primary a {
    color: #fff;
}

.btn-primary a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-secondary a {
    color: #fff;
}

.btn-secondary a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-success a {
    color: #fff;
}

.btn-success a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-info a {
    color: #000;
}

.btn-info a:hover {
    color: #000;
    text-decoration: none;
}

.btn-warning a {
    color: #000;
}

.btn-warning a:hover {
    color: #000;
    text-decoration: none;
}

.btn-danger a {
    color: #fff;
}

.btn-danger a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-light a {
    color: #000;
}

.btn-light a:hover {
    color: #000;
    text-decoration: none;
}

.btn-dark a {
    color: #fff;
}

.btn-dark a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-outline-primary:hover a,
.node-preview-container .node-preview-backlink:hover a {
    color: #fff;
}

.btn-outline-primary a:hover,
.node-preview-container .node-preview-backlink a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-outline-secondary:hover a {
    color: #fff;
}

.btn-outline-secondary a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-outline-success:hover a {
    color: #fff;
}

.btn-outline-success a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-outline-info:hover a {
    color: #000;
}

.btn-outline-info a:hover {
    color: #000;
    text-decoration: none;
}

.btn-outline-warning:hover a {
    color: #000;
}

.btn-outline-warning a:hover {
    color: #000;
    text-decoration: none;
}

.btn-outline-danger:hover a {
    color: #fff;
}

.btn-outline-danger a:hover {
    color: #fff;
    text-decoration: none;
}

.btn-outline-light:hover a {
    color: #000;
}

.btn-outline-light a:hover {
    color: #000;
    text-decoration: none;
}

.btn-outline-dark:hover a {
    color: #fff;
}

.btn-outline-dark a:hover {
    color: #fff;
    text-decoration: none;
}

.btn,
.node-preview-container .node-preview-backlink,
button.link,
.button,
a.button {
    margin: 0 0.5rem;
}

.btn:first-child,
.node-preview-container .node-preview-backlink:first-child,
button.link:first-child,
.button:first-child {
    margin-right: 0;
}

.btn:last-child,
.node-preview-container .node-preview-backlink:last-child,
button.link:last-child,
.button:last-child {
    margin-left: 0;
}

.btn-group .btn,
.btn-group .node-preview-container .node-preview-backlink,
.node-preview-container .btn-group .node-preview-backlink,
.btn-group button.link,
.btn-group .button {
    margin: 0;
}

a[class=button] {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f9fafb;
    --bs-btn-hover-border-color: #f9fafb;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f9fafb;
    --bs-btn-active-border-color: #f9fafb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

.form-control.image-button {
    width: unset;
}

.form-control.form-checkbox,
.form-control.form-radio {
    display: inline-block;
    height: auto;
    width: unset;
}

.form-select {
    min-width: 5rem;
}

input[type=search] {
    box-sizing: border-box;
}

.dropbutton-multiple .dropbutton .dropbutton-action>* {
    border: 0;
}

@media (min-width: 992px) {
    .node-form {
        margin: 2rem;
    }
}

.node-form .form-actions {
    text-align: center;
}

.container-inline div,
.container-inline label {
    display: inline-block;
    margin: 0;
}

.container-inline.webform-multiple-add>.form-item>* {
    display: inline-block;
    width: unset;
}

td>.form-item {
    margin: 0;
}

#search-block-form {
    display: flex;
}

.js td .dropbutton-wrapper {
    min-height: 2.25rem;
}

.dropbutton-widget {
    border-radius: 0.375rem;
}

.dropbutton-widget .dropbutton .dropbutton-action>* {
    padding: 0.375rem 0.75rem;
}

.paragraph-type-label,
.paragraph-type-title {
    font-weight: 700;
}

.paragraphs-dropdown-action.button.btn-primary {
    background-color: #003CC5;
}

.paragraphs-dropdown-action.button.btn-danger {
    background-color: #dc3545;
}

.field--widget-paragraphs .field-add-more-submit,
.field--widget-entity-reference-paragraphs .field-add-more-submit {
    margin: 0;
}

.js .field--widget-entity-reference-paragraphs td {
    padding: 1rem;
}

.navbar .block-search form {
    display: flex;
    flex-direction: column;
    text-align: center;
}

@media (min-width: 576px) {
    .navbar .block-search form {
        flex-direction: row;
    }
}

.navbar .block-search form .form-actions {
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .navbar .block-search form .form-actions {
        margin-right: 0.5rem;
        margin-top: 0;
    }
}

.navbar-nav .nav-link,
.navbar-nav .media-library-view--widget .view-header a,
.media-library-view--widget .view-header .navbar-nav a {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-nav .nav-link.dropdown-toggle,
.navbar-nav .media-library-view--widget .view-header a.dropdown-toggle,
.media-library-view--widget .view-header .navbar-nav a.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-brand {
    white-space: unset;
}

.navbar-brand .site-slogan {
    display: none;
    font-size: 0.875rem;
}

@media (min-width: 992px) {
    .navbar-brand .site-slogan {
        display: block;
    }
}

.navbar-brand a.site-title {
    color: #212529;
    text-decoration: none;
}

.navbar-brand a.site-title:hover {
    color: #212529;
    text-decoration: none;
}

.navbar-brand .site-title {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.navbar-brand img {
    height: 36px;
    margin: 0 0 0 1rem;
    width: auto;
}

@media (min-width: 992px) {
    .navbar-brand img {
        height: 60px;
    }
}

.navbar-dark .navbar-brand a.site-title,
.footer-dark .navbar-brand a.site-title {
    color: #f8f9fa;
    text-decoration: none;
}

.navbar-dark .navbar-brand a.site-title:hover,
.footer-dark .navbar-brand a.site-title:hover {
    color: #f8f9fa;
    text-decoration: none;
}

footer {
    padding: 2rem 0;
}

footer.footer-dark a {
    color: #f8f9fa;
    text-decoration: none;
}

footer.footer-dark a:hover {
    color: #f8f9fa;
    text-decoration: none;
}

.region-sidebar-first,
.region-sidebar-second,
.region-content {
    padding: 0 0.5rem;
}

.node-preview-container {
    background-color: #fff;
}

.node-preview-container .form-type-select {
    margin: 0;
}

.region-nav-branding,
.region-nav-additional {
    flex-shrink: 0;
}

.tabs-primary {
    margin: 1rem 0;
}

.tabs-secondary {
    margin: 0 0 1rem 0;
}

@media (max-width: 767.98px) {
    .tabs-wrapper .tab-toggle {
        color: #495057;
        padding: 0.5rem 1rem;
    }
    .tabs-wrapper .nav-tabs,
    .tabs-wrapper .media-library-view--widget .view-header,
    .media-library-view--widget .tabs-wrapper .view-header {
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
        overflow: hidden;
    }
    .tabs-wrapper .nav-item {
        padding: 0.25rem 0.5rem;
    }
    .tabs-wrapper .nav-item.active,
    .tabs-wrapper .media-library-view--widget .view-header a.nav-item.is-active,
    .media-library-view--widget .view-header .tabs-wrapper a.nav-item.is-active {
        background-color: #dee2e6;
    }
    .tabs-wrapper .nav-item .nav-link,
    .tabs-wrapper .nav-item .media-library-view--widget .view-header a,
    .media-library-view--widget .view-header .tabs-wrapper .nav-item a {
        border: 0;
        border-radius: 0;
        background-color: unset;
        flex-grow: 1;
    }
    .tabs-wrapper .nav-item .nav-link.active,
    .tabs-wrapper .nav-item .media-library-view--widget .view-header a.active,
    .tabs-wrapper .nav-item .media-library-view--widget .view-header a.is-active,
    .media-library-view--widget .view-header .tabs-wrapper .nav-item a.active,
    .media-library-view--widget .view-header .tabs-wrapper .nav-item a.is-active {
        background-color: unset;
    }
    .tabs-wrapper:not(.is-collapsible) .nav-item:not(:first-of-type) {
        border-top: 1px solid #dee2e6;
    }
    .tabs-wrapper.is-collapsible .nav-item.active,
    .tabs-wrapper.is-collapsible .media-library-view--widget .view-header a.nav-item.is-active,
    .media-library-view--widget .view-header .tabs-wrapper.is-collapsible a.nav-item.is-active {
        display: flex;
        order: -1;
    }
    .tabs-wrapper.is-collapsible .nav-item:not(.active) {
        display: none;
    }
    .tabs-wrapper.is-collapsible .is-open .nav-item {
        display: flex;
    }
    .tabs-wrapper.is-collapsible .is-open .nav-item.active,
    .tabs-wrapper.is-collapsible .is-open .media-library-view--widget .view-header a.nav-item.is-active,
    .media-library-view--widget .view-header .tabs-wrapper.is-collapsible .is-open a.nav-item.is-active {
        border-radius: 0.375rem 0.375rem 0 0;
    }
    .tabs-wrapper.is-collapsible .is-open .nav-item:not(.active) {
        border-top: 1px solid #dee2e6;
    }
}

@media (min-width: 768px) {
    .tabs-wrapper .tab-toggle {
        display: none;
    }
}

a.tabledrag-handle .handle {
    display: table-cell;
    padding-left: 1rem !important;
}

table {
    caption-side: unset;
}

.progress {
    display: block;
    height: unset;
    overflow: unset;
    font-size: unset;
    background-color: unset;
}

.region-title__action a.button {
    --bs-btn-color: #fff;
    --bs-btn-bg: #003CC5;
    --bs-btn-border-color: #003CC5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0033a7;
    --bs-btn-hover-border-color: #00309e;
    --bs-btn-focus-shadow-rgb: 38, 89, 206;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00309e;
    --bs-btn-active-border-color: #002d94;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #003CC5;
    --bs-btn-disabled-border-color: #003CC5;
}

tr.region-title {
    --bs-table-bg: #f8f9fa;
}

tr.region-title td {
    --bs-table-bg: #f8f9fa;
}

.color-primary {
    --bs-alert-color: #002476;
    --bs-alert-bg: #ccd8f3;
    --bs-alert-border-color: #b3c5ee;
}

.color-primary .alert-link {
    color: #001d5e;
}

.color-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8;
}

.color-secondary .alert-link {
    color: #34383c;
}

.color-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc;
}

.color-success .alert-link {
    color: #0c4128;
}

.color-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb;
}

.color-info .alert-link {
    color: #04414d;
}

.color-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5;
}

.color-warning .alert-link {
    color: #523e02;
}

.color-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7;
}

.color-danger .alert-link {
    color: #6a1a21;
}

.color-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe;
}

.color-light .alert-link {
    color: #4f5050;
}

.color-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf;
}

.color-dark .alert-link {
    color: #101214;
}

.views-admin a {
    color: #003CC5;
    text-decoration: underline;
}

.views-admin a:hover {
    color: #00309e;
}

.views-admin .views-displays .tabs {
    list-style: none;
}

.views-admin .views-ui-display-tab-bucket__title {
    padding: 4px 6px 6px;
}

.views-admin .dropbutton .dropbutton-action>* {
    line-height: 20px;
    padding: 0.1em 0.5em;
}

.views-admin .dropbutton .dropbutton-action .btn-primary {
    color: #003CC5;
    text-decoration: underline;
}

.views-admin .dropbutton .dropbutton-action .btn-primary:hover {
    color: #00309e;
    text-decoration: none;
}

.views-admin .view-preview-form .form-item-view-args,
.views-admin .view-preview-form .form-actions {
    display: block;
    margin-right: 1rem;
    margin-left: 1rem;
}

.pagination {
    flex-wrap: wrap;
    padding: 1rem 0;
    justify-content: center;
}

.media-library-item__edit,
.media-library-item__remove {
    position: absolute;
    z-index: 1;
    top: 0.6rem;
    overflow: hidden;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.3125rem;
    padding: 0;
    transition: 0.2s border-color;
    color: transparent;
    background-size: 0.75rem;
    text-shadow: none;
    font-size: 0;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0.25em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem;
}

.media-library-item__edit {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg fill='%23545560'%3e%3cpath d='M14.545 3.042l-1.586-1.585a1.003 1.003 0 00-1.414 0L10.252 2.75l3 3 1.293-1.293a1.004 1.004 0 000-1.415zM5.25 13.751l-3-3 6.998-6.998 3 3zM.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
    left: 3rem;
}

.media-library-item__remove {
    background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.344 2.343l11.313 11.313M2.344 13.657L13.657 2.343' stroke='%2355565B' stroke-width='3'/%3e%3c/svg%3e");
    left: 1rem;
}

.view-media-library .media-library-views-form {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    position: relative;
}

.view-media-library .media-library-views-form .form-actions,
.view-media-library .media-library-views-form .form-wrapper,
.view-media-library .media-library-views-form .media-library-select-all {
    flex: 0 0 auto;
    width: 100%;
    margin: 1rem 0;
}

.view-media-library .media-library-views-form .form-actions .form-checkbox,
.view-media-library .media-library-views-form .form-wrapper .form-checkbox,
.view-media-library .media-library-views-form .media-library-select-all .form-checkbox {
    margin-left: 1rem;
}

.view-media-library .media-library-views-form .media-library-item--grid {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .view-media-library .media-library-views-form .media-library-item--grid {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 992px) {
    .view-media-library .media-library-views-form .media-library-item--grid {
        flex: 0 0 auto;
        width: 25%;
    }
}

.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
    left: 0.5rem;
}

.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-library-select-form .form-item,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-media-bulk-form .form-item {
    margin: 0;
}

.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity {
    height: calc(100% - 1rem);
    padding-top: 3rem;
    margin: 0.5rem;
}

.media-library-view--widget {
    display: flex;
    flex-direction: column;
}

.media-library-view--widget .view-filters .form--inline,
.view-media-library .view-filters .form--inline {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    align-items: flex-end;
}

.media-library-view--widget .view-filters .form--inline>div,
.view-media-library .view-filters .form--inline>div {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .media-library-view--widget .view-filters .form--inline>div,
    .view-media-library .view-filters .form--inline>div {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 1rem;
    }
}

.media-library-selection {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
}

.media-library-selection .media-library-item.media-library-item--grid {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    padding-top: 3rem;
    margin: 0.5rem;
}

@media (min-width: 768px) {
    .media-library-selection .media-library-item.media-library-item--grid {
        flex: 0 0 auto;
        width: 50%;
        width: calc(50% - 1rem);
    }
}

@media (min-width: 992px) {
    .media-library-selection .media-library-item.media-library-item--grid {
        flex: 0 0 auto;
        width: 25%;
        width: calc(25% - 1rem);
    }
}

#media-library-add-form-wrapper .item-list ul {
    padding-right: 0;
    list-style: none;
}

em.placeholder {
    display: unset;
    min-height: unset;
    vertical-align: unset;
    cursor: unset;
    background-color: unset;
    opacity: unset;
}

.card-img-top img {
    width: 100% !important;
    max-width: 100% !important;
}

.alert-dismissible .close {
    color: #000;
}

code {
    overflow-y: auto;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    line-height: 24px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}


/* body:before {
    content: "";
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/hero_slider-bg.svg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: -1;
    box-shadow: inset 0px -40px 100px #110E19;
} */

.heading-one,
.h1,
h1 {
    font-weight: 600;
    font-size: 2.625rem;
    line-height: 3.125rem;
}

h2,
.h2 {
    font-weight: 600;
    font-size: 2.125rem;
    line-height: 2.563rem;
}

h3,
.h3 {
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 2.125rem;
}

.para-large {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0.01em;
}

.para-medium {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 2rem;
}

.p,
p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.563rem;
    letter-spacing: -0.011em;
}

.para-small {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.75rem;
}

*,
 ::after,
 ::before {
    box-sizing: border-box;
}

body a,
a.nav-link {
    color: #FFFFFF;
    text-decoration: none !important;
}

body a:hover,
body a:active,
body a:focus,
a.nav-link:hover,
a.nav-link:active,
a.nav-link:focus {
    opacity: 0.8;
    color: #FFFFFF;
}

em {
    font-style: italic;
}

sub,
sup {
    font-size: 12px;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.hidden {
    display: none;
}

input,
button,
a,
.slick-slide {
    outline: none;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: right;
}

.text-bold {
    font-weight: 700;
}

.text-normal {
    font-weight: 400;
}

.text-underline {
    text-decoration: underline;
}

.text-underline:hover {
    text-decoration: none;
}

.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0;
}

a.btn-primary:before {
    z-index: -1;
}

.btn.btn-primary {
    background: linear-gradient(-206.91deg, #06a7e0 16.83%, #00f5a3 202.64%);
    border-radius: 7px;
    color: #FFFFFF;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    border: none;
    overflow: hidden !important;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.btn.btn-primary.course-enroll {
    padding: 8px 16px;
    min-width: 75px;
}

.btn.btn-primary:before {
    content: "";
    width: 0%;
    height: 100%;
    display: block;
    background: linear-gradient(-206.91deg, #06a7e0 16.83%, #00f5a3 202.64%);
    position: absolute;
    transform: skewX(20deg);
    right: -10%;
    opacity: 1;
    top: 0;
    transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: -2px 0px 14px rgba(255, 255, 255, 0.6);
}

.btn.btn-primary:after {
    content: "";
    width: 0%;
    height: 100%;
    display: block;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    transform: skewX(20deg);
    right: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    transition: all 0.15s cubic-bezier(0.14, 0.59, 1, 1.01);
    box-shadow: -2px 0px 14px rgba(255, 255, 255, 0.6);
}

.btn.btn-primary:hover:before {
    opacity: 1;
    width: 116%;
}

.btn.btn-primary:hover:after {
    opacity: 1;
    width: 120%;
}

.btn.btn-primary a {
    position: relative;
    z-index: 98;
}

.btn.btn-primary-arrow,
.paragraph--view-mode--cta-box-solid-bg a {
    background: linear-gradient(-206.91deg, #00f5a3 16.83%, #06FFF8 202.64%);
    border-radius: 7px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 13px 8px 36px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.btn.btn-primary-arrow:before,
.paragraph--view-mode--cta-box-solid-bg a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: cover;
}

.btn.btn-primary-arrow:after,
.paragraph--view-mode--cta-box-solid-bg a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    transition: all 0.65s ease-in-out;
    background: linear-gradient(-120deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

.btn.btn-primary-arrow:hover:after,
.paragraph--view-mode--cta-box-solid-bg a:hover:after {
    right: 100%;
}

.btn.btn-secondary {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background: transparent;
    border-radius: 7px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 8px 13px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}

.btn.btn-secondary:before {
    content: "";
    position: absolute;
    top: 0;
    left: -60px;
    bottom: 0;
    right: 0;
    border-left: 50px solid transparent;
    border-bottom: 70px solid #fff;
    transform: translateX(100%);
    transition: 0.5s ease-in-out;
    color: #29213D;
    z-index: 1;
}

.btn.btn-secondary a {
    position: relative;
    z-index: 9;
}

.btn.btn-secondary:hover {
    color: #29213D !important;
    border: 1px solid #29213D;
    transition: 0.5s ease-in-out;
}

.btn.btn-secondary:hover:before {
    transform: translateX(0);
}

.btn.btn-secondary:hover a {
    color: #29213D !important;
}

button.btn.btn-secondary:before,
a.btn.btn-secondary:before {
    z-index: -1;
}

.btn.btn-secondary-arrow,
.btn.btn-secondary-arrow-deg {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background: transparent;
    border-radius: 7px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 8px 13px 8px 36px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn.btn-secondary-arrow:before,
.btn.btn-secondary-arrow-deg:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 15px;
    transition: 0.5s ease-in-out;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: contain;
}

.btn.btn-secondary-arrow:hover,
.btn.btn-secondary-arrow-deg:hover {
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.btn.btn-secondary-arrow:hover:before,
.btn.btn-secondary-arrow-deg:hover:before {
    animation: bounce 1s infinite;
}

[dir=rtl] body .btn.btn-secondary-arrow:hover:before,
[dir=rtl] body .btn.btn-secondary-arrow-deg:hover:before {
    animation: bounce-ar 1s infinite;
}

.btn.btn-secondary-arrow a,
.btn.btn-secondary-arrow-deg a {
    color: #FFFFFF;
    text-decoration: none;
}

@keyframes bounce {
    0% {
        left: 10px;
    }
    50% {
        left: 20px;
        opacity: 1;
    }
    100% {
        left: 15px;
        opacity: 1;
    }
}

@keyframes bounce-ar {
    0% {
        right: 10px;
    }
    50% {
        right: 20px;
        opacity: 1;
    }
    100% {
        right: 15px;
        opacity: 1;
    }
}

.btn.btn-secondary-arrow-deg:before {
    transform: translateY(-50%) rotate(45deg) !important;
}

.btn.btn-tertiary {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background: transparent;
    color: #FFFFFF;
    padding: 8px 13px 8px 36px;
    text-decoration: none;
}

.btn.btn-tertiary:hover {
    background: transparent;
    color: #FFFFFF;
}

.btn.btn-tertiary-arrow {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background: transparent;
    color: #FFFFFF;
    padding: 8px 13px 8px 36px;
    text-decoration: none;
}

.btn.btn-tertiary-arrow:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: cover;
}

.btn.btn-tertiary-arrow:hover {
    background: transparent;
    color: #FFFFFF;
}

.btn.btn-primary-dark-arrow {
    border-radius: 10px;
    padding: 33px;
    padding-right: 20px;
    min-width: 316px;
    background-size: contain;
    width: 100%;
    position: relative;
}

.btn.btn-primary-dark-arrow::before {
    content: "";
    position: absolute;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-bg.png);
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .btn.btn-primary-dark-arrow {
        padding: 18px !important;
        padding-right: 15px !important;
        background-size: cover;
    }
}

.btn.sold_out {
    font-weight: 500;
    font-size: 14px;
    background-color: #565464;
    border-color: #51585e;
    color: #FFFFFF;
    opacity: 0.8;
    padding: 8px 13px;
    line-height: 20px;
}

.btn.sold_out:hover {
    background-color: #565464;
    border-color: #51585e;
    color: #FFFFFF;
    opacity: 1;
}

.paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect .field--name-field-pt-title {
    text-shadow: 0px 2px 1px #EC29FC;
}

@media (min-width: 576px) {
    .paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect .field--name-field-pt-title {
        margin-top: 30px;
    }
}

.paragraph--type--title-description-component .field--name-field-pt-title {
    font-style: normal;
    font-weight: 600;
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 22px;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 10px;
    }
}

.paragraph--type--title-description-component .field--name-field-pt-description p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

@media (max-width: 767.98px) {
    .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 15px;
    }
}

.block-page-title-block h1 {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    color: #FFFFFF;
    margin-top: 30px;
}

.view-filters {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

@media (max-width: 991.98px) {
    .view-filters {
        display: block;
        width: 100%;
    }
    .view-filters .form-inline,
    .view-filters .form-item {
        display: block;
        width: 100%;
    }
}

.nav-tabs.skew-tabs {
    border-bottom: 1px solid #360758;
    padding-bottom: 8px;
    padding-right: 8px;
}

@media (max-width: 991.98px) {
    .nav-tabs.skew-tabs {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden !important;
        min-width: inherit;
        border-radius: 0;
        margin: 0 0 10px !important;
        padding-right: 0 !important;
    }
}

.nav-tabs.skew-tabs .nav-item {
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    text-align: center;
}

.nav-tabs.skew-tabs .nav-item:hover,
.nav-tabs.skew-tabs .nav-item:focus,
.nav-tabs.skew-tabs .nav-item:focus-visible,
.nav-tabs.skew-tabs .nav-item.active {
    border-color: transparent;
    outline: none;
    box-shadow: none;
}

.nav-tabs.skew-tabs .nav-item .form-item {
    margin: 0;
    width: 100%;
    position: relative;
}

.nav-tabs.skew-tabs .nav-item input {
    position: absolute;
    display: none;
    color: #fff !important;
    cursor: pointer;
}

.nav-tabs.skew-tabs .nav-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    font-size: 0;
    z-index: 9;
}

.nav-tabs.skew-tabs .nav-item label {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
    background: transparent;
    position: relative;
    padding: 20px;
    display: block;
    cursor: pointer;
    z-index: 1;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .nav-tabs.skew-tabs .nav-item label {
        width: 100% !important;
        text-align: right;
    }
}

@media (max-width: 767.98px) {
    .nav-tabs.skew-tabs .nav-item label {
        padding: 15px;
    }
}

.nav-tabs.skew-tabs .nav-item label::before {
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
    left: 0;
    width: 1px;
    background: radial-gradient(178.06% 198.46% at 50% -39.23%, #8D21FF 0%, #120A1C 100%);
    transform: skew(15deg);
    opacity: 0.4;
}

@media (max-width: 991.98px) {
    .nav-tabs.skew-tabs .nav-item label::before {
        display: none;
    }
}

.nav-tabs.skew-tabs .nav-item label::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: radial-gradient(178.06% 198.46% at 50% -39.23%, #8D21FF 0%, #120A1C 100%);
    opacity: 0.4;
    border-radius: 6px;
    z-index: -1;
    transform: skew(15deg);
    display: none;
}

@media (max-width: 991.98px) {
    .nav-tabs.skew-tabs .nav-item label::after {
        display: none;
        transform: none;
    }
}

.nav-tabs.skew-tabs .nav-item:last-child label::before {
    display: none;
}

.nav-tabs.skew-tabs .nav-item input:checked+label::after,
.nav-tabs.skew-tabs .nav-item a.active+label::after {
    display: block;
}

.nav-tabs.skew-tabs .nav-item input:checked+label::after {
    display: block;
}

.nav-tabs.skew-tabs .nav-item input:checked+label,
.nav-tabs.skew-tabs .nav-item a.active+label {
    color: #FFFFFF;
    font-weight: 700;
    opacity: 1;
}

.nav-tabs.skew-tabs .nav-item input:checked+label:before,
.nav-tabs.skew-tabs .nav-item a.active+label::before {
    display: none;
}

@media (max-width: 991.98px) {
    .nav-tabs.skew-tabs .nav-item {
        display: flex;
        order: 1;
    }
    .nav-tabs.skew-tabs .nav-item label {
        border-radius: 12px;
        opacity: 0.7;
        border: none;
        display: none;
        position: relative;
        padding-right: 21px !important;
        color: #FFFFFF;
    }
    .nav-tabs.skew-tabs .nav-item input:checked+label,
    .nav-tabs.skew-tabs .nav-item a.active+label {
        display: block;
        order: 0;
        opacity: 1;
        background: #29213D;
    }
    .nav-tabs.skew-tabs .nav-item input:checked+label::before,
    .nav-tabs.skew-tabs .nav-item a.active+label::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 25px;
        transform: translateY(-50%);
        background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
        width: 20px;
        height: 10px;
        right: auto;
        transition: 0.5s;
        display: block;
        opacity: 1 !important;
    }
    .nav-tabs.skew-tabs .nav-item.active-btn {
        display: flex;
        order: 0;
    }
}

@media (max-width: 991.98px) {
    .nav-tabs.skew-tabs.expanding-tabs .nav-item label {
        display: block;
    }
    .nav-tabs.skew-tabs.expanding-tabs .nav-item input:checked+label::before {
        transform: translateY(-50%) rotate(-180deg);
    }
}

ul.square-tabs {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 0;
    background: rgba(60, 52, 80, 0.3);
    border: 1px solid #3C3450;
    border-radius: 10px;
}

ul.square-tabs {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 0;
    background: #080808;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 10px;
}

ul.square-tabs li a.filter-active,
ul.square-tabs li a.active {
    opacity: 1;
    background: #07271d;
    border-radius: 8px;
}

ul.square-tabs li a.filter-active {
    background-image: url(../../img/esports-tournaments-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.5s;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99;
    cursor: pointer;
}

.scroll-stop {
    overflow: hidden;
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }
    80% {
        transform: scaleY(1.1);
    }
    100% {
        transform: scaleY(1);
    }
}

select.form-select {
    background: transparent;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    position: relative;
    border: none;
    cursor: pointer;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    background-repeat: no-repeat;
    background-position-x: 5%;
    background-position-y: center;
}

select.form-select option {
    color: #110E19;
}

select.form-select:focus {
    background: transparent;
    color: #FFFFFF;
    text-align: right;
    border: none;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    background-repeat: no-repeat;
    background-position-x: 5%;
    background-position-y: center;
}

select.form-select:visited {
    box-shadow: none;
}

.follow_us ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 12px;
}

.follow_us ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 0;
    width: 22px;
    height: 22px;
}

.follow_us ul li a::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 20px;
    top: 0;
    right: 0;
    background-size: contain !important;
    background-position: center !important;
}

.follow_us ul li.twitter_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/twitter.png) no-repeat;
}

.follow_us ul li.insta_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/insta.png) no-repeat;
}

.follow_us ul li.fb_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/fb.png) no-repeat;
}

.follow_us ul li.tiktok_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/tiktok.png) no-repeat;
}

.follow_us ul li.youtube_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/youtube.png) no-repeat;
}

.follow_us ul li.twitch_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/twitch.png) no-repeat;
}

.follow_us ul li.whatsapp_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/whatsapp.png) no-repeat;
}

.follow_us ul li.email_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/email-contact.png) no-repeat;
    background-size: cover;
}

.follow_us ul li.linkedin_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/linkedin.png) no-repeat;
    background-size: cover;
}

.social-icon {
    position: relative;
    display: block;
    text-decoration: none;
    font-size: 0;
    width: 22px;
    height: 22px;
    opacity: 0.5;
}

.social-icon::before {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center !important;
}

.social-icon.twitter_icon::before {
    background: url(/themes/custom/gamers/images/twitter.png) no-repeat;
}

.social-icon.insta_icon::before {
    background: url(/themes/custom/gamers/images/insta.png) no-repeat;
}

.social-icon.fb_icon::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/fb.png) no-repeat;
}

.social-icon.tiktok_icon::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/tiktok.png) no-repeat;
}

.social-icon.youtube_icon::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/youtube.png) no-repeat;
}

.social-icon.twitch_icon::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/twitch.png) no-repeat;
}

.social-icon.whatsapp_icon::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/whatsapp.png) no-repeat;
}

.social-icon.email_icon a::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/email-contact.png) no-repeat;
    background-size: cover;
}

.social-icon.linkedin_icon::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/linkedin.png) no-repeat;
    background-size: cover;
}

.slick-dots {
    padding: 0;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    gap: 0;
}

.slick-dots button {
    width: 100%;
    font-size: 0;
    border-radius: 10px;
    border: 0;
}

.slick-dots li {
    list-style: none;
    width: 25px;
    height: 4px;
}

.slick-dots li.slick-active button {
    background-color: #b200e5;
}

.slick-dots li:not(.slick-active) button {
    background: #D9D9D9 !important;
    opacity: 0.3;
}

@media (min-width: 576px) and (max-width:991.98px) {
    .container {
        max-width: calc(100% - 40px);
    }
}

@media (min-width: 1200px) {
    .navbar .primary-menus ul.menu>li>a {
        padding: 24px 20px;
    }
    .navbar .secondary-menus .buy-ticket-cta {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .navbar .primary-menus ul.menu>li>a {
        padding: 24px 10px;
    }
}

@media (max-width: 1199px) {
    .header__notification {
        display: block;
    }
    .navbar .secondary-menus .buy-ticket-cta {
        margin-left: 10px;
    }
}

@media (min-width: 992px) {
    .header-top {
        position: relative;
    }
    .header-top #menu-toggle {
        display: none;
    }
    .header-top .menu-button-container {
        display: flex;
        height: 100%;
        cursor: pointer;
        flex-direction: column;
        justify-content: center;
    }
    .header-top .menu-button,
    .header-top .menu-button::after,
    .header-top .menu-button::before {
        display: block;
        background-color: #FFFFFF;
        position: absolute;
        height: 1.5px;
        width: 11px;
        transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
        border-radius: 2px;
    }
    .header-top .menu-button::before {
        content: "";
        margin-top: -3.7px;
    }
    .header-top .menu-button::after {
        content: "";
        margin-top: 3.7px;
    }
    .header-top .menu-button+span {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 382;
        line-height: 15.6px;
        padding-right: 25px;
    }
    .main-navigation {
        position: relative;
    }
    .main-navigation .header-toggle {
        width: 255px;
        height: 100vh;
        background-color: #161b26;
        position: fixed;
        right: 0;
        top: 0;
        padding: 28px;
        z-index: 100;
        opacity: 0;
        transform: translateX(100%);
        transition: transform 350ms ease-in-out;
    }
    .main-navigation .header-toggle.active {
        opacity: 1;
        transform: translateX(0);
    }
    .main-navigation .header-toggle .close-btn {
        position: absolute;
        left: -44px;
        padding: 4px 10px;
        cursor: pointer;
    }
    .main-navigation .header-toggle .close-btn:before {
        content: url('https://gamers8.gg/themes/custom/gamers/images/menu-close.png');
    }
    .header-main {
        background-color: #161b26;
        -webkit-backdrop-filter: blur(27px);
        backdrop-filter: blur(27px);
        z-index: 99;
    }
    .sticky {
        position: fixed;
        top: 0;
        width: 100%
    }
    .sticky+.content {
        padding-top: 102px;
    }
    .header-main.nav-up {
        transition: transform 0.5s ease-out;
        transform: translateY(-135px);
    }
    .header-main.nav-down {
        transition: transform 0.5s ease-out;
        transform: translateY(0);
    }
    /* .header-main a {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 382;
        line-height: 15.6px;
        letter-spacing: -0.015em;
        text-decoration: none;
    } */
    .header-main a.active {
        color: #FFFFFF !important;
    }
    .header-main>.container {
        position: relative;
    }
    .header-main>.container::before {
        content: "";
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        transform: rotate(15deg);
        position: absolute;
        right: -7px;
        width: 1px;
        height: 100%;
    }
    .header-main>.container::after {
        content: "";
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        transform: rotate(-15deg);
        position: absolute;
        left: -7px;
        width: 1px;
        height: 100%;
        top: 0;
    }
    .header-top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
    }
    .header-top .menu--top-menu,
    .header-top .navbar-nav,
    .header-top .language-switcher-language-url ul,
    .header-top .region-header {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .header-top .language-switcher-language-url {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/Frame.svg);
        background-repeat: no-repeat;
        background-position: right center;
    }
    .header-top .language-switcher-language-url ul {
        margin-bottom: 0;
        padding-right: 25px;
    }
    .header-top .language-switcher-language-url ul li::marker {
        content: none;
    }
    .header-top .language-switcher-language-url ul li a {
        opacity: 0.6;
    }
    .header-top .language-switcher-language-url ul li.is-active a {
        opacity: 1;
    }
    .header-top #block-topmenu {
        margin-left: 20px;
    }
    .navbar {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0 !important;
    }
    .navbar .secondary-menus .region-nav-additional {
        display: flex;
    }
    .navbar .secondary-menus .buy-ticket-cta {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }
    .navbar .secondary-menus .know-more-cta {
        padding: 8px 13px !important;
    }
    .navbar .secondary-menus .search_icon {
        font-size: 0;
        margin-left: 20px;
        cursor: pointer;
        display: flex;
    }
    .navbar .secondary-menus .search_icon:before {
        content: url(https://gamers8.gg/themes/custom/gamers/images/search-icon-sharp.png);
        left: 5px;
        margin-top: 10px;
        position: relative;
    }
    .navbar .navbar-brand .site-title {
        display: none;
    }
    .navbar .navbar-brand img {
        max-height: 60px;
        height: 100%;
    }
    .navbar .primary-menus ul.menu {
        position: static;
    }
    .navbar .primary-menus ul.menu .menu-item::marker {
        content: none;
    }
    .navbar .primary-menus ul.menu>li.menu-item {
        padding: 0;
    }
    .navbar .primary-menus ul.menu>li>a {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 16.8px;
        letter-spacing: -0.015em;
        position: relative;
        display: block;
    }
    .navbar .primary-menus ul.menu>li>a::after {
        position: absolute;
        top: calc(100% - 1.5px);
        right: 0;
        width: 100%;
        height: 1.5px;
        margin-right: 0;
        content: "";
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        transform: scale(0.1, 1);
        transform-origin: 100% 0;
        opacity: 0;
        border-radius: 4px;
        background-color: #00f5a3;
    }
    .navbar .primary-menus ul.menu>li>a:hover,
    .navbar .primary-menus ul.menu>li>a.is-active {
        color: #FFFFFF;
    }
    .navbar .primary-menus ul.menu>li>a:hover::after,
    .navbar .primary-menus ul.menu>li>a.is-active::after {
        transform: scale(1, 1);
        opacity: 1;
    }
    .navbar .primary-menus ul.menu>li>a.external {
        background: url(https://gamers8.gg/themes/custom/gamers/images/external-arrow.png) no-repeat;
        background-position: center left;
    }
    .navbar .primary-menus .tab-content .field--name-field-menu-links {
        display: flex;
        flex-wrap: wrap;
    }
    .navbar .primary-menus .tab-content .field--name-field-menu-links>.field__item {
        text-align: center;
    }
}

@media (min-width: 992px) and (min-width:992px) {
    .navbar .primary-menus .tab-content .field--name-field-menu-links>.field__item {
        flex: 0 0 33.33%;
    }
}

@media (min-width: 992px) {
    .mega-menu-background {
        background-color: #161b26 !important;
        border: 1px solid rgba(255, 255, 255, 0.1);
        width: 100% !important;
        right: 0 !important;
    }
}

@media (min-width: 992px) {
    .menu--simple-mega-menu>.menu-item--expanded>.mega-menu-wrapper .mega-menu-item {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .mega-menu-wrapper {
        animation: growDown 300ms ease-in-out forwards;
        transform-origin: top center;
        opacity: 0;
        padding: 40px 20px 40px 40px !important;
    }
    .mega-menu-wrapper .nav {
        display: flex;
        flex-direction: column;
        flex: 0 0 25%;
        margin-left: 5%;
        border: 0 none;
    }
    .mega-menu-wrapper .nav .nav-item a {
        color: #FFFFFF;
        padding: 26px 20px !important;
    }
    .mega-menu-wrapper .menus-with-tabs {
        min-height: 346px;
    }
    .mega-menu-wrapper .menus-with-tabs .nav .nav-item .nav-link {
        position: relative;
        overflow: hidden;
        border: 0 none !important;
        transition: transform 350ms ease-in-out;
    }
    .mega-menu-wrapper .menus-with-tabs .nav .nav-item .nav-link:focus {
        border: none !important;
    }
    .mega-menu-wrapper .menus-with-tabs .nav .nav-item .nav-link.active {
        background: radial-gradient(168.52% 295.05% at 1.55% -15.83%, rgba(121, 55, 164, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
        -webkit-backdrop-filter: blur(11.5714px);
        backdrop-filter: blur(11.5714px);
        -webkit-clip-path: polygon(80% -69%, 100% 52%, 92% 100%, 0% 100%, 0 51%, 0% 0%);
        clip-path: polygon(80% -69%, 100% 52%, 92% 100%, 0% 100%, 0 51%, 0% 0%);
    }
    .mega-menu-wrapper .menus-with-tabs .nav .nav-item .nav-link:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background-color: #503989;
        transform: translateX(100%);
        width: 100%;
        height: 100%;
        transition: transform 350ms ease-in-out;
        z-index: -1;
    }
    .mega-menu-wrapper .menus-with-tabs .nav .nav-item .nav-link:hover {
        transition: transform 350ms ease-in-out;
    }
    .mega-menu-wrapper .menus-with-tabs .nav .nav-item .nav-link:hover:before {
        transform: translateX(0);
    }
    .mega-menu-wrapper .paragraph--type--image-box {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        width: 100%;
        overflow: hidden;
    }
    .mega-menu-wrapper .paragraph--type--image-box img {
        transition: all 0.35s;
    }
    .mega-menu-wrapper .paragraph--type--image-box .field--name-field-pt-title {
        position: absolute;
        color: #FFFFFF;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        font-weight: 600;
        text-shadow: 0px 0px 10px #110E19;
        bottom: 20px;
        right: 0;
        left: 0;
    }
    .mega-menu-wrapper .paragraph--type--image-box .field--name-field-pt-link {
        position: absolute;
    }
    .mega-menu-wrapper .paragraph--type--image-box:hover img {
        transform: scale(1.3) rotate(-5deg);
    }
    .mega-menu-wrapper .paragraph--type--menu-items .field--name-field-menu-links>.field__item {
        padding-bottom: 22px;
        padding-left: 20px;
    }
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none;
    }
}

@media (min-width: 992px) {
    main[role=main] {
        padding-top: 90px;
    }
}

@media (max-width: 991.98px) {

    .header-main {
        z-index: 99;
        position: fixed;
        width: 100%;
        top: 0;
    }
    .header-main.nav-up {
        transition: transform 0.5s ease-out;
        transform: translateY(-76px);
    }
    .header-main.nav-down {
        transition: transform 0.5s ease-out;
        transform: translateY(0);
    }
    .main-navigation {
        position: relative;
        z-index: 99;
    }
    .mobile-menu {
        background-color: #161b26;
        -webkit-backdrop-filter: blur(27px);
        backdrop-filter: blur(27px);
    }
    .desktop-menu,
    .header-toggle {
        display: none;
    }
    .mobile-toggle-menu {
        width: 100%;
        height: 100vh;
        background-color: #161b26;
        position: fixed;
        right: 0;
        top: 70px;
        padding: 20px;
        z-index: 99;
        opacity: 0;
        transform: translateX(100%);
        transition: transform 350ms ease-in-out;
        overflow-y: auto;
        padding-bottom: 100px;
    }
    .mobile-toggle-menu.active {
        opacity: 1;
        transform: translateX(0);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .mobile-toggle-menu hr {
        border-color: #FFFFFF;
    }
    .region-mobile-side-nav {
        display: flex;
        width: 100%;
        padding: 20px;
        justify-content: space-between;
        align-items: center;
        padding: 20px 10px 20px 20px;
    }
    /* .region-mobile-side-nav .mobile-logo {
        flex: unset;
        margin: 0 25px;
        margin-right: auto;
    } */
    #mobile-menu-toggle {
        display: none;
    }
    .menu-button-container {
        display: flex;
        height: 100%;
        cursor: pointer;
        flex-direction: column;
        justify-content: center;
        padding-right: 10px;
        width: 25px;
        min-height: 30px;
    }
    .menu-button,
    .menu-button::after,
    .menu-button::before {
        display: block;
        background-color: #FFFFFF;
        position: absolute;
        height: 1.5px;
        width: 16px;
        transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
        border-radius: 2px;
    }
    .menu-button::before {
        content: "";
        margin-top: -6px;
    }
    .menu-button::after {
        content: "";
        margin-top: 6px;
    }
    .menu-button+span {
        color: #FFFFFF;
        padding-right: 42px;
    }
    .menu-button-container {
        margin-left: 20px;
    }
    .menu-button-container.toggle .menu-button {
        background: rgba(255, 255, 255, 0);
    }
    .menu-button-container.toggle .menu-button::after {
        content: none;
    }
    .menu-button-container.toggle .menu-button::before {
        background: none;
        content: url('https://gamers8.gg/themes/custom/gamers/images/menu-close.png');
    }
    .navbar-nav .nav-link {
        color: #FFFFFF;
    }
    .mobile-language-selector {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-100%);
        transition: transform 350ms ease-in-out;
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 25px;
    }
    .mobile-language-selector.active {
        visibility: visible;
        transform: translateY(0);
        opacity: 1;
    }
    .mobile-language-selector ul {
        display: flex;
        list-style: none;
        justify-content: space-between;
        padding: 0;
        margin: 0;
    }
    .mobile-language-selector ul .language-link {
        color: #FFFFFF;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        opacity: 0.6;
    }
    .mobile-language-selector ul li.is-active .language-link {
        opacity: 1;
    }
    #overlay {
        display: none !important;
    }
    .region-mobile-header-main {
        display: none;
    }
    #block-buyticketsection {
        padding-top: 40px;
        padding-bottom: 120px;
    }
    .mobile-account .my-account {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/user.svg);
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        font-size: 0;
    }
    .mobile-account ul {
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        list-style-type: none;
    }
    .mobile-search {
        margin-left: 12px;
    }
    .mobile-account {
        margin-right: 12px;
    }
    .mobile-search .search_icon {
        color: #FFFFFF;
    }
    .mobile-search .search_icon:before {
        content: url(https://gamers8.gg/themes/custom/gamers/images/search-icon-sharp.png);
        display: none;
    }
    .mobile-search .search_icon i {
        font-size: 0;
    }
    .mobile-search .search-block-form {
        position: absolute;
        width: 100%;
        right: 0;
        top: 75px;
        margin: 0 auto;
        text-align: center;
        display: none;
    }
    .mobile-search .search-block-form .form-actions {
        display: none;
    }
    .mobile-search .form-type-search {
        width: 100%;
        padding: 10px 20px;
    }
    .navbar-brand img {
        margin: 0;
    }
    main[role=main] {
        padding-top: 76px;
    }
    .mobile-toggle-menu .navbar-nav .nav-item .esports::before {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/esports.svg);
    }
    .mobile-toggle-menu .navbar-nav .nav-item .music::before {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/music.svg);
    }
    .mobile-toggle-menu .navbar-nav .nav-item .festival::before {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/festival.svg);
    }
    .mobile-toggle-menu .navbar-nav .nav-item .game-dev-zone::before {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/game-dev-zone.svg);
    }
    .mobile-toggle-menu .navbar-nav .nav-item .calendar::before {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/calendar.svg);
    }
    .mobile-toggle-menu .navbar-nav .nav-item .support::before {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/support.svg);
    }
    .mobile-toggle-menu .navbar-nav .nav-item .discover-location::before {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/location.svg);
    }
    .mobile-toggle-menu .navbar-nav .nav-item .submenu-accordion::before {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/gamers8.svg);
    }
    .mobile-toggle-menu .navbar-nav .nav-item .submenu-accordion::after {
        transform: rotate(-45deg);
        border: solid #FFFFFF;
        border-width: 0 0 3px 3px;
        display: inline-block;
        padding: 3px;
        transition: all 0.5s;
    }
    .mobile-toggle-menu .navbar-nav .nav-item .submenu-accordion.active::after {
        transform: rotate(-225deg);
    }
    .submenu-accordion+ul {
        display: none;
    }
    .mobile-app-promo-section {
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 7px;
        display: flex;
        padding: 10px;
        align-items: center;
        margin-top: 30px;
    }
    .mobile-app-promo-section .app-promo-text-download {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 16px;
        margin-left: 10px;
    }
}

@media (max-width: 535px) and (orientation:portrait) {
    .region-mobile-side-nav .mobile-logo {
        flex: unset;
        margin: 0 15px;
    }
}

.app-promo {
    position: absolute;
    bottom: 40px;
}

.app-promo .app-promo-text-download {
    color: #FFFFFF;
    padding-bottom: 20px;
}

.app-promo .app-promo-subsection {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 992px) {
    .header-toggle .navbar-nav .nav-item,
    .mobile-toggle-menu .navbar-nav .nav-item {
        margin: 16px 0;
    }
}

.header-toggle .navbar-nav .nav-item a,
.mobile-toggle-menu .navbar-nav .nav-item a {
    padding-right: 30px;
    position: relative;
}

.header-toggle .navbar-nav .nav-item a.active,
.mobile-toggle-menu .navbar-nav .nav-item a.active {
    color: #FFFFFF;
}

.header-toggle .navbar-nav .nav-item a::before,
.mobile-toggle-menu .navbar-nav .nav-item a::before {
    content: "";
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 11px;
    background-size: contain;
}

.header-toggle .navbar-nav .nav-item a.about-us::before,
.mobile-toggle-menu .navbar-nav .nav-item a.about-us::before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/about-us.svg);
}

.header-toggle .navbar-nav .nav-item a.experiences::before,
.mobile-toggle-menu .navbar-nav .nav-item a.experiences::before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/stars.svg);
}

.header-toggle .navbar-nav .nav-item a.media-centre::before,
.mobile-toggle-menu .navbar-nav .nav-item a.media-centre::before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/media.svg);
}

.header-toggle .navbar-nav .nav-item a.mobile-app::before,
.mobile-toggle-menu .navbar-nav .nav-item a.mobile-app::before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/media.svg);
}

.header-toggle .navbar-nav .nav-item a.seasons::before,
.mobile-toggle-menu .navbar-nav .nav-item a.seasons::before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/seasons.svg);
}

.header-toggle .navbar-nav .nav-item a.services-info::before,
.mobile-toggle-menu .navbar-nav .nav-item a.services-info::before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/services.svg);
}

.header-toggle .navbar-nav .nav-item a.sponsors::before,
.mobile-toggle-menu .navbar-nav .nav-item a.sponsors::before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/users.svg);
}

.header-toggle .navbar-nav .nav-item a.venues::before,
.mobile-toggle-menu .navbar-nav .nav-item a.venues::before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/seasons.svg);
}

.header-main #block-useraccountinfo,
.header-main #block-useraccountinfo-mobile {
    display: flex;
    align-items: center;
}

.header-main #block-useraccountinfo .user_info_dropdown,
.header-main #block-useraccountinfo-mobile .user_info_dropdown {
    position: relative;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label span::first-letter,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label span::first-letter {
    text-transform: uppercase;
}

.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label {
    margin-bottom: 0;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl:checked+label+ul,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl:checked+label+ul {
    transform: scale(1);
    opacity: 1;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label+ul,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul {
    transform: scale(0);
    opacity: 0;
    transform-origin: top;
    position: absolute;
    left: -50px;
    width: 182px;
    padding: 15px 18px;
    list-style: none;
    bottom: -165px;
    margin: 0;
    transition: all 0.5s;
    background: #041b15;
    border: 1px solid #041b15;
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px);
    border-radius: 12px;
    top: 150%;
    height: -moz-max-content;
    height: max-content;
    z-index: 99;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label+ul:before,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul:before {
    content: "";
    background-image: url(/img/drop-arrow.png);
    width: 20px;
    height: 12px;
    position: absolute;
    top: -10px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 50%;
    transform: translate(50%);
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label+ul li,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label+ul li a,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul li a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label+ul li a:hover,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul li a:hover {
    color: #00f5a3;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label+ul li:first-child,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul li:first-child {
    padding-top: 0;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label+ul li:last-child,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul li:last-child {
    margin: 0;
    border: 0;
    padding-bottom: 0;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label {
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 15px;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label:after,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label:after {
    content: "";
    position: absolute;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png);
    width: 12px;
    height: 8px;
    left: 0;
    top: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}

.header-main #block-useraccountinfo .user_info_dropdown #btnControl+label span,
.header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label span {
    max-width: 70px;
    overflow: hidden;
    max-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    margin-right: 7px;
}

.header__notification {
    margin-left: 15px;
}

body .sd_login-btn {
    margin-left: 15px !important;
}

.user-mobile-account {
    margin-left: 15px;
}

@media (max-width: 767.98px) {
    .header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul {
        left: -15px;
        bottom: auto;
    }
    .header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul:before {
        right: 89%;
    }
}

.openid-connect-login-form {
    text-align: center;
}

.openid-connect-login-form .form-submit {
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    [dir=rtl] body .region-mobile-side-nav .mobile-logo {
        flex: unset;
        margin-left: 50px;
        margin-right: auto;
    }
    [dir=rtl] body .region-mobile-side-nav .mobile-search {
        margin-left: auto;
        margin-right: 25px;
    }
    [dir=rtl] body .mobile-app-promo-section .app-promo-text-download {
        margin: 0;
        margin-right: 10px;
    }
}

@media (max-width: 575.98px) {
    [dir=rtl] body .region-mobile-side-nav .mobile-logo {
        flex: unset;
        margin-left: 25px;
        margin-right: auto;
    }
    [dir=rtl] body .region-mobile-side-nav .mobile-search {
        margin-left: auto;
        margin-right: 25px;
    }
}

@media (max-width: 767.98px) {
    .footer-wrapper {
        padding-bottom: 20px;
    }
}

.footer-wrapper .footer-col {
    padding-bottom: 40px;
}

.footer-wrapper .footer-mobile-info {
    display: none;
}

@media (max-width: 767.98px) {
    .footer-wrapper .footer-mobile-info {
        display: block;
        padding-top: 40px;
    }
    .footer-wrapper .footer-mobile-info .contact_info {
        display: flex;
        gap: 23px;
        margin-bottom: 25px;
        flex-direction: column;
    }
    .footer-wrapper .footer-mobile-info .contact_info span {
        position: relative;
        padding-right: 31px;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #FFFFFF;
    }
    .footer-wrapper .footer-mobile-info .contact_info span::before {
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        top: 35%;
        right: 0;
        transform: translateY(-50%);
    }
    .footer-wrapper .footer-mobile-info .contact_info span.phone::before {
        background: url(https://gamers8.gg/themes/custom/gamers/images/telephone.png) no-repeat;
        background-size: cover;
    }
    .footer-wrapper .footer-mobile-info .contact_info span.whatsapp::before {
        background: url(https://gamers8.gg/themes/custom/gamers/images/whatsapp.png) no-repeat;
        background-size: cover;
    }
}

@media (max-width: 767.98px) {
    .footer-wrapper .footer-info .site-logo img {
        display: block !important;
    }
}

@media (max-width: 991.98px) {
    .footer-wrapper .footer-info {
        padding-bottom: 30px;
    }
}

.footer-wrapper .footer-info .site-logo {
    margin-bottom: 15px;
}

.footer-wrapper .footer-info .site-logo img {
    max-width: 278px;
}

.footer-wrapper .footer-info .field--type-text-with-summary .sec_content {
    margin-bottom: 25px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

@media (min-width: 992px) {
    .footer-wrapper .footer-info .field--type-text-with-summary .sec_content {
        max-width: 351px;
    }
}

.footer-wrapper .footer-info .field--type-text-with-summary .contact_info {
    display: flex;
    gap: 40px;
    margin-bottom: 25px;
}

.footer-wrapper .footer-info .field--type-text-with-summary .contact_info span {
    position: relative;
    padding-right: 31px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
}

.footer-wrapper .footer-info .field--type-text-with-summary .contact_info span::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 35%;
    right: 0;
    transform: translateY(-50%);
}

.footer-wrapper .footer-info .field--type-text-with-summary .contact_info span.phone::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/telephone.png) no-repeat;
    background-size: cover;
}

.footer-wrapper .footer-info .field--type-text-with-summary .contact_info span.whatsapp::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/whatsapp.png) no-repeat;
    background-size: cover;
}

.footer-wrapper .block-menu h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 31px;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .footer-wrapper .block-menu h5 {
        margin-bottom: 20px;
    }
}

.footer-wrapper .block-menu ul.navbar-nav {
    gap: 15px;
}

.footer-wrapper .block-menu ul.navbar-nav .nav-link {
    padding: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    display: inline;
    padding-left: 15px;
}

.footer-wrapper .block-menu ul.navbar-nav .nav-link::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    background-size: cover;
}

.footer-wrapper .block-menu ul.navbar-nav .nav-link.external::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/external-arrow.png) no-repeat;
}

.footer-wrapper .footer-social-info {
    padding-right: 55px;
}

.footer-wrapper .footer-social-info .footer_small_logo {
    display: none;
}

@media (max-width: 767.98px) {
    .footer-wrapper .footer-social-info .footer_small_logo {
        display: block;
        margin-top: 25px;
    }
    .footer-wrapper .footer-social-info .footer_small_logo img {
        width: 100%;
        height: auto;
        min-width: 200px;
    }
}

@media (max-width: 991.98px) {
    .footer-wrapper .footer-social-info {
        padding-right: 12px;
    }
}

@media (max-width: 767.98px) {
    .footer-wrapper .footer-social-info {
        padding-top: 40px;
    }
}

.footer-wrapper .footer-social-info .region {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 85%;
}

@media (max-width: 767.98px) {
    .footer-wrapper .footer-social-info .region {
        height: 100%;
    }
}

.footer-wrapper .footer-social-info .region .block h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    .footer-wrapper .footer-social-info .region .block h2 {
        margin-top: 40px;
    }
}

.footer-wrapper .footer-social-info .region .block#block-footersocialinfo {
    margin-top: auto;
}

@media (max-width: 767.98px) {
    .footer-wrapper .footer-copyrights-info {
        padding: 20px 0 0;
    }
}

.footer-wrapper .footer-copyrights-info a {
    color: #FFFFFF;
    text-decoration: none;
}

.footer-wrapper .footer-copyrights-info .region-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

@media (max-width: 767.98px) {
    .footer-wrapper .footer-copyrights-info .region-footer {
        flex-direction: column-reverse;
        gap: 30px;
    }
}

.footer-wrapper .footer-copyrights-info .region-footer .menu--footer .navbar-nav {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.footer-wrapper .footer-copyrights-info .region-footer .menu--footer .navbar-nav .nav-link {
    padding: 0;
}

.scroll2Top {
    position: fixed;
    left: 50px;
    bottom: 50px;
    z-index: 999;
    transition: all 1.5s;
}

@media (max-width: 991.98px) {
    .scroll2Top {
        bottom: 50px;
    }
}

@media (max-width: 767.98px) {
    .scroll2Top {
        left: 30px;
    }
}

@media (min-width: 1200px) {
    .scroll2Top.reached_bottom {
        transform: translateY(-565px);
    }
}

.scroll_arrow {
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/scrollTop.png);
    background-color: #2F1250;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    border-radius: 50%;
    z-index: 999;
    border: 0;
}

.wave-1 {
    animation-delay: 0s;
}

.waves {
    position: absolute;
    width: 45px;
    height: 45px;
    border: 35px solid #07271d;
    opacity: 0;
    border-radius: 100%;
    right: -12.5px;
    top: -12px;
    z-index: -1;
    animation: waves 3s ease-in-out infinite;
}

.scroll2Top:before {
    content: "Scroll to top";
    position: absolute;
    bottom: -35px;
    min-width: 100px;
    right: -18px;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.01em;
}

@keyframes waves {
    0% {
        transform: scale(0.5, 0.5);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: scale(0.8, 0.8);
        opacity: 0;
    }
}

#widebot-chat-container {
    bottom: 100px !important;
}

@media (max-width: 991.98px) {
    [dir=rtl] body .footer-wrapper .footer-copyrights-info .region-footer .menu--footer .navbar-nav .nav-link {
        padding: 0;
        font-size: 12px;
        line-height: 17px;
    }
}

ol.breadcrumb {
    margin-bottom: 2.188rem;
}

@media (max-width: 767.98px) {
    ol.breadcrumb {
        display: none;
    }
}

@media (max-width: 991.98px) {
    ol.breadcrumb {
        padding-top: 30px;
    }
}

@media (min-width: 992px) {
    ol.breadcrumb {
        padding-top: 90px;
    }
}

ol.breadcrumb li {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 1;
}

ol.breadcrumb li:first-child a {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/Home.png);
    background-repeat: no-repeat;
    background-position: 100% 6px;
    padding-right: 28px;
    background-position: right center;
}

ol.breadcrumb li a {
    color: #FFFFFF;
    opacity: 0.5;
    padding-top: 10px;
    padding-bottom: 10px;
}

ol.breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-right: 30px;
}

ol.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 1px;
    height: 30px;
    background: linear-gradient(-3deg, transparent, #fff, transparent);
    display: inline-block;
    padding: 0;
    margin-top: -5px;
    margin-right: -16px;
    margin-left: 8px;
    transform: skewX(20deg);
}

[dir=rtl] body ol.breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 30px;
    position: relative;
}

[dir=rtl] body ol.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 1px;
    height: 30px;
    background: linear-gradient(-3deg, transparent, #fff, transparent);
    display: inline-block;
    padding: 0;
    margin-top: -5px;
    position: absolute;
    margin-left: -16px;
    transform: skewX(-20deg);
}

.path-frontpage .region.region-breadcrumb,
.path-frontpage #block-gamers-page-title {
    display: none;
}

.paragraph--type--slideshow {
    position: relative;
    margin-bottom: 100px;
    padding-top: 10px;
    max-width: 1260px;
    margin: 70px auto;
    width: 100%;
}

@media (max-width: 991.98px) {
    .paragraph--type--slideshow {
        margin: 30px auto;
    }
}

.paragraph--type--slideshow .slick-slider {
    max-width: 1260px;
    margin: 70px auto;
    width: 100%;
}

@media (max-width: 991.98px) {
    .paragraph--type--slideshow .slick-slider {
        margin: 30px auto;
    }
}

.paragraph--type--slideshow .slick-slider iframe {
    height: 100%;
    width: 100%;
    aspect-ratio: 16/9;
}

.paragraph--type--slideshow .slick-slider img {
    width: 100%;
}

@media (min-width: 992px) {
    .paragraph--type--slideshow .slick-slider img {
        height: 540px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.paragraph--type--slideshow .paragraph--type--cta-component {
    position: absolute;
    right: 50%;
    bottom: 12px;
    z-index: 10;
    transform: translate(50%, -50%);
    padding: 0 1em;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/hero-button-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0% 0%;
    overflow: hidden;
    max-height: 49px;
    transition: all 3s;
}

.paragraph--type--slideshow .paragraph--type--cta-component a {
    text-decoration: none;
    padding: 1em 2em;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    transform: translateX(-100%);
    opacity: 0.5;
    transition: all 0.9s ease-in;
}

.paragraph--type--slideshow .paragraph--type--cta-component .icons {
    position: absolute;
    left: 25px;
    top: 15px;
    color: #FFFFFF;
}

.paragraph--type--slideshow .paragraph--type--cta-component .icons.right-arrow:before {
    content: url(https://gamers8.gg/themes/custom/gamers/images/right-arrow-single.png);
}

.paragraph--type--slideshow .slick-active .paragraph--type--cta-component {
    background-size: 100% 100%;
    background-position: center;
    animation: mymove 1s 0s;
    background-repeat: no-repeat;
    animation-timing-function: ease-out;
}

@keyframes mymove {
    50% {
        background-size: 0% 50%;
    }
    100% {
        background-size: 100% 100%;
    }
}

.paragraph--type--slideshow .slick-active .paragraph--type--cta-component a {
    transform: translateX(0);
    opacity: 1;
}

.paragraph--type--slideshow ul.slick-dots {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 50%;
    transform: translate(50%, -50%);
    bottom: 0px;
    padding: 0;
    margin: 0;
}

.paragraph--type--slideshow ul.slick-dots li {
    margin: 0 5px;
    list-style: none;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
}

.paragraph--type--slideshow ul.slick-dots li button {
    font-size: 0;
    border: 0;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: #00f5a3;
}

.paragraph--type--slideshow ul.slick-dots li.slick-secondary {
    opacity: 1;
}

.paragraph--type--slideshow ul.slick-dots.slick-count-4 li:nth-child(3) {
    margin-right: 62px;
}

.paragraph--type--slideshow ul.slick-dots.slick-count-3 {
    min-width: 160px;
    justify-content: flex-start;
}

.paragraph--type--slideshow ul.slick-dots.slick-count-3 li:nth-child(3) {
    margin-right: 77px;
}

.paragraph--type--slideshow ul.slick-dots.slick-count-2 li {
    margin: 0 40px;
}

.paragraph--type--slideshow .pagingInfo {
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: 1;
    background: #00f5a3;
    width: 42px;
    height: 22px;
    border-radius: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #110E19;
    bottom: -9px;
    overflow: hidden;
}

.paragraph--type--slideshow .pagingInfo:after {
    background: #00f5a3;
    content: "";
    width: 100%;
    position: absolute;
    height: 20px;
    right: 0;
    border-radius: 20px;
    z-index: -1;
    top: 0;
}

.paragraph--type--slideshow .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 35px;
    font-size: 0;
    color: transparent;
    z-index: 1;
}

.paragraph--type--slideshow .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    right: 0;
}

.paragraph--type--slideshow .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 0;
}

.paragraph--type--slideshow .field--name-field-pt-title-description {
    position: relative;
    animation: 5s ease 0s normal forwards 1 fadeout;
    transition: all 1.5s;
    text-align: center;
    height: 245px;
}

.paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-heading {
    font-size: 50px;
    color: #00f5a3;
    font-weight: 600;
    line-height: 60px;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 0px 2px 1px #18001a, -1px 3px 1px #00f5a3;
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-heading {
        line-height: normal;
        font-size: 40px;
    }
}

.paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-title {
    font-size: 38px;
    color: #EBEBEB;
    font-weight: 300;
    line-height: 45.6px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-shadow: 0px 2px 1px #00f5a3;
    max-height: 75px;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-title {
        line-height: normal;
        font-size: 28px;
        padding-bottom: 15px;
    }
}

.paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-small-description {
    font-size: 18px;
    color: #EBEBEB;
    font-weight: 500;
    line-height: 30px;
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-small-description {
        line-height: normal;
        font-size: 18px;
        padding: 0 15px;
    }
}

.paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-date {
    font-size: 18px;
    color: #EBEBEB;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    position: relative;
}

.paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-date:before {
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -30px;
    top: 2px;
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-date {
        line-height: normal;
        font-size: 18px;
    }
    .paragraph--type--slideshow .field--name-field-pt-title-description .field--name-field-slide-date:before {
        width: 14px;
        height: 14px;
        background-size: 14px;
        top: -2px;
        right: -25px;
    }
}

.paragraph--type--slideshow .slider_wrap {
    margin: 0em auto;
    max-width: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 540px;
}

.paragraph--type--slideshow .slider_wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(-45deg, #3a0c4f, #00f5a3, #3a0c4f);
    -webkit-clip-path: ellipse(50% 100% at 50% -20%);
    clip-path: ellipse(50% 100% at 50% -20%);
    z-index: 1;
}

.paragraph--type--slideshow .slider_wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(-45deg, #3a0c4f, #00f5a3, #3a0c4f);
    -webkit-clip-path: ellipse(50% 100% at 50% 120%);
    clip-path: ellipse(50% 100% at 50% 120%);
}

.paragraph--type--slideshow .slider_wrap .wrap_child_1 {
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    border-radius: 25px;
    outline: 19px solid #3a0c4f;
}

.paragraph--type--slideshow .slider_wrap .wrap_child_1:before {
    content: "";
    position: absolute;
    height: 52px;
    -webkit-clip-path: ellipse(50% 100% at 50% -20%);
    clip-path: ellipse(50% 100% at 50% -20%);
    background: #110E1B;
    z-index: 1;
    top: -5px;
    width: 100%;
    right: 0;
}

.paragraph--type--slideshow .slider_wrap .wrap_child_1:after {
    content: "";
    position: absolute;
    height: 52px;
    -webkit-clip-path: ellipse(50% 100% at 50% 120%);
    clip-path: ellipse(50% 100% at 50% 120%);
    background: #110E1B;
    z-index: 1;
    bottom: -5px;
    width: 100%;
    right: 0;
}

.paragraph--type--slideshow .slider_wrap .wrap_child_2 {
    position: absolute;
    width: 100%;
    height: 102%;
    right: 0px;
    border-right: 5px solid;
    border-left: 5px solid;
    border-radius: 30px;
    top: -5px;
    -o-border-image: linear-gradient(45deg, #3a0c4f, #00f5a3, #3a0c4f) 1;
    border-image: linear-gradient(45deg, #3a0c4f, #00f5a3, #3a0c4f) 1;
}

.paragraph--type--slideshow .slider_wrap .ytfullscreen {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 9999;
    bottom: 30px;
    left: 30px;
}

.paragraph--type--slideshow .slider_wrap .ytfullscreen svg:hover {
    scale: 1.5;
    transition: all 0.7s;
}

.paragraph--type--slideshow .slider_wrap .ytfullscreen svg:hover * {
    transition: all 0.7s;
    fill: #00f5a3;
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    66% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}

.icons .up-right {
    transform: rotate(45deg);
}

.up-arrow .icons .angle-right {
    display: none;
}

.right-arrow .icons .up-right {
    display: none;
}

.slick-active .field--name-field-pt-title-description {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow {
        background: none;
    }
    .paragraph--type--slideshow .slick-initialized .slick-slide {
        padding-bottom: 30px;
    }
    .paragraph--type--slideshow .slick-initialized .slick-slide img {
        aspect-ratio: 4/5;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .paragraph--type--slideshow .slick-initialized .slick-slide iframe {
        aspect-ratio: 4/5;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (max-width: 767.98px) and (max-width:575.98px) {
    .paragraph--type--slideshow .slick-initialized .slick-slide iframe {
        transform: scale(1.5);
    }
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow .slider_wrap:after {
        height: 15px;
    }
    .paragraph--type--slideshow .slider_wrap:before {
        height: 15px;
    }
    .paragraph--type--slideshow .slider_wrap .wrap_child_1:before {
        height: 18px;
    }
    .paragraph--type--slideshow .slider_wrap .wrap_child_1:after {
        height: 18px;
    }
    .paragraph--type--slideshow .slider_wrap .wrap_child_2 {
        border-width: 3px;
    }
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow .paragraph--type--cta-component {
        padding: 0;
        bottom: 19px;
    }
    .paragraph--type--slideshow .paragraph--type--cta-component a {
        padding: 10px 2em;
        font-size: 14px;
        width: -moz-max-content;
        width: max-content;
        line-height: normal;
    }
    .paragraph--type--slideshow .paragraph--type--cta-component .icons {
        left: 14px;
        top: 8px;
        font-size: 14px;
    }
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow .field--name-field-pt-title-description {
        min-height: 245px;
        height: auto;
    }
}

@media (max-width: 767.98px) {
    .paragraph--type--slideshow ul.slick-dots li:first-child button,
    .paragraph--type--slideshow ul.slick-dots li:nth-child(4) button {
        height: 8px;
        padding: 0px;
        width: 8px;
    }
}

.timer-wrapper ul {
    color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    margin: 1em 0;
}

.timer-wrapper ul li {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-transform: uppercase;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
}

.timer-wrapper ul li.divider {
    margin: 0 30px;
    line-height: 40px;
}

.timer-wrapper ul li span {
    margin-left: 10px;
    font-size: 35px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.01em;
}

.countdown_title {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .countdown_title {
        letter-spacing: 0;
    }
}

.paragraph--type--packages {
    background: rgba(31, 25, 48, 0.7);
    position: relative;
}

@media (min-width: 992px) {
    .paragraph--type--packages::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        background: url(https://gamers8.gg/themes/custom/gamers/images/packages-bg-vector.png) no-repeat;
        background-size: cover;
        height: 100%;
        width: 40%;
        opacity: 0.03;
        box-shadow: 1.19076px 1.19076px 4.76304px rgba(0, 0, 0, 0.4);
    }
}

.paragraph--type--packages .arrow-up {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #110E19;
    -webkit-clip-path: ellipse(51% 100% at 50% -20%);
    clip-path: ellipse(51% 100% at 50% -20%);
    z-index: 1;
    box-shadow: inset 0px -15px 7px 0px #888888;
}

.paragraph--type--packages .arrow-down {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #110E19;
    -webkit-clip-path: ellipse(51% 100% at 50% 120%);
    clip-path: ellipse(51% 100% at 50% 120%);
    box-shadow: inset 0px 15px 7px 0px #888888;
}

.paragraph--type--packages .package-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    padding: 115px 0 100px;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper {
        flex-wrap: wrap;
        overflow: hidden;
    }
    .paragraph--type--packages .package-wrapper .package-info-images {
        overflow: hidden;
    }
}

@media (max-width: 575.98px) {
    .paragraph--type--packages .package-wrapper {
        gap: 10px;
    }
}

.paragraph--type--packages .package-wrapper .package-info {
    position: relative;
    max-width: 374px;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper .package-info {
        max-width: 100%;
        margin-left: 20px;
        text-align: center;
    }
}

.paragraph--type--packages .package-wrapper .package-info .paragraph--type--title-description-component .field--name-field-pt-title {
    font-weight: 600;
    font-size: 34px;
    line-height: 52px;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper .package-info .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 28px;
        line-height: 40px;
    }
}

.paragraph--type--packages .package-wrapper .package-info .paragraph--type--title-description-component .field--name-field-pt-description p {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper .package-info .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 16px;
        line-height: 28px;
    }
}

.paragraph--type--packages .package-wrapper .field--name-field-packages {
    display: flex;
    gap: 25px;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper .field--name-field-packages {
        margin: 10px 0 30px;
        max-width: 100vw !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    .paragraph--type--packages .package-wrapper .field--name-field-packages .slick-list {
        padding: 0 0 0 20%;
    }
    .paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card {
        margin-left: 20px;
    }
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card {
    position: relative;
    color: #FFFFFF;
    background: #29213D;
    border-radius: 10px;
    height: 100%;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-image-wrapper {
    position: relative;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-image-wrapper .field--name-field-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 12px;
    position: absolute;
    top: -15px;
    right: 50%;
    transform: translateX(50%);
    width: -moz-max-content;
    width: max-content;
    z-index: 1;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-image-wrapper .field--name-field-label::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: #503989;
    -webkit-clip-path: polygon(100% 0%, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
    clip-path: polygon(100% 0%, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
    z-index: -1;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-image-wrapper .field--name-field-label {
        display: none;
    }
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-image-wrapper .field--name-field-pt-location {
    position: absolute;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 3px 15px;
    bottom: 18px;
    right: 18px;
    z-index: 1;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-image-wrapper .field--name-field-pt-location::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 10px rgba(17, 14, 25, 0.3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transform: skewX(15deg);
    top: 0;
    right: 0;
    border-radius: 7px;
    z-index: -1;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper {
    padding: 15px 18px;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-title {
        font-size: 16px;
    }
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-price-label {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #FFFFFF;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-price-label {
        font-size: 13px;
    }
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-price {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 28px;
}

@media (max-width: 991.98px) {
    .paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-price {
        font-size: 14px;
    }
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .field--name-field-pc-cta-link {
    cursor: pointer;
    position: absolute;
    left: 20px;
    bottom: 30px;
    font-size: 0;
    display: block;
    width: 21px;
    height: 15px;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .field--name-field-pc-cta-link:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 21px;
    height: 15px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/card-arrow.png) no-repeat;
    background-size: contain;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card .card-info-wrapper .package-link {
    margin-right: 0 !important;
    margin-top: 10px !important;
}

.paragraph--type--packages .package-wrapper .field--name-field-packages .paragraph--type--packages-card:hover .field--name-field-pc-cta-link {
    animation: arrow-anim1 1s ease;
}

@keyframes arrow-anim1 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    49% {
        transform: translateX(-8px);
        opacity: 0;
    }
    50% {
        transform: translateX(8px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.onseason-footer .region.region-footer-top {
    margin-bottom: 50px;
}

@media (max-width: 767.98px) {
    .onseason-footer .region.region-footer-top {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px) and (orientation:landscape) {
    .mail-signup-form {
        width: 60%;
    }
}

div#block-mailchimpsubscriptionformmailchimpsubscription {
    background: radial-gradient(178.06% 198.46% at 50% -39.23%, rgba(141, 33, 255, 0.4) 0%, rgba(18, 10, 28, 0.4) 100%);
    border-radius: 6px;
    padding: 25px 0;
}

@media (max-width: 575.98px) {
    div#block-mailchimpsubscriptionformmailchimpsubscription {
        padding: 20px 0;
    }
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row {
    align-items: center;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form {
    background: #07271d;
    border-radius: 50px;
    position: relative;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form .form-actions {
    position: absolute;
    left: 4px;
    top: 4px;
    border-radius: 50px;
    margin: 0;
    background: #2F1250;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form .form-actions input#mailchimp-signup-subscribe-block-mailchimp-subscription-form-edit-submit {
    background: transparent;
    width: 100%;
    display: block;
    padding: 14px 39px 11px;
    height: 100%;
    box-shadow: none;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form .form-actions input#mailchimp-signup-subscribe-block-mailchimp-subscription-form-edit-submit {
        padding: 13px 13.5px;
        opacity: 1;
    }
}

@media screen and (max-width: 992px) and (orientation:landscape) {
    div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form .form-actions input#mailchimp-signup-subscribe-block-mailchimp-subscription-form-edit-submit {
        padding: 13px 13.5px;
        opacity: 1;
    }
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form input#edit-mergevars-email {
    background: transparent;
    border: 0;
    color: #B1B5BB;
    padding: 16px 20px 15px 140px;
    line-height: 19px;
    height: auto;
}

@media screen and (max-width: 992px) and (orientation:landscape) {
    div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form input#edit-mergevars-email {
        padding: 16px 20px 15px 80px;
    }
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form input#edit-mergevars-email:focus {
    box-shadow: none;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form input#edit-mergevars-email::-moz-placeholder {
    font-size: 16px;
    color: #B1B5BB;
    font-weight: 500;
    line-height: 19px;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form input#edit-mergevars-email::placeholder {
    font-size: 16px;
    color: #B1B5BB;
    font-weight: 500;
    line-height: 19px;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .row #mailchimp-signup-subscribe-block-mailchimp-subscription-form .form-type-email.js-form-item-mergevars-email {
    margin: 0;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .mail-signup-label {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .alert.alert-error.alert-danger.alert-dismissible,
div#block-mailchimpsubscriptionformmailchimpsubscription .alert.alert-warning.alert-dismissible,
div#block-mailchimpsubscriptionformmailchimpsubscription .alert.alert-success.alert-dismissible {
    position: absolute;
    bottom: -27px;
    margin: 0;
    background: #FFFFFF;
    border: 0;
    padding: 2px 10px;
    padding-left: 20px;
    font-size: 14px;
    color: red;
    right: 0px;
    line-height: 20px;
    padding-left: 25px;
    border-radius: 15px;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .alert.alert-error.alert-danger.alert-dismissible button.btn-close,
div#block-mailchimpsubscriptionformmailchimpsubscription .alert.alert-warning.alert-dismissible button.btn-close,
div#block-mailchimpsubscriptionformmailchimpsubscription .alert.alert-success.alert-dismissible button.btn-close {
    left: 7px;
    top: 6px;
    opacity: 1;
    padding: 0;
    font-size: 12px;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .alert.alert-warning.alert-dismissible {
    color: #664d03;
}

div#block-mailchimpsubscriptionformmailchimpsubscription .alert.alert-success.alert-dismissible {
    color: green;
}

@media (max-width: 767.98px) {
    div#block-mailchimpsubscriptionformmailchimpsubscription .row {
        flex-direction: column;
    }
    div#block-mailchimpsubscriptionformmailchimpsubscription .row .mail-signup-label {
        text-align: center;
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 26px;
    }
}

.contactus .field--name-field-lp-page-components>.field__item:first-child .paragraph--view-mode--contact-us-form-box {
    padding: 45px 0 30px 20px;
}

@media (max-width: 767.98px) {
    .contactus .field--name-field-lp-page-components>.field__item:first-child .paragraph--view-mode--contact-us-form-box {
        padding: 45px 0 30px;
    }
    .contactus .field--name-field-lp-page-components>.field__item:first-child .paragraph--view-mode--contact-us-form-box .field--name-field-pt-title,
    .contactus .field--name-field-lp-page-components>.field__item:first-child .paragraph--view-mode--contact-us-form-box .field--name-field-pt-description {
        text-align: center;
    }
    .contactus .field--name-field-lp-page-components>.field__item:first-child .paragraph--view-mode--contact-us-form-box .field--name-field-pt-description p {
        margin: 0;
    }
}

@media (max-width: 767.98px) {
    .contactus .paragraph--view-mode--contact-us-form-box {
        text-align: right;
    }
}

.contactus .paragraph--view-mode--contact-us-form-box .title-wrapper .field--name-field-pt-title {
    text-shadow: none;
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    color: #FFFFFF;
}

.contactus .paragraph--view-mode--contact-us-form-box .field--name-field-pt-description p {
    width: 40%;
}

@media (max-width: 767.98px) {
    .contactus .paragraph--view-mode--contact-us-form-box .field--name-field-pt-description p {
        width: 100%;
    }
}

.contactus .content-webform-wrapper {
    position: relative;
    padding: 0 0px 10px 60px;
    background-color: rgba(23, 15, 48, 0.85) !important;
    border-radius: 20px;
    margin: 0;
    width: 100%;
    display: flex;
    gap: 60px;
    margin-bottom: 100px;
    justify-content: space-between;
}

@media (max-width: 767.98px) {
    .contactus .content-webform-wrapper {
        width: 100%;
        margin: 0;
        padding: 0;
        flex-direction: column;
        gap: 20px;
    }
}

.contactus .content-webform-wrapper .content-wrapper {
    position: relative;
    padding: 40px 40px 50px 70px;
    flex-basis: 40%;
    background: url(https://gamers8.gg/themes/custom/gamers/images/contactus-bg.png) 100% 0/cover no-repeat;
    border-radius: 12px;
    min-height: 410px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 991.98px) {
    .contactus .content-webform-wrapper .content-wrapper {
        min-height: -moz-fit-content;
        min-height: fit-content;
        padding: 30px 20px 15px;
    }
}

.contactus .content-webform-wrapper .content-wrapper .title-wrapper .field--name-field-pt-title {
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 40px;
}

@media (max-width: 991.98px) {
    .contactus .content-webform-wrapper .content-wrapper .title-wrapper .field--name-field-pt-title {
        font-size: 30px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 40px;
    }
}

.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description p {
    font-size: 22px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 32px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description p {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 18px;
    }
}

.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper {
    list-style: none;
    padding-right: 0;
}

.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper li a {
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.017em;
}

@media (max-width: 991.98px) {
    .contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper li a {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 32px;
    }
}

.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper li a .phone-contact {
    color: #FFFFFF;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/telephone.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 20px;
    background-position: center right;
}

.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper li a .mobile-contact {
    color: #FFFFFF;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/whatsapp-contact.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 20px;
    background-position: center right;
}

.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper li a .email-contact {
    color: #FFFFFF;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/email-contact.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 20px;
    background-position: center right;
}

.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .social-icons {
    display: flex;
    gap: 13px;
    list-style: none;
    padding-right: 0;
}

.contactus .content-webform-wrapper .webform-wrapper {
    flex-basis: 60%;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper {
    display: flex;
    gap: 50px;
    font-style: normal;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    line-height: 40px;
    padding-top: 30px;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper {
        padding-top: 0;
        font-size: 18px;
        gap: 2px;
        justify-content: space-between;
        flex-direction: column-reverse;
        overflow: hidden;
        min-width: inherit;
    }
}

.contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper .tab-btn {
    position: relative;
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper .tab-btn {
        display: none;
        padding: 10px 21px 10px 28px;
    }
}

@media (max-width: 767.98px) {
    .contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper .active-btn {
        display: block;
        background: #07271d;
        border-radius: 12px;
        order: 1;
    }
}

.contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper .active-btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #00f5a3;
    border-radius: 1px;
    bottom: -5px;
}

@media (max-width: 767.98px) {
    .contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper .active-btn::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 35px;
        transform: translateY(-50%) rotate(-45deg);
        border-left: 4px solid #fff;
        border-bottom: 4px solid #fff;
        width: 10px;
        height: 10px;
        right: auto;
        transition: 0.5s;
        border-radius: 0;
        background: 100% 0;
        display: block;
    }
}

@media (max-width: 767.98px) {
    .contactus .content-webform-wrapper .webform-wrapper .expanded-menu .tab-btn {
        display: block;
    }
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper {
    padding-top: 40px;
}

@media (max-width: 767.98px) {
    .contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper {
        padding-top: 20px;
    }
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn {
    display: none;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-contact-add-form .alert.alert-status.alert-success.alert-dismissible.fade.show,
.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-general-query-add-form .alert.alert-status.alert-success.alert-dismissible.fade.show {
    width: 100%;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-item {
    margin: 0;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-type-textarea {
    width: 100%;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-item-name,
.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-item-last-name {
    flex-basis: 47.8%;
    border-radius: 12px;
    border: 0;
}

@media (max-width: 991.98px) {
    .contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-item-name,
    .contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-item-last-name {
        flex-basis: 100%;
    }
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-item-email {
    flex-basis: 100%;
    border-radius: 12px;
    border: 0;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-textarea {
    flex-basis: 100%;
    border-radius: 12px;
    border: 0;
    height: 100px;
    resize: none;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .form-control {
    padding: 8px 16px;
    background: #07271d;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    outline: 0;
    border: 0;
    font-style: normal;
    color: #fff;
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .webform-actions {
    display: flex;
    justify-content: flex-end;
    width: -webkit-fill-available;
}

@media (max-width: 767.98px) {
    .contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .webform-actions {
        justify-content: flex-start;
    }
}

.contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper .tab-btn .webform-submission-form .webform-actions .form-submit {
    padding: 14px 28px;
}

@media (min-width: 1200px) {
    .contactus .paragraph--view-mode--support-box-cta-footer {
        margin-bottom: 68px;
    }
}

@media (max-width: 767.98px) {
    .contactus .paragraph--view-mode--support-box-cta-footer {
        padding: 60px 20px;
    }
}

.contactus .paragraph--view-mode--support-box-cta-footer .field--name-field-pt-title {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 30px;
}

.contactus .paragraph--view-mode--support-box-cta-footer .field--name-field-cta .field__item {
    max-width: 270px;
    width: 100%;
}

@media (max-width: 767.98px) {
    .contactus .paragraph--view-mode--support-box-cta-footer .field--name-field-cta .field__item {
        max-width: 100%;
    }
}

.contactus .paragraph--view-mode--support-box-cta-footer .field--name-field-cta .field__item .btn.btn-primary-dark-arrow {
    min-width: 100%;
    padding: 32px;
}

.contactus .field--name-field-cta {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .contactus .field--name-field-cta {
        flex-direction: column;
    }
}

.contactus .form-control::-moz-placeholder {
    color: transparent;
}

.contactus .form-control::placeholder {
    color: transparent;
}

.contactus .js-form-item {
    position: relative;
}

.contactus .js-form-item label {
    position: absolute;
    top: 25px;
    right: 16px;
    font-size: 18px;
    color: #FFFFFF;
    opacity: 0.7;
    letter-spacing: -0.011em;
    font-weight: 400;
}

.contactus .js-form-item label::after {
    display: none;
}

.contactus .js-form-item .form-control {
    cursor: auto;
    margin-top: 10px;
}

.contactus .js-form-item .form-control:focus,
.contactus .js-form-item .form-control:valid,
.contactus .js-form-item .form-control.label-up {
    box-shadow: none;
}

.contactus .js-form-item .form-control:focus+label,
.contactus .js-form-item .form-control:valid+label,
.contactus .js-form-item .form-control.label-up+label {
    top: -13px;
    right: 10px;
    font-size: 14px;
    transition: all 0.5s ease;
}

.contactus.paragraph--view-mode--pre-season-contact {
    position: relative;
    z-index: 1;
    padding: 50px 0;
}

.contactus.paragraph--view-mode--pre-season-contact .content-webform-wrapper {
    margin-bottom: 10px;
}

.contactus.paragraph--view-mode--pre-season-contact .content-webform-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.contactus.paragraph--view-mode--pre-season-contact .content-webform-bg img {
    width: 100%;
}

@media (min-width: 768px) {
    .contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-title {
        margin-bottom: 20px;
    }
    .contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description p {
        margin-bottom: 14px;
    }
    .contactus .content-webform-wrapper .contact-us-social-icon li {
        margin-bottom: 8px;
    }
    .contactus .content-webform-wrapper .social-icons {
        margin-top: 47px;
    }
    .contactus .content-webform-wrapper .webform-submission-form {
        gap: 10px;
    }
}

[dir=rtl] body.contactus ul {
    padding-left: 0;
}

[dir=rtl] body.contactus .support .btn-primary-dark-arrow a:before {
    transform: rotate(-180deg);
}

[dir=rtl] body.contactus .content-webform-wrapper {
    padding: 0 40px 10px 0;
}

@media (max-width: 767.98px) {
    [dir=rtl] body.contactus .content-webform-wrapper {
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    [dir=rtl] body.contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper .active-btn::before {
        right: 25px;
        left: auto;
    }
}

@media (min-width: 768px) {
    [dir=rtl] body.contactus .content-webform-wrapper .form-submit {
        font-size: 16px;
    }
}

[dir=rtl] body.contactus .js-form-item label {
    left: 16px;
    right: auto;
    top: 25px;
}

[dir=rtl] body.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper li a .mobile-contact,
[dir=rtl] body.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper li a .phone-contact,
[dir=rtl] body.contactus .content-webform-wrapper .content-wrapper .field--name-field-pt-description .mail-wrapper li a .email-contact {
    padding-right: 0;
    padding-left: 30px;
    background-position: center left;
}

@media (min-width: 768px) {
    .pp-tc-page .home-page-wrapper {
        margin-bottom: 68px;
    }
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .region-breadcrumb {
        display: none;
    }
}

.pp-tc-page .home-page-wrapper .field--name-title {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 50px;
    font-style: normal;
    text-align: center;
    text-shadow: 0px 2px 1px #ec29fc;
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .field--name-title {
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .row {
        margin: 0;
    }
}

.pp-tc-page .home-page-wrapper ol {
    padding: 0 15px;
}

.pp-tc-page .home-page-wrapper ol li {
    color: #FFFFFF;
}

.pp-tc-page .home-page-wrapper .col-md-3 {
    padding: 30px 17px 18px;
    background: #161b26;
    border-radius: 10px;
    position: sticky;
    top: 5rem;
    display: block !important;
    height: -moz-max-content;
    height: max-content;
    max-width: 320px;
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .col-md-3 {
        display: none !important;
    }
}

.pp-tc-page .home-page-wrapper .block-page-title-block h1 {
    width: 73%;
    margin-right: auto;
    margin-bottom: 40px;
    text-align: right;
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .block-page-title-block h1 {
        padding-right: 20px;
        width: 100%;
        margin: 40px 0 30px;
    }
}

.pp-tc-page .home-page-wrapper .section-title-wrapper h3 {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 21.6px;
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: 22px;
}

.pp-tc-page .home-page-wrapper .section-title-wrapper .section-titles {
    padding: 10px;
    margin: 12px 0;
    display: flex;
    opacity: 0.7;
    max-width: 288px;
}

.pp-tc-page .home-page-wrapper .section-title-wrapper .section-titles a {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.011em;
}

.pp-tc-page .home-page-wrapper .section-title-wrapper .section-titles.active {
    -webkit-clip-path: polygon(80% -69%, 100% 52%, 92% 100%, 0% 100%, 0 51%, 0% 0%);
    clip-path: polygon(80% -69%, 100% 52%, 92% 100%, 0% 100%, 0 51%, 0% 0%);
    background: #07271d;
    -webkit-backdrop-filter: blur(11.5714px);
    backdrop-filter: blur(11.5714px);
    opacity: 1;
}

.pp-tc-page .home-page-wrapper .section-title-wrapper .section-titles:before {
    padding-left: 29px;
    margin-top: 3px;
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/card-arrow.png) no-repeat;
    width: 13px;
    height: 14px;
    background-size: contain;
}

.pp-tc-page .home-page-wrapper .col-12,
.pp-tc-page .home-page-wrapper .tc-desc {
    position: relative;
}

.pp-tc-page .home-page-wrapper .col-12.page-title h1,
.pp-tc-page .home-page-wrapper .tc-desc.page-title h1 {
    margin-bottom: 40px;
}

@media (min-width: 576px) and (max-width:1199.98px) {
    .pp-tc-page .home-page-wrapper .col-12.page-title,
    .pp-tc-page .home-page-wrapper .tc-desc.page-title {
        padding-right: 40px;
    }
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .col-12.page-title,
    .pp-tc-page .home-page-wrapper .tc-desc.page-title {
        padding-right: 15px;
    }
    .pp-tc-page .home-page-wrapper .col-12.page-title h1,
    .pp-tc-page .home-page-wrapper .tc-desc.page-title h1 {
        margin-top: 30px;
        margin-bottom: 30px;
        line-height: 30px;
        text-align: center;
    }
}

.pp-tc-page .home-page-wrapper .col-12 p,
.pp-tc-page .home-page-wrapper .col-12 ul,
.pp-tc-page .home-page-wrapper .tc-desc p,
.pp-tc-page .home-page-wrapper .tc-desc ul {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 50px;
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .col-12 p,
    .pp-tc-page .home-page-wrapper .col-12 ul,
    .pp-tc-page .home-page-wrapper .tc-desc p,
    .pp-tc-page .home-page-wrapper .tc-desc ul {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 40px;
    }
}

.pp-tc-page .home-page-wrapper .col-12 .section-content-wrapper .field--name-field-pt-title,
.pp-tc-page .home-page-wrapper .tc-desc .section-content-wrapper .field--name-field-pt-title {
    margin-bottom: 14px;
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 33.6px;
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .col-12 .section-content-wrapper .field--name-field-pt-title,
    .pp-tc-page .home-page-wrapper .tc-desc .section-content-wrapper .field--name-field-pt-title {
        margin-bottom: 10px;
        font-size: 20px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 40px;
    }
}

.pp-tc-page .home-page-wrapper .col-12 .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow,
.pp-tc-page .home-page-wrapper .tc-desc .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow {
    padding: 32px 20px;
}

.pp-tc-page .home-page-wrapper .col-12 .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow a,
.pp-tc-page .home-page-wrapper .tc-desc .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow a {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    background: none;
    align-items: center;
    flex-direction: row-reverse;
}

.pp-tc-page .home-page-wrapper .col-12 .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow a:before,
.pp-tc-page .home-page-wrapper .tc-desc .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow a:before {
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/card-arrow.png) no-repeat;
    background-size: cover;
    width: 18px;
    height: 19px;
    padding-left: 15px;
    position: relative;
    display: flex;
    transform: none;
    left: 0;
}

@media (max-width: 575.98px) {
    .pp-tc-page .home-page-wrapper .col-12 .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow a,
    .pp-tc-page .home-page-wrapper .tc-desc .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow a {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19.2px;
    }
    .pp-tc-page .home-page-wrapper .col-12 .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow a:before,
    .pp-tc-page .home-page-wrapper .tc-desc .section-content-wrapper .paragraph--type--cta-component .btn-primary-dark-arrow a:before {
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 767.98px) {
    .pp-tc-page .home-page-wrapper .col-12 .section-content-wrapper .paragraph--type--cta-component .field--name-field-pt-title,
    .pp-tc-page .home-page-wrapper .tc-desc .section-content-wrapper .paragraph--type--cta-component .field--name-field-pt-title {
        line-height: 40px;
    }
}

.pp-tc-page .paragraph--type--box-cta,
.pp-tc-page .field--name-field-cta {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
}

@media (max-width: 767.98px) {
    .pp-tc-page .paragraph--type--box-cta,
    .pp-tc-page .field--name-field-cta {
        flex-direction: column;
        gap: 12px;
    }
}

.pp-tc-page .paragraph--type--box-cta {
    flex-direction: column;
    margin-top: 100px;
}

@media (max-width: 767.98px) {
    .pp-tc-page .paragraph--type--box-cta {
        margin-top: 60px;
    }
}

.glimpses-section {
    padding: 100px 0;
    background: #140638;
}

@media (max-width: 991.98px) {
    .glimpses-section {
        padding: 50px 0;
    }
}

.glimpses-section .glimpses-title {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
    opacity: 0.8;
    margin-bottom: 40px;
    text-transform: uppercase;
    background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-title {
        text-align: right;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 25px;
    }
}

.glimpses-section .glimpses-tab-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background: #200A57;
    border: 2px solid rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper {
        flex-direction: column;
        padding: 20px 15px;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns {
    flex-basis: 30%;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns {
        margin-bottom: 20px;
        flex-basis: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns.expanded-menu .tab-btn {
        display: block;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns.expanded-menu .tab-btn.active-btn::before {
        transform: translateY(-50%) rotate(135deg);
        top: 50%;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn {
    padding: 20px;
    cursor: pointer;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn {
        padding: 15px;
        position: relative;
        display: none;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn.active-btn {
        display: block;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn.active-btn::before {
        position: absolute;
        content: "";
        top: 45%;
        left: 20px;
        transform: translateY(-50%) rotate(-45deg);
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        width: 12px;
        height: 12px;
        right: auto;
        transition: 0.5s;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn.active-btn {
    background: #2B165F;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn.active-btn {
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 10px;
        background: #140638;
        order: 1;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn .tab-title {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn .tab-title {
        font-size: 16px;
        line-height: 19px;
        margin: 0;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    opacity: 0.7;
    margin: 0;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn p {
        display: none;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont {
    flex-basis: 70%;
    max-width: 100vw !important;
    width: 100% !important;
    overflow: hidden !important;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont {
        flex-basis: 100%;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .field--name-field-pg-gallery-slider-ref .field__item:not(:first-child) .tab-box {
    display: none;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box {
    position: relative;
    padding: 40px;
    border-radius: 10px;
    background: #2B165F;
}

@media (min-width: 992px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box.slick-less-5 .slider-nav .slick-track {
        transform: translate3d(0, 0, 0) !important;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box.slick-less-5 .slick-arrow {
    display: none !important;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box {
        padding: 0;
        background: transparent;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slick-track,
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slick-slide,
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slick-list {
        display: flex;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slick-slider {
        padding: 0;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single img {
        width: auto !important;
        max-width: 80vw;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slick-list {
    max-width: 100vw !important;
    width: 100% !important;
    overflow: hidden !important;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .show-mob-desc {
    display: none;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single {
    max-height: 500px;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single .slick-slider {
    display: flex;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single img {
    width: 100%;
    max-height: 500px;
    border-radius: 10px;
    transition: 1s all;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single img:hover {
    scale: 1.2;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single .slick-arrow {
    position: absolute;
    bottom: -15%;
    transform: rotate(45deg);
    background-position: center;
    width: 15px;
    height: 15px;
    border: 0;
    font-size: 0;
    padding: 0;
    cursor: pointer;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: transparent;
    z-index: 9;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single .slick-arrow {
        display: none !important;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single .slick-arrow.slick-prev {
    right: 0;
    transform: rotate(-135deg);
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-single .slick-arrow.slick-next {
    left: 0;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav {
    position: relative;
    margin-top: 20px;
    padding: 0 5px 0 10px;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav {
        padding: 0;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-dots {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-dots li {
        width: 20px;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-dots li.slick-active {
        width: 30px;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-dots li.slick-active button {
        border-radius: 10px;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-dots li:first-child button {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-dots li:last-child button {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-dots button {
        height: 100%;
        border-radius: 0;
        display: block;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-list .slick-track {
    display: flex;
    gap: 20px;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-list .slick-track {
        gap: 8px;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slider-nav-item {
    border-radius: 7px;
    cursor: pointer;
    border: 1px solid transparent;
}

@media (max-width: 991.98px) {
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slider-nav-item {
        margin-left: 0;
    }
    .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slider-nav-item img {
        height: auto;
    }
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slider-nav-item img {
    width: 100%;
    border-radius: 7px;
}

.glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slider-nav-item.slick-current.slick-active {
    border: 1px solid rgba(255, 255, 255, 0.7);
}

[dir=rtl] body .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn.active-btn {
    border-radius: 10px 0 0 10px;
}

[dir=rtl] body .glimpses-section .glimpses-tab-wrapper .glimpses-tab-cont .tab-box .slider-nav .slick-dots li:last-child button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.paragraph--view-mode--home-sponsors {
    text-align: center;
}

[dir=rtl] body .paragraph--view-mode--home-sponsors .paragraph--type--title-description-component .field--name-field-pt-title {
    text-align: center !important;
}

@media (min-width: 768px) {
    .paragraph--view-mode--home-sponsors {
        margin-bottom: 68px;
    }
}

.paragraph--view-mode--home-sponsors .sponsor_title {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -1.5%;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-sponsors .field--name-field-pt-description p {
        max-width: 50%;
        margin: 0 auto;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-sponsors .field--name-field-pt-description p {
        padding: 0 27px;
    }
}

.paragraph--view-mode--home-sponsors .view-content {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.paragraph--view-mode--home-sponsors .view-content .views-row {
    min-width: 200px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(121, 55, 164, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 10px 20px;
    justify-content: center;
    background-size: cover;
    transition: all 0.9s;
    box-shadow: 0px 0px 0px 1px rgba(58, 7, 72, 0.4705882353);
    position: relative;
    overflow: hidden;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-sponsors .view-content .views-row {
        padding: 25px;
        height: 150px;
        width: 250px;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--home-sponsors .view-content .views-row {
        height: 125px;
    }
}

.paragraph--view-mode--home-sponsors .view-content .views-row img {
    max-width: 165px;
}

.paragraph--view-mode--home-sponsors .view-content .views-row:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
    transition: 0.7s;
    z-index: -1;
    border-radius: 50%;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-sponsors .view-content {
        gap: 10px;
    }
    .paragraph--view-mode--home-sponsors .view-content .views-row {
        width: 200px;
        min-width: auto;
        height: 125px;
    }
    .paragraph--view-mode--home-sponsors .view-content .views-row img {
        min-width: 150px;
        width: auto;
    }
}

.paragraph--view-mode--our-partners .paragraph--type--title-description-component .field--name-field-pt-title {
    margin-bottom: 20px;
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item {
    min-width: 200px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(121, 55, 164, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 10px 20px;
    justify-content: center;
    background-size: cover;
    transition: all 0.9s;
    box-shadow: 0px 0px 0px 1px rgba(58, 7, 72, 0.4705882353);
    position: relative;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item {
        min-width: auto !important;
        height: 60px;
        width: 100%;
    }
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item img {
    max-width: 165px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item img {
        max-width: 100%;
        width: auto;
        max-height: 50px;
    }
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
    transition: 0.7s;
    z-index: -1;
    border-radius: 50%;
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item:hover {
    background: none;
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item:hover:after {
    width: 400%;
    height: 400%;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference {
        gap: 10px;
    }
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item {
        width: 104px;
        min-width: -moz-max-content;
        min-width: max-content;
    }
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item img {
        max-width: 90px;
    }
}

@media (max-width: 575.98px) {
    .partners-wrapper {
        padding: 0 20px;
    }
}

.preseason-active .paragraph--view-mode--home-sponsors .paragraph--type--title-description-component .field--name-field-pt-title {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
    opacity: 0.8;
    margin-bottom: 20px;
    text-transform: uppercase;
    background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
}

@media (max-width: 991.98px) {
    .preseason-active .paragraph--view-mode--home-sponsors .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 25px;
    }
}

.paragraph--view-mode--home-popular-team {
    margin-top: 80px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team {
        overflow: hidden;
        position: relative;
        margin-top: 30px;
    }
    .paragraph--view-mode--home-popular-team .container {
        padding: 0;
    }
    .paragraph--view-mode--home-popular-team .esp_tab_radios fieldset {
        margin-right: 20px;
    }
    .paragraph--view-mode--home-popular-team .slick-list.draggable {
        margin-right: 20px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .paragraph--type--title-description-component,
    .paragraph--view-mode--home-popular-team .field--type-text-with-summary {
        max-width: 88%;
        margin: 0 auto;
    }
    .paragraph--view-mode--home-popular-team .field--type-text-with-summary>* {
        display: inline;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-filters {
        margin-bottom: 0;
    }
}

.paragraph--view-mode--home-popular-team .view-filters .form--inline {
    display: flex;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-filters .form--inline fieldset {
        margin-bottom: 5px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-filters .skew-tabs {
        margin-bottom: 0 !important;
        overflow-x: scroll;
        max-width: 100vw;
        flex-wrap: nowrap;
    }
    .paragraph--view-mode--home-popular-team .view-filters .skew-tabs li {
        min-width: -moz-max-content;
        min-width: max-content;
        margin: 0 5px;
    }
}

.paragraph--view-mode--home-popular-team .view-filters label {
    padding: 18px 26px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-filters label {
        font-size: 12px;
    }
}

.paragraph--view-mode--home-popular-team .field--name-field-cwvr-title-description {
    text-align: center;
}

.paragraph--view-mode--home-popular-team .field--name-field-cwvr-title-description .field--name-field-pt-title {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 22px;
    text-shadow: 0px 2px 1px #ec29fc;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .field--name-field-cwvr-title-description .field--name-field-pt-title {
        font-size: 32px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 45px;
    }
}

.paragraph--view-mode--home-popular-team .field--name-field-cwvr-title-description .field--type-text-with-summary p {
    margin: 0;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .field--name-field-cwvr-title-description .field--type-text-with-summary p {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 23px;
    }
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams {
    padding-top: 40px;
    color: #FFFFFF;
}

@media (min-width: 576px) {
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams {
        padding-bottom: 22px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams {
        padding-top: 0;
    }
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content {
    display: flex;
    justify-content: center;
    margin: auto;
    flex-wrap: wrap;
    gap: 22px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content {
        padding-bottom: 22px;
        gap: 0;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .slick-list {
        padding: 0 0 0 27%;
    }
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .slick-dots {
        padding: 0;
        flex-basis: 100%;
        display: flex;
        justify-content: center;
        gap: 0;
    }
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .slick-dots button {
        width: 100%;
        font-size: 0;
        border-radius: 10px;
        margin-top: 21px;
        height: 4px;
    }
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .slick-dots li {
        list-style: none;
        width: 25px;
        height: 4px;
    }
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .slick-dots li.slick-active button {
        background-color: #b200e5;
    }
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .slick-dots li:not(.slick-active) button {
        background: #D9D9D9 !important;
        opacity: 0.3;
    }
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row {
    background-color: #161b26;
    position: relative;
    padding: 1px;
    max-width: 100%;
    min-width: 175px;
    text-align: center;
    position: relative;
    display: block;
    background-position: center;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row::before {
    content: "";
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.05));
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-radius: 10px;
    opacity: 0.3;
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row img {
    transition: 0.4s;
}

@media (min-width: 768px) {
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row:hover img {
        transform: translate(20px, -40px) rotate(10deg) scale(1.6);
        transition: 0.4s;
        z-index: 99;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row {
        max-width: 100%;
        background-size: cover;
        min-height: 130px;
        margin: 20px 5px auto;
        border-bottom-right-radius: 9px;
        border-bottom-left-radius: 9px !important;
    }
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row .views-field-title {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 19px;
    padding-bottom: 15px;
    padding-top: 15px;
    background: #3C3450;
    z-index: 3;
    border-radius: 10px;
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row .views-field-field-t-squad {
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 24px;
    max-width: 216px;
    margin: 0 auto 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row .views-field-field-t-squad {
        margin: 0 auto 15px;
    }
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row .views-field-field-t-squad>* {
        display: inline;
    }
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row .views-field-field-t-esports-game {
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 200px;
    margin-bottom: 20px;
    padding: 7px 18px 5px 17px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 16px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row .views-field-field-t-esports-game {
        margin-bottom: 30px;
    }
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .view-content .views-row:hover img {
    transform: translate(15px, -10px) rotate(10deg) scale(1.4);
}

.paragraph--view-mode--home-popular-team .view-display-id-popular_teams .views-field-field-t-team-logo {
    width: 208px;
    height: 167px;
    max-width: 100%;
    display: flex;
    background-position: center;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background-color: #161b26;
    z-index: 2;
}

@media (max-width: 1199.98px) {
    .paragraph--view-mode--home-popular-team .view-display-id-popular_teams .views-field-field-t-team-logo {
        width: 100%;
    }
}

.paragraph--view-mode--home-popular-team .paragraph--type--cta-component {
    display: flex;
    justify-content: center;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image {
    max-width: 1120px;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    background: url(https://gamers8.gg/themes/custom/gamers/images/daypass-bg.png) no-repeat;
    background-size: cover;
    position: relative;
    background-size: 100%;
    z-index: 2;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .field--name-field-pt-title {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 38.4px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image {
        background: url(https://gamers8.gg/themes/custom/gamers/images/daypass-mobile.png) no-repeat;
        background-position: center;
        margin: 50px 20px;
        background-size: cover;
        border-radius: 10px;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .btn a {
    color: #FFFFFF;
    font-weight: 600;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .paragraph--type--cta-component {
    padding-bottom: 25px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .paragraph--type--cta-component {
        padding: 0;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .paragraph--type--cta-component .btn {
    padding: 12px 24px !important;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .paragraph--type--cta-component .btn {
        padding: 12px 16px !important;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image>img {
    position: absolute;
    z-index: -1;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/daypass-vector.png) no-repeat;
    background-position: 140% 15%;
    padding: 21px 50px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-wrapper {
        background: none;
        flex-direction: column;
        padding: 30px 15px;
        text-align: center;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-wrapper .field--name-field-pt-title {
    margin-bottom: 18px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-wrapper .field--name-field-pt-title {
        margin-bottom: 20px;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-wrapper .btn.btn-tertiary {
    background: linear-gradient(-206.91deg, #00f5a3 16.83%, #06FFF8 202.64%);
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-desktop {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile {
        display: none !important;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper {
    position: relative;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper {
        max-width: 215px;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper {
        max-width: 400px;
        margin: 0 auto;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper::before,
.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper::after {
    content: url(https://gamers8.gg/themes/custom/gamers/images/daypass-star.png);
    position: absolute;
    top: -2px;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper::after {
    left: 40px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper::after {
        left: -20px;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper::before {
    right: 40px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .title-wrapper::before {
        right: -20px;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .field--name-field-media-image {
    padding: 2px;
    position: relative;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .field--name-field-media-image:before {
    content: "";
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.05));
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 10px;
    opacity: 0.5;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .field--name-field-media-image:before {
        content: none;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .field--name-field-media-image img {
    border-radius: 10px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .field--name-field-media-image {
        padding: 0;
    }
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .field--name-field-pt-title {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 32px;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-mobile .paragraph-desc-field p {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    padding: 0 17px;
    margin-top: 30px;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-left {
    max-width: 510px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3px 35px 3px 0px;
}

.paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image .daypass-right img {
    max-height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: -1;
}

.sponsor-landing .paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect p {
    max-width: 50%;
    margin: 0 auto 1rem;
}

@media (max-width: 991.98px) {
    .sponsor-landing .paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect p {
        max-width: 75%;
    }
}

@media (max-width: 767.98px) {
    .sponsor-landing .paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect p {
        max-width: 95%;
    }
}

.sponsor-landing .paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect .field--name-field-pt-title {
    margin-top: 40px;
}

.align-center {
    text-align: center;
}

@media (min-width: 768px) {
    .paragraph--view-mode--sponser-presenting-partners {
        margin-top: 40.52px;
    }
}

.paragraph--view-mode--sponser-presenting-partners,
.paragraph--view-mode--sponsor-listing-common,
.paragraph--view-mode--sponsor-listing-common,
.paragraph--view-mode--sponser-official-partners,
.esp--presenting-partner,
.esp--strategic-partner,
.esp--media-partner,
.esp--official-partner {
    text-align: center;
}

.paragraph--view-mode--sponser-presenting-partners .field--name-field-pt-title,
.paragraph--view-mode--sponsor-listing-common .field--name-field-pt-title,
.paragraph--view-mode--sponsor-listing-common .field--name-field-pt-title,
.paragraph--view-mode--sponser-official-partners .field--name-field-pt-title,
.esp--presenting-partner .field--name-field-pt-title,
.esp--strategic-partner .field--name-field-pt-title,
.esp--media-partner .field--name-field-pt-title,
.esp--official-partner .field--name-field-pt-title {
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 2.125rem;
    margin-bottom: 15px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .field--name-field-pt-title,
    .paragraph--view-mode--sponsor-listing-common .field--name-field-pt-title,
    .paragraph--view-mode--sponsor-listing-common .field--name-field-pt-title,
    .paragraph--view-mode--sponser-official-partners .field--name-field-pt-title,
    .esp--presenting-partner .field--name-field-pt-title,
    .esp--strategic-partner .field--name-field-pt-title,
    .esp--media-partner .field--name-field-pt-title,
    .esp--official-partner .field--name-field-pt-title {
        margin-bottom: 3px;
        font-size: 22px;
    }
}

.paragraph--view-mode--sponser-presenting-partners .paragraph--type--title-description-component p,
.paragraph--view-mode--sponsor-listing-common .paragraph--type--title-description-component p,
.paragraph--view-mode--sponsor-listing-common .paragraph--type--title-description-component p,
.paragraph--view-mode--sponser-official-partners .paragraph--type--title-description-component p,
.esp--presenting-partner .paragraph--type--title-description-component p,
.esp--strategic-partner .paragraph--type--title-description-component p,
.esp--media-partner .paragraph--type--title-description-component p,
.esp--official-partner .paragraph--type--title-description-component p {
    margin: 0 auto;
}

@media (min-width: 992px) {
    .paragraph--view-mode--sponser-presenting-partners .paragraph--type--title-description-component p,
    .paragraph--view-mode--sponsor-listing-common .paragraph--type--title-description-component p,
    .paragraph--view-mode--sponsor-listing-common .paragraph--type--title-description-component p,
    .paragraph--view-mode--sponser-official-partners .paragraph--type--title-description-component p,
    .esp--presenting-partner .paragraph--type--title-description-component p,
    .esp--strategic-partner .paragraph--type--title-description-component p,
    .esp--media-partner .paragraph--type--title-description-component p,
    .esp--official-partner .paragraph--type--title-description-component p {
        max-width: 40%;
        margin-bottom: 30px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .paragraph--type--title-description-component p,
    .paragraph--view-mode--sponsor-listing-common .paragraph--type--title-description-component p,
    .paragraph--view-mode--sponsor-listing-common .paragraph--type--title-description-component p,
    .paragraph--view-mode--sponser-official-partners .paragraph--type--title-description-component p,
    .esp--presenting-partner .paragraph--type--title-description-component p,
    .esp--strategic-partner .paragraph--type--title-description-component p,
    .esp--media-partner .paragraph--type--title-description-component p,
    .esp--official-partner .paragraph--type--title-description-component p {
        max-width: 100%;
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 18px;
        letter-spacing: -0.011em;
    }
}

.paragraph--view-mode--sponser-presenting-partners .view-content,
.paragraph--view-mode--sponsor-listing-common .view-content,
.paragraph--view-mode--sponsor-listing-common .view-content,
.paragraph--view-mode--sponser-official-partners .view-content,
.esp--presenting-partner .view-content,
.esp--strategic-partner .view-content,
.esp--media-partner .view-content,
.esp--official-partner .view-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 60px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .view-content,
    .paragraph--view-mode--sponsor-listing-common .view-content,
    .paragraph--view-mode--sponsor-listing-common .view-content,
    .paragraph--view-mode--sponser-official-partners .view-content,
    .esp--presenting-partner .view-content,
    .esp--strategic-partner .view-content,
    .esp--media-partner .view-content,
    .esp--official-partner .view-content {
        gap: 15px;
        justify-content: space-evenly;
        padding: 0 8px;
    }
    .paragraph--view-mode--sponser-presenting-partners .view-content>div,
    .paragraph--view-mode--sponsor-listing-common .view-content>div,
    .paragraph--view-mode--sponsor-listing-common .view-content>div,
    .paragraph--view-mode--sponser-official-partners .view-content>div,
    .esp--presenting-partner .view-content>div,
    .esp--strategic-partner .view-content>div,
    .esp--media-partner .view-content>div,
    .esp--official-partner .view-content>div {
        max-width: 200px;
        margin-bottom: 8px;
    }
}

.paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .field__item,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item,
.paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item,
.esp--presenting-partner .view-content .sponsors-card .field__item,
.esp--strategic-partner .view-content .sponsors-card .field__item,
.esp--media-partner .view-content .sponsors-card .field__item,
.esp--official-partner .view-content .sponsors-card .field__item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 130px;
}

.paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
.paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
.esp--presenting-partner .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
.esp--strategic-partner .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
.esp--media-partner .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
.esp--official-partner .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo {
    padding: 25px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(121, 55, 164, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    max-height: 200px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
    .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
    .esp--presenting-partner .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
    .esp--strategic-partner .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
    .esp--media-partner .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo,
    .esp--official-partner .view-content .sponsors-card .field__item.field--name-field-spo-sponsor-logo {
        max-height: 115px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .field__item,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item,
    .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item,
    .esp--presenting-partner .view-content .sponsors-card .field__item,
    .esp--strategic-partner .view-content .sponsors-card .field__item,
    .esp--media-partner .view-content .sponsors-card .field__item,
    .esp--official-partner .view-content .sponsors-card .field__item {
        width: 100%;
        min-height: 65px;
        flex-basis: 50%;
        min-width: auto;
    }
}

.paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .field__item img,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item img,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item img,
.paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item img,
.esp--presenting-partner .view-content .sponsors-card .field__item img,
.esp--strategic-partner .view-content .sponsors-card .field__item img,
.esp--media-partner .view-content .sponsors-card .field__item img,
.esp--official-partner .view-content .sponsors-card .field__item img {
    width: 200px;
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .field__item img,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item img,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item img,
    .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item img,
    .esp--presenting-partner .view-content .sponsors-card .field__item img,
    .esp--strategic-partner .view-content .sponsors-card .field__item img,
    .esp--media-partner .view-content .sponsors-card .field__item img,
    .esp--official-partner .view-content .sponsors-card .field__item img {
        width: 175px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .field__item img,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item img,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .field__item img,
    .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item img,
    .esp--presenting-partner .view-content .sponsors-card .field__item img,
    .esp--strategic-partner .view-content .sponsors-card .field__item img,
    .esp--media-partner .view-content .sponsors-card .field__item img,
    .esp--official-partner .view-content .sponsors-card .field__item img {
        width: 160px;
        padding: 0 12px;
        width: auto;
    }
}

.paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .sponsors-link,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link,
.paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .sponsors-link,
.esp--presenting-partner .view-content .sponsors-card .sponsors-link,
.esp--strategic-partner .view-content .sponsors-card .sponsors-link,
.esp--media-partner .view-content .sponsors-card .sponsors-link,
.esp--official-partner .view-content .sponsors-card .sponsors-link {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.1) -1.52%, rgba(255, 255, 255, 0.024) 104.35%);
    opacity: 0.7;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 0px 0px 6px 6px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/link-arrow.png);
    background-repeat: no-repeat;
    background-position-x: 5%;
    background-position-y: center;
    height: 50px;
    padding: 10px;
    text-align: right;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .sponsors-link,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link,
    .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .sponsors-link,
    .esp--presenting-partner .view-content .sponsors-card .sponsors-link,
    .esp--strategic-partner .view-content .sponsors-card .sponsors-link,
    .esp--media-partner .view-content .sponsors-card .sponsors-link,
    .esp--official-partner .view-content .sponsors-card .sponsors-link {
        padding: 6px 12px 6px 30px;
        display: flex;
        align-items: center;
        height: 44px;
    }
}

[dir=rtl] body .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .sponsors-link,
[dir=rtl] body .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link,
[dir=rtl] body .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link,
[dir=rtl] body .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .sponsors-link,
[dir=rtl] body .esp--presenting-partner .view-content .sponsors-card .sponsors-link,
[dir=rtl] body .esp--strategic-partner .view-content .sponsors-card .sponsors-link,
[dir=rtl] body .esp--media-partner .view-content .sponsors-card .sponsors-link,
[dir=rtl] body .esp--official-partner .view-content .sponsors-card .sponsors-link {
    transform: scaleX(-1);
}

@media (max-width: 575.98px) {
    [dir=rtl] body .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .sponsors-link,
    [dir=rtl] body .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link,
    [dir=rtl] body .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link,
    [dir=rtl] body .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .sponsors-link,
    [dir=rtl] body .esp--presenting-partner .view-content .sponsors-card .sponsors-link,
    [dir=rtl] body .esp--strategic-partner .view-content .sponsors-card .sponsors-link,
    [dir=rtl] body .esp--media-partner .view-content .sponsors-card .sponsors-link,
    [dir=rtl] body .esp--official-partner .view-content .sponsors-card .sponsors-link {
        justify-content: flex-end;
    }
}

[dir=rtl] body .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .sponsors-link a,
[dir=rtl] body .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link a,
[dir=rtl] body .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link a,
[dir=rtl] body .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .sponsors-link a,
[dir=rtl] body .esp--presenting-partner .view-content .sponsors-card .sponsors-link a,
[dir=rtl] body .esp--strategic-partner .view-content .sponsors-card .sponsors-link a,
[dir=rtl] body .esp--media-partner .view-content .sponsors-card .sponsors-link a,
[dir=rtl] body .esp--official-partner .view-content .sponsors-card .sponsors-link a {
    text-align: left;
    transform: scaleX(-1);
}

.paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .sponsors-link a,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link a,
.paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link a,
.paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .sponsors-link a,
.esp--presenting-partner .view-content .sponsors-card .sponsors-link a,
.esp--strategic-partner .view-content .sponsors-card .sponsors-link a,
.esp--media-partner .view-content .sponsors-card .sponsors-link a,
.esp--official-partner .view-content .sponsors-card .sponsors-link a {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
    text-decoration: none;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .sponsors-link a,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link a,
    .paragraph--view-mode--sponsor-listing-common .view-content .sponsors-card .sponsors-link a,
    .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .sponsors-link a,
    .esp--presenting-partner .view-content .sponsors-card .sponsors-link a,
    .esp--strategic-partner .view-content .sponsors-card .sponsors-link a,
    .esp--media-partner .view-content .sponsors-card .sponsors-link a,
    .esp--official-partner .view-content .sponsors-card .sponsors-link a {
        font-size: 13px;
        line-height: 16px;
        padding: 0;
        display: flex;
        align-items: center;
    }
}

.paragraph--view-mode--sponser-presenting-partners .view-content>div,
.paragraph--view-mode--sponsor-listing-common .view-content>div,
.paragraph--view-mode--sponsor-listing-common .view-content>div,
.paragraph--view-mode--sponser-official-partners .view-content>div,
.esp--presenting-partner .view-content>div,
.esp--strategic-partner .view-content>div,
.esp--media-partner .view-content>div,
.esp--official-partner .view-content>div {
    position: relative;
    border-radius: 10px;
    border: 2px solid #00f5a3;
    overflow: hidden;
    transition: all 0.9s;
    padding-bottom: 45px;
}

.paragraph--view-mode--sponser-presenting-partners .view-content>div *,
.paragraph--view-mode--sponsor-listing-common .view-content>div *,
.paragraph--view-mode--sponsor-listing-common .view-content>div *,
.paragraph--view-mode--sponser-official-partners .view-content>div *,
.esp--presenting-partner .view-content>div *,
.esp--strategic-partner .view-content>div *,
.esp--media-partner .view-content>div *,
.esp--official-partner .view-content>div * {
    height: 100%;
}

.paragraph--view-mode--sponser-presenting-partners .view-content>div img,
.paragraph--view-mode--sponsor-listing-common .view-content>div img,
.paragraph--view-mode--sponsor-listing-common .view-content>div img,
.paragraph--view-mode--sponser-official-partners .view-content>div img,
.esp--presenting-partner .view-content>div img,
.esp--strategic-partner .view-content>div img,
.esp--media-partner .view-content>div img,
.esp--official-partner .view-content>div img {
    height: -moz-fit-content;
    height: fit-content;
}

.paragraph--view-mode--sponser-presenting-partners .view-content>div:before,
.paragraph--view-mode--sponsor-listing-common .view-content>div:before,
.paragraph--view-mode--sponsor-listing-common .view-content>div:before,
.paragraph--view-mode--sponser-official-partners .view-content>div:before,
.esp--presenting-partner .view-content>div:before,
.esp--strategic-partner .view-content>div:before,
.esp--media-partner .view-content>div:before,
.esp--official-partner .view-content>div:before {
    content: none;
    position: absolute;
    height: 20px;
    -webkit-clip-path: ellipse(50% 100% at 50% -20%);
    clip-path: ellipse(50% 100% at 50% -20%);
    background: #110E1B;
    z-index: 1;
    top: -3px;
    width: 100%;
    right: 0;
}

.paragraph--view-mode--sponser-presenting-partners .view-content>div:after,
.paragraph--view-mode--sponsor-listing-common .view-content>div:after,
.paragraph--view-mode--sponsor-listing-common .view-content>div:after,
.paragraph--view-mode--sponser-official-partners .view-content>div:after,
.esp--presenting-partner .view-content>div:after,
.esp--strategic-partner .view-content>div:after,
.esp--media-partner .view-content>div:after,
.esp--official-partner .view-content>div:after {
    content: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 18px;
    background: linear-gradient(-45deg, #3A0C4F, #00f5a3, #3A0C4F);
    -webkit-clip-path: ellipse(50% 100% at 50% -20%);
    clip-path: ellipse(50% 100% at 50% -20%);
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-presenting-partners .view-content .sponsors-card .field__item,
    .esp--presenting-partner .view-content .sponsors-card .field__item {
        flex-basis: 50%;
    }
}

.paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item,
.esp--official-partner .view-content .sponsors-card .field__item {
    display: flex;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item,
    .esp--official-partner .view-content .sponsors-card .field__item {
        min-width: auto;
        flex-basis: 50%;
        min-height: 100px;
    }
}

.paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item img,
.esp--official-partner .view-content .sponsors-card .field__item img {
    max-width: 220px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--sponser-official-partners .view-content .sponsors-card .field__item img,
    .esp--official-partner .view-content .sponsors-card .field__item img {
        max-width: 160px;
    }
}

.paragraph--type--columns-equal-component {
    position: relative;
    padding: 120px 0 150px;
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component {
        padding: 60px 0;
        overflow: hidden;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component {
    display: flex;
    justify-content: center;
    gap: 0;
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component {
        gap: 30px;
    }
}

@media (max-width: 767.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper {
        margin: 0px 0px 0 -25%;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .package-card-img img {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

@media (min-width: 992px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .package-card-img img {
        -webkit-clip-path: polygon(0 0, 100% 0%, 65% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 65% 100%, 0% 100%);
    }
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .package-card-img img {
        border-radius: 20px;
        aspect-ratio: 5/3;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content {
    right: 30px;
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content {
        right: 15px;
    }
}

@media (min-width: 992px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image::before {
        position: absolute;
        content: "";
        width: 3px;
        height: 588px;
        transform: translateY(-50%) rotate(-41deg);
        left: 150px;
        top: 50%;
        z-index: 9;
        border-radius: 200%;
        background: radial-gradient(214.61% 2641202.69% at -0.78% 29.51%, rgba(6, 255, 248, 0) 0%, #06FFF8 54.17%, rgba(6, 255, 248, 0) 100%);
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image::before {
    height: 650px;
    transform: translateY(-50%) rotate(-35deg);
    left: 140px;
}

@media (max-width: 1199.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image::before {
        height: 450px;
        left: 103px;
    }
}

@media (min-width: 992px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper {
        margin: 80px -25% 0 0;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .package-card-img img {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

@media (min-width: 992px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .package-card-img img {
        -webkit-clip-path: polygon(35% 0, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(35% 0, 100% 0%, 100% 100%, 0% 100%);
    }
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .package-card-img img {
        border-radius: 20px;
        aspect-ratio: 5/3;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content {
    right: auto;
    left: 30px;
    text-align: left;
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content {
        right: 15px;
        left: auto;
        text-align: right;
    }
}

@media (min-width: 992px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image::before {
        position: absolute;
        content: "";
        width: 3px;
        height: 588px;
        transform: translateY(-50%) rotate(-41deg);
        right: 146px;
        top: 50%;
        z-index: 9;
        border-radius: 200%;
        background: radial-gradient(214.61% 2641202.69% at -0.78% 29.51%, rgba(153, 0, 224, 0) 0%, #00f5a3 54.17%, rgba(153, 0, 224, 0) 100%);
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image::before {
    height: 650px;
    transform: translateY(-50%) rotate(-35deg);
    right: 140px;
}

@media (max-width: 1199.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image::before {
        height: 450px;
        right: 102px;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper {
    max-height: 340px;
    min-width: 680px;
    height: 100%;
    min-width: 550px;
}

@media (max-width: 1199.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper {
        min-width: 460px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper {
        min-width: 100%;
        min-height: 220px;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image {
    position: relative;
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content {
    position: absolute;
    top: 28px;
    width: 324px;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 9;
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content {
        top: 15px;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content .paragraph--type--title-description-component .field--name-field-pt-title {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 16px;
        line-height: 36px;
        margin: 0;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content .paragraph--type--title-description-component .field--name-field-pt-description p {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 20px;
    text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.75);
}

@media (max-width: 991.98px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 20px;
        line-height: 26px;
    }
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .overlay-content .btn.btn-primary {
    padding: 12px 24px;
}

.paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .paragraph--type--column-wrapper .paragraph--type--content-overlay-image .field--name-field-media-image img {
    width: 100%;
}

@media (min-width: 1200px) and (max-width:1399px) {
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(1) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image::before {
        height: 550px;
        transform: translateY(-50%) rotate(-35deg);
        left: 120px;
    }
    .paragraph--type--columns-equal-component .field--name-field-column-wrapper-component .field__item:nth-child(2) .paragraph--type--column-wrapper .paragraph--type--content-overlay-image::before {
        height: 550px;
        transform: translateY(-50%) rotate(-35deg);
        right: 120px;
    }
}

.paragraph--view-mode--home-sponsors {
    text-align: center;
}

[dir=rtl] body .paragraph--view-mode--home-sponsors .paragraph--type--title-description-component .field--name-field-pt-title {
    text-align: center !important;
}

@media (min-width: 768px) {
    .paragraph--view-mode--home-sponsors {
        margin-bottom: 68px;
    }
}

.paragraph--view-mode--home-sponsors .sponsor_title {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -1.5%;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-sponsors .field--name-field-pt-description p {
        max-width: 50%;
        margin: 0 auto;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-sponsors .field--name-field-pt-description p {
        padding: 0 27px;
    }
}

.paragraph--view-mode--home-sponsors .view-content {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.paragraph--view-mode--home-sponsors .view-content .views-row {
    min-width: 200px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(121, 55, 164, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 10px 20px;
    justify-content: center;
    background-size: cover;
    transition: all 0.9s;
    box-shadow: 0px 0px 0px 1px rgba(58, 7, 72, 0.4705882353);
    position: relative;
    overflow: hidden;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-sponsors .view-content .views-row {
        padding: 25px;
        height: 150px;
        width: 250px;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--home-sponsors .view-content .views-row {
        height: 125px;
    }
}

.paragraph--view-mode--home-sponsors .view-content .views-row img {
    max-width: 165px;
}

.paragraph--view-mode--home-sponsors .view-content .views-row:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
    transition: 0.7s;
    z-index: -1;
    border-radius: 50%;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-sponsors .view-content {
        gap: 10px;
    }
    .paragraph--view-mode--home-sponsors .view-content .views-row {
        width: 200px;
        min-width: auto;
        height: 125px;
    }
    .paragraph--view-mode--home-sponsors .view-content .views-row img {
        min-width: 150px;
        width: auto;
    }
}

.paragraph--view-mode--our-partners .paragraph--type--title-description-component .field--name-field-pt-title {
    margin-bottom: 20px;
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item {
    min-width: 200px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(121, 55, 164, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 10px 20px;
    justify-content: center;
    background-size: cover;
    transition: all 0.9s;
    box-shadow: 0px 0px 0px 1px rgba(58, 7, 72, 0.4705882353);
    position: relative;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item {
        min-width: auto !important;
        height: 60px;
        width: 100%;
    }
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item img {
    max-width: 165px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item img {
        max-width: 100%;
        width: auto;
        max-height: 50px;
    }
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
    transition: 0.7s;
    z-index: -1;
    border-radius: 50%;
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item:hover {
    background: none;
}

.paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item:hover:after {
    width: 400%;
    height: 400%;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference {
        gap: 10px;
    }
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item {
        width: 104px;
        min-width: -moz-max-content;
        min-width: max-content;
    }
    .paragraph--view-mode--our-partners .partners-content-wrapper .paragraph--view-mode--our-partners .field--name-field-crc-content-reference>.field__item img {
        max-width: 90px;
    }
}

@media (max-width: 575.98px) {
    .partners-wrapper {
        padding: 0 20px;
    }
}

.preseason-active .paragraph--view-mode--home-sponsors .paragraph--type--title-description-component .field--name-field-pt-title {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
    opacity: 0.8;
    margin-bottom: 20px;
    text-transform: uppercase;
    background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
}

@media (max-width: 991.98px) {
    .preseason-active .paragraph--view-mode--home-sponsors .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 25px;
    }
}

.paragraph--view-mode--home-devzone {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    justify-content: center;
    gap: 100px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/game-zone-bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 100px 0 60px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-devzone {
        gap: 15px;
        padding-top: 70px;
        margin-top: 50px;
        background: url(https://gamers8.gg/themes/custom/gamers/images/game-zone-mobilebg.png) no-repeat;
        background-size: 100% 100%;
        padding-bottom: 120px;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--home-devzone {
        padding: 100px 0;
        gap: 50px;
        background-size: 500% 115%;
        margin: 0;
    }
    .paragraph--view-mode--home-devzone .gamedevzone-cta {
        max-width: 550px;
        margin: 0 auto;
    }
    .paragraph--view-mode--home-devzone .field--name-field-term-reference {
        padding-bottom: 0 !important;
    }
}

.paragraph--view-mode--home-devzone .gamedevzone-left-wrap {
    flex-basis: 100%;
    align-self: center;
    max-width: 500px;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-wrap {
        flex-basis: 50%;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-wrap {
        padding: 0 20px;
        flex-basis: 100%;
    }
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference {
    display: flex;
    order: 30px;
    flex-basis: 100%;
    align-self: center;
    max-width: 550px;
    gap: 2rem;
    flex-wrap: wrap;
    padding-bottom: 80px;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference {
        flex-basis: 50%;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference {
        gap: 1rem;
        flex-wrap: wrap;
        padding-bottom: 0;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference>.field__item img {
        max-width: 165px;
    }
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference>.field__item:first-child {
    order: 3;
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference>.field__item:nth-child(2) {
    order: 1;
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference>.field__item:nth-child(3) {
    order: 2;
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference>.field__item:last-child {
    order: 0;
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference .taxonomy-term {
    position: relative;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference .taxonomy-term {
        box-shadow: 0px -2px 2px 1px #9251e4;
        border-radius: 10px;
    }
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference .taxonomy-term a.btn-primary {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference .taxonomy-term a.btn-primary {
        position: absolute;
        bottom: 10px;
        right: 50%;
        transform: translateX(50%);
        margin: 0;
        padding: 3px 10px;
        left: auto;
    }
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference .taxonomy-term h2 {
    position: relative;
    width: 100%;
    text-align: center;
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference .taxonomy-term h2 a {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    position: absolute;
    bottom: 20px;
    order: 3;
    right: 15px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-image .field--name-field-term-reference .taxonomy-term h2 a {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 20px;
        position: absolute;
        bottom: 40px;
        right: 50%;
        transform: translateX(50%);
        width: 100%;
    }
}

.paragraph--view-mode--home-devzone .gamedevzone-left-image.long-gamedev .field--name-field-term-reference>.field__item:first-child {
    margin-top: -95px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-devzone .gamedevzone-left-image.long-gamedev .field--name-field-term-reference>.field__item:first-child {
        margin-top: -65px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-devzone .field--name-field-cta {
        padding: 20px 20px 0 0;
    }
}

.paragraph--view-mode--home-festivals-attraction,
.paragraph--view-mode--festival-today-s-event,
.paragraph--view-mode--festival-landing-page {
    padding: 100px 0 100px;
    margin: 100px 0;
    background-color: #161b26;
    position: relative;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--home-festivals-attraction,
    .paragraph--view-mode--festival-today-s-event,
    .paragraph--view-mode--festival-landing-page {
        margin: 40px 0 44px;
        padding: 40px 0 60px;
    }
}

.paragraph--view-mode--home-festivals-attraction:after,
.paragraph--view-mode--festival-today-s-event:after,
.paragraph--view-mode--festival-landing-page:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #150619;
    -webkit-clip-path: ellipse(50% 100% at 50% 120%);
    clip-path: ellipse(50% 100% at 50% 120%);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--home-festivals-attraction:after,
    .paragraph--view-mode--festival-today-s-event:after,
    .paragraph--view-mode--festival-landing-page:after {
        -webkit-clip-path: ellipse(70% 100% at 50% 120%);
        clip-path: ellipse(70% 100% at 50% 120%);
    }
}

.paragraph--view-mode--home-festivals-attraction:before,
.paragraph--view-mode--festival-today-s-event:before,
.paragraph--view-mode--festival-landing-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #150619;
    -webkit-clip-path: ellipse(50% 100% at 50% -20%);
    clip-path: ellipse(50% 100% at 50% -20%);
    z-index: 1;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--home-festivals-attraction:before,
    .paragraph--view-mode--festival-today-s-event:before,
    .paragraph--view-mode--festival-landing-page:before {
        -webkit-clip-path: ellipse(60% 100% at 50% -60%);
        clip-path: ellipse(60% 100% at 50% -60%);
    }
}

.paragraph--view-mode--home-festivals-attraction .view-filters,
.paragraph--view-mode--festival-today-s-event .view-filters,
.paragraph--view-mode--festival-landing-page .view-filters {
    margin-bottom: 6px;
}

.paragraph--view-mode--home-festivals-attraction .result_not_found,
.paragraph--view-mode--festival-today-s-event .result_not_found,
.paragraph--view-mode--festival-landing-page .result_not_found {
    margin: 50px 0;
}

.paragraph--view-mode--home-festivals-attraction .slick-list,
.paragraph--view-mode--festival-today-s-event .slick-list,
.paragraph--view-mode--festival-landing-page .slick-list {
    padding: 0 !important;
    display: block;
    width: 100%;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-festivals-attraction .slick-list,
    .paragraph--view-mode--festival-today-s-event .slick-list,
    .paragraph--view-mode--festival-landing-page .slick-list {
        margin: 0 !important;
    }
}

.paragraph--view-mode--home-festivals-attraction .slick-list .slick-track,
.paragraph--view-mode--festival-today-s-event .slick-list .slick-track,
.paragraph--view-mode--festival-landing-page .slick-list .slick-track {
    display: flex;
    height: 100%;
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--home-festivals-attraction .slick-list .slick-track,
    .paragraph--view-mode--festival-today-s-event .slick-list .slick-track,
    .paragraph--view-mode--festival-landing-page .slick-list .slick-track {
        gap: 10px;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--home-festivals-attraction .slick-list .slick-track,
    .paragraph--view-mode--festival-today-s-event .slick-list .slick-track,
    .paragraph--view-mode--festival-landing-page .slick-list .slick-track {
        width: 100% !important;
    }
    .paragraph--view-mode--home-festivals-attraction .slick-list .slick-track .views-row,
    .paragraph--view-mode--festival-today-s-event .slick-list .slick-track .views-row,
    .paragraph--view-mode--festival-landing-page .slick-list .slick-track .views-row {
        flex: 0 0 100% !important;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-festivals-attraction .slick-list .slick-track,
    .paragraph--view-mode--festival-today-s-event .slick-list .slick-track,
    .paragraph--view-mode--festival-landing-page .slick-list .slick-track {
        gap: 45px;
    }
}

@media (min-width: 993px) and (max-width:1200px) {
    .paragraph--view-mode--home-festivals-attraction .slick-list .slick-track,
    .paragraph--view-mode--festival-today-s-event .slick-list .slick-track,
    .paragraph--view-mode--festival-landing-page .slick-list .slick-track {
        gap: 10px;
        justify-content: center;
    }
}

.paragraph--view-mode--home-festivals-attraction .slick-list .slick-track .views-row,
.paragraph--view-mode--festival-today-s-event .slick-list .slick-track .views-row,
.paragraph--view-mode--festival-landing-page .slick-list .slick-track .views-row {
    border: 0;
    background: transparent;
    padding-top: 20px;
}

.paragraph--view-mode--home-festivals-attraction .view-filters+.view-content,
.paragraph--view-mode--festival-today-s-event .view-filters+.view-content,
.paragraph--view-mode--festival-landing-page .view-filters+.view-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}

@media (min-width: 767px) and (max-width:992px) {
    .paragraph--view-mode--home-festivals-attraction .view-filters+.view-content,
    .paragraph--view-mode--festival-today-s-event .view-filters+.view-content,
    .paragraph--view-mode--festival-landing-page .view-filters+.view-content {
        gap: 10px;
    }
    .paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .views-row,
    .paragraph--view-mode--festival-today-s-event .view-filters+.view-content .views-row,
    .paragraph--view-mode--festival-landing-page .view-filters+.view-content .views-row {
        flex-basis: 48%;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-list,
    .paragraph--view-mode--festival-today-s-event .view-filters+.view-content .slick-list,
    .paragraph--view-mode--festival-landing-page .view-filters+.view-content .slick-list {
        padding: 0 0 0 20%;
    }
}

.paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .views-row,
.paragraph--view-mode--festival-today-s-event .view-filters+.view-content .views-row,
.paragraph--view-mode--festival-landing-page .view-filters+.view-content .views-row {
    padding-top: 20px;
}

.paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-dots,
.paragraph--view-mode--festival-today-s-event .view-filters+.view-content .slick-dots,
.paragraph--view-mode--festival-landing-page .view-filters+.view-content .slick-dots {
    display: none !important;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-dots,
    .paragraph--view-mode--festival-today-s-event .view-filters+.view-content .slick-dots,
    .paragraph--view-mode--festival-landing-page .view-filters+.view-content .slick-dots {
        display: flex !important;
    }
}

.paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-arrow,
.paragraph--view-mode--festival-today-s-event .view-filters+.view-content .slick-arrow,
.paragraph--view-mode--festival-landing-page .view-filters+.view-content .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: 0;
    top: -60px;
    font-size: 0;
    color: transparent;
    z-index: 1;
}

.paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-arrow.slick-prev,
.paragraph--view-mode--festival-today-s-event .view-filters+.view-content .slick-arrow.slick-prev,
.paragraph--view-mode--festival-landing-page .view-filters+.view-content .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
}

.paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-arrow.slick-next,
.paragraph--view-mode--festival-today-s-event .view-filters+.view-content .slick-arrow.slick-next,
.paragraph--view-mode--festival-landing-page .view-filters+.view-content .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 0;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-arrow,
    .paragraph--view-mode--festival-today-s-event .view-filters+.view-content .slick-arrow,
    .paragraph--view-mode--festival-landing-page .view-filters+.view-content .slick-arrow {
        display: none !important;
    }
}

.paragraph--view-mode--home-festivals-attraction .media--view-mode-festivals-attraction img,
.paragraph--view-mode--festival-today-s-event .media--view-mode-festivals-attraction img,
.paragraph--view-mode--festival-landing-page .media--view-mode-festivals-attraction img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
}

.paragraph--view-mode--home-festivals-attraction .event_img_with_tags_like,
.paragraph--view-mode--festival-today-s-event .event_img_with_tags_like,
.paragraph--view-mode--festival-landing-page .event_img_with_tags_like {
    position: relative;
}

.paragraph--view-mode--home-festivals-attraction .event-img-thumb,
.paragraph--view-mode--festival-today-s-event .event-img-thumb,
.paragraph--view-mode--festival-landing-page .event-img-thumb {
    border-radius: 10px;
    overflow: hidden;
}

.paragraph--view-mode--home-festivals-attraction .event-img-thumb img,
.paragraph--view-mode--festival-today-s-event .event-img-thumb img,
.paragraph--view-mode--festival-landing-page .event-img-thumb img {
    width: 100%;
    height: auto;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--home-festivals-attraction .views-row,
    .paragraph--view-mode--festival-today-s-event .views-row,
    .paragraph--view-mode--festival-landing-page .views-row {
        padding: 0 8px;
    }
}

.paragraph--view-mode--home-festivals-attraction .views-row article,
.paragraph--view-mode--home-festivals-attraction .views-row .event-content,
.paragraph--view-mode--festival-today-s-event .views-row article,
.paragraph--view-mode--festival-today-s-event .views-row .event-content,
.paragraph--view-mode--festival-landing-page .views-row article,
.paragraph--view-mode--festival-landing-page .views-row .event-content {
    height: 100%;
}

.paragraph--view-mode--home-festivals-attraction .views-row article:not(.media--type-image),
.paragraph--view-mode--festival-today-s-event .views-row article:not(.media--type-image),
.paragraph--view-mode--festival-landing-page .views-row article:not(.media--type-image) {
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
}

.paragraph--view-mode--home-festivals-attraction .event-wrapper,
.paragraph--view-mode--festival-today-s-event .event-wrapper,
.paragraph--view-mode--festival-landing-page .event-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: #29173D;
    color: #FFFFFF;
    position: relative;
}

.paragraph--view-mode--home-festivals-attraction .event-wrapper img,
.paragraph--view-mode--festival-today-s-event .event-wrapper img,
.paragraph--view-mode--festival-landing-page .event-wrapper img {
    width: 100%;
    height: 330px;
    margin: 0 auto 15px;
    border-radius: 16px;
    padding: 10px 9px 15px;
}

.paragraph--view-mode--home-festivals-attraction .event-wrapper .action_buttons,
.paragraph--view-mode--festival-today-s-event .event-wrapper .action_buttons,
.paragraph--view-mode--festival-landing-page .event-wrapper .action_buttons {
    margin-top: auto;
    padding: 15px !important;
}

.paragraph--view-mode--home-festivals-attraction .event-wrapper .action_buttons .btn-secondary,
.paragraph--view-mode--festival-today-s-event .event-wrapper .action_buttons .btn-secondary,
.paragraph--view-mode--festival-landing-page .event-wrapper .action_buttons .btn-secondary {
    border: 1px solid #FFFFFF;
}

.paragraph--view-mode--home-festivals-attraction .event-wrapper .action_buttons a,
.paragraph--view-mode--festival-today-s-event .event-wrapper .action_buttons a,
.paragraph--view-mode--festival-landing-page .event-wrapper .action_buttons a {
    flex: 1;
    justify-content: center;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-festivals-attraction .event-wrapper .action_buttons a,
    .paragraph--view-mode--festival-today-s-event .event-wrapper .action_buttons a,
    .paragraph--view-mode--festival-landing-page .event-wrapper .action_buttons a {
        padding: 10px 20px;
    }
}

.paragraph--view-mode--home-festivals-attraction .event_tags,
.paragraph--view-mode--festival-today-s-event .event_tags,
.paragraph--view-mode--festival-landing-page .event_tags {
    position: absolute;
    bottom: 15px;
    width: 100%;
    display: flex;
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content,
.paragraph--view-mode--festival-today-s-event .event_detail_content,
.paragraph--view-mode--festival-landing-page .event_detail_content {
    color: #FFFFFF;
    background: #29173D;
    -webkit-backdrop-filter: blur(11.5714px);
    backdrop-filter: blur(11.5714px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0;
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content .event_start_date,
.paragraph--view-mode--festival-today-s-event .event_detail_content .event_start_date,
.paragraph--view-mode--festival-landing-page .event_detail_content .event_start_date {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content .event_vanue,
.paragraph--view-mode--festival-today-s-event .event_detail_content .event_vanue,
.paragraph--view-mode--festival-landing-page .event_detail_content .event_vanue {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/location-fill.png);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content>*,
.paragraph--view-mode--festival-today-s-event .event_detail_content>*,
.paragraph--view-mode--festival-landing-page .event_detail_content>* {
    padding: 0 10px 10px;
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content .event_name_from,
.paragraph--view-mode--festival-today-s-event .event_detail_content .event_name_from,
.paragraph--view-mode--festival-landing-page .event_detail_content .event_name_from {
    display: flex;
    padding-bottom: 12px;
    justify-content: space-between;
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content .event_name_from>*,
.paragraph--view-mode--festival-today-s-event .event_detail_content .event_name_from>*,
.paragraph--view-mode--festival-landing-page .event_detail_content .event_name_from>* {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

@media (min-width: 768px) and (max-width:1200px) {
    .paragraph--view-mode--home-festivals-attraction .event_detail_content .event_name_from>*,
    .paragraph--view-mode--festival-today-s-event .event_detail_content .event_name_from>*,
    .paragraph--view-mode--festival-landing-page .event_detail_content .event_name_from>* {
        flex-basis: 50%;
    }
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content .event_name_from>* span,
.paragraph--view-mode--festival-today-s-event .event_detail_content .event_name_from>* span,
.paragraph--view-mode--festival-landing-page .event_detail_content .event_name_from>* span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content .event_start_date,
.paragraph--view-mode--festival-today-s-event .event_detail_content .event_start_date,
.paragraph--view-mode--festival-landing-page .event_detail_content .event_start_date {
    margin-bottom: 2px;
}

.paragraph--view-mode--home-festivals-attraction .event_detail_content .event_des,
.paragraph--view-mode--festival-today-s-event .event_detail_content .event_des,
.paragraph--view-mode--festival-landing-page .event_detail_content .event_des {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 2px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--home-festivals-attraction .event_detail_content .event_des,
    .paragraph--view-mode--festival-today-s-event .event_detail_content .event_des,
    .paragraph--view-mode--festival-landing-page .event_detail_content .event_des {
        line-height: 19px;
    }
}

.paragraph--view-mode--home-festivals-attraction .action_buttons,
.paragraph--view-mode--festival-today-s-event .action_buttons,
.paragraph--view-mode--festival-landing-page .action_buttons {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.paragraph--view-mode--home-festivals-attraction .action_buttons .btn-secondary,
.paragraph--view-mode--festival-today-s-event .action_buttons .btn-secondary,
.paragraph--view-mode--festival-landing-page .action_buttons .btn-secondary {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: left;
    border: 0;
}

.paragraph--view-mode--home-festivals-attraction .likes,
.paragraph--view-mode--festival-today-s-event .likes,
.paragraph--view-mode--festival-landing-page .likes {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/Heart.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: right;
    padding-right: 20px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.011em;
}

.paragraph--view-mode--home-festivals-attraction .today_event_tag,
.paragraph--view-mode--festival-today-s-event .today_event_tag,
.paragraph--view-mode--festival-landing-page .today_event_tag {
    position: absolute;
    width: 93px;
    right: 0;
    top: 0;
    background: #503989;
    border-radius: 5px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    padding-top: 3px;
}

.paragraph--view-mode--home-festivals-attraction .event_tag,
.paragraph--view-mode--festival-today-s-event .event_tag,
.paragraph--view-mode--festival-landing-page .event_tag {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 10px rgba(17, 14, 25, 0.3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 7px;
    transform: skew(21deg);
    padding: 5px 10px;
    margin-left: 10px;
}

.paragraph--view-mode--home-festivals-attraction .event_tag span,
.paragraph--view-mode--festival-today-s-event .event_tag span,
.paragraph--view-mode--festival-landing-page .event_tag span {
    transform: skew(-21deg);
    display: inline-block;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.011em;
}

.paragraph--view-mode--home-festivals-attraction .event_tags_amenties,
.paragraph--view-mode--festival-today-s-event .event_tags_amenties,
.paragraph--view-mode--festival-landing-page .event_tags_amenties {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    width: 100%;
}

.paragraph--view-mode--home-festivals-attraction .amenities,
.paragraph--view-mode--festival-today-s-event .amenities,
.paragraph--view-mode--festival-landing-page .amenities {
    left: 15px;
    position: absolute;
    bottom: 15px;
    width: 34px;
    height: 34px;
    background: #29173D;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paragraph--view-mode--home-festivals-attraction .amenities img,
.paragraph--view-mode--festival-today-s-event .amenities img,
.paragraph--view-mode--festival-landing-page .amenities img {
    aspect-ratio: 1;
    width: 18px;
}

.paragraph--view-mode--home-festivals-attraction .event_name,
.paragraph--view-mode--festival-today-s-event .event_name,
.paragraph--view-mode--festival-landing-page .event_name {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.paragraph--view-mode--home-festivals-attraction .event_name span,
.paragraph--view-mode--festival-today-s-event .event_name span,
.paragraph--view-mode--festival-landing-page .event_name span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.paragraph--view-mode--home-festivals-attraction .start_from,
.paragraph--view-mode--festival-today-s-event .start_from,
.paragraph--view-mode--festival-landing-page .start_from {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.paragraph--view-mode--home-festivals-attraction .start_from span,
.paragraph--view-mode--festival-today-s-event .start_from span,
.paragraph--view-mode--festival-landing-page .start_from span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.paragraph--view-mode--home-festivals-attraction .date_n_vanue,
.paragraph--view-mode--festival-today-s-event .date_n_vanue,
.paragraph--view-mode--festival-landing-page .date_n_vanue {
    margin: 0;
}

.paragraph--view-mode--home-festivals-attraction .date_n_vanue p,
.paragraph--view-mode--festival-today-s-event .date_n_vanue p,
.paragraph--view-mode--festival-landing-page .date_n_vanue p {
    margin: 0;
}

.paragraph--view-mode--home-festivals-attraction .paragraph.paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect,
.paragraph--view-mode--festival-today-s-event .paragraph.paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect,
.paragraph--view-mode--festival-landing-page .paragraph.paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect {
    text-align: center;
}

.paragraph--view-mode--home-festivals-attraction .paragraph--type--title-description-component .field--name-field-pt-description p,
.paragraph--view-mode--festival-today-s-event .paragraph--type--title-description-component .field--name-field-pt-description p,
.paragraph--view-mode--festival-landing-page .paragraph--type--title-description-component .field--name-field-pt-description p {
    max-width: 700px;
    margin: 0 auto 30px;
}

.paragraph--view-mode--home-festivals-attraction .paragraph.paragraph--type--cta-component.paragraph--view-mode--default,
.paragraph--view-mode--festival-today-s-event .paragraph.paragraph--type--cta-component.paragraph--view-mode--default,
.paragraph--view-mode--festival-landing-page .paragraph.paragraph--type--cta-component.paragraph--view-mode--default {
    text-align: center;
    margin-top: 35px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--home-festivals-attraction .paragraph.paragraph--type--cta-component.paragraph--view-mode--default,
    .paragraph--view-mode--festival-today-s-event .paragraph.paragraph--type--cta-component.paragraph--view-mode--default,
    .paragraph--view-mode--festival-landing-page .paragraph.paragraph--type--cta-component.paragraph--view-mode--default {
        margin-top: 20px;
    }
}

.paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs,
.paragraph--view-mode--festival-today-s-event .nav-tabs.skew-tabs,
.paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs {
    width: 100%;
    padding-right: 0;
}

.paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs .nav-link.active,
.paragraph--view-mode--festival-today-s-event .nav-tabs.skew-tabs .nav-link.active,
.paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs .nav-link.active {
    border: none;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs,
    .paragraph--view-mode--festival-today-s-event .nav-tabs.skew-tabs,
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-right: 8px;
    }
    .paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs::-webkit-scrollbar,
    .paragraph--view-mode--festival-today-s-event .nav-tabs.skew-tabs::-webkit-scrollbar,
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs,
    .paragraph--view-mode--festival-today-s-event .nav-tabs.skew-tabs,
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs {
        justify-content: center;
    }
    .paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs .nav-item,
    .paragraph--view-mode--festival-today-s-event .nav-tabs.skew-tabs .nav-item,
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs .nav-item {
        flex: none !important;
    }
    .paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs .nav-item label,
    .paragraph--view-mode--festival-today-s-event .nav-tabs.skew-tabs .nav-item label,
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs .nav-item label {
        min-width: 200px;
    }
}

.paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs .nav-item,
.paragraph--view-mode--festival-today-s-event .nav-tabs.skew-tabs .nav-item,
.paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs .nav-item {
    flex: 1;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.paragraph--view-mode--home-festivals-attraction .bef-exposed-form,
.paragraph--view-mode--festival-today-s-event .bef-exposed-form,
.paragraph--view-mode--festival-landing-page .bef-exposed-form {
    width: 100%;
}

.paragraph--view-mode--home-festivals-attraction .bef-exposed-form .form--inline>.form-item,
.paragraph--view-mode--festival-today-s-event .bef-exposed-form .form--inline>.form-item,
.paragraph--view-mode--festival-landing-page .bef-exposed-form .form--inline>.form-item {
    margin: 0;
    width: 100%;
}

.paragraph--view-mode--home-festivals-attraction .event_name_from,
.paragraph--view-mode--festival-today-s-event .event_name_from,
.paragraph--view-mode--festival-landing-page .event_name_from {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.paragraph--view-mode--home-festivals-attraction .slick-list,
.paragraph--view-mode--festival-today-s-event .slick-list,
.paragraph--view-mode--festival-landing-page .slick-list {
    margin: 0 -15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .views-row {
        flex: 0 0 100%;
    }
    .festival-landing .container {
        padding: 0 12px;
    }
}

@media (max-width: 575.98px) {
    .festival-landing .paragraph--view-mode--content-with-image-ticket {
        background: #161b26;
        padding-top: 20px;
        position: relative;
    }
    .festival-landing .paragraph--view-mode--content-with-image-ticket:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 50px;
        background: #150619;
        -webkit-clip-path: ellipse(50% 100% at 50% -20%);
        clip-path: ellipse(50% 100% at 50% -20%);
        z-index: 1;
    }
    .festival-landing .paragraph--view-mode--content-with-image-ticket .daypass-wrap-with-image {
        margin: 50px 20px 0;
        background: #29173D;
    }
}

.festival-landing .field--name-field-pt-title {
    margin-bottom: 30px;
}

@media (min-width: 768px) and (max-width:991.98px) {
    .festival-landing .daypass-wrapper {
        gap: 0;
    }
    .festival-landing .daypass-wrapper .daypass-left {
        padding: 3px 20px 3px 0px;
    }
    .festival-landing .daypass-wrapper .daypass-left .field--name-field-pt-description p,
    .festival-landing .daypass-wrapper .daypass-left .field--name-field-pt-title {
        margin-bottom: 10px;
    }
    .festival-landing .daypass-wrapper .daypass-left .paragraph--type--cta-component .btn {
        padding: 6px 12px !important;
    }
    .festival-landing .daypass-wrapper .daypass-right {
        width: 100%;
    }
}

.festival-landing .daypass-mobile .title-wrapper::before,
.festival-landing .daypass-mobile .title-wrapper::after {
    content: url(https://gamers8.gg/themes/custom/gamers/images/daypass-festival.png) !important;
}

.paragraph--view-mode--festival-today-s-event,
.paragraph--view-mode--festival-landing-page {
    padding: 90px 0 10px;
    margin: 48px 0 70px;
}

.paragraph--view-mode--festival-today-s-event .view-content,
.paragraph--view-mode--festival-landing-page .view-content {
    display: flex;
    gap: 0 45px;
    flex-wrap: wrap;
    width: 100%;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-today-s-event .view-content .views-row,
    .paragraph--view-mode--festival-landing-page .view-content .views-row {
        flex-basis: 100% !important;
        min-width: 100%;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--festival-today-s-event .view-content .views-row,
    .paragraph--view-mode--festival-landing-page .view-content .views-row {
        flex: 0 0 30%;
        margin: 0 !important;
    }
}

.paragraph--view-mode--festival-today-s-event ::before,
.paragraph--view-mode--festival-today-s-event ::after,
.paragraph--view-mode--festival-landing-page ::before,
.paragraph--view-mode--festival-landing-page ::after {
    content: none;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-today-s-event .form-action#edit-actions,
    .paragraph--view-mode--festival-landing-page .form-action#edit-actions {
        display: none;
    }
}

.paragraph--view-mode--festival-landing-page .align-left {
    width: 100%;
}

.paragraph--view-mode--festival-landing-page .align-left .field--name-field-pt-title {
    text-shadow: none;
    text-align: right;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 36px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-landing-page .align-left .field--name-field-pt-title {
        text-align: center;
        font-size: 28px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 40px;
    }
}

.paragraph--view-mode--festival-landing-page .view-filters+.view-content {
    display: block;
}

.paragraph--view-mode--festival-landing-page .view-content {
    margin-bottom: 40px;
}

.paragraph--view-mode--festival-landing-page .view-content .slick-track {
    gap: 0 !important;
}

@media (min-width: 768px) {
    .paragraph--view-mode--festival-landing-page .view-content .slick-track .views-row {
        flex: 0 0 auto !important;
        margin: 0 22.5px !important;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-landing-page .view-content .views-row {
        flex: 0 0 100% !important;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--festival-landing-page {
        background: #161b26 !important;
        padding-top: 70px !important;
    }
    .paragraph--view-mode--festival-landing-page ul a {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 20px;
    }
}

.paragraph--view-mode--festival-landing-page .result_not_found {
    margin: 10px 0 80px;
}

.paragraph--view-mode--festival-landing-page.date-no-empty .startenddatewise-wrapper input {
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat 10% center !important;
    background-size: 12px !important;
}

body.date-no-empty #ui-datepicker-div {
    display: none !important;
}

.festival-landing .paragraph--view-mode--festival-like-event {
    padding: 0 !important;
    background-color: transparent !important;
}

.festival-landing .paragraph--view-mode--festival-like-event::before,
.festival-landing .paragraph--view-mode--festival-like-event::after {
    content: none !important;
}

.festival-landing .paragraph--view-mode--festival-like-event .event-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.festival-landing .paragraph--view-mode--festival-like-event .action_buttons {
    margin: auto -10px -10px;
    padding: 15px;
}

.festival-landing .paragraph--view-mode--festival-like-event .views-row article,
.festival-landing .paragraph--view-mode--festival-like-event .views-row .event-content {
    height: 100%;
}

.festival-landing .paragraph--view-mode--festival-like-event .today_event_likes {
    display: none;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page {
    margin: 0px 0 17px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content {
    width: 100%;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content.view-row-lt-three,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three {
    display: flex;
    flex-wrap: wrap;
    float: right;
    margin: 0 -22px;
    width: 100%;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .slick-dots li,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li {
    list-style: none;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .slick-dots li button,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li button {
    height: 12px;
    width: 12px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .slick-dots li.slick-active,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li.slick-active {
    background: #b200e5;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .slick-dots li.slick-active button,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li.slick-active button {
    background: #FFFFFF;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .slick-dots,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots {
    margin: 0;
    margin-top: 27px;
    flex-wrap: wrap;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .slick-list,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .slick-list {
    margin: 0 -22.5px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row {
    background: #29173D;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    margin: 0 22.5px;
    padding: 10px;
    overflow: hidden;
    max-width: 33%;
    flex: 1;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .slick-arrow,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: 0;
    position: absolute;
    bottom: -60px;
    font-size: 0;
    color: transparent;
    z-index: 1;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .slick-arrow.slick-prev,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    right: 0;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .slick-arrow.slick-next,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 0;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content {
    color: #FFFFFF;
    padding: 15px 5px 5px;
    -webkit-backdrop-filter: blur(11.5714px);
    backdrop-filter: blur(11.5714px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_des,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_des {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 21px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 12px 0;
    height: 45px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_name,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_name {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    max-height: 55px;
    overflow: hidden;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_name span,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_name span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_name_from,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_name_from {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_from,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_from {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_from span,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_from span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_start_date,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_start_date {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_vanue,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_vanue {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/locate.svg);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .action_buttons,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .action_buttons {
    border-top: 0;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .action_buttons:before,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .action_buttons:before {
    content: "";
    background: #fff;
    opacity: 0.12;
    position: absolute;
    width: 200%;
    right: -30px;
    top: 0;
    height: 1px;
    z-index: 5;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .action_buttons a,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .action_buttons a {
    flex: 1;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .action_buttons .btn-secondary,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .action_buttons .btn-secondary {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    border: 0;
    border: 1px solid;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event-img-thumb,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event-img-thumb {
    overflow: hidden;
    border-radius: 10px;
}

.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_landing_page .view-content .views-row .event-img-thumb img,
.festival-landing .paragraph--view-mode--festival-like-event .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event-img-thumb img {
    max-height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page {
    margin: 0px 0 17px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 45px;
}

@media (max-width: 991.98px) {
    .festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference {
        gap: 25px;
    }
    .festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item {
        flex-basis: 48%;
    }
}

@media (max-width: 767.98px) {
    .festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference {
        gap: 20px;
    }
    .festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item {
        flex: 0 0 100% !important;
    }
    .festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item:last-child {
        margin-bottom: 0;
    }
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li {
    list-style: none;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li button {
    height: 12px;
    width: 12px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li.slick-active {
    background: #b200e5;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li.slick-active button {
    background: #FFFFFF;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots {
    margin: 0;
    margin-top: 27px;
    flex-wrap: wrap;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-list {
    margin: 0 -22.5px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference {
    width: 100%;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .slick-track .field__item {
    margin: 0 22.5px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item {
    background: #29173D;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    flex: 0 0 30%;
}

@media (max-width: 767.98px) {
    .festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item {
        flex-basis: 100%;
    }
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: 0;
    position: absolute;
    bottom: -60px;
    font-size: 0;
    color: transparent;
    z-index: 1;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    right: 0;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 0;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content {
    color: #FFFFFF;
    padding: 15px 5px 5px;
    -webkit-backdrop-filter: blur(11.5714px);
    backdrop-filter: blur(11.5714px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_des {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 21px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 12px 0;
    height: 45px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_name {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    max-height: 55px;
    overflow: hidden;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_name span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_name_from {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_from {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_from span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_start_date {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_vanue {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/locate.svg);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .action_buttons {
    border-top: 0;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .action_buttons:before {
    content: "";
    background: #fff;
    opacity: 0.12;
    position: absolute;
    width: 200%;
    right: -30px;
    top: 0;
    height: 1px;
    z-index: 5;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .action_buttons a {
    flex: 1;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .action_buttons .btn-secondary {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    border: 0;
    border: 1px solid;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event-img-thumb {
    overflow: hidden;
    border-radius: 10px;
}

.festival-landing .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event-img-thumb img {
    max-height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1;
}

.festival-landing .paragraph--view-mode--festival-like-event .slick-dots {
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--festival-today-s-event .slick-dots {
        flex-wrap: wrap;
    }
}

.paragraph--view-mode--festival-today-s-event .view-display-id-todays_event_slider_festival_landing_page>.view-content:not(.slick-slider) {
    margin-bottom: 5rem;
}

.paragraph--view-mode--festival-today-s-event .field--name-field-pt-title {
    margin-bottom: 38px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-today-s-event .field--name-field-pt-title {
        margin-bottom: 27px;
    }
}

.paragraph--view-mode--festival-today-s-event .view-content {
    display: flex;
    justify-content: center;
}

.paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable {
    padding: 0 !important;
}

.paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable .slick-track {
    display: flex;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable .slick-track {
        gap: 20px;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable .slick-track {
        gap: 32px;
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable .slick-track {
        gap: 45px;
    }
}

.paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable .slick-track .views-row {
    flex-basis: 100%;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable .slick-track .views-row {
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable .slick-track .views-row {
        margin: 0 !important;
        flex: 0 0 30%;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-list.draggable .slick-track {
        gap: 0;
    }
}

@media (min-width: 768px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots li {
        list-style: none;
        width: 24px;
        height: 24px;
        margin: 0 5px;
        border-radius: 50%;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots li button {
        height: 12px;
        width: 12px;
    }
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots li.slick-active {
        background: #b200e5;
    }
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots li.slick-active button {
        background: #FFFFFF;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots {
        padding: 0;
        flex-basis: 100%;
        display: flex;
        justify-content: center;
        gap: 0;
    }
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots button {
        width: 100%;
        font-size: 0;
        border: 0;
        height: 4px;
    }
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots li {
        list-style: none;
        width: 25px;
        height: 4px;
    }
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots li.slick-active button {
        background-color: #b200e5;
    }
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots li:not(.slick-active):last-of-type button {
        border-radius: 10px;
    }
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots li:not(.slick-active) button {
        border-radius: 0;
        background: #D9D9D9 !important;
        opacity: 0.3;
        border-radius: 0px;
    }
}

.paragraph--view-mode--festival-today-s-event .view-content .slick-dots {
    margin-top: 28px;
    margin-bottom: 83px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-today-s-event .view-content .slick-dots {
        margin-top: 0;
        margin-bottom: 35px;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-today-s-event {
        margin: 45px 0 0 !important;
    }
}

.paragraph--view-mode--festival-today-s-event,
.paragraph--view-mode--festival-today-s-event .paragraph--view-mode--home-festivals-attraction {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.paragraph--view-mode--festival-today-s-event:before,
.paragraph--view-mode--festival-today-s-event:after,
.paragraph--view-mode--festival-today-s-event .paragraph--view-mode--home-festivals-attraction:before,
.paragraph--view-mode--festival-today-s-event .paragraph--view-mode--home-festivals-attraction:after {
    content: none;
}

@media (min-width: 768px) and (max-width:992px) {
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs .nav-item {
        min-width: 150px;
        margin-top: -1px;
    }
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs .nav-item .form-item label {
        text-align: right;
    }
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs .nav-item .form-item label:before {
        left: 20px;
        right: auto;
        transform: none;
    }
    .paragraph--view-mode--festival-landing-page .nav-tabs.skew-tabs .nav-item label:after {
        transform: none !important;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--festival-landing-page {
        padding: 0;
        margin: 0;
        background-color: transparent;
    }
    .paragraph--view-mode--festival-landing-page:before,
    .paragraph--view-mode--festival-landing-page:after {
        content: none;
    }
}

.paragraph--view-mode--festival-landing-page .view-filters .form-wrapper {
    order: 6;
}

.paragraph--view-mode--festival-landing-page .view-content>div {
    display: flex;
    gap: 45px;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--festival-landing-page .view-content>div {
        justify-content: center;
        gap: 25px;
    }
}

.paragraph--view-mode--festival-landing-page ul {
    margin: 40px auto 90px;
    text-align: center;
    padding: 0;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--festival-landing-page ul {
        margin: 40px auto 65px;
        padding-bottom: 20px;
    }
}

.paragraph--view-mode--festival-landing-page ul a {
    color: #FFFFFF;
    background: transparent;
    padding: 12px 20px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 20px;
}

.paragraph--view-mode--festival-landing-page .view-filters {
    width: 100%;
}

.paragraph--view-mode--festival-landing-page .view-filters ul.skew-tabs {
    margin: 50px auto 40px;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline {
    display: flex;
    gap: 0 25px;
    flex-wrap: wrap;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id {
    order: 4;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper {
    order: 5;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .form-item-startenddatewise {
    margin: 0;
}

@media (min-width: 992px) and (max-width:1400px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .form-item-startenddatewise {
        margin-top: 1rem;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline {
        gap: 25px;
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline {
        width: 100%;
        gap: 27px 0;
        padding: 0 8px;
        justify-content: space-between;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .fieldgroup {
        width: 100% !important;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .fieldgroup .form-radios label {
        min-width: 100%;
        width: 100% !important;
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 15.6px;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id {
        display: none;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .form-item-startenddatewise {
        margin: 0 !important;
    }
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline>* {
    width: auto !important;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-textfield:not(.form-item-combine) input {
    min-width: 208px;
}

@media (min-width: 768px) and (max-width:991.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-textfield:not(.form-item-combine) input {
        width: calc(100vw - 60px);
    }
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-textfield.form-item-combine {
    background: url(https://gamers8.gg/themes/custom/gamers/images/search-icon.png) no-repeat;
    background-position: center left 20px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-textfield.form-item-combine {
        flex-basis: 80%;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-textfield.form-item-combine input {
        min-width: auto;
        max-height: 50px;
        border: 1px solid rgba(255, 255, 255, 0.7);
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-textfield.form-item-combine {
        flex-basis: 85%;
    }
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .date-venue-wrapper .mob-filter-icon {
    display: none;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .date-venue-wrapper .mob-filter-icon {
        width: 50px;
        height: 50px;
        display: block;
        background: url(https://gamers8.gg/themes/custom/gamers/images/filter-toggle.png) no-repeat;
        background-size: 100% 100%;
    }
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper {
    width: 208px !important;
    position: relative;
    max-height: 56px;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time .date-clear,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise .date-clear,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id .date-clear,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise .date-clear,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id .date-clear,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .date-clear {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

[dir=rtl] body .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time .date-clear,
[dir=rtl] body .paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise .date-clear,
[dir=rtl] body .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id .date-clear,
[dir=rtl] body .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise .date-clear,
[dir=rtl] body .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id .date-clear,
[dir=rtl] body .paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .date-clear {
    left: auto;
    right: 12px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper {
        display: none;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper.show-filter {
        display: block;
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id.show-filter,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper.show-filter {
        margin: 15px 0 0;
    }
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time label,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise label,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id label,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise label,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id label,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    position: absolute;
    right: 17px;
    top: -5px;
    background: #1B1529;
    padding: 0 5px;
    z-index: 1;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time .form-control,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise .form-control,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id .form-control,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise .form-control,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id .form-control,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .form-control {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 21px 18px 16px 40px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    background-repeat: no-repeat;
    background-position-x: 5%;
    background-position-y: center;
    cursor: pointer;
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time .form-control,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise .form-control,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id .form-control,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise .form-control,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id .form-control,
    .paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .form-control {
        width: calc(100vw - 60px);
    }
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time .form-control::-moz-placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise .form-control::-moz-placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id .form-control::-moz-placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise .form-control::-moz-placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id .form-control::-moz-placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .form-control::-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-mc-date-and-time .form-control::placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .datewise-wrapper .form-item-datewise .form-control::placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-mc-venue-target-id .form-control::placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-startenddatewise .form-control::placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-item-field-event-venue-target-id .form-control::placeholder,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .startenddatewise-wrapper .form-control::placeholder {
    color: #FFFFFF;
    opacity: 1;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-select select {
    padding: 19px;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-textfield,
.paragraph--view-mode--festival-landing-page .view-filters .form--inline .form-type-select {
    position: relative;
}

.paragraph--view-mode--festival-landing-page .view-filters .form--inline>.form-item>label {
    transform: translate(-0.25rem, -65%) scale(0.8);
    position: absolute;
    color: #FFFFFF;
    background-color: #161b26;
    transform-origin: 100% 0;
    z-index: 999;
    right: 17px;
    top: 5px;
    padding: 0 8px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 16.8px;
    z-index: 1;
}

.paragraph--view-mode--festival-landing-page .view-filters .form-text {
    margin: 0;
    min-width: 670px;
    padding: 19px;
    border: 1px solid #FFFFFF;
    background: transparent;
    border-radius: 10px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form-text {
        padding: 16px;
        min-width: 200px;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form-text::-moz-placeholder {
        font-size: 14px;
        line-height: 17px;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form-text::placeholder {
        font-size: 14px;
        line-height: 17px;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form-text:-moz-placeholder-shown {
        text-overflow: ellipsis;
        padding-left: 50px;
    }
    .paragraph--view-mode--festival-landing-page .view-filters .form-text:placeholder-shown {
        text-overflow: ellipsis;
        padding-left: 50px;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--festival-landing-page .view-filters .form-text {
        min-width: 81vw;
    }
}

.festival-content-background-wrapper {
    position: relative;
    margin-bottom: 80px;
}

@media (max-width: 767.98px) {
    .festival-content-background-wrapper {
        margin-bottom: 3rem;
    }
}

.festival-content-background-wrapper img {
    width: 100%;
}

@media (max-width: 767.98px) {
    .festival-content-background-wrapper img {
        height: 232px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 10px;
    }
}

.festival-content-background-wrapper .text-wrapper {
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    color: white;
    top: 25px;
    right: 60px;
}

@media (max-width: 767.98px) {
    .festival-content-background-wrapper .text-wrapper {
        top: 15px;
        right: 15px;
    }
}

.festival-content-background-wrapper .text-wrapper .field--name-field-it-title {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 300;
    line-height: 54px;
}

@media (max-width: 767.98px) {
    .festival-content-background-wrapper .text-wrapper .field--name-field-it-title {
        font-size: 18px;
        color: #FFFFFF;
        font-weight: 300;
        line-height: 34px;
    }
}

.festival-content-background-wrapper .text-wrapper .field--name-field-it-sub-title {
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 54px;
}

@media (max-width: 767.98px) {
    .festival-content-background-wrapper .text-wrapper .field--name-field-it-sub-title {
        font-size: 22px;
        color: #FFFFFF;
        font-weight: 300;
        line-height: 34px;
    }
}

@media (min-width: 768px) {
    .festival-content-background-wrapper .text-wrapper .field--name-field-it-sub-title {
        margin-bottom: 22px;
    }
}

.festival-content-background-wrapper .text-wrapper .field--type-text-with-summary p {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 767.98px) {
    .festival-content-background-wrapper .text-wrapper .field--type-text-with-summary p {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 30px;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .festival-content-background-wrapper .text-wrapper {
        top: 0;
    }
    .festival-content-background-wrapper .text-wrapper .field--name-field-it-sub-title {
        font-size: 30px;
        line-height: 44px;
    }
}

.paragraph--view-mode--festival-category-listing.esp--explore-events-by-venue .field--name-field-pt-title {
    text-align: right;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper {
    margin: 30px 0 80px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-category-listing .explore-catergories-wrapper>div {
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper>div .slick-dots {
    margin-top: 25px;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .courses-category-card {
    background: #161b26;
    padding: 5px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 10px;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .courses-category-card .courses-category-link a {
    line-height: 17px;
    padding: 0px 13px 0px 36px;
    margin: 8px 0;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .courses-category-card .courses-category-name {
    margin-top: 15px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 19.2px;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-list .slick-slide {
    padding: 0 5px;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-list .slick-slide img {
    width: 100%;
    aspect-ratio: 5/4;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-list {
        margin: 0;
    }
    .paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-list+.slick-dots {
        height: 4px;
        overflow: hidden;
        margin: 15px auto 0;
        border-radius: 5px;
    }
    .paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-list+.slick-dots li {
        margin: 0;
        height: 100%;
        border-radius: 0;
        width: 15px;
    }
    .paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-list+.slick-dots li button {
        border-radius: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
    .paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-list+.slick-dots li.slick-active button {
        background: #00f5a3;
    }
}

@media (max-width: 480px) {
    .paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-list {
        padding: 0 0 0 45% !important;
    }
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-dots {
    padding: 0;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    gap: 0;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-dots button {
    width: 100%;
    font-size: 0;
    border: 0;
    height: 4px;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-dots li {
    list-style: none;
    width: 25px;
    height: 4px;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-dots li.slick-active button {
    background-color: #b200e5;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-dots li:not(.slick-active):last-of-type button {
    border-radius: 10px;
}

.paragraph--view-mode--festival-category-listing .explore-catergories-wrapper .slick-dots li:not(.slick-active) button {
    border-radius: 0;
    background: #D9D9D9 !important;
    opacity: 0.3;
    border-radius: 0px;
}

.paragraph--view-mode--festival-category-listing .align-left,
.paragraph--view-mode--festival-category-listing .align-center,
.paragraph--view-mode--festival-like-event .align-left,
.paragraph--view-mode--festival-like-event .align-center {
    width: 100%;
}

.paragraph--view-mode--festival-category-listing .align-left .field--name-field-pt-title,
.paragraph--view-mode--festival-category-listing .align-center .field--name-field-pt-title,
.paragraph--view-mode--festival-like-event .align-left .field--name-field-pt-title,
.paragraph--view-mode--festival-like-event .align-center .field--name-field-pt-title {
    text-shadow: none;
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 33.3px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--festival-category-listing .align-left .field--name-field-pt-title,
    .paragraph--view-mode--festival-category-listing .align-center .field--name-field-pt-title,
    .paragraph--view-mode--festival-like-event .align-left .field--name-field-pt-title,
    .paragraph--view-mode--festival-like-event .align-center .field--name-field-pt-title {
        text-align: center;
        font-size: 28px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 40px;
    }
}

.ui-datepicker {
    z-index: 99 !important;
}

.paragraph--view-mode--home-festivals-attraction {
    margin-bottom: 0;
}

.paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-arrow.slick-prev {
    left: 90px;
}

[dir=rtl] body .paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-arrow.slick-prev {
    right: 20px;
    left: auto !important;
}

.paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-arrow.slick-next {
    left: 20px;
}

[dir=rtl] body .paragraph--view-mode--home-festivals-attraction .view-filters+.view-content .slick-arrow.slick-next {
    right: 130px;
    left: auto !important;
}

@media (min-width: 992px) {
    .paragraph--view-mode--home-festivals-attraction .nav-tabs.skew-tabs {
        justify-content: flex-start;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 80%;
    }
}

.region-sidebar-first,
.region-sidebar-second,
.region-content {
    padding: 0 !important;
}

.gs-content-view-wrapper {
    display: flex;
    align-items: center;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .gs-content-view-wrapper {
        padding: 80px 0 10px;
    }
}

.gs-content-view-wrapper .custom_arrows {
    position: absolute;
    left: 150px;
    bottom: 80px;
}

.gs-content-view-wrapper .custom_arrows .slick-arrow {
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    position: relative;
}

.gs-content-view-wrapper .custom_arrows .slick-arrow.custom_prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    right: -35px;
    top: 1px;
}

.gs-content-view-wrapper .custom_arrows .slick-arrow.custom_next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
}

.gs-content-view-wrapper .custom_arrows .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.gs-content-wrapper {
    background: #161b26;
    opacity: 0.7;
    border-radius: 20px 0px 0px 20px;
    padding: 100px 150px 100px 150px;
    min-width: 620px;
    min-height: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gs-content-wrapper .btn.btn-secondary-arrow.font-small:before {
    transition: all 0.7s;
}

.gs-content-wrapper .btn.btn-secondary-arrow.font-small:hover:before {
    translate: 5px;
}

.gs-content-wrapper .paragraph--type--title-description-component .field--name-field-pt-description p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 22px;
}

@media (min-width: 1200px) {
    .gs-content-wrapper .paragraph--type--title-description-component .field--name-field-pt-description p {
        padding-left: 1rem;
    }
}

.gs-content-reference-wrapper .slick-slide {
    position: relative;
    padding: 45px 35px 15px 35px;
    background: #3C3450;
    border-radius: 10px;
    margin-left: 20px;
}

.gs-content-reference-wrapper {
    position: relative;
    right: -130px;
}

.gs-content-reference-wrapper .gamers-shop-products {
    text-align: center;
}

.gs-content-reference-wrapper .gamers-shop-products .product-tooltip {
    margin-top: 15px;
}

.gs-content-reference-wrapper .gamers-shop-products .product-tooltip .field--name-field-product-label {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 15px;
}

.gs-content-reference-wrapper .gamers-shop-products .product-tooltip .product-label {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
}

.gs-content-reference-wrapper .gamers-shop-products .field--name-field-product-offer-tag {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #161b26;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 50%;
}

@media (min-width: 1200px) {
    .gs-content-reference-wrapper .field--name-field-crc-content-reference {
        width: 1240px;
    }
}

.gs-content-reference-wrapper .field--name-field-cwcr-content-reference .field__item .paragraph--type--content-reference-component .field--name-field-crc-content-reference>.field__item {
    float: right;
    position: relative;
    padding: 45px 35px 15px 35px;
    background: #3C3450;
    border-radius: 10px;
    margin-left: 20px;
}

@media (min-width: 320px) and (max-width:767px) {
    .gs-content-view-wrapper {
        flex-direction: column;
        padding-right: 15px;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: self-start;
    }
    .gs-content-wrapper {
        padding: 15px;
        min-width: 0;
        min-height: -moz-max-content;
        min-height: max-content;
        border-radius: 0;
        margin-bottom: 1em;
        background: transparent;
    }
    .gs-content-reference-wrapper {
        right: auto;
        overflow: hidden;
    }
    .custom_arrows {
        display: none;
    }
    .paragraph.paragraph-gamers-shop {
        overflow: hidden;
        padding-bottom: 100px;
    }
}

@media (min-width: 320px) and (max-width:767px) and (max-width:767.98px) {
    .paragraph.paragraph-gamers-shop {
        padding-bottom: 0;
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .paragraph.paragraph-gamers-shop .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .paragraph.paragraph-gamers-shop .mobile--btn {
        margin-top: 32px;
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .paragraph.paragraph-gamers-shop .field.field--name-field-cwcr-cta-component .btn.btn-secondary-arrow {
        width: 165px;
        height: 45px;
        line-height: 30px;
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .paragraph.paragraph-gamers-shop .slick-slider {
        padding: 0;
        display: table;
        table-layout: fixed;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .gs-content-view-wrapper .gs-content-wrapper {
        padding: 30px;
        min-width: 300px;
        min-height: 450px;
    }
    .gs-content-view-wrapper .gs-content-wrapper .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .gs-content-view-wrapper .gs-content-reference-wrapper {
        right: -30px;
    }
    .gs-content-view-wrapper .custom_arrows {
        left: 20px;
        bottom: 70px;
    }
    .gs-content-view-wrapper .custom_arrows .slick-arrow.custom_prev,
    .gs-content-view-wrapper .custom_arrows .slick-arrow.custom_next {
        width: 42px;
        height: 33px;
    }
}

.paragraph--view-mode--today-s-event .team_tab_wrap .nav-tabs.skew-tabs {
    justify-content: center;
}

@media (min-width: 768px) {
    .paragraph--view-mode--today-s-event .team_tab_wrap>.form-wrapper {
        margin-top: 44px;
    }
}

.paragraph--view-mode--today-s-event .field__item__label {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 50px;
    font-style: normal;
    text-align: center;
    text-shadow: 0px 2px 1px #ec29fc;
}

.paragraph--view-mode--today-s-event .view-filters {
    margin-bottom: 0;
}

.paragraph--view-mode--today-s-event .view-filters .form--inline {
    width: 1140px;
}

@media (max-width: 1199.98px) {
    .paragraph--view-mode--today-s-event .view-filters .form--inline {
        width: auto;
    }
}

.paragraph--view-mode--today-s-event .view-filters .form--inline #edit-actions {
    display: none;
}

.paragraph--view-mode--today-s-event .view-filters .form--inline label {
    padding: 20px 28px;
    width: 215px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-filters .form--inline label {
        padding: 18px 13px;
        width: 124px;
    }
}

.paragraph--view-mode--today-s-event .view-filters .form--inline .team_event_type_filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 42px;
    margin-bottom: 27px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-filters .form--inline .team_event_type_filter {
        justify-content: flex-start;
    }
}

@media (min-width: 768px) {
    .paragraph--view-mode--today-s-event .view-filters .form--inline .team_event_type_filter {
        padding: 0;
    }
}

.paragraph--view-mode--today-s-event .view-filters .form--inline .team_event_type_filter select.form-select {
    background-position-y: center;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0;
    min-width: 0;
    padding-left: 25px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-filters .skew-tabs {
        overflow-x: scroll;
        max-width: 100vw;
        flex-wrap: nowrap;
    }
    .paragraph--view-mode--today-s-event .view-filters .skew-tabs li {
        min-width: -moz-max-content;
        min-width: max-content;
        margin: 0 5px;
    }
}

.paragraph--view-mode--today-s-event .view-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-content {
        justify-content: flex-start;
        gap: 7px;
        align-items: center;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-content .views-row {
        flex-basis: 48%;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper {
    position: relative;
    background: #161b26;
    border-radius: 10px;
    margin-bottom: 80px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper {
        margin-bottom: 0px;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper a {
    min-width: 112px;
}

@media screen and (max-width: 370px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper a {
        min-width: 65px !important;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper a {
        min-width: 70px;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .today_event_tag {
    position: absolute;
    height: 27px;
    left: 0;
    top: 0;
    background: #06FFF8;
    border-radius: 10px 0px;
    z-index: 1;
    font-weight: 600;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .today_event_tag {
        padding: 1px 5px;
        top: 0;
        height: 20px;
        font-size: 12px;
        -webkit-backdrop-filter: blur(50.9091px);
        backdrop-filter: blur(50.9091px);
        border-radius: 7px 0px;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .event_img_thumb {
    background: linear-gradient(-180deg, rgba(17, 14, 25, 0) 40%, rgba(17, 14, 25, 0.6) 100%);
    border-radius: 10px;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .event_img_thumb {
        background: linear-gradient(-180deg, rgba(17, 14, 25, 0) 0%, rgba(17, 14, 25, 0.75) 100%);
        margin-bottom: 0px;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .event_img_thumb .event_type {
    position: absolute;
    right: 12px;
    bottom: 22px;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 10px rgba(17, 14, 25, 0.3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 7px;
    transform: skew(15deg);
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .event_img_thumb .event_type .field--name-field-event-type {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.011em;
    transform: skew(-15deg);
    text-align: center;
    line-height: 30px;
    padding: 3px 16px;
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .event_img_thumb img {
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .event_type {
        font-size: 11px;
        line-height: 13px;
        align-items: center;
        color: #FFFFFF;
        opacity: 0.7;
        width: 100%;
        text-align: center;
        height: 20px;
        box-shadow: none;
        background: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .event_type .field--name-field-event-type {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    line-height: 30px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .event_type .field--name-field-event-type {
        font-size: 11px;
        line-height: 13px;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .hover_elem {
    display: none;
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .event_img_thumb:hover .hover_elem {
    display: block;
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .info {
    padding: 0 15px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .info {
        padding: 8px;
        text-align: center;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .info h6 {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .info h6 {
        font-size: 12px;
        line-height: 14px;
        display: block;
        margin-bottom: 4px;
        max-height: 14px;
        overflow: hidden;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .buynow_section {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .buynow_section {
        gap: 4px;
    }
}

.paragraph--view-mode--today-s-event .view-content .event_wrapper .buynow_section a {
    margin-bottom: 18px;
    font-size: 13px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .buynow_section a {
        margin-bottom: 0px;
        font-size: 11px;
        padding: 3px;
        margin: 0;
    }
    .paragraph--view-mode--today-s-event .view-content .event_wrapper .buynow_section a::before {
        display: none;
    }
}

.paragraph--view-mode--today-s-event .view-content:before {
    position: absolute;
    content: "";
    right: 0;
    width: 168px;
    height: 100%;
    background: url(https://gamers8.gg/themes/custom/gamers/images/te-left-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--today-s-event .view-content:before {
        display: none;
    }
}

.paragraph--view-mode--today-s-event .view-content:after {
    position: absolute;
    content: "";
    left: 0;
    width: 168px;
    height: 100%;
    background: url(https://gamers8.gg/themes/custom/gamers/images/te-righ-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--today-s-event .view-content:after {
        display: none;
    }
}

.paragraph--view-mode--music-concert-home {
    padding: 80px 0;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home {
        padding: 0;
    }
    .paragraph--view-mode--music-concert-home .cta-wrapper {
        flex-direction: row-reverse;
        gap: 8px;
    }
    .paragraph--view-mode--music-concert-home .cta-wrapper>* {
        flex: 1;
    }
}

.paragraph--view-mode--music-concert-home .paragraph--type--title-description-component.paragraph--view-mode--title-3d-effect .field--name-field-pt-title {
    text-align: center;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters {
    align-items: center;
    overflow: hidden;
    padding-right: 10px;
    margin: 9px 0 34px;
    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-filters {
        margin: 0 0 14px;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .nav-tabs.skew-tabs {
    overflow: hidden;
    flex-wrap: nowrap;
    max-width: 1010px;
}

@media (max-width: 1199.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .nav-tabs.skew-tabs {
        max-width: 770px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .nav-tabs.skew-tabs {
        max-width: 100vw;
        margin-right: 20px;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .nav-tabs.skew-tabs {
        overflow-x: scroll;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .nav-tabs.skew-tabs::-webkit-scrollbar {
    width: 0;
    display: none;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .nav-tabs.skew-tabs .nav-item {
    min-width: 198px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .nav-tabs.skew-tabs .nav-item {
        min-width: 128px;
        display: flex;
        order: 1;
    }
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .nav-tabs.skew-tabs .nav-item.active-btn {
        order: 0 !important;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .custom_arrows {
    display: flex;
    gap: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .custom_arrows {
        display: none;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .custom_arrows .custom_prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    position: relative;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .custom_arrows .custom_prev.disabled,
.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .custom_arrows .custom_prev:disabled {
    opacity: 0.25;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .custom_arrows .custom_next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    position: relative;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .custom_arrows .custom_next.disabled,
.paragraph--view-mode--music-concert-home .view-music-concerts .view-filters .custom_arrows .custom_next:disabled {
    opacity: 0.25;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content {
    color: #FFFFFF;
    padding: 35px 28px 35px 40px;
    border-radius: 10px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(63, 24, 89, 0.4) 0%, rgba(86, 40, 116, 0) 100%);
    position: relative;
    z-index: 1;
    -o-border-image: linear-gradient(45deg, rgba(121, 55, 164, 0.8), rgb(43, 43, 43)) 1;
    border-image: linear-gradient(45deg, rgba(121, 55, 164, 0.8), rgb(43, 43, 43)) 1;
    border-width: 1px;
    border-radius: 10px;
    border-style: solid;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content {
        padding: 25px 2px 30px;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row {
    display: flex;
    align-items: center;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row {
        gap: 25px;
    }
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row .cta-wrapper {
        justify-content: space-between;
        flex-direction: row-reverse;
        gap: 10px;
    }
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row .cta-wrapper>* {
        flex: 1;
        margin: 0;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row .field--type-text-with-summary p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row .date,
.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row .time {
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 18px;
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row .date,
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .node--type-music-concert .row .time {
        font-weight: 500;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artist-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artist-heading {
        text-align: center;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list {
    gap: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list {
        flex-wrap: wrap;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.35s;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details .field--name-field-media-image img {
    width: 100%;
    transition: all 0.35s;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details {
        padding: 2px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details .artist-info-wrapper {
    background: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover .field--name-field-art-artists-image:before {
    content: "";
    background-image: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 0;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover .artist-info-wrapper {
    z-index: 9;
    background: none;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover .artist-info-wrapper {
        bottom: 0;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover .artist-info-wrapper p,
.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover .artist-info-wrapper .btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transform: scaleX(1);
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover .artist-info-wrapper p,
    body.path-frontpage .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover .artist-info-wrapper .btn {
        display: none;
    }
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover .artist-info-wrapper .btn {
        width: 100%;
        height: 350%;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover::before {
    opacity: 1;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover::before {
        opacity: 0;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details:hover img {
    transform: scale(1.3) rotate(-5deg);
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details .artist-info-wrapper {
    position: absolute;
    right: 0;
    padding: 0px 15px 0 8px;
    width: 100%;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details .artist-info-wrapper .artist-name {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 26px;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details .artist-info-wrapper .artist-profession {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.7;
    margin-bottom: 4px;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details .artist-info-wrapper p {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artist-details .artist-info-wrapper .btn {
    display: none;
    margin: 0;
    font-size: 12px;
    transition: all 0.5s ease;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-full {
        display: flex;
        overflow-x: auto;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-full::-webkit-scrollbar {
    display: none;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-full .field--name-field-mc-artists {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-full .field--name-field-mc-artists {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-full .field--name-field-mc-artists>.field__item {
    flex-basis: calc(33% - 9px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-full .field--name-field-mc-artists>.field__item {
        flex-basis: calc(50% - 8px);
        width: 170px;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-full {
    flex-basis: calc(65% - 7.5px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-full {
        flex-basis: 100%;
    }
}

@media (min-width: 768px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-full * {
        height: 100%;
    }
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-full .artist-modal-popup * {
        height: initial !important;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-full .artist-info-wrapper {
    height: -moz-fit-content;
    height: fit-content;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-medium {
    flex-basis: calc(35% - 7.5px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-medium {
        flex-basis: 100%;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-medium .field--name-field-mc-artists {
    gap: 15px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-medium .field--name-field-mc-artists {
        flex-direction: row;
    }
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-medium .field--name-field-mc-artists>.field__item {
        flex-basis: calc(50% - 7.5px);
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-medium {
    flex-basis: calc(40% - 7.5px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-medium {
        flex-basis: 100%;
    }
}

@media (min-width: 768px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-medium * {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-medium .artist-modal-popup * {
        height: -moz-fit-content;
        height: fit-content;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-highlighted-medium .artist-info-wrapper {
    height: -moz-fit-content;
    height: fit-content;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small {
    flex-basis: calc(60% - 7.5px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small {
        flex-basis: 100%;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small .field--name-field-mc-artists {
    gap: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small .field--name-field-mc-artists>.field__item {
    flex-basis: calc(50% - 7.5px);
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small {
    flex-basis: 100%;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small {
        overflow-x: scroll;
        display: flex;
    }
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small .field--name-field-mc-artists {
        flex-wrap: nowrap;
    }
}

.paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small .field--name-field-mc-artists>.field__item {
    flex-basis: 200px;
    width: 200px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small .artist-details:hover .artist-info-wrapper p {
        display: block !important;
    }
    .paragraph--view-mode--music-concert-home .view-music-concerts .view-content .views-row .artists-list .artists-list-small .artist-details .field--name-field-media-image img {
        border-radius: 8px;
    }
}

.paragraph--view-mode--music-concert-home .field--name-field-cwvr-cta-component {
    text-align: center;
    margin-top: 40px;
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup {}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .modal-dialog {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .modal-content {
    position: relative;
    background: #1C1430;
    border-radius: 10px;
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .modal-content .popup-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border: none;
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .modal-content .modal-body {
    padding: 50px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .modal-content .modal-body {
        padding: 50px 15px 30px;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup {
    display: flex;
    gap: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
    max-width: 250px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
        max-width: 100%;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
    width: 100%;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 300px;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info {
    padding: 20px 15px;
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 17px;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info p {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper,
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper {
        overflow-x: scroll;
        margin-left: -15px;
    }
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar,
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar {
        display: none;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item,
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item:last-child,
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works,
.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works {
    position: relative;
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
    position: relative;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link {
    position: absolute;
    top: 0;
    left: 0;
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.paragraph--view-mode--music-concert-home .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: cover;
}

.modal-backdrop {
    z-index: -1 !important;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-slider {
        padding: 40px 0 50px !important;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper {
    margin-bottom: 60px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .views-row.slick-slide {
        max-width: 1140px !important;
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .views-row.slick-slide {
        width: 100% !important;
        max-width: 1320px !important;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider {
    position: relative;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider {
        margin: 0 20px;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay {
    position: absolute;
    right: 50px;
    top: 30px;
    color: #FFFFFF;
    z-index: 999;
}

@media (min-width: 768px) and (max-width:991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay {
        top: 50px;
        right: 15px;
    }
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-link {
        margin: 0;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay {
        right: 15px;
        top: 12px;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-category {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 3px 15px;
}

@media (max-width: 1199.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-category {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 10px;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-category::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 10px rgba(17, 14, 25, 0.3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transform: skewX(15deg);
    top: 0;
    right: 0;
    border-radius: 7px;
    z-index: -1;
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-title {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 10px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-title {
        font-size: 18px;
        line-height: 42px;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-title {
        line-height: 42px;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-details {
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 25px;
    max-width: 630px;
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-details p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-details p {
        display: block;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        max-height: 104px;
    }
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-details {
        margin-bottom: 20px;
    }
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-details p {
        font-size: 13px;
        line-height: 18px;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-details {
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-details {
        max-width: 220px;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-slider-overlay .course-link {
    margin: 0;
}

@media (max-width: 1199.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-banner {
        min-height: 335px;
        display: flex;
    }
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-banner * {
        height: 100%;
    }
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-banner img {
        height: 100%;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-banner {
        min-height: -moz-fit-content;
        min-height: fit-content;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-banner.mobile:before {
        content: "";
        background-image: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0.14));
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .courses-slider .course-banner img {
    width: 100%;
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-list .slick-track {
    display: flex;
    gap: 15px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-list .slick-track {
        gap: 0;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-list {
        padding: 0 !important;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-dots {
    gap: 25px;
    margin: 30px 0 0;
    align-items: center;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-dots {
        margin: 18px 0 0;
        gap: 10px;
    }
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-dots li.slick-active {
    width: 25px;
    height: 25px;
}

.paragraph--view-mode--courses-slider .courses-slider-wrapper .slick-dots li.slick-active button {
    background: #FFFFFF;
    border: 7px solid #00f5a3;
}

.top-courses-wrapper,
.courses-listing-wrapper {
    margin-bottom: 80px;
}

.top-courses-wrapper .view-filters .nav-tabs.skew-tabs .nav-item,
.courses-listing-wrapper .view-filters .nav-tabs.skew-tabs .nav-item {
    min-width: 195px;
}

.top-courses-wrapper ul.js-pager__items,
.courses-listing-wrapper ul.js-pager__items {
    padding: 0;
    text-align: center;
}

.top-courses-wrapper ul.js-pager__items a.button[title="Load more items"],
.courses-listing-wrapper ul.js-pager__items a.button[title="Load more items"] {
    background: transparent;
    color: #fff;
    margin-top: 20px;
}

.top-courses-wrapper .view-content .views-infinite-scroll-content-wrapper,
.courses-listing-wrapper .view-content .views-infinite-scroll-content-wrapper {
    display: flex;
    gap: 45px;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.top-courses-wrapper .view-content .views-infinite-scroll-content-wrapper .view-all,
.courses-listing-wrapper .view-content .views-infinite-scroll-content-wrapper .view-all {
    flex-basis: 100%;
}

.top-courses-wrapper .view-content .views-infinite-scroll-content-wrapper .views-row,
.courses-listing-wrapper .view-content .views-infinite-scroll-content-wrapper .views-row {
    flex-basis: 31%;
    flex-basis: 30.6%;
}

@media (max-width: 1199.98px) {
    .top-courses-wrapper .view-content .views-infinite-scroll-content-wrapper .views-row,
    .courses-listing-wrapper .view-content .views-infinite-scroll-content-wrapper .views-row {
        flex-basis: 46.75%;
    }
}

@media (max-width: 767.98px) {
    .top-courses-wrapper .view-content .views-infinite-scroll-content-wrapper .views-row,
    .courses-listing-wrapper .view-content .views-infinite-scroll-content-wrapper .views-row {
        flex-basis: 100%;
    }
}

.top-courses-wrapper .view-content,
.courses-listing-wrapper .view-content {
    display: flex;
    gap: 43px;
    flex-wrap: wrap;
}

.top-courses-wrapper .view-content .view-all,
.courses-listing-wrapper .view-content .view-all {
    flex-basis: 100%;
}

.top-courses-wrapper .view-content .views-row,
.courses-listing-wrapper .view-content .views-row {
    flex-basis: 31%;
    flex-basis: 30.6%;
}

.top-courses-wrapper .view-content .views-row article,
.top-courses-wrapper .view-content .views-row article>div,
.top-courses-wrapper .view-content .views-row article .course-content-wrapper,
.top-courses-wrapper .view-content .views-row article .course-content-box,
.courses-listing-wrapper .view-content .views-row article,
.courses-listing-wrapper .view-content .views-row article>div,
.courses-listing-wrapper .view-content .views-row article .course-content-wrapper,
.courses-listing-wrapper .view-content .views-row article .course-content-box {
    height: 100%;
}

.top-courses-wrapper .view-content .views-row article .course-content-wrapper,
.top-courses-wrapper .view-content .views-row article .course-content-box,
.courses-listing-wrapper .view-content .views-row article .course-content-wrapper,
.courses-listing-wrapper .view-content .views-row article .course-content-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.top-courses-wrapper .view-content .views-row article .course-content-box>div:not(.action-btn-wrapper),
.courses-listing-wrapper .view-content .views-row article .course-content-box>div:not(.action-btn-wrapper) {
    margin-bottom: auto !important;
}

@media (max-width: 1199.98px) {
    .top-courses-wrapper .view-content .views-row,
    .courses-listing-wrapper .view-content .views-row {
        flex-basis: 46.75%;
    }
}

@media (max-width: 767.98px) {
    .top-courses-wrapper .view-content .views-row,
    .courses-listing-wrapper .view-content .views-row {
        flex-basis: 100%;
    }
}

.top-courses-wrapper {
    margin-bottom: 118px;
}

@media (max-width: 575.98px) {
    .top-courses-wrapper {
        padding: 0 20px;
    }
}

.top-courses-wrapper .view-filters .bef-exposed-form .form--inline>.form-item {
    margin-top: 44px;
}

@media (max-width: 991.98px) {
    .top-courses-wrapper .view-filters {
        overflow: hidden;
    }
    .top-courses-wrapper .view-filters .bef-exposed-form {
        width: 100%;
    }
    .top-courses-wrapper .view-filters .bef-exposed-form .form--inline>.form-item {
        margin: 0;
        width: 100%;
    }
    .top-courses-wrapper .view-filters .nav-tabs.skew-tabs {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-right: 8px;
    }
    .top-courses-wrapper .view-filters .nav-tabs.skew-tabs .nav-item {
        flex: 1;
        min-width: -moz-fit-content !important;
        min-width: fit-content !important;
    }
    .top-courses-wrapper .view-filters .nav-tabs.skew-tabs::-webkit-scrollbar {
        width: 0;
        display: none;
    }
}

.courses-listing-wrapper {
    padding: 100px 0;
    position: relative;
    background: #161b26;
}

.courses-listing-wrapper input[type=text] {
    background: none;
}

.courses-listing-wrapper .form-actions {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.courses-listing-wrapper .form-actions input {
    background: url(https://gamers8.gg/themes/custom/gamers/images/search-icon.png) no-repeat;
    background-position: center left 19px;
    position: relative !important;
    width: 100% !important;
    visibility: visible !important;
    height: 100% !important;
    color: transparent;
}

.courses-listing-wrapper .form--inline {
    position: relative;
    margin: 0 0 25px;
}

@media (min-width: 768px) {
    .courses-listing-wrapper .form--inline .form-actions {
        left: 10px;
    }
}

.courses-listing-wrapper .form--inline .form-actions input {
    display: block;
    color: transparent;
}

.courses-listing-wrapper::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #110E19;
    -webkit-clip-path: ellipse(51% 100% at 50% -20%);
    clip-path: ellipse(51% 100% at 50% -20%);
    z-index: 1;
}

.courses-listing-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #110E19;
    -webkit-clip-path: ellipse(51% 100% at 50% 120%);
    clip-path: ellipse(51% 100% at 50% 120%);
}

.courses-listing-wrapper .people-counter {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

@media (max-width: 767.98px) {
    .courses-listing-wrapper .people-counter {
        font-size: 16px;
        line-height: 23px;
        max-width: 227px;
        margin: 0 auto 25px;
    }
}

.courses-listing-wrapper .view-popular-searches {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    margin-bottom: 54px;
    text-align: center;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .courses-listing-wrapper .view-popular-searches {
        display: none;
    }
}

.courses-listing-wrapper .course-title-mobile {
    display: none;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    margin: 15px 0;
}

@media (max-width: 767.98px) {
    .courses-listing-wrapper .course-title-mobile {
        display: block;
    }
}

.courses-listing-wrapper .view-all .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.courses-listing-wrapper .view-all .title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
}

.courses-listing-wrapper .view-filters {
    margin: 0;
}

.courses-listing-wrapper .view-filters .views-exposed-form .form-item .form-text {
    margin: 0;
    min-width: 700px;
    padding: 19px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    background: transparent;
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .courses-listing-wrapper .view-filters .views-exposed-form .form-item .form-text {
        min-width: 100%;
    }
}

.courses-listing-wrapper .view-filters .views-exposed-form .form-item .form-text:hover,
.courses-listing-wrapper .view-filters .views-exposed-form .form-item .form-text:focus,
.courses-listing-wrapper .view-filters .views-exposed-form .form-item .form-text:active {
    box-shadow: none;
    outline: none;
}

.node--view-mode-listing-page .course-content-wrapper {
    border-radius: 10px;
    background: #29173D;
    color: #FFFFFF;
}

.node--view-mode-listing-page .course-content-wrapper .course-thumbnail {
    position: relative;
}

.node--view-mode-listing-page .course-content-wrapper .course-thumbnail .course-category {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 3px 15px;
}

.node--view-mode-listing-page .course-content-wrapper .course-thumbnail .course-category::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 10px rgba(17, 14, 25, 0.3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transform: skewX(15deg);
    top: 0;
    right: 0;
    border-radius: 7px;
    z-index: -1;
}

.node--view-mode-listing-page .course-content-wrapper .course-thumbnail img {
    width: 100%;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box {
    padding: 15px;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-duration,
.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-location {
    position: relative;
    padding-right: 30px;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-duration::before,
.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-location::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-position: center !important;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-duration {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-duration::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/date.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-location {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-location::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/location.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers {
    margin: 15px 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-level,
.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-language,
.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-certified {
    display: flex;
    gap: 4px;
    text-align: center;
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    padding-top: 25px;
}

[dir=rtl] body .node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-level,
[dir=rtl] body .node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-language,
[dir=rtl] body .node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-certified {
    flex-direction: row-reverse;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-level::before,
.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-language::before,
.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-certified::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 0;
    right: 50%;
    transform: translateX(50%);
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-level-1::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/level.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-level-2::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/level-2.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-level-3::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/level-3.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-level-4::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/level.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-level-5::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/level.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-language::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/lang.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .course-identifiers .course-certified::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/certified.png) no-repeat;
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .action-btn-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.node--view-mode-listing-page .course-content-wrapper .course-content-box .action-btn-wrapper .link_to_pdp {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-right: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--courses-listing .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 25px;
    }
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper {
    padding-bottom: 60px;
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper .slick-dots li {
    list-style: none;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper .slick-dots li button {
    height: 12px;
    width: 12px;
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper .slick-dots li.slick-active {
    background: #b200e5;
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper .slick-dots li.slick-active button {
    background: #FFFFFF;
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper>div {
    display: flex;
    gap: 28px;
    justify-content: center;
    padding-top: 18px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div {
        flex-wrap: wrap;
        gap: 15px;
    }
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div.slick-initialized .slick-track {
        gap: 10px;
        display: flex;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div.slick-initialized {
        flex-direction: column;
        max-width: 1100px;
        margin: 0 auto;
    }
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div.slick-initialized .slick-track {
        display: flex;
        gap: 28px;
    }
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div.slick-initialized .views-row {
        max-width: 100%;
    }
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row {
    max-width: 264px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row {
        max-width: 100%;
    }
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card {
    padding: 10px 10px 17px;
    background: #161b26;
    border-radius: 10px;
    text-align: center;
    color: #FFFFFF;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card {
        padding: 5px 5px 4px;
    }
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .course-img-wrapper {
    position: relative;
    padding-bottom: 30px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .course-img-wrapper {
        padding-bottom: 21px;
    }
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .course-img-wrapper .courses-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 50%;
    bottom: 0;
    transform: translateX(50%);
    background: #3C3450;
    box-shadow: 0px 4px 20px rgba(17, 14, 25, 0.4);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .course-img-wrapper .courses-icon {
        width: 42px;
        height: 42px;
        padding: 8px;
    }
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .courses-category-name {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin: 18px 0 4px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .courses-category-name {
        font-size: 16px;
        line-height: 19px;
        margin: 12px 0 0;
    }
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .courses-category-link a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.7;
    transition: all 0.5s ease;
}

.paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .courses-category-link a:hover {
    opacity: 1;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--courses-listing .explore-catergories-wrapper>div .views-row .courses-category-card .courses-category-link a {
        font-size: 14px;
        line-height: 17px;
    }
}

.paragraph--view-mode--testimonials-slider {}

.paragraph--view-mode--testimonials-slider.skewed-slider .testimonials-slider {
    transition: transform 0.8s;
    transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateY(-40deg);
    padding-right: 0;
}

.paragraph--view-mode--testimonials-slider.skewed-slider .testimonials-slider .learner-img {
    width: 76px;
    height: 76px;
    margin-top: 20px;
}

.paragraph--view-mode--testimonials-slider.skewed-slider .testimonials-slider .learner-info p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    max-width: 260px;
}

.paragraph--view-mode--testimonials-slider.skewed-slider .testimonials-slider::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/testi-bg-inactive.png) no-repeat;
}

.paragraph--view-mode--testimonials-slider.skewed-slider .slick-slide.slick-current.slick-active.slick-center+.slick-active .testimonials-slider {
    transform: rotateY(40deg);
    padding-left: 0;
}

.paragraph--view-mode--testimonials-slider.skewed-slider .slick-slide.slick-current.slick-active.slick-center+.slick-active .testimonials-slider::before {
    transform: scaleX(-1);
}

.paragraph--view-mode--testimonials-slider.skewed-slider .slick-slide.slick-current.slick-active.slick-center .testimonials-slider {
    transform: unset;
    scale: 1;
    padding: 10px 35px;
}

.paragraph--view-mode--testimonials-slider.skewed-slider .slick-slide.slick-current.slick-active.slick-center .testimonials-slider::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/testi-bg-active.png) no-repeat;
}

.paragraph--view-mode--testimonials-slider.skewed-slider .slick-slide.slick-current.slick-active.slick-center .testimonials-slider .learner-img {
    width: 102px;
    height: 102px;
    margin: -30px auto 0;
}

.paragraph--view-mode--testimonials-slider.skewed-slider .slick-slide.slick-current.slick-active.slick-center .testimonials-slider .learner-info p {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    max-width: 345px;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper {
    padding-bottom: 80px;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .heading-wrapper {
    max-width: 770px;
    margin: 0 auto;
    text-align: center;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .heading-wrapper .paragraph--type--title-description-component .field--name-field-pt-title {
    margin-bottom: 12px;
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 41px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .heading-wrapper .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 24px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 30px;
    }
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .heading-wrapper .paragraph--type--title-description-component .field--name-field-pt-description p {
    opacity: 0.7;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
    max-width: 465px;
    margin: 0 auto 40px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .heading-wrapper .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 20px;
    }
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .slider-content-wrapper .paragraph--view-mode--testimonials-slider>.field__items .slick-list {
    margin: 0 -15px;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .slider-content-wrapper .paragraph--view-mode--testimonials-slider>.field__items .slick-list .slick-track .slick-slide {
    padding: 0 15px;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .slider-content-wrapper .paragraph--view-mode--testimonials-slider>.field__items .slick-dots {
    gap: 25px;
    margin: 30px 0 0;
    align-items: center;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .slider-content-wrapper .paragraph--view-mode--testimonials-slider>.field__items .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .slider-content-wrapper .paragraph--view-mode--testimonials-slider>.field__items .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .slider-content-wrapper .paragraph--view-mode--testimonials-slider>.field__items .slick-dots li.slick-active {
    width: 25px;
    height: 25px;
}

.paragraph--view-mode--testimonials-slider .testimonials-slider-wrapper .slider-content-wrapper .paragraph--view-mode--testimonials-slider>.field__items .slick-dots li.slick-active button {
    background: #FFFFFF;
    border: 7px solid #00f5a3;
}

.testimonials-slider {
    position: relative;
    color: #FFFFFF;
    padding: 10px 35px;
    margin-top: 50px;
    min-height: 450px;
    z-index: 1;
    transition: transform 0.8s;
}

@media (max-width: 991.98px) {
    .testimonials-slider {
        min-height: 350px;
    }
}

.testimonials-slider::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: contain !important;
    z-index: -1;
}

.testimonials-slider::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/testi-bg-active.png) no-repeat;
}

.testimonials-slider .learner-img {
    width: 102px;
    height: 102px;
    border-radius: 100%;
    overflow: hidden;
    margin: -50px auto 0;
    transition: transform 0.8s;
}

@media (max-width: 991.98px) {
    .testimonials-slider .learner-img {
        width: 78px;
        height: 78px;
    }
}

.testimonials-slider .learner-img img {
    width: 100%;
    height: 100%;
}

.testimonials-slider .learner-info .learner-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    opacity: 0.7;
    text-align: center;
    margin-top: 15px;
}

@media (max-width: 991.98px) {
    .testimonials-slider .learner-info .learner-title {
        font-size: 18px;
        line-height: 22px;
    }
}

.testimonials-slider .learner-info p {
    position: relative;
    padding-top: 60px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    margin: 0 auto;
    transition: transform 0.8s;
}

@media (max-width: 991.98px) {
    .testimonials-slider .learner-info p {
        font-size: 13px !important;
        line-height: 20px !important;
    }
}

.testimonials-slider .learner-info p::before {
    position: absolute;
    content: "";
    top: 5px;
    right: 50%;
    transform: translateX(50%);
    width: 36px;
    height: 36px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/quote-line.png) no-repeat;
}

.paragraph--view-mode--social-media-reviews {
    padding: 80px 0 74px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--social-media-reviews {
        padding: 10px 0 22px;
    }
}

.paragraph--view-mode--social-media-reviews .field--name-field-pt-title {
    margin-bottom: 12px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--social-media-reviews .field--name-field-pt-title {
        font-size: 24px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 28.8px;
    }
}

.paragraph--view-mode--social-media-reviews .field--name-field-pt-description p {
    margin-bottom: 45px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--social-media-reviews .field--name-field-pt-description p {
        font-size: 14px !important;
        line-height: 23px !important;
        color: #FFFFFF;
        font-weight: 500;
        letter-spacing: -0.011em;
    }
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .content-wrapper {
    text-align: center;
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference {
    display: flex;
    flex-wrap: wrap;
    gap: 31px 50px;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 12px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 14px;
        line-height: 23px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference {
        gap: 18px;
    }
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .slick-dots li {
        list-style: none;
        width: 24px;
        height: 24px;
        margin: 0 5px;
        border-radius: 50%;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .slick-dots li button {
        height: 12px;
        width: 12px;
    }
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .slick-dots li.slick-active {
        background: #b200e5;
    }
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .slick-dots li.slick-active button {
        background: #FFFFFF;
    }
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference>.field__item {
    flex-basis: calc(33% - 40px);
}

@media (min-width: 992px) {
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference>.field__item {
        flex-basis: calc(30% - 48px);
    }
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper {
    color: #FFFFFF;
    padding: 25px 25px 15px 15px;
    background: #161b26;
    border-radius: 10px 40px 10px 10px;
    position: relative;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper {
        margin: 8px 30px;
    }
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper::before {
    position: absolute;
    content: "";
    width: 103%;
    height: 105%;
    z-index: -1;
    top: -3px;
    right: -3px;
    background: #3C3450;
    border-radius: 10px 40px 10px 10px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper::before {
        width: 102%;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper::before {
        width: calc(100% + 9px);
    }
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper p {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 35px;
    padding-left: 10px;
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper .reviews-details {
    align-items: center;
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper .reviews-details .reviewer-wrapper {
    position: relative;
    padding-right: 17px;
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper .reviews-details .reviewer-wrapper .reviewer-image {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    right: -45px;
    transform: translateY(-50%);
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper .reviews-details .reviewer-wrapper .reviewer-name {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
}

.paragraph--view-mode--social-media-reviews .social-media-wrapper .social-media-reviews-wrapper .paragraph--type--content-reference-component .field--name-field-crc-content-reference .node--type-social-media-reviews .content-wrapper .reviews-details .social-icon {
    margin-right: auto;
}

.paragraph--view-mode--music-listing {
    position: relative;
    color: #FFFFFF;
    padding: 120px 0 210px;
    margin-top: -115px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing {
        margin-top: 0;
        padding: 50px 0;
    }
}

.paragraph--view-mode--music-listing::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100px;
    background: #1B1529;
    right: 0;
    bottom: 0;
    -webkit-clip-path: polygon(0% 100%, 0% 0%, 50% 50%, 100% 0%, 100% 100%);
    clip-path: polygon(0% 100%, 0% 0%, 50% 50%, 100% 0%, 100% 100%);
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing::before {
        content: none;
    }
}

.paragraph--view-mode--music-listing .field--name-field-content-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .field--name-field-content-background * {
        height: 100%;
    }
}

.paragraph--view-mode--music-listing .field--name-field-content-background img {
    width: 100%;
    height: auto;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .field--name-field-content-background img {
        height: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup {}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .modal-dialog {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .modal-content {
    position: relative;
    background: #1C1430;
    border-radius: 10px;
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .modal-content .popup-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border: none;
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .modal-content .modal-body {
    padding: 50px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .modal-content .modal-body {
        padding: 50px 15px 30px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup {
    display: flex;
    gap: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
    max-width: 250px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
        max-width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
    width: 100%;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 300px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info {
    padding: 20px 15px;
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 17px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info p {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper,
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper {
        overflow-x: scroll;
        margin-left: -15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar,
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar {
        display: none;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item,
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item:last-child,
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works,
.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works {
    position: relative;
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
    position: relative;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link {
    position: absolute;
    top: 0;
    left: 0;
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.paragraph--view-mode--music-listing .music-listing-slider .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: cover;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup {}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-dialog {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-dialog {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-dialog {
        margin-right: auto;
        margin-left: auto;
        width: 95%;
        max-width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content {
    position: relative;
    background: #1C1430;
    border-radius: 10px;
    max-width: 1000px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .popup-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 22px;
    height: 22px !important;
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border: none;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body {
    padding: 50px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body {
        padding: 50px 15px 30px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item {
    position: relative;
    padding: 30px;
    border-radius: 10px;
    background: #29173D;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item {
        padding: 0;
        gap: 20px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details {
    max-width: 650px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details {
        max-width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .music-concert-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .music-concert-heading {
        display: none;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 21px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details p {
        font-size: 13px;
        line-height: 19px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time {
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .venue {
        margin-right: 13px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .time,
.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .venue {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    padding-right: 28px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .time,
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .venue {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .time::before,
.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .venue::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 22px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .time {
        flex-basis: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .time::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/clock-full.png) no-repeat;
    background-size: contain;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .venue::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/location_pshb.png) no-repeat;
    background-size: contain;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .venue-link {
        margin-right: auto;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .venue-link a {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #C558F8;
    display: block;
    border-bottom: 1px dashed #C558F8;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper {
    margin-right: auto;
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper {
        padding-left: 50px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper {
        margin-right: 0;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .artist-heading {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 12px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .artist-heading {
        font-size: 16px;
        line-height: 19.2px;
        margin-bottom: 10px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities {
    display: flex;
    gap: 34px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities {
        gap: 17px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities {
    text-align: center;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--name-field-ame-amenities-icon {
    width: 50px;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--name-field-ame-amenities-icon {
        width: 40px;
        height: 40px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--type-string {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    margin-top: 10px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--type-string {
        font-size: 12px;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper {
    width: 100%;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-heading {
        font-size: 16px;
        line-height: 19.2px;
        margin-bottom: 10px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list {
        display: flex;
        overflow-x: auto;
        margin-left: -15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list::-webkit-scrollbar {
        display: none;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists {
        flex-wrap: nowrap;
        gap: 10px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
    width: calc(20% - 8px);
    max-width: 200px;
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
        width: calc(24% - 8px);
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
        width: 200px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.35s;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details .field--name-field-media-image img {
    width: 100%;
    transition: all 0.35s;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details {
        padding: 2px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper {
    background: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover .field--name-field-art-artists-image:before {
    content: "";
    background-image: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 0;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper {
    z-index: 9;
    background: none;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper {
        bottom: 0;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper p,
.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transform: scaleX(1);
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper p,
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
        display: none;
    }
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
        width: 100%;
        height: 350%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover::before {
    opacity: 1;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover::before {
        opacity: 0;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details:hover img {
    transform: scale(1.3) rotate(-5deg);
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper {
    position: absolute;
    right: 0;
    padding: 0px 15px 0 8px;
    width: 100%;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .artist-name {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 26px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .artist-profession {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.7;
    margin-bottom: 4px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper p {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .btn {
    display: none;
    margin: 0;
    font-size: 12px;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup {}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-dialog {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content {
    position: relative;
    background: #1C1430;
    border-radius: 10px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .popup-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border: none;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
    padding: 50px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
        padding: 50px 15px 30px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
    display: flex;
    gap: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
    max-width: 250px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
        max-width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
    width: 100%;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 300px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info {
    padding: 20px 15px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 17px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info p {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper,
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper {
        overflow-x: scroll;
        margin-left: -15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar,
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar {
        display: none;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item,
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item:last-child,
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works,
.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works {
    position: relative;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
    position: relative;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link {
    position: absolute;
    top: 0;
    left: 0;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: cover;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .concert-item-cta {
    display: flex;
    gap: 40px;
    align-items: center;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .concert-item-cta {
        flex-wrap: wrap;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .concert-item-cta .concert-label {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 5px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .concert-item-cta .concert-price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .concert-item-cta .cta-wrapper .btn {
    padding: 12px 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    min-width: 135px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .social-share-container .social-share {
    display: flex;
    gap: 10px;
    position: relative;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title {
    position: relative;
    padding-left: 30px;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(https://gamers8.gg/themes/custom/gamers/images/share-icon.png) no-repeat;
    background-size: cover;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .social-share-container .social-share:hover ul {
    opacity: 1;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .social-share-container .social-share ul {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 9px 12px 11px;
    border: 1px solid #FFFFFF;
    border-radius: 0px 20px 20px 20px;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: all 1s ease;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .concert-item-action-info .social-share-container .social-share li a span {
    display: none;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item {
    padding: 0;
    background: transparent;
}

.paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details {
    max-width: 440px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .music-concert-heading {
        display: block;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .music-concert-details .date-time .venue-link {
        margin-right: 0;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list {
        margin-left: 0;
        overflow: hidden;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists {
        flex-wrap: wrap;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
        width: 160px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .music-event-popup .music-modal-popup .modal-content .modal-body .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item:last-child {
        margin-left: 0;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper {
    display: flex;
    gap: 112px;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper {
        flex-wrap: wrap;
        padding: 0 1px;
        gap: 22px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info {
    max-width: 434px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info {
        max-width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .music-title {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 20px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .music-title {
        font-size: 26px;
        margin-bottom: 12px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 25px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 22px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .date,
.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .time {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .date,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .time {
        font-size: 16px;
        line-height: 30px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .date svg,
.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .time svg {
    margin-left: 10px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .date {
    margin-bottom: 18px;
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .date {
        margin-bottom: 10px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .time {
    margin-bottom: 39px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .time {
        margin-bottom: 30px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .cta-wrapper {
    align-items: center;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .cta-wrapper .concert-wrapper {
        display: none;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .cta-wrapper .concert-wrapper .concert-label {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 5px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .cta-wrapper .concert-wrapper .concert-price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .cta-wrapper .btn-primary {
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .cta-wrapper .btn-primary {
        margin-right: 0;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .cta-wrapper .btn {
    padding: 12px 16px;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .music-concert-info .cta-wrapper .btn.btn-secondary {
        font-size: 12px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    width: 100%;
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper {
        max-width: 595px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.35s;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details .field--name-field-media-image img {
    width: 100%;
    transition: all 0.35s;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details {
        padding: 2px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details .artist-info-wrapper {
    background: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover .field--name-field-art-artists-image:before {
    content: "";
    background-image: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 0;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover .artist-info-wrapper {
    z-index: 9;
    background: none;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover .artist-info-wrapper {
        bottom: 0;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover .artist-info-wrapper p,
.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover .artist-info-wrapper .btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transform: scaleX(1);
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover .artist-info-wrapper p,
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover .artist-info-wrapper .btn {
        display: none;
    }
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover .artist-info-wrapper .btn {
        width: 100%;
        height: 350%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover::before {
    opacity: 1;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover::before {
        opacity: 0;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details:hover img {
    transform: scale(1.3) rotate(-5deg);
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details .artist-info-wrapper {
    position: absolute;
    right: 0;
    padding: 0px 15px 0 8px;
    width: 100%;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details .artist-info-wrapper .artist-name {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 26px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details .artist-info-wrapper .artist-profession {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.7;
    margin-bottom: 4px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details .artist-info-wrapper p {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artist-details .artist-info-wrapper .btn {
    display: none;
    margin: 0;
    font-size: 12px;
    transition: all 0.5s ease;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-full {
        display: flex;
        overflow-x: auto;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-full::-webkit-scrollbar {
    display: none;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-full .field--name-field-mc-artists {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-full .field--name-field-mc-artists {
        justify-content: space-between;
        flex-wrap: nowrap;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-full .field--name-field-mc-artists>.field__item {
    flex-basis: calc(33% - 9px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-full .field--name-field-mc-artists>.field__item {
        flex-basis: calc(50% - 8px);
        width: 170px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-full {
    flex-basis: calc(65% - 7.5px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-full {
        flex-basis: 100%;
    }
}

@media (min-width: 768px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-full * {
        height: 100%;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-full .artist-modal-popup * {
        height: initial !important;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-full .artist-info-wrapper {
    height: -moz-fit-content;
    height: fit-content;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-medium {
    flex-basis: calc(35% - 7.5px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-medium {
        flex-basis: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-medium .field--name-field-mc-artists {
    gap: 15px;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-medium .field--name-field-mc-artists {
        flex-direction: row;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-medium .field--name-field-mc-artists>.field__item {
        flex-basis: calc(50% - 7.5px);
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-medium {
    flex-basis: calc(40% - 7.5px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-medium {
        flex-basis: 100%;
    }
}

@media (min-width: 768px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-medium * {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-medium .artist-modal-popup * {
        height: -moz-fit-content;
        height: fit-content;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-highlighted-medium .artist-info-wrapper {
    height: -moz-fit-content;
    height: fit-content;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-small {
    flex-basis: calc(60% - 7.5px);
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-small {
        flex-basis: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-small .field--name-field-mc-artists {
    gap: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .artists-list-small .field--name-field-mc-artists>.field__item {
    flex-basis: calc(50% - 7.5px);
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup {}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .modal-dialog {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .modal-content {
    position: relative;
    background: #1C1430;
    border-radius: 10px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .modal-content .popup-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border: none;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
    padding: 50px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
        padding: 50px 15px 30px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
    display: flex;
    gap: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
    max-width: 250px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
        max-width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
    width: 100%;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 300px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info {
    padding: 20px 15px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 17px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info p {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper {
        overflow-x: scroll;
        margin-left: -15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar {
        display: none;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item:last-child,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works,
.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works {
    position: relative;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
    position: relative;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link {
    position: absolute;
    top: 0;
    left: 0;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: cover;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-section-wrapper {
        display: none;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-heading {
    display: none;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-heading {
        display: block;
        margin-bottom: 10px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper {
    display: none;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper {
        display: flex;
        overflow-x: auto;
        margin-bottom: 25px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper::-webkit-scrollbar {
        display: none;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .field--name-field-mc-music-cards {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        width: 100% !important;
        gap: 15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .field--name-field-mc-music-cards .node--type-artists {
        width: 200px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .field--name-field-mc-music-cards .node--type-artists * {
        width: 100%;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-section-scrollbox {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-section-scrollbox .node--type-artists {
        width: 200px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-section-scrollbox .node--type-artists * {
        width: 100%;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        transition: all 0.35s;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details .field--name-field-media-image img {
        width: 100%;
        transition: all 0.35s;
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details {
        padding: 2px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details .artist-info-wrapper {
        background: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover .field--name-field-art-artists-image:before {
        content: "";
        background-image: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        right: -1px;
        top: 0;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover .artist-info-wrapper {
        z-index: 9;
        background: none;
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover .artist-info-wrapper {
        bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover .artist-info-wrapper p,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover .artist-info-wrapper .btn {
        display: block;
        width: -moz-fit-content;
        width: fit-content;
        height: -moz-fit-content;
        height: fit-content;
        transform: scaleX(1);
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover .artist-info-wrapper p,
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover .artist-info-wrapper .btn {
        display: none;
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover .artist-info-wrapper .btn {
        width: 100%;
        height: 350%;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover::before {
        opacity: 1;
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover::before {
        opacity: 0;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details:hover img {
        transform: scale(1.3) rotate(-5deg);
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        transition: all 0.5s ease;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details .artist-info-wrapper {
        position: absolute;
        right: 0;
        padding: 0px 15px 0 8px;
        width: 100%;
        bottom: 0;
        height: -moz-fit-content;
        height: fit-content;
        transition: all 0.5s ease;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details .artist-info-wrapper .artist-name {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 26px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details .artist-info-wrapper .artist-profession {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 22px;
        opacity: 0.7;
        margin-bottom: 4px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details .artist-info-wrapper p {
        display: none;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        transition: all 0.5s ease;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .artist-details .artist-info-wrapper .btn {
        display: none;
        margin: 0;
        font-size: 12px;
        transition: all 0.5s ease;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup {}
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.75);
    }
}

@media (max-width: 991.98px) and (min-width:992px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .modal-dialog {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .modal-content {
        position: relative;
        background: #1C1430;
        border-radius: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .modal-content .popup-close {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 14px;
        background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
        background-size: contain;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9;
        border: none;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
        padding: 50px;
    }
}

@media (max-width: 991.98px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
        padding: 50px 15px 30px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
        display: flex;
        gap: 40px;
    }
}

@media (max-width: 991.98px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
        max-width: 250px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 20px;
        overflow: hidden;
    }
}

@media (max-width: 991.98px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        width: 100%;
    }
}

@media (max-width: 991.98px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
}

@media (max-width: 991.98px) and (min-width:576px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 300px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info {
        padding: 20px 15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 6px;
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 17px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-transform: uppercase;
        opacity: 0.7;
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 14px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info p {
        font-style: normal;
        font-weight: 382;
        font-size: 14px;
        line-height: 22px;
        margin: 20px 0;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
}

@media (max-width: 991.98px) and (max-width:575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }
}

@media (max-width: 991.98px) and (max-width:767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19px;
    }
}

@media (max-width: 991.98px) and (max-width:575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper {
        overflow-x: scroll;
        margin-left: -15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }
}

@media (max-width: 991.98px) and (max-width:575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item:last-child,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item:last-child {
        margin-left: 15px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works {
        position: relative;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
        position: absolute;
        bottom: 12px;
        right: 0;
        width: 100%;
        text-align: center;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (max-width: 991.98px) and (max-width:575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 14px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
        position: relative;
    }
}

@media (max-width: 991.98px) and (max-width:575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }
}

@media (max-width: 991.98px) and (max-width:575.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item:last-child {
        margin-left: 15px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link {
        position: absolute;
        top: 0;
        left: 0;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a {
        color: #FFFFFF;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        padding-left: 15px;
    }
    .paragraph--view-mode--music-listing .music-listing-slider .slider-item-wrapper .artist-mobile-section-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a:before {
        position: absolute;
        content: "";
        top: 50%;
        left: -7px;
        transform: translateY(-50%);
        width: 13px;
        height: 14px;
        background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
        background-size: cover;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slick-dots li {
    list-style: none;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paragraph--view-mode--music-listing .music-listing-slider .slick-dots li button {
    height: 12px;
    width: 12px;
}

.paragraph--view-mode--music-listing .music-listing-slider .slick-dots li.slick-active {
    background: #b200e5;
}

.paragraph--view-mode--music-listing .music-listing-slider .slick-dots li.slick-active button {
    background: #FFFFFF;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slick-list {
        padding-bottom: 20px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slick-slider {
        padding-bottom: 30px;
    }
}

.paragraph--view-mode--music-listing .music-listing-slider .slick-dots {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: -100px;
    margin: 0;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing .music-listing-slider .slick-dots {
        bottom: 0px;
    }
}

.paragraph--view-mode--music-listing-results {
    background: #1B1529;
    padding-bottom: 100px;
    position: relative;
}

.paragraph--view-mode--music-listing-results::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background: #110E19;
    right: 0;
    bottom: 0;
    -webkit-clip-path: ellipse(50% 100% at 50% 100%);
    clip-path: ellipse(50% 100% at 50% 100%);
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results {
        padding-top: 80px;
    }
    .paragraph--view-mode--music-listing-results::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 50px;
        background: #150619;
        -webkit-clip-path: ellipse(50% 100% at 50% -20%);
        clip-path: ellipse(50% 100% at 50% -20%);
        z-index: 1;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-header {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-header {
        padding-top: 30px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-header {
        font-size: 28px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 40px;
        text-align: center;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters {
    display: block;
    margin-bottom: 45px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters {
        margin-bottom: 0;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #360758;
    gap: 25px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline {
        gap: 10px;
        justify-content: space-between;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .date-venue-wrapper {
        display: none;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item {
    margin: 0;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine {
    width: 208px !important;
    position: relative;
    max-height: 56px;
    display: block !important;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine .date-clear {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine .date-clear {
    left: auto;
    right: 12px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine {
        display: none;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine.show-filter {
        display: block;
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine.show-filter {
        margin: 15px 0 0;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    position: absolute;
    right: 17px;
    top: -5px;
    background: #1B1529;
    padding: 0 5px;
    z-index: 1;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine .form-control {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 21px 18px 16px 40px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    background-repeat: no-repeat;
    background-position-x: 5%;
    background-position-y: center;
    cursor: pointer;
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine .form-control {
        width: calc(100vw - 60px);
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine .form-control::-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine .form-control::placeholder {
    color: #FFFFFF;
    opacity: 1;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-combine select {
        width: 100% !important;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .date-venue-wrapper .mob-filter-icon {
    display: none;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .date-venue-wrapper .mob-filter-icon {
        width: 50px;
        height: 50px;
        display: block;
        background: url(https://gamers8.gg/themes/custom/gamers/images/filter-toggle.png) no-repeat;
        background-size: 100% 100%;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper {
    width: 208px !important;
    position: relative;
    max-height: 56px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time .date-clear,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise .date-clear,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id .date-clear,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise .date-clear,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id .date-clear,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper .date-clear {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time .date-clear,
[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise .date-clear,
[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id .date-clear,
[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise .date-clear,
[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id .date-clear,
[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper .date-clear {
    left: auto;
    right: 12px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper {
        display: none;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper.show-filter {
        display: block;
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id.show-filter,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper.show-filter {
        margin: 15px 0 0;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time label,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise label,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id label,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise label,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id label,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    position: absolute;
    right: 17px;
    top: -5px;
    background: #1B1529;
    padding: 0 5px;
    z-index: 1;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time .form-control,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise .form-control,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id .form-control,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise .form-control,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id .form-control,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper .form-control {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 21px 18px 16px 40px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    background-repeat: no-repeat;
    background-position-x: 5%;
    background-position-y: center;
    cursor: pointer;
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time .form-control,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise .form-control,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id .form-control,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise .form-control,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id .form-control,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper .form-control {
        width: calc(100vw - 60px);
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time .form-control::-moz-placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise .form-control::-moz-placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id .form-control::-moz-placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise .form-control::-moz-placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id .form-control::-moz-placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper .form-control::-moz-placeholder {
    color: #FFFFFF;
    opacity: 1;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-mc-date-and-time .form-control::placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise .form-control::placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id .form-control::placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-startenddatewise .form-control::placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-event-venue-target-id .form-control::placeholder,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .startenddatewise-wrapper .form-control::placeholder {
    color: #FFFFFF;
    opacity: 1;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper {
    position: relative;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper {
        width: 100%;
        margin: 10px 0;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .form-item-datewise {
        display: block !important;
        width: 100% !important;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .date-clear {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}

[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper .date-clear {
    left: auto;
    right: 12px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .datewise-wrapper input.arrow-remove {
    background: transparent !important;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline .form-item-field-mc-venue-target-id {
    margin-right: auto;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper {
    flex-basis: 85%;
    margin-top: 15px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper {
        flex-basis: 100%;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper .nav-tabs.skew-tabs {
    flex-wrap: nowrap;
    overflow-x: scroll;
    border-bottom: none;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper .nav-tabs.skew-tabs::-webkit-scrollbar {
    display: none;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper .nav-tabs.skew-tabs .nav-item label {
    min-width: 210px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper .nav-tabs.skew-tabs .concert-label {
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper .nav-tabs.skew-tabs .concert-label {
        flex-direction: row;
        gap: 5px;
        font-weight: 700;
        font-size: 13px;
        line-height: 15.6px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper .nav-tabs.skew-tabs .concert-label .concert-date {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    position: relative;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper .nav-tabs.skew-tabs .concert-label .concert-date::after {
        content: ")";
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper .nav-tabs.skew-tabs .concert-label .concert-date::before {
        content: "(";
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-wrapper {
        margin-top: 0;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .views-exposed-form .form--inline>.form-actions {
    margin: 0;
    display: none;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows {
    display: flex;
    gap: 40px;
    margin-right: auto;
    margin-top: -60px;
    justify-content: flex-end !important;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows {
        display: none;
    }
}

[dir=rtl] body .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows {
    flex-direction: row-reverse;
    transform: scaleX(-1);
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows .disable-btn,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows button:disabled {
    pointer-events: none;
    opacity: 0.5;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows .custom_prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    position: relative;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows .custom_prev.disabled {
    opacity: 0.25;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows .custom_next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    position: relative;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-filters .custom_arrows .custom_next.disabled {
    opacity: 0.25;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content {
    color: #FFFFFF;
    margin-top: 5px;
    padding-right: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 38px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content {
        margin-top: 0;
        padding-right: 0;
        gap: 20px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 50px);
    border: 1px dashed #FFFFFF;
    opacity: 0.5;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content::before {
        display: none;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content::after {
    position: absolute;
    content: "";
    right: -4px;
    bottom: 20px;
    width: 10px;
    height: 10px;
    border-radius: 40px;
    background: #FFFFFF;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content::after {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item {
        padding: 22px 15px 20px;
        border-radius: 10px;
        background: #29173D;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .date-event-wrapper {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .date-event-wrapper {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 16px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .date-event-wrapper::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -34px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .date-event-wrapper::before {
        display: none;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .date-event-wrapper::after {
    position: absolute;
    content: "";
    top: 50%;
    right: -39px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .date-event-wrapper::after {
        display: none;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item {
    position: relative;
    padding: 30px;
    border-radius: 10px;
    background: #29173D;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item {
        padding: 0;
        gap: 20px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details {
    max-width: 650px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details {
        max-width: 100%;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .music-concert-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .music-concert-heading {
        display: none;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 21px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details p {
        font-size: 13px;
        line-height: 19px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time {
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .venue {
        margin-right: 13px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .time,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .venue {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    padding-right: 28px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .time,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .venue {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .time::before,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .venue::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 22px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .time {
        flex-basis: 100%;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .time::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/clock-full.png) no-repeat;
    background-size: contain;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .venue::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/location_pshb.png) no-repeat;
    background-size: contain;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .venue-link {
        margin-right: auto;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .music-concert-details .date-time .venue-link a {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #C558F8;
    display: block;
    border-bottom: 1px dashed #C558F8;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper {
    margin-right: auto;
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper {
        padding-left: 50px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper {
        margin-right: 0;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .artist-heading {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 12px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .artist-heading {
        font-size: 16px;
        line-height: 19.2px;
        margin-bottom: 10px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities {
    display: flex;
    gap: 34px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities {
        gap: 17px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities {
    text-align: center;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--name-field-ame-amenities-icon {
    width: 50px;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--name-field-ame-amenities-icon {
        width: 40px;
        height: 40px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--type-string {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    margin-top: 10px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--type-string {
        font-size: 12px;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper {
    width: 100%;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-heading {
        font-size: 16px;
        line-height: 19.2px;
        margin-bottom: 10px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artists-list {
        display: flex;
        overflow-x: auto;
        margin-left: -15px;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artists-list::-webkit-scrollbar {
        display: none;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists {
        flex-wrap: nowrap;
        gap: 10px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
    width: calc(20% - 8px);
    max-width: 200px;
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
        width: calc(24% - 8px);
    }
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
        width: 200px;
        height: auto;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.35s;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details .field--name-field-media-image img {
    width: 100%;
    transition: all 0.35s;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details {
        padding: 2px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper {
    background: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover .field--name-field-art-artists-image:before {
    content: "";
    background-image: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 0;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper {
    z-index: 9;
    background: none;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper {
        bottom: 0;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper p,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transform: scaleX(1);
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper p,
    body.path-frontpage .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
        display: none;
    }
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
        width: 100%;
        height: 350%;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover::before {
    opacity: 1;
}

@media (max-width: 767.98px) {
    body.path-frontpage .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover::before {
        opacity: 0;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details:hover img {
    transform: scale(1.3) rotate(-5deg);
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper {
    position: absolute;
    right: 0;
    padding: 0px 15px 0 8px;
    width: 100%;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .artist-name {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 26px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .artist-profession {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.7;
    margin-bottom: 4px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper p {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .btn {
    display: none;
    margin: 0;
    font-size: 12px;
    transition: all 0.5s ease;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup {}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-dialog {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content {
    position: relative;
    background: #1C1430;
    border-radius: 10px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .popup-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border: none;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
    padding: 50px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
        padding: 50px 15px 30px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
    display: flex;
    gap: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
    max-width: 250px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
        max-width: 100%;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
    width: 100%;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 300px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info {
    padding: 20px 15px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 17px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info p {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19px;
    }
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper {
        overflow-x: scroll;
        margin-left: -15px;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar {
        display: none;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item:last-child,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works {
    position: relative;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 14px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
    position: relative;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
        width: 100%;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item {
        min-width: 150px;
        height: auto;
    }
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item:last-child {
        margin-left: 15px;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link {
    position: absolute;
    top: 0;
    left: 0;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: cover;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .concert-item-cta {
    display: flex;
    gap: 40px;
    align-items: center;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .concert-item-cta {
        flex-wrap: wrap;
    }
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .concert-item-cta .concert-label {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 5px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .concert-item-cta .concert-price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .concert-item-cta .cta-wrapper .btn {
    padding: 12px 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    min-width: 135px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .social-share-container .social-share {
    display: flex;
    gap: 10px;
    position: relative;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title {
    position: relative;
    padding-left: 30px;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(https://gamers8.gg/themes/custom/gamers/images/share-icon.png) no-repeat;
    background-size: cover;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .social-share-container .social-share:hover ul {
    opacity: 1;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .social-share-container .social-share ul {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 9px 12px 11px;
    border: 1px solid #FFFFFF;
    border-radius: 0px 20px 20px 20px;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: all 1s ease;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.paragraph--view-mode--music-listing-results .view-music-concerts.view-display-id-listing_block .view-content .views-row .music-event-list-item .music-event-inner-item .concert-item-action-info .social-share-container .social-share li a span {
    display: none;
}

.view-music-concerts .view-content {
    position: relative;
}

.view-music-concerts .view-content .slick-arrow {
    position: absolute;
    background-size: 65% !important;
    background-repeat: no-repeat;
    background-color: transparent;
    outline: none;
    left: 0;
    border: none;
    text-indent: -999px;
    z-index: 9;
}

.view-music-concerts .view-content .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    left: 60px;
}

.view-music-concerts .view-content .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 0;
    top: 0;
}

@media (min-width: 992px) {
    .view-music-concerts .view-content .slick-arrow {
        display: none !important;
    }
}

.esports-streaming-slider-component {
    padding-bottom: 63px;
}

@media (max-width: 991.98px) {
    .esports-streaming-slider-component {
        padding-top: 45px;
    }
}

.esports-streaming-slider-component .title {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 42px;
    line-height: 50px;
    text-shadow: 0px 2px 1px #EC29FC;
    color: #FFFFFF;
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .esports-streaming-slider-component .title {
        margin-bottom: 25px;
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
    }
}

@media (max-width: 991.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .slick-list {
        padding: 0 20px !important;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .slick-list .slick-track {
    display: flex;
    gap: 15px;
}

@media (max-width: 991.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .slick-list .slick-track {
        gap: 8px;
    }
}

@media (min-width: 576px) {
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots li {
        list-style: none;
        width: 24px;
        height: 24px;
        margin: 0 5px;
        border-radius: 50%;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots li button {
        height: 12px;
        width: 12px;
    }
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots li.slick-active {
        background: #b200e5;
    }
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots li.slick-active button {
        background: #FFFFFF;
    }
}

@media (max-width: 575.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots {
        padding: 0;
        flex-basis: 100%;
        display: flex;
        justify-content: center;
        gap: 0;
    }
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots button {
        width: 100%;
        font-size: 0;
        border: 0;
        height: 4px;
    }
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots li {
        list-style: none;
        width: 25px;
        height: 4px;
    }
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots li.slick-active button {
        background-color: #b200e5;
    }
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots li:not(.slick-active):last-of-type button {
        border-radius: 10px;
    }
    .esports-streaming-slider-component .esports-streaming-slider .slick-dots li:not(.slick-active) button {
        border-radius: 0;
        background: #D9D9D9 !important;
        opacity: 0.3;
        border-radius: 0px;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .slick-dots {
    margin: 29px 0 0;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-slide-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

@media (min-width: 1200px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-slide-item {
        max-width: 1140px !important;
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-slide-item {
        width: 100% !important;
        max-width: 1320px !important;
    }
}

@media (max-width: 991.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-slide-item {
        max-height: 500px;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-slide-item::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-180deg, rgba(17, 14, 25, 0) 0%, rgba(17, 14, 25, 0.64) 51.04%, rgba(17, 14, 25, 0.8) 100%);
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left {
    position: absolute;
    top: 0;
    right: 40px;
    height: 100%;
    max-width: 255px;
    width: 100%;
    padding: 20px 0 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media only screen and (max-width: 990px) and (min-width:768px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left {
        right: 10px;
        max-width: 220px;
    }
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left {
        right: 50%;
        transform: translateX(50%);
        text-align: center;
        height: -moz-fit-content;
        height: fit-content;
        gap: 52px;
        padding: 20px 0 0;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .category_name {
    position: relative;
    min-width: 168px;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 1;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 3px 15px;
    text-align: center;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .category_name::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 10px rgba(17, 14, 25, 0.3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transform: skewX(15deg);
    top: 0;
    right: 0;
    border-radius: 7px;
    z-index: -1;
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .category_name {
        margin: 0 auto;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .league-info .live-label {
    width: -moz-fit-content;
    width: fit-content;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    background: #BA1A1A;
    margin-bottom: 16px;
    width: 61px;
    text-align: center;
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .league-info .live-label {
        margin: 0 auto 12px;
    }
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .league-info .live-label {
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .league-info .league-title {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: #FFFFFF;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .league-info .league-title {
        font-weight: 600;
        font-size: 26px;
        line-height: 42px;
        text-align: center;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .league-info span {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-left .league-info span {
        font-weight: 500;
        font-size: 14px;
        line-height: 16.8px;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right {
    position: absolute;
    max-width: 252px;
    width: 100%;
    height: 100%;
    left: 40px;
    top: 0;
    padding: 26px 0 51px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media only screen and (max-width: 990px) and (min-width:768px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right {
        left: -5px;
    }
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right {
        right: 50%;
        left: auto;
        transform: translateX(50%);
        text-align: center;
        height: -moz-fit-content;
        height: fit-content;
        gap: 30px;
        flex-direction: column-reverse;
        top: auto;
        bottom: 0;
        padding: 0 0 0;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right .live-stream-wrapper .live-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
    position: relative;
    padding-right: 45px;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right .live-stream-wrapper .live-title {
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 5px;
    }
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right .live-stream-wrapper .live-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right .live-stream-wrapper .live-title::before {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://gamers8.gg/themes/custom/gamers/images/live-stream-on.png) no-repeat;
    width: 30px;
    height: 24px;
    content: "";
    animation: fade 1000ms infinite;
}

@keyframes fade {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right .live-stream-wrapper .streaming-platform-wrapper {
    display: flex;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right .action-cta {
    padding-right: 10px;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right .action-cta .btn {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 16px 12px 39px;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-right .action-cta .btn::before {
    transform: translateY(-50%) rotate(-45deg);
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 25px;
}

@media only screen and (max-width: 990px) and (min-width:768px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center {
        right: 49%;
    }
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center {
        top: 55%;
        transform: translate(50%, -50%);
        bottom: auto;
        min-width: 300px;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .teams_section {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 5px 10px;
    background: #3C3450;
    border-radius: 8px;
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .teams_section {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .teams_section .team-section img {
    max-width: 70px;
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .teams_section .team-section img {
        max-width: 60px;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .teams_section .cta-content {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 15px;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .team_info {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    width: 300px;
    justify-content: space-between;
}

@media only screen and (max-width: 990px) and (min-width:768px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .team_info {
        gap: 10px;
        width: 225px;
    }
}

@media (max-width: 767.98px) {
    .esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .team_info {
        gap: 10px;
    }
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .team_info .vs-label {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    padding: 11px 8px 6px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #110E19;
    box-shadow: 0px -0.5px 0px #FFFFFF;
    margin: auto;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .team_info .team .team-logo {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.9);
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 9px;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .team_info .team .team-logo img {
    width: 55px;
    height: auto;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-overlay-center .team_info .team .team-name {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    text-align: center;
    max-width: 90px;
}

.esports-streaming-slider-component .esports-streaming-slider .category-live-wrapper {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 0 40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.esports-streaming-slider-component .esports-streaming-slider .streaming-slide-banner img {
    width: 100%;
}

.today-match-component-wrapper {
    padding-bottom: 80px;
}

@media (max-width: 991.98px) {
    .today-match-component-wrapper {
        padding-bottom: 60px;
    }
}

.today-match-component-wrapper .title {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 42px;
    line-height: 50px;
    text-shadow: 0px 2px 1px #EC29FC;
    color: #FFFFFF;
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .today-match-component-wrapper .title {
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 30px;
    }
}

.today-match-component-wrapper .match-row {
    display: flex;
    flex-wrap: wrap;
    gap: 45px;
}

@media (max-width: 991.98px) {
    .today-match-component-wrapper .match-row {
        gap: 20px;
    }
}

.today-match-component-wrapper .match-row .match-item {
    width: calc(33% - 27px);
    border-radius: 10px;
    background: #29173D;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1199.98px) {
    .today-match-component-wrapper .match-row .match-item {
        width: calc(50% - 23px);
    }
}

@media (max-width: 991.98px) {
    .today-match-component-wrapper .match-row .match-item {
        flex-basis: 100%;
    }
}

.today-match-component-wrapper .match-row .match-item .match_img_wrap {
    position: relative;
    max-height: 200px;
    overflow: hidden;
    border-radius: 10px;
}

.today-match-component-wrapper .match-row .match-item .match_img_wrap .img-overlay {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

[dir=rtl] body .today-match-component-wrapper .match-row .match-item .match_img_wrap .img-overlay {
    left: 15px;
    right: auto;
}

.today-match-component-wrapper .match-row .match-item .match_img_wrap .category_name {
    position: relative;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 1;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 3px 15px;
}

.today-match-component-wrapper .match-row .match-item .match_img_wrap .category_name::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 10px rgba(17, 14, 25, 0.3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transform: skewX(15deg);
    top: 0;
    right: 0;
    border-radius: 7px;
    z-index: -1;
}

.today-match-component-wrapper .match-row .match-item .match_img_wrap .image_wrap img {
    transition: 1s all;
    width: 100%;
    height: auto;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper {
    padding: 15px 15px 10px;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .title-wrapper .match-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .title-wrapper .stage-label {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    opacity: 0.7;
    padding: 5px 8px;
    border: 1px dashed #FFFFFF;
    border-radius: 5px;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper::before {
    position: absolute;
    content: "";
    height: 100%;
    max-height: 48px;
    width: 90%;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 40px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/team-match-label.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

@media (max-width: 991.98px) {
    .today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper::before {
        background: url(https://gamers8.gg/themes/custom/gamers/images/team-match-label-mob.png) no-repeat;
        background-size: 100% 100%;
        width: 98%;
    }
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper .team {
    display: flex;
    align-items: center;
    gap: 7px;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper .team img {
    max-width: 58px;
    width: 100%;
    height: auto;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper .team .team-name {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    max-width: 65px;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper .team .team-name.team-b {
    text-align: left;
}

.today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper .vs-label {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 6px;
    align-items: center;
    display: flex;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .today-match-component-wrapper .match-row .match-item .match_info_wrapper .team_vs_wrapper .vs-label {
        background: rgba(60, 52, 80, 0.9);
    }
}

.today-match-component-wrapper .match-row .match-item .match_time,
.today-match-component-wrapper .match-row .match-item .match_location {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #FFFFFF;
    position: relative;
    padding-right: 25px;
}

[dir=rtl] body .today-match-component-wrapper .match-row .match-item .match_time,
[dir=rtl] body .today-match-component-wrapper .match-row .match-item .match_location {
    padding-right: 0;
    padding-left: 25px;
}

.today-match-component-wrapper .match-row .match-item .match_time::before,
.today-match-component-wrapper .match-row .match-item .match_location::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 43%;
    right: 0;
    transform: translateY(-50%);
    background-position: center !important;
}

[dir=rtl] body .today-match-component-wrapper .match-row .match-item .match_time::before,
[dir=rtl] body .today-match-component-wrapper .match-row .match-item .match_location::before {
    right: auto;
    left: 0;
}

.today-match-component-wrapper .match-row .match-item .match_time:before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/time.svg) no-repeat;
    opacity: 0.7;
    background-size: contain;
}

.today-match-component-wrapper .match-row .match-item .match_location {
    font-weight: 500;
}

.today-match-component-wrapper .match-row .match-item .match_location::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/location.png) no-repeat;
    background-size: contain;
}

.today-match-component-wrapper .match-row .match-item .button_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 15px;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: auto;
}

.today-match-component-wrapper .match-row .match-item .button_wrapper .know-btn {
    padding: 0 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.today-match-component-wrapper .match-row .match-item .button_wrapper .btn-primary {
    padding: 8px 16px;
    min-width: 110px;
    width: -moz-fit-content;
    width: fit-content;
}

.today-match-component-wrapper .match-row .match-item:hover .image_wrap img {
    scale: 1.2;
}

.esports_league_tab_wrapper {}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper {
        padding: 0 8px;
    }
    .esports_league_tab_wrapper .nav-tabs.skew-tabs.expanding-tabs .nav-item label {
        display: block;
    }
    .esports_league_tab_wrapper .nav-tabs.skew-tabs.expanding-tabs .nav-item label::before {
        transform: translateY(-50%) rotate(-180deg);
    }
}

.esports_league_tab_wrapper .nav-tabs.skew-tabs {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .nav-tabs.skew-tabs {
        width: 100%;
    }
}

.esports_league_tab_wrapper .nav-tabs.skew-tabs .nav-item label {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 20px 40px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .nav-tabs.skew-tabs .nav-item label {
        font-weight: 600 !important;
        font-size: 13px;
        line-height: 18px;
        padding: 16px 21px;
    }
}

.esports_league_tab_wrapper .league_tab_content {
    padding: 0px 0 60px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content {
        padding: 30px 0 26px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league-prize-wrapper {
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 92px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper {
        margin: 0 auto 45px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-label {
    font-size: 26px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    padding: 7px 12px 0;
    width: -moz-fit-content;
    width: fit-content;
    text-shadow: 0px 1.51811px 0.759053px #71057A;
    margin: 0 auto;
    background: #B054EC;
    border-radius: 10px 10px 0px 0px;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-label {
        font-weight: 600;
        font-size: 14px;
        line-height: 15px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount {
    font-size: 77px;
    color: rgb(249, 193, 19);
    font-weight: 700;
    line-height: 99px;
    position: relative;
    padding: 14px 43px 5px 45px;
    z-index: 1;
    text-shadow: -4px 3px 0px black;
}

.esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 4px solid #B054EC;
    background: linear-gradient(-270deg, #9020C5 -14.07%, #6300E0 44.27%, #5500E0 49.99%, #5803E2 58%, #8216EF 83.16%, #6804A1 100.32%), #FFFFFF;
    border-radius: 12px;
    transform: skewX(20deg);
    z-index: -1;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount::before {
    transform: skewX(-20deg);
}

@media (max-width: 991.98px) {
    [dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount::before {
        transform: skewX(20deg);
    }
}

.esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount:after {
    position: absolute;
    background: url(https://gamers8.gg/themes/custom/gamers/images/prize-label.png);
    top: 12px;
    z-index: -2;
    height: 100%;
    width: 112%;
    background-size: 100% 100%;
    content: "";
    background-repeat: no-repeat;
    right: -35px;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount:after {
    transform: scaleX(-1);
    right: -25px;
}

@media (max-width: 991.98px) {
    [dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount:after {
        right: -23px;
        transform: none;
    }
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount {
        font-size: 41px;
        line-height: 53px;
        padding: 7px 30px;
    }
    .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount:before {
        transform: skewX(22deg);
    }
    .esports_league_tab_wrapper .league_tab_content .league-prize-wrapper .league-prize-amount:after {
        top: 9px;
        z-index: -2;
        width: 112%;
        right: -20px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper {
    padding: 40px;
    border-radius: 10px;
    color: #FFFFFF;
    background: url(../../img/global-highlights-bg.png), rgb(7 39 29 / 50%);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper {
        padding: 0;
        background: transparent;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league_filter_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league_filter_wrapper {
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league_filter_wrapper .filter-left {
        width: 100%;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league_filter_wrapper .filter-right input {
    padding: 19px 15px 18px 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    background-repeat: no-repeat;
    background-position-x: 10%;
    background-position-y: center;
    max-width: 160px;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league_filter_wrapper .filter-right input {
    background-position-x: 90%;
    padding: 14px 30px 13px 10px;
}

@media (max-width: 767.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league_filter_wrapper .filter-right input {
        max-width: 116px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        padding: 14px 12px 13px 25px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league_filter_wrapper .filter-right input::-moz-placeholder {
    opacity: 0.7;
    color: #FFFFFF;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league_filter_wrapper .filter-right input::placeholder {
    opacity: 0.7;
    color: #FFFFFF;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .league-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .ts_start_date {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 18px;
}

@media (max-width: 575.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .ts_start_date {
        align-items: center;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .ts_start_date:before {
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/cale.png) no-repeat;
    background-size: contain;
    width: 21px;
    height: 20px;
}

@media (max-width: 575.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .ts_start_date:before {
        width: 18px;
        height: 17px;
    }
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .ts_start_date {
        display: none;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: -moz-max-content;
    height: max-content;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info.without_content .overlay-content {
    position: absolute;
    right: 20px;
    height: 100%;
    top: 20px !important;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info.without_content .overlay-content {
        left: auto;
        bottom: 30px;
        top: auto !important;
        right: 0;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info.without_content .overlay-content .button_wrapper .btn {
    position: absolute;
    right: 0;
    top: 0;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info.without_content .overlay-content .button_wrapper .btn:not([target=_blank]) {
    top: 60px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info.without_content .overlay-content .button_wrapper .btn:not([target=_blank]) {
        right: 160px;
        top: auto;
    }
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info.without_content .overlay-content .button_wrapper .btn {
        position: absolute;
        right: 20px;
        bottom: 50px;
        top: auto;
        left: auto;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .image_wrap img {
    width: 100%;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content {
    position: absolute;
    top: 40px;
    right: 40px;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content {
    left: auto;
    right: 40px;
}

@media (max-width: 991.98px) {
    [dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content {
        left: auto;
        right: 20px;
    }
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content {
        top: 30px;
        right: 20px;
        left: 20px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-title {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-title {
        font-weight: 600;
        font-size: 24px;
        line-height: 40px;
        margin: 0;
    }
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .ts_start_date {
        font-size: 16px;
        line-height: 27px;
        font-weight: 600;
        margin-bottom: 12px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-descr {
    max-width: 416px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 23px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-descr {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper {
    display: flex;
    gap: 35px;
    margin-bottom: 25px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 30px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-team,
.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-stage,
.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-location {
    position: relative;
    padding-right: 40px;
    font-weight: 382;
    font-size: 16px;
    line-height: 30px;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-team,
[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-stage,
[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-location {
    padding-right: 0;
    padding-left: 40px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-team,
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-stage,
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-location {
        font-weight: 382;
        font-size: 14px;
        line-height: 30px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-team::before,
.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-stage::before,
.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-location::before {
    position: absolute;
    content: "";
    width: 27px;
    height: 25px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-position: center !important;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-team::before,
[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-stage::before,
[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-location::before {
    left: 0;
    right: auto;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-team::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/info-team.png) no-repeat;
    background-size: contain;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-stage::before {
    top: 40%;
    background: url(https://gamers8.gg/themes/custom/gamers/images/info-stage.png) no-repeat;
    background-size: contain;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament-info-wrapper .info-location::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/info-location.png) no-repeat;
    background-size: contain;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament_prize_pool {
    margin-bottom: 30px;
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament_prize_pool .prize-label {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament_prize_pool .prize-label {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament_prize_pool .prize-amount {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    padding: 8px 13px 2px 19px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/prize-amount-bg.png) no-repeat;
    background-size: 100% 100%;
    max-width: 260px;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament_prize_pool .prize-amount {
    background: url(https://gamers8.gg/themes/custom/gamers/images/prize-label-ar.png) no-repeat;
    background-size: 100% 100%;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .tournament_prize_pool .prize-amount {
        padding: 6px 10px 4px 18px;
        font-weight: 700;
        font-size: 26px;
        line-height: 31px;
        max-width: 192px;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .button_wrapper {
    display: flex;
    gap: 28px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .button_wrapper {
        gap: 15px;
        flex-direction: row;
    }
}

.esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .button_wrapper .btn {
    padding: 12px 16px;
    margin: 0;
    width: 119px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .button_wrapper .btn {
        padding: 9px 16px;
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
    }
}

@media (max-width: 575.98px) {
    .esports_league_tab_wrapper .league_tab_content .league_info_wrapper .tournament_item_wrapper .tournament_info .overlay-content .button_wrapper .btn {
        font-size: 14px;
        line-height: 16.8px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper {
    position: relative;
    background: transparent;
    padding: 0;
    display: flex;
    flex-direction: column;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper {
        gap: 30px;
    }
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper {
        gap: 50px;
    }
}

@media (min-width: 1200px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper {
        margin: 0 75px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper {
    flex-wrap: wrap;
    display: flex;
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper {
        flex-direction: row;
        gap: 0;
    }
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper {
        flex-direction: column-reverse;
        gap: 25px;
    }
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper {
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 50px;
    }
}

@media (min-width: 993px) and (max-width:1400px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper {
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper .overlay-content {
        top: 10px !important;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper .tournament_slider_wrapper {
        max-width: 100%;
        flex-basis: 20%;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper .tournament_slider_wrapper .slick-arrow {
        width: auto;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper .tournament_slider_wrapper .tournament_slider {
        width: auto !important;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .league-items-wrapper .tournament_item_wrapper {
        flex-basis: 78%;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper {
    display: flex;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper {
        gap: 20px;
        width: 100%;
        flex-direction: column;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-dots {
        padding: 0;
        flex-basis: 100%;
        display: flex;
        justify-content: center;
        gap: 0;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-dots button {
        width: 100%;
        font-size: 0;
        border: 0;
        height: 4px;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-dots li {
        list-style: none;
        width: 25px;
        height: 4px;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-dots li.slick-active button {
        background-color: #b200e5;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-dots li:not(.slick-active):last-of-type button {
        border-radius: 10px;
    }
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-dots li:not(.slick-active) button {
        border-radius: 0;
        background: #D9D9D9 !important;
        opacity: 0.3;
        border-radius: 0px;
    }
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper {
        max-width: 240px;
        flex-direction: column;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-arrow {
    width: 240px;
    height: 42px;
    border: 0;
    font-size: 0px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-prev {
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-top.png) no-repeat top;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-next {
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-btm.png) no-repeat bottom;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-track {
    display: flex;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-track {
        gap: 10px;
    }
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .slick-track {
        flex-direction: column;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider {
    position: relative;
    cursor: pointer;
    padding-top: 10px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider.active {
    position: relative;
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider.active img {
        width: 95%;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider.active::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/etourna-active-mobile.png) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    right: 0;
    background-size: 100% 100%;
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider.active::before {
        background: url(https://gamers8.gg/themes/custom/gamers/images/etourna-active-desktop.png) no-repeat;
        background-size: 100%;
        background-position: center;
    }
    [dir=rtl] body .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider.active::before {
        transform: rotate(-180deg);
    }
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider {
        padding: 6px 0px;
        height: 72px;
    }
}

@media (min-width: 1200px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider {
        height: 90px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider img {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0);
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider img {
        width: 100%;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider .slider-img {
    display: flex;
}

@media (min-width: 992px) {
    [dir=rtl] body .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider .slider-img {
        justify-content: end;
    }
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider .slider-img {
        width: auto;
        height: 100px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_slider_wrapper .tournament_slider .slider-title {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 10px;
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: -0.015em;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper {
    display: flex;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item:nth-of-type(n+2) {
    display: none;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .ts_start_date {
    display: flex;
    gap: 10px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item {
    display: flex;
    width: 100%;
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info {
        max-height: 724px;
    }
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info {
        width: 100%;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .live-stream.desktop {
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 1;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .image_wrap img {
    border-radius: 10px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content {
    top: 80px;
}

@media (max-width: 575.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content {
        top: 160px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .button_wrapper {
    margin-top: 30px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .tournament-title {
        line-height: 37px;
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .tournament-title {
        line-height: 55px;
        font-size: 42px;
    }
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .tournament_prize_pool {
        margin-top: 40px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .tournament_prize_pool .prize-label {
    color: #F9C113;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .tournament_prize_pool .prize-amount {
    background: url(https://gamers8.gg/themes/custom/gamers/images/prize-amount-bg-yellow.png) no-repeat left;
    color: #120f1a;
    max-width: 255px;
    letter-spacing: 0.04em;
    position: relative;
    z-index: 0;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .tournament_prize_pool .prize-amount {
    background: none;
}

[dir=rtl] body .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .tournament_prize_pool .prize-amount::before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(https://gamers8.gg/themes/custom/gamers/images/prize-amount-bg-yellow.png) no-repeat left;
    z-index: -1;
    rotate: 180deg;
}

@media (max-width: 991.98px) {
    [dir=rtl] body .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_item_wrapper .tournament_item .tournament_info .overlay-content .tournament_prize_pool .prize-amount {
        max-width: -moz-max-content;
        max-width: max-content;
        padding: 6px 18px 4px 10px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display {
    display: flex;
    width: 250px;
    flex-direction: column;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .logo-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}

@media (max-width: 991.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .logo-title {
        margin-bottom: 7px;
    }
}

@media (max-width: 575.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .logo-title {
        font-size: 14px;
        line-height: 16.8px;
    }
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .logo-title {
        margin-bottom: 12px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list {
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list img {
    width: 60px;
    height: 60px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list-more {
    display: flex;
    width: 100%;
}

@media (max-width: 575.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list-more {
        font-size: 14px;
        line-height: 16.8px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list-more.desktop {
    position: relative;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list-more.desktop a {
    position: relative;
    padding-left: 24px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list-more.desktop a::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    width: 16px;
    height: 10px;
    right: auto;
    transition: 0.5s;
    display: block;
    opacity: 1 !important;
}

@media (min-width: 992px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list-more {
        margin-top: 20px;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .team-logo-display .team-logo-display-list .list-more a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .tournament_button_wrapper {
    display: flex;
    flex: 100%;
    justify-content: center;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.mobile {
    text-align: center;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.mobile .live-title {
    font-weight: 600;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    position: relative;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.mobile .live-title::before {
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://gamers8.gg/themes/custom/gamers/images/live-stream-on-red.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 14px;
    content: "";
    animation: fade 1000ms infinite;
}

@media (max-width: 575.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.mobile .live-title::before {
        right: -25px;
        background: url(https://gamers8.gg/themes/custom/gamers/images/live-stream-on.png) no-repeat;
        background-size: contain;
    }
}

@keyframes fade {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.mobile .streaming-platform-wrapper {
    margin-top: 15px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.desktop {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.desktop .live-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    padding-right: 33px;
    position: relative;
    background: #FFFFFF;
    border-radius: 8px 8px 0 0;
    width: 100%;
    color: #BA1A1A;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.desktop .live-title::before {
    position: absolute;
    right: 45px;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://gamers8.gg/themes/custom/gamers/images/live-stream-on-red.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 14px;
    content: "";
    animation: fade 1000ms infinite;
}

@media (max-width: 575.98px) {
    .esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.desktop .live-title::before {
        right: -25px;
        background: url(https://gamers8.gg/themes/custom/gamers/images/live-stream-on.png) no-repeat;
        background-size: contain;
    }
}

@keyframes fade {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}

.esports_league_tab_wrapper .league_tab_content .tournament_info_wrapper .live-stream-wrapper.desktop .streaming-platform-wrapper {
    display: flex;
}

.tournament-detail-tabs-wrapper {
    padding: 12px 0 68px;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper {
        padding: 40px 8px 30px;
    }
    .tournament-detail-tabs-wrapper .container {
        padding: 0;
        max-width: 100%;
    }
    .tournament-detail-tabs-wrapper .container .nav-tabs.skew-tabs .nav-item label {
        background: #291B44;
    }
}

@media (min-width: 992px) {
    .tournament-detail-tabs-wrapper .container {
        padding: 0;
    }
}

.tournament-detail-tabs-wrapper .tournament-tab-container .nav-tabs.skew-tabs {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 50px;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tab-container .nav-tabs.skew-tabs {
        width: 100%;
        margin-bottom: 24px !important;
        padding: 0;
        padding-bottom: 10px;
        display: flex;
        flex-direction: column;
    }
    .tournament-detail-tabs-wrapper .tournament-tab-container .nav-tabs.skew-tabs .nav-item.active-btn {
        order: -1;
    }
}

.tournament-detail-tabs-wrapper .tournament-tab-container .nav-tabs.skew-tabs .nav-item label {
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    padding: 20px 40px;
    min-width: 180px;
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .tab-schedule,
.tournament-detail-tabs-wrapper .tournament-tabs-content .tab-teams,
.tournament-detail-tabs-wrapper .tournament-tabs-content .tab-standings {
    padding: 40px;
    background: #161b26;
    border-radius: 10px;
    color: #FFFFFF;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .tab-schedule,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .tab-teams,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .tab-standings {
        padding: 0;
        background: transparent;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper {
    display: flex;
    gap: 27px;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper {
        gap: 15px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block {
    width: calc(20% - 22px);
    background: #3C3450;
    border-radius: 10px;
    padding: 23px 5px 25px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block {
        width: calc(50% - 7.5px);
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block .lg-tm-list {
    width: 86px;
    height: 86px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block .lg-tm-list .team-img {
    width: 100%;
    height: auto;
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block .lg-tm-info {
    margin-top: 13px;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block .lg-tm-info {
        margin-top: 9px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block .lg-tm-info .team-name span {
    font-style: normal;
    margin-bottom: 8px;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block .lg-tm-info .team-name span {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 5px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block .lg-tm-info .match-result-info {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 17px;
    font-style: normal;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .teams-wrapper .tournaments-teams-block .lg-tm-block .lg-tm-info .match-result-info {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
    }
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .tab-standings {
        background: #161b26;
        padding: 20px;
        margin: 0 -20px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-heading {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-heading {
        font-weight: 600;
        font-size: 26px;
        line-height: 42px;
        margin-bottom: 17px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header {
    padding: 15px 19px;
    background: #3C3450;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header {
        padding: 12px 10px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header>* {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header>* {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items {
    padding: 19px 32px 22px 15px;
    border-bottom: 1px solid #3C3450;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items {
        padding: 14px 8px 15px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .field-st-rank,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .field-st-matches-win,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .field-st-matches-loss {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .field-st-rank,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .field-st-matches-win,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .field-st-matches-loss {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .standings-teams-wrapper .team-section {
    display: flex;
    align-items: center;
    gap: 21px;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .standings-teams-wrapper .team-section {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .standings-teams-wrapper .team-section .title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .standings-teams-wrapper .img-wrapper {
    width: 56px;
    height: 56px;
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .standings-teams-wrapper .img-wrapper .team-img {
    width: 100%;
    height: auto;
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items {
    display: flex;
    align-items: center;
    width: 100%;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items {
        justify-content: space-between;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header .stng-rank,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header .stng-match-win,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header .stng-match-loss,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .stng-rank,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .stng-match-win,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .stng-match-loss {
    width: 15%;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header .stng-rank,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header .stng-match-win,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header .stng-match-loss,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .stng-rank,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .stng-match-win,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .stng-match-loss {
        text-align: center;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header .stng-teams,
.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .stng-teams {
    width: 70%;
}

@media (max-width: 991.98px) {
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-list-header .stng-teams,
    .tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .standing-items .stng-teams {
        width: 40%;
        text-align: center;
    }
}

.tournament-detail-tabs-wrapper .tournament-tabs-content .stng-lists .stng-row:last-child .standing-items {
    border-bottom: 0;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .tournament-tab-container .skew-tabs {}
    .tournament-items-detail-tabs-wrapper .tournament-tab-container .skew-tabs .nav-item label {
        padding: 15px 40px;
    }
}

.tournament-items-detail-tabs-wrapper .tournament-items-tab-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .tournament-items-tab-container {
        flex-wrap: wrap;
        margin-bottom: 27px;
    }
    .tournament-items-detail-tabs-wrapper .tournament-items-tab-container .filter-left {
        flex-basis: 100%;
    }
    .tournament-items-detail-tabs-wrapper .tournament-items-tab-container .filter-left li {
        flex: 1;
    }
}

.tournament-items-detail-tabs-wrapper .tournament-items-tab-container .square-tabs {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .tournament-items-tab-container .square-tabs {
        margin-bottom: 20px;
        width: 100%;
    }
    .tournament-items-detail-tabs-wrapper .tournament-items-tab-container .square-tabs li a {
        padding: 11px 11px;
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        min-width: -moz-fit-content;
        min-width: fit-content;
    }
}

.tournament-items-detail-tabs-wrapper .tournament-items-tab-container .square-tabs .filter-left {
    width: 100%;
}

.tournament-items-detail-tabs-wrapper .tournament-items-tab-container .filter-right .sch-datepicker {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 18px 15px 17px 40px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    background-repeat: no-repeat;
    background-position-x: calc(100% - (100% - 22px));
    background-position-y: center;
    max-width: 210px;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .tournament-items-tab-container .filter-right .sch-datepicker {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        max-width: 116px;
        max-height: 44px;
    }
}

.tournament-items-detail-tabs-wrapper .tournament-items-tab-container .filter-right .sch-datepicker::-moz-placeholder {
    color: #FFFFFF;
    opacity: 0.7;
}

.tournament-items-detail-tabs-wrapper .tournament-items-tab-container .filter-right .sch-datepicker::placeholder {
    color: #FFFFFF;
    opacity: 0.7;
}

.tournament-items-detail-tabs-wrapper .sch-lists-wrapper {
    position: relative;
    padding-right: 36px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 18px;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .sch-lists-wrapper {
        gap: 25px;
        padding-right: 18px;
    }
}

.tournament-items-detail-tabs-wrapper .sch-lists-wrapper:before {
    position: absolute;
    content: "";
    top: calc(50% + 5px);
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 35px);
    border: 1px dashed #FFFFFF;
    opacity: 0.5;
}

.tournament-items-detail-tabs-wrapper .sch-lists-wrapper:after {
    position: absolute;
    content: "";
    right: -4px;
    bottom: 0;
    width: 10px;
    height: 10px;
    border-radius: 40px;
    background: #FFFFFF;
}

.tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list {
    position: relative;
}

.tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list .sch-main-date {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 18px;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list .sch-main-date {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
    }
}

.tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list .sch-main-date:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 40px;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list .sch-main-date:before {
        right: -21px;
    }
}

.tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list .sch-main-date:after {
    position: absolute;
    content: "";
    top: 50%;
    right: -45px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 40px;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list .sch-main-date:after {
        right: -26px;
    }
}

.tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list .schedule-item-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 991.98px) {
    .tournament-items-detail-tabs-wrapper .sch-lists-wrapper .sch-list .schedule-item-wrapper {
        gap: 15px;
    }
}

.item-info-wrapper {
    padding: 19px 40px 20px 50px;
    border-radius: 10px;
    background: #3C3450;
    width: 100%;
    align-items: center;
}

@media (min-width: 992px) {
    .item-info-wrapper {
        min-height: 184px;
    }
}

@media (max-width: 991.98px) {
    .item-info-wrapper {
        background: #161b26;
    }
}

.item-info-wrapper .mob-show-info {
    display: none;
}

@media (max-width: 991.98px) {
    .item-info-wrapper {
        padding: 20px 15px;
        flex-direction: column;
        gap: 18px;
    }
    .item-info-wrapper .mob-show-info {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .item-info-wrapper .mob-show-info .start-block {
        display: flex;
        flex-direction: column;
    }
    .item-info-wrapper .mob-show-info .start-block .live-btn {
        font-weight: 700;
        font-size: 14px;
        line-height: 17px;
        padding: 3px 10px;
        border-radius: 5px;
        background: #BA1A1A;
        color: #FFFFFF;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 10px;
    }
    .item-info-wrapper .mob-show-info .start-block .sch-game-time {
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 4px;
        direction: rtl;
    }
    .item-info-wrapper .mob-show-info .start-block .sch-game-time .time-unit {
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        margin-right: -5px;
    }
    .item-info-wrapper .mob-show-info .start-block .sch-game-stage {
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        opacity: 0.7;
        color: #FFFFFF;
    }
    .item-info-wrapper .mob-show-info .end-block .live-stream-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
    }
    .item-info-wrapper .mob-show-info .end-block .live-stream-wrapper .live-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #FFFFFF;
        padding-right: 33px;
        position: relative;
    }
    .item-info-wrapper .mob-show-info .end-block .live-stream-wrapper .live-title::before {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        background: url(https://gamers8.gg/themes/custom/gamers/images/live-stream-on.png) no-repeat;
        background-size: contain;
        width: 20px;
        height: 14px;
        content: "";
        animation: fade 1000ms infinite;
    }
    @keyframes fade {
        from {
            opacity: 1;
        }
        50% {
            opacity: 0.5;
        }
        to {
            opacity: 1;
        }
    }
    .item-info-wrapper .mob-show-info .end-block .live-stream-wrapper .streaming-platform-wrapper {
        display: flex;
        gap: 12px;
    }
}

.item-info-wrapper .team-match-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 60%;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper {
        width: 100%;
    }
}

.item-info-wrapper .team-match-wrapper .sch-team-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper .sch-team-wrapper {
        gap: 7px;
        align-items: flex-start;
        text-align: right;
    }
    .item-info-wrapper .team-match-wrapper .sch-team-wrapper.sch-team-b {
        align-items: flex-end;
        text-align: left;
    }
}

.item-info-wrapper .team-match-wrapper .sch-team-wrapper .team-img {
    max-width: 86px;
    height: auto;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper .sch-team-wrapper .team-img {
        max-width: 56px;
    }
}

.item-info-wrapper .team-match-wrapper .sch-team-wrapper .team-content .title {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper .sch-team-wrapper .team-content .title {
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 5px;
    }
}

.item-info-wrapper .team-match-wrapper .sch-team-wrapper .team-content .sch-win-loss-wrapper {
    display: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper .sch-team-wrapper .team-content .sch-win-loss-wrapper {
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
    }
}

.item-info-wrapper .team-match-wrapper .items-arrow-wrapper {
    margin: auto;
    text-align: center;
}

.item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-team-vs {
    margin-bottom: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    -webkit-text-stroke: #FFFFFF;
    -webkit-text-stroke-width: 1px;
    color: transparent;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-team-vs {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }
}

.item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-watch-live {
    margin-bottom: 9px;
    padding: 8px 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    background: #BA1A1A;
    border-radius: 7px;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-watch-live {
        display: none;
    }
}

.item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-game-stage {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-game-stage {
        display: none;
    }
}

.item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-game-time {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 9px;
    direction: rtl;
}

.item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-game-time span.time-unit {
    font-weight: 500;
    font-size: 18px;
    line-height: 21.6px;
    margin-right: -5px;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .team-match-wrapper .items-arrow-wrapper .sch-game-time {
        display: none;
    }
}

.item-info-wrapper .sch-action-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-right: auto;
    text-transform: capitalize;
}

@media (max-width: 991.98px) {
    .item-info-wrapper .sch-action-wrapper {
        display: none;
    }
}

.item-info-wrapper .sch-action-wrapper .social-share-container .follow_us {
    position: relative;
}

.item-info-wrapper .sch-action-wrapper .social-share-container .follow_us .share-title {
    padding: 12px 33px 12px 59px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    min-width: 135px;
    margin: 0 0 10px;
    position: relative;
}

.item-info-wrapper .sch-action-wrapper .social-share-container .follow_us .share-title::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/share-icon.png) no-repeat;
    background-size: cover;
}

.item-info-wrapper .sch-action-wrapper .social-share-container .follow_us ul {
    display: none;
    position: absolute;
    bottom: -38px;
    left: 0;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 9px 12px 11px;
    border: 1px solid #FFFFFF;
    border-radius: 0px 20px 20px 20px;
    background: #3C3450;
    transition: all 1s ease;
    z-index: 9;
}

.item-info-wrapper .sch-action-wrapper .social-share-container .follow_us:hover ul {
    display: flex;
}

.item-info-wrapper .sch-action-wrapper .social-share-container .a2a_svg {
    display: none;
}

.item-info-wrapper .sch-action-wrapper .sch-buy-ticket .btn.btn-primary {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 24px;
    min-width: 135px;
}

@media (min-width: 992px) {
    .block-gamers-customization-esports-tournament-section {
        margin-top: 80px;
    }
}

@media (max-width: 991.98px) {
    .block-gamers-customization-esports-tournament-section {
        margin-top: 50px;
    }
}

.block-gamers-customization-esports-tournament-section h2 {
    font-size: 42px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 50px;
    font-style: normal;
    text-align: center;
    text-shadow: 0px 2px 1px #ec29fc;
}

@media (min-width: 992px) {
    .block-gamers-customization-esports-tournament-section h2 {
        margin-bottom: 50px;
    }
}

@media (max-width: 991.98px) {
    .block-gamers-customization-esports-tournament-section h2 {
        margin-bottom: 30px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 575.98px) {
    .block-gamers-customization-esports-tournament-section h2 {
        font-size: 32px;
        line-height: 45px;
    }
}

.game-schedule-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-backdrop-filter: blur(11.5714px);
    backdrop-filter: blur(11.5714px);
    background: rgba(60, 52, 80, 0.5);
}

.game-schedule-item .game-left-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 230px;
}

.game-schedule-item .game-left-info .match-title {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    opacity: 0.7;
    text-transform: capitalize;
}

.game-schedule-item .game-left-info .live-cta {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
    padding: 8px 16px;
    border-radius: 7px;
    background: #BA1A1A;
    width: -moz-fit-content;
    width: fit-content;
}

.game-schedule-item .game-left-info .sch-game-time {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 38.4px;
}

.game-schedule-item .game-left-info .sch-game-time .time-unit {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 21.6px;
}

.game-schedule-item .game-left-info .stage-name {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    opacity: 0.7;
    text-transform: capitalize;
}

.game-schedule-item .teams_section {
    display: flex;
    gap: 40px;
}

.game-schedule-item .teams_section .img-wrapper {
    max-width: 100px;
    margin: 0 auto;
}

.game-schedule-item .teams_section .title {
    max-width: 96px;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
}

.game-schedule-item .view-more-cta {
    max-width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #3C3450;
    padding: 12px;
    cursor: pointer;
}

.game-schedule-item .view-more-cta .cta-content {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
}

.game-schedule-item .view-more-cta .cta-content span {
    display: block;
}

.game-schedule-item.completed-item-wrapper {
    align-items: flex-start;
    padding: 25px 40px 25px 20px;
}

.game-schedule-item.completed-item-wrapper .game-left-info,
.game-schedule-item.completed-item-wrapper .winner-team-logo,
.game-schedule-item.completed-item-wrapper .game-stats-wrapper {
    margin: auto 0;
}

.game-schedule-item.completed-item-wrapper .winner-team-logo {
    text-align: center;
}

.game-schedule-item.completed-item-wrapper .winner-team-logo img {
    max-height: 80px;
}

.game-schedule-item.completed-item-wrapper .winner-team-logo .team-name {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    max-width: 100px;
    margin: 10px auto 0;
}

.game-schedule-item.completed-item-wrapper .game-stats-wrapper .d-flex {
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    margin-right: auto;
}

.game-schedule-item.completed-item-wrapper .game-stats-wrapper .point-title {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
    opacity: 0.7;
}

.game-schedule-item.completed-item-wrapper .game-stats-wrapper .total-points {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 38px;
}

@media (min-width: 992px) {
    .game-team-popup .modal-dialog {
        max-width: 1000px;
    }
}

.game-team-popup .modal-dialog .modal-content {
    background: #1C1430;
}

.game-team-popup .modal-dialog .modal-content .modal-header {
    border: 0;
    padding: 40px;
    position: relative;
}

.game-team-popup .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    left: 20px;
    top: 20px;
    background: transparent url(https://gamers8.gg/themes/custom/gamers/images/menu-close.png) center/1em auto no-repeat;
    opacity: 1;
}

.game-team-popup .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 29px;
}

.game-team-popup .modal-dialog .modal-content .modal-body {
    padding: 0 40px 40px;
}

.game-team-popup .modal-dialog .modal-content .modal-body .modal-body-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 600px;
    overflow-y: scroll;
}

.game-team-popup .modal-dialog .modal-content .modal-body .modal-body-content::-webkit-scrollbar {
    width: 4px;
    background: rgba(60, 24, 103, 0.5);
    border-radius: 10px;
}

.game-team-popup .modal-dialog .modal-content .modal-body .modal-body-content::-webkit-scrollbar-thumb {
    background: #3C1867;
    border-radius: 10px;
}

.game-team-popup .modal-dialog .modal-content .modal-body .modal-body-content .team-item {
    border: 1px solid rgba(60, 52, 80, 0.5);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 23px 28px 23px 15px;
}

.game-team-popup .modal-dialog .modal-content .modal-body .modal-body-content .team-item .img-wrapper {
    width: 100%;
    max-width: 72px;
}

.game-team-popup .modal-dialog .modal-content .modal-body .modal-body-content .team-item .img-wrapper img {
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.game-team-popup .modal-dialog .modal-content .modal-body .modal-body-content .team-item .team-name {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
}

.search-icon-wrapper .search-global {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 9999;
    background: #000000;
    height: 100%;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

@media (min-width: 992px) {
    .search-icon-wrapper .search-global {
        z-index: 9999;
        top: 145px;
        background: none;
        height: auto;
        padding-top: 0;
    }
}

@media (max-width: 991.98px) {
    .search-icon-wrapper .search-global {
        transform: translateX(150%);
        -webkit-transform: translateX(150%);
    }
}

@media (min-width: 992px) {
    .search-icon-wrapper .search-global {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .search-icon-wrapper .search-global.active .fa-arrow-left {
        top: 13px;
    }
    .search-icon-wrapper .search-global.active .fa-arrow-left:before {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .search-icon-wrapper .search-global.active {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
}

@media (min-width: 992px) {
    .search-icon-wrapper .search-global.active {
        display: block;
    }
}

.search-icon-wrapper .search-global .left-arrow:before {
    content: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow-search.png);
    margin-top: -5px;
}

.search-icon-wrapper .form--inline {
    display: flex;
    justify-content: center;
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 991.98px) {
    .search-icon-wrapper .form--inline {
        background: #161b26;
        padding: 10px 0;
    }
}

@media (max-width: 575.98px) {
    .search-icon-wrapper .form--inline {
        padding: 10px 0;
    }
}

.search-icon-wrapper .form--inline .form-item {
    margin: 0;
}

.search-icon-wrapper .form--inline .form-type-select {
    width: 16%;
}

@media (max-width: 575.98px) {
    .search-icon-wrapper .form--inline .form-type-select {
        margin-right: 15px;
    }
}

@media (max-width: 991.98px) {
    .search-icon-wrapper .form--inline .form-type-select {
        width: auto;
    }
}

.search-icon-wrapper .form--inline .form-type-search-api-autocomplete {
    width: 65%;
}

@media (min-width: 992px) {
    .search-icon-wrapper .form--inline .form-type-search-api-autocomplete {
        width: 67%;
    }
}

@media (min-width: 1200px) {
    .search-icon-wrapper .form--inline .form-type-search-api-autocomplete {
        width: 75%;
    }
}

.search-icon-wrapper .form--inline .form-actions {
    cursor: pointer;
    width: 100%;
    max-width: 54px;
    position: relative;
}

@media (max-width: 575.98px) {
    .search-icon-wrapper .form-type-select {
        justify-content: center;
        display: flex;
    }
}

.search-icon-wrapper .form-select {
    background-color: #272039;
    font-size: 14px;
    height: 54px;
    padding-right: 20px;
    border-radius: 0 10px 10px 0;
    border: none;
    width: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 575.98px) {
    .search-icon-wrapper .form-select {
        height: 40px;
        background-position-x: 15% !important;
        width: 100px;
        margin: auto 0;
        padding-left: 24px;
    }
}

.search-icon-wrapper .form-select:focus {
    box-shadow: none !important;
    background-color: #272039;
}

@media (min-width: 992px) {
    .search-icon-wrapper .form-select {
        width: 100%;
        overflow: inherit;
    }
}

.search-icon-wrapper .global-search-box {
    background-color: #3C3450;
    background-image: none !important;
    height: 54px;
    border: none;
    font-size: 14px;
    border-radius: 10px 0 0 10px;
    color: #FFFFFF;
    padding-right: 15px;
    margin-right: 25px;
}

.search-icon-wrapper .global-search-box:focus {
    box-shadow: none !important;
    background-color: #3C3450;
}

@media (min-width: 992px) {
    .search-icon-wrapper .global-search-box:focus {
        background-color: #161b26;
    }
}

@media (max-width: 575.98px) {
    .search-icon-wrapper .global-search-box {
        height: 40px;
        margin-right: 0px;
        padding-left: 40px;
    }
}

@media (min-width: 992px) {
    .search-icon-wrapper .global-search-box {
        background-color: #161b26;
        border-radius: 0;
        margin: 0;
    }
}

.search-icon-wrapper .form-actions {
    margin: 0;
    position: relative;
    display: none;
    background: #00f5a3;
    height: 54px;
    width: 100%;
    border-radius: 10px 0px 0px 10px;
}

@media (min-width: 992px) {
    .search-icon-wrapper .form-actions {
        display: block;
    }
}

.search-icon-wrapper .form-actions .search-submit {
    text-indent: -9999px;
    background: transparent;
    width: 100%;
    height: 100%;
}

.search-icon-wrapper .form-actions:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/search-icon-sharp.png);
    background-position: center;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
}

.search-icon-wrapper .search-clear {
    position: absolute;
    left: 8%;
    color: #FFFFFF;
    top: 25px;
    font-size: 24px;
    display: none;
    cursor: pointer;
}

@media (max-width: 575.98px) {
    .search-icon-wrapper .search-clear {
        top: 14px;
    }
    .search-icon-wrapper .search-clear:before {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .search-icon-wrapper .search-clear {
        left: 13%;
        top: 15px;
    }
}

@media (min-width: 1200px) {
    .search-icon-wrapper .search-clear {
        left: 8%;
    }
}

.search-icon-wrapper .mobile-close {
    font-size: 26px;
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 1;
}

@media (min-width: 992px) {
    .search-icon-wrapper .mobile-close {
        display: none;
    }
}

.search-open .form-select option,
.support .form-select option,
.support-result-page .form-select option {
    color: white;
    background: #07271d;
    font-style: normal;
    font-size: 14px;
}

.search-open .form-select option:hover,
.search-open .form-select option:active,
.search-open .form-select option[selected=selected],
.support .form-select option:hover,
.support .form-select option:active,
.support .form-select option[selected=selected],
.support-result-page .form-select option:hover,
.support-result-page .form-select option:active,
.support-result-page .form-select option[selected=selected] {
    background-color: #FFFFFF;
    color: #161b26;
    box-shadow: 0 0 10px 100px #000 inset;
}

.search-open .form-select::-webkit-scrollbar,
.support .form-select::-webkit-scrollbar,
.support-result-page .form-select::-webkit-scrollbar {
    width: 5px;
    background: #161b26;
    opacity: 0.5;
}

.search-open .form-select::-webkit-scrollbar-thumb,
.support .form-select::-webkit-scrollbar-thumb,
.support-result-page .form-select::-webkit-scrollbar-thumb {
    background: #161b26;
}

.search-open .search-overlay,
.support .search-overlay,
.support-result-page .search-overlay {
    background: #3c3450;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: 99;
    display: none;
}

@media (min-width: 992px) {
    .search-open .search-overlay,
    .support .search-overlay,
    .support-result-page .search-overlay {
        top: 120px;
        z-index: 999;
        display: block;
    }
}

.search-open .search-api-autocomplete-search,
.support .search-api-autocomplete-search,
.support-result-page .search-api-autocomplete-search {
    background: #161b26;
    border-radius: 10px;
    padding: 10px;
    border: none;
    margin-top: 6px;
    font-size: 14px;
    z-index: 9999;
}

@media (max-width: 991.98px) {
    .search-open .search-api-autocomplete-search,
    .support .search-api-autocomplete-search,
    .support-result-page .search-api-autocomplete-search {
        right: 0 !important;
        width: 100% !important;
    }
}

.search-open .search-api-autocomplete-search .ui-menu-item,
.support .search-api-autocomplete-search .ui-menu-item,
.support-result-page .search-api-autocomplete-search .ui-menu-item {
    padding-right: 33px;
    padding-bottom: 13px;
}

.search-open .search-api-autocomplete-search .ui-menu-item-wrapper,
.support .search-api-autocomplete-search .ui-menu-item-wrapper,
.support-result-page .search-api-autocomplete-search .ui-menu-item-wrapper {
    color: #FFFFFF;
    font-size: 14px;
}

.search-open .search-api-autocomplete-search .ui-menu-item-wrapper:before,
.support .search-api-autocomplete-search .ui-menu-item-wrapper:before,
.support-result-page .search-api-autocomplete-search .ui-menu-item-wrapper:before {
    content: "\f002";
    font-size: 20px;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    position: absolute;
    z-index: 1;
    top: 4px;
    right: -29px;
    color: #FFFFFF;
}

.search-open .search-api-autocomplete-search .ui-menu-item:hover,
.support .search-api-autocomplete-search .ui-menu-item:hover,
.support-result-page .search-api-autocomplete-search .ui-menu-item:hover {
    background: none;
}

.search-open .search-api-autocomplete-search .ui-widget-content a:hover,
.support .search-api-autocomplete-search .ui-widget-content a:hover,
.support-result-page .search-api-autocomplete-search .ui-widget-content a:hover {
    color: #FFFFFF;
}

.search-open .search-api-autocomplete-search .ui-state-active .ui-state-active,
.search-open .search-api-autocomplete-search .ui-widget-content .ui-state-active,
.support .search-api-autocomplete-search .ui-state-active .ui-state-active,
.support .search-api-autocomplete-search .ui-widget-content .ui-state-active,
.support-result-page .search-api-autocomplete-search .ui-state-active .ui-state-active,
.support-result-page .search-api-autocomplete-search .ui-widget-content .ui-state-active {
    background: none;
}

.search-open .search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion,
.support .search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion,
.support-result-page .search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
    background: none;
    position: relative;
}

.search-open .search-api-autocomplete-search .node--type-image-gallery,
.support .search-api-autocomplete-search .node--type-image-gallery,
.support-result-page .search-api-autocomplete-search .node--type-image-gallery {
    margin: 0;
}

.search-open .search-api-autocomplete-search .search-list-content .search-index-title,
.support .search-api-autocomplete-search .search-list-content .search-index-title,
.support-result-page .search-api-autocomplete-search .search-list-content .search-index-title {
    margin-bottom: 5px;
}

.search-open .search-api-autocomplete-search .search-list-content .search-index-title a,
.support .search-api-autocomplete-search .search-list-content .search-index-title a,
.support-result-page .search-api-autocomplete-search .search-list-content .search-index-title a {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 16.8px;
}

.search-open .search-api-autocomplete-search .search-list-content .search-index-node-type,
.support .search-api-autocomplete-search .search-list-content .search-index-node-type,
.support-result-page .search-api-autocomplete-search .search-list-content .search-index-node-type {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 16.8px;
}

.support .search-overlay,
.support-result-page .search-overlay {
    display: none;
}

.support .search-icon-wrapper .js-form-item .form-control {
    margin-top: 0 !important;
}

.support .search-icon-wrapper .global-search-box::-moz-placeholder {
    color: #7B7F83;
}

.support .search-icon-wrapper .global-search-box::placeholder {
    color: #7B7F83;
}

@media (max-width: 991.98px) {
    .suggestion-open .search-icon-wrapper .search-global {
        background: #161b26;
    }
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper {
    position: relative;
    top: -115px;
    width: 100%;
    height: 100%;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .tournaments-banner img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 628px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .content_tournament_banner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text {
    background: linear-gradient(-90deg, #161b26 0%, #3C3450 100%);
    border-radius: 0px 10px 10px 0px;
    width: 40px;
    position: absolute;
    right: -40px;
    top: 0;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    min-height: 10px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    rotate: -90deg;
    overflow: hidden;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow .chevron {
    position: absolute;
    width: 14px;
    height: 3px;
    opacity: 0;
    top: 0px;
    animation: move-chevron 3s ease-out infinite;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow .chevron:first-child {
    animation: move-chevron 3s ease-out 1s infinite;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow .chevron:nth-child(2) {
    animation: move-chevron 3s ease-out 2s infinite;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow .chevron:before,
.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow .chevron:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: #FFFFFF;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow .chevron:before {
    right: 0;
    transform: skewY(-30deg);
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow .chevron:after {
    left: 0;
    width: 50%;
    transform: skewY(30deg);
}

@keyframes move-chevron {
    25% {
        opacity: 1;
    }
    33.3% {
        opacity: 1;
        transform: translateY(0.9rem);
    }
    66.6% {
        opacity: 1;
        transform: translateY(1.5rem);
    }
    100% {
        opacity: 0;
        transform: translateY(2.4rem);
    }
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .tournament-disclaimer {
    position: absolute;
    left: 0;
    bottom: 90px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 14.4px;
    font-style: italic;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.7);
}

@media (max-width: 991.98px) {
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .tournament-disclaimer {
        display: none;
    }
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper {
    position: absolute;
    left: 0;
    background: #3C3450;
    border-radius: 0px;
    padding: 20px;
    min-width: 410px;
    min-height: 298px;
    top: 50%;
    transform: translate(0, -50%);
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .team_info {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #918f8f;
    border-radius: 10px;
    background-image: url(https://gamers8.gg/themes/custom/images/rectangle-line.png);
    padding: 30px 20px;
    height: 210px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .team_info>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: -20px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .team-logo {
    width: 55px;
    height: 55px;
    margin-bottom: 10px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .live-stream-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: 100%;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .streaming-platform-wrapper {
    display: flex;
    gap: 15px;
    position: relative;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .live-title {
    margin-bottom: 15px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .streaming-group-stage {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    background-color: #59526a;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px 15px;
    position: relative;
    bottom: -10px;
    z-index: 3;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .streaming-content-wrapper {
    text-align: center;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .streaming-social-links {
    position: relative;
    top: -63px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .team-name {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .team-sub-name {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 17px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .vs-label {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 19px;
    opacity: 0.75;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .streaming-overlay-center {
    position: relative;
    top: -10px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .streaming-platform-wrapper span {
    position: absolute;
    width: 120px;
    height: 45px;
    background: #3c3450;
    z-index: 0;
    right: -14px;
    top: -2px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .youtube.btns {
    position: relative;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .streaming-platform-wrapper span:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #918f8f;
    position: absolute;
    border-radius: 50%;
    left: -8px;
    top: 17px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .streaming-platform-wrapper span:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #918f8f;
    position: absolute;
    border-radius: 50%;
    right: -8px;
    top: 17px;
}

.page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(to right, rgba(17, 14, 25, 0) 0%, rgba(17, 14, 25, 0.71) 44.27%, rgba(17, 14, 25, 0.9) 71.87%);
    z-index: 0;
    opacity: 0.7;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper {
    margin-top: 126px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .header-label h3 {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 40.8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: -0.011em;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 10px rgba(17, 14, 25, 0.3);
    display: inline-block;
    padding: 5px 28px;
    border-radius: 7px;
    transform: skewX(10deg);
    margin: 0;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .header-label h3 span {
    transform: skewX(-10deg);
    display: block;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournament-brand-logo {
    margin: 25px 0;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournament-logo {
    max-height: 62px;
    margin-bottom: 25px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-title {
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 42px;
    margin: 35px 0 12px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-details {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
    opacity: 0.7;
    max-width: 500px;
    margin: 0px 0 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-details p {
    margin: 0;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper {
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 30px;
    letter-spacing: -0.3px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div {
    margin-left: 32px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div.scheduling-format svg {
    margin-top: -7px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div.directions a {
    display: inline-block;
    background: rgba(71, 70, 70, 0.32);
    border: 0.5px solid #FFFFFF;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 6px;
    padding: 3px 15px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 20px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper {
    display: inline-block;
    margin-top: 35px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper .price-money {
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 43px;
    text-align: center;
    letter-spacing: 0.04em;
    position: relative;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper .price-money span {
    position: absolute;
    right: 15px;
    top: 10px;
}

.page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper .price-label {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper {
    background: #161b26;
    border-radius: 10px;
    max-width: 782px;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 45%);
    color: #FFFFFF;
    height: 105px;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    height: 100%;
}

@media (max-width: 575.98px) {
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner .tournament-Location {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div span {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 20px;
    opacity: 0.7;
    margin-bottom: 9px;
    display: block;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div div {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now {
    display: flex;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now .share {
    border: 1px solid #fff;
    border-radius: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    padding: 14px 30px;
    position: relative;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now .share:hover .social-share-container {
    transform: translate(50%, 50%) scale(1);
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now>a {
    border: 1px solid #fff;
    border-radius: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    padding: 14px 30px;
    background: linear-gradient(-206.91deg, #00f5a3 16.83%, #06FFF8 202.64%);
    border: 0;
    padding: 15px 30px;
    margin-right: 15px;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now .social-share-container {
    transform-origin: right center;
    position: absolute;
    right: 80%;
    top: 65%;
    transform: translate(50%, -50%) scale(0);
    border-radius: 10px 0px 10px 10px;
    background: #161b26;
    transition: all 0.7s;
    padding: 9px 12px 11px;
    border: 1px solid #FFFFFF;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now .social-share-container .follow_us {
    position: relative;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now .social-share-container .follow_us ul {
    padding: 0;
    margin: 0;
}

.page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now .social-share-container .a2a_svg {
    display: none;
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper {
    left: initial;
    right: 0;
    left: initial;
    right: 0;
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper .live-title svg {
    margin-right: 10px;
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text {
    right: initial;
    left: -40px;
    border-radius: 10px 0px 0px 10px;
    background: linear-gradient(90deg, #161b26 0%, #3C3450 100%);
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    right: initial;
    left: -40px;
    border-radius: 10px 0px 0px 10px;
    background: linear-gradient(90deg, #161b26 0%, #3C3450 100%);
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text .anim-arrow {
    rotate: 90deg;
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .tournament-disclaimer {
    right: 0;
    left: auto;
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper .price-money svg {
    transform: rotateY(-180deg);
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper .price-money span {
    right: initial;
    left: 15px;
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div {
    margin: 0;
    margin-right: 32px;
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now .share svg {
    transform: rotateY(-180deg);
}

[dir=rtl] .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now a:last-child {
    margin: 0;
    margin-left: 15px;
}

@media (max-width: 991px) {
    .page-node-type-tournaments .region.region-breadcrumb {
        display: none;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper {
        margin: 0;
        padding: 0;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper {
        flex-wrap: wrap;
        font-size: 14px;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div {
        flex: 0 0 50%;
        margin: 15px 0 0;
        max-width: 200px;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div.venue {
        max-width: -moz-fit-content;
        max-width: fit-content;
        flex: 0 0 100%;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper {
        margin-top: 25px;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper .price-money {
        font-weight: 700;
        font-size: 26px;
        line-height: 31px;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper .price-money svg {
        width: 192px;
        height: 40px;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-price-wrapper .price-label {
        font-size: 14px;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-title {
        font-size: 26px;
        line-height: 42px;
        margin: 18px 0 10px;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-details,
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-details p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        margin: 0;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .header-label h3 {
        font-size: 13px;
        line-height: 24px;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text {
        position: relative;
        right: initial;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li {
        font-size: 14px;
        line-height: 17px;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text ul li .anim-arrow .chevron {
        width: 12px;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .content_tournament_banner {
        position: static;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .content_tournament_banner .content-row .col-12 {
        padding: 0;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper:before {
        display: none;
    }
    .page-node-type-tournaments .tournaments-details-page .tournament-streaming {
        display: none;
    }
    .page-node-type-tournaments .tournaments-details-page .tournament-live-streaming-component {
        display: none;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner.mobile {
        padding: 40px 20px 20px 20px;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner.mobile img {
        aspect-ratio: 5/4;
        border-radius: 20px;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper {
        position: static;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .right-live-stream-wrapper {
        display: none;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper {
        position: relative;
        transform: unset;
        right: 0;
        height: auto;
        margin-top: 34px;
        max-width: 100%;
        border-radius: 0;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner {
        padding: 20px;
        align-items: flex-start;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div {
        flex: 0 0 33.33%;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div div {
        font-size: 16px;
        line-height: 19px;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div span {
        font-size: 12px;
        line-height: 14px;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div.tournaments-social-link {
        flex: 1;
        margin-top: 23px;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div.tournaments-social-link .share_buy_now {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div.tournaments-social-link .share_buy_now>a {
        margin: 0;
        margin-left: 15px;
        padding: 9px 16px;
        font-size: 13px;
        line-height: 20px;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div.tournaments-social-link .share_buy_now .share {
        font-size: 0;
        padding: 9px 16px;
    }
    [dir=rtl] .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div {
        margin: 15px 0 0;
    }
    [dir=rtl] .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .horizontal-text {
        left: initial;
    }
    [dir=rtl] .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div .share_buy_now a:last-child {
        margin: 0;
        margin-right: 10px;
    }
}

@media (max-width: 576px) {
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div {
        flex: 0 0 50%;
    }
    .page-node-type-tournaments .tournaments-details-page .tournaments-content-wrapper .venue {
        max-width: 250px;
        -webkit-mask-clip: text;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width: 767.98px) {
    .page-node-type-tournaments .tournaments-details-page .tournaments-banner-wrapper .content_tournament_banner .content-row .col-12 {
        padding: 0 20px;
    }
}

@media (min-width: 577px) and (max-width:1024px) {
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div {
        flex: 0 0 33.33%;
        margin: 0;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div.share {
        font-size: 14px;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div.tournaments-social-link {
        margin: 0;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div.tournaments-social-link .share_buy_now {
        margin: 0;
    }
    .page-node-type-tournaments .tournaments-details-page .date-location-wrapper .sub-banner>div.tournaments-social-link .share_buy_now:hover .social-share-container {
        right: 0;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div {
        flex: 1;
    }
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper .tournaments-content-wrapper>div.venue {
        max-width: -moz-fit-content;
        max-width: fit-content;
        flex: 0 0 100%;
        -webkit-mask-clip: text;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (min-width: 1025px) and (max-width:1399px) {
    .page-node-type-tournaments .tournaments-details-page .left-content-wrapper {
        margin-top: 95px;
    }
}

.path-webform #block-gamers-content {
    margin: auto;
    max-width: 520px;
    height: 100%;
    background: #161b26;
    box-shadow: 0px 0px 30px rgba(15, 5, 44, 0.5);
    border-radius: 10px;
    overflow: hidden;
    padding: 40px 60px 24px 60px;
    color: #fff;
}

.path-webform #block-gamers-content label {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 1;
    opacity: 0.7;
    position: relative;
    top: 0;
    right: 0;
    transition: all 0.5s;
}

.path-webform #block-gamers-content .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    padding: 0 15px 0 6px;
    width: 100px;
}

.path-webform #block-gamers-content .form-submit {
    background: linear-gradient(-206.91deg, #00f5a3 16.83%, #06FFF8 202.64%);
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    padding: 14px 28px;
    height: 56px;
    width: 100%;
    padding-top: 14px !important;
    margin-top: 20px;
}

.path-webform #block-gamers-content .date_gender {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.path-webform #block-gamers-content .date_gender .form-item {
    display: flex;
    color: #fff;
    flex-direction: column;
    border-radius: 8px;
    flex: 0 0 49%;
    justify-content: center;
}

.path-webform #block-gamers-content .date_gender label {
    top: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
}

.path-webform #block-gamers-content .date_gender select.form-select {
    padding: 0;
    box-shadow: none !important;
    padding: 7px 16px;
    padding-top: 25px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png);
    background-repeat: no-repeat;
    background-position: 10%;
}

.path-webform #block-gamers-content .date_gender select.form-select option {
    color: #FFFFFF;
}

.path-webform #block-gamers-content .date_gender .form-item.form-type-date {
    position: relative;
}

.path-webform #block-gamers-content .date_gender .form-item.form-type-date:after {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/calendar.svg);
    background-size: 20px;
    background-position: center;
    content: "";
    width: 25px;
    height: 22px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 0;
    top: 18px;
    right: 16px;
}

.path-webform #block-gamers-content .date_gender .form-item.form-type-date label {
    right: 47px;
}

.path-webform #block-gamers-content .date_gender input::-webkit-date-and-time-value {
    text-align: right;
}

.path-webform #block-gamers-content .qualification label {
    top: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
}

.path-webform #block-gamers-content .skills_you_carry label {
    top: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
}

.path-webform #block-gamers-content input[type=text]:focus+label,
.path-webform #block-gamers-content input[type=text]:valid+label,
.path-webform #block-gamers-content input[type=number]:focus+label,
.path-webform #block-gamers-content input[type=number]:valid+label,
.path-webform #block-gamers-content input[type=email]:focus+label,
.path-webform #block-gamers-content input[type=email]:valid+label,
.path-webform #block-gamers-content textarea:focus+label,
.path-webform #block-gamers-content textarea:valid+label,
.path-webform #block-gamers-content select:focus+label,
.path-webform #block-gamers-content select:valid+label {
    transform: translateY(0);
    top: 5px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
    right: 16px;
}

.path-webform #block-gamers-content select+label {
    top: 5px;
    font-size: 14px;
}

.path-webform #block-gamers-content .email_user {
    display: flex;
}

.path-webform #block-gamers-content .select2-search__field {
    padding: 0 !important;
}

.page-node-type-course-form .webform-confirmation,
.webform-submission-class.webform-confirmation {
    color: #fff;
}

.page-node-type-course-form .webform-confirmation .btn,
.webform-submission-class.webform-confirmation .btn {
    margin-right: 0;
}

.page-node-type-course-form .webform-confirmation .confirmation-title,
.webform-submission-class.webform-confirmation .confirmation-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.page-node-type-course-form .alert-danger ul.item-list__comma-list a,
.webform-progress .alert-danger ul.item-list__comma-list a {
    color: #842029;
}

.page-node-type-course-form .webform_content,
.webform-progress .webform_content {
    margin: auto;
    max-width: 520px;
    height: 100%;
    background: #161b26;
    box-shadow: 0px 0px 30px rgba(15, 5, 44, 0.5);
    border-radius: 10px;
    overflow: hidden;
    padding: 40px 60px 24px 60px;
    color: #fff;
}

.page-node-type-course-form .webform_content label,
.webform-progress .webform_content label {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 1;
    opacity: 0.7;
    position: relative;
    top: 0;
    right: 0;
    transition: all 0.5s;
}

.page-node-type-course-form .webform_content .iti--separate-dial-code .iti__selected-flag,
.webform-progress .webform_content .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    padding: 0 15px 0 6px;
    width: 100px;
}

.page-node-type-course-form .webform_content .form-submit,
.webform-progress .webform_content .form-submit {
    background: linear-gradient(-206.91deg, #00f5a3 16.83%, #06FFF8 202.64%);
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    padding: 14px 28px;
    height: 56px;
    width: 100%;
    padding-top: 14px !important;
    margin-top: 20px;
}

.page-node-type-course-form .webform_content .date_gender,
.webform-progress .webform_content .date_gender {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.page-node-type-course-form .webform_content .date_gender .form-item,
.webform-progress .webform_content .date_gender .form-item {
    display: flex;
    color: #fff;
    flex-direction: column;
    border-radius: 8px;
    flex: 0 0 49%;
    justify-content: center;
}

.page-node-type-course-form .webform_content .date_gender label,
.webform-progress .webform_content .date_gender label {
    top: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
}

.page-node-type-course-form .webform_content .date_gender select.form-select,
.webform-progress .webform_content .date_gender select.form-select {
    padding: 0;
    box-shadow: none !important;
    padding: 7px 16px;
    padding-top: 25px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png);
    background-repeat: no-repeat;
    background-position: 10%;
}

.page-node-type-course-form .webform_content .date_gender select.form-select option,
.webform-progress .webform_content .date_gender select.form-select option {
    color: #FFFFFF;
}

.page-node-type-course-form .webform_content .date_gender .form-item.form-type-date,
.webform-progress .webform_content .date_gender .form-item.form-type-date {
    position: relative;
}

.page-node-type-course-form .webform_content .date_gender .form-item.form-type-date:after,
.webform-progress .webform_content .date_gender .form-item.form-type-date:after {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/calendar.svg);
    background-size: 20px;
    background-position: center;
    content: "";
    width: 25px;
    height: 22px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 0;
    top: 18px;
    right: 16px;
}

.page-node-type-course-form .webform_content .date_gender .form-item.form-type-date label,
.webform-progress .webform_content .date_gender .form-item.form-type-date label {
    right: 47px;
}

.page-node-type-course-form .webform_content .date_gender input::-webkit-date-and-time-value,
.webform-progress .webform_content .date_gender input::-webkit-date-and-time-value {
    text-align: right;
}

.page-node-type-course-form .webform_content .qualification label,
.webform-progress .webform_content .qualification label {
    top: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
}

.page-node-type-course-form .webform_content .skills_you_carry label,
.webform-progress .webform_content .skills_you_carry label {
    top: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
}

.page-node-type-course-form .webform_content input[type=text]:focus+label,
.page-node-type-course-form .webform_content input[type=text]:valid+label,
.page-node-type-course-form .webform_content input[type=number]:focus+label,
.page-node-type-course-form .webform_content input[type=number]:valid+label,
.page-node-type-course-form .webform_content input[type=email]:focus+label,
.page-node-type-course-form .webform_content input[type=email]:valid+label,
.page-node-type-course-form .webform_content textarea:focus+label,
.page-node-type-course-form .webform_content textarea:valid+label,
.page-node-type-course-form .webform_content select:focus+label,
.page-node-type-course-form .webform_content select:valid+label,
.webform-progress .webform_content input[type=text]:focus+label,
.webform-progress .webform_content input[type=text]:valid+label,
.webform-progress .webform_content input[type=number]:focus+label,
.webform-progress .webform_content input[type=number]:valid+label,
.webform-progress .webform_content input[type=email]:focus+label,
.webform-progress .webform_content input[type=email]:valid+label,
.webform-progress .webform_content textarea:focus+label,
.webform-progress .webform_content textarea:valid+label,
.webform-progress .webform_content select:focus+label,
.webform-progress .webform_content select:valid+label {
    transform: translateY(0);
    top: 5px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
    right: 16px;
}

.page-node-type-course-form .webform_content select+label,
.webform-progress .webform_content select+label {
    top: 5px;
    font-size: 14px;
}

.page-node-type-course-form .webform_content .email_user,
.webform-progress .webform_content .email_user {
    display: flex;
}

.page-node-type-course-form .webform_content .select2-search__field,
.webform-progress .webform_content .select2-search__field {
    padding: 0 !important;
}

.page-node-type-course-form .form-control,
.webform-progress .form-control {
    border-radius: 8px;
    background: #2a243d;
    border-color: transparent;
    box-shadow: none;
    outline: none;
    padding: 8px 16px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
    height: 56px;
    border: 0;
}

.page-node-type-course-form .form-control:focus,
.webform-progress .form-control:focus {
    background-color: #2a243d;
    border: 0;
    outline: 0;
    box-shadow: 0 0 0 1000px #2a243d inset !important;
}

.page-node-type-course-form .form-select,
.page-node-type-course-form .select2-container .select2-selection,
.webform-progress .form-select,
.webform-progress .select2-container .select2-selection {
    border-radius: 10px !important;
    background: #2a243d;
    border-color: transparent;
    box-shadow: none;
    outline: none;
    padding: 8px 16px !important;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
    height: 56px !important;
    width: 100% !important;
}

.page-node-type-course-form .form-select option,
.page-node-type-course-form .select2-container .select2-selection option,
.webform-progress .form-select option,
.webform-progress .select2-container .select2-selection option {
    color: #FFFFFF;
}

.page-node-type-course-form .form-select .select2-selection__rendered,
.page-node-type-course-form .select2-container .select2-selection .select2-selection__rendered,
.webform-progress .form-select .select2-selection__rendered,
.webform-progress .select2-container .select2-selection .select2-selection__rendered {
    line-height: 40px;
}

.page-node-type-course-form .mobile_number,
.webform-progress .mobile_number {
    margin: 0;
    border-radius: 8px;
    height: 56px;
    display: flex;
    align-items: center;
    background: #2a243d;
}

.page-node-type-course-form .mobile_number label,
.webform-progress .mobile_number label {
    position: absolute;
    top: -25px;
}

.page-node-type-course-form .mobile_number .local-number,
.webform-progress .mobile_number .local-number {
    width: 100% !important;
    padding-top: 12px !important;
    padding-right: 90px;
    border: 0;
    height: 100%;
    border-radius: 8px 0 0 8px;
}

.page-node-type-course-form .mobile_number .local-number+.form-item--error-message,
.webform-progress .mobile_number .local-number+.form-item--error-message {
    color: #dc3545;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: -34px;
    z-index: 0;
}

.page-node-type-course-form .mobile_number .form-item,
.webform-progress .mobile_number .form-item {
    height: 100%;
}

.page-node-type-course-form .mobile_number .form-item.form-item-mobile-number-mobile,
.webform-progress .mobile_number .form-item.form-item-mobile-number-mobile {
    width: 100%;
}

.page-node-type-course-form .mobile_number .form-item.form-item-mobile-number-country-code,
.webform-progress .mobile_number .form-item.form-item-mobile-number-country-code {
    position: absolute;
    z-index: 2;
}

[dir=rtl] body .page-node-type-course-form .mobile_number .form-item.form-item-mobile-number-country-code,
[dir=rtl] body .webform-progress .mobile_number .form-item.form-item-mobile-number-country-code {
    left: 150px;
}

@media (max-width: 991.98px) {
    [dir=rtl] body .page-node-type-course-form .mobile_number .form-item.form-item-mobile-number-country-code,
    [dir=rtl] body .webform-progress .mobile_number .form-item.form-item-mobile-number-country-code {
        left: 115px;
    }
}

.page-node-type-course-form .mobile_number .form-item label,
.webform-progress .mobile_number .form-item label {
    display: block;
    font-size: 0;
    right: 90px;
    top: 22px;
    z-index: 2;
}

.page-node-type-course-form .mobile_number .form-item.mobile_focused label,
.webform-progress .mobile_number .form-item.mobile_focused label {
    top: 7px;
}

.page-node-type-course-form .form-item.mobile_number,
.webform-progress .form-item.mobile_number {
    margin: 40px 0;
}

.page-node-type-course-form .mobile-number-field .country-select,
.webform-progress .mobile-number-field .country-select {
    border: 0;
    display: flex;
    color: #fff;
    padding-right: 16px;
    align-items: center;
    height: 100%;
}

.page-node-type-course-form .name_fields,
.webform-progress .name_fields {
    display: flex;
    gap: 10px;
}

.page-node-type-course-form .form-date,
.webform-progress .form-date {
    border: 0;
    cursor: pointer;
    background: #2a243d;
    height: 56px;
    padding: 7px 16px;
    border-radius: 10px;
    padding-right: 45px;
    position: relative;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.011em;
    display: block;
    width: 100%;
}

.page-node-type-course-form .form-item,
.webform-progress .form-item {
    position: relative;
    margin: 0;
    margin-bottom: 20px;
}

.page-node-type-course-form .form-type-date label,
.webform-progress .form-type-date label {
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 17px;
}

.page-node-type-course-form .form-type-date:after,
.webform-progress .form-type-date:after {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/calendar.svg);
    background-size: 20px;
    background-position: center;
    content: "";
    width: 25px;
    height: 22px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 0;
    top: 18px;
    right: 16px;
}

.page-node-type-course-form input:-webkit-autofill,
.webform-progress input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #2a243d inset !important;
    -webkit-text-fill-color: white !important;
}

.page-node-type-course-form input:-webkit-autofill:hover,
.webform-progress input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #2a243d inset !important;
    -webkit-text-fill-color: white !important;
}

.page-node-type-course-form input:-webkit-autofill:focus,
.webform-progress input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #2a243d inset !important;
    -webkit-text-fill-color: white !important;
}

.page-node-type-course-form input:-webkit-autofill:active,
.webform-progress input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #2a243d inset !important;
    -webkit-text-fill-color: white !important;
}

.page-node-type-course-form input#edit-years-of-experience::-webkit-outer-spin-button,
.page-node-type-course-form input#edit-years-of-experience::-webkit-inner-spin-button,
.webform-progress input#edit-years-of-experience::-webkit-outer-spin-button,
.webform-progress input#edit-years-of-experience::-webkit-inner-spin-button {
    display: none;
}

.page-node-type-course-form input[type=date]::-webkit-calendar-picker-indicator,
.webform-progress input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0;
    top: 0;
    background-image: unset;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.page-node-type-course-form input[type=date] .datetime-calendar-button,
.webform-progress input[type=date] .datetime-calendar-button {
    position: absolute;
    right: 0;
    top: 0;
    background-image: unset;
    width: 100%;
    height: 100%;
}

.page-node-type-course-form input[type=date] .datetime-calendar-button svg,
.webform-progress input[type=date] .datetime-calendar-button svg {
    display: none;
}

.page-node-type-course-form .form-required:after,
.webform-progress .form-required:after {
    background: none;
    content: "*";
}

.page-node-type-course-form .progress-tracker--center,
.webform-progress .progress-tracker--center {
    text-align: center;
    margin: 0 0 40px;
}

.page-node-type-course-form .invalid-feedback,
.webform-progress .invalid-feedback {
    font-size: 12px;
}

.page-node-type-course-form .invalid-feedback.upload-error,
.webform-progress .invalid-feedback.upload-error {
    position: absolute;
    bottom: 0px;
}

.page-node-type-course-form .progress-marker::before,
.webform-progress .progress-marker::before {
    border-radius: 58px;
    width: 40px;
    height: 40px;
    background: #2a243d;
    padding: 0;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.page-node-type-course-form .progress-marker::after,
.webform-progress .progress-marker::after {
    top: 20px;
}

.page-node-type-course-form .webform-progress-tracker .progress-step:nth-child(1) .progress-marker::after,
.webform-progress .webform-progress-tracker .progress-step:nth-child(1) .progress-marker::after {
    left: -75px;
}

.page-node-type-course-form .webform-progress-tracker .progress-step:nth-child(2) .progress-title,
.webform-progress .webform-progress-tracker .progress-step:nth-child(2) .progress-title {
    text-align: center;
}

.page-node-type-course-form .webform-progress-tracker .progress-step:nth-child(2) .progress-marker::after,
.webform-progress .webform-progress-tracker .progress-step:nth-child(2) .progress-marker::after {
    left: -130px;
}

.page-node-type-course-form .progress-step.is-active .progress-marker::before,
.webform-progress .progress-step.is-active .progress-marker::before {
    background: #8516ae;
    color: #ffffff;
}

.page-node-type-course-form .webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-progress .webform-progress-tracker .progress-step.is-complete .progress-marker::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/process-comp.svg);
    font-size: 0;
}

.page-node-type-course-form .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before,
.webform-progress .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/process-comp.svg);
    font-size: 0;
}

.page-node-type-course-form .webform-progress-tracker .progress-step .progress-text,
.webform-progress .webform-progress-tracker .progress-step .progress-text {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19px;
    padding: 10px 0 0;
}

.page-node-type-course-form .qualification .form-select,
.webform-progress .qualification .form-select {
    background: #2a243d;
    padding-top: 25px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png);
    background-repeat: no-repeat;
    background-position-x: 5%;
    background-position-y: center;
}

.page-node-type-course-form .qualification .form-select+label,
.webform-progress .qualification .form-select+label {
    top: 7px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 17px;
    letter-spacing: -0.011em;
}

.page-node-type-course-form .skills_you_carry .select2-container--default .select2-selection--multiple,
.webform-progress .skills_you_carry .select2-container--default .select2-selection--multiple {
    background: transparent;
    border: 0;
    height: 100%;
}

.page-node-type-course-form .skills_you_carry .form-type-select,
.webform-progress .skills_you_carry .form-type-select {
    background: #2a243d;
    height: 61px;
    display: block;
    border-radius: 10px;
}

.page-node-type-course-form .skills_you_carry .invalid-feedback,
.webform-progress .skills_you_carry .invalid-feedback {
    position: relative;
    bottom: -17px;
}

.page-node-type-course-form .prev_n_submit .webform-button--previous,
.webform-progress .prev_n_submit .webform-button--previous {
    display: none;
}

.page-node-type-course-form .prev_n_submit .webform-button--submit,
.webform-progress .prev_n_submit .webform-button--submit {
    margin: 0;
}

.page-node-type-course-form .select2.select2-container.select2-container--default,
.webform-progress .select2.select2-container.select2-container--default {
    top: 0px;
    padding-right: 0;
}

.page-node-type-course-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.webform-progress .select2-container--default .select2-selection--multiple .select2-selection__choice {
    list-style: none;
    font-size: 14px;
    color: #2a243d;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: -0.011em;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    background: #fff;
    border: 0;
    height: 23px;
    display: flex;
    align-items: center;
    margin-left: 10px;
    border-radius: 30px;
    padding: 5px 10px 3px;
}

.page-node-type-course-form .select2-container--default .select2-selection--multiple .select2-selection__choice:last-child,
.webform-progress .select2-container--default .select2-selection--multiple .select2-selection__choice:last-child {
    margin-left: 0;
}

.page-node-type-course-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.webform-progress .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #2a243d;
    margin: 0;
    margin-right: 7px;
}

.page-node-type-course-form .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.webform-progress .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    padding: 0;
    overflow-x: auto;
    height: 30px;
}

.page-node-type-course-form .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar,
.webform-progress .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
    height: 3px;
}

.page-node-type-course-form .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track,
.webform-progress .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #9E9E9E;
    border-radius: 10px;
}

.page-node-type-course-form .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb,
.webform-progress .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.6117647059);
}

.page-node-type-course-form .form-file::file-selector-button,
.webform-progress .form-file::file-selector-button {
    font: inherit;
    -webkit-appearance: none;
    opacity: 0;
    font-size: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    height: 0;
}

.page-node-type-course-form .success_message .webform-progress,
.webform-progress .success_message .webform-progress {
    display: none;
}

.page-node-type-course-form .success_message .webform-confirmation .webform-confirmation__message,
.webform-progress .success_message .webform-confirmation .webform-confirmation__message {
    text-align: center;
}

.page-node-type-course-form .success_message .webform-confirmation .webform-confirmation__message .confirmation-title,
.webform-progress .success_message .webform-confirmation .webform-confirmation__message .confirmation-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.page-node-type-course-form .success_message .webform-confirmation .webform-confirmation__message p,
.webform-progress .success_message .webform-confirmation .webform-confirmation__message p {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 40px;
}

.page-node-type-course-form .success_message .webform-confirmation .webform-confirmation__message a.btn,
.webform-progress .success_message .webform-confirmation .webform-confirmation__message a.btn {
    width: 100%;
    padding: 18px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
}

.page-node-type-course-form .professional_info,
.webform-progress .professional_info {
    position: relative;
}

.page-node-type-course-form .professional_info>div,
.webform-progress .professional_info>div {
    float: right;
    width: 100%;
}

.page-node-type-course-form .professional_info>div .file_uploaded,
.webform-progress .professional_info>div .file_uploaded {
    position: relative;
}

.page-node-type-course-form .professional_info>div.upload_resume .form-item-upload-resume,
.webform-progress .professional_info>div.upload_resume .form-item-upload-resume {
    background: #2a243d;
    border-radius: 8px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/upload.svg);
    background-repeat: no-repeat;
    background-position: 5%;
    height: 61px;
    width: 100%;
    display: inline-block;
}

.page-node-type-course-form .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file,
.webform-progress .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file {
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    padding-bottom: 5px;
    padding-right: 16px;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.page-node-type-course-form .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file span.file,
.webform-progress .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file span.file {
    list-style: none;
    margin: 0;
    background: #fff;
    border: 0;
    height: 23px;
    border-radius: 30px;
    background-image: none;
    padding: 0;
    padding-left: 20px;
    max-width: 180px;
    display: flex;
    align-items: center;
}

.page-node-type-course-form .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file span.file a,
.webform-progress .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file span.file a {
    font-size: 14px;
    color: #2a243d;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: -0.011em;
    padding: 4px 10px;
    display: block;
    -webkit-mask-clip: text;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-node-type-course-form .professional_info>div.upload_resume .form-item-upload-resume input[name=upload_resume_remove_button],
.webform-progress .professional_info>div.upload_resume .form-item-upload-resume input[name=upload_resume_remove_button] {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cross.svg);
    padding: 0 !important;
    height: 10px;
    margin: 0;
    font-size: 0;
    width: 10px;
    position: absolute;
    bottom: 7px;
    left: 9px;
    opacity: 1;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-node-type-course-form .professional_info>div.upload_resume label,
.webform-progress .professional_info>div.upload_resume label {
    position: absolute;
    top: 7px;
}

.page-node-type-course-form .professional_info>div.upload_resume input,
.webform-progress .professional_info>div.upload_resume input {
    width: 100%;
    opacity: 0;
    padding: 0;
    height: 56px;
    cursor: pointer;
    position: absolute;
}

.page-node-type-course-form .professional_info>div.upload_resume .description,
.webform-progress .professional_info>div.upload_resume .description {
    display: none;
}

.page-node-type-course-form .gif_anim_image lottie-player,
.webform-progress .gif_anim_image lottie-player {
    height: 250px !important;
}

.page-node-type-course-form .webform-progress-tracker .progress-step .progress-title,
.webform-progress .webform-progress-tracker .progress-step .progress-title {
    text-align: right;
}

.page-node-type-course-form .webform-progress-tracker .progress-step:first-child .progress-marker::before,
.webform-progress .webform-progress-tracker .progress-step:first-child .progress-marker::before {
    margin-right: 30px;
}

.page-node-type-course-form .webform-progress-tracker .progress-step:last-child .progress-title,
.webform-progress .webform-progress-tracker .progress-step:last-child .progress-title {
    text-align: left;
}

.page-node-type-course-form .webform-progress-tracker .progress-step:last-child .progress-marker::before,
.webform-progress .webform-progress-tracker .progress-step:last-child .progress-marker::before {
    margin-left: 30px;
}

.page-node-type-course-form .webform-progress-tracker .progress-step .progress-marker::after,
.webform-progress .webform-progress-tracker .progress-step .progress-marker::after {
    height: 2px;
    background: rgba(255, 255, 255, 0.15);
}

.page-node-type-course-form .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
.webform-progress .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before {
    background-color: #2A243D;
}

.page-node-type-course-form .webform-progress-tracker .progress-step:hover .progress-marker::before,
.webform-progress .webform-progress-tracker .progress-step:hover .progress-marker::before {
    background-color: #2A243D;
}

.page-node-type-course-form .webform-progress-tracker .progress-step .progress-marker::after,
.webform-progress .webform-progress-tracker .progress-step .progress-marker::after {
    background-color: #2A243D;
}

.page-node-type-course-form .form-item--error-message,
.webform-progress .form-item--error-message {
    position: absolute;
    bottom: -25px;
    font-weight: normal;
    font-size: 12px;
    color: #dc3545;
}

.page-node-type-course-form .form-item--error-message strong,
.webform-progress .form-item--error-message strong {
    font-weight: normal;
}

@media (max-width: 767.98px) {
    .page-node-type-course-form .webform_content,
    .webform-progress .webform_content {
        padding: 15px 5px 30px;
        margin: 0 auto;
        margin-top: 30px;
        max-width: calc(100% - 40px);
    }
    .page-node-type-course-form .webform_content .date_gender,
    .webform-progress .webform_content .date_gender {
        flex-direction: column;
    }
    .page-node-type-course-form .webform_content .date_gender .form-item,
    .webform-progress .webform_content .date_gender .form-item {
        flex: 0 0 100%;
        width: 100%;
        justify-content: flex-start;
    }
    .page-node-type-course-form .webform_content .date_gender .form-item .form-date,
    .webform-progress .webform_content .date_gender .form-item .form-date {
        width: 100%;
        -webkit-appearance: none;
    }
    .page-node-type-course-form .webform_content .date_gender .form-item label,
    .webform-progress .webform_content .date_gender .form-item label {
        font-size: 12px;
        line-height: 14px;
    }
    .page-node-type-course-form .webform_content .name_fields,
    .webform-progress .webform_content .name_fields {
        flex-direction: column;
    }
    .page-node-type-course-form .webform_content input,
    .webform-progress .webform_content input {
        font-size: 14px;
        line-height: 17px;
    }
    .page-node-type-course-form .webform_content input:focus,
    .webform-progress .webform_content input:focus {
        font-size: 14px;
        line-height: 17px;
    }
    .page-node-type-course-form .webform_content input:focus+label,
    .webform-progress .webform_content input:focus+label {
        font-size: 12px;
        line-height: 14px;
    }
    .page-node-type-course-form .webform_content input:valid,
    .webform-progress .webform_content input:valid {
        font-size: 14px;
        line-height: 17px;
    }
    .page-node-type-course-form .webform_content input:valid+label,
    .webform-progress .webform_content input:valid+label {
        font-size: 12px;
        line-height: 14px;
    }
    .page-node-type-course-form .webform_content .form-select,
    .webform-progress .webform_content .form-select {
        background-size: 15px;
        background-position: 5% !important;
        font-size: 14px;
        line-height: 17px;
    }
    .page-node-type-course-form .webform_content .mobile_number .form-item label:after,
    .webform-progress .webform_content .mobile_number .form-item label:after {
        font-size: 14px;
        line-height: 19px;
    }
    .page-node-type-course-form .webform_content .mobile_number .form-item.mobile_focused label:after,
    .webform-progress .webform_content .mobile_number .form-item.mobile_focused label:after {
        font-size: 12px;
        line-height: 14px;
    }
    .page-node-type-course-form .webform_content label,
    .webform-progress .webform_content label {
        font-size: 14px;
        line-height: 19px;
    }
    .page-node-type-course-form .webform_content .qualification .form-select+label,
    .page-node-type-course-form .webform_content .skills_you_carry label,
    .page-node-type-course-form .webform_content .professional_info>div.upload_resume label,
    .webform-progress .webform_content .qualification .form-select+label,
    .webform-progress .webform_content .skills_you_carry label,
    .webform-progress .webform_content .professional_info>div.upload_resume label {
        font-size: 12px;
        line-height: 14px;
    }
    .page-node-type-course-form .webform_content .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file span.file a,
    .webform-progress .webform_content .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file span.file a {
        font-size: 13px;
        line-height: 16px;
    }
    .page-node-type-course-form .progress-tracker--center,
    .webform-progress .progress-tracker--center {
        margin: 0 0 20px;
    }
    .page-node-type-course-form .webform-progress-tracker .progress-text,
    .webform-progress .webform-progress-tracker .progress-text {
        display: block;
    }
    .page-node-type-course-form .webform-progress-tracker .progress-text .progress-title,
    .webform-progress .webform-progress-tracker .progress-text .progress-title {
        margin-top: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        opacity: 0.7;
    }
    .page-node-type-course-form .webform-progress-tracker .progress-step.is-active .progress-title,
    .webform-progress .webform-progress-tracker .progress-step.is-active .progress-title {
        opacity: 1;
    }
    .page-node-type-course-form .success_message .webform-confirmation .webform-confirmation__message .confirmation-title,
    .webform-progress .success_message .webform-confirmation .webform-confirmation__message .confirmation-title {
        font-size: 24px;
        line-height: 29px;
    }
    .page-node-type-course-form .success_message .webform-confirmation .webform-confirmation__message p,
    .webform-progress .success_message .webform-confirmation .webform-confirmation__message p {
        font-size: 14px;
        line-height: 23px;
        margin: 0;
    }
    .page-node-type-course-form .success_message .webform-confirmation .webform-confirmation__message a.btn,
    .webform-progress .success_message .webform-confirmation .webform-confirmation__message a.btn {
        display: none;
    }
    .page-node-type-course-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li,
    .webform-progress .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        font-size: 13px;
        line-height: 16px;
    }
}

@media (max-width: 767.98px) {
    .page-node-type-course-form .webform_content,
    .webform-progress .webform_content {
        max-width: 520px;
    }
}

@media (min-width: 768px) {
    .page-node-type-course-form .webform_content,
    .webform-progress .webform_content {
        max-width: 768px;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .page-node-type-course-form .webform_content,
    .webform-progress .webform_content {
        padding: 40px 40px 24px 40px;
    }
}

.page-node-type-course-form .webform-access-denied,
.webform-progress .webform-access-denied {
    color: #fff;
    text-align: center;
}

.page-node-type-course-form .webform-access-denied a,
.webform-progress .webform-access-denied a {
    color: #00f5a3;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset,
.webform-progress .request-form .form_input_fields form fieldset {
    display: flex;
    flex-direction: column;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset legend,
.webform-progress .request-form .form_input_fields form fieldset legend {
    color: #fff;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper {
    display: flex;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper,
    .webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper {
        flex-direction: column;
    }
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item {
    flex-basis: 50%;
    margin-bottom: 0;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input {
    width: 100%;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date],
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
    padding-top: 10px;
    padding-top: 12px;
    width: 100%;
    display: block;
    min-width: 96%;
    text-align: right;
    padding-right: 50px;
}

[dir=rtl] body .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date],
[dir=rtl] body .webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date] {
    text-align: left;
    padding-left: 50px;
}

@supports (-webkit-touch-callout:none) {
    .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date],
    .webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date] {
        padding-top: 20px;
    }
    [dir=rtl] body .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date],
    [dir=rtl] body .webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date] {
        text-align: left;
        padding-left: 50px;
    }
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date]::-webkit-date-and-time-value,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date]::-webkit-date-and-time-value {
    text-align: right;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
    padding-top: 8px;
    width: 100%;
    display: block;
    min-width: 96%;
    text-align: right;
    padding-right: 50px;
}

@supports (-webkit-touch-callout:none) {
    .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date]::-webkit-date-and-time-value,
    .webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date]::-webkit-date-and-time-value {
        padding-top: 20px;
    }
}

[dir=rtl] body .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date]::-webkit-date-and-time-value,
[dir=rtl] body .webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=date]::-webkit-date-and-time-value {
    text-align: left;
    padding-left: 50px;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=radio],
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-item>input[type=radio] {
    width: auto;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-date:after,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-date:after {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/calendar.svg);
    background-size: 20px;
    background-position: center;
    content: "";
    width: 25px;
    height: 22px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 0;
    top: 40px;
    right: 16px;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-date label,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-date label {
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 17px;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select,
.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection {
    position: relative;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select:before,
.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection:before,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select:before,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection:before {
    position: absolute;
    content: "";
    left: 16px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png);
    background-repeat: no-repeat;
    z-index: 2;
    width: 20px;
    height: 10px;
    top: 65%;
    transform: translateY(-50%);
}

[dir=rtl] body .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select:before,
[dir=rtl] body .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection:before,
[dir=rtl] body .webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select:before,
[dir=rtl] body .webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection:before {
    right: 16px;
    left: auto;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select select,
.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection select,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select select,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection select {
    background-image: none;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select label,
.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection label,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select label,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection label {
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 17px;
    z-index: 1;
}

.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select .invalid-feedback,
.page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection .invalid-feedback,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-select .invalid-feedback,
.webform-progress .request-form .form_input_fields form fieldset .fieldset-wrapper .select2-container .select2-selection .invalid-feedback {
    position: absolute;
}

.page-node-type-course-form .request-form .form_input_fields form .form-select[multiple],
.webform-progress .request-form .form_input_fields form .form-select[multiple] {
    position: relative !important;
}

.page-node-type-course-form .request-form .form_input_fields form .form-item .form-control+label:not(.form-required),
.webform-progress .request-form .form_input_fields form .form-item .form-control+label:not(.form-required) {
    top: 12px !important;
}

.page-node-type-course-form .request-form .form_input_fields form textarea,
.webform-progress .request-form .form_input_fields form textarea {
    box-shadow: 0 0 0 1000px #2a243d inset !important;
    background-color: #2a243d;
    color: #fff;
    min-height: 110px;
}

.page-node-type-course-form .request-form .form_input_fields form textarea div,
.webform-progress .request-form .form_input_fields form textarea div {
    color: #fff;
}

.page-node-type-course-form .request-form .form_input_fields form textarea:-internal-autofill-selected,
.webform-progress .request-form .form_input_fields form textarea:-internal-autofill-selected {
    color: #fff !important;
}

.page-node-type-course-form .request-form .form_input_fields form .form-actions,
.webform-progress .request-form .form_input_fields form .form-actions {
    display: flex;
    gap: 10px;
}

.page-node-type-course-form .request-form .form_input_fields form .select2-container--default .select2-selection--multiple,
.webform-progress .request-form .form_input_fields form .select2-container--default .select2-selection--multiple {
    background-color: transparent;
}

.page-node-type-course-form .request-form .form_input_fields form .form-composite>legend,
.page-node-type-course-form .request-form .form_input_fields form .label,
.webform-progress .request-form .form_input_fields form .form-composite>legend,
.webform-progress .request-form .form_input_fields form .label {
    font-weight: normal;
    opacity: 0.7;
    margin-bottom: 10px;
}

.page-node-type-course-form .request-form .form_input_fields form .webform-type-radios .fieldset-wrapper,
.webform-progress .request-form .form_input_fields form .webform-type-radios .fieldset-wrapper {
    flex-direction: row;
}

.page-node-type-course-form .request-form .form_input_fields form .webform-type-radios .fieldset-wrapper label,
.webform-progress .request-form .form_input_fields form .webform-type-radios .fieldset-wrapper label {
    font-size: 14px !important;
}

.page-node-type-course-form .request-form .form_input_fields form .webform-type-radios .form-radios,
.webform-progress .request-form .form_input_fields form .webform-type-radios .form-radios {
    display: flex;
    gap: 30px;
}

.page-node-type-course-form .request-form .form_input_fields form .form-type-radio,
.webform-progress .request-form .form_input_fields form .form-type-radio {
    display: flex;
    align-items: center;
}

.page-node-type-course-form .request-form .form_input_fields form .form-type-radio label,
.webform-progress .request-form .form_input_fields form .form-type-radio label {
    position: relative;
    top: 0;
    right: 10px;
}

.page-node-type-course-form .request-form .form_input_fields form .form-type-checkbox label,
.webform-progress .request-form .form_input_fields form .form-type-checkbox label {
    position: relative;
    top: 0;
}

.page-node-type-course-form #edit-nationality .select2-container .select2-selection:before,
.page-node-type-course-form #edit-nationality .form-type-select:before,
.webform-progress #edit-nationality .select2-container .select2-selection:before,
.webform-progress #edit-nationality .form-type-select:before {
    top: 50% !important;
}

.select2-container .select2-selection__rendered {
    color: #FFFFFF !important;
}

.select2-container .select2-selection__arrow {
    display: none;
}

.select2-container .select2-dropdown {
    background: #2a243d;
    color: #FFFFFF;
}

.select2-container .select2-dropdown .select2-search--dropdown {
    background: #2a243d;
    border-radius: 4px;
}

.select2-container .select2-dropdown .select2-search--dropdown .select2-search__field {
    border: 1px solid #FFFFFF;
    background: #2a243d;
}

.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
    background-clip: padding-box;
}

.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track {
    background-color: #2a243d;
    background-clip: padding-box;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
}

.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border-left: 10px solid white;
    border-top: 10px solid white;
    border-bottom: 10px solid white;
    height: 36px;
}

.select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-button {
    display: none;
}

.select2-container .select2-results__option[aria-selected=true] {
    background-color: #5897fb;
}

[dir=rtl] body.page-node-type-course-form .webform-progress-tracker .progress-step .progress-title {
    text-align: left;
}

[dir=rtl] body.page-node-type-course-form .webform-progress-tracker .progress-step:last-child .progress-marker::before {
    margin: 0 auto;
    margin-right: 30px;
}

[dir=rtl] body.page-node-type-course-form .webform-progress-tracker .progress-step:last-child .progress-title {
    text-align: right;
}

[dir=rtl] body.page-node-type-course-form .webform-progress-tracker .progress-step:first-child .progress-marker::before {
    margin: 0 auto;
    margin-left: 30px;
}

[dir=rtl] body.page-node-type-course-form .webform_content input:focus+label {
    right: inherit;
    left: 16px;
}

[dir=rtl] body.page-node-type-course-form .webform_content input:valid+label {
    right: inherit;
    left: 16px;
}

[dir=rtl] body.page-node-type-course-form .webform_content label {
    right: inherit;
    left: 16px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .date_gender label {
    top: 3px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .date_gender .form-item.form-type-date:after {
    right: inherit;
    left: 16px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .date_gender .form-item.form-type-date label {
    right: inherit;
    left: 47px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .date_gender .form-select {
    background: none;
    background-position: right 16px top 50% !important;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png), #2a243d;
    background-repeat: no-repeat;
    width: 100%;
}

[dir=rtl] body.page-node-type-course-form .webform_content .date_gender input::-webkit-date-and-time-value {
    text-align: left;
}

[dir=rtl] body.page-node-type-course-form .webform_content .mobile-number-field .country-select {
    padding: 0;
    padding-left: 16px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .professional_info>div.upload_resume .form-item-upload-resume {
    background-position: right 15px top 50%;
}

[dir=rtl] body.page-node-type-course-form .webform_content .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file {
    right: inherit;
    left: 16px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .professional_info>div.upload_resume .form-item-upload-resume .form-managed-file span.file {
    padding: 0;
    padding-right: 20px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .professional_info>div.upload_resume .form-item-upload-resume input[name=upload_resume_remove_button] {
    left: auto;
    right: 10px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .select2.select2-container.select2-container--default {
    padding: 0;
    padding-left: 16px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 0;
    margin-right: 10px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .qualification .form-select {
    background-position-x: 16px !important;
}

[dir=rtl] body.page-node-type-course-form .webform_content .mobile_number .form-item.form-item-mobile-number-mobile {
    padding: 0;
    padding-left: 90px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .mobile_number .form-item.form-item-mobile-number-mobile .local-number {
    border-radius: 0 8px 8px 0;
}

[dir=rtl] body.page-node-type-course-form .webform_content .mobile_number .form-item.form-item-mobile-number-mobile.mobile_focused .local-number {
    padding-right: 16px;
    padding-left: 0;
}

[dir=rtl] body.page-node-type-course-form .webform_content .mobile_number .form-item.form-item-mobile-number-mobile label {
    right: inherit;
    left: 90px;
}

[dir=rtl] body.page-node-type-course-form .webform_content .mobile_number .form-item.form-item-mobile-number-mobile label:after {
    content: "رقم الهاتف المحمول";
}

[dir=rtl] body.page-node-type-course-form .webform_content .date_gender .form-item .form-date {
    text-align: left;
    padding-right: 16px;
    padding-left: 45px;
}

[dir=rtl] body .page-node-type-course-form .form-type-date label {
    left: 47px;
    right: auto;
}

[dir=rtl] body .page-node-type-course-form .form-type-date:after {
    left: 16px;
    right: auto;
}

[dir=rtl] body .page-node-type-course-form .webform_content label {
    left: 16px;
    right: auto;
}

[dir=rtl] body .page-node-type-course-form .mobile_number .form-item label {
    right: auto;
    left: 90px;
}

[dir=rtl] body .page-node-type-course-form .mobile_number .local-number {
    padding-right: 0;
    padding-left: 20px;
    direction: rtl;
    text-align: left;
}

[dir=rtl] body .page-node-type-course-form .mobile-number-field .country-select {
    padding-right: 0;
    padding-left: 16px;
}

[dir=rtl] body .page-node-type-course-form .form-date {
    padding-right: 16px;
    padding-left: 45px;
    text-align: left;
}

[dir=rtl] body .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-date:after {
    left: 16px;
    right: auto;
}

[dir=rtl] body .page-node-type-course-form .request-form .form_input_fields form fieldset .fieldset-wrapper .form-type-date label {
    left: 47px;
    right: auto;
}

[dir=rtl] body .page-node-type-course-form .webform-progress-tracker .progress-step:first-child .progress-marker::before {
    margin-left: 30px;
    margin-right: auto;
}

[dir=rtl] body .page-node-type-course-form .webform-progress-tracker .progress-step:first-child .progress-title {
    text-align: left;
}

[dir=rtl] body .page-node-type-course-form .webform-progress-tracker .progress-step:last-child .progress-marker::before {
    margin-left: auto;
    margin-right: 30px;
}

[dir=rtl] body .page-node-type-course-form .webform-progress-tracker .progress-step:last-child .progress-title {
    text-align: right;
}

[dir=rtl] body .page-node-type-course-form .webform-progress-tracker .progress-step:nth-child(1) .progress-marker::after {
    left: 75px;
}

[dir=rtl] body .page-node-type-course-form .webform-progress-tracker .progress-step:nth-child(2) .progress-marker::after {
    left: 130px;
}

.upper_bracket_title {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 20px;
    padding-right: 10px;
}

@media (max-width: 767.98px) {
    .ms-group {
        padding: 0 12px;
    }
}

.tournament_bracket_wrapper {
    overflow-x: scroll;
}

.tournament_bracket_wrapper::-webkit-scrollbar {
    display: none;
}

div.jQBracket {
    font-size: 14px;
    position: relative;
}

div.jQBracket .tools {
    position: absolute;
    top: 0;
    color: #FFF;
}

div.jQBracket .tools span {
    cursor: pointer;
    margin: 5px;
    display: block;
    text-align: center;
    width: 18px;
    height: 18px;
    background-color: #666;
}

div.jQBracket .tools span:hover {
    background-color: #999;
}

div.jQBracket .finals {
    float: left;
    left: 0;
    clear: left;
    position: relative;
}

div.jQBracket .bracket {
    float: left;
    clear: right;
}

div.jQBracket .loserBracket {
    float: left;
    clear: right;
    position: relative;
}

div.jQBracket .loserBracket .round .lb_title,
div.jQBracket .loserBracket .round .hide_lb_title {
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 20px;
}

div.jQBracket .loserBracket .round .hide_lb_title {
    visibility: hidden;
}

div.jQBracket .loserBracket .round .lb_round_title {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    padding: 10px;
    text-align: center;
    background: url(https://gamers8.gg/themes/custom/gamers/images/group-stage-bg.png) no-repeat;
    background-size: 100% 100%;
}

div.jQBracket .round {
    position: relative;
    float: right;
}

div.jQBracket .round .ub_round_title,
div.jQBracket .round .final_span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    padding: 10px;
    text-align: center;
    background: url(https://gamers8.gg/themes/custom/gamers/images/group-stage-bg.png) no-repeat;
    background-size: 100% 100%;
}

div.jQBracket .round .final_span {
    visibility: hidden;
    min-height: 37px;
}

div.jQBracket .match {
    position: relative;
}

div.jQBracket .editable {
    cursor: pointer;
}

div.jQBracket .team {
    position: relative;
    z-index: 1;
    float: right;
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-bg.png) no-repeat;
    background-size: 100% 100%;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: default;
}

div.jQBracket .team:first-child {
    border: 2px solid transparent;
}

div.jQBracket .team input {
    font-size: 14px;
    padding: 0;
    width: 100%;
    border: 0;
    margin: 0;
    outline: 0;
}

div.jQBracket .team div.label {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 15px;
}

[dir=rtl] body div.jQBracket .team div.label {
    padding-right: 0;
    padding-left: 14px;
}

div.jQBracket .team div.label input.error {
    background-color: #FCC;
}

div.jQBracket .team div.label[disabled] {
    cursor: default;
}

div.jQBracket .team div.score {
    float: left;
    padding: 3px;
    text-align: center;
    box-sizing: border-box;
}

div.jQBracket .team div.score input {
    text-align: center;
}

div.jQBracket .team div.score input.error {
    background-color: #FCC;
}

div.jQBracket .team div.score[disabled] {
    color: #FFFFFF;
    cursor: default;
}

div.jQBracket .team.np {
    background-color: #666;
    color: #EEE;
}

div.jQBracket .team.win {
    color: #333;
}

div.jQBracket .team.win div.score {
    color: #FFFFFF;
}

div.jQBracket .team.lose div.score {
    color: #FFFFFF;
}

div.jQBracket .team.tie div.score {
    color: #FFFFFF;
}

div.jQBracket .team.highlightWinner {
    color: #000;
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-winner-bg.png) no-repeat;
    background-size: 100% 100%;
}

div.jQBracket .team.highlightLoser {
    color: #000;
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-winner-bg.png) no-repeat;
    background-size: 100% 100%;
}

div.jQBracket .team.highlight {
    color: #000;
}

div.jQBracket .team.bye {
    background-color: #999;
    color: #CCC;
}

div.jQBracket .teamContainer {
    z-index: 1;
    position: relative;
    float: right;
    display: flex;
    flex-direction: column;
}

div.jQBracket .connector {
    border: 2px solid #FFFFFF;
    border-right-style: none;
    position: absolute;
    z-index: 1;
}

div.jQBracket .connector div.connector {
    border: 0;
    border-bottom: 2px solid #FFFFFF;
    height: 0;
    position: absolute;
}

div.jQBracket .connector div.connector.highlightWinner {
    border-color: #DA0;
}

div.jQBracket .connector div.connector.highlightLoser {
    border-color: #CCC;
}

div.jQBracket .connector div.connector.highlight {
    border-color: #0C0;
}

div.jQBracket .connector.highlightWinner {
    border-color: #DA0;
}

div.jQBracket .connector.highlightLoser {
    border-color: #CCC;
}

div.jQBracket .connector.highlight {
    border-color: #0C0;
}

div.jQBracket .np .connector {
    border-color: #FFFFFF;
}

div.jQBracket .np .connector div.connector {
    border-color: #FFFFFF;
}

div.jQBracket .bubble {
    height: 22px;
    line-height: 22px;
    width: 30px;
    left: -35px;
    position: absolute;
    text-align: center;
    font-size: 11px;
}

div.jQBracket .bubble:after {
    content: "";
    position: absolute;
    top: 6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -5px;
    border-right: 0;
}

div.jQBracket .win .bubble {
    background-color: #DA0;
    color: #960;
}

div.jQBracket .win .bubble:after {
    border-left-color: #DA0;
}

div.jQBracket .win .bubble.third {
    background-color: #963;
    color: #D95;
}

div.jQBracket .win .bubble.third:after {
    border-left: 6px solid #963;
}

div.jQBracket .lose .bubble {
    background-color: #CCC;
    color: #333;
}

div.jQBracket .lose .bubble:after {
    border-left-color: #CCC;
}

div.jQBracket .lose .bubble.fourth {
    background-color: #678;
    color: #CCD;
}

div.jQBracket .lose .bubble.fourth:after {
    border-left: 6px solid #678;
}

div.jQBracket.rl {
    margin-left: -85px;
}

div.jQBracket.rl .finals {
    float: right;
    right: 0;
    clear: right;
}

[dir=rtl] body div.jQBracket.rl .bracket .round:first-child,
[dir=rtl] body div.jQBracket.rl .loserBracket .round:first-child {
    margin-left: 0 !important;
}

div.jQBracket.rl .bracket {
    float: right;
    clear: left;
}

div.jQBracket.rl .loserBracket {
    float: right;
    clear: left;
}

div.jQBracket.rl .round {
    margin-left: 0;
    float: left;
}

div.jQBracket.rl .team {
    float: left;
}

div.jQBracket.rl .team div.label {
    left: 0;
}

div.jQBracket.rl .team div.score {
    float: right;
}

div.jQBracket.rl .teamContainer {
    float: left;
}

div.jQBracket.rl .connector {
    border-right-style: solid;
    border-left-style: none;
    border-width: 2px;
}

div.jQBracket.rl .connector div.connector.highlightWinner {
    border-color: #DA0;
}

div.jQBracket.rl .connector div.connector.highlightLoser {
    border-color: #CCC;
}

div.jQBracket.rl .connector div.connector.highlight {
    border-color: #0C0;
}

div.jQBracket.rl .connector.highlightWinner {
    border-color: #DA0;
}

div.jQBracket.rl .connector.highlightLoser {
    border-color: #CCC;
}

div.jQBracket.rl .connector.highlight {
    border-color: #0C0;
}

div.jQBracket.rl .bubble {
    right: -35px;
}

[dir=rtl] body div.jQBracket.rl .bubble {
    left: 190px;
}

div.jQBracket.rl .bubble:after {
    right: auto;
    left: -5px;
    border-right: 5px solid transparent;
    border-left: 0;
}

div.jQBracket.rl .bubble.third {
    background-color: #963;
    color: #310;
}

div.jQBracket.rl .bubble.third:after {
    border-left: 0;
    border-right: 6px solid #963;
}

div.jQBracket.rl .bubble.fourth {
    background-color: #678;
    color: #CCD;
}

div.jQBracket.rl .bubble.fourth:after {
    border-left: 0;
    border-right: 6px solid #678;
}

div.jQBracket.rl .highlightWinner .bubble:after {
    border-right-color: #DA0;
}

div.jQBracket.rl .highlightLoser .bubble:after {
    border-right-color: #CCC;
}

.preseason-active .mobile-language-selector {
    opacity: 1;
    visibility: visible;
    transform: unset;
    margin-right: 35px;
}

.preseason-active .mobile-language-selector ul li:first-child .language-link {
    padding: 0px;
    border: 0;
}

.preseason-active .language-switcher-language-url ul {
    margin: 5px 0 0;
    padding: 0;
    padding-left: 1em;
}

.preseason-active .mobile-pre-season-menu {
    margin-right: auto;
}

.preseason-active .mobile-pre-season-menu .navbar-nav li.nav-item a.external {
    position: relative;
}

.preseason-active .mobile-pre-season-menu .navbar-nav li.nav-item a.external:after {
    background: url(https://gamers8.gghttps://gamers8.gg/themes/custom/gamers/images/external-arrow.png) no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -20px;
    top: 10px;
    background-position: center;
}

.preseason-active .navbar .primary-menus ul.menu>li>a.external {
    background: none;
}

.preseason-active .navbar .primary-menus ul.menu>li>a.external {
    position: relative;
}

.preseason-active .navbar .primary-menus ul.menu>li>a.external:before {
    background: url(https://gamers8.gghttps://gamers8.gg/themes/custom/gamers/images/external-arrow.png) no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: inherit;
    left: -5px;
    top: 20px;
    background-position: center;
    opacity: 1;
    scale: 1;
    transform: unset;
}

@media (min-width: 992px) {
    .preseason-active .navbar .primary-menus ul.menu>li>a::after {
        position: absolute;
        top: calc(100% - 1.5px);
        right: 0;
        width: 0;
        height: 1.5px;
        margin-right: 0;
        content: "";
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        transform: scale(0.1, 1);
        transform-origin: 100% 0;
        opacity: 0;
        border-radius: 4px;
        background-color: #00f5a3;
        transition: all 1s ease;
    }
    .preseason-active .navbar .primary-menus ul.menu>li>a:hover::after,
    .preseason-active .navbar .primary-menus ul.menu>li>a.item-active::after {
        transform: scale(1, 1);
        opacity: 1;
        width: 100%;
        content: "";
    }
}

.preseason-active main[role=main] {
    padding-top: 60px;
}

.preseason-active .contactus .content-webform-wrapper {
    padding: 10px;
}

@media (max-width: 575.98px) {
    .preseason-active .contactus.paragraph--view-mode--pre-season-contact {
        margin: 0 -8px;
    }
    .preseason-active .contactus .content-webform-wrapper {
        padding: 15px 15px 0;
    }
}

.preseason-active .contactus .content-webform-wrapper .form-submit {
    padding: 13px 50px !important;
    background: #7904B4;
    letter-spacing: -0.011em;
    font-size: 18px;
    line-height: 40px;
    border-radius: 12px;
}

@media (max-width: 575.98px) {
    .preseason-active .contactus .content-webform-wrapper .form-submit {
        padding: 8px 13px !important;
        width: 100%;
    }
}

.preseason-active .contactus .content-webform-wrapper .content-wrapper {
    background: linear-gradient(-135.54deg, #530C74 0.47%, rgba(61, 0, 115, 0) 99.66%), url(https://gamers8.gg/themes/custom/gamers/images/contactus-bg.png) 100% 0/cover no-repeat;
}

@media (min-width: 992px) {
    .preseason-active .contactus .content-webform-wrapper .content-wrapper {
        padding: 50px 40px 50px 70px;
    }
}

.preseason-active .contactus .content-webform-wrapper .content-wrapper .title-wrapper .field--name-field-pt-title {
    text-align: right;
}

.preseason-active .contactus .content-webform-wrapper .content-wrapper .social-label {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19.2px;
    margin-top: 79px;
}

@media (max-width: 575.98px) {
    .preseason-active .contactus .content-webform-wrapper .content-wrapper .social-label {
        display: none;
    }
}

.preseason-active .contactus .content-webform-wrapper .content-wrapper .social-icons {
    margin: 0;
}

@media (max-width: 575.98px) {
    .preseason-active .contactus .content-webform-wrapper .content-wrapper .mail-wrapper {
        margin-bottom: 13px;
    }
}

.preseason-active .contactus .content-webform-wrapper .content-wrapper .mail-wrapper .email-contact-indent {
    padding-right: 30px;
}

@media (min-width: 992px) {
    .preseason-active .contactus .content-webform-wrapper .webform-wrapper .tab-cont-wrapper {
        padding-top: 40px;
    }
}

.page-node-type-pre-season-homepage {
    background: #140638 !important;
}

.page-node-type-pre-season-homepage .region.region-breadcrumb {
    display: none;
}

.page-node-type-pre-season-homepage .footer-wrapper {
    padding-bottom: 60px;
    padding-top: 0;
}

.page-node-type-pre-season-homepage .scroll2Top {
    bottom: 105px;
}

.page-node-type-pre-season-homepage .banner_content_with_slider {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0 80px;
    position: relative;
}

.page-node-type-pre-season-homepage .banner_content_with_slider:after {
    content: "";
    width: 100%;
    height: 300px;
    background: linear-gradient(to top, #1b0135, transparent);
    position: absolute;
    bottom: 0;
    z-index: 0;
}

@media (max-width: 991.98px) {
    .page-node-type-pre-season-homepage .banner_content_with_slider:after {
        height: 100px;
    }
}

.page-node-type-pre-season-homepage .banner_content_with_slider .festival-info-label {
    background: #00f5a3;
    border-radius: 0px 10px 0px 10px;
    display: inline-block;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
    padding: 6px 10px;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .festival-info-title {
    font-size: 45px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 60px;
    text-transform: uppercase;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
    margin: 25px 0 30px;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper {
    position: relative;
    max-width: 400px;
    min-height: 130px;
    margin: 30px 0 0px;
    display: flex;
    flex-direction: column;
    z-index: 1;
    padding: 0;
    justify-content: center;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .countdown_title {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .countdown_title {
        letter-spacing: 0;
    }
}

.page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: url(https://gamers8.gg/themes/custom/gamers/images/timer-bg.png) center/contain no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .days-counter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-transform: uppercase;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .days-counter ul li {
    display: flex;
    flex-direction: column;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .days-counter ul li span {
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
    margin: 0;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .days-counter ul li.divider {
    line-height: 55px;
    font-size: 40px;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    opacity: 0.6;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .festival-location {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 34px;
    position: relative;
    padding-right: 25px;
    margin-top: 30px;
}

@media (max-width: 575.98px) {
    .page-node-type-pre-season-homepage .banner_content_with_slider .festival-location {
        letter-spacing: 0.03em;
    }
}

.page-node-type-pre-season-homepage .banner_content_with_slider .festival-location span {
    color: #06fff8;
    font-weight: 600;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .festival-location::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 25px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/location_pshb.png) no-repeat;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

@media (max-width: 575.98px) {
    .page-node-type-pre-season-homepage .banner_content_with_slider .festival-location::before {
        top: 40%;
    }
}

.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-item-email {
    position: relative;
    max-height: 52px;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-item-email .form-email {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 32px;
    padding: 13px 15px;
    width: 360px;
    outline: 0;
    box-shadow: none;
    background: 100% 0;
    border-radius: 8px;
    border: none;
    height: 52px;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-item-email::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background: url(https://gamers8.gg/themes/custom/gamers/images/psh-banner-input.png) 0 0/100% 100% no-repeat;
    z-index: -1;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-actions .form-submit {
    font-size: 16px;
    color: #0E0E10;
    font-weight: 700;
    line-height: 20px;
    padding: 13px 55px 13px 35px;
    outline: 0;
    box-shadow: none;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
    background: url(https://gamers8.gg/themes/custom/gamers/images/psh-banner-btn.png) 100% 0/cover no-repeat;
    margin-right: -15px;
    height: 52px;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .festival-form-desc {
    padding-top: 20px;
}

.page-node-type-pre-season-homepage .banner_content_with_slider .festival-form-desc p {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 20px;
    text-shadow: 0px 4px 4px #0f0f0f;
    margin: 0;
    max-width: 435px;
}

.page-node-type-pre-season-homepage .webform-submission-be-a-volunteer-add-form div.alert-success {
    width: 100%;
}

.page-node-type-pre-season-homepage .pre-season-newsletter-form {
    display: flex;
}

@media (max-width: 991.98px) {
    .page-node-type-pre-season-homepage .pre-season-newsletter-form .invalid-feedback {
        text-align: right;
        margin-top: 10px;
        position: absolute;
    }
}

.page-node-type-pre-season-homepage .about-section .field--name-field-pt-title {
    margin-bottom: 50px;
}

.page-node-type-pre-season-homepage .glimpses-section {
    padding: 70px 0;
}

.page-node-type-pre-season-homepage .paragraph--view-mode--about-us-video .about-content {
    padding-left: 30px;
}

.page-node-type-pre-season-homepage .paragraph--view-mode--about-us-video .pre-season-about-img {
    max-width: 533px;
}

.page-node-type-pre-season-homepage .paragraph--view-mode--about-us-video .field--name-field-pt-title {
    text-transform: uppercase;
    background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
}

@media (max-width: 575.98px) {
    .page-node-type-pre-season-homepage .paragraph--view-mode--about-us-video .container {
        padding: 0;
    }
    .page-node-type-pre-season-homepage .paragraph--view-mode--about-us-video .field--name-field-pt-title {
        margin-bottom: 25px;
    }
    .page-node-type-pre-season-homepage .paragraph--view-mode--about-us-video .about-content {
        padding-left: 0;
    }
}

.page-node-type-pre-season-homepage .paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-desc p {
    font-weight: 400;
}

.page-node-type-pre-season-homepage .contactus .email-contact-indent {
    padding-right: 30px;
}

.page-node-type-pre-season-homepage .footer-wrapper .footer-copyrights-info .menu--footer {
    margin-left: auto;
}

.page-node-type-pre-season-homepage .footer-wrapper .footer-copyrights-info .block-system-powered-by-block {
    margin-left: auto;
}

.scroll-fixed-content {
    background: linear-gradient(-180deg, #3E2188 0%, #6300B1 100%);
    background-image: linear-gradient(-180deg, #3e2188 0%, rgba(99, 0, 177, 0.5607843137) 100%), url(https://gamers8.gg/themes/custom/gamers/images/ps-fixed-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    padding: 15px 0;
    z-index: 9;
}

.scroll-fixed-content .row {
    align-items: center;
}

.scroll-fixed-content .row .content {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-top: 5px;
}

.scroll-fixed-content .row .content .color-vary {
    color: #06FFF8;
}

.scroll-fixed-content .row .btn.btn-tertiary-arrow {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border-radius: 7px;
    float: left;
    padding: 10px 13px 5px 36px;
}

.scroll-fixed-content .row .btn.btn-tertiary-arrow:before {
    transform: translateY(-50%) rotate(0deg);
}

.scroll-fixed-content .row .btn.btn-tertiary-arrow .external {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 19px;
}

@media (max-width: 767.98px) {
    .scroll-fixed-content {
        background-image: linear-gradient(-180deg, #3e2188 0%, rgba(99, 0, 177, 0.5607843137) 100%), url(https://gamers8.gg/themes/custom/gamers/images/ps-fixed-mob-bg.jpg);
        padding: 12px 0;
    }
    .scroll-fixed-content .col-md-9 {
        padding-left: 0;
        width: 64%;
    }
    .scroll-fixed-content .col-md-9 .sticky-mob-hide {
        display: none;
    }
    .scroll-fixed-content .col-md-3 {
        padding-right: 0;
        width: 35%;
    }
    .scroll-fixed-content .row .content {
        font-size: 16px;
        line-height: 19px;
        max-width: 100%;
        overflow: hidden;
        max-height: 20px;
    }
    .scroll-fixed-content .row .btn.btn-tertiary-arrow {
        font-size: 13px;
        line-height: 16px;
        padding: 5px 7px 5px 20px;
    }
    .scroll-fixed-content .row .btn.btn-tertiary-arrow:before {
        left: 5px;
    }
}

@media screen and (max-width: 376px) {
    .scroll-fixed-content .col-md-3 {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .page-node-type-pre-season-homepage .footer-wrapper {
        padding-bottom: 80px;
    }
    .page-node-type-pre-season-homepage .footer-wrapper .footer-copyrights-info .block-system-powered-by-block,
    .page-node-type-pre-season-homepage .footer-wrapper .footer-copyrights-info .menu--footer {
        margin: auto;
    }
    .page-node-type-pre-season-homepage .footer-wrapper .footer-copyrights-info .region-footer {
        gap: 20px;
    }
    .page-node-type-pre-season-homepage .scroll2Top {
        bottom: 120px;
    }
}

[dir=rtl] body .road-map-title {
    padding-left: 20px;
    padding-right: 0;
}

@media (max-width: 991.98px) {
    [dir=rtl] body.page-node-type-pre-season-homepage .elite_tiles_slider_wrapper .slider-title,
    [dir=rtl] body.page-node-type-pre-season-homepage .glimpses-section .glimpses-title,
    [dir=rtl] body.page-node-type-pre-season-homepage .paragraph--type--gamers8-road-map .road-map-wrapper {
        text-align: left;
    }
    [dir=rtl] body.page-node-type-pre-season-homepage .paragraph--view-mode--pre-season.about-info .field--name-field-pt-title {
        text-align: left;
    }
}

[dir=rtl] body.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-item-email::before {
    transform: translateY(-50%) rotateY(-180deg);
}

[dir=rtl] body.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-item-email .form-email {
    padding-right: 30px;
}

[dir=rtl] body.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-actions {
    position: relative;
    position: relative;
}

[dir=rtl] body.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-actions .form-submit {
    background: none;
}

[dir=rtl] body.page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-actions:after {
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/psh-banner-btn.png) 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    background-size: 100% 100%;
    transform: rotateY(-180deg);
    z-index: -1;
}

[dir=rtl] body.page-node-type-pre-season-homepage .banner_content_with_slider .festival-location {
    padding: 0;
    padding-left: 20px;
    text-align: left;
}

[dir=rtl] body.page-node-type-pre-season-homepage .banner_content_with_slider .festival-location:before {
    right: inherit;
    left: 0;
    top: 25%;
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .btn-secondary-arrow:before {
    transform: translateY(-50%) rotate(-270deg);
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .paragraph--type--title-description-component {
    text-align: left;
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-info-images .custom_arrows {
    right: 30%;
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .field--name-field-packages {
    float: right;
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .btn-secondary-arrow.font-small {
    padding: 20px 40px 20px 20px;
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .btn-secondary-arrow.font-small:before {
    transform: translateY(-50%) rotate(100deg);
    left: inherit;
    right: 15px;
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .paragraph--type--title-description-component .field--name-field-pt-title {
    text-align: left;
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .btn-tertiary-arrow {
    padding: 8px 36px 8px 12px;
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .btn-tertiary-arrow:before {
    left: inherit;
    right: 15px;
    transform: translateY(-50%) rotate(136deg);
}

@media (max-width: 767.98px) {
    [dir=rtl] body.page-node-type-pre-season-homepage .scroll-fixed-content .row .col-md-9 {
        padding-left: 12px;
        padding-right: 0;
    }
    [dir=rtl] body.page-node-type-pre-season-homepage .scroll-fixed-content .row .col-md-3 {
        padding-left: 0;
        padding-right: 12px;
    }
}

[dir=rtl] body.page-node-type-pre-season-homepage .scroll-fixed-content .row .btn.btn-tertiary-arrow {
    float: right;
    padding: 8px 20px 5px 5px;
}

[dir=rtl] body.page-node-type-pre-season-homepage .scroll-fixed-content .row .btn.btn-tertiary-arrow:before {
    transform: translateY(-50%) rotate(90deg);
    right: 5px;
    left: inherit;
}

[dir=rtl] body.page-node-type-pre-season-homepage .slick-slider .slick-track,
[dir=rtl] body.page-node-type-pre-season-homepage .slick-slider .slick-list {
    direction: rtl;
}

[dir=rtl] body.preseason-active .navbar .primary-menus ul.menu>li>a.external:before {
    right: -5px;
    left: inherit;
    transform: rotateY(-180deg);
}

@media (max-width: 767px) {
    [dir=rtl] body.preseason-active .mobile-language-selector {
        margin-right: 18px;
    }
    [dir=rtl] body.preseason-active .mobile-pre-season-menu {
        margin-right: 18px;
        margin-left: auto;
    }
    [dir=rtl] body.preseason-active .mobile-pre-season-menu .navbar-nav li.nav-item a.external:after {
        left: inherit;
        right: -15px;
        transform: rotate(90deg);
    }
    [dir=rtl] body .scroll-fixed-content .row .btn.btn-tertiary-arrow {
        right: 10px;
        left: inherit;
    }
    [dir=rtl] body.page-node-type-pre-season-homepage .banner_content_with_slider .festival-location:before {
        top: 25%;
    }
}

[dir=rtl] body.preseason-active .contactus .content-webform-wrapper {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    [dir=rtl] body.preseason-active .contactus .content-webform-wrapper {
        padding: 10px 60px 10px 10px;
    }
}

[dir=rtl] body.preseason-active .contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper .active-btn:before {
    left: auto;
    right: 0;
}

@media (max-width: 767.98px) {
    [dir=rtl] body.preseason-active .contactus .content-webform-wrapper .webform-wrapper .tab-btn-wrappper .active-btn:before {
        right: 35px;
    }
}

[dir=rtl] body.preseason-active .contactus .content-webform-wrapper .content-wrapper .title-wrapper .field--name-field-pt-title {
    text-align: left;
}

[dir=rtl] body.preseason-active .contactus .content-webform-wrapper .content-wrapper .mail-wrapper,
[dir=rtl] body.preseason-active .contactus .content-webform-wrapper .content-wrapper .social-icons {
    padding-left: 0;
}

[dir=rtl] body.preseason-active .contactus .content-webform-wrapper .content-wrapper .mail-wrapper .email-contact,
[dir=rtl] body.preseason-active .contactus .content-webform-wrapper .content-wrapper .social-icons .email-contact {
    padding-right: 0;
    padding-left: 30px;
    background-position: center left;
}

[dir=rtl] body.preseason-active .contactus .js-form-item label {
    left: 16px;
    right: auto;
}

[dir=rtl] body .glimpses-section .glimpses-tab-wrapper .glimpses-tab-btns .tab-btn.active-btn::before {
    right: 15px;
    left: inherit;
}

[dir=rtl] body.page-node-type-pre-season-homepage .footer-wrapper .footer-copyrights-info .menu--footer {
    margin: auto;
}

[dir=rtl] body.page-node-type-pre-season-homepage .footer-wrapper .footer-copyrights-info .block-system-powered-by-block {
    margin-left: 0;
}

@keyframes mymove {
    0% {
        opacity: 0;
        right: -32px;
    }
    50% {
        opacity: 0.7;
        right: -15px;
    }
    100% {
        opacity: 1;
        right: 0px;
    }
}

@keyframes bg_color {
    0% {
        background: transparent;
    }
    50% {
        background: rgba(255, 255, 255, 0.4);
    }
    100% {
        background: #FFFFFF;
    }
}

.node--type-tournaments:hover .media--image img {
    scale: 1.2;
}

.node--type-tournaments:hover .media--image::before {
    animation: shine 0.75s;
}

.tournaments-slider {
    background: #140638;
    border: 2px solid rgba(6, 255, 248, 0.7);
    border-radius: 10px;
}

.tournaments-slider .tournaments-slider-image {
    border-radius: 10px;
    overflow: hidden;
}

.tournaments-slider .tournaments-slider-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.tournaments-slider .tournaments-slider-image .media--image {
    position: relative;
}

.tournaments-slider .tournaments-slider-image .media--image img {
    transition: 1s all;
}

@keyframes shine {
    100% {
        right: 125%;
    }
}

.tournaments-slider .slider_content {
    padding: 1em 30px;
    color: #FFFFFF;
    text-align: center;
}

.tournaments-slider .slider_content .tournaments-prize-label {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 57px;
    text-transform: uppercase;
}

.tournaments-slider .slider_content .tournaments-prize-money {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 41px;
    letter-spacing: 0.04em;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/pshb-title-bg.svg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: repeat;
    padding-top: 10px;
    margin-bottom: 15px;
    min-width: 362px;
}

@media (max-width: 575.98px) {
    .tournaments-slider .slider_content .tournaments-prize-money {
        font-size: 27px;
        color: #FFFFFF;
        font-weight: 700;
        line-height: 32.7px;
        background-size: cover;
        min-width: 209px;
        -webkit-clip-path: polygon(100% 0%, 95% 56%, 100% 100%, 0% 100%, 5% 56%, 0% 0%);
        clip-path: polygon(100% 0%, 95% 56%, 100% 100%, 0% 100%, 5% 56%, 0% 0%);
        padding-top: 6px;
    }
}

.tournaments-slider .slider_content .tournaments-short-description p {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 19px;
    margin: 0;
}

@media (max-width: 991.98px) {
    .page-node-type-pre-season-homepage .banner_content_with_slider {
        height: auto;
        margin: 0;
        padding: 40px 0 0px;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form {
        margin-bottom: 41px;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-item-email .form-email {
        min-width: 258px;
        max-width: 359px;
        font-size: 14px;
        line-height: 34px;
        height: 44px;
        width: 80%;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .webform-submission-pre-season-newsletter-form .form-actions .form-submit {
        max-width: 97px;
        height: 44px;
        text-align: center;
        padding: 14px 30px 14px 15px;
        margin-right: -10px;
        font-size: 14px;
        line-height: 17px;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .col-md-6:last-child {
        padding: 0;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .festival-location {
        font-size: 15px;
        line-height: 18px;
        text-align: right;
        padding-right: 24px;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .festival-location::before {
        background-size: 12px;
        height: 16px;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper {
        margin: 0;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .days-counter ul li {
        font-size: 15px;
        line-height: 30px;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .days-counter ul li.divider {
        font-size: 30px;
        line-height: normal;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .timer-wrapper .days-counter ul li span {
        font-size: 30px;
        line-height: normal;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .festival-info-title {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
        margin: 0;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .festival-info-title br {
        display: none;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .festival-info-label {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 1em;
    }
    .page-node-type-pre-season-homepage .banner_content_with_slider .festival-form-desc p {
        display: none;
    }
    .page-node-type-pre-season-homepage .festival-3d-slider-wrapper {
        margin-top: 45px;
    }
    .page-node-type-pre-season-homepage .festival-3d-slider-wrapper .tournaments-slider .slider_content {
        padding: 0em 20px 15px;
    }
    .page-node-type-pre-season-homepage .festival-3d-slider-wrapper .tournaments-slider .slider_content .tournaments-short-description p {
        font-size: 11.2201px;
        line-height: 15px;
    }
    .page-node-type-pre-season-homepage .festival-3d-slider-wrapper .tournaments-slider .slider_content .tournaments-prize-money {
        font-size: 27.2489px;
        line-height: 33px;
    }
    .page-node-type-pre-season-homepage .festival-3d-slider-wrapper .tournaments-slider .slider_content .tournaments-prize-label {
        font-size: 12.823px;
        line-height: 46px;
    }
    .page-node-type-pre-season-homepage .countdown_title {
        font-size: 15px;
        line-height: 30px;
    }
    .page-node-type-pre-season-homepage .festival-info-wrapper {
        text-align: center;
        max-width: 335px;
        margin: 0 auto;
    }
}

.tournaments-short-description {
    display: none;
}

@media (min-width: 992px) {
    .elite_tiles_slider .slick-track {
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width:1199.98px) {
    .page-node-type-pre-season-homepage .festival-info-wrapper {
        text-align: right;
    }
    .page-node-type-pre-season-homepage .festival-info-wrapper .festival-info-title {
        text-align: right;
    }
    .page-node-type-pre-season-homepage .paragraph--view-mode--about-us-video .pre-season-about-img {
        margin: auto;
    }
    .page-node-type-pre-season-homepage .about-section .field--name-field-pt-title {
        margin: 45px 0;
    }
    [dir=rtl] .page-node-type-pre-season-homepage .festival-info-wrapper {
        text-align: left;
    }
    [dir=rtl] .page-node-type-pre-season-homepage .festival-info-wrapper .festival-info-title {
        text-align: left;
    }
    [dir=rtl] .page-node-type-pre-season-homepage .paragraph--type--gamers8-road-map .road-map-wrapper .road-map-title,
    [dir=rtl] .page-node-type-pre-season-homepage .glimpses-section .glimpses-title {
        text-align: center !important;
    }
    [dir=rtl] .page-node-type-pre-season-homepage .contactus.paragraph--view-mode--pre-season-contact .content-webform-wrapper {
        margin: 0;
        padding: 1em;
        gap: 15px;
    }
}

.elite_tiles_slider_wrapper .slider-title {
    font-style: normal;
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
    margin-top: 50px;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-slider {
    padding: 42px 0 75px;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-slider:after {
    right: inherit;
    left: -30px;
    transform: rotate(45deg);
}

.elite_tiles_slider_wrapper .elite_tiles_slider .tournaments-slider {
    border: 2px solid rgba(255, 255, 255, 0.05);
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-slide {
    max-width: 360px;
    transition: all 1s;
}

@media (min-width: 576px) {
    .elite_tiles_slider_wrapper .elite_tiles_slider .slick-slide {
        scale: 0.8;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slick-slide.slick-active {
        scale: 0.9;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slick-slide.slick-center {
        scale: 1;
    }
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-slide.slick-center {
    margin: 0 40px;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-dots {
    margin: 0;
    position: absolute;
    right: 50%;
    transform: translate(50%, 0);
    bottom: 45px;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-dots li {
    transition: all 0.9s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0 15px;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-dots li button {
    background: transparent !important;
    border: 1px solid #FFFFFF;
    width: 14px;
    height: 14px;
    opacity: 1;
    position: relative;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-dots li button:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 2px;
    background: #FFFFFF;
    top: 5px;
    right: -10px;
    opacity: 0;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-dots li:not(.slick-active) button {
    background: transparent !important;
    border: 1px solid #FFFFFF;
    width: 14px;
    height: 14px;
    opacity: 1;
    position: relative;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-dots li.slick-active {
    margin-left: 30px !important;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-dots li.slick-active button {
    background-color: #fff !important;
    animation: bg_color 0.7s 0s;
    animation-timing-function: ease;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-dots li.slick-active button:after {
    animation: mymove 0.7s 0s;
    animation-timing-function: ease;
    opacity: 1;
    right: 0px;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-arrow {
    position: absolute;
    top: 45%;
    border: 0;
    z-index: 2;
    font-size: 0;
    background: transparent;
    width: 35px;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-arrow:after {
    content: "";
    position: absolute;
    margin: auto;
    right: 6px;
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-arrow.slick-prev {
    right: -35px;
    rotate: 90deg;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-arrow.slick-next {
    left: -35px;
    rotate: -90deg;
}

.elite_tiles_slider_wrapper .elite_tiles_slider .slick-arrow.slick-next:after {
    right: inherit;
    left: 6px;
}

@media (min-width: 1400px) {
    .elite_tiles_slider_wrapper .elite_tiles_slider .slick-slide {
        max-width: 425px;
    }
}

@media (max-width: 767.98px) and (max-width:575.98px) {
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-dots {
        position: relative !important;
        flex-wrap: wrap;
        width: 95%;
        display: flex;
        gap: 15px 0;
        margin-top: 10px;
        margin-left: auto;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-dots li {
        margin: 0 10px;
    }
}

@media (max-width: 767.98px) {
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider {
        padding-bottom: 25px;
        padding-top: 0;
        overflow: visible !important;
        max-width: 100% !important;
        float: none;
        margin: 0 auto;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider:after,
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider:before {
        content: none;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider .slick-list {
        padding: 0 0 60px;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider .slick-list .slick-track {
        max-width: 100% !important;
        transform: translate3d(0, 0, 0) !important;
        perspective: 100px;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider .slick-list .slick-track .slick-slide {
        perspective: 100px;
        max-width: 360px;
        transition: all 1s;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0;
        max-width: 280px;
        border-radius: 15px;
        transition: transform 0.7s, opacity 1s;
        border: 1.60288px solid rgba(6, 255, 248, 0.7);
        border-radius: 8.01438px;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-current {
        opacity: 1;
        position: relative;
        display: block;
        z-index: 2;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-current+.slick-slide {
        transform: translate3d(-17%, 0, -14px);
        opacity: 1;
        z-index: 1;
        perspective: 1000px;
    }
    .elite_tiles_slider_wrapper .elite_tiles_slider .slider-wrapper .slick-slider .slick-list .slick-track .slick-slide.slick-current+.slick-slide+.slick-slide {
        z-index: 0;
        perspective: 1000px;
        opacity: 1;
        transform: translate3d(-36%, 0, -28px);
    }
}

@media (max-width: 767.98px) {
    .elite_tiles_slider_wrapper .slider-title {
        text-align: right;
        font-size: 24px;
        line-height: 29px;
        padding-right: 8px;
        margin-bottom: 25px;
    }
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper {
    background: transparent;
    padding-bottom: 80px;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .btn-secondary-arrow.font-small:before {
    transform: translateY(-50%) rotate(0deg);
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper:before {
    display: none;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper {
    padding: 0;
    gap: 0;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .field--name-field-packages {
    display: block;
    gap: 0px;
    max-width: 520px;
    float: left;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info {
    max-width: 100%;
    margin: 0;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .field--name-field-pt-title {
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 60px;
    text-transform: uppercase;
    background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0px 20px 10px rgba(14, 14, 14, 0.5);
    text-align: right;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .paragraph--type--title-description-component .field--name-field-pt-description p {
    font-size: 23px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    opacity: 0.7;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .btn-secondary-arrow.font-small {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 24px;
    padding: 20px 20px 20px 40px;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .btn-secondary-arrow.font-small:before {
    transform: translateY(-50%) rotate(0deg);
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide {
    border-radius: 25px;
    max-width: 450px;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 0.7s, opacity 1s;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide.slick-current {
    background: #08FFA0;
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide.slick-current+.slick-slide {
    background: #2BB2CC;
    opacity: 1;
    transform: translate3d(-15%, 0, -14px);
    z-index: 1;
    perspective: 1000px;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide.slick-current+.slick-slide+.slick-slide {
    background: #602E83;
    opacity: 1;
    transform: translate3d(-30%, 0, -25px);
    z-index: 0;
    perspective: 1000px;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card {
    background: transparent;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-image-wrapper {
    position: relative;
    max-height: 400px;
    overflow: hidden;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-image-wrapper .media {
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-image-wrapper .media img {
    aspect-ratio: 5/4.5;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 1s all;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper {
    padding: 30px;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .field--name-field-label {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    color: #000;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-title {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 29px;
    margin: 18px 0;
    text-align: right;
    color: #000;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .btn-tertiary-arrow {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    padding-right: 0;
    margin: 0;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .btn-tertiary-arrow a {
    color: #000;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card:hover .card-image-wrapper img {
    scale: 1.2;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card:hover .card-image-wrapper .media ::before {
    animation: shine 0.75s;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-info-images {
    position: relative;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-info-images .custom_arrows {
    position: absolute;
    bottom: -80px;
    right: 60%;
    transform: translate(50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 45px;
    max-width: 150px;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-info-images .custom_arrows .slick-arrow {
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    display: block;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-info-images .custom_arrows .slick-arrow.custom_prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
}

.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-info-images .custom_arrows .slick-arrow.custom_next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
}

@media (max-width: 991.98px) {
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper {
        padding-bottom: 0px;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-info-images .custom_arrows {
        display: none;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info {
        text-align: right;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 23px;
        line-height: 30px;
        text-align: right;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .package-info .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 16px;
        line-height: 22px;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .field--name-field-packages {
        padding: 0;
        max-width: 325px !important;
        float: none;
        margin: 10px auto 30px;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .field--name-field-packages {
        padding-bottom: 25px;
        overflow: visible !important;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .package-wrapper .field--name-field-packages.single-slider .slick-track {
        display: flex;
        justify-content: center;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-list {
        padding: 0% !important;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide {
        max-width: 280px;
        border-radius: 15px;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card {
        margin: 0;
        border-radius: 5px;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper {
        padding: 15px;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .field--name-field-label {
        font-size: 18px;
        line-height: 22px;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-title {
        font-size: 13px;
        line-height: 18px;
        margin: 10px 0;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .btn-tertiary-arrow {
        font-size: 13px;
        line-height: 16px;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide.slick-current+.slick-slide {
        transform: translate3d(-15%, 0, -14px);
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide.slick-current+.slick-slide+.slick-slide {
        transform: translate3d(-33%, 0, -28px);
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-dots {
        border-radius: 10px;
        bottom: -25px;
        position: absolute;
        opacity: 1;
        right: 50%;
        transform: translate(50%, -50%);
        z-index: 9999;
    }
    .page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-dots button {
        border-radius: 0;
        height: 4px;
    }
}

[dir=rtl] body.page-node-type-pre-season-homepage .pre_season_package_slider_wrapper .slick-slider .slick-slide .paragraph--type--packages-card .card-info-wrapper .field--name-field-pt-title {
    text-align: left;
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.festival-info-section {
    position: relative;
    z-index: 1;
}

.paragraph--type--statistics {
    position: relative;
}

.paragraph--type--statistics .trophy_image {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto -24px;
    position: relative;
}

.paragraph--type--statistics .trophy_image:after {
    content: "";
    width: 300px;
    height: 300px;
    animation: rotate-animation 10s infinite linear;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/gradient-animate.png);
    position: absolute;
    right: -65px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.paragraph--type--statistics .trophy_image:before {
    content: "";
    width: 220px;
    height: 220px;
    position: absolute;
    right: 46%;
    top: 46%;
    transform: translate(50%, -50%);
    border-radius: 50%;
    z-index: -2;
    background: #140638;
    filter: blur(31.9327px);
    -webkit-backdrop-filter: blur(22.1697px);
    backdrop-filter: blur(22.1697px);
}

@media (max-width: 991.98px) {
    .paragraph--type--statistics .trophy_image {
        display: none;
    }
}

.paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper {
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper .statistics-prize-label {
    font-size: 19px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 23px;
    font-style: italic;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    opacity: 0.75;
    background: url(https://gamers8.gg/themes/custom/gamers/images/eclipse-ps.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 25px 25px 0;
}

@media (max-width: 991.98px) {
    .paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper .statistics-prize-label {
        background: #B054EC;
        border-radius: 5.38922px 5.38922px 0px 0px;
        padding: 10px 10px 0;
        display: inline-block;
        font-size: 15px;
        line-height: 22px;
    }
}

.paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper .statistics-prize-amount {
    font-size: 68.2892px;
    color: rgb(249, 193, 19);
    font-weight: 800;
    line-height: 42px;
    position: relative;
    font-style: italic;
    padding: 20px 40px;
    z-index: 1;
    text-shadow: -5px 5px 0px black;
}

.paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper .statistics-prize-amount::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 4px solid #B054EC;
    background: linear-gradient(-270deg, #9020C5 -14.07%, #6300E0 44.27%, #5500E0 49.99%, #5803E2 58%, #8216EF 83.16%, #6804A1 100.32%), #FFFFFF;
    border-radius: 12px;
    transform: skewX(25deg);
    z-index: -1;
}

.paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper .statistics-prize-amount:after {
    position: absolute;
    background: url(https://gamers8.gg/themes/custom/gamers/images/prize-label.png);
    top: 12px;
    z-index: -2;
    height: 100%;
    width: 112%;
    background-size: 100% 100%;
    content: "";
    background-repeat: no-repeat;
    right: -35px;
}

@media (max-width: 991.98px) {
    .paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper .statistics-prize-amount {
        font-size: 46px;
        line-height: 53px;
        padding: 5px 20px;
    }
    .paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper .statistics-prize-amount:before {
        transform: skewX(22deg);
    }
    .paragraph--type--statistics .statistics-wrapper .statistics-prize-wrapper .statistics-prize-amount:after {
        top: 9px;
        z-index: -2;
        width: 112%;
        right: -23px;
    }
}

.paragraph--type--statistics .statistics-card-wrapper {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .paragraph--type--statistics .statistics-card-wrapper {
        margin-top: 35px;
        padding: 10px 0;
        background: transparent;
        border: 0;
    }
}

.paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 50px;
    align-items: flex-start;
}

.paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card>.field__item {
    flex: auto;
    text-align: center;
    padding: 0 25px;
    width: 178px;
}

.paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card>.field__item .statistics-info-card {
    z-index: 9;
}

.paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card>.field__item .statistics-info-card .statistics-info-title {
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 800;
    line-height: 48px;
    font-style: italic;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    margin-bottom: 8px;
}

@media (max-width: 991.98px) {
    .paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card>.field__item .statistics-info-card .statistics-info-title {
        font-size: 32px;
        line-height: 35px;
    }
}

.paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card>.field__item .statistics-info-card .statistics-info-description {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 700;
    line-height: 24px;
    font-style: italic;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: capitalize;
}

@media (max-width: 991.98px) {
    .paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card>.field__item .statistics-info-card .statistics-info-description {
        font-size: 14px;
        line-height: 16px;
        font-style: italic;
    }
}

.paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card>.field__item:nth-child(2) {
    border-right: 2px solid;
    border-left: 2px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 46.35%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 991.98px) {
    .paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card>.field__item {
        flex: 1;
        padding: 0 10px;
        width: 125px;
    }
}

@media (max-width: 991.98px) {
    .paragraph--type--statistics .statistics-card-wrapper .field--name-field-statistics-info-card {
        flex-wrap: wrap;
        overflow: hidden;
        margin-top: 0;
    }
}

.paragraph--type--gamers8-road-map .road-map-wrapper {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0;
}

@media (max-width: 991.98px) {
    .paragraph--type--gamers8-road-map .road-map-wrapper {
        text-align: right;
    }
}

.paragraph--type--gamers8-road-map .road-map-wrapper::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(310.48% 100% at 50% 0%, rgb(20, 6, 56) 5.96%, rgba(20, 6, 56, 0.5) 89.85%, #140638 99.66%);
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-info-wrapper {
    position: relative;
    padding: 10px 0 90px;
}

@media (max-width: 991.98px) {
    .paragraph--type--gamers8-road-map .road-map-wrapper .road-map-info-wrapper {
        padding: 20px 0 50px;
    }
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-info-wrapper .road-map-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-info-wrapper .road-map-bg * {
    height: 100%;
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-info-wrapper .road-map-bg img {
    width: 100%;
    height: 100%;
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-title {
    text-transform: uppercase;
    background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    padding-top: 15px;
}

@media (max-width: 991.98px) {
    .paragraph--type--gamers8-road-map .road-map-wrapper .road-map-title {
        font-size: 24px;
        line-height: 29px;
        padding-right: 20px;
        padding-top: 10px;
    }
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-description {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 40px;
    z-index: 1;
    color: #FFFFFF;
}

@media (max-width: 991.98px) {
    .paragraph--type--gamers8-road-map .road-map-wrapper .road-map-description {
        font-size: 16px;
        line-height: 22px;
        padding-right: 8px;
        margin-bottom: 20px;
    }
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents {
    z-index: 1;
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content {
        flex-wrap: wrap;
        gap: 20px;
    }
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content>.field__item {
    position: relative;
    text-align: center;
}

@media (max-width: 991.98px) {
    .paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content>.field__item {
        padding: 0px;
    }
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content>.field__item .paragraph--type--road-map-content {
    min-width: 360px;
    height: 140px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/road-gamers-bg.png) no-repeat;
    padding: 20px;
    background-size: 100% 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    background-image: conic-gradient(from var(--border-angle), #213, #112 50%, #213), conic-gradient(from var(--border-angle), transparent 20%, #08f, #f03);
    background-size: calc(100% - var(--border-size) * 2) calc(100% - var(--border-size) * 2), cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 991.98px) {
    .paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content>.field__item .paragraph--type--road-map-content {
        min-width: 335px;
    }
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content>.field__item .paragraph--type--road-map-content .road-map-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content>.field__item .paragraph--type--road-map-content .road-map-content img {
    transition: 1s all;
}

.paragraph--type--gamers8-road-map .road-map-wrapper .road-map-contents .field--name-field-grm-road-map-content>.field__item .paragraph--type--road-map-content:hover .road-map-content img {
    scale: 1.2;
}

@media (max-width: 575.98px) {
    [dir=rtl] body .road-map-wrapper {
        text-align: left;
    }
}

.paragraph--type--road-map-content {
    --border-size: 3px;
    --border-angle: 0turn;
    animation: bg-spin 3s linear infinite;
    animation-play-state: paused;
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.paragraph--type--road-map-content:hover {
    animation-play-state: running;
    animation: bg-spin 3s linear infinite;
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

.tournament-bracket-container {
    display: grid;
    grid-auto-flow: column;
    font-size: 90%;
    overflow: auto;
    line-height: 1;
    max-width: 100%;
    grid-template-rows: repeat(35, 18px);
    grid-template-columns: minmax(14em, 14em) 5em 5em minmax(14em, 14em) 5em 5em minmax(14em, 14em) 5em 5em minmax(14em, 14em);
}

.tournament-bracket-container .bracket-header,
.tournament-bracket-container .bracket-team {
    grid-row: span 2;
    display: table;
    border-radius: 2px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.tournament-bracket-container .bracket-header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    padding: 10px;
    text-align: center;
    background: url(https://gamers8.gg/themes/custom/gamers/images/group-stage-bg.png) no-repeat;
    background-size: 100% 100%;
}

.tournament-bracket-container .bracket-round-name {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.tournament-bracket-container .bracket-line,
.tournament-bracket-container .bracket-spacer {
    text-align: center;
    height: 100%;
}

.tournament-bracket-container .bracket-line::before,
.tournament-bracket-container .bracket-line::after,
.tournament-bracket-container .bracket-spacer::before,
.tournament-bracket-container .bracket-spacer::after {
    width: calc(50% + 2px);
    height: calc(100% + 2px);
    box-sizing: border-box;
    display: inline-block;
    margin: -1px;
    border: 0 solid #FFFFFF;
}

.tournament-bracket-container .bracket-line.z-down::before {
    content: "";
    border-width: 2px 0 0 2px;
    border-bottom: 2px solid transparent;
    border-radius: 2px 0 0 0;
}

.tournament-bracket-container .bracket-line.z-down::after {
    content: "";
    border-width: 0 2px 2px 0;
    border-top: 2px solid transparent;
    border-radius: 0 0 2px 0;
}

.tournament-bracket-container .bracket-line.z-up::before {
    content: "";
    border-width: 0 0 2px 2px;
    border-top: 2px solid transparent;
    border-radius: 0 0 0 2px;
}

.tournament-bracket-container .bracket-line.z-up::after {
    content: "";
    border-width: 2px 2px 0 0;
    border-bottom: 2px solid transparent;
    border-radius: 0 2px 0 0;
}

.tournament-bracket-container .bracket-line.straight-line {
    border-bottom: 2px solid #fff;
    margin-top: 1px;
}

.tournament-bracket-container .bracket-line.l-top::before {
    content: "";
    border-width: 2px 0 0 2px;
    border-bottom: 2px solid transparent;
    border-radius: 2px 0 0 0;
    margin-right: -50%;
}

.tournament-bracket-container .bracket-line.l-down::before {
    content: "";
    border-width: 0 0 2px 2px;
    border-top: 2px solid transparent;
    border-radius: 0 0 0 2px;
    margin-right: -50%;
}

.tournament-bracket-container .round-1 {
    grid-column: 1;
}

.tournament-bracket-container .round-1.bracket-line {
    grid-column: 2;
}

.tournament-bracket-container .round-2 {
    grid-column: 3;
}

.tournament-bracket-container .round-3 {
    grid-column: 4;
}

.tournament-bracket-container .round-4 {
    grid-column: 5;
}

.tournament-bracket-container .round-5 {
    grid-column: 6;
}

.tournament-bracket-container .round-6 {
    grid-column: 7;
}

.tournament-bracket-container .round-7 {
    grid-column: 8;
}

.tournament-bracket-container .round-8 {
    grid-column: 9;
}

.tournament-bracket-container .team-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    padding: 11px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-bg.png) no-repeat;
    background-size: 100% 100%;
    justify-content: center;
}

.tournament-bracket-container .team-wrapper::before {
    position: absolute;
    display: none;
    content: "";
    width: 22px;
    height: 22px;
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    line-height: 24px;
    border-radius: 100%;
    left: 10px;
    top: -12px;
    align-items: center;
    justify-content: center;
}

.tournament-bracket-container .team-wrapper .image-wrapper {
    position: absolute;
    width: 40px;
    height: auto;
    background: #FFFFFF;
    right: 20px;
    top: -8px;
}

.tournament-bracket-container .team-wrapper.winner {
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-winner-bg.png) no-repeat;
    background-size: cover;
}

.tournament-bracket-container .team-wrapper.winner::before {
    display: flex;
    background: #FFFFFF;
    border: 1px solid #8309FC;
    content: "W";
    text-transform: uppercase;
}

.tournament-bracket-container .team-wrapper.qualified::before {
    display: flex;
    background: #6EDE9B;
    border: 1px solid #8309FC;
    content: "q";
    text-transform: uppercase;
}

.tournament-bracket-container .team-wrapper .team-name {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 14px;
}

.ms-group {
    display: flex;
    flex-direction: column;
}

.ms-group .ms-bracket_container .ms-bracket_bracket-title {
    display: none;
}

.ms-group .ms-bracket_container .ms-bracket--rounded {
    display: flex;
    gap: 25px;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round {
    position: relative;
    padding-top: 60px;
    display: flex;
    align-items: center;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content .connector-line {
    display: none;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_round-title {
    position: absolute;
    top: 0;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: -moz-max-content;
    width: max-content;
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    padding: 10px;
    text-align: center;
    background: url(https://gamers8.gg/themes/custom/gamers/images/group-stage-bg.png) no-repeat;
    background-size: 100% 100%;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: space-around;
    height: 100%;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content {
    display: flex;
    flex-direction: column;
    padding-left: 25px;
    position: relative;
    z-index: 1;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .connector-line {
    position: absolute;
    content: "";
    width: 50px;
    height: 60%;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
    border: 1px solid #fff;
    border-right: 0;
    z-index: -1;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant {
    display: flex;
    align-items: center;
    position: relative;
    padding: 11px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-bg.png) no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    min-width: 200px;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant:first-child {
    margin-bottom: 20px;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant::before {
    position: absolute;
    display: none;
    content: "";
    width: 22px;
    height: 22px;
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    line-height: 24px;
    border-radius: 100%;
    left: 10px;
    top: -12px;
    align-items: center;
    justify-content: center;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant .image-wrapper {
    position: absolute;
    width: 40px;
    height: auto;
    right: 20px;
    top: -8px;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant.winner {
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-winner-bg.png) no-repeat;
    background-size: cover;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant.winner::before {
    display: flex;
    background: #FFFFFF;
    border: 1px solid #8309FC;
    content: "W";
    text-transform: uppercase;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant.qualified::before {
    display: flex;
    background: #6EDE9B;
    border: 1px solid #8309FC;
    content: "q";
    text-transform: uppercase;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant .team-name {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 14px;
}

.ms-group .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant .score {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 1;
}

.ms-group.tekken-bracket {
    display: flex;
    flex-direction: column;
}

@media (max-width: 991.98px) {
    .ms-group.tekken-bracket {
        overflow-x: auto;
    }
}

.ms-group.tekken-bracket .ms-bracket_container {
    margin-bottom: 70px;
}

@media (max-width: 991.98px) {
    .ms-group.tekken-bracket .ms-bracket_container {
        width: 1240px;
    }
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket--rounded {
    justify-content: space-between;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket--rounded .ms-bracket_round:first-child .ms-bracket_list .ms-bracket_item .ms-bracket_content::after {
    width: 500px;
    left: -500px;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket--rounded .ms-bracket_round:first-child .ms-bracket_list .ms-bracket_item .ms-bracket_content::after {
    right: -520px;
    left: auto;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket--rounded .ms-bracket_round:first-child .ms-bracket_list .ms-bracket_item .ms-bracket_content::before {
    left: -500px;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket--rounded .ms-bracket_round:first-child .ms-bracket_list .ms-bracket_item .ms-bracket_content::before {
    left: 745px;
    right: auto;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket--rounded .ms-bracket_round:nth-child(2) .ms-bracket_list .ms-bracket_item .ms-bracket_content::after {
    width: 300px;
    left: -300px;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket--rounded .ms-bracket_round:nth-child(2) .ms-bracket_list .ms-bracket_item .ms-bracket_content::before {
    left: -300px;
    height: 160px;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket--rounded .ms-bracket_round:nth-child(2) .ms-bracket_list .ms-bracket_item .ms-bracket_content::before {
    left: auto !important;
    right: -320px !important;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket_round:last-child h3 {
    right: auto;
    transform: none;
    left: 0;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket_round:last-child h3 {
    right: 0;
    left: auto;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket_round:last-child .ms-bracket_list {
    position: absolute;
    left: -30px;
    top: 240px;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container:nth-child(even) .ms-bracket_round:last-child .ms-bracket_list {
    right: -20px;
    left: auto;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(odd) .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 178px;
    background: #fff;
    left: -175px;
    top: -130px;
    display: block;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container:nth-child(odd) .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content::before {
    left: auto;
    right: -195px;
    bottom: 44px;
    top: auto;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(odd) .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content::after {
    content: "";
    position: absolute;
    width: 175px;
    height: 1px;
    background: #fff;
    left: -175px;
    top: 48px;
    display: block;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container:nth-child(odd) .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content::after {
    width: 150px;
    left: 270px !important;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(odd) .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content .connector-line {
    display: block;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container:nth-child(odd) .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content .connector-line {
    right: -45px;
    left: auto;
    transform: rotatey(-180deg);
    top: 15px;
}

.ms-group.tekken-bracket .ms-bracket_container:nth-child(odd) .ms-bracket--rounded .ms-bracket_round:first-child .ms-bracket_list .ms-bracket_item .ms-bracket_match .ms-bracket_content::before,
.ms-group.tekken-bracket .ms-bracket_container:nth-child(odd) .ms-bracket--rounded .ms-bracket_round:nth-child(3) .ms-bracket_list .ms-bracket_item .ms-bracket_match .ms-bracket_content::before {
    display: none;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket_bracket-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 30px;
    padding-right: 20px;
    display: block;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded {
    display: flex;
    gap: 25px;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round {
    position: relative;
    padding-top: 60px;
    display: flex;
    align-items: center;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content::before,
.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content::after {
    display: none;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round:last-child .ms-bracket_list .ms-bracket_match .ms-bracket_content .connector-line {
    display: none;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_round-title {
    position: absolute;
    top: 0;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    width: -moz-max-content;
    width: max-content;
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    padding: 10px;
    text-align: center;
    background: url(https://gamers8.gg/themes/custom/gamers/images/group-stage-bg.png) no-repeat;
    background-size: 100% 100%;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: space-around;
    height: 100%;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item:nth-child(odd) .ms-bracket_content::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background: #fff;
    left: -100px;
    top: 48px;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item:nth-child(odd) .ms-bracket_content::before {
    left: auto;
    top: 48px;
    right: -120px;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item:nth-child(even) .ms-bracket_content::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background: #fff;
    left: -100px;
    bottom: 48px;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item:nth-child(even) .ms-bracket_content::before {
    left: auto;
    bottom: 44px;
    right: -120px;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content {
    display: flex;
    flex-direction: column;
    padding-left: 25px;
    position: relative;
    z-index: 1;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 1px;
    background: #fff;
    left: -100px;
    top: 48px;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content::after {
    top: 48px;
    left: 245px !important;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .connector-line {
    position: absolute;
    content: "";
    width: 50px;
    height: 60%;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
    border: 1px solid #fff;
    border-right: 0;
    z-index: -1;
}

[dir=rtl] body .ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .connector-line {
    left: auto;
    top: 20%;
    transform: rotateY(-180deg);
    right: -20px;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant {
    display: flex;
    align-items: center;
    position: relative;
    padding: 11px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-bg.png) no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    min-width: 200px;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant:first-child {
    margin-bottom: 20px;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant::before {
    position: absolute;
    display: none;
    content: "";
    width: 22px;
    height: 22px;
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    line-height: 24px;
    border-radius: 100%;
    left: 10px;
    top: -12px;
    align-items: center;
    justify-content: center;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant .image-wrapper {
    position: absolute;
    width: 40px;
    height: auto;
    right: 20px;
    top: -8px;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant.winner {
    background: url(https://gamers8.gg/themes/custom/gamers/images/tournament-team-winner-bg.png) no-repeat;
    background-size: cover;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant.winner::before {
    display: flex;
    background: #FFFFFF;
    border: 1px solid #8309FC;
    content: "W";
    text-transform: uppercase;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant.qualified::before {
    display: flex;
    background: #6EDE9B;
    border: 1px solid #8309FC;
    content: "q";
    text-transform: uppercase;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant .team-name {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 14px;
}

.ms-group.tekken-bracket .ms-bracket_container .ms-bracket--rounded .ms-bracket_round .ms-bracket_list .ms-bracket_item .ms-bracket_content .contenstant .score {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 1;
}

body.aboutus {
    background: #161616 !important;
}

body.aboutus ol.breadcrumb {
    margin-bottom: 0.5rem;
}

body.aboutus .about-section.paragraph--type--about-us-componant {
    position: relative;
    min-height: 800px;
    display: flex;
    align-items: center;
}

@media (max-width: 1199.98px) {
    body.aboutus .about-section.paragraph--type--about-us-componant {
        padding: 40px 0;
        min-height: -moz-fit-content;
        min-height: fit-content;
    }
}

@media (min-width: 768px) {
    body.aboutus .about-section.paragraph--type--about-us-componant>.container {
        margin-top: -105px;
    }
}

@media (min-width: 1200px) {
    body.aboutus .about-section.paragraph--type--about-us-componant .about-content {
        max-width: 462px;
        padding-left: 0;
    }
}

body.aboutus .about-section.paragraph--type--about-us-componant .about-content .field--name-field-pt-title {
    margin-bottom: 35px;
}

body.aboutus .about-section.paragraph--type--about-us-componant .aboutus-bg {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 43%;
    height: 100%;
    overflow: hidden;
}

@media (min-width: 992px) {
    body.aboutus .about-section.paragraph--type--about-us-componant .aboutus-bg {
        top: -90px;
    }
}

@media (max-width: 1199.98px) {
    body.aboutus .about-section.paragraph--type--about-us-componant .aboutus-bg {
        width: 100%;
        z-index: -1;
    }
}

body.aboutus .about-section.paragraph--type--about-us-componant .aboutus-bg::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(19, 0, 65, 0.31) 0%, rgba(19, 0, 65, 0.8) 100%);
}

body.aboutus .about-section.paragraph--type--about-us-componant .aboutus-bg img {
    width: 100%;
    height: 100%;
}

@media (max-width: 767.98px) {
    body.aboutus .about-section.paragraph--type--about-us-componant .aboutus-bg img {
        opacity: 0.2;
    }
}

body.aboutus .about-section.paragraph--type--about-us-componant .overlay-img {
    position: absolute;
    top: 50%;
    right: 60%;
    transform: translate(50%, -50%);
    width: 430px;
    height: 430px;
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    body.aboutus .about-section.paragraph--type--about-us-componant .overlay-img {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    body.aboutus .about-section.paragraph--type--about-us-componant .paragraph--type--title-description-component .field--name-field-pt-title {
        text-align: center;
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
    }
}

body.aboutus .about-section.paragraph--type--about-us-componant .paragraph--type--title-description-component .field--name-field-pt-description p {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    opacity: 0.8;
}

@media (max-width: 1199.98px) {
    body.aboutus .about-section.paragraph--type--about-us-componant .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 27px;
    }
}

body.aboutus .paragraph--type--content-with-logo {
    padding: 100px 0;
}

@media (min-width: 768px) {
    body.aboutus .paragraph--type--content-with-logo {
        padding: 10px 0 100px;
    }
}

@media (max-width: 991.98px) {
    body.aboutus .paragraph--type--content-with-logo {
        padding: 0;
    }
    body.aboutus .paragraph--type--content-with-logo .container {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper {
    padding: 50px;
    border-radius: 10px;
    display: flex;
    gap: 60px;
    align-items: center;
    background: radial-gradient(50% 50% at 50% 50%, #212B49 0%, #212B49 100%);
}

@media (max-width: 991.98px) {
    body.aboutus .paragraph--type--content-with-logo .about-info-wrapper {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc {
    flex-basis: 70%;
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper {
    position: relative;
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .line {
    position: absolute;
    content: "";
    width: 150px;
    height: 1px;
    right: 0;
    bottom: -21px;
    background: rgba(255, 255, 255, 0.6);
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .line::before,
body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .line::after {
    position: absolute;
    content: "";
    width: 21px;
    height: 1px;
    background: rgba(255, 255, 255, 0.6);
    bottom: 0;
    right: 0;
    transform: rotate(-135deg);
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .line:after {
    right: 10px;
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .field--name-field-pt-title {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 63px;
    position: relative;
}

@media (max-width: 991.98px) {
    body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .field--name-field-pt-title {
        font-weight: 600;
        font-size: 30px;
        line-height: 32px;
    }
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .field--name-field-pt-description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #FFFFFF;
    opacity: 0.8;
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .field--name-field-pt-description p {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 25px;
}

body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-img img {
    min-width: 345px;
}

@media (max-width: 767.98px) {
    body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-img img {
        min-width: 100%;
    }
}

@media (min-width: 768px) {
    [dir=rtl] body.aboutus .about-section.paragraph--type--about-us-componant>.container {
        margin-top: -9%;
    }
}

[dir=rtl] body.aboutus .about-section.paragraph--type--about-us-componant .paragraph--view-mode--pre-season.about-info .about-info-wrapper .title-wrapper .field--name-field-pt-title {
    text-align: left;
}

[dir=rtl] body.aboutus .about-section.paragraph--type--about-us-componant .aboutus-bg {
    right: 0;
    left: auto;
}

[dir=rtl] body.aboutus .about-section.paragraph--type--about-us-componant .overlay-img {
    right: 40%;
}

@media (min-width: 1200px) {
    [dir=rtl] body.aboutus .about-section.paragraph--type--about-us-componant .about-content {
        padding-left: 12px;
        padding-right: 0;
    }
}

[dir=rtl] body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .line {
    left: 0;
}

[dir=rtl] body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .line::before {
    left: 0;
}

[dir=rtl] body.aboutus .paragraph--type--content-with-logo .about-info-wrapper .about-info-desc .title-wrapper .line::after {
    left: 10px;
}

.paragraph--view-mode--pre-season.about-info {
    padding: 80px 0;
    position: relative;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--pre-season.about-info {
        padding: 40px 8px;
    }
}

.paragraph--view-mode--pre-season.about-info::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: url(https://gamers8.gg/themes/custom/gamers/images/about-info-bg.png) no-repeat;
    z-index: -1;
}

@media (min-width: 992px) {
    .paragraph--view-mode--pre-season.about-info::before {
        background-size: cover;
    }
}

.paragraph--view-mode--pre-season.about-info .about-info-wrapper {
    border-radius: 40px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(33, 43, 73, 0.75) 0%, rgba(33, 43, 73, 0.75) 100%);
    padding: 40px;
    color: #FFFFFF;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--pre-season.about-info .about-info-wrapper {
        padding: 30px 15px 15px;
    }
}

.paragraph--view-mode--pre-season.about-info .about-info-wrapper .title-wrapper {
    text-align: center;
}

.paragraph--view-mode--pre-season.about-info .about-info-wrapper .title-wrapper .field--name-field-pt-title {
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
    text-transform: uppercase;
    background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 4px 10px rgba(14, 14, 14, 0.5);
    max-width: 500px;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--pre-season.about-info .about-info-wrapper .title-wrapper .field--name-field-pt-title {
        max-width: 100%;
        font-size: 24px;
        line-height: 30px;
        text-align: right;
    }
}

.paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper {
    display: flex;
    gap: 40px;
    margin-top: 40px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper {
        flex-wrap: wrap;
        margin-top: 20px;
    }
}

.paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-desc,
.paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-img {
    flex-basis: 48%;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-desc,
    .paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-img {
        flex-basis: 100%;
    }
}

.paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-desc p {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-desc p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
}

.paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-img {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-info-desc-wrapper .about-info-img {
        display: none;
    }
}

.paragraph--view-mode--pre-season.about-info .about-info-wrapper .about-img-mobile {
    max-width: 250px;
    margin: 0 auto 22px;
}

.paragraph--view-mode--about-us-video {
    position: relative;
    padding: 110px 0 80px;
    background: #140638;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--about-us-video {
        padding: 40px 20px;
    }
}

.paragraph--view-mode--about-us-video .aboutus-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--about-us-video .aboutus-bg * {
        width: 100%;
        height: 100%;
    }
}

.paragraph--view-mode--about-us-video .about-content {
    padding-left: 60px;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--about-us-video .about-content {
        padding: 0 0 20px;
    }
}

.paragraph--view-mode--about-us-video .about-content .paragraph--type--title-description-component .field--name-field-pt-title {
    text-transform: uppercase;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#FFFFFF, rgba(255, 255, 255, 0.5));
    font-weight: 600;
    font-size: 45px;
    line-height: 60px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--about-us-video .about-content .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 24px;
        line-height: 29px;
    }
}

.paragraph--view-mode--about-us-video .about-content .paragraph--type--title-description-component .field--name-field-pt-description p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}

@media (max-width: 991.98px) {
    .paragraph--view-mode--about-us-video .about-content .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 14px;
        line-height: 20px;
    }
}

.paragraph--view-mode--about-us-video .pre-season-about-img {
    box-shadow: none;
    border-radius: 10px;
    z-index: 1;
    text-align: center;
    padding: 0;
    position: relative;
}

.paragraph--view-mode--about-us-video .pre-season-about-img .play-icon {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    cursor: pointer;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.paragraph--view-mode--about-us-video .pre-season-about-img .play-icon::before {
    display: block;
    animation: infoimgwaves 3s ease-in-out infinite;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    background: url(https://gamers8.gg/themes/custom/gamers/images/play-icon.png) no-repeat;
    background-size: cover;
    content: "";
}

@keyframes infoimgwaves {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}

.paragraph--view-mode--about-us-video .pre-season-about-img .play-icon .waves {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 40px solid rgba(6, 255, 247, 0.8);
    border-radius: 100%;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: -1;
    animation: 3s ease-in-out infinite infowaves;
}

.paragraph--view-mode--about-us-video .pre-season-about-img .play-icon .waves {
    opacity: 0;
}

.paragraph--view-mode--about-us-video .pre-season-about-img .play-icon .wave-1 {
    animation-delay: 0s;
}

.paragraph--view-mode--about-us-video .pre-season-about-img .play-icon .wave-2 {
    animation-delay: 2s;
}

.paragraph--view-mode--about-us-video .pre-season-about-img .play-icon .wave-3 {
    animation-delay: 4s;
}

@keyframes infowaves {
    0% {
        transform: translate(50%, -50%) scale(0.5, 0.5);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: translate(50%, -50%) scale(0.8, 0.8);
        opacity: 0;
    }
}

.paragraph--view-mode--about-us-video .video-popup {
    display: none;
}

.pre-season-homepage .field--name-field-pt-title {
    position: relative;
}

@media (min-width: 576px) {
    .pre-season-homepage .field--name-field-pt-title {
        text-align: center;
    }
}

.pre-season-homepage .row {
    justify-content: space-between;
}

.pre-season-homepage .aboutus-bg {
    max-height: -moz-max-content;
    max-height: max-content;
    width: 100%;
}

.pre-season-homepage .aboutus-bg img {
    width: 100%;
}

.pre-season-homepage .pre-season-about-img {
    position: relative;
    width: auto;
    height: -moz-max-content;
    height: max-content;
}

.pre-season-homepage .pre-season-about-img img {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    overflow: hidden;
    border-radius: 10px;
}

.pre-season-homepage .pre-season-about-img iframe {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: -2;
    border-radius: 10px;
    width: 98%;
}

.pre-season-homepage .pre-season-about-img.play-video .play-icon {
    z-index: 999;
}

.pre-season-homepage .pre-season-about-img.play-video .play-icon:before {
    background: none;
}

.pre-season-homepage .pre-season-about-img.play-video .play-icon .waves-block {
    display: none;
}

.pre-season-homepage .pre-season-about-img.play-video img {
    visibility: hidden;
}

.pre-season-homepage .pre-season-about-img.play-video iframe {
    z-index: 99;
    border-radius: 10px;
}

.path-user:not(.user-logged-in) .block-page-title-block {
    display: none;
}

.path-user:not(.user-logged-in) .breadcrumb {
    display: none;
}

@media (max-width: 767.98px) {
    .customer.login_container {
        padding: 40px 20px;
    }
}

@media (min-width: 768px) {
    .customer.login_container {
        padding: 94px 0;
    }
}

.customer.login_container .page-width {
    margin: 0 auto;
    max-width: 120rem;
    padding: 0 1.5rem;
    direction: rtl;
}

@media (max-width: 767.98px) {
    .customer.login_container .page-width {
        padding: 0 0 30px;
    }
}

.login-bg-main-login {
    max-width: 100% !important;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: -48px !important;
}

.inner-login-box {
    max-width: 464px;
    background: rgba(255, 242, 242, 0.13);
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    border-radius: 10px 10px 0 0;
    color: #FFFFFF;
    padding: 47px 0 0;
    margin-right: 135px;
}

.inner-login-box p strong {
    font-weight: 700;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .inner-login-box {
        max-width: 100%;
        padding: 37px 0 0;
        margin-right: 0;
    }
}

.inner-login-box p {
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    margin: 15px 0 35px;
}

@media (max-width: 767.98px) {
    .inner-login-box p {
        font-size: 14px;
        line-height: 19px;
        margin: 10px 0 35px;
    }
}

.inner-login-box h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    margin: 0;
}

@media (max-width: 767.98px) {
    .inner-login-box .loginbox-space {
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .inner-login-box .loginbox-space {
        padding: 0 45px;
    }
}

.inner-login-box .login-usp {
    display: flex;
}

.inner-login-box .login-image {
    min-width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 50%;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
}

.inner-login-box .login-text {
    width: calc(100% - 68px);
}

.inner-login-box .login-text p {
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    margin: 0 0 30px !important;
}

@media (max-width: 767.98px) {
    .inner-login-box .login-text p {
        line-height: 19px;
        margin: 0 0 20px !important;
    }
}

.inner-login-box .login-text p strong {
    display: block;
    font-size: 16px;
}

.inner-login-box .address-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap;
}

.inner-login-box .address-button .openid-connect-login-form {
    width: 100%;
}

.inner-login-box .address-button .openid-connect-login-form .form-submit {
    margin: 0;
    width: 100%;
}

.inner-login-box .address-button .openid-connect-login-form .btn.btn-primary {
    padding: 15px 13px;
    border-radius: 0 0 7px 7px;
}

[dir=rtl] body .inner-login-box .loginbox-space {
    direction: ltr;
}

[dir=rtl] body .inner-login-box .login-image {
    margin-left: auto;
    margin-right: 20px;
}

.user-login-form {
    margin: 140px auto;
    max-width: 520px;
    height: 100%;
    background: #161b26;
    box-shadow: 0px 0px 30px rgba(15, 5, 44, 0.5);
    border-radius: 10px;
    padding: 40px 60px 24px 60px;
    overflow: hidden;
}

.user-login-form label {
    color: #FFFFFF;
    padding-bottom: 5px;
}

.user-login-form input[type=text],
.user-login-form input[type=password] {
    border-radius: 10px;
    background: #07271d;
    border-color: transparent;
    box-shadow: none;
    outline: none;
    padding: 8px 13px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    height: 56px;
}

.user-login-form input[type=text]+div,
.user-login-form input[type=password]+div {
    display: none !important;
}

.user-login-form img {
    background: #FFFFFF;
}

.user-login-form input[type=submit] {
    font-size: 18px;
    line-height: 20px;
    padding: 14px 28px;
    height: 56px;
}

.media-cenre .paragraph--type--title-description-component .field--name-field-pt-title {
    margin: 0;
}

.media-cenre .media-desc {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.011em;
    margin: 7px -10px 0 0;
}

.media-cenre #in-the-press {
    margin-top: 100px;
}

.media-cenre ul.js-pager__items {
    padding: 0;
    text-align: center;
}

.media-cenre ul.js-pager__items a.button[title="Load more items"] {
    background: transparent;
    color: #fff;
    margin-top: 20px;
}

.media-cenre .view-news-media .view-filters {
    justify-content: flex-start;
}

@media (min-width: 768px) and (max-width:1200px) {
    .media-cenre .view-news-media .view-filters {
        justify-content: center;
    }
}

.media-cenre .view-news-media .view-filters .nav-tabs.skew-tabs .nav-item label {
    padding: 20px 58px;
}

@media (max-width: 767.98px) {
    .media-cenre .view-news-media .view-filters .nav-tabs.skew-tabs {
        flex-direction: column;
    }
    .media-cenre .view-news-media .view-filters .nav-tabs.skew-tabs .nav-item {
        order: 1;
    }
    .media-cenre .view-news-media .view-filters .nav-tabs.skew-tabs .nav-item.active-btn {
        order: 0;
    }
}

.media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper {
    display: flex;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    grid-gap: 1.5em;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper {
        display: grid;
    }
}

@media (min-width: 768px) and (max-width:1200px) {
    .media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper {
        justify-content: center;
    }
}

.media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper .views-row {
    border-radius: 10px;
    overflow: hidden;
    max-width: 415px;
    flex: 0 0 33%;
}

.media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper .views-row .media_thumbnail {
    border-radius: 10px;
    overflow: hidden;
    max-height: 230px;
}

.media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper .views-row .media_thumbnail img {
    width: 100%;
}

.media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper .views-row .media_content_box {
    padding: 10px 18px 15px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(63, 24, 89, 0.4) 0%, rgba(86, 40, 116, 0) 100%);
    box-shadow: inset 1px -1px rgba(121, 55, 164, 0.23);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper .views-row .media_content_box .cate_title {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 36px;
    margin: 0;
    opacity: 0.7;
}

.media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper .views-row .media_content_box .link_to_pdp a {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    width: 85%;
    display: block;
    margin: 1em 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 53px;
}

.media-cenre .view-news-media .view-content .views-infinite-scroll-content-wrapper .views-row .media_content_box .date_time {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 20px 18px;
    background-position: center right;
    background-position-y: 3px;
}

@media (max-width: 767.98px) {
    .media-cenre .view-news-media .view-content .views-row .content-wrapper {
        display: flex;
        align-items: center;
        background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(63, 24, 89, 0.4) 0%, rgba(86, 40, 116, 0) 100%);
        box-shadow: inset 1px -1px rgba(121, 55, 164, 0.23);
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .media-cenre .view-news-media .view-content .views-row .content-wrapper .media_content_box {
        background: transparent;
        box-shadow: none;
        border-radius: 0;
    }
    .media-cenre .view-news-media .view-content .views-row .content-wrapper .media_content_box .cate_title {
        font-size: 13px;
    }
    .media-cenre .view-news-media .view-content .views-row .content-wrapper .media_content_box .link_to_pdp a {
        font-size: 14px;
        line-height: 22px;
        margin: 5px 0;
        width: 100%;
        min-height: 40px;
    }
    .media-cenre .view-news-media .view-content .views-row .content-wrapper .media_content_box .date_time {
        font-size: 13px;
        line-height: 22px;
        padding-right: 24px;
        background-size: 16px 14px;
    }
    .media-cenre .view-news-media .view-content .views-row .media_thumbnail {
        max-width: 150px;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }
    .media-cenre .view-news-media .view-content .views-row .media_thumbnail img {
        aspect-ratio: 1;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .media-cenre .nav-tabs.skew-tabs .nav-item label {
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
    }
    .media-cenre .home-page-wrapper {
        padding-top: 40px;
    }
    .media-cenre .paragraph--type--title-description-component .field--name-field-pt-title {
        line-height: 38px;
    }
    .media-cenre .media-desc {
        line-height: 25px;
        font-size: 16px;
    }
}

.newsmediasinglepage .view-news-media .view-filters {
    justify-content: flex-start;
}

.newsmediasinglepage .view-news-media .view-content {
    display: flex;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    grid-gap: 1.5em;
    flex-wrap: wrap;
}

@media (max-width: 767.98px) {
    .newsmediasinglepage .view-news-media .view-content {
        display: grid;
    }
}

.newsmediasinglepage .view-news-media .view-content .views-row {
    border-radius: 10px;
    overflow: hidden;
    max-width: 415px;
    flex: 0 0 33%;
}

.newsmediasinglepage .view-news-media .view-content .views-row .media_thumbnail {
    border-radius: 10px;
    overflow: hidden;
    max-height: 230px;
}

.newsmediasinglepage .view-news-media .view-content .views-row .media_thumbnail img {
    width: 100%;
}

.newsmediasinglepage .view-news-media .view-content .views-row .media_content_box {
    padding: 10px 18px 15px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(63, 24, 89, 0.4) 0%, rgba(86, 40, 116, 0) 100%);
    box-shadow: inset 1px -1px rgba(121, 55, 164, 0.23);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.newsmediasinglepage .view-news-media .view-content .views-row .media_content_box .cate_title {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 36px;
    margin: 0;
    opacity: 0.7;
}

.newsmediasinglepage .view-news-media .view-content .views-row .media_content_box .link_to_pdp a {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    width: 85%;
    display: block;
    margin: 1em 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 53px;
}

.newsmediasinglepage .view-news-media .view-content .views-row .media_content_box .date_time {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 20px 18px;
    background-position: center right;
    background-position-y: 3px;
}

.newsmediasinglepage .node--type-news-media .social-share-container .social-share ul li span.a2a_svg {
    display: none;
}

.newsmediasinglepage .pdp_content p {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
}

.newsmediasinglepage .pdp_feat_image {
    border-radius: 10px;
    margin-bottom: 40px;
}

.newsmediasinglepage .pdp_feat_image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.newsmediasinglepage #block-views-block-news-media-latest-media h2 {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 34px;
    margin: 100px 0 40px;
}

.newsmediasinglepage .page_title_social_links {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.newsmediasinglepage .page_title_social_links h1 {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 40px;
    text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.75);
}

.newsmediasinglepage .page_title_social_links .social_links .share-label {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.011em;
    text-align: left;
    display: block;
}

.newsmediasinglepage .pdp_date_time_cate {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 30px;
    display: flex;
    margin-bottom: 20px;
}

.newsmediasinglepage .pdp_date_time_cate .date_time {
    display: flex;
    align-items: center;
}

.newsmediasinglepage .pdp_date_time_cate .date_time i {
    margin-left: 10px;
}

.newsmediasinglepage .pdp_date_time_cate .divider {
    margin: 0 14px;
}

.newsmediasinglepage .follow_us ul {
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    .newsmediasinglepage .share-label {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -0.011em;
        text-align: right;
        display: block;
    }
    .newsmediasinglepage .pdp_feat_image {
        margin-bottom: 15px;
    }
    .newsmediasinglepage .pdp_feat_image+.social_links {
        margin-bottom: 15px;
    }
    .newsmediasinglepage .page_title_social_links h1 {
        font-size: 20px;
        line-height: 26px;
    }
    .newsmediasinglepage .pdp_date_time_cate {
        margin-bottom: 10px;
    }
    .newsmediasinglepage .home-page-wrapper {
        padding: 40px 5px 0;
    }
    .newsmediasinglepage .view-news-media .view-content .views-row .content-wrapper {
        display: flex;
        align-items: center;
        display: flex;
        align-items: center;
        background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(63, 24, 89, 0.4) 0%, rgba(86, 40, 116, 0) 100%);
        box-shadow: inset 1px -1px rgba(121, 55, 164, 0.23);
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .newsmediasinglepage .view-news-media .view-content .views-row .content-wrapper .media_content_box {
        background: transparent;
        box-shadow: none;
        border-radius: 0;
    }
    .newsmediasinglepage .view-news-media .view-content .views-row .content-wrapper .media_content_box .cate_title {
        font-size: 13px;
    }
    .newsmediasinglepage .view-news-media .view-content .views-row .content-wrapper .media_content_box .link_to_pdp a {
        font-size: 14px;
        line-height: 22px;
        margin: 5px 0;
        width: 100%;
        min-height: 40px;
    }
    .newsmediasinglepage .view-news-media .view-content .views-row .content-wrapper .media_content_box .date_time {
        font-size: 13px;
        line-height: 22px;
        padding-right: 24px;
        background-size: 16px 14px;
    }
    .newsmediasinglepage .view-news-media .view-content .views-row .media_thumbnail {
        max-width: 150px;
    }
    .newsmediasinglepage .view-news-media .view-content .views-row .media_thumbnail img {
        aspect-ratio: 1;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .newsmediasinglepage #block-views-block-news-media-latest-media h2 {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        margin: 2em 0 1em;
    }
    .newsmediasinglepage .pdp_content p {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
    }
    .newsmediasinglepage .follow_us ul {
        justify-content: flex-start;
    }
}

.esp--image-gallery .paragraph--type--title-description-component .field--name-field-pt-description p {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

.gallery-category-listing .block-page-title-block h1 {
    text-transform: capitalize;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .block-page-title-block h1 {
        font-size: 28px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 40px;
    }
}

.gallery-category-listing .gallery-group-wrapper-class {
    margin-bottom: 100px;
}

.gallery-category-listing .gallery-group-wrapper-class.slick-slider {
    padding: 0 !important;
}

@media (max-width: 767.98px) {
    .gallery-category-listing .gallery-group-wrapper-class {
        margin-bottom: 0;
    }
}

.gallery-category-listing .gallery-group-wrapper-class .slick-list {
    padding: 0 !important;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .gallery-group-wrapper-class .slick-list {
        padding: 0 0 0 20px !important;
    }
    .gallery-category-listing .gallery-group-wrapper-class .slick-list .views-row {
        perspective: unset !important;
        max-width: 84vw;
        margin-left: -5px;
    }
}

.gallery-category-listing .gallery-group-wrapper-class .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: 0;
    position: absolute;
    bottom: 30px;
    font-size: 0;
    color: transparent;
    z-index: 1;
}

.gallery-category-listing .gallery-group-wrapper-class .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    right: 35%;
    bottom: -10px;
}

.gallery-category-listing .gallery-group-wrapper-class .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 35%;
    bottom: -10px;
}

.gallery-category-listing .gallery-group-wrapper-class .slick-dots li {
    list-style: none;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-category-listing .gallery-group-wrapper-class .slick-dots li button {
    height: 12px;
    width: 12px;
}

.gallery-category-listing .gallery-group-wrapper-class .slick-dots li.slick-active {
    background: #b200e5;
}

.gallery-category-listing .gallery-group-wrapper-class .slick-dots li.slick-active button {
    background: #FFFFFF;
}

.gallery-category-listing .gallery-group-wrapper-class .views-row {
    border-radius: 10px;
    overflow: hidden;
    perspective: 1000px;
    padding: 30px 0;
}

.gallery-category-listing .gallery-group-wrapper-class .views-row .media_thumbnail {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.gallery-category-listing .gallery-group-wrapper-class .views-row .media_thumbnail img {
    width: 100%;
}

.gallery-category-listing .gallery-group-wrapper-class .views-row .media_content_box {
    padding: 10px 18px 15px;
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(63, 24, 89, 0.4) 0%, rgba(86, 40, 116, 0) 100%);
    box-shadow: inset 1px -1px rgba(121, 55, 164, 0.23);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .gallery-group-wrapper-class .views-row .media_content_box {
        min-height: 119px;
    }
}

.gallery-category-listing .gallery-group-wrapper-class .views-row .media_content_box .link_to_pdp {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    display: block;
    margin: 0.5em 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gallery-category-listing .gallery-group-wrapper-class .views-row .media_content_box .date_time {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 20px 18px;
    background-position: center right;
    background-position-y: 3px;
}

.gallery-category-listing .gallery-group-wrapper-class .total_images {
    position: absolute;
    background: rgba(3, 12, 55, 0.6);
    border-radius: 5px;
    left: 15px;
    top: 12px;
    padding: 3px 5px;
    font-family: "Romagna";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #ffffff;
}

.gallery-category-listing .gallery-group-wrapper-class .total_images i {
    margin-left: 5px;
}

.gallery-category-listing .view-elite-gallery {
    margin-top: 40px;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .view-elite-gallery {
        margin-top: 20px;
    }
}

.gallery-category-listing .view-elite-gallery>ul {
    display: flex;
    justify-content: center;
    padding: 0;
}

@media (min-width: 576px) {
    .gallery-category-listing .view-elite-gallery>ul {
        margin-top: 5px;
    }
}

.gallery-category-listing .view-elite-gallery>ul li {
    border-radius: 7px;
    padding: 10px 25px;
    background: linear-gradient(-206.91deg, #00f5a3 32.83%, #06fff8 275.64%);
}

.gallery-category-listing .view-elite-gallery>ul li a {
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
}

.gallery-category-listing .view-elite-gallery .view-content>div {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
    grid-gap: 45px;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .view-elite-gallery .view-content>div {
        grid-gap: 20px;
        margin: 0 20px 10px;
    }
}

.gallery-category-listing .view-elite-gallery .view-content .views-row img {
    width: 100%;
}

.gallery-category-listing .view-elite-gallery .view-content .views-row article {
    margin: 0;
    height: 100%;
}

.gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery {
    background: radial-gradient(97.57% 247.67% at 0.9% 3.5%, rgba(63, 24, 89, 0.4) 0%, rgba(86, 40, 116, 0) 100%);
    box-shadow: inset 1px -1px rgba(121, 55, 164, 0.23);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
    height: 100%;
}

.gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .media_content_box {
    padding: 15px 18px 15px;
    display: flex;
}

.gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .media_content_box a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .media_content_box {
        padding: 8px 12px 8px 8px;
    }
}

.gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .total_images {
    background: rgba(3, 12, 55, 0.6);
    border-radius: 5px;
    padding: 2px 6px;
    position: absolute;
    left: 14px;
    top: 12px;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    display: flex;
    gap: 6px;
    align-items: center;
}

.gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .total_images i:before {
    padding-left: 6px;
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/album.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .total_images {
        left: 16.45px;
        top: 12.5px;
    }
}

.gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .link_to_pdp {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 12px;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .link_to_pdp {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 5px;
    }
}

.gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .date_time {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 20px 18px;
    background-position: center right;
    background-position-y: 3px;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .view-elite-gallery .view-content .elite-esport-gallery .date_time {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 28px;
    }
}

.gallery-category-listing .views-exposed-form {
    width: 100%;
}

.gallery-category-listing .views-exposed-form .form--inline {
    display: flex;
    flex-direction: column;
}

.gallery-category-listing .views-exposed-form .form--inline .nav.nav-tabs.skew-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gallery-category-listing .views-exposed-form .form--inline .nav.nav-tabs.skew-tabs .nav-link {
    flex: 1;
}

@media (max-width: 991.98px) {
    .gallery-category-listing .views-exposed-form .form--inline .nav.nav-tabs.skew-tabs .nav-link {
        width: 100%;
    }
}

.gallery-category-listing .view-image-gallery .js-form-type-select {
    display: flex;
    align-items: center;
}

@media (max-width: 575.98px) {
    .gallery-category-listing .view-image-gallery .js-form-type-select {
        margin-left: 0;
        justify-content: center;
    }
}

.gallery-category-listing .view-image-gallery .js-form-type-select label {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.015em;
    text-shadow: 0px 0px 14px #110e19;
    display: block;
}

.gallery-category-listing .view-image-gallery .js-form-type-select label:after {
    display: none;
}

.gallery-category-listing .view-image-gallery .js-form-type-select .form-select {
    width: auto;
    font-size: 34px;
    color: #00f5a3;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.015em;
    text-shadow: 0px 0px 14px #110e19;
    display: block;
}

.gallery-category-listing .view-image-gallery legend {
    display: none;
}

.gallery-category-listing .view-all .title {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 38px;
}

.gallery-category-listing .view-all a.btn.btn-secondary-arrow {
    float: left;
}

.gallery-category-listing .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateY(-40deg);
}

@media (max-width: 575.98px) {
    .gallery-category-listing .flip-card-inner {
        transform: none;
        padding: 0 30px;
        padding-right: 0;
    }
}

.gallery-category-listing .slick-active:first-of-type {
    transform: rotateY(-35deg);
}

@media (max-width: 575.98px) {
    .gallery-category-listing .slick-active:first-of-type {
        transform: none;
    }
}

.gallery-category-listing .slick-active:first-child+.slick-active {
    scale: 0.9;
}

.gallery-category-listing .views-row.slick-slide.slick-current.slick-active.slick-center {
    perspective: unset;
    scale: 1;
}

.gallery-category-listing .views-row.slick-slide.slick-current.slick-active.slick-center+.slick-active .flip-card-inner {
    transform: rotateY(40deg);
}

.gallery-category-listing .views-row.slick-slide.slick-current.slick-active.slick-center+.slick-active+.slick-active .flip-card-inner {
    transform: rotateY(35deg);
}

.gallery-category-listing .views-row.slick-slide.slick-current.slick-active.slick-center .flip-card-inner {
    transform: unset;
}

@media (max-width: 767.98px) {
    .gallery-category-listing .view-image-gallery .js-form-type-select label {
        font-size: 22px;
        line-height: normal;
    }
    .gallery-category-listing .view-image-gallery .js-form-type-select .form-select {
        font-size: 22px;
        line-height: normal;
    }
    .gallery-category-listing .view-all .title {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }
    .gallery-category-listing .gallery-group-wrapper-class .views-row {
        padding: 0;
    }
    .gallery-category-listing .form--inline .form-actions {
        display: none;
    }
    .gallery-category-listing .form--inline .gallery-group-wrapper-class .slick-list {
        padding: 0 0 0 30% !important;
    }
    .gallery-category-listing .wrap_image_gallery {
        position: relative;
        margin-bottom: 95px;
    }
    .gallery-category-listing .wrap_image_gallery .slick-track {
        overflow: hidden;
        max-height: 510px;
    }
    .gallery-category-listing .mobile_view_all {
        text-align: center;
    }
}

@media (max-width: 767.98px) and (max-width:575.98px) {
    .gallery-category-listing .mobile_view_all {
        margin-top: 30px;
    }
}

@media (max-width: 767.98px) {
    .gallery-category-listing .views-exposed-form .form--inline .nav.nav-tabs.skew-tabs .nav-link {
        width: 100%;
    }
    .gallery-category-listing .views-exposed-form .form--inline .nav.nav-tabs.skew-tabs .nav-link label {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 18px;
    }
}

@media (max-width: 767.98px) {
    .gallery-category-listing .paragraph--type--title-description-component .field--name-field-pt-description p {
        font-size: 14px;
        line-height: 25px;
    }
}

@media (max-width: 767.98px) {
    .gallery-category-listing .wrap_image_gallery:nth-child(2) .gallery-group-wrapper-class {
        margin: 0;
    }
    .gallery-category-listing .wrap_image_gallery:nth-child(2) .mobile_view_all {
        bottom: 120px;
    }
}

@media (max-width: 375px) {
    .gallery-category-listing .view-image-gallery .js-form-type-select {
        justify-content: space-between;
    }
    .gallery-category-listing .view-image-gallery .js-form-type-select .form-select {
        font-size: 20px;
        line-height: normal;
        padding: 0px 0px 0px 14px;
        background-size: 12px;
        background-position-x: 2%;
    }
    .gallery-category-listing .view-image-gallery .js-form-type-select label {
        font-size: 20px;
    }
}

.support-result-page {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/support-search-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 120px;
}

.support-result-page .search-icon-wrapper .form--inline {
    background: none;
}

.support-result-page:before {
    display: none;
}

@media (min-width: 576px) {
    .support-result-page .support_search {
        padding-top: 25px;
    }
}

.support-result-page .search-global-form {
    margin-top: 65px;
}

.support-result-page .support-search-box input {
    width: 650px;
    height: 56px;
    background: transparent;
    background: url(https://gamers8.gg/themes/custom/gamers/images/search-icon.png) no-repeat;
    background-position: center left 19px;
    color: #FFFFFF;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19.2px;
}

@media (max-width: 575.98px) {
    .support-result-page .support-search-box input {
        background-size: 16px;
        padding: 0 12px;
    }
}

@media (max-width: 767.98px) {
    .support-result-page .support-search-box input {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .support-result-page .support-search-box {
        margin-top: 63px;
    }
}

.support-result-page .h2.center-xs.form-item {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 41px;
    text-align: center;
    margin-top: 170px;
}

@media (min-width: 1441px) and (max-width:1999px) {
    .support-result-page .h2.center-xs.form-item {
        margin-top: 18% !important;
    }
}

@media (min-width: 2000px) {
    .support-result-page .h2.center-xs.form-item {
        margin-top: 28% !important;
    }
}

.support-result-page .content-search-results {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.support-result-page .views-row {
    background: #161b26;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 20px 19px;
}

@media (min-width: 576px) {
    .support-result-page .views-row {
        padding: 28px 27px 27px 77px;
    }
}

.support-result-page .views-row .result-title {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0.01em;
}

@media (max-width: 575.98px) {
    .support-result-page .views-row .result-title {
        line-height: 28px;
    }
}

.support-result-page .views-row .result-content {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.011em;
    opacity: 0.7;
}

.support-result-page .views-row .result-content strong {
    font-weight: 400 !important;
}

.support-result-page .js-pager__items {
    padding: 0;
    margin: 0;
}

.support-result-page .js-pager__items .pager__item {
    padding: 0;
}

.support-result-page .h2.center-xs.form-item {
    margin-top: 171px;
    margin-bottom: 42px;
}

@media (max-width: 767.98px) {
    .support-result-page {
        background-image: url(https://gamers8.gg/themes/custom/gamers/images/mobil-support-search.png);
        background-position: 100% 90px;
    }
    .support-result-page .h2.center-xs.form-item {
        margin-top: 100px;
    }
    .support-result-page .content-search-results {
        margin-bottom: 50px;
        text-align: center;
    }
    .support-result-page .result-title {
        line-height: 28px;
    }
    .support-result-page .js-pager__items {
        text-align: center;
    }
}

.support-result-page .result_not_found {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 41px;
    text-align: center;
}

.support-result-page .support-search-listing .result-content-wrapper .result-type {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 8px;
}

.node--type-image-gallery {
    margin-top: 32px;
}

.node--type-image-gallery .gallery-image-wrapper {
    position: relative;
}

.node--type-image-gallery .gallery-image-wrapper img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.node--type-image-gallery .gallery-image-wrapper .overlay-wrapper {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: 15px;
    height: -moz-fit-content !important;
    height: fit-content !important;
}

.node--type-image-gallery .gallery-image-wrapper .overlay-wrapper i:before {
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/download.png) no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: block;
}

.node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container {
    position: relative;
}

.node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container:hover .social-share {
    opacity: 1;
}

.node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container span {
    background: url(https://gamers8.gg/themes/custom/gamers/images/more-icon.png) no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    cursor: pointer;
    background-position: left;
}

.node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container .social-share {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 9px 12px 11px;
    border: 1px solid #FFFFFF;
    border-radius: 0px 20px 20px 20px;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: all 1s ease;
}

.node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container .social-share ul li .a2a_svg {
    display: none;
}

@media (max-width: 991.98px) {
    .node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container .social-share ul li {
        display: none;
    }
    .node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container .social-share ul li.twitter_icon,
    .node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container .social-share ul li.fb_icon {
        display: block;
    }
}

.node--type-image-gallery .gallery-image-wrapper .overlay-wrapper .social-share-container .social-share ul li a {
    height: 22px !important;
}

.node--type-image-gallery .gallery-detail-image-wrapper {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.node--type-image-gallery .gallery-detail-image-wrapper .gallery-sub-container {
    display: flex;
    gap: 25px;
}

.node--type-image-gallery .gallery-detail-image-wrapper .gallery-sub-container .gallery-small-image {
    display: flex;
    gap: 25px;
}

.node--type-image-gallery .gallery-detail-image-wrapper .gallery-sub-container .gallery-small-image .col-style-3 {
    width: 50%;
}

.node--type-image-gallery .gallery-detail-image-wrapper .gallery-sub-container .col-style-2 {
    width: 30%;
}

.node--type-image-gallery .gallery-detail-image-wrapper .col-style-1 {
    flex-basis: 48.85%;
}

.node--type-image-gallery .gallery-detail-image-wrapper .col-style-1 * {
    height: 100%;
}

@media (max-width: 1199.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-style-1 {
        flex-basis: 48.5%;
    }
}

@media (max-width: 991.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-style-1 {
        flex-basis: 47.5%;
    }
}

@media (max-width: 767.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-style-1 {
        flex-basis: 100%;
    }
}

.node--type-image-gallery .gallery-detail-image-wrapper .col-style-2 {
    flex-basis: 35%;
}

.node--type-image-gallery .gallery-detail-image-wrapper .col-style-2 * {
    height: 100%;
}

@media (max-width: 1199.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-style-2 {
        flex-basis: 34%;
    }
}

@media (max-width: 767.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-style-2 {
        flex-basis: 100%;
    }
}

.node--type-image-gallery .gallery-detail-image-wrapper .col-small-wrapper {
    flex-basis: 62.75%;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-small-wrapper {
        flex-basis: 61.75%;
    }
}

@media (max-width: 767.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-small-wrapper {
        flex-basis: 100%;
    }
}

.node--type-image-gallery .gallery-detail-image-wrapper .col-small-wrapper .col-style-3 {
    flex-basis: 48%;
}

.node--type-image-gallery .gallery-detail-image-wrapper .col-small-wrapper .col-style-3 * {
    height: 100%;
}

@media (max-width: 1199.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-small-wrapper .col-style-3 {
        flex-basis: 47.5%;
    }
}

@media (max-width: 991.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-small-wrapper .col-style-3 {
        flex-basis: 46.5%;
    }
}

@media (max-width: 767.98px) {
    .node--type-image-gallery .gallery-detail-image-wrapper .col-small-wrapper .col-style-3 {
        flex-basis: 100%;
    }
}

.gallery-detail-popup {
    transition: all 2s ease;
    opacity: 0;
}

.gallery-detail-popup.show {
    opacity: 1;
}

.gallery-detail-popup::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    .gallery-detail-popup .modal-dialog {
        max-width: 1100px !important;
    }
}

.gallery-detail-popup .modal-content {
    position: relative;
    background: #1C1430;
    border-radius: 10px;
}

.gallery-detail-popup .modal-content .popup-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
    background-size: contain;
    border: none;
}

.gallery-detail-popup .modal-content .modal-body {
    padding: 30px 40px;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body {
        padding: 58px 20px;
    }
}

.gallery-detail-popup .modal-content .modal-body .modal-title {
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .modal-title {
        display: none;
    }
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slider-single-item {
        padding: 0;
    }
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px 35px;
    width: 100%;
    background: rgba(31, 25, 48, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper {
        flex-direction: column;
        padding: 14px 10px;
    }
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .slider-count {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .slider-count {
        position: absolute;
        top: -30px;
        font-size: 14px;
        line-height: 17px;
    }
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper {
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .download-action {
    display: flex;
    gap: 15px;
    align-items: center;
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .download-action .download-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .download-action .download-title span {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .download-action .download-title {
        font-size: 13px;
        line-height: 16px;
    }
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .download-action .download-title span {
        font-size: 11px;
        line-height: 13px;
    }
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-action {
    display: flex;
    gap: 12px;
    align-items: center;
    padding-right: 20px;
    position: relative;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-action {
        flex-direction: column;
        align-items: flex-end;
    }
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-action::before {
        display: none;
    }
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-action::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 31px;
    background: #FFFFFF;
    opacity: 0.5;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-action .share-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-action .share-title {
        font-size: 12px;
        line-height: 14px;
    }
}

.gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-container ul li .a2a_svg {
    display: none;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-container ul li {
        display: none;
    }
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-container ul li.twitter_icon,
    .gallery-detail-popup .modal-content .modal-body .slider-single-item .overlay-wrapper .image-action-wrapper .social-share-container ul li.fb_icon {
        display: block;
    }
}

.gallery-detail-popup .modal-content .modal-body .slick-gallery-nav {
    padding: 0 190px;
    margin-top: 15px;
    position: relative;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slick-gallery-nav {
        padding: 0px;
        margin-left: -20px;
    }
    .gallery-detail-popup .modal-content .modal-body .slick-gallery-nav .slick-list {
        padding: 0 0 0 10%;
    }
}

.gallery-detail-popup .modal-content .modal-body .slick-gallery-nav .slick-track {
    display: flex;
    gap: 10px;
}

.gallery-detail-popup .modal-content .modal-body .slick-gallery-nav .slick-nav-item {
    border: 1px solid transparent;
    border-radius: 12px;
    overflow: hidden;
    opacity: 0.6;
    cursor: pointer;
}

.gallery-detail-popup .modal-content .modal-body .slick-gallery-nav .slick-nav-item.slick-current {
    border: 1px solid #FFFFFF;
    opacity: 1;
}

.gallery-detail-popup .modal-content .modal-body .slick-gallery-nav .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    color: transparent;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .gallery-detail-popup .modal-content .modal-body .slick-gallery-nav .slick-arrow {
        display: none !important;
    }
}

.gallery-detail-popup .modal-content .modal-body .slick-gallery-nav .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    right: 0;
}

.gallery-detail-popup .modal-content .modal-body .slick-gallery-nav .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 0;
    transform: translateY(-50%) rotate(-180deg);
}

.course-details-page .cc-course-title {
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    display: flex;
    align-items: center;
    color: #ffffff;
    text-transform: capitalize;
}

.course-details-page .right-content-wrapper {
    margin-top: 33px;
}

@media (max-width: 767.98px) {
    .course-details-page .right-content-wrapper {
        margin-top: 0;
    }
}

.course-details-page .right-content-wrapper .cc-course-category {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 7px;
    display: inline-block;
    transform: skewX(25deg);
    margin-bottom: 30px;
    margin-right: 5px;
    margin-left: 5px;
}

.course-details-page .right-content-wrapper .cc-course-category span {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: -0.011em;
    color: #ffffff;
    padding: 3px 1em;
    display: inline-block;
    transform: skewX(-25deg);
}

.course-details-page .right-content-wrapper .cc-course-details {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #ffffff;
    opacity: 0.7;
    margin-top: 12px;
}

.course-details-page .right-content-wrapper .cc-is-certified {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border: 0.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 13px 2.9em;
    margin: 9px 0 25px;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
}

.course-details-page .right-content-wrapper .cc-is-certified svg {
    margin-left: 10px;
}

.course-details-page .right-content-wrapper .cc-total-enroll {
    font-style: normal;
    font-weight: 382;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.3px;
    color: #ffffff;
    margin: 0px 0 30px;
}

.course-details-page .right-content-wrapper .cc-total-enroll svg {
    margin-left: 10px;
}

.course-details-page .right-content-wrapper .btn.btn-primary {
    margin: 0;
    padding: 0 2px;
    float: right;
}

.course-details-page .right-content-wrapper .btn.btn-primary a {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: left;
    color: #ffffff;
    padding: 10px 3em;
}

.course-details-page .banner-image {
    max-width: 600px;
    max-height: 420px;
    border-radius: 20px;
    overflow: hidden;
    margin-right: auto;
}

.course-details-page .sub-banner {
    background: #161b26;
    opacity: 0.7;
    border-radius: 10px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 30px 50px;
    margin: 50px 0;
}

.course-details-page .sub-banner>div {
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.course-details-page .sub-banner>div span {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.course-details-page .sub-banner>div div {
    font-size: 22px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

.course-details-page #contentScrollspy {
    background: #161b26;
    border-radius: 10px;
    padding: 10px;
    position: sticky;
    top: 2px;
}

.course-details-page #contentScrollspy.header-showen {
    top: 144px;
}

.course-details-page #contentScrollspy .section-titles {
    margin-bottom: 1em;
}

.course-details-page #contentScrollspy .section-titles a {
    padding: 10px 1em;
    display: block;
    -webkit-backdrop-filter: blur(11.5714px);
    backdrop-filter: blur(11.5714px);
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.011em;
    padding-right: 35px;
    position: relative;
}

.course-details-page #contentScrollspy .section-titles a:before {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/card-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    content: "";
    width: 17px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 15px;
}

.course-details-page #contentScrollspy .section-titles.active a {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/scroll-spy-link.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.course-details-page .field--name-field-sidebar-section-contents,
.course-details-page .field--name-field-sidebar-section-contents p {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

@media (min-width: 576px) {
    .course-details-page .field--name-field-sidebar-section-contents p {
        margin-top: 20px;
    }
}

.course-details-page .section-content-wrapper .field--name-field-cc-sidebar-sections .field__item .field--name-field-ssc-section-title {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 34px;
    margin-top: 50px;
}

.course-details-page .section-content-wrapper .field--name-field-cc-sidebar-sections .field__item:first-child .field--name-field-ssc-section-title {
    margin: 0;
}

.course-details-page .field--name-field-skills-reference {
    display: flex;
    margin-top: 25px;
}

@media (max-width: 767.98px) {
    .course-details-page .field--name-field-skills-reference {
        gap: 12px !important;
        margin-top: 10px;
    }
}

.course-details-page .field--name-field-skills-reference .field__item {
    background: rgba(255, 255, 255, 0.1);
    border: 0.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    margin-left: 1em;
    padding: 7px 1em;
    line-height: 20px;
}

@media (max-width: 767.98px) {
    .course-details-page .field--name-field-skills-reference .field__item {
        line-height: 20px;
        padding: 9px 12px;
        margin-left: 0;
    }
}

.course-details-page #eligibility-criteria ul {
    margin: 20px 0 0;
    padding: 0;
}

.course-details-page #eligibility-criteria ul li {
    position: relative;
    list-style: none;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/tick_square.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-position: center right;
    margin-bottom: 20px;
}

@media (max-width: 767.98px) {
    .course-details-page #eligibility-criteria ul li {
        margin-bottom: 12px;
    }
}

.course-details-page #what-you-will-learn ul {
    margin: 20px 0 0;
    padding: 0;
}

.course-details-page #what-you-will-learn ul li {
    position: relative;
    list-style: none;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/tick_square.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-position: center right;
    margin-bottom: 10px;
}

.course-details-page .paragraph--type--faqs {
    margin-top: 25px;
}

.course-details-page .paragraph--type--faqs .node__content.accordion {
    background: #161b26;
    padding: 16px 24px;
    border-radius: 15px;
    margin-bottom: 1em;
}

.course-details-page .paragraph--type--faqs .node__content.accordion .accordion-question {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    line-height: 120%;
    margin: 0;
    padding: 7px 0;
    position: relative;
    cursor: pointer;
}

.course-details-page .paragraph--type--faqs .node__content.accordion .accordion-question .toggle_icon {
    position: absolute;
    left: 0px;
    color: #00f5a3;
}

.course-details-page .paragraph--type--faqs .node__content.accordion .accordion-question .toggle_icon .fa-angle-down {
    display: none;
}

.course-details-page .paragraph--type--faqs .node__content.accordion .accordion-question.active .toggle_icon .fa-angle-right {
    display: none;
}

.course-details-page .paragraph--type--faqs .node__content.accordion .accordion-question.active .toggle_icon .fa-angle-down {
    display: block;
}

.course-details-page .paragraph--type--faqs .node__content.accordion .accordion-answer {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 23px;
    display: none;
    opacity: 0.7;
}

.course-details-page .paragraph--type--faqs .node__content.accordion .accordion-answer p {
    line-height: 23px;
}

@media (max-width: 767.98px) {
    .course-details-page .paragraph--type--faqs .node__content.accordion .accordion-answer p {
        font-size: 14px;
        line-height: 23px;
    }
}

.course-details-page .instructors-wrapper {
    position: relative;
    margin-top: 25px;
}

.course-details-page .instructors-wrapper .instructors-image-wrapper {
    background: linear-gradient(0deg, rgba(62, 102, 223, 0.2), rgba(62, 102, 223, 0.2));
    border-radius: 10px;
    max-width: 300px;
    overflow: hidden;
    border-radius: 12px;
}

.course-details-page .instructors-wrapper .instructors-content-rating {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
}

.course-details-page .instructors-wrapper .instructors-content-rating .rating-stars.start-rating-5 {
    display: flex;
    color: #c68e59;
    background: #161b26;
    box-shadow: 0px 53.8005px 114.469px rgba(21, 21, 21, 0.15);
    border-radius: 10px;
    display: inline-block;
    margin-top: 20px;
    padding: 20px 1.5em;
    font-size: 20px;
}

.course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper {
    background: #161b26;
    box-shadow: 0px 86.2704px 183.554px rgba(21, 21, 21, 0.15);
    border-radius: 10px;
    max-width: 445px;
    padding: 45px 25px;
}

.course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper .instructors-name {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 29px;
}

@media (max-width: 767.98px) {
    .course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper .instructors-name {
        font-size: 20px;
        line-height: 24px;
    }
}

.course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper .instructors-type {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 17px;
    opacity: 0.7;
    margin: 4px 0 30px;
}

@media (max-width: 767.98px) {
    .course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper .instructors-type {
        font-size: 13px;
        line-height: 16px;
        margin: 7px 0 15px;
    }
}

.course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper p {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
}

.course-details-page .related-course-wrapper .content-wrapper {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 34px;
    margin: 100px 0 40px;
}

@media (max-width: 767.98px) {
    .course-details-page .related-course-wrapper .content-wrapper {
        margin: 46px 0 24px;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
}

.course-details-page .related-course-wrapper .field--name-field-crc-content-reference {
    display: flex;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    grid-gap: 1.5em;
    flex-wrap: wrap;
}

@media (max-width: 991.98px) {
    .course-details-page .related-course-wrapper .field--name-field-crc-content-reference {
        display: grid;
    }
}

.course-details-page .related-course-wrapper .field--name-field-crc-content-reference>.field__item {
    max-width: 415px;
    flex: 0 0 33%;
}

.course-details-page .social-share.desktop.follow_us {
    float: left;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.course-details-page .social-share.desktop.follow_us .share-title {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
    opacity: 0.7;
    margin-left: 10px;
}

.course-details-page .social-share.desktop.follow_us ul {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
    opacity: 0.7;
    align-items: center;
}

.course-details-page .social-share.desktop.follow_us ul .a2a_svg {
    display: none;
}

.course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref {
    display: flex;
    margin-top: 25px;
    gap: 30px;
}

@media (max-width: 767.98px) {
    .course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref {
        gap: 0;
    }
}

.course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref .testimonials-slider.detail-testimonials {
    text-align: center;
}

.course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref .testimonials-slider.detail-testimonials:before {
    background-size: 100% 100% !important;
}

.course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref .testimonials-slider.detail-testimonials .learner-image {
    width: 96px;
    height: 96px;
}

.course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref .testimonials-slider.detail-testimonials .learner-info {
    padding: 0 2.5em 0;
}

.course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref .testimonials-slider.detail-testimonials .learner-info .learner-title {
    margin-top: 20px;
    font-size: 21.6px;
    line-height: 26px;
}

.course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref .testimonials-slider.detail-testimonials .learner-info p {
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .players-detail-page .tournament-detail-tabs-wrapper .square-tabs li {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .players-detail-page .social-share.desktop.follow_us .share-title {
        display: none;
    }
}

.players-detail-page .sub-banner {
    opacity: 1;
}

@media (max-width: 767.98px) {
    .players-detail-page .sub-banner .cc-course-duration {
        order: 1;
    }
    .players-detail-page .sub-banner .cc-course-proficiency-level {
        order: 2;
    }
    .players-detail-page .sub-banner .cc-course-language {
        order: 3;
    }
    .players-detail-page .sub-banner .cc-course-mode {
        order: 5;
    }
    .players-detail-page .sub-banner .cc-course-partner {
        order: 4;
    }
}

.players-detail-page .sub-banner>div {
    flex: none;
}

.players-detail-page .acheivement-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

@media (max-width: 767.98px) {
    .row.banner-row {
        flex-direction: column-reverse;
    }
    .course-details-page .cc-course-title {
        font-size: 26px;
        line-height: 32px;
        margin-top: 30px;
        margin-bottom: 12px;
    }
    .course-details-page .right-content-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    .course-details-page .right-content-wrapper .cc-course-details p {
        font-size: 14px;
        line-height: 24px;
    }
    .course-details-page .right-content-wrapper .cc-is-certified {
        font-size: 14px;
        padding: 7px 1.5em;
        margin: 5px 0 15px;
        width: 50%;
    }
    .course-details-page .right-content-wrapper .cc-total-enroll {
        font-size: 14px;
        margin: 0px 0 15px;
    }
    .course-details-page .right-content-wrapper .btn.btn-primary a {
        font-size: 13px;
        padding: 7px 1.3em;
    }
    .course-details-page.players-detail-page .right-content-wrapper {
        flex-direction: column;
    }
    .course-details-page.players-detail-page .cc-course-title {
        margin-top: 0;
    }
    .course-details-page.players-detail-page .players-detail-page-mobile-top {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
    .course-details-page .sub-banner {
        flex-wrap: wrap;
        padding: 10px;
        margin: 25px 0;
        justify-content: flex-start;
        gap: 10px;
    }
    .course-details-page .sub-banner>div {
        flex: auto;
    }
    .course-details-page .sub-banner>div span {
        font-size: 12px;
        line-height: 14px;
    }
    .course-details-page .sub-banner>div div {
        font-size: 16px;
        line-height: 19px;
    }
    .course-details-page #contentScrollspy {
        display: none;
    }
    .course-details-page .section-content-wrapper .field--name-field-cc-sidebar-sections .field__item .field--name-field-ssc-section-title {
        font-size: 20px;
        line-height: 40px;
        margin-top: 15px;
    }
    .course-details-page #what-you-will-learn ul li {
        background-position: top right;
        font-size: 14px;
        line-height: 24px;
    }
    .course-details-page .field--name-field-skills-reference {
        flex-wrap: wrap;
        gap: 5px;
    }
    .course-details-page .field--name-field-skills-reference .field__item {
        flex: 0 0 45%;
        text-align: center;
        font-size: 14px;
    }
    .course-details-page #eligibility-criteria ul li {
        background-position: top right;
    }
    .course-details-page div#detailed-overview {
        padding: 0;
    }
    .course-details-page #learner-testimonials {
        padding-bottom: 3em;
    }
    .course-details-page .paragraph.paragraph-gamers-shop {
        padding: 0;
    }
    .course-details-page ul.slick-dots {
        position: absolute;
        right: 50%;
        transform: translate(50%, 50%);
        margin: 0;
        bottom: -25px;
    }
    .course-details-page .banner-image {
        margin-bottom: 20px;
    }
    .course-details-page .mobile-social {
        position: relative;
        max-width: 100%;
        float: left;
    }
    .course-details-page .mobile-social .social-share.desktop.follow_us {
        align-items: flex-start;
        flex-direction: column;
        margin: 0;
        gap: 7px;
        float: right;
        margin-bottom: 20px;
    }
    .course-details-page .mobile-social .social-share.desktop.follow_us ul {
        display: flex;
        flex-wrap: nowrap;
        line-height: normal !important;
        margin: 0;
        justify-content: flex-end;
        gap: 10px;
    }
    .course-details-page .mobile-social .social-share.desktop.follow_us .share-title {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 16px;
        opacity: 0.7;
        margin: 0;
    }
    .course-details-page .instructors-wrapper .instructors-image-wrapper {
        max-width: 100%;
        border-radius: 0;
        max-height: 200px;
    }
    .course-details-page .instructors-wrapper .instructors-image-wrapper img {
        -o-object-fit: cover;
        object-fit: cover;
        aspect-ratio: 5/3;
        width: 100%;
    }
    .course-details-page .instructors-wrapper .instructors-content-rating {
        position: static;
        transform: unset;
        padding: 15px;
    }
    .course-details-page .instructors-wrapper .instructors-content-rating .rating-stars.start-rating-5 {
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }
    .course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper {
        border-radius: 0;
        padding: 0;
    }
    .course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper p {
        font-size: 14px;
    }
    .course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper .instructors-type {
        margin: 7px 0 15px;
    }
    .course-details-page .instructors-wrapper.mobile-instructors {
        background: #161b26;
        border-radius: 15px;
        overflow: hidden;
    }
    .course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref .field__item:first-child {
        margin: 0;
    }
    .course-details-page .slick-dots li {
        list-style: none;
        width: 24px;
        height: 24px;
        margin: 0 5px;
        border-radius: 50%;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .course-details-page .slick-dots li button {
        height: 12px;
        width: 12px;
    }
    .course-details-page .slick-dots li.slick-active {
        background: #b200e5;
    }
    .course-details-page .slick-dots li.slick-active button {
        background: #FFFFFF;
    }
}

@media (min-width: 768px) and (max-width:1199.98px) {
    .course-details-page .cc-course-title {
        font-size: 30px;
    }
    .course-details-page .sub-banner {
        padding: 10px 20px;
        margin: 20px 0 30px;
        gap: 5px;
    }
    .course-details-page .sub-banner>div div {
        font-size: 18px;
    }
    .course-details-page #learner-testimonials .field--name-field-learner-testimonials-ref .testimonials-slider.detail-testimonials .learner-info {
        padding: 0 0em 3em;
    }
    .course-details-page .instructors-wrapper .instructors-content-rating {
        position: absolute;
        right: 50%;
        top: 50%;
        transform: translate(0%, -50%);
    }
    .course-details-page .instructors-wrapper .instructors-content-rating .instructors-content-wrapper {
        padding: 15px;
    }
    .course-details-page .mobile-social .social-share.desktop.follow_us ul {
        display: flex;
        line-height: normal !important;
        margin: 0;
        justify-content: flex-end;
    }
    .course-details-page #contentScrollspy .section-titles a {
        font-size: 14px;
        padding: 5px 10px;
    }
    .course-details-page #contentScrollspy .section-titles a:before {
        display: none;
    }
    .course-details-page .row.banner-row {
        position: relative;
    }
}

.course-tag-likes {
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    right: 15px;
    top: -14px;
}

.course-tag-likes .course-tag {
    padding: 4px 15px;
    background: #503989;
    border-radius: 7px;
}

@media (max-width: 575.98px) {
    .course-tag-likes {
        top: 15px;
    }
    .course-tag-likes .course-tag {
        border-radius: 0;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 20px;
        -webkit-clip-path: polygon(100% 0%, 96% 50%, 100% 100%, 0% 100%, 4% 50%, 0% 0%);
        clip-path: polygon(100% 0%, 96% 50%, 100% 100%, 0% 100%, 4% 50%, 0% 0%);
    }
}

@media (min-width: 768px) {
    .team-details-page .team-detail-top {
        margin-bottom: 30px;
    }
}

.team-details-page .mobile-social {
    float: none;
}

.team-details-page .mobile-social .social-share {
    float: none !important;
    align-items: flex-start !important;
}

@media (max-width: 575.98px) {
    .team-details-page .right-content-wrapper {
        flex-direction: column !important;
    }
    .team-details-page .right-content-wrapper .banner-image {
        margin: 0 0 20px;
    }
    .team-details-page .cc-course-details {
        display: block !important;
    }
    .team-details-page .sub-banner .cc-course-partner {
        flex: 0 0 50%;
    }
    .team-details-page .square-tabs>li {
        flex-basis: 50%;
    }
    .team-details-page .team-match-wrapper .sch-team-wrapper {
        flex-basis: 40%;
    }
    .team-details-page .tournament-detail-tabs-wrapper .container {
        padding: 0;
    }
    .team-details-page .tournament-detail-tabs-wrapper .container .sch-lists-wrapper {
        padding-right: 29px;
    }
    .team-details-page .tournament-detail-tabs-wrapper .container .sch-lists-wrapper:before {
        right: 12px;
    }
    .team-details-page .tournament-detail-tabs-wrapper .container .sch-lists-wrapper:after {
        right: 8px;
    }
}

.team-details-page .banner-image {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 500px;
    max-height: -moz-max-content;
    max-height: max-content;
}

@media (max-width: 767.98px) {
    .team-details-page .banner-image {
        min-height: 220px;
        padding: 15px;
    }
}

@media (min-width: 768px) {
    .team-details-page .banner-image {
        height: -moz-max-content;
        height: max-content;
        margin: 0 auto;
    }
}

.team-details-page .banner-image .field[data-blazy] {
    min-width: auto;
}

.team-details-page .banner-image .team-name {
    color: #FFFFFF;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .team-details-page .banner-image .team-name {
        line-height: 26px;
        font-size: 20px;
        font-weight: 500;
    }
}

@media (min-width: 768px) {
    .team-details-page .banner-image .team-name {
        line-height: 36px;
        font-size: 30px;
        font-weight: 600;
    }
}

.team-details-page .banner-image .media {
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .team-details-page .banner-image .media img {
        min-height: 230px;
    }
}

@media (max-width: 767.98px) {
    .team-details-page .banner-image .media img {
        max-height: 140px;
        width: auto;
    }
}

@media (max-width: 767.98px) {
    .team-details-page .active-squad {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .team-details-page .active-squad {
        margin-bottom: 60px;
    }
}

.team-details-page .active-squad .active-squad-count {
    margin-bottom: 30px;
    font-size: 26px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 34px;
}

@media (max-width: 767.98px) {
    .team-details-page .active-squad .field--name-field-players {
        margin-right: -15px;
        margin-left: -15px;
    }
    .team-details-page .active-squad .slick-track {
        display: flex;
        gap: 20px;
    }
    .team-details-page .active-squad .slick-list {
        padding: 0 10%;
    }
}

.field--name-field-players,
.field--name-field-t-acheivements {
    display: flex;
    -moz-column-gap: 1%;
    column-gap: 1%;
    flex-wrap: wrap;
    row-gap: 15px;
}

@media (min-width: 768px) {
    .field--name-field-players>.field__item,
    .field--name-field-t-acheivements>.field__item {
        flex-basis: 32%;
    }
}

@media (min-width: 992px) {
    .field--name-field-players>.field__item,
    .field--name-field-t-acheivements>.field__item {
        flex-basis: 24%;
    }
}

@media (max-width: 767.98px) {
    .field--name-field-t-acheivements {
        margin-left: -15px;
    }
}

@media (min-width: 768px) {
    .field--name-field-t-acheivements {
        margin-bottom: 80px;
    }
}

@media (max-width: 767.98px) {
    .field--name-field-t-acheivements .slick-track {
        display: flex;
        gap: 20px;
    }
    .field--name-field-t-acheivements .slick-list {
        padding-left: 20%;
    }
}

.active-squard-card-data {
    display: flex;
    flex-direction: column;
    background: #29173D;
    border-radius: 10px;
}

.active-squard-card-data .player_image img {
    border-radius: 10px;
}

.active-squard-card-data .player_details {
    display: flex;
    padding: 12px;
    flex-direction: column;
}

.active-squard-card-data .player_details .details_lists {
    display: flex;
    flex-wrap: wrap;
    color: #FFFFFF;
    row-gap: 10px;
}

.active-squard-card-data .player_details .details_lists .details_list {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    line-height: 28px;
}

.active-squard-card-data .player_details .details_lists .details_list:nth-child(even) {
    text-align: left;
}

.active-squard-card-data .player_details .details_lists .player_name_title {
    opacity: 0.7;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
}

@media (min-width: 768px) and (max-width:991.98px) {
    .active-squard-card-data .player_details .details_lists .player_name_title {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 28px;
    }
}

.active-squard-card-data .player_details .details_lists .player_name_content {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

@media (min-width: 768px) and (max-width:991.98px) {
    .active-squard-card-data .player_details .details_lists .player_name_content {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 28px;
    }
}

.active-squard-card-data .player_details .know_more {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 20px;
    margin-top: 12px;
    padding-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgb(255, 255, 255);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.active-squard-card-data .player_details .know_more a {
    position: relative;
    padding-left: 20px;
}

.active-squard-card-data .player_details .know_more a:before {
    background: url(https://gamers8.gg/custom/gamers/images/external-arrow.png) no-repeat;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 5px;
    left: 0;
    rotate: 45deg;
}

.paragraph--view-mode--achievements-card {
    flex-direction: column;
    background: #29173D;
    border-radius: 10px;
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.paragraph--view-mode--achievements-card .achievements-wrapper {
    position: relative;
}

.paragraph--view-mode--achievements-card .achievements-wrapper .achievements_image .img-fluid {
    width: 100%;
}

.paragraph--view-mode--achievements-card .achievements-wrapper .standing_place {
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    font-size: 26px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 36px;
    background: #29173D;
    z-index: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 0 10px 0 10px;
}

.paragraph--view-mode--achievements-card .achievements-wrapper .achievements-details {
    color: #FFFFFF;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.paragraph--view-mode--achievements-card .achievements-wrapper .achievements-details h4 {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 15px;
}

.paragraph--view-mode--achievements-card .achievements-wrapper .achievements-details h4 .field {
    min-height: 38px;
}

@media (max-width: 575.98px) {
    .paragraph--view-mode--achievements-card .achievements-wrapper .achievements-details h4 .field {
        min-height: -moz-fit-content;
        min-height: fit-content;
    }
}

.paragraph--view-mode--achievements-card .achievements-wrapper .achievements-details .price-money-title {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 18px;
}

.paragraph--view-mode--achievements-card .achievements-wrapper .achievements-details .prize_money {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 24px;
}

.acheivements-title {
    margin-bottom: 30px;
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 34px;
}

@media (max-width: 767.98px) {
    .acheivements-title {
        text-align: center;
        font-size: 26px;
    }
}

@media (max-width: 1199.98px) {
    .support .field--name-field-lp-page-components>.field__item {
        padding: 0 20px;
    }
}

@media (max-width: 575.98px) {
    .support .field--name-field-lp-page-components>.field__item>.paragraph--view-mode--contact-us-form-box {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .support .field--name-field-lp-page-components>.field__item>.contact-us-form-box {
        max-width: 1140px;
        margin: 0 auto;
    }
}

.support .paragraph--type--title-description-component .field--name-field-pt-title {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 40.8px;
    margin-bottom: 12px;
}

.support .search_popular {
    color: #FFFFFF;
    text-align: center;
    opacity: 0.7;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 16.8px;
}

.support .search_popular strong {
    font-weight: 600;
}

.support .search_popular ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.support .search_popular ul li {
    display: inline;
}

.support .search_popular ul li a {
    text-decoration: underline !important;
}

@media (max-width: 575.98px) {
    .support .search_popular {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 22px;
    }
    .support .search_popular strong {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .support .support-search-box {
        margin-top: 45px;
    }
}

.support .support-search-box:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 150px;
    z-index: -1;
    height: 480px;
    background: url(/themes/custom/gamers/images/support-bg-desktop.png) no-repeat;
    background-size: 100% !important;
}

@media (max-width: 575.98px) {
    .support .support-search-box:before {
        top: 70px;
        height: 100%;
        background: url(https://gamers8.gg/themes/custom/gamers/images/support-bg-mobile.png) no-repeat;
        right: 0;
    }
}

.support .support-search-box input {
    width: 650px;
    height: 56px;
    background: transparent;
    color: #FFFFFF;
}

.support .support-search-box input::-moz-placeholder {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19.2px;
    opacity: 0.5;
}

.support .support-search-box input::placeholder {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19.2px;
    opacity: 0.5;
}

@media (max-width: 575.98px) {
    .support .support-search-box input::-moz-placeholder {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 16.8px;
    }
    .support .support-search-box input::placeholder {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 16.8px;
    }
}

@media (max-width: 575.98px) {
    .support .support-search-box input {
        background-size: 16px;
        padding: 0 12px;
    }
}

@media (max-width: 767.98px) {
    .support .support-search-box input {
        width: 100%;
    }
}

.support .support-search-box .view-filters {
    margin-bottom: 25px;
}

.support .support-search-box .view-filters .form-item-search-key,
.support .support-search-box .view-filters .form-control {
    margin: 0;
}

.support .support-search-box .view-filters .form-control {
    border-color: #FFFFFF;
}

.support .support-search-box .field--name-field-pt-description {
    max-width: 480px;
    margin: 0 auto;
}

.support .support-search-box .field--name-field-pt-description span {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.011rem;
}

.support .paragraph--type--box-cta.support-article-box {
    margin: 0 auto;
    margin-top: 85px;
    background: #271839;
    border-radius: 10px;
    color: #FFFFFF;
    max-width: 470px;
    padding: 22px 35px;
}

@media (max-width: 575.98px) {
    .support .paragraph--type--box-cta.support-article-box {
        margin-top: 40px;
        padding: 12px;
    }
}

.support .paragraph--type--box-cta.support-article-box .field--name-field-pt-title {
    opacity: 0.7;
}

.support .paragraph--type--box-cta.support-article-box .field--name-field-cta {
    display: block;
}

.support .paragraph--type--box-cta.support-article-box .btn-tertiary {
    padding: 12px 0 0;
    font-size: 21px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    gap: 20px;
    padding-left: 0px;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
}

.support .paragraph--type--box-cta.support-article-box .btn-tertiary:after {
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/card-arrow.png) no-repeat;
    background-size: cover;
    width: 16px;
    height: 12px;
    display: inline-block;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .support .paragraph--type--box-cta.support-article-box .btn-tertiary {
        padding-left: 0;
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 20px;
    }
    .support .paragraph--type--box-cta.support-article-box .btn-tertiary:after {
        width: 22px;
        height: 14px;
    }
}

.support .paragraph--type--getting-started {
    margin-top: 80px;
}

@media (max-width: 1199.98px) {
    .support .paragraph--type--getting-started {
        margin-bottom: 60px;
    }
}

.support .paragraph--type--getting-started .container {
    max-width: 900px;
}

.support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    grid-gap: 30px;
}

@media (max-width: 1199.98px) {
    .support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon {
        grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
        grid-gap: 25px;
    }
}

@media (max-width: 575.98px) {
    .support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon {
        grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
        grid-gap: 12px;
    }
}

.support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon>.field__item {
    padding: 22px 25px;
    background: #161b26;
    border-radius: 10px;
    max-width: 420px;
}

@media (max-width: 575.98px) {
    .support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon>.field__item {
        padding: 15px;
    }
}

.support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon>.field__item .support-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
}

@media (max-width: 575.98px) {
    .support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon>.field__item .support-wrapper .support-right-wrapper {
        flex-basis: 80%;
    }
}

.support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon>.field__item .support-wrapper a {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 19.2px;
}

@media (max-width: 575.98px) {
    .support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon>.field__item .support-wrapper a {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 16.8px;
    }
}

.support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon>.field__item .support-wrapper p {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.011rem;
    margin-top: 7px;
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .support .paragraph--type--getting-started .container .field--name-field-title-sub-title-icon>.field__item .support-wrapper p {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 25px;
    }
}

.support .paragraph--type--faq-box-component {
    margin-top: 100px;
    padding: 65px 0;
    background: #161b26;
    margin-bottom: 80px;
}

@media (max-width: 1199.98px) {
    .support .paragraph--type--faq-box-component {
        padding: 65px 20px;
        margin: 0 -20px;
        margin-bottom: 60px;
    }
}

@media (min-width: 768px) {
    .support .paragraph--type--faq-box-component .field--name-field-pt-description p {
        margin-bottom: 40px;
    }
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
    grid-gap: 30px;
    max-width: 1140px;
    margin: 0 auto;
    color: #FFFFFF;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .field--name-field-pt-description p {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.011rem;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content>.field__item {
    padding: 1px;
    max-width: 100%;
    z-index: 2;
    position: relative;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content>.field__item:before {
    content: "";
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 10px;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content>.field__item .support-faq-section {
    border-radius: 10px;
    background: #161b26;
    padding-top: 29px;
    height: 100%;
    position: relative;
}

@media (max-width: 575.98px) {
    .support .paragraph--type--faq-box-component .field--name-field-fq-box-content>.field__item .support-faq-section {
        padding-top: 19px;
    }
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper {
    display: flex;
    gap: 15px;
    padding: 0 20px 18px 0;
    min-height: 82px;
}

@media (max-width: 575.98px) {
    .support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper {
        padding: 0 16px 16px 0;
    }
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper .faq-head-wrap1 {
    flex-basis: 17%;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper .faq-head-wrap2 {
    flex-direction: column;
    display: flex;
    gap: 7px;
}

@media (max-width: 575.98px) {
    .support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper .faq-head-wrap2 {
        flex-basis: 65%;
    }
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper .faq-head-wrap2 p {
    margin: 0;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper .faq-head-wrap2 p:first-of-type {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 21.6px;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper .faq-head-wrap2 p:last-of-type {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.011em;
    opacity: 0.7;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-description-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 20px 75px 0;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-description-wrapper p:before {
    padding-left: 12px;
    content: url(https://gamers8.gg/themes/custom/gamers/images/card-arrow.png);
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-description-wrapper p a {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 16.8px;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-wrapper {
    bottom: 0;
    position: absolute;
    width: 100%;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-wrapper .paragraph--type--cta-component {
    background: linear-gradient(-180deg, #07271d 0%, rgba(48, 41, 67, 0.3) 100%);
    border-radius: 0px 0px 9px 9px;
    width: 100%;
    position: relative;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-wrapper .paragraph--type--cta-component a::after {
    content: url(https://gamers8.gg/themes/custom/gamers/images/card-arrow.png);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-wrapper .paragraph--type--cta-component .btn-tertiary {
    padding: 12px 20px;
    width: 100%;
    text-align: right;
    padding-left: 0;
}

.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-wrapper .paragraph--type--cta-component .btn-tertiary a {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 16.8px;
}

.support .btn-primary-dark-arrow a {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 24px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    background: none;
    align-items: center;
    flex-direction: row-reverse;
}

.support .btn-primary-dark-arrow a:before {
    content: "";
    background: url(https://gamers8.gg/themes/custom/gamers/images/card-arrow.png) no-repeat;
    background-size: cover;
    width: 18px;
    height: 19px;
    padding-left: 15px;
    position: relative;
    display: flex;
    transform: none;
    left: 0;
}

@media (max-width: 575.98px) {
    .support .btn-primary-dark-arrow a {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19.2px;
    }
    .support .btn-primary-dark-arrow a:before {
        width: 15px;
        height: 15px;
    }
}

.support .paragraph--view-mode--support-box-cta-footer {
    max-width: 1140px;
    margin: 100px auto 68px;
}

.support .paragraph--view-mode--support-box-cta-footer .field--name-field-cta {
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .support .field--name-field-lp-page-components>.field__item>.paragraph--view-mode--contact-us-form-box {
        text-align: center;
    }
    .support .field--name-field-lp-page-components>.field__item>.paragraph--view-mode--contact-us-form-box .field--name-field-pt-description p {
        width: 40%;
        margin: 0 auto 40px;
    }
}

[dir=rtl] body.support ol.breadcrumb {
    margin-bottom: 2rem;
}

[dir=rtl] body.support .support-search-box input {
    background-position: center right 19px !important;
}

[dir=rtl] body.support .form-actions {
    right: 0;
}

[dir=rtl] body.support .paragraph--type--box-cta.support-article-box .btn-tertiary {
    padding: 12px 35px 0 0;
}

[dir=rtl] body.support .paragraph--type--box-cta.support-article-box .btn-tertiary::after {
    transform: rotate(-180deg);
}

[dir=rtl] body.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-title-wrapper {
    padding: 0 0 18px 20px;
}

[dir=rtl] body.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-description-wrapper {
    padding: 20px 0 75px 20px;
}

[dir=rtl] body.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-description-wrapper p:before {
    display: inline-block;
    transform: rotate(-180deg);
}

[dir=rtl] body.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-wrapper .paragraph--type--cta-component .btn-tertiary {
    text-align: left;
    padding-left: 20px;
}

[dir=rtl] body.support .paragraph--type--faq-box-component .field--name-field-fq-box-content .support-faq-icon-wrapper .paragraph--type--cta-component .btn-tertiary a:after {
    left: inherit;
    transform: translateY(-50%) rotate(-180deg);
    right: 15px;
}

.support .gamers-site-search-form,
.support-result-page .gamers-site-search-form {
    position: relative;
    max-width: 650px;
}

.support .gamers-site-search-form input[type=text],
.support-result-page .gamers-site-search-form input[type=text] {
    background: none;
}

.support .gamers-site-search-form .form-actions,
.support-result-page .gamers-site-search-form .form-actions {
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.support .gamers-site-search-form .form-actions input,
.support-result-page .gamers-site-search-form .form-actions input {
    background: url(https://gamers8.gg/themes/custom/gamers/images/search-icon.png) no-repeat;
    background-position: center left 19px;
    position: relative !important;
    width: 100% !important;
    visibility: visible !important;
    height: 100% !important;
    color: transparent;
}

.region.region-breadcrumb {
    position: relative;
    z-index: 1;
}

.event_banner_content {
    position: relative;
    top: -113px;
}

.event_banner_content .content_wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.event_banner_content .event_banner {
    height: 100vh;
    position: relative;
    right: 0;
    max-height: 628px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    background-position: center;
}

.event_banner_content .event_banner:before {
    content: "";
    background: linear-gradient(to right, rgba(17, 14, 25, 0) 0%, rgba(17, 14, 25, 0.71) 44.27%, rgba(17, 14, 25, 0.9) 71.87%);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.event_banner_content .people_going {
    margin: 130px 0 30px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 30px;
    letter-spacing: -0.3px;
}

.event_banner_content .people_going svg {
    margin-left: 13px;
}

.event_banner_content .event_location {
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 44px;
}

.event_banner_content .event_descript {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    opacity: 0.7;
    max-width: 470px;
    max-height: 200px;
    overflow: auto;
    padding-left: 20px;
}

.event_banner_content .event_descript::-webkit-scrollbar {
    width: 5px;
    display: none;
}

.event_banner_content .event_descript:hover::-webkit-scrollbar {
    width: 5px;
    display: block;
}

.event_banner_content .event_descript::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #673AB7;
}

.event_banner_content .event_descript::-webkit-scrollbar-thumb {
    background-color: #9C27B0;
    outline: 1px solid #061320;
}

.date_time_buy_now {
    width: 100%;
    max-width: 960px;
    background: #161b26;
    border-radius: 10px;
    padding: 20px 30px;
    margin: 0 auto;
    position: absolute;
    top: auto;
    right: 50%;
    transform: translate(50%, -170%);
}

.date_time_buy_now ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.date_time_buy_now ul li {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
}

.date_time_buy_now ul li h3 {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 383;
    line-height: 28px;
    opacity: 0.7;
    margin: 0;
}

.events_may_like {
    float: right;
    width: 100%;
    margin-top: 7px;
}

.events_may_like .today_event_likes {
    display: none;
}

.events_may_like .field--name-field-cwvr-title-description {
    width: 100%;
    float: right;
}

.events_may_like .field--name-field-cwvr-title-description .field--name-field-pt-title {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 34px;
    text-shadow: none !important;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page {
    margin: 0px 0 17px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 45px;
}

@media (max-width: 991.98px) {
    .events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference {
        gap: 25px;
    }
    .events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item {
        flex-basis: 48%;
    }
}

@media (max-width: 767.98px) {
    .events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference {
        gap: 20px;
    }
    .events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item {
        flex: 0 0 100% !important;
    }
    .events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item:last-child {
        margin-bottom: 0;
    }
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li {
    list-style: none;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li button {
    height: 12px;
    width: 12px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li.slick-active {
    background: #b200e5;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li.slick-active button {
    background: #FFFFFF;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-dots {
    margin: 0;
    margin-top: 27px;
    flex-wrap: wrap;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content .slick-list {
    margin: 0 -22.5px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference {
    width: 100%;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .slick-track .field__item {
    margin: 0 22.5px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item {
    background: #29173D;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    flex: 0 0 30%;
}

@media (max-width: 767.98px) {
    .events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item {
        flex-basis: 100%;
    }
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: 0;
    position: absolute;
    bottom: -60px;
    font-size: 0;
    color: transparent;
    z-index: 1;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    right: 0;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 0;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content {
    color: #FFFFFF;
    padding: 15px 5px 5px;
    -webkit-backdrop-filter: blur(11.5714px);
    backdrop-filter: blur(11.5714px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_des {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 21px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 12px 0;
    height: 45px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_name {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    max-height: 55px;
    overflow: hidden;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_name span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_name_from {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_from {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_from span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_start_date {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event_detail_content .event_vanue {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/locate.svg);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .action_buttons {
    border-top: 0;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .action_buttons:before {
    content: "";
    background: #fff;
    opacity: 0.12;
    position: absolute;
    width: 200%;
    right: -30px;
    top: 0;
    height: 1px;
    z-index: 5;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .action_buttons a {
    flex: 1;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .action_buttons .btn-secondary {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    border: 0;
    border: 1px solid;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event-img-thumb {
    overflow: hidden;
    border-radius: 10px;
}

.events_may_like .paragraph--view-mode--festival-like-event.view-display-id-event_like_festival_event_detail_page .view-content>.field--name-field-cwcr-content-reference>.field__item>.field--name-field-crc-content-reference .field__item .event-img-thumb img {
    max-height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1;
}

@media (max-width: 767.98px) {
    .event_banner_content {
        top: 0;
        overflow: hidden;
    }
    .event_banner_content .event_banner {
        max-height: 375px;
    }
    .event_banner_content .content_wrapper {
        padding: 0 32px 35px 0;
    }
    .event_banner_content .content_wrapper .event_descript {
        font-size: 13px;
        line-height: 18px;
        display: -webkit-box;
        max-width: 200px;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .event_banner_content .content_wrapper .people_going {
        margin: 42px 0 20px;
        font-size: 13px;
        line-height: 30px;
    }
    .event_banner_content .content_wrapper .event_location {
        font-size: 24px;
    }
    .date_time_buy_now {
        transform: unset;
        position: static;
        border-radius: 0;
    }
    .date_time_buy_now ul {
        flex-wrap: wrap;
    }
    .date_time_buy_now ul li {
        font-size: 16px;
        line-height: 19px;
    }
    .date_time_buy_now ul li h3 {
        font-size: 12px;
        line-height: 14px;
    }
    .date_time_buy_now ul li.mobile_date_time {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .date_time_buy_now ul li .action_buttons a {
        font-size: 13px;
        line-height: 20px;
    }
    .events_may_like {
        margin-top: 50px;
    }
    .events_may_like .field--name-field-cwvr-title-description .align-left {
        width: 100%;
        text-align: center;
    }
    .events_may_like .field--name-field-cwvr-title-description .align-left .field--name-field-pt-title {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .events_may_like .view-display-id-event_like_festival_landing_page,
    .events_may_like .view-display-id-event_like_festival_event_detail_page {
        margin: 0;
    }
    .events_may_like .view-display-id-event_like_festival_landing_page .view-content .slick-list,
    .events_may_like .view-display-id-event_like_festival_event_detail_page .view-content .slick-list {
        margin: 0 -5px;
    }
    .events_may_like .view-display-id-event_like_festival_landing_page .view-content .slick-list .views-row,
    .events_may_like .view-display-id-event_like_festival_event_detail_page .view-content .slick-list .views-row {
        margin: 0 5px;
    }
    .events_may_like .view-display-id-event_like_festival_landing_page .view-content.view-row-lt-three,
    .events_may_like .view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three {
        margin: 0 -5px;
    }
    .events_may_like .view-display-id-event_like_festival_landing_page .view-content.view-row-lt-three .views-row,
    .events_may_like .view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three .views-row {
        max-width: 100%;
        margin: 0 5px;
    }
}

@media (min-width: 768px) and (max-width:1199.98px) {
    .event_banner_content {
        top: 0;
        overflow: hidden;
    }
    .event_banner_content .event_banner {
        max-height: 500px;
    }
    .event_banner_content .people_going {
        margin: 50px 0 25px;
        font-size: 15px;
        line-height: 35px;
    }
    .event_banner_content .event_location {
        font-size: 25px;
    }
    .event_banner_content .event_descript {
        font-size: 15px;
        line-height: 22px;
    }
    .date_time_buy_now {
        transform: translate(50%, -50%);
        max-width: 85%;
    }
    .events_may_like {
        margin-top: 70px;
    }
    .events_may_like .view-display-id-event_like_festival_landing_page {
        margin: 0;
    }
    .events_may_like .view-display-id-event_like_festival_landing_page .view-content .slick-list {
        margin: 0 -12px;
    }
    .events_may_like .view-display-id-event_like_festival_landing_page .view-content .slick-list .views-row {
        margin: 0 12px;
    }
}

[dir=rtl] body .events_may_like .view-display-id-event_like_festival_landing_page .view-content .slick-list .views-row .event_detail_content .event_start_date,
[dir=rtl] body .events_may_like .view-display-id-event_like_festival_event_detail_page .view-content .slick-list .views-row .event_detail_content .event_start_date {
    padding: 0;
    padding-left: 25px;
    background-position: center left;
}

[dir=rtl] body .event_banner_content .event_banner:before {
    background: linear-gradient(to left, rgba(17, 14, 25, 0) 0%, rgba(17, 14, 25, 0.71) 44.27%, rgba(17, 14, 25, 0.9) 71.87%);
}

.path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content {
    justify-content: flex-start;
}

.path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content .views-row {
    background: #29173D;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}

.path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content .views-row:only-child {
    max-width: 350px;
}

.path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content .views-row .event-wrapper {
    background: transparent;
}

.path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content .views-row .event-wrapper .event_detail_content {
    background: transparent;
}

.path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content .views-row .event-wrapper .event_detail_content .event_name_from .event_name {
    flex: 0 0 50%;
    max-height: 55px;
    overflow: hidden;
}

.path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content .views-row .event-wrapper .action_buttons a {
    flex: 1;
}

.path-festival .venue-about-us-section {
    margin: 8px 0 60px;
}

.path-festival .venue-about-us-section .round-row-box {
    background: #141021;
    border-radius: 10px;
    padding: 30px 28px 30px 18px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.path-festival .venue-about-us-section .paragraph--type--title-description-component .field--name-field-pt-title {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 41px;
    text-shadow: none;
    margin-top: 10px;
}

.path-festival .venue-about-us-section .about-descript {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.011em;
    padding-left: 45px;
}

.path-festival .venue-about-us-section .slider-single article.media.slick-slide {
    border-radius: 12px;
    overflow: hidden;
}

.path-festival .venue-about-us-section .slider-single .slick-slide img {
    width: 100%;
    aspect-ratio: 16/9;
}

.path-festival .venue-about-us-section .slider-nav {
    position: relative;
    padding: 0 70px;
    margin-top: 15px;
}

.path-festival .venue-about-us-section .slider-nav .slick-list {
    margin: 0px 6px;
}

.path-festival .venue-about-us-section .slider-nav .slick-slide {
    width: 80px !important;
    height: 80px !important;
    margin: 0 9px;
    border-radius: 6px;
    overflow: hidden;
}

.path-festival .venue-about-us-section .slider-nav .slick-slide.slick-active.slick-current {
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.path-festival .venue-about-us-section .slick-arrow {
    position: absolute;
    top: 30%;
}

.path-festival .venue-about-us-section .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    right: 0;
}

.path-festival .venue-about-us-section .slick-arrow.slick-prev.disabled {
    opacity: 0.25;
}

.path-festival .venue-about-us-section .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    right: inherit;
    left: 0;
}

.path-festival .venue-about-us-section .slick-arrow.slick-next.disabled {
    opacity: 0.25;
}

.path-festival .venue-event-calendar-wrapper {
    background: rgba(31, 25, 48, 0.7);
    padding: 97px 0 90px;
    margin-bottom: 70px;
    position: relative;
}

.path-festival .venue-event-calendar-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #110e19;
    -webkit-clip-path: ellipse(50% 100% at 50% -20%);
    clip-path: ellipse(50% 100% at 50% -20%);
    z-index: 1;
}

.path-festival .venue-event-calendar-wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: #110e19;
    -webkit-clip-path: ellipse(50% 100% at 50% 120%);
    clip-path: ellipse(50% 100% at 50% 120%);
    z-index: 1;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page {
    margin: 0px 0 17px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content {
    width: 100%;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content.view-row-lt-three,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content.view-row-lt-three {
    display: flex;
    flex-wrap: wrap;
    float: right;
    margin: 0 -22px;
    width: 100%;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .slick-dots li,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li {
    list-style: none;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .slick-dots li button,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li button {
    height: 12px;
    width: 12px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .slick-dots li.slick-active,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li.slick-active {
    background: #b200e5;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .slick-dots li.slick-active button,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots li.slick-active button {
    background: #FFFFFF;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .slick-dots,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .slick-dots {
    margin: 0;
    margin-top: 27px;
    flex-wrap: wrap;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .slick-list,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .slick-list {
    margin: 0 -22.5px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row {
    background: #29173D;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    margin: 0 22.5px;
    padding: 10px;
    overflow: hidden;
    max-width: 33%;
    flex: 1;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .slick-arrow,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: 0;
    position: absolute;
    bottom: -60px;
    font-size: 0;
    color: transparent;
    z-index: 1;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .slick-arrow.slick-prev,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .slick-arrow.slick-prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    right: 0;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .slick-arrow.slick-next,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .slick-arrow.slick-next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    left: 0;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content {
    color: #FFFFFF;
    padding: 15px 5px 5px;
    -webkit-backdrop-filter: blur(11.5714px);
    backdrop-filter: blur(11.5714px);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_des,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_des {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 21px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 12px 0;
    height: 45px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_name,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_name {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    max-height: 55px;
    overflow: hidden;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_name span,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_name span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_name_from,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_name_from {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_from,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_from {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_from span,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_from span {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 28px;
    opacity: 0.7;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_start_date,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_start_date {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/cale.png);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_vanue,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event_detail_content .event_vanue {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/locate.svg);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-size: 15px;
    background-position: center right;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .action_buttons,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .action_buttons {
    border-top: 0;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .action_buttons:before,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .action_buttons:before {
    content: "";
    background: #fff;
    opacity: 0.12;
    position: absolute;
    width: 200%;
    right: -30px;
    top: 0;
    height: 1px;
    z-index: 5;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .action_buttons a,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .action_buttons a {
    flex: 1;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .action_buttons .btn-secondary,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .action_buttons .btn-secondary {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    border: 0;
    border: 1px solid;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event-img-thumb,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event-img-thumb {
    overflow: hidden;
    border-radius: 10px;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event-img-thumb img,
.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_event_detail_page .view-content .views-row .event-img-thumb img {
    max-height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page {
    float: right;
    width: 100%;
    margin-top: 40px;
    position: relative;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event-img-thumb img {
    transition: all 0.7s;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row:hover img {
    transition: all 0.7s;
    scale: 1.3;
}

.path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row:only-child {
    max-width: 350px;
}

.path-festival .venue-event-calendar-wrapper #loader {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(https://gamers8.gg/themes/custom/gamers/images/loading.gif), #1a1528;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    border-radius: 10px;
    padding: 1em;
    z-index: 9;
    border: none;
    animation: none;
}

.path-festival .venue-event-calendar-wrapper .venue-event-wrapper .paragraph--type--title-description-component {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 38px;
}

.path-festival .venue-event-calendar-wrapper .venue-event-wrapper .paragraph--type--title-description-component .btn-secondary-arrow {
    height: 42px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 25px;
}

.path-festival .venue-event-calendar-wrapper .venue-event-wrapper .paragraph--type--title-description-component .btn.btn-secondary-arrow:before {
    left: 25px;
}

.path-festival .venue-event-calendar-wrapper .venue-event-wrapper .paragraph--type--title-description-component .field--name-field-pt-title {
    margin: 0;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 36px;
    text-shadow: none;
}

.path-festival .venue-event-calendar-wrapper .calendar-wrapper {
    position: relative;
}

.path-festival .venue-event-calendar-wrapper .custom_arrows {
    display: flex;
    gap: 40px;
    position: absolute;
    left: 0;
    bottom: 10px;
}

.path-festival .venue-event-calendar-wrapper .custom_arrows .custom_prev {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    position: relative;
}

.path-festival .venue-event-calendar-wrapper .custom_arrows .custom_prev:disabled {
    opacity: 0.1;
}

.path-festival .venue-event-calendar-wrapper .custom_arrows .custom_next {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/left-arrow.png);
    width: 43px;
    height: 35px;
    background-position: center;
    background-size: cover;
    transform: rotate(-180deg);
    background-color: transparent;
    border: 0;
    font-size: 0;
    color: transparent;
    position: relative;
}

.path-festival .venue-event-calendar-wrapper .custom_arrows .custom_next:disabled {
    opacity: 0.1;
}

.path-festival .venue-event-calendar-wrapper .team_tab_wrap {
    max-width: 1120px;
    width: 100%;
    position: relative;
}

.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios {
    width: 100%;
    height: 70px;
    overflow: hidden;
    position: relative;
}

.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs {
    margin-bottom: 40px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    white-space: nowrap;
    overflow: auto;
    display: flex;
    flex-wrap: nowrap;
    padding-right: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs li {
    display: inline-block;
    padding: 5px 0px;
    cursor: pointer;
    border: 0;
}

.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs li.nav-item input+label {
    padding: 9px 18px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 14px;
    opacity: 0.78;
    height: 58px;
    width: 73px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs li.nav-item input+label h3 {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 19px;
    margin: 0;
}

.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs li.active-btn {
    order: unset;
}

.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs::-webkit-scrollbar {
    display: none;
}

.path-festival .paragraph--view-mode--festival-category-listing .explore-catergories-wrapper {
    margin: 30px 0 113px;
}

@media (max-width: 991.98px) {
    .path-festival .venue-about-us-section {
        margin: 40px 0 46px;
    }
    .path-festival .venue-about-us-section .round-row-box {
        padding: 15px;
        margin: 0 0px;
        flex-direction: column-reverse;
    }
    .path-festival .venue-about-us-section .round-row-box .col-12 {
        padding: 0;
    }
    .path-festival .venue-about-us-section .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 26px;
        line-height: 42px;
        margin-top: 15px;
    }
    .path-festival .venue-about-us-section .about-descript {
        font-size: 14px;
        line-height: 24px;
        opacity: 0.7;
    }
    .path-festival .venue-about-us-section .slider-nav {
        padding: 0;
    }
    .path-festival .venue-about-us-section .slick-arrow {
        display: none;
    }
    .path-festival .venue-about-us-section .slider-single .slick-slide img {
        width: 100%;
        aspect-ratio: 1;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .path-festival .venue-about-us-section ul.slick-dots {
        width: 50px;
        height: 4px;
        overflow: hidden;
        margin: 15px auto 0;
        border-radius: 5px;
    }
    .path-festival .venue-about-us-section ul.slick-dots li button {
        border-radius: 0;
        height: 100%;
        display: block;
    }
    .path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content .views-row {
        padding: 0 !important;
    }
    .path-festival .view-display-id-todays_event_slider_venue_detail_page .view-content .slick-dots {
        margin-top: 40px;
    }
    .path-festival .view-display-id-venue_detail_page .paragraph--view-mode--festival-today-s-event {
        margin: 45px 0 0px !important;
    }
    .path-festival .venue-event-calendar-wrapper {
        margin-bottom: 40px;
        padding: 75px 0;
    }
    .path-festival .venue-event-calendar-wrapper:before {
        -webkit-clip-path: ellipse(60% 100% at 50% -20%);
        clip-path: ellipse(60% 100% at 50% -20%);
    }
    .path-festival .venue-event-calendar-wrapper:after {
        -webkit-clip-path: ellipse(60% 100% at 50% 120%);
        clip-path: ellipse(60% 100% at 50% 120%);
    }
    .path-festival .venue-event-calendar-wrapper .custom_arrows {
        display: none;
    }
    .path-festival .venue-event-calendar-wrapper .nav-tabs.skew-tabs {
        flex-direction: row;
        padding-right: 0px !important;
    }
    .path-festival .venue-event-calendar-wrapper .nav-tabs.skew-tabs li {
        width: 73px !important;
    }
    .path-festival .venue-event-calendar-wrapper .nav-tabs.skew-tabs .slick-list {
        padding: 0 20px;
    }
    .path-festival .venue-event-calendar-wrapper .nav-tabs.skew-tabs .nav-item input+label {
        transform: skew(15deg);
        width: 73px !important;
        align-items: center;
    }
    .path-festival .venue-event-calendar-wrapper .nav-tabs.skew-tabs .nav-item input+label:before {
        transform: skew(0deg);
    }
    .path-festival .venue-event-calendar-wrapper .nav-tabs.skew-tabs .nav-item input:checked+label::before {
        display: none;
    }
    .path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content.view-row-lt-three {
        margin: 0;
    }
    .path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row {
        margin: 0 10px;
        max-width: 100%;
    }
    .path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .view-content .views-row .event_detail_content .event_des {
        height: 40px;
    }
    .path-festival .venue-event-calendar-wrapper .view-display-id-event_like_festival_landing_page .slick-list {
        margin: 0px !important;
    }
    .path-festival .venue-event-calendar-wrapper .venue-event-wrapper .paragraph--type--title-description-component {
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .path-festival .venue-event-calendar-wrapper .venue-event-wrapper .paragraph--type--title-description-component .field--name-field-pt-title {
        font-size: 28px;
        line-height: 40px;
        text-shadow: 0px 0px 14px #110E19;
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    .path-festival .venue-event-calendar-wrapper .team_tab_wrap {
        max-width: 750px;
    }
    .path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs {
        flex-direction: row;
    }
}

@media (min-width: 1200px) and (max-width:1399px) {
    .path-festival .venue-event-calendar-wrapper .team_tab_wrap {
        max-width: 900px;
    }
    .path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs {
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .path-festival .venue-event-calendar-wrapper .venue-event-wrapper .paragraph--type--title-description-component {
        justify-content: center;
    }
}

[dir=rtl] body.path-festival .venue-about-us-section .about-descript {
    padding: 0;
    padding-right: 45px;
}

[dir=rtl] body.path-festival .venue-event-calendar-wrapper .custom_arrows {
    left: inherit;
    right: 0;
    flex-direction: row;
}

[dir=rtl] body.path-festival .venue-event-calendar-wrapper .custom_arrows .custom_prev {
    rotate: 180deg;
}

[dir=rtl] body.path-festival .venue-event-calendar-wrapper .custom_arrows .custom_next {
    rotate: 180deg;
}

[dir=rtl] body.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs {
    padding: 0;
    padding-left: 10px;
}

@media (max-width: 767.98px) {
    [dir=rtl] body.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs {
        padding: 0;
    }
    [dir=rtl] body.path-festival .venue-event-calendar-wrapper .team_tab_wrap .form-radios .nav-tabs.skew-tabs .nav-item label::before {
        right: 0;
    }
}

[dir=rtl] body.path-festival .venue-event-calendar-wrapper .venue-event-wrapper .paragraph--type--title-description-component .btn.btn-secondary-arrow:before {
    left: inherit;
}

#myaccount__main {
    margin: 30x auto 0;
}

.myaccount-container {
    margin: 0px auto 70px;
    padding-top: 40px;
    padding: 0;
}

@media (min-width: 992px) {
    .myaccount-container {
        display: flex;
        justify-content: space-between;
        padding: 0;
    }
}

.myaccount-container .myaccount-left-nav {
    text-align: center;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-left-nav {
        max-width: 290px;
        width: 100%;
    }
}

.myaccount-container .myaccount-left-nav .top-account-info {
    background: #161b26;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
}

@media (max-width: 991.98px) {
    .myaccount-container .myaccount-left-nav .top-account-info {
        display: none;
    }
}

.myaccount-container .myaccount-left-nav .top-account-info .user-info {
    padding-right: 20px;
    text-align: right;
}

.myaccount-container .myaccount-left-nav .top-account-info svg {
    width: 36px;
    height: 36px;
}

@media (max-width: 991.98px) {
    .myaccount-container .myaccount-left-nav .top-account-info>div {
        width: calc(100% - 100px);
        padding-right: 20px;
        text-align: left;
        margin-left: 20px;
    }
}

.myaccount-container .myaccount-left-nav h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 1px;
}

.myaccount-container .myaccount-left-nav p {
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    margin: 0;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-nav-link {
        background: #161b26;
        border-radius: 10px;
        padding: 20px;
        margin-top: 20px;
        text-align: right;
    }
}

.myaccount-container .myaccount-nav-link ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

@media (max-width: 991.98px) {
    .myaccount-container .myaccount-nav-link ul {
        background: rgba(60, 52, 80, 0.3);
        border: 1px solid #3C3450;
        border-radius: 10px;
        margin: 0 0 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
}

.myaccount-container .myaccount-nav-link ul li {
    padding: 8px 0;
}

@media (max-width: 991.98px) {
    .myaccount-container .myaccount-nav-link ul li {
        flex-grow: 1;
        width: 33%;
    }
}

.myaccount-container .myaccount-nav-link ul a {
    display: block;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 34px;
    position: relative;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-nav-link ul a {
        padding: 8px 15px 8px 8px;
    }
}

@media (max-width: 991.98px) {
    .myaccount-container .myaccount-nav-link ul a {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        padding: 5px;
        white-space: pre-line;
    }
}

.myaccount-container .myaccount-nav-link ul a.active {
    color: #fff;
    position: relative;
    background: #3C3450;
    border-radius: 8px;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-nav-link ul a.active {
        background: #07271d;
        -webkit-backdrop-filter: blur(11.5714px);
        backdrop-filter: blur(11.5714px);
        border-radius: 7px;
    }
    .myaccount-container .myaccount-nav-link ul a.active:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 26px solid #161b26;
        border-right: 28px solid #07271d;
        border-bottom: 26px solid #161b26;
        position: absolute;
        left: 0;
        top: -1px;
    }
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-nav-link ul a:before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-left: 10px;
        vertical-align: sub;
        background-size: contain;
    }
}

.myaccount-container .myaccount-nav-link ul a.my-account-profile:before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/profile-info.svg) no-repeat;
}

.myaccount-container .myaccount-nav-link ul a.my-account-orders:before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/my-order.svg) no-repeat;
}

.myaccount-container .myaccount-nav-link ul a.my-account-tickets:before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/my-tickets.svg) no-repeat;
}

.myaccount-container .myaccount-nav-link ul a.my-account-learnings:before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/my-learnings.svg) no-repeat;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-nav-link ul li:last-child {
        margin-top: 20px;
        border-top: 1px solid #360758;
        padding-top: 16px;
    }
}

.myaccount-container .myaccount-content {
    width: 100%;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-content {
        padding-right: 20px;
    }
}

.myaccount-container .myaccount-content .order-row {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-content .order-row {
        margin-bottom: 20px;
    }
}

.myaccount-container .myaccount-content .order-row .order-row-top {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    padding-top: 10px;
}

@media (max-width: 991.98px) {
    .myaccount-container .myaccount-content .order-row .order-row-top {
        flex-wrap: wrap;
    }
}

.myaccount-container .myaccount-content .order-row .order-row-top span:not(.currency-badge) {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    font-weight: 400;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-content .order-row .order-row-top span:not(.currency-badge) {
        font-size: 14px;
    }
}

.myaccount-container .myaccount-content .order-row .order-row-top>div {
    width: 25%;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

@media (max-width: 991.98px) {
    .myaccount-container .myaccount-content .order-row .order-row-top>div {
        width: 50%;
        margin-bottom: 20px;
        font-size: 13px;
    }
}

.myaccount-container .myaccount-content .order-row-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    background: #2D2640;
    padding: 0px;
    border: 1px solid #360758;
    border-radius: 8px;
    position: relative;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-content .order-row-bottom {
        padding: 0px 0px 0px 35px;
        border: none;
        border-radius: 10px;
        flex-wrap: nowrap;
    }
}

.myaccount-container .myaccount-content .order-row-bottom .order-image {
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    background-color: #6A5D85;
}

.myaccount-container .myaccount-content .order-row-bottom .order-image img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (min-width: 576px) {
    .myaccount-container .myaccount-content .order-row-bottom .order-image img {
        width: 206px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (max-width: 575.98px) {
    .myaccount-container .myaccount-content .order-row-bottom .order-image {
        width: 100%;
        border-radius: 10px;
    }
    .myaccount-container .myaccount-content .order-row-bottom .order-image img {
        height: 150px;
    }
}

.myaccount-container .myaccount-content .order-row-bottom .order-product-info {
    padding: 0 15px;
    width: 100%;
    margin-top: 20px;
}

@media (min-width: 992px) {
    .myaccount-container .myaccount-content .order-row-bottom .order-product-info {
        padding-right: 19px;
        width: calc(100% - 110px);
        margin-top: 0;
        padding: 15px 20px 15px 0;
    }
}

.myaccount-container .myaccount-content .order-row-bottom .order-number {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #FFFFFF;
    padding-bottom: 10px;
}

.myaccount-container .myaccount-content .order-row-bottom .order-product-data {
    position: relative;
}

.myaccount-container .myaccount-content .order-row-bottom .order-product-data h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 306px;
    display: block;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .myaccount-container .myaccount-content .order-row-bottom .order-product-data h3 {
        max-width: 100%;
        padding-left: 30px;
    }
}

.myaccount-container .myaccount-content .order-row-bottom .order-product-data h3 a {
    text-decoration: underline !important;
}

.myaccount-container .myaccount-content .order-row-bottom .order-product-data ul {
    padding: 0;
    display: flex;
    margin: 0;
    list-style: none;
}

.myaccount-container .myaccount-content .order-row-bottom .order-product-data ul li {
    margin-left: 16px;
    color: #FFFFFF;
}

.myaccount-container .myaccount-content .order-row-bottom .order-product-data .view-order {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -2px;
}

.myaccount-content {
    color: #fff;
}

.myaccount-content .order-detail-title {
    font-size: 20px;
}

@media (min-width: 768px) {
    .myaccount-content .order-detail-title {
        font-size: 22px;
    }
}

@media (min-width: 992px) {
    .myaccount-content .order-table {
        background-color: #161b26;
        border-radius: 10px;
        padding: 20px;
    }
}

.myaccount-content .order-details img {
    display: none;
}

.myaccount-content .order-fulfillment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    background: #161b26;
    padding: 10px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .myaccount-content .order-fulfillment {
        margin-bottom: 10px;
    }
}

.myaccount-content table {
    border: none;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .myaccount-content table {
        border: 1px solid #360758;
        background-color: #2D2640;
    }
}

@media (max-width: 767.98px) {
    .myaccount-content table thead {
        display: none;
    }
}

.myaccount-content table thead:after {
    content: " ";
    height: 0.1rem;
    width: 100%;
    display: block;
    position: absolute;
    right: 0;
    background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767.98px) {
    .myaccount-content table tr {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .myaccount-content table td {
        display: flex;
        text-align: left;
        padding-bottom: 20px;
    }
    .myaccount-content table td:first-of-type {
        align-items: initial;
    }
    .myaccount-content table td:before {
        color: rgba(var(--color-foreground), 0.75);
        content: attr(data-label);
        font-size: 16px;
        padding-left: 2rem;
        text-transform: uppercase;
        flex-grow: 1;
        text-align: right;
    }
}

@media (min-width: 768px) {
    .myaccount-content table th,
    .myaccount-content table td {
        padding-top: 38px;
        padding-bottom: 38px;
    }
}

.myaccount-content table th {
    font-size: 18px;
    letter-spacing: 0.07rem;
    text-transform: uppercase;
    text-align: right;
    padding-left: 37px;
}

.myaccount-content table th:nth-last-child(-n+3),
.myaccount-content table td:nth-last-child(-n+3) {
    text-align: left;
}

@media (min-width: 768px) {
    .myaccount-content table th:first-of-type,
    .myaccount-content table td:first-of-type {
        padding-right: 37px;
    }
}

.myaccount-content table tbody tr:first-of-type {
    border-top: none;
}

@media (min-width: 768px) {
    .myaccount-content table tbody td {
        vertical-align: top;
        padding-top: 38px;
        padding-bottom: 38px;
        padding-left: 37px;
    }
    .myaccount-content table tbody td:first-of-type {
        padding-top: 38px;
        padding-left: 0;
    }
    .myaccount-content table tbody td:last-of-type {
        padding-bottom: 0;
    }
}

.myaccount-content table tfoot:before {
    content: " ";
    height: 0.1rem;
    width: 100%;
    display: block;
    position: absolute;
    right: 0;
    background: rgba(255, 255, 255, 0.2);
}

.myaccount-content table tfoot td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.myaccount-content table tfoot td:first-of-type {
    text-align: right;
}

@media (max-width: 767.98px) {
    .myaccount-content table tfoot td:first-of-type {
        display: none;
    }
}

@media (min-width: 768px) {
    .myaccount-content table tfoot td:last-child {
        padding-left: 37px;
    }
}

.myaccount-content table tfoot tr:first-child td {
    padding-top: 30px;
}

.myaccount-content table tfoot tr.total-price td {
    font-size: 18px;
}

@media (min-width: 768px) {
    .myaccount-content table tfoot tr.total-price td {
        font-size: 22px;
    }
}

.myaccount-content .order-return-link {
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.myaccount-content .order-return-link p:first-child {
    white-space: nowrap;
}

.myaccount-content .order-return-link p {
    margin: 0;
    margin-left: 10px;
}

.myaccount-content .order-tracking-urls {
    padding-top: 20px;
}

.myaccount-content .order-tracking-urls p {
    margin: 0;
    padding-top: 10px;
}

.myaccount-content .order-tracking-urls p a {
    text-decoration: underline !important;
}

.myaccount-content .js-return-exchange.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
    display: inline-block;
    background: none;
    color: #ddd;
    text-align: center;
    margin: 0;
    padding: 0;
}

.myaccount-content .js-return-exchange:after {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    right: calc(50% - 0.75em);
    top: calc(50% - 0.75em);
    border: 0.15em solid transparent;
    border-left-color: #360758;
    border-radius: 50%;
    opacity: 0;
}

.myaccount-content .order-address {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    justify-content: space-between;
}

.myaccount-content .order-address h2 {
    font-size: 20px;
}

@media (min-width: 768px) {
    .myaccount-content .order-address h2 {
        font-size: 24px;
    }
}

@media (min-width: 768px) {
    .myaccount-content .order-address>div {
        width: 50%;
    }
}

.myaccount-content .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.tab-linked-tile-image-wrapper {
    padding: 20px;
    background: #161b26;
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper {
        padding: 0;
        background: transparent;
    }
}

.tab-linked-tile-image-wrapper ul.square-tabs {
    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper ul.square-tabs {
        border: 1px solid rgba(255, 255, 255, 0.7);
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
        width: 120px;
        background: transparent;
        padding: 0;
        gap: 0;
    }
    .tab-linked-tile-image-wrapper ul.square-tabs.expanding-tabs li a {
        display: block;
    }
    .tab-linked-tile-image-wrapper ul.square-tabs.expanding-tabs li a.active:before {
        transform: translateY(-50%) rotate(-180deg);
        top: 40%;
    }
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper ul.square-tabs li {
        width: 100%;
    }
    .tab-linked-tile-image-wrapper ul.square-tabs li.active {
        order: 1;
    }
}

.tab-linked-tile-image-wrapper ul.square-tabs li a {
    min-width: 195px;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper ul.square-tabs li a {
        text-align: right;
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 0;
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 17px;
        position: relative;
        padding: 9px 12px 9px 35px;
        display: none;
    }
    .tab-linked-tile-image-wrapper ul.square-tabs li a.active {
        background: transparent;
        display: block;
    }
    .tab-linked-tile-image-wrapper ul.square-tabs li a.active::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
        background-size: contain;
        width: 13px;
        height: 10px;
        transition: 0.5s;
        display: block;
        opacity: 1 !important;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper {
    margin-top: 25px;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item {
    background: #2D2640;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item {
        flex-direction: column;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper {
    position: relative;
    max-width: 179px;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper .card-img {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper {
        max-width: 100%;
        height: 100%;
        min-height: 150px;
        max-height: 150px;
        border-radius: 10px;
        overflow: hidden;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper .overlay-label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 8px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 17px;
    border-radius: 0px 8px;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper .overlay-label {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 16px;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper .overlay-label.ongoing-label {
    background: #0057FF;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper .overlay-label.completed-label {
    background: #007621;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper .overlay-label.approved-label {
    background: #007621;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper .overlay-label.pending-label {
    background: #FF7A00;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .img-wrapper .overlay-label.rejected-label {
    background: #FF7676;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper {
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    width: calc(100% - 179px);
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper {
        width: 100%;
        padding: 0;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top {
        padding: 18px 15px 12px;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-title {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 6px;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-title {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 19px;
        margin-bottom: 10px;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-title a {
    text-decoration: underline !important;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-schedule-info {
        display: flex;
        justify-content: space-between;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-schedule-info .col-info-value {
    display: flex;
    gap: 3px;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-date,
.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .col-info-value {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    padding-right: 26px;
    position: relative;
    margin-bottom: 2px;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-date,
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .col-info-value {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 20px;
        width: 45%;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-date::before,
.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .col-info-value::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 43%;
    right: 0;
    transform: translateY(-50%);
    background-position: center !important;
    background: url(https://gamers8.gg/themes/custom/gamers/images/date.png) no-repeat;
    background-size: contain;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-date::before,
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .col-info-value::before {
        transform: none;
        top: 0;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-time {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
    padding-right: 26px;
    position: relative;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-time {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 20px;
        width: 35%;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-time::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 43%;
    right: 0;
    transform: translateY(-50%);
    background-position: center !important;
    background: url(https://gamers8.gg/themes/custom/gamers/images/time.svg) no-repeat;
    opacity: 0.7;
    background-size: contain;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .info-details .card-time::before {
        transform: none;
        top: 0;
    }
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .download-cta {
        display: none;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-top .download-cta .btn {
    padding: 9px 20px;
    width: 164px;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom {
    display: flex;
    gap: 36px;
    padding-top: 10px;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 12px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info {
        min-width: 35%;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info .col-info-label {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 16px;
    opacity: 0.7;
    margin-bottom: 6px;
    display: block;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info .col-info-label {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 14px;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info .col-info-value {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 17px;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info .col-info-value {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 16px;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info.card-date-info {
    margin-right: auto;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info.card-date-info {
        margin-right: 0;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info.card-date-info .col-info-value {
    display: flex;
    gap: 3px;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .mobile-download-cta {
    display: none;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .mobile-download-cta {
        display: block;
        padding: 12px 15px;
    }
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .mobile-download-cta .btn {
        font-size: 13px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 20px;
        padding: 9px 20px;
        width: 155px;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .waiting-approval-cta,
.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .rejected-cta {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 20px;
    padding: 6px;
    border-radius: 7px;
    text-align: center;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .waiting-approval-cta span,
.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .rejected-cta span {
    display: block;
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .waiting-approval-cta {
    color: #FF7A00;
    border: 0.6px dashed #FF7A00;
    max-width: 145px;
    min-width: 145px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .waiting-approval-cta {
        width: -moz-fit-content;
        width: fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        display: flex;
        gap: 3px;
    }
}

.tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .rejected-cta {
    color: #FF7676;
    border: 0.6px dashed #FF7676;
    max-width: 225px;
    min-width: 225px;
    width: 100%;
}

@media (max-width: 991.98px) {
    .tab-linked-tile-image-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .rejected-cta {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

.tab-linked-tile-image-wrapper.learning-section-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom {
    justify-content: space-between;
}

.tab-linked-tile-image-wrapper.learning-section-wrapper .tab-content-wrapper .tab-pane.active .card-item .content-wrapper .card-info-bottom .col-info.card-date-info {
    margin-right: 0;
}

.tier-data {
    position: relative;
    margin-top: 28px;
}

.calender-landing {
    padding: 0 32px;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .calender-landing {
        padding: 12px;
    }
}

.calender-landing .hide-field {
    display: none;
}

.calender-landing .col-lg-3 .cale-sort-header .popup-close {
    display: none;
}

@media (min-width: 768px) {
    .calender-landing .col-lg-3 {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .calender-landing .col-lg-3 {
        max-width: 290px;
    }
}

@media (min-width: 1439px) {
    .calender-landing .col-lg-3 {
        margin-left: 18px;
    }
}

.calender-landing .calendar-left-wrapper {
    padding: 30px 20px 20px;
    border-radius: 10px;
}

@media (min-width: 992px) {
    .calender-landing .calendar-left-wrapper {
        position: sticky;
        top: 150px;
    }
}

@media (max-width: 767.98px) {
    .calender-landing .calendar-left-wrapper {
        height: 100vh;
        position: relative;
        top: 66px;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .calender-landing .calendar-left-wrapper {
        padding: 30px 10px 20px;
    }
}

.calender-landing .calendar-left-wrapper,
.calender-landing .calendar-left-wrapper .accordion-item {
    color: white;
    background: #161b26;
    border: 0;
}

.calender-landing .calendar-left-wrapper .accordion-item {
    display: flex;
    flex-direction: column;
}

.calender-landing .calendar-left-wrapper .accordion-item::before {
    content: "";
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 5px;
    margin-bottom: 20px;
}

.calender-landing .calendar-left-wrapper .accordion-item:first-of-type::before {
    content: none;
}

.calender-landing .calendar-left-wrapper .accordion-item .accordion-header {
    display: flex;
}

.calender-landing .calendar-left-wrapper .accordion-item .accordion-collapse#eventCategory-collapse input {
    accent-color: white;
    width: 18px;
    height: 18px;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list {
    margin-bottom: 21px;
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
}

@media (max-width: 767.98px) {
    .calender-landing .calendar-left-wrapper .accordion-item .event-category-list {
        justify-content: space-between;
    }
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list label {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 382;
    line-height: 16.8px;
    letter-spacing: 0.011em;
    display: flex;
    justify-content: space-between;
    width: 90%;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=radio] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 1px solid #FFFFFF;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=radio]:before {
    content: "";
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=checkbox] {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 99;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=checkbox]+label {
    cursor: pointer;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=checkbox]+label:before {
    content: "";
    -webkit-appearance: none;
    border: 1.25px solid #FFFFFF;
    padding: 7.5px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    top: -2px;
    position: absolute;
    right: 0;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=checkbox]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    right: 7px;
    width: 4px;
    height: 9px;
    border: solid #ffffff;
    border-width: 0 0 1.25px 1.25px;
    transform: rotate(-45deg);
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=radio]:checked {
    border: 1px solid #FFFFFF;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=radio]:checked:before {
    background: #FFFFFF;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=radio]:checked+label+span.selected-bg {
    display: block;
    position: absolute;
    width: 107%;
    height: 32px;
    background: rgba(217, 217, 217, 0.05);
    z-index: 0;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    border-radius: 5px;
}

.calender-landing .calendar-left-wrapper .accordion-item .event-category-list input[type=radio]:not(:checked)+label+span.selected-bg {
    display: none;
}

.calender-landing .calendar-left-wrapper h5 {
    margin-bottom: 30px;
    letter-spacing: -0.011em;
}

.calender-landing .calendar-left-wrapper .accordion-button {
    background: transparent;
    box-shadow: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.011em;
    margin-bottom: 21px;
    width: 100%;
}

.calender-landing .calendar-left-wrapper .accordion-button:after {
    content: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png);
    background: none !important;
    float: left;
}

.calender-landing .music-event-inner-item {
    position: relative;
    padding: 30px;
    border-radius: 10px;
    background: #29173D;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item {
        padding: 0;
        gap: 20px;
    }
}

.calender-landing .music-event-inner-item .music-concert-details {
    max-width: 650px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .music-concert-details {
        max-width: 100%;
    }
}

.calender-landing .music-event-inner-item .music-concert-details .music-concert-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .music-concert-details .music-concert-heading {
        display: none;
    }
}

.calender-landing .music-event-inner-item .music-concert-details p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 21px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .music-concert-details p {
        font-size: 13px;
        line-height: 19px;
    }
}

.calender-landing .music-event-inner-item .music-concert-details .date-time {
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .music-concert-details .date-time {
        flex-wrap: wrap;
    }
}

@media (min-width: 992px) {
    .calender-landing .music-event-inner-item .music-concert-details .date-time .venue {
        margin-right: 13px;
    }
}

.calender-landing .music-event-inner-item .music-concert-details .date-time .time,
.calender-landing .music-event-inner-item .music-concert-details .date-time .venue {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    padding-right: 28px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .music-concert-details .date-time .time,
    .calender-landing .music-event-inner-item .music-concert-details .date-time .venue {
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
    }
}

.calender-landing .music-event-inner-item .music-concert-details .date-time .time::before,
.calender-landing .music-event-inner-item .music-concert-details .date-time .venue::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 22px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0.7;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .music-concert-details .date-time .time {
        flex-basis: 100%;
    }
}

.calender-landing .music-event-inner-item .music-concert-details .date-time .time::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/clock-full.png) no-repeat;
    background-size: contain;
}

.calender-landing .music-event-inner-item .music-concert-details .date-time .venue::before {
    background: url(https://gamers8.gg/themes/custom/gamers/images/location_pshb.png) no-repeat;
    background-size: contain;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .music-concert-details .date-time .venue-link {
        margin-right: auto;
    }
}

.calender-landing .music-event-inner-item .music-concert-details .date-time .venue-link a {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #C558F8;
    display: block;
    border-bottom: 1px dashed #C558F8;
}

.calender-landing .music-event-inner-item .amenities-wrapper {
    margin-right: auto;
}

@media (min-width: 992px) {
    .calender-landing .music-event-inner-item .amenities-wrapper {
        padding-left: 50px;
    }
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .amenities-wrapper {
        margin-right: 0;
    }
}

.calender-landing .music-event-inner-item .amenities-wrapper .artist-heading {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 12px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .amenities-wrapper .artist-heading {
        font-size: 16px;
        line-height: 19.2px;
        margin-bottom: 10px;
    }
}

.calender-landing .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities {
    display: flex;
    gap: 34px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities {
        gap: 17px;
    }
}

.calender-landing .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities {
    text-align: center;
}

.calender-landing .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--name-field-ame-amenities-icon {
    width: 50px;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--name-field-ame-amenities-icon {
        width: 40px;
        height: 40px;
    }
}

.calender-landing .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--type-string {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    margin-top: 10px;
}

@media (max-width: 575.98px) {
    .calender-landing .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities .vocabulary-amenities .field--type-string {
        font-size: 12px;
        line-height: 14px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper {
    width: 100%;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-heading {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .artist-heading {
        font-size: 16px;
        line-height: 19.2px;
        margin-bottom: 10px;
    }
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .artists-list {
        display: flex;
        overflow-x: auto;
        margin-left: -15px;
    }
    .calender-landing .music-event-inner-item .artist-list-wrapper .artists-list::-webkit-scrollbar {
        display: none;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists {
        flex-wrap: nowrap;
        gap: 10px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
    width: calc(20% - 8px);
    max-width: 200px;
}

@media (min-width: 992px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
        width: calc(24% - 8px);
    }
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item {
        width: 200px;
        height: auto;
    }
    .calender-landing .music-event-inner-item .artist-list-wrapper .artists-list .field--name-field-mc-artists>.field__item:last-child {
        margin-left: 15px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.35s;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details .field--name-field-media-image img {
    width: 100%;
    transition: all 0.35s;
}

@media (max-width: 767.98px) {
    body.path-frontpage .calender-landing .music-event-inner-item .artist-list-wrapper .artist-details {
        padding: 2px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper {
    background: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover .field--name-field-art-artists-image:before {
    content: "";
    background-image: linear-gradient(to left, rgba(17, 14, 25, 0.9), rgba(17, 14, 25, 0.73), rgba(255, 255, 255, 0));
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 0;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper {
    z-index: 9;
    background: none;
}

@media (max-width: 767.98px) {
    body.path-frontpage .calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper {
        bottom: 0;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper p,
.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    transform: scaleX(1);
}

@media (max-width: 767.98px) {
    body.path-frontpage .calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper p,
    body.path-frontpage .calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
        display: none;
    }
}

@media (max-width: 767.98px) {
    body.path-frontpage .calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover .artist-info-wrapper .btn {
        width: 100%;
        height: 350%;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover::before {
    opacity: 1;
}

@media (max-width: 767.98px) {
    body.path-frontpage .calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover::before {
        opacity: 0;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details:hover img {
    transform: scale(1.3) rotate(-5deg);
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.5s ease;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper {
    position: absolute;
    right: 0;
    padding: 0px 15px 0 8px;
    width: 100%;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    transition: all 0.5s ease;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .artist-name {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 26px;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .artist-profession {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.7;
    margin-bottom: 4px;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper p {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    transition: all 0.5s ease;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .artist-details .artist-info-wrapper .btn {
    display: none;
    margin: 0;
    font-size: 12px;
    transition: all 0.5s ease;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup {}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-dialog {
        max-width: -moz-fit-content !important;
        max-width: fit-content !important;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content {
    position: relative;
    background: #1C1430;
    border-radius: 10px;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .popup-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border: none;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
    padding: 50px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .modal-content .modal-body {
        padding: 50px 15px 30px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
    display: flex;
    gap: 40px;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
    max-width: 250px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper {
        max-width: 100%;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
    width: 100%;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .field--name-field-art-artists-image img {
        max-height: 300px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info {
    padding: 20px 15px;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 6px;
}

@media (max-width: 767.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-name {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 600;
        line-height: 17px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info .artist-profession {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 400;
        line-height: 14px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-main-wrapper .artist-main-info p {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 22px;
    margin: 20px 0;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 575.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper {
        width: 100%;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .title,
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .title {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 19px;
    }
}

@media (max-width: 575.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper,
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper {
        overflow-x: scroll;
        margin-left: -15px;
    }
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar,
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .artist-mob-slide-wrapper::-webkit-scrollbar {
        display: none;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works,
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item,
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item {
        min-width: 150px;
        height: auto;
    }
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works>.field__item:last-child,
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works>.field__item:last-child {
        margin-left: 15px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works,
.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works {
    position: relative;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
    position: absolute;
    bottom: 12px;
    right: 0;
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

@media (max-width: 575.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-work-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title,
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-art-top-works .paragraph--type--top-works .field--name-field-tw-title {
        font-size: 12px;
        color: #FFFFFF;
        font-weight: 500;
        line-height: 14px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
    position: relative;
}

@media (max-width: 575.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper {
        width: 100%;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

@media (max-width: 575.98px) {
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images {
        flex-wrap: nowrap;
        gap: 10px;
    }
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item {
        min-width: 150px;
        height: auto;
    }
    .calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-images>.field__item:last-child {
        margin-left: 15px;
    }
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link {
    position: absolute;
    top: 0;
    left: 0;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}

.calender-landing .music-event-inner-item .artist-list-wrapper .node--type-artists .artist-modal-popup .artist-details-popup .artist-info-wrapper .artist-merchandise-wrapper .field--name-field-merchandise-link a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background: url(https://gamers8.gg/themes/custom/gamers/images/btn-arrow.png) no-repeat;
    background-size: cover;
}

.calender-landing .music-event-inner-item .concert-item-action-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
}

.calender-landing .music-event-inner-item .concert-item-action-info .concert-item-cta {
    display: flex;
    gap: 40px;
    align-items: center;
}

@media (max-width: 991.98px) {
    .calender-landing .music-event-inner-item .concert-item-action-info .concert-item-cta {
        flex-wrap: wrap;
    }
}

.calender-landing .music-event-inner-item .concert-item-action-info .concert-item-cta .concert-label {
    font-style: normal;
    font-weight: 382;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.7;
    margin-bottom: 5px;
}

.calender-landing .music-event-inner-item .concert-item-action-info .concert-item-cta .concert-price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.calender-landing .music-event-inner-item .concert-item-action-info .concert-item-cta .cta-wrapper .btn {
    padding: 12px 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    min-width: 135px;
}

.calender-landing .music-event-inner-item .concert-item-action-info .social-share-container .social-share {
    display: flex;
    gap: 10px;
    position: relative;
}

.calender-landing .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title {
    position: relative;
    padding-left: 30px;
}

.calender-landing .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(https://gamers8.gg/themes/custom/gamers/images/share-icon.png) no-repeat;
    background-size: cover;
}

.calender-landing .music-event-inner-item .concert-item-action-info .social-share-container .social-share:hover ul {
    opacity: 1;
}

.calender-landing .music-event-inner-item .concert-item-action-info .social-share-container .social-share ul {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding: 9px 12px 11px;
    border: 1px solid #FFFFFF;
    border-radius: 0px 20px 20px 20px;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: all 1s ease;
}

.calender-landing .music-event-inner-item .concert-item-action-info .social-share-container .social-share .share-title {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.calender-landing .music-event-inner-item .concert-item-action-info .social-share-container .social-share li a span {
    display: none;
}

@media (max-width: 767.98px) {
    .calender-landing .col-lg-3 {
        position: fixed;
        top: 0;
        padding: 0;
        right: 0;
        z-index: 999;
        overflow: scroll;
        display: none;
    }
    .calender-landing .col-lg-3.cale-filter-show,
    .calender-landing .col-lg-3.cale-filter-show .popup-close {
        display: block;
    }
    .calender-landing .col-lg-3.cale-filter-show .popup-close {
        background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat;
        border: none;
        height: 20px;
        width: 13px;
        background-size: contain;
        padding: 0;
    }
    .calender-landing .col-lg-3 .cale-sort-header {
        display: flex;
        justify-content: space-between;
    }
}

.calender-landing .col-lg-9 {
    position: relative;
}

@media (min-width: 1430px) {
    .calender-landing .col-lg-9 {
        min-width: 1080px;
    }
}

@media (min-width: 1430px) {
    .calender-landing .col-lg-9 .music-event-inner-item {
        min-width: 1080px;
    }
}

.calender-landing .col-lg-9 .music-event-inner-item .amenities-wrapper {
    padding-left: 10px;
}

@media (max-width: 1199.98px) {
    .calender-landing .col-lg-9 .music-event-inner-item .amenities-wrapper {
        margin-right: 0;
    }
}

@media (min-width: 1430px) {
    .calender-landing .col-lg-9 .music-event-inner-item .amenities-wrapper {
        padding-left: 20px;
    }
    .calender-landing .col-lg-9 .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities {
        gap: 28px;
    }
}

@media (min-width: 992px) and (max-width:1430px) {
    .calender-landing .col-lg-9 .music-event-inner-item .amenities-wrapper .amenities-list .field--name-field-mc-amenities {
        gap: 18px;
    }
}

@media (max-width: 1430px) {
    .calender-landing .col-lg-9 .music-event-inner-item .music-concert-details {
        max-width: 520px;
    }
}

@media (min-width: 1430px) {
    .calender-landing .col-lg-9 .music-event-inner-item .music-concert-details {
        max-width: 635px;
    }
}

.calender-landing .col-lg-9 .cale-content-filter {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.calender-landing .col-lg-9 .cale-content-filter.date-no-empty .date-cale-field .hasDatepicker {
    background: url(https://gamers8.gg/themes/custom/gamers/images/close_icon.png) no-repeat 10% center !important;
    background-size: 12px !important;
}

.calender-landing .col-lg-9 .cale-content-filter .date-cale-field .hasDatepicker {
    caret-color: transparent;
    cursor: pointer;
}

.calender-landing .col-lg-9 .cale-content-filter .date-cale-field .hasDatepicker::-moz-placeholder {
    color: #FFFFFF;
}

.calender-landing .col-lg-9 .cale-content-filter .date-cale-field .hasDatepicker::placeholder {
    color: #FFFFFF;
}

.calender-landing .col-lg-9 .cale-content-filter .date-cale-field .hasDatepicker:focus {
    outline: none;
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .calender-landing .col-lg-9 .cale-content-filter {
        padding: 0 8px;
        gap: 0;
        justify-content: space-between;
        margin-top: 44px;
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    .calender-landing .col-lg-9 .cale-content-filter {
        justify-content: space-evenly;
    }
}

.calender-landing .col-lg-9 .sorting-list {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}

@media (max-width: 575.98px) {
    .calender-landing .col-lg-9 .sorting-list {
        flex-basis: auto;
        max-width: 31%;
    }
}

@media (min-width: 360px) and (max-width:575.98px) {
    .calender-landing .col-lg-9 .sorting-list.date-cale-field {
        flex-basis: min-content;
        min-width: 126px;
    }
    .calender-landing .col-lg-9 .sorting-list.date-cale-field input {
        padding: 14px 12px 14px 20px;
    }
}

@media (max-width: 359.98px) {
    .calender-landing .col-lg-9 .sorting-list.date-cale-field {
        flex-basis: 31%;
        min-width: auto;
    }
}

.calender-landing .col-lg-9 .sorting-list>label {
    transform: translate(-0.25rem, -65%) scale(0.8);
    position: absolute;
    background-color: #13101E;
    transform-origin: 100% 0;
    z-index: 999;
    right: 17px;
    top: 5px;
    padding: 0 8px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 16.8px;
    z-index: 1;
    font-size: 16px;
    pointer-events: none;
}

[dir=rtl] body .calender-landing .col-lg-9 .sorting-list>label {
    left: 15px;
    right: auto;
}

@media (max-width: 767.98px) {
    .calender-landing .col-lg-9 .sorting-list>label {
        right: 2px;
    }
    [dir=rtl] body .calender-landing .col-lg-9 .sorting-list>label {
        left: 2px;
        right: auto;
    }
}

@media (max-width: 575.98px) {
    .calender-landing .col-lg-9 .sorting-list select:not(#DataSortingBoxList) {
        pointer-events: none;
    }
}

.calender-landing .col-lg-9 .sorting-list select,
.calender-landing .col-lg-9 .sorting-list input {
    padding: 15px;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    color: #FFFFFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(https://gamers8.gg/themes/custom/gamers/images/down-arrow.png) no-repeat;
    background-size: 16px 8px;
    background-position: 8%;
    margin-bottom: 29px;
}

.calender-landing .col-lg-9 .sorting-list select option,
.calender-landing .col-lg-9 .sorting-list input option {
    background-color: #161b26;
    box-shadow: 0 0 10px 100px #000 inset;
}

@media (min-width: 1200px) {
    .calender-landing .col-lg-9 .sorting-list select,
    .calender-landing .col-lg-9 .sorting-list input {
        width: 208px;
    }
}

@media (max-width: 1199.98px) {
    .calender-landing .col-lg-9 .sorting-list select,
    .calender-landing .col-lg-9 .sorting-list input {
        padding: 14px 12px 14px 27px;
    }
    [dir=rtl] body .calender-landing .col-lg-9 .sorting-list select,
    [dir=rtl] body .calender-landing .col-lg-9 .sorting-list input {
        padding: 14px 27px 14px 12px;
    }
}

@media (max-width: 767.98px) {
    .calender-landing .col-lg-9 .sorting-list select,
    .calender-landing .col-lg-9 .sorting-list input {
        background-position: 5%;
        width: 100%;
    }
}

.calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page {
    padding: 0 !important;
    margin: 0;
    background-color: transparent !important;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media (min-width: 576px) and (max-width:991.98px) {
    .calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page {
        justify-content: space-between;
    }
}

.calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page::before,
.calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page::after {
    content: none !important;
}

.calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page .load-more-data {
    flex: 0 0 30%;
}

.calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page .load-more-data>div {
    height: 100%;
}

@media (max-width: 575.98px) {
    .calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page .load-more-data {
        flex: 0 0 100%;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page .load-more-data {
        flex: 0 0 48%;
    }
}

@media (min-width: 992px) {
    .calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page .load-more-data {
        flex: 0 0 32%;
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    .calender-landing .col-lg-9 .no-roundedBG.paragraph--view-mode--festival-landing-page .load-more-data .event-wrapper .action_buttons a {
        padding: 10px 16px;
    }
}

.calender-landing .col-lg-9 .load-more-data .views-row.node--view-mode-listing-page.music-event-list-item {
    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .calender-landing .col-lg-9 .load-more-data .views-row.node--view-mode-listing-page.music-event-list-item {
        padding: 22px 15px 20px;
        border-radius: 10px;
        background: #29173D;
        margin-bottom: 20px;
    }
}

.calender-landing .col-lg-9 .loadmore-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.calender-landing .col-lg-9 .today-match-component-wrapper .match_info_wrapper .game-schedule-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 10px;
}

@media (max-width: 575.98px) {
    .calender-landing .col-lg-9 .today-match-component-wrapper .match_info_wrapper .game-schedule-item .game-left-info {
        min-width: 150px;
    }
}

.calender-landing .col-lg-9 .today-match-component-wrapper .match_info_wrapper .game-schedule-item .team-section {
    display: flex;
    flex-direction: column;
    flex-basis: 99px;
}

.calender-landing .col-lg-9 .today-match-component-wrapper .match_info_wrapper .game-schedule-item .team-section span.title {
    font-size: 14px;
    line-height: 18px;
}

.calender-landing .col-lg-9 .today-match-component-wrapper .match_info_wrapper .game-schedule-item .cta-content {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 18px;
    float: right;
    width: 100%;
}

.calender-landing .col-lg-9 #calendar-loader {
    display: none;
    position: absolute;
    width: 100px;
    height: 100px;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    background: url(https://gamers8.gg/themes/custom/gamers/images/loading.gif);
    background-position: 50% 4%;
    background-repeat: no-repeat;
    background-size: 100px;
    border-radius: 10px;
    padding: 1em;
    z-index: 9;
    border: none;
    animation: none;
    margin: 0;
}

@media (max-width: 767.98px) {
    .calender-landing .col-lg-9 #calendar-loader {
        background-size: 50px;
        background-position: 50% center;
    }
}

@media (max-width: 575.98px) {
    .calender-landing .col-lg-9 #calendar-loader {
        top: 100%;
    }
}

.calender-landing .col-lg-9 .today-match-component-wrapper .match-row {
    justify-content: space-between;
    gap: 20px;
}

@media (min-width: 1023px) and (max-width:1439px) {
    .calender-landing .col-lg-9 .today-match-component-wrapper .match-row {
        justify-content: space-between;
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page {
        flex-basis: 47%;
    }
}

@media (min-width: 992px) {
    .calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page {
        flex-basis: 31%;
    }
}

@media (max-width: 575.98px) {
    .calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page {
        flex-basis: 100%;
    }
}

.calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page>div,
.calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page .load-more-data {
    height: 100%;
}

.calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page .load-more-data,
.calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page .load-more-data .course-content-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page .load-more-data>div:not(.action-btn-wrapper),
.calender-landing .col-lg-9 .today-match-component-wrapper .match-row .node--view-mode-listing-page .load-more-data .course-content-box>div:not(.action-btn-wrapper) {
    margin-bottom: auto;
}

.calender-landing .data-not-found {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 18px;
}

.calender-landing .esports_league_tab_wrapper .league_tab_content {
    padding: 0;
}

.calender-landing .esports_league_tab_wrapper .league_info_wrapper {
    margin-bottom: 20px;
}

html.cale-popup-show {
    position: fixed;
    overflow: hidden;
}

[dir=rtl] .calender-landing .col-lg-3 .event-category-list,
[dir=rtl] .calender-landing .col-lg-3 .calendar-left-wrapper .accordion-button {
    text-align: left;
}

[dir=rtl] .calender-landing .col-lg-3 .event-category-list:after,
[dir=rtl] .calender-landing .col-lg-3 .calendar-left-wrapper .accordion-button:after {
    float: right;
    margin-right: 0;
    margin-left: auto;
}

[dir=rtl] .calender-landing .col-lg-3 .event-category-list input[type=checkbox]+label:before {
    left: 0;
    right: auto;
}

[dir=rtl] .calender-landing .col-lg-3 .event-category-list input[type=checkbox]+label:after {
    left: 7px;
    right: auto;
}

[dir=rtl] .calender-landing .col-lg-9 .sorting-list select,
[dir=rtl] .calender-landing .col-lg-9 .sorting-list input {
    background-position: 92%;
}

[dir=rtl] .calender-landing .col-lg-9 .node--type-music-concert .cta-wrapper a.btn {
    margin-left: 10px;
}

[dir=rtl] .calender-landing .col-lg-9 .node--type-music-concert .date-time .time,
[dir=rtl] .calender-landing .col-lg-9 .node--type-music-concert .venue {
    padding-right: 0;
    padding-left: 28px;
}

[dir=rtl] .calender-landing .col-lg-9 .node--type-music-concert .date-time .time::before,
[dir=rtl] .calender-landing .col-lg-9 .node--type-music-concert .venue::before {
    right: auto;
    left: 0;
}

[dir=rtl] .calender-landing .col-lg-9 .node--type-music-concert .social-share-container .social-share .share-title {
    padding-right: 30px;
    padding-left: 0;
}

[dir=rtl] .calender-landing .col-lg-9 .node--type-music-concert .social-share-container .social-share .share-title::before {
    right: 0;
    left: auto;
    transform: translateY(-50%) scaleX(-1);
}

@media (max-width: 575.98px) {
    [dir=rtl] .calender-landing .music-event-inner-item .vocabulary-amenities .field--name-field-ame-amenities-icon {
        margin-left: 0 !important;
    }
}

.user-information {
    padding: 10px;
}

.user-information .heading {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}

.user-information .heading span {
    padding-right: 20px;
}

.user-information .heading span a {
    font-size: 14px;
    color: #00f5a3;
}

@media (max-width: 991.98px) {
    .user-information .profile-wpr .heading {
        padding-top: 40px;
    }
}

.user-information .profile-wpr .form-item {
    background-color: #292435;
    border-radius: 8px;
    padding: 5px 15px;
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .user-information .profile-wpr .form-item {
        margin-bottom: 30px;
    }
}

.user-information .profile-wpr .form-item .form-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 0;
}

.user-information .profile-wpr .form-item .form-value {
    font-size: 16px;
}

.user-application-container {
    position: relative;
    padding: 29px 45px;
    background: #FFFFFF;
}

@media (max-width: 767.98px) {
    .user-application-container {
        padding: 29px 20px;
    }
}

.user-application-container .application-no {
    display: flex;
    align-items: flex-end;
    gap: 17px;
}

.user-application-container .application-no .title {
    font-size: 32px;
    color: #201F1E;
    font-weight: 700;
    line-height: 43px;
}

@media (max-width: 767.98px) {
    .user-application-container .application-no .title {
        font-size: 30px;
        color: #201F1E;
        font-weight: 700;
        line-height: 43px;
    }
}

.user-application-container .application-no .submit-date {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 6px;
}

@media (max-width: 767.98px) {
    .user-application-container .application-no .submit-date {
        font-size: 12px;
        color: #000000;
        font-weight: 400;
        line-height: 19px;
    }
}

.user-application-container .application-no .submit-date span {
    font-weight: 600;
}

.user-application-container .application-course-wrapper {
    display: flex;
    gap: 70px;
    padding: 12px 0 22px;
    border-top: 1px solid #EDEBE9;
    border-bottom: 1px solid #EDEBE9;
}

@media (max-width: 767.98px) {
    .user-application-container .application-course-wrapper {
        flex-wrap: wrap;
        gap: 12px;
    }
}

@media (max-width: 767.98px) and (max-width:767.98px) {
    .user-application-container .application-course-wrapper {
        gap: 10px;
    }
}

@media (max-width: 767.98px) {
    .user-application-container .application-course-wrapper .info-col {
        flex-basis: calc(50% - 6px);
    }
}

.user-application-container .application-course-wrapper .info-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
    color: #201F1E;
    font-weight: 600;
    line-height: 20px;
}

.user-application-container .application-course-wrapper .info-col span {
    font-size: 14px;
    color: #323130;
    font-weight: 400;
    line-height: 20px;
}

@media (max-width: 767.98px) {
    .user-application-container .application-course-wrapper .info-col span {
        font-size: 12px;
        color: #323130;
        font-weight: 400;
        line-height: 20px;
    }
}

@media (max-width: 767.98px) {
    .user-application-container .application-course-wrapper .info-col {
        font-size: 14px;
        color: #201F1E;
        font-weight: 600;
        line-height: 20px;
    }
}

.user-application-container .application-summary-wrapper {
    position: relative;
    padding: 40px 0 30px;
}

@media (max-width: 767.98px) {
    .user-application-container .application-summary-wrapper {
        padding: 20px 0;
    }
}

.user-application-container .application-summary-wrapper .title {
    font-size: 20px;
    color: #323130;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 15px;
}

@media (max-width: 767.98px) {
    .user-application-container .application-summary-wrapper .title {
        font-size: 18px;
        color: #323130;
        font-weight: 700;
        line-height: 24px;
    }
}

.user-application-container .application-summary-wrapper .overlay-title {
    font-size: 18px;
    color: #000000;
    font-weight: 350;
    line-height: 24px;
    padding: 12px 17px;
    border-radius: 2px 2px 0px 0px;
    border-right: 2px solid #A19F9D;
    background: #F3F2F1;
}

@media (max-width: 767.98px) {
    .user-application-container .application-summary-wrapper .overlay-title {
        font-size: 16px;
        color: #000000;
        font-weight: 350;
        line-height: 24px;
    }
}

.user-application-container .application-summary-wrapper .application-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 11px 16px 24px 0;
}

@media (max-width: 767.98px) {
    .user-application-container .application-summary-wrapper .application-content {
        padding: 10px 0px 20px 0;
    }
}

.user-application-container .application-summary-wrapper .application-content .row-content {
    display: flex;
    gap: 45px;
}

@media (max-width: 767.98px) {
    .user-application-container .application-summary-wrapper .application-content .row-content {
        gap: 5px;
        flex-wrap: wrap;
    }
}

.user-application-container .application-summary-wrapper .application-content .row-content .info-title {
    font-size: 14px;
    color: #323130;
    font-weight: 400;
    line-height: 20px;
    width: 25%;
}

@media (max-width: 767.98px) {
    .user-application-container .application-summary-wrapper .application-content .row-content .info-title {
        font-size: 12px;
        color: #323130;
        font-weight: 400;
        line-height: 20px;
        width: calc(50% - 2.5px);
    }
}

.user-application-container .application-summary-wrapper .application-content .row-content .info-value {
    font-size: 14px;
    color: #201F1E;
    font-weight: 600;
    line-height: 20px;
    width: 300px;
}

@media (min-width: 768px) {
    .user-application-container .application-summary-wrapper .application-content .row-content .info-value {
        display: flex;
    }
    .user-application-container .application-summary-wrapper .application-content .row-content .info-value .verified-icon {
        width: 12px;
        height: 12px;
        display: block;
        background: url(https://gamers8.gg/themes/custom/gamers/images/verfied-icon.png) no-repeat;
        background-size: 100% 100%;
        margin: 3px 5px 0 0;
    }
}

@media (max-width: 767.98px) {
    .user-application-container .application-summary-wrapper .application-content .row-content .info-value {
        font-size: 12px;
        color: #201F1E;
        font-weight: 600;
        line-height: 20px;
        width: calc(50% - 2.5px);
        word-wrap: break-word;
    }
}

.user-application-container .application-summary-wrapper .application-content .row-content .info-download,
.user-application-container .application-summary-wrapper .application-content .row-content .info-copy {
    font-size: 14px;
    color: #0078D4;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .user-application-container .application-summary-wrapper .application-content .row-content .info-download,
    .user-application-container .application-summary-wrapper .application-content .row-content .info-copy {
        font-size: 12px;
        color: #0078D4;
        font-weight: 600;
        line-height: 20px;
        width: calc(50% - 2.5px);
        margin-right: auto;
    }
}

.user-application-container .application-summary-wrapper .application-content .checkbox-wrapper {
    display: flex;
    gap: 18px;
    align-items: center;
}

.user-application-container .application-summary-wrapper .application-content .checkbox-wrapper .checkbox-item {
    display: flex;
    position: relative;
    padding-right: 35px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 17px;
    height: 28px;
    align-items: center;
    cursor: pointer;
}

.user-application-container .application-summary-wrapper .application-content .checkbox-wrapper .checkbox-item input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.user-application-container .application-summary-wrapper .application-content .checkbox-wrapper .checkbox-item input:checked~.checkmark:after {
    display: block;
}

.user-application-container .application-summary-wrapper .application-content .checkbox-wrapper .checkbox-item .checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 23px;
    width: 23px;
    background-color: #D9D9D9;
}

.user-application-container .application-summary-wrapper .application-content .checkbox-wrapper .checkbox-item .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    right: 9px;
    top: 5px;
    width: 6px;
    height: 10px;
    border: solid #000000;
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg);
}

.application-action-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 54px 24px 130px;
    position: sticky;
    bottom: 0;
    background: #FFFFFF;
    border-top: 1px solid #EDEBE9;
}

@media (max-width: 767.98px) {
    .application-action-wrapper {
        padding: 15px 20px;
        flex-wrap: wrap;
        gap: 12px;
    }
}

.application-action-wrapper .cta-wrapper {
    display: flex;
    gap: 24px;
    align-items: center;
}

@media (max-width: 767.98px) {
    .application-action-wrapper .cta-wrapper {
        flex-wrap: wrap;
        gap: 12px;
    }
}

.application-action-wrapper .cta-wrapper .approve-cta,
.application-action-wrapper .cta-wrapper .reject-cta,
.application-action-wrapper .cta-wrapper .completed-cta {
    padding: 6px 20px;
    border-radius: 2px;
    font-size: 14px;
    color: #323130;
    font-weight: 600;
    line-height: 20px;
}

.application-action-wrapper .cta-wrapper .approve-cta {
    color: #FFFFFF;
    background: #0078D4;
}

.application-action-wrapper .cta-wrapper .completed-cta {
    color: #FFFFFF;
    background: #007621;
}

.application-action-wrapper .cta-wrapper .reject-cta {
    border: 1px solid #8A8886;
}

.application-action-wrapper .cta-wrapper .reject-cta a {
    color: #201F1E;
}

.application-action-wrapper .cta-wrapper .hold-cta {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    line-height: 20px;
}

.application-action-wrapper .cta-wrapper .hold-cta a {
    color: #201F1E;
}

.application-action-wrapper .back-cta {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    line-height: 20px;
}

.application-action-wrapper .back-cta a {
    color: #201F1E;
}

@media (max-width: 767.98px) {
    .application-action-wrapper .back-cta {
        margin: 0 auto;
    }
}

.applications-entry-list {
    padding: 30px 27px;
    position: relative;
    background: #FFFFFF;
}

.applications-entry-list .subheading {
    font-size: 18px;
    color: #201F1E;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}

.applications-entry-list .alerttext {
    padding: 16px 23px 24px 33px;
    max-width: 320px;
    font-size: 14px;
    color: #201F1E;
    font-weight: 400;
    line-height: 20px;
    border: 1px solid #000000;
    margin-bottom: 41px;
}

.applications-entry-list .application-list-menu {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 40px;
}

.applications-entry-list .application-list-menu .list-nav-item {
    font-size: 18px;
    color: #323130;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 4px;
    position: relative;
}

.applications-entry-list .application-list-menu .list-nav-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #000000;
    bottom: 0;
    right: 0;
    display: none;
}

.applications-entry-list .application-list-menu .list-nav-item.active {
    font-weight: 600;
}

.applications-entry-list .application-list-menu .list-nav-item.active::before {
    display: block;
}

.applications-entry-list .application-list-menu .list-nav-item.active span {
    font-weight: 400;
}

.applications-entry-list .application-list-form-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 90%;
}

@media (min-width: 768px) and (max-width:991.98px) {
    .applications-entry-list .application-list-form-wrapper {
        gap: 20px;
        max-width: 100%;
    }
}

.applications-entry-list .application-list-form-wrapper .applications-entry-search {
    display: flex;
    align-items: center;
    gap: 10px;
}

.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-item-course-name {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #605E5C;
    font-weight: 400;
    line-height: 20px;
}

.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-item-keyword {
    margin: 0;
}

.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-item-keyword input {
    max-width: 350px;
    border: 1px solid #605E5C;
    border-radius: 2px;
    background-color: transparent;
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/search-blue.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    font-size: 14px;
    color: #605E5C;
    font-weight: 400;
    line-height: 20px;
    padding: 6px 40px 6px 8px;
}

.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-item-keyword input:focus,
.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-item-keyword input:visited,
.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-item-keyword input:active {
    box-shadow: none;
}

.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-actions {
    margin: 0;
}

@media (min-width: 768px) and (max-width:991.98px) {
    .applications-entry-list .application-list-form-wrapper .applications-entry-search .form-actions {
        display: flex;
    }
}

.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-actions input[value=Reset] {
    background: transparent url(https://gamers8.gg/themes/custom/gamers/images/reset.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    padding: 5px 15px;
}

.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-actions input[value=Reset]::before,
.applications-entry-list .application-list-form-wrapper .applications-entry-search .form-actions input[value=Reset]::after {
    display: none;
}

.applications-entry-list .application-list-form-wrapper .app-bulk-status-frm .app-bulk-status-update {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    color: #201F1E;
    font-weight: 400;
    line-height: 20px;
}

.applications-entry-list .application-list-form-wrapper .app-bulk-status-frm .app-bulk-status-update .options-list {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.applications-entry-list .application-list-form-wrapper .app-bulk-status-frm .app-bulk-status-update .options-list select {
    background: transparent;
    margin-right: 5px;
}

.applications-entry-list .application-list-form-wrapper .app-bulk-status-frm .app-bulk-status-update .app-submit-button {
    background: #0078D4;
    padding: 6px 20px;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    border: 0;
}

.applications-entry-list .application-list-table {
    position: relative;
    max-width: 90%;
    padding: 42px 0 32px;
}

.applications-entry-list .application-list-table .table {
    margin: 0;
}

.applications-entry-list .application-list-table .table thead th {
    font-size: 14px;
    color: #323130;
    font-weight: 600;
    line-height: 20px;
    border-top: 1px solid #EDEBE9;
}

.applications-entry-list .application-list-table .table thead th .form-item {
    margin: 0;
}

.applications-entry-list .application-list-table .table thead th a {
    color: #323130;
}

.applications-entry-list .application-list-table .table tbody td {
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    line-height: 16px;
}

.applications-entry-list .application-list-table .table tbody td a {
    color: #0078D4;
}

.applications-entry-list .application-list-table .table> :not(caption)>*>* {
    border-color: #EDEBE9;
    padding: 12px 11px;
}

.applications-entry-list .application-list-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 90%;
}

.applications-entry-list .application-list-footer .showing-text p {
    margin: 0;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    line-height: 15px;
}

.applications-entry-list .application-list-footer .pagination {
    padding: 0;
    margin: 0;
    gap: 5px;
}

.applications-entry-list .application-list-footer .pagination .page-item {
    font-size: 12px;
    color: #000000;
    font-weight: 700;
    line-height: 16px;
}

.applications-entry-list .application-list-footer .pagination .page-item a {
    padding: 6px 10px;
    color: #000000;
}

.applications-entry-list .application-list-footer .pagination .page-item:first-child .page-link,
.applications-entry-list .application-list-footer .pagination .page-item:last-child .page-link {
    border-radius: 0;
}

.applications-entry-list .application-list-footer .pagination .page-item .page-link {
    border: 0;
}

.applications-entry-list .application-list-footer .pagination .active>.page-link {
    border-radius: 2px !important;
    background: #000000;
    color: #FFFFFF;
}

.instructor-admin-pages {
    background-color: #FFFFFF !important;
}

.instructor-admin-pages.loader-open {
    overflow: hidden;
}

.instructor-admin-pages.loader-open:before {
    content: "";
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    position: absolute;
}

.instructor-admin-pages:before {
    content: none;
}

.instructor-admin-pages ol.breadcrumb {
    padding: 0 !important;
}

.instructor-admin-pages ol.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    background: linear-gradient(-3deg, transparent, #000, transparent);
}

.instructor-admin-pages ol.breadcrumb li {
    color: #000000;
}

.instructor-admin-pages ol.breadcrumb li a {
    color: #000000;
}

.instructor-admin-pages ol.breadcrumb li:first-child a {
    background-image: url(https://gamers8.gg/themes/custom/gamers/images/Home.svg) !important;
    background-size: 17px;
}

.notification__title.blue-gradiant-text {
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: #fff;
}

.instructor-admin-pages .confirmation {
    text-align: center;
}

@media (min-width: 992px) {
    .instructor-admin-pages .confirmation {
        margin: 2rem;
        font-size: 20px;
    }
}

.instructor-admin-pages .confirmation .button {
    padding: 15px 30px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}

.instructor-admin-pages .confirmation .button#edit-cancel {
    color: #232429;
    background-color: #d3d4d9;
}

@media (min-width: 992px) {
    .instructor-admin-pages .home-page-wrapper .container {
        max-width: 97%;
    }
}

.instructor-admin-pages .footer-wrapper {
    background: #1C162B;
}

.instructor-admin-pages .list-group {
    padding: 0.66667em 1.33333em;
    font-size: 1.125em;
    line-height: 1.33333em;
}

.instructor-admin-pages .list-group .list-group__link a {
    color: #003ecc;
}

.instructor-admin-pages .list-group .list-group__link a,
.instructor-admin-pages .list-group .list-group__description {
    padding: 0.75em 3em 0.75em 1.5em;
}

.instructor-admin-pages #loader {
    display: none;
}

.instructor-admin-pages.loader-open .applications-entry-list {
    position: inherit;
}

.instructor-admin-pages.loader-open #loader {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    background: url(https://gamers8.gg/themes/custom/gamers/images/loading.gif);
    background-position: 50% 4%;
    background-repeat: no-repeat;
    background-size: 100px;
    border-radius: 10px;
    padding: 1em;
    z-index: 9;
    border: none;
    animation: none;
    margin: 0;
    display: block;
}

@media (max-width: 767.98px) {
    .instructor-admin-pages.loader-open #loader {
        background-size: 50px;
        background-position: 50% center;
    }
}

.instructor-admin-pages select {
    background: url(https://gamers8.gg/themes/custom/gamers/images/Single-arrow-dark.svg) no-repeat 5% !important;
}

.instructor-admin-pages select.form-select {
    border: 1px solid #605E5C;
    border-radius: 2px;
    background: transparent;
    font-size: 14px;
    color: #605E5C;
    font-weight: 400;
    line-height: 20px;
}

.instructor-admin-pages select.form-select:focus,
.instructor-admin-pages select.form-select:visited,
.instructor-admin-pages select.form-select:active {
    box-shadow: none;
}

.instructor-admin-pages .gamers-data-export-page {
    max-width: 97%;
    margin: 0 auto;
    padding: 0 12px;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form {
    width: 100%;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    flex-wrap: wrap;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-item {
    margin: 0;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-type-textfield,
.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-type-select {
    max-width: 200px;
    width: 100%;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-type-textfield label,
.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-type-select label {
    font-size: 14px;
    color: #605E5C;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-type-textfield input,
.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-type-textfield select,
.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-type-select input,
.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-type-select select {
    max-width: 350px;
    border: 1px solid #605E5C;
    border-radius: 2px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 95% center;
    font-size: 14px;
    color: #605E5C;
    font-weight: 400;
    line-height: 20px;
    padding: 6px 8px;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-actions {
    margin-right: 0;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-actions input[value=Reset] {
    background: transparent url(https://gamers8.gg/themes/custom/gamers/images/reset.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    padding: 5px 15px;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-wrapper {
    margin: 0;
}

.instructor-admin-pages .gamers-data-export-page .view-filters .views-exposed-form .form--inline .form-wrapper .fieldset-wrapper {
    display: flex;
    gap: 15px;
}

.instructor-admin-pages .gamers-data-export-page .view-content {
    overflow-x: auto;
}

.instructor-admin-pages .gamers-data-export-page .view-content .table {
    margin: 0;
}

.instructor-admin-pages .gamers-data-export-page .view-content .table thead th {
    font-size: 14px;
    color: #323130;
    font-weight: 600;
    line-height: 20px;
    border-top: 1px solid #EDEBE9;
}

.instructor-admin-pages .gamers-data-export-page .view-content .table thead th .form-item {
    margin: 0;
}

.instructor-admin-pages .gamers-data-export-page .view-content .table thead th a {
    color: #323130;
}

.instructor-admin-pages .gamers-data-export-page .view-content .table tbody td {
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    line-height: 16px;
}

.instructor-admin-pages .gamers-data-export-page .view-content .table tbody td a {
    color: #0078D4;
}

.instructor-admin-pages .gamers-data-export-page .view-content .table> :not(caption)>*>* {
    border-color: #EDEBE9;
    padding: 12px 11px;
}

.instructor-admin-pages .gamers-data-export-page .pager {
    display: flex;
}

.instructor-admin-pages .gamers-data-export-page .pager ul {
    margin: 20px auto 20px 0;
    padding: 0;
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    line-height: 15px;
}

.instructor-admin-pages .gamers-data-export-page .pager ul a {
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    line-height: 15px;
}

.instructor-admin-pages .gamers-data-export-page .feed-icons a {
    background: #0078D4;
    padding: 6px 20px;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
    line-height: 20px;
    border: 0;
    text-indent: inherit;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 30px;
    margin-right: auto;
}

.mobile-app main[role=main] {
    padding-top: 0;
    padding-bottom: 25px;
}

.mobile-app .search-global-form .fa-arrow-left.mobile-close {
    display: none;
}

.accordion .card-header .collapse__icon path {
    fill: #fff;
    opacity: 0.5;
}

@media (min-width: 576px) {
    .mobile-app nav[aria-label=breadcrumb] {
        padding-top: 50px;
    }
    .mobile-app nav[aria-label=breadcrumb] ol.breadcrumb {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .mobile-app .calender-landing .calendar-left-wrapper {
        top: 0;
    }
}

.modal .select2-dropdown {
    z-index: 3051;
}

.edit__profile a.btn.btn-secondary.nf_add__team-btn {
    margin-right: 10px;
    border: 1px solid #161b26;
    background: linear-gradient(-206.91deg, #00f5a3 16.83%, #06FFF8 202.64%);
}

table.tabel_tournaments {
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    border-width: 2px;
    border-color: #161b26;
    border-style: solid;
    color: #000000;
}

table.tabel_tournaments td,
table.tabel_tournaments th {
    border-width: 2px;
    border-color: #161b26;
    border-style: solid;
    padding: 8px;
}

table.tabel_tournaments thead {
    background-color: #fff;
    color: #313131;
}

table.tabel_tournaments td {
    background-color: #07271d;
    color: #fff;
    text-align: center;
}

.tabel_tournaments.full-width tbody tr td:first-child {
    text-align: right;
}

.tabel_tournaments.full-width thead tr th {
    text-align: center;
}

.tabel_tournaments.full-width thead tr th:first-child,
.tabel_tournaments.full-width tbody tr td:first-child {
    width: 40em;
}

.tabel_tournaments.tabl__2 thead tr th:first-child,
.tabel_tournaments.tabl__2 tbody tr td:first-child {
    width: 20em;
}

.tournament__des-block .tab-content .col-6 {
    margin-bottom: 30px;
}

.tournament__des-block .tab-content {
    padding: 10px 0 0 0;
}

.tabel_tournaments.tabl__2 thead tr {
    text-align: center;
    font-weight: bold;
}

.tabel_tournaments.tabl__2 tbody tr td:first-child {
    text-align: right;
}

.notification-badge {
    background-color: #00f5a3;
    border-radius: 50% !important;
    padding: 0 !important;
    line-height: 18px !important;
    position: static !important;
}

.notfi1 {
    position: absolute;
    top: -15px;
    right: -5px;
  display: inline-block;
}

.header__notification #notification a {
    position: relative;
    display: block;
}

.games_menu-left,
.games_menu-right {
    display: flex;
    align-items: center;
}

.price__pool .price__pool-col:nth-child(odd) .price__pool__item span {
    background: linear-gradient(-180deg, #E9C070 -1.32%, #EDD7AC 100%);
}

.price__pool .price__pool-col:nth-child(even) .price__pool__item span {
    background: linear-gradient(-180deg, #C8C8C8 -1.32%, #EBEBEB 100%);
}

.price__pool-col {
    margin-bottom: 15px;
}

.leagues-block .row,
.tournaments-block .row {
    margin: 0;
}

.join__tournament-modal input.form-control {
    background-color: #0f121a;
}

body .modal .input-group-prepend .input-group-text,
body .modal .tournament__rule__main .tournament-rules {
    background-color: #0f121a;
}

.modal .close svg path {
    fill: #fff;
    opacity: 1;
}

body .modal .close {
    opacity: 1;
    background: linear-gradient(-206.91deg, #00f5a3 16.83%, #06FFF8 202.64%);
    padding: 12px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 10px;
    transition: all 0.5s;
}

body .about__tournament .social__sharing li a {
    outline: none;
    border: none;
}

.social__sharing li {
    border: none;
}

body .about__tournament .social__sharing li a:hover {
    background: #00f5a3;
}

.modal .close svg {
    width: 16px;
    height: 16px;
}

body .has-error .help-block {
    font-weight: bold;
    font-weight: 14px;
}

body .trophies__icon a .trophies__count {
    background: linear-gradient(-206.91deg, #00f5a3 16.83%, #06FFF8 202.64%);
}

.block-system-main-block,
body .teams__table table thead tr th {
    color: #fff;
}

ul.square-tabs {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 0;
    border-radius: 10px;
    border: 1px solid #03381e;
    background: #07271d;
}

ul.square-tabs li a {
    padding: 16px 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.7;
    display: block;
    min-width: 160px;
    text-align: center;
    width: 100%;
}


.tournament__cover-block {
    /* background-color: #161b26; */
}

@media (max-width: 991px) {
    .path-frontpage main {
        margin-top: 80px;
    }
    .header-main #block-useraccountinfo-mobile .user_info_dropdown #btnControl+label+ul li a {
        padding: 0;
    }
    #block-gamers-breadcrumbs nav {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    ul.square-tabs {
        overflow: auto;
    }
    ul.square-tabs li a {
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        padding: 13.6px 15px;
        min-width: -moz-fit-content;
        min-width: fit-content;
    }
}

@media (max-width: 600px) {
    #block-gamers-breadcrumbs nav {
        margin-top: 0;
    }
}

@media (max-width: 479px) {
    ul.inline li {
        padding: 0 0.3em;
    }
    ul.square-tabs li a {
        padding: 16px 10px;
        font-size: 11px;
        min-width: auto;
    }
    .modal .tournament__terms label {
        font-size: 12px !important;
    }
    .mCSB_inside>.mCSB_container {
        margin-left: 0;
    }
    .notification__list {
        width: max-content;
        max-width: max-content;
    }
    .menu-button-container {
        margin-left: 0;
    }
    .header__notification .dropdown-menu {
        left: -112px!important;
        width: 300px;
    }
    .notification__list {
        width: 300px;
    }
}
.team__name a {
    gap: 10px;
}
/* Timeline Block */
body .tournament__des-block .card .stage_completed {
    position: relative !important;
    padding-right: 40px !important;
}

.stage_completed:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IiMzQzRENzMiLz4KPHBhdGggZD0iTTM4LjAzMjUgMTUuNzg5MUwxOS43MTg0IDM0TDExIDI1LjMzMDkiIHN0cm9rZT0iIzFGMjczQyIgc3Ryb2tlLXdpZHRoPSIzLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
    width: 30px;
    height: 30px;
    background-size: 30px !important;
    background-repeat: no-repeat !important;
    z-index: 9;
}

.stage_completed:not(:last-child):after {
    content: '';
    border-bottom: 1px solid #3c4d73;
    position: absolute;
    bottom: 0;
    background: #3c4d73;
    width: 1px;
    height: 50px;
    right: 15px;
    z-index: 1;
}

.stage_completed.stage_inprogress:before {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IiMzQzRENzMiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1XzUzKSI+CjxwYXRoIGQ9Ik0zMS40MjU1IDIwLjc0NThDMzIuMDE3OCAyMC4yMzEgMzIuMzU0NSAxOS40ODM5IDMyLjM1NDUgMTguNjk4MVYxNC41NDg0SDMzLjkwMjlDMzQuMzI4NyAxNC41NDg0IDM0LjY3NzEgMTQuMiAzNC42NzcxIDEzLjc3NDJDMzQuNjc3MSAxMy4zNDg0IDM0LjMyODcgMTMgMzMuOTAyOSAxM0gxNi4wOTY1QzE1LjY3MDcgMTMgMTUuMzIyMyAxMy4zNDg0IDE1LjMyMjMgMTMuNzc0MkMxNS4zMjIzIDE0LjIgMTUuNjcwNyAxNC41NDg0IDE2LjA5NjUgMTQuNTQ4NEgxNy42NDQ5VjE5LjA3NzVDMTcuNjQ0OSAxOS44NjcyIDE3Ljk4NTUgMjAuNjE4MSAxOC41ODU1IDIxLjEzM0wyMi4wMjI5IDI0LjExMzZDMjIuMjgyMyAyNC4zMzgyIDIyLjQyOTQgMjQuNjU1NSAyMi40Mjk0IDI1LjAwMDFDMjIuNDI5NCAyNS4zNDQ2IDIyLjI4NjIgMjUuNjYyIDIyLjAyMjkgMjUuODg2NUwxOC41ODU1IDI4Ljg2MzNDMTcuOTg1NSAyOS4zODIgMTcuNjQ0OSAzMC4xMzI5IDE3LjY0NDkgMzAuOTIyNlYzNS40NTE3SDE2LjA5NjVDMTUuNjcwNyAzNS40NTE3IDE1LjMyMjMgMzUuODAwMSAxNS4zMjIzIDM2LjIyNTlDMTUuMzIyMyAzNi42NTE3IDE1LjY3MDcgMzcuMDAwMSAxNi4wOTY1IDM3LjAwMDFIMzMuOTAyOUMzNC4zMjg3IDM3LjAwMDEgMzQuNjc3MSAzNi42NTE3IDM0LjY3NzEgMzYuMjI1OUMzNC42NzcxIDM1LjgwMDEgMzQuMzI4NyAzNS40NTE3IDMzLjkwMjkgMzUuNDUxN0gzMi4zNTQ1VjMxLjMwMkMzMi4zNTQ0IDMwLjkxNDIgMzIuMjcxNCAzMC41MzEgMzIuMTExMiAzMC4xNzc4QzMxLjk1MSAyOS44MjQ3IDMxLjcxNzIgMjkuNTA5OCAzMS40MjU1IDI5LjI1NDNMMjcuNTcgMjUuODgyN0MyNy4zMTA3IDI1LjY1ODEgMjcuMTcxMyAyNS4zNDQ2IDI3LjE3MTMgMjUuMDAwMUMyNy4xNzEzIDI0LjY1NTUgMjcuMzE0NiAyNC4zNDIgMjcuNTcgMjQuMTE3NUwzMS40MjU1IDIwLjc0NThaTTI2LjU1MTkgMjcuMDQ3N0wzMC40MDc0IDMwLjQxOTRDMzAuNTMyOSAzMC41Mjk2IDMwLjYzMzMgMzAuNjY1NCAzMC43MDIxIDMwLjgxNzZDMzAuNzcwOSAzMC45Njk4IDMwLjgwNjMgMzEuMTM1IDMwLjgwNjEgMzEuMzAyVjM1LjQ1MTZIMTkuMTkzMlYzMC45MjI2QzE5LjE5MzIgMzAuNTgxOSAxOS4zNDAzIDMwLjI2MDcgMTkuNTk1OCAzMC4wMzYxTDIzLjAzMzIgMjcuMDU5NEMyMy42Mjk0IDI2LjU0MDYgMjMuOTczOSAyNS43OTM2IDIzLjk3MzkgMjUuMDAzOUMyMy45NzM5IDI0LjIxNDIgMjMuNjMzMiAyMy40NjMyIDIzLjAzMzIgMjIuOTQ4NEwxOS41OTU4IDE5Ljk2NzhDMTkuNDY5NCAxOS44NTY0IDE5LjM2ODEgMTkuNzE5NSAxOS4yOTg2IDE5LjU2NkMxOS4yMjkyIDE5LjQxMjQgMTkuMTkzMyAxOS4yNDU5IDE5LjE5MzIgMTkuMDc3NFYxNC41NDg0SDMwLjgwNjFWMTguNjk4QzMwLjgwNjEgMTkuMDM0OCAzMC42NTkgMTkuMzU2MSAzMC40MDM1IDE5LjU4MDZMMjYuNTQ4MSAyMi45NTIyQzI1Ljk1OTYgMjMuNDY3MSAyNS42MTkgMjQuMjE0MiAyNS42MTkgMjVDMjUuNjE5IDI1Ljc4NTggMjUuOTU5NyAyNi41MzI5IDI2LjU1MTkgMjcuMDQ3N1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMC4wMzEzIDE4LjY5NzRWMTguMDc4MUMzMC4wMzEzIDE3LjgzODEgMjkuODM3NyAxNy42NDQ1IDI5LjYwMTYgMTcuNjQ0NUgyMC4zOTY1QzIwLjE2MDMgMTcuNjQ0NSAxOS45NjY4IDE3LjgzODEgMTkuOTY2OCAxOC4wNzQyVjE5LjA3NjhDMTkuOTY2OCAxOS4zMDUyIDIwLjA2NzQgMTkuNTIyIDIwLjIzNzggMTkuNjY5MUwyMy42MjEgMjIuNjAzM0MyNC4wMzkxIDIyLjk2NzEgMjQuMzgzNiAyMy40MiAyNC41NjU1IDIzLjk0MjZDMjUuMDA2OCAyNS4xOTY4IDI0LjYxOTggMjYuNTI4NSAyMy42NzUyIDI3LjM0NTJMMjAuMjM3OCAzMC4zMjU4QzIwLjA2NzUgMzAuNDc2OCAxOS45NjY5IDMwLjY4OTcgMTkuOTY2OSAzMC45MTgxVjM0LjMyODRDMTkuOTY2OSAzNC41MjIgMjAuMTIxNyAzNC42NzY4IDIwLjMxMTQgMzQuNjc2OEgyOS42ODY5QzI5Ljc3ODIgMzQuNjc2NiAyOS44NjU3IDM0LjY0MDMgMjkuOTMwMyAzNC41NzU3QzI5Ljk5NDkgMzQuNTExMSAzMC4wMzEyIDM0LjQyMzYgMzAuMDMxNCAzNC4zMzIzVjMxLjMwMTNDMzAuMDMxNCAzMS4wNzI5IDI5LjkzNDYgMzAuODYgMjkuNzY0MyAzMC43MDkxTDI1Ljk3NDcgMjcuMzkxNkMyNS41NjA0IDI3LjAyNzggMjUuMjE5OCAyNi41Nzg3IDI1LjAzNCAyNi4wNkMyNC41ODg4IDI0LjgwOTcgMjQuOTcyIDIzLjQ4MTkgMjUuOTA4OCAyMi42NTc0TDI5Ljc2NDMgMTkuMjg1OEMyOS45MzQ1IDE5LjEzODcgMzAuMDMxMyAxOC45MjE5IDMwLjAzMTMgMTguNjk3NFoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjVfNTMiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMyAxMykiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K')
}

.stage_completed.stage_inprogress:after {
    opacity: 0;
}

.stage_completed.stage_inupcoming:before {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiByeD0iMjUiIGZpbGw9IiMzQzRENzMiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1XzUzKSI+CjxwYXRoIGQ9Ik0zMS40MjU1IDIwLjc0NThDMzIuMDE3OCAyMC4yMzEgMzIuMzU0NSAxOS40ODM5IDMyLjM1NDUgMTguNjk4MVYxNC41NDg0SDMzLjkwMjlDMzQuMzI4NyAxNC41NDg0IDM0LjY3NzEgMTQuMiAzNC42NzcxIDEzLjc3NDJDMzQuNjc3MSAxMy4zNDg0IDM0LjMyODcgMTMgMzMuOTAyOSAxM0gxNi4wOTY1QzE1LjY3MDcgMTMgMTUuMzIyMyAxMy4zNDg0IDE1LjMyMjMgMTMuNzc0MkMxNS4zMjIzIDE0LjIgMTUuNjcwNyAxNC41NDg0IDE2LjA5NjUgMTQuNTQ4NEgxNy42NDQ5VjE5LjA3NzVDMTcuNjQ0OSAxOS44NjcyIDE3Ljk4NTUgMjAuNjE4MSAxOC41ODU1IDIxLjEzM0wyMi4wMjI5IDI0LjExMzZDMjIuMjgyMyAyNC4zMzgyIDIyLjQyOTQgMjQuNjU1NSAyMi40Mjk0IDI1LjAwMDFDMjIuNDI5NCAyNS4zNDQ2IDIyLjI4NjIgMjUuNjYyIDIyLjAyMjkgMjUuODg2NUwxOC41ODU1IDI4Ljg2MzNDMTcuOTg1NSAyOS4zODIgMTcuNjQ0OSAzMC4xMzI5IDE3LjY0NDkgMzAuOTIyNlYzNS40NTE3SDE2LjA5NjVDMTUuNjcwNyAzNS40NTE3IDE1LjMyMjMgMzUuODAwMSAxNS4zMjIzIDM2LjIyNTlDMTUuMzIyMyAzNi42NTE3IDE1LjY3MDcgMzcuMDAwMSAxNi4wOTY1IDM3LjAwMDFIMzMuOTAyOUMzNC4zMjg3IDM3LjAwMDEgMzQuNjc3MSAzNi42NTE3IDM0LjY3NzEgMzYuMjI1OUMzNC42NzcxIDM1LjgwMDEgMzQuMzI4NyAzNS40NTE3IDMzLjkwMjkgMzUuNDUxN0gzMi4zNTQ1VjMxLjMwMkMzMi4zNTQ0IDMwLjkxNDIgMzIuMjcxNCAzMC41MzEgMzIuMTExMiAzMC4xNzc4QzMxLjk1MSAyOS44MjQ3IDMxLjcxNzIgMjkuNTA5OCAzMS40MjU1IDI5LjI1NDNMMjcuNTcgMjUuODgyN0MyNy4zMTA3IDI1LjY1ODEgMjcuMTcxMyAyNS4zNDQ2IDI3LjE3MTMgMjUuMDAwMUMyNy4xNzEzIDI0LjY1NTUgMjcuMzE0NiAyNC4zNDIgMjcuNTcgMjQuMTE3NUwzMS40MjU1IDIwLjc0NThaTTI2LjU1MTkgMjcuMDQ3N0wzMC40MDc0IDMwLjQxOTRDMzAuNTMyOSAzMC41Mjk2IDMwLjYzMzMgMzAuNjY1NCAzMC43MDIxIDMwLjgxNzZDMzAuNzcwOSAzMC45Njk4IDMwLjgwNjMgMzEuMTM1IDMwLjgwNjEgMzEuMzAyVjM1LjQ1MTZIMTkuMTkzMlYzMC45MjI2QzE5LjE5MzIgMzAuNTgxOSAxOS4zNDAzIDMwLjI2MDcgMTkuNTk1OCAzMC4wMzYxTDIzLjAzMzIgMjcuMDU5NEMyMy42Mjk0IDI2LjU0MDYgMjMuOTczOSAyNS43OTM2IDIzLjk3MzkgMjUuMDAzOUMyMy45NzM5IDI0LjIxNDIgMjMuNjMzMiAyMy40NjMyIDIzLjAzMzIgMjIuOTQ4NEwxOS41OTU4IDE5Ljk2NzhDMTkuNDY5NCAxOS44NTY0IDE5LjM2ODEgMTkuNzE5NSAxOS4yOTg2IDE5LjU2NkMxOS4yMjkyIDE5LjQxMjQgMTkuMTkzMyAxOS4yNDU5IDE5LjE5MzIgMTkuMDc3NFYxNC41NDg0SDMwLjgwNjFWMTguNjk4QzMwLjgwNjEgMTkuMDM0OCAzMC42NTkgMTkuMzU2MSAzMC40MDM1IDE5LjU4MDZMMjYuNTQ4MSAyMi45NTIyQzI1Ljk1OTYgMjMuNDY3MSAyNS42MTkgMjQuMjE0MiAyNS42MTkgMjVDMjUuNjE5IDI1Ljc4NTggMjUuOTU5NyAyNi41MzI5IDI2LjU1MTkgMjcuMDQ3N1oiIGZpbGw9IiMyMjJCNDIiLz4KPHBhdGggZD0iTTMwLjAzMTMgMTguNjk3NFYxOC4wNzgxQzMwLjAzMTMgMTcuODM4MSAyOS44Mzc3IDE3LjY0NDUgMjkuNjAxNiAxNy42NDQ1SDIwLjM5NjVDMjAuMTYwMyAxNy42NDQ1IDE5Ljk2NjggMTcuODM4MSAxOS45NjY4IDE4LjA3NDJWMTkuMDc2OEMxOS45NjY4IDE5LjMwNTIgMjAuMDY3NCAxOS41MjIgMjAuMjM3OCAxOS42NjkxTDIzLjYyMSAyMi42MDMzQzI0LjAzOTEgMjIuOTY3MSAyNC4zODM2IDIzLjQyIDI0LjU2NTUgMjMuOTQyNkMyNS4wMDY4IDI1LjE5NjggMjQuNjE5OCAyNi41Mjg1IDIzLjY3NTIgMjcuMzQ1MkwyMC4yMzc4IDMwLjMyNThDMjAuMDY3NSAzMC40NzY4IDE5Ljk2NjkgMzAuNjg5NyAxOS45NjY5IDMwLjkxODFWMzQuMzI4NEMxOS45NjY5IDM0LjUyMiAyMC4xMjE3IDM0LjY3NjggMjAuMzExNCAzNC42NzY4SDI5LjY4NjlDMjkuNzc4MiAzNC42NzY2IDI5Ljg2NTcgMzQuNjQwMyAyOS45MzAzIDM0LjU3NTdDMjkuOTk0OSAzNC41MTExIDMwLjAzMTIgMzQuNDIzNiAzMC4wMzE0IDM0LjMzMjNWMzEuMzAxM0MzMC4wMzE0IDMxLjA3MjkgMjkuOTM0NiAzMC44NiAyOS43NjQzIDMwLjcwOTFMMjUuOTc0NyAyNy4zOTE2QzI1LjU2MDQgMjcuMDI3OCAyNS4yMTk4IDI2LjU3ODcgMjUuMDM0IDI2LjA2QzI0LjU4ODggMjQuODA5NyAyNC45NzIgMjMuNDgxOSAyNS45MDg4IDIyLjY1NzRMMjkuNzY0MyAxOS4yODU4QzI5LjkzNDUgMTkuMTM4NyAzMC4wMzEzIDE4LjkyMTkgMzAuMDMxMyAxOC42OTc0WiIgZmlsbD0iIzIyMkI0MiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI1XzUzIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMgMTMpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
}

.card-body.stage_completed * {
    color: #3c4d73;
}

.card-body.stage_completed .mCSB_container > div:first-child {
    font-weight: 600;
    font-size: 15px;
}

.card-body.stage_completed.stage_inprogress .mCSB_container > div:first-child {
    color: #fff;
}

div#collapse-timeline {
    padding-bottom: 15px;
}

.stage_completed.stage_inupcoming:after {
    opacity: 0;
}

/* Featured match details page design */
.nf__featured-match iframe {
    height: 100vh;
}
.video-ref {
    position: relative;
    padding-top: 100vh;
    overflow: hidden;
}

.video-ref video {
    position: absolute;
    top: 0;
    right: 0;
    object-fit: cover;
}

@media(max-width:575px){
    .match__info > div {
        max-width: calc(100% / 3);
        flex: 0 0 calc(100% / 3);
    }

    .nf__featured-match .match__info {
        gap: 0px;
    }

    .nf__featured-match .team__logo {
        max-width: 100px;
        height: 100px;
    }
    .match__info > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}



.match__details-block .nf__featured-match .match__info .team__info {
    max-width: 300px;
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media(max-width:767px){
    .match__details-block .nf__featured-match .match__info .team__info {
        max-width: 200px;
        flex: 0 0 200px;
    }
}


@media(max-width:575px){
    .match__details-block .nf__featured-match .match__info .team__info {
        max-width: 33%;
        flex: 0 0 33%;
    }
}
/* Qualifiying Line CSS */


.arrow-container {
    display: inline-block;
    width: 18.1px;
    margin-right: 5px;
}

.table .qualification_td {
    display: flex;
    background: transparent !important;
    padding: 0 8px 0 0 !important;
    width: 100% !important;
    background: #0d0f16 !important;
    border: 0 !important;
}

.qualification__row {
    position: relative;
}


.table .qualification_td {
    background: #161b26 !important;
}

.qualification__row:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 10px;
    border-top: 1px dashed var(--primary-green-color);
}
.qualification_td .text-container {
    color: #fff;
    padding: 0 0 0 9px;
}

td.qualification_td:after {
    opacity: 0;
}

/* Popup close button set in rtl - 17-07-2024 start */
@media (max-width: 767px) {
    .team__modal .close {
        right: auto !important;
        left: 10px !important;
    }
}
/* Popup close button set in rtl - 17-07-2024 end */

/* start css 2024-11-30 */
.header__menu {
    padding: 0;
}

body .header__menu ul {
    justify-content: flex-start !important;
    padding: 0;
    gap: 40px !important;
}

.nf_head-btn .btn {
    border-radius: 8px;
    /* padding: 7.5px 21px; */
}

.header__logo {
    display: inline-block;
}

.header__main > div > div > div:last-child {
    gap: 5px;
}

.lang_links {
    width: 185px;
    justify-content: center;
}

.toggle__menu {
    top: 7px;
}

.toggle__menu.open span:nth-child(1) {
    margin-bottom: 2px;
}

.header__main > div > div > div:nth-child(2) {
    /* position: static; */
    flex: 1 !important;
    max-width: 100% !important;
    width: 100%;
    /* padding-left: 70px !important; */
}
.header__main .row {
    justify-content: space-between;
}

body .header__menu ul {
    padding: 0;
}


@media (max-width:400px){

    .lang_links {
        width: auto;
    }

    .header__main > div > div > div:last-child {
        gap: 13px;
    }

    .header__main .header__logo img {
        width: 60px;
    }

    .header__main .row {
        gap: 4px;
    }
    .header__main > div > div > div:last-child {
        padding-left: 50px;
    }

    html[dir="rtl"] .header__main > div > div > div:last-child {
        gap: 7px;
    }
}

@media(max-width:600px){
    html[dir="rtl"] .lang_links a img {
        width: 20px;
        height: 20px;
    }

    html[dir="rtl"] .lang_links a span {
        font-size: 14px;
    }

    html[dir="rtl"] .lang_links {
        width: auto;
    }

    html[dir="rtl"] .header__main > div > div > div:last-child {
        gap: 13px;
    }

    html[dir="rtl"] .header__main .header__logo img {
        width: 60px;
    }
    html[dir="rtl"] body .header__menu .nav-item .nav-link {
        color: #111;
        padding: 0px 10px;
    }

    html[dir="rtl"] .header__menu ul {
        padding-block: 13px !important;
    }
    html[dir="rtl"] .nf_head-btn .btn {
        padding: 6px 7px;
        font-size: 14px;
    }
    html[dir="rtl"] .header__main > div > div > div:last-child {
        padding-left: 43px !important;
        gap: 5px !important;
    }


}

.toggle__menu {
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: center;
}



@media(max-width:1199px) and (min-width:992px){
    .header__menu {
        display: block;
    }

    body .header__menu ul {
        gap: 10px !important;
    }

    .header__main > div > div > div:last-child {
        width: 29%;
    }
}
@media(max-width:991px){
    .toggle__menu {
        height: auto;
        top: 19px !important;
    }
    .header__menu.active ul {
        padding: 10px 20px;
    }
    .header__main{
        padding-inline: 15px;
    }
}
@media(max-width:767px){
    .header__main > div > div > div:last-child {
        padding-left: 60px;
    }
}
@media(max-width:575px){
    .header__main > div > div > div {
        flex: 1 0 0 !important;
        max-width: fit-content !important;
    }
    .toggle__menu {
        top: 13px !important;
    }
}

@media(max-width:1366px){
    body .header__menu ul {
        gap: 25px !important;
    }
    .lang_links a img {
        width: 20px;
        height: 20px;
    }

}
.lang_links a span {
    font-size: 12px;
}
html[dir="rtl"] .nf_head-btn .btn {
    padding: 6px 7px;
    font-size: 12px;
    white-space: nowrap;
}
/* end css 2024-11-30 */