.investor_page_wrapper {
    position: relative
}

.ecosystem_page_title {
    color: #05f385;
    top: -4rem
}

.contact_us_btn {
    border-radius: 4px;
    background-color: #05F385;
    color: #000000 !important;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: .7rem 2.5rem
}

.card_wrapper_section {
    border-radius: 8px;
    background-color: #090a0e
}

.card_wrapper_section-link {
    border-radius: 8px;
    background-color: #000000;
    min-height: 240px
}

.paragrapgh_description {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.84px;
    padding-bottom: 1rem
}

.page-not-found-section-container .not-found-img-container img {
    height: 252px
}

.page-not-found-section-container .section-heading {
    color: #ffffff;
    font-size: 70px;
    font-style: italic;
    font-weight: 900
}

.page-not-found-section-container .section-p {
    color: #727a97;
    font-size: 17px;
    font-style: italic
}

.page-not-found-section-container a {
    color: #ffffff;
    font-size: 15px;
    font-style: italic;
    font-weight: 900;
    text-decoration: none !important;
    text-transform: uppercase
}

.gaming-gear-wrapper {
    background-color: #0e0f15
}

.about-page-section {
    overflow: hidden
}

.about-page-section .about-p {
    font-weight: 400 !important
}

.about-page-section .about-page-section-h2 {
    text-transform: uppercase;
    font-size: 0.9em;
    color: #05f385
}

.gaming_ecosystem_section::after {
    content: "";
    background: linear-gradient(144.75deg, #d4f5f1 0%, #fff 45.66%, #ffeef0 100%);
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -50vw;
    right: -50vw
}

.ecosystem_gamming_title {
    font-size: 41px;
    letter-spacing: 2.16px;
    line-height: 48px
}

.ecossystem_card_title {
    font-size: 26px
}

.ecosystem_card_arrow-icon {
    padding-right: 0.5rem;
    max-width: 1rem
}

[dir="rtl"] .ecosystem_card_arrow-icon {
    transform: rotate(180deg)
}

.checkbox-wrapper [type='checkbox']:not(:checked),
.checkbox-wrapper [type='checkbox']:checked {
    position: absolute;
    left: -9999px
}

[dir='rtl'] .checkbox-wrapper [type='checkbox']:not(:checked),
[dir='rtl'] .checkbox-wrapper [type='checkbox']:checked {
    left: unset;
    right: -9999px
}

.checkbox-wrapper [type='checkbox']:not(:checked)+label,
.checkbox-wrapper [type='checkbox']:checked+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer
}

[dir='rtl'] .checkbox-wrapper [type='checkbox']:not(:checked)+label,
[dir='rtl'] .checkbox-wrapper [type='checkbox']:checked+label {
    padding-left: unset;
    padding-right: 1.95em
}

.checkbox-wrapper [type='checkbox']:not(:checked)+label:before,
.checkbox-wrapper [type='checkbox']:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    border: 1px solid #ffffff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)
}

[dir='rtl'] .checkbox-wrapper [type='checkbox']:not(:checked)+label:before,
[dir='rtl'] .checkbox-wrapper [type='checkbox']:checked+label:before {
    left: unset;
    right: 0
}

.checkbox-wrapper [type='checkbox']:not(:checked)+label:after,
.checkbox-wrapper [type='checkbox']:checked+label:after {
    content: '\2713   ';
    position: absolute;
    left: 0.15em;
    top: 0.05em;
    font-size: 1.3em;
    line-height: 0.8;
    color: #ffffff;
    transition: all 0.2s;
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial
}

[dir='rtl'] .checkbox-wrapper [type='checkbox']:not(:checked)+label:after,
[dir='rtl'] .checkbox-wrapper [type='checkbox']:checked+label:after {
    left: unset;
    right: 0.06em
}

.checkbox-wrapper [type='checkbox']:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.checkbox-wrapper [type='checkbox']:checked+label:after {
    opacity: 1;
    transform: scale(0.8)
}

.checkbox-wrapper [type='checkbox']:disabled:not(:checked)+label:before,
.checkbox-wrapper [type='checkbox']:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.checkbox-wrapper [type='checkbox']:disabled:checked+label:after {
    color: #999
}

.checkbox-wrapper [type='checkbox']:disabled+label {
    color: #aaa
}

.checkbox-wrapper [type='checkbox']:checked:focus+label:before,
.checkbox-wrapper [type='checkbox']:not(:checked):focus+label:before {
    border: 2px solid #5b6d6a
}

.checkbox-wrapper label:hover:before {
    border: 2px solid #5b6d6a !important
}

.gfg-better-section {
    min-height: 698px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    padding-bottom: 100px
}

.gfg-logo-image {
    object-fit: contain;
    width: 150px;
    height: 100px
}

@media (min-width: 992px) {
    .gfg-logos-container {
        width: 75%;
        margin: auto
    }
}

.mission-section .hashtag {
    width: 145px
}

.mission-cards-container .mission-card-col .gfg-mission-card {
    height: 100%;
    font-size: 13px;
    color: #dbe6e8;
    border: 2px solid #0f1018;
    border-radius: 43px;
    position: relative
}

.mission-cards-container .mission-card-col .gfg-mission-card img {
    height: 45px
}

@media (max-width: 576px) {
    .mission-cards-container .mission-card-col .gfg-mission-card {
        font-size: 14px
    }
}

@media (min-width: 992px) {
    [dir="ltr"] .mission-cards-container .mission-card-col:not(:last-child) .gfg-mission-card::after {
        content: "";
        background-image: url(../../../images/gameforgood/arrow.svg);
        background-repeat: no-repeat;
        width: 8px;
        height: 13px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(250%, -50%)
    }
    [dir="rtl"] .mission-cards-container .mission-card-col:not(:first-child) .gfg-mission-card::after {
        content: "";
        background-image: url(../../../images/gameforgood/arrow.svg);
        background-repeat: no-repeat;
        width: 8px;
        height: 13px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(250%, -50%) rotate(180deg)
    }
}

.gfg-mission-rectangle {
    height: 100%;
    background: linear-gradient(147.52deg, #000 60%, #0e1124 100%)
}

.gfg-mission-title {
    font-size: 30px;
    letter-spacing: 0.6px
}

.missions-list {
    list-style: none;
    color: #b5bec1;
    font-size: 15px
}

.gfg-top {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (max-width: 992px) {
    .gfg-top {
        padding-top: 6rem
    }
}

.gfg-bottom-lay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%)
}

.gfg-title {
    font-size: 81px
}

@media (max-width: 767px) {
    .gfg-title {
        font-size: 64px
    }
}

.gfg-subtitle {
    font-size: 21px;
    letter-spacing: 1.11px
}

.gfg-cover-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    object-fit: contain
}

.gfg-cover-content {
    z-index: 10
}

.gfg-cover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: black;
    z-index: 1
}

.gfg-moon-container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -25%)
}

.gfg-moon {
    height: 199px
}

.gfg-moon-feather {
    height: 215px;
    top: -10px;
    position: absolute;
    z-index: 2
}

.gfg-card {
    height: 100%;
    border-radius: 41px;
    box-shadow: inset 1px -1px 7px 0 rgba(0, 0, 0, 0.12);
    color: #b5bec1;
    position: relative;
    overflow: hidden;
    background: black
}

.gfg-card__content {
    font-size: 16px;
    position: relative;
    z-index: 2;
    padding: 22px
}

.gfg-card .title {
    font-size: 26px;
    letter-spacing: 0.81px;
    line-height: 0
}

.gfg-card.pink-card {
    box-shadow: 0 -1.5px 0px 1px #e7724b70
}

.gfg-card.pink-card .title {
    color: #e7724b;
    white-space: pre-wrap
}

.gfg-card.cyan-card {
    box-shadow: 0 -1.5px 0px 1px #1cd0dd7a
}

.gfg-card.cyan-card .title {
    color: #1cd0dd;
    white-space: pre-wrap
}

.gfg-card.yellow-card {
    box-shadow: 0 -1.5px 0px 1px #f9d25170
}

.gfg-card.yellow-card .hashtag {
    width: 145px
}

.gfg-card.yellow-card .title {
    color: #f9d151
}

.animate-world #world-heart {
    animation: smileHeart 0.3s alternate infinite;
    transform-origin: center;
    transform-box: fill-box
}

.animate-smile #heart-small {
    animation: smileHeart 0.6s alternate infinite;
    transform-origin: center;
    transform-box: fill-box
}

.animate-smile #heart-big {
    animation: smileHeart 0.8s alternate infinite;
    transform-origin: center;
    transform-box: fill-box
}

@keyframes smileHeart {
    100% {
        transform: scale(1.1)
    }
}

.companies-section {
    position: relative
}

.companies-section::before {
    content: "";
    height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fff;
    clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
    margin-top: -25px
}

.companies-section::after {
    content: "";
    height: 50px;
    position: absolute;
    bottom: -45px;
    width: 100%;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%)
}

.companies-section .coming-soon>div {
    opacity: 0.5
}

.companies-section .coming-soon a {
    cursor: unset !important;
    border-color: black !important;
    color: black !important;
    background-color: white !important
}

.companies-heading {
    color: #040067;
    font-weight: bold;
    font-size: 35px
}

@media (max-width: 992px) {
    .companies-heading {
        font-size: 30px
    }
}

.companies .company-card {
    width: calc(20% - 0.5rem);
    padding: 12px 0;
    border: 2px solid #dbdbdb;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (max-width: 992px) {
    .companies .company-card {
        width: 50%
    }
}

.companies .company-card p {
    font-size: 14px;
    color: #040067;
    font-weight: bold
}

.companies .company-card a {
    font-size: 17px;
    color: #E71629;
    display: inline-block;
    margin-bottom: 1rem;
    cursor: pointer;
    border: 1px solid #E71629;
    border-radius: 25px;
    padding: 7px 18px;
    font-weight: bold
}

.companies .company-card a:hover {
    background-color: #E71629;
    color: #fff
}

.stats-section {
    background-image: url("../../../private/images/gwb/stats.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: calc(90vh - 70px)
}

.stats-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(313.8deg, rgba(3, 163, 152, 0.7) 40%, rgba(247, 181, 0, 0.75) 100%)
}

.stat {
    padding: 15px
}

.stat:nth-child(1) h5 {
    color: #e93b70
}

.stat:nth-child(2) h5 {
    color: #8BC100
}

.stat:nth-child(3) h5 {
    color: #3cd8ff
}

.stat-card {
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 38px;
    height: 100%;
    box-shadow: 0px 3px 23px 5px rgba(13, 108, 181, 0.29)
}

.stat-card h6 {
    color: #f4b614;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 2rem
}

[dir="ltr"] .stat-card h6 {
    letter-spacing: 1.7px
}

.stat-card h5 {
    margin-top: 0;
    font-size: 45px;
    text-shadow: 2px 3px 0px rgba(121, 121, 121, 0.47)
}

@media (max-width: 767px) {
    .stat-card h5 {
        font-size: 29px
    }
}

.stat-card p {
    margin-top: 0.5rem;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 16px;
    color: #040067
}

.stats-numbers-card {
    width: 25%
}

.stats-numbers-card .stat-title {
    margin: 0;
    font-weight: 600;
    font-size: 45px;
    letter-spacing: 1px;
    text-shadow: 4px 4px 0px rgba(99, 56, 255, 0.47)
}

@media (max-width: 767px) {
    .stats-numbers-card .stat-title {
        font-size: 35px
    }
}

.stats-numbers-card .smaller-stat {
    font-size: 26px
}

@media (max-width: 767px) {
    .stats-numbers-card .smaller-stat {
        font-size: 23px
    }
}

@media (max-width: 992px) {
    .stats-numbers-card {
        width: 50%
    }
}

.charities-logos>div {
    width: calc(25% - 3rem);
    text-align: left
}

@keyframes STAR-MOVE {
    from {
        left: 0;
        top: 0
    }
    to {
        left: -10000px;
        top: -2000px
    }
}

#midground {
    background: url(../../../images/gwb/thankyou/midground.png) repeat 20% 20%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    animation: STAR-MOVE linear 500s;
    animation-iteration-count: infinite
}

#foreground {
    background: url(../../../images/gwb/thankyou/foreground.png) repeat 35% 35%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    animation: STAR-MOVE linear 350s;
    animation-iteration-count: infinite
}

.tournaments-top-section {
    background-image: url("../../../private/images/gwb/hero-gwb.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (max-width: 992px) {
    .gwb-logo {
        max-width: 300px
    }
}

.twitch-stream-modal .ReactModal__Content {
    width: 900px
}

[dir="rtl"] .twitch-stream-modal .ReactModal__Content {
    transform: translate(-50%, -30%)
}

@media (max-width: 567px) {
    .twitch-stream-modal .ReactModal__Content {
        top: 50% !important;
        transform: translate(-50%, -13%) !important
    }
}

.twitch-stream-modal .ReactModal__Content>.row>.col-11 {
    font-size: 40px !important;
    font-style: italic
}

[dir="rtl"] .twitch-stream-modal .ReactModal__Content>.row>.col-11 {
    font-size: 30px !important;
    letter-spacing: 0 !important
}

@media (max-width: 567px) {
    .twitch-stream-modal .ReactModal__Content>.row>.col-11 {
        font-size: 24px !important
    }
}

.gray-overlay {
    filter: grayscale(1);
    -webkit-transition: 0.4s -webkit-filter linear;
    -moz-transition: 0.3s -moz-filter linear;
    -moz-transition: 0.3s filter linear;
    -ms-transition: 0.3s -ms-filter linear;
    -o-transition: 0.3s -o-filter linear;
    transition: 0.3s filter linear, 0.3s -webkit-filter linear
}

.gray-overlay:hover {
    filter: grayscale(0)
}

.games-page-icons {
    position: relative;
    flex-shrink: 0;
    height: 60px;
    width: 60px;
    border-radius: 9px;
    overflow: hidden
}

.game-logo-container {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.twitter_folllow_baner {
    margin-bottom: -70px
}

.edit_members_permissions {
    border: 1px solid #2A2C40;
    border-radius: 4px
}

.text-gray-shd2 {
    color: #61616d
}

.about-group-text {
    opacity: 0.9;
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px
}

.dashed-group {
    border: 1px dashed #363E51;
    border-radius: 7px;
    height: 50px;
    margin-inline-start: 0.8em;
    color: white;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 0.5em 0;
    width: 94%;
    cursor: pointer
}

.dashed-group:hover {
    background-color: #0c0d12
}

.dashed-group img {
    width: 30px;
    padding-bottom: 0.4em
}

.dashed-group p {
    padding-inline-start: 0.8em;
    display: inline-block
}

.bio-group-form {
    background-color: #0B0C12;
    border-radius: 7px;
    padding: 0.6em;
    margin-inline-start: 13px;
    width: 94%
}

.bio-group-input {
    background-color: #0B0C12 !important;
    height: 60px;
    caret-color: #05F385;
    width: 100%
}

.bio-group-input::placeholder {
    opacity: 0.7;
    color: #B4C0CD;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 18px
}

.bio-group-input:focus {
    border: 0 !important
}

.category-description {
    color: #6c757d;
    font-size: 0.75em;
    letter-spacing: 0;
    line-height: 0.8em;
    margin-bottom: 2em
}

@media screen and (max-width: 600px) {
    .category-description {
        font-size: 0.625em;
        line-height: 0.7em;
        margin-bottom: 1em
    }
}

@media screen and (max-width: 600px) {
    .category-item:nth-child(odd) {
        padding-inline-end: 5px
    }
    .category-item:nth-child(even) {
        padding-inline-start: 5px
    }
}

.load-more {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 10px;
    border: 2px solid #292d39;
    background-color: transparent;
    min-width: 12rem;
    color: #45475d;
    margin: 3em 5px 0;
    transition: 0.3s ease
}

.load-more:hover {
    background-color: #05f385;
    border: 0
}

.category_seatch_section svg {
    position: absolute;
    top: 35%;
    left: 2rem
}

.category_seatch_section svginput {
    padding-left: 3rem
}

.next-btn {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid #05f385;
    background-color: #05f385;
    color: #000000;
    margin: 3em 5px 0;
    transition: 0.3s ease;
    min-width: 14em
}

.next-btn:hover {
    background-color: #05f385
}

.suggested_group_card .group-card-brief_img {
    height: 84px;
    width: 200px !important
}

.suggested_group_card .group_card_image {
    display: flex;
    align-items: center
}

.suggested_group_card .card_wrapper_section {
    padding: 0 0.5rem
}

.suggested_group_card .group_joined_status {
    text-align: left;
    margin-top: 0 !important
}

.suggested_group_card .group-card-brief-subtitle {
    max-width: 100%;
    white-space: nowrap
}

.suggested_group_card {
    display: grid;
    gap: 1.5rem 1.5rem
}

@media only screen and (min-width: 300px) {
    .suggested_group_card {
        grid-template-columns: 1fr
    }
}

@media only screen and (min-width: 768px) {
    .suggested_group_card {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width: 1024px) {
    .suggested_group_card {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.load-more-groups {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid #05f385;
    background-color: transparent;
    min-width: 12rem;
    color: #05f385;
    margin: 3em 5px 0;
    transition: 0.3s ease
}

.load-more-groups:hover {
    background-color: #05f385;
    border: 0;
    color: black
}

.top_groups_page .group-card-brief_horizontal {
    position: relative
}

@media (max-width: 768px) {
    .top_groups_page .group-card-brief_horizontal .group-card-brief_img {
        width: 100px
    }
}

@media (max-width: 991px) {
    .top_groups_page .group-card-brief_horizontal .group-card-brief_img {
        width: 100px
    }
}

.top_groups_page .group-card-brief_horizontal .group-card-brief-btn {
    position: absolute;
    height: 38px;
    width: 3rem;
    right: 2rem;
    top: calc(50% - 19px)
}

[dir="rtl"] .top_groups_page .group-card-brief_horizontal .group-card-brief-btn {
    left: 2rem;
    right: unset
}

.top_groups_page .group-card-brief_horizontal .group-card-brief_content {
    align-self: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column
}

.top-groups-description {
    color: #6c757d;
    font-size: 0.75em;
    letter-spacing: 0;
    line-height: 0.8em
}

@media screen and (max-width: 768px) {
    .top-groups-description {
        margin-bottom: 0.5em
    }
}

.sort-members {
    color: #6c757d;
    font-size: 0.6em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 0.8em;
    padding-inline-start: 0.2em
}

.members {
    color: #212529
}

.sort-container {
    text-align: end
}

.sort-container div {
    cursor: pointer;
    display: inline-block
}

.load-more-groups {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid #05f385;
    background-color: transparent;
    min-width: 12rem;
    color: #05f385;
    transition: 0.3s ease
}

.load-more-groups:hover {
    background-color: #05f385;
    border: 2px solid transparent;
    color: black
}

.card-status_create {
    color: #05f385;
    border: 1px solid #05f385;
    font-size: 15px;
    padding: 0.6rem 2.1rem;
    border-radius: 4px;
    transition: all 200ms ease-in-out;
    background-color: unset
}

.card-status_create:hover {
    background-color: #05f385;
    color: black
}

.search_input_wrapper {
    height: 60px;
    position: relative
}

.search_input_field {
    height: 100%;
    width: 100%;
    margin-left: auto;
    border-radius: 30px;
    padding: 0 3rem;
    background: #0d0e18;
    border: 0;
    color: white
}

.top_groups_serch_icon {
    position: absolute;
    left: 1rem
}

[dir="rtl"] .top_groups_serch_icon {
    right: 1rem
}

.search_input_field:focus {
    border: 1px solid #05050c;
    outline: none
}

.joined-kafu {
    color: #fff;
    letter-spacing: 1px
}

.joined-kafu .title {
    font-size: 34px
}

.joined-kafu .message {
    font-size: 14px
}

.joined-kafu .twitter-follow-button {
    border: 1px solid #fff
}

.joined-kafu .browse-tournaments button {
    outline: none;
    border: none;
    width: 200px;
    line-height: 40px;
    padding: 0 10px;
    text-transform: capitalize;
    cursor: pointer;
    color: #d3d7de;
    font-size: 0.6em;
    background-color: transparent;
    transition: background-color 0.5s ease;
    background-color: #05f385;
    border-radius: 6px;
    color: #0e111b;
    font-weight: bold;
    text-align: center
}

.joined-kafu .browse-tournaments button:hover {
    text-decoration: none;
    background-color: #008045
}

.lost-match__bg {
    width: 2000px
}

.lost-match__container {
    height: 800px;
    justify-content: center;
    display: flex;
    overflow: hidden
}

.lost-match__avatar {
    height: 110px;
    width: 110px
}

.lost-match__content {
    color: white;
    text-align: center;
    position: absolute;
    top: 170px
}

.lost-match__user-name {
    font-size: 21px;
    font-weight: bold
}

.lost-match__tournament-name {
    font-size: 14px
}

.lost-match__thank-you {
    font-size: 48px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold
}

.lost-match__2nd-place {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase
}

.lost-match__description {
    font-size: 15px;
    color: #b4c0cd
}

.lost-match__twitter-btn {
    border-radius: 4px;
    background-color: #03f490;
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-color: #03f490
}

.lost-match__twitter-icon {
    filter: invert(1)
}

.lost-match__tweet-receipt {
    color: #b4c0cd;
    font-size: 15px
}

.lost-match__fade {
    position: relative;
    overflow: hidden
}

.lost-match__fade .lost-match__fader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.98) 150%, #000 100%)
}

@media (max-width: 991px) {
    .lost-match__bg {
        width: 1200px
    }
    .lost-match__content {
        position: absolute;
        top: 80px
    }
}

.move-to-game__mtg-logo {
    display: block;
    margin: auto;
    margin-bottom: 80px
}

@media (min-width: 1200px) {
    .move-to-game__mtg-logo {
        margin-bottom: 62px
    }
}

.move-to-game__heading {
    font-size: clamp(22px, 2.8vw, 38px);
    color: #72e2ee;
    font-weight: 900;
    margin-bottom: 16px;
    white-space: pre-wrap
}

@media (min-width: 767px) {
    .move-to-game__heading {
        white-space: nowrap
    }
}

.move-to-game__subheading {
    font-size: clamp(20px, 2.8vw, 34px);
    color: #ffffff;
    font-weight: 600;
    white-space: pre-wrap
}

.move-to-game__banner {
    width: 100%;
    position: absolute;
    z-index: -1
}

.move-to-game__banner-content {
    padding-top: 50px;
    text-align: center
}

.move-to-game__join-btn {
    background-color: #fd6533;
    width: 143px;
    height: 38px;
    border-radius: 4px;
    font-size: 19px;
    color: #ffffff;
    margin-top: 32px;
    font-weight: 600
}

.move-to-game__logos {
    display: flex;
    justify-content: center;
    margin-top: 35px
}

.move-to-game__logos>img {
    margin: 0 6px;
    height: 40.67px;
    width: 107.08px
}

@media (min-width: 780px) {
    .move-to-game__logos>img {
        margin: 0 20px;
        height: 55.41px;
        width: 147.08px
    }
}

.move-to-game__download-SFA {
    width: max-content;
    margin: auto;
    position: relative
}

.move-to-game__download-SFA__stores-logos {
    position: absolute;
    display: flex;
    bottom: 31px;
    height: fit-content;
    left: 53px
}

.move-to-game__download-SFA__stores-logos img {
    height: 36px;
    width: 122px
}

@media (min-width: 1200px) {
    .move-to-game__download-SFA__stores-logos {
        left: 22px;
        top: 85px
    }
    .move-to-game__download-SFA__stores-logos img {
        height: 44px;
        width: 150px
    }
    [dir="rtl"] .move-to-game__download-SFA__stores-logos {
        left: 114px
    }
    [dir="ltr"] .move-to-game__download-SFA__stores-logos {
        left: 696px
    }
}

.move-to-game__follow-us {
    margin: 70px 0
}

.move-to-game__follow-us__logos-container {
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.move-to-game__follow-us__logos-container img {
    margin: 0 15px
}

.move-to-game__follow-us__logos-container__text {
    color: #72e2ee;
    font-size: 17px;
    font-weight: 900
}

.move-to-game__follow-us__contact-us {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    text-align: center
}

.shared-tabs {
    background-color: #0f1018;
    border-radius: 10px
}

.shared-tabs__tab-name {
    color: #ffffff;
    font-size: 24px;
    font-style: initial;
    font-weight: 900
}

[dir="ltr"] .shared-tabs__tab-name {
    letter-spacing: 1.5px;
    text-shadow: 5px 6px 4px black;
    font-style: italic;
    font-weight: 600
}

@media (max-width: 576px) {
    [dir="ltr"] .shared-tabs__tab-name {
        font-size: 21px
    }
}

[dir="rtl"] .shared-tabs__tab-name {
    text-shadow: -1px 4px 4px black
}

@media (max-width: 576px) {
    [dir="rtl"] .shared-tabs__tab-name {
        font-size: 16px
    }
}

.move-to-game__tournaments {
    margin-top: 120px
}

.move-to-game__tournaments__heading {
    font-size: 41px !important;
    font-weight: 900 !important;
    text-align: center !important;
    margin-bottom: 25px !important;
    font-style: initial !important;
    display: block !important
}

[dir="ltr"] .move-to-game__tournaments__heading {
    font-style: italic !important;
    font-weight: 400 !important;
    letter-spacing: 1.85px !important
}

[dir="rtl"] .move-to-game__tournaments__heading {
    letter-spacing: 0.82px !important;
    font-weight: 800 !important
}

.move-to-game__tournaments__load-more-btn {
    background-color: transparent;
    border: 1px #808a95 solid;
    color: #808a95;
    height: 48px;
    width: 164px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer
}

.tornament_card_warapper {
    background: #10121c
}

.tournament_tags-list-name {
    color: #9b9b9b;
    padding: 2px 11px;
    margin: 3px;
    border: 1px solid #373737;
    border-radius: 26rem;
    font-size: 11px
}

.featured_tournamnet {
    background-color: #f8a81c;
    color: black;
    top: -3px;
    right: 0;
    max-width: 113px;
    z-index: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 22% 99%)
}

[dir="rtl"] .featured_tournamnet {
    clip-path: polygon(0 0, 78% 1%, 100% 100%, 0 100%);
    left: 0;
    right: unset
}

.featured_tournamnet-text {
    width: 133px
}

.reg_closed {
    background-color: inherit !important;
    color: white !important
}

.passed-torunament {
    filter: grayscale(1);
    -webkit-transition: 0.4s -webkit-filter linear;
    -moz-transition: 0.3s -moz-filter linear;
    -moz-transition: 0.3s filter linear;
    -ms-transition: 0.3s -ms-filter linear;
    -o-transition: 0.3s -o-filter linear;
    transition: 0.3s filter linear, 0.3s -webkit-filter linear
}

.passed-torunament:hover {
    filter: grayscale(0)
}

.tournamnet_regestration-status {
    color: black
}

.tournament_date {
    color: #bebebe
}

.tournament_organizer {
    color: #676767;
    border-radius: 5px
}

.tournamnet_regestration {
    border-radius: 10px;
    height: 50px
}

.normal-organizer {
    background: linear-gradient(270deg, #030305, #161616)
}

.featured-organizer {
    background: black
}

.featured-register {
    background-color: black;
    min-height: 55px
}

.normal-register {
    background: #131313
}

.featured-info-card {
    background: #10121c
}

.card_image_featured {
    height: 169px
}

.card_image_nonfeatured {
    height: 119px
}

.normal-info-card {
    background-color: #0a0b12
}

.tournament_organizer-logo {
    max-height: 2rem
}

.regestration_open {
    background-color: #05f385
}

.featured_image_card {
    max-height: 250px;
    object-fit: cover
}

.nonfeatured_image_card {
    max-height: 170px;
    object-fit: cover
}

.regestration_closed {
    background-color: unset;
    color: white
}

.border-radius-10 {
    border-radius: 10px;
    overflow: hidden
}

.featured_image_mask_layer::after {
    background-color: #10121c
}

.nonfeatured_image_mask_layer::after {
    background-color: #0a0b12
}

@media (max-width: 768px) {
    .nonfeatured_image_card {
        max-height: unset;
        object-fit: unset
    }
}

.organize-page-section .organize-p {
    font-weight: 400 !important
}

.organize-page-section .organize-page-section-h4 {
    font-size: 1.2em;
    color: white;
    font-weight: 600
}

[dir="rtl"] .organize-page-section .organize-page-section-h4 {
    font-weight: normal
}

.input-modal {
    width: 400px;
    max-width: 100%
}

.drag-up {
    margin-top: -40px;
    margin-bottom: 30px
}

a.user_guide_organize {
    font-size: 1rem;
    font-weight: bold;
    color: #05f385;
    display: inline;
    margin: 0 5px
}

a.user_guide_organize :hover {
    color: #05f385
}

[dir="rtl"] a.user_guide_organize {
    font-weight: normal
}

.payg__hero-banner {
    background-image: url("../images/Generic-banner.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 50vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 89px
}

@media (max-width: 575.98px) {
    .payg__hero-banner {
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 80%), url(https://kafugames.com/images/gaming-player-mobile-banner.png);
        min-height: 32vh;
        padding-bottom: 0;
        background-position: initial;
        margin-bottom: 50px
    }
}

.payg__hero-banner__welcome-to {
    color: #fcd700;
    font-size: 39.17px;
    letter-spacing: 8.83px;
    line-height: 0px;
    font-weight: bold
}

[dir="rtl"] .payg__hero-banner__welcome-to {
    letter-spacing: 0
}

@media (max-width: 575.98px) {
    .payg__hero-banner__welcome-to {
        font-size: 19.17px;
        letter-spacing: 4.32px
    }
    [dir="rtl"] .payg__hero-banner__welcome-to {
        letter-spacing: 0
    }
}

.payg__hero-banner__heading {
    font-size: 80px;
    color: white;
    font-style: italic;
    font-weight: 800
}

[dir="ltr"] .payg__hero-banner__heading {
    text-shadow: 9px 5px #000000
}

@media (max-width: 575.98px) {
    .payg__hero-banner__heading {
        font-size: 38px
    }
}

.payg__types-of-gfg__column {
    position: relative;
    background-color: black;
    border-radius: 14px
}

.payg__types-of-gfg__column__content {
    position: relative;
    z-index: 2;
    background-color: black;
    padding: 25px;
    height: 100%;
    border-radius: 14px
}

.payg__types-of-gfg__column::after {
    content: "";
    position: absolute;
    border-radius: 14px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    background: linear-gradient(to bottom, #fff 0%, black 100%)
}

.payg__types-of-gfg__columns-container {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(227px, 446px));
    justify-content: center
}

.payg__types-of-gfg__list {
    padding: 0;
    list-style: none
}

.payg__types-of-gfg__list__title {
    font-size: 30px;
    font-style: italic;
    letter-spacing: 0.85px
}

.payg__types-of-gfg__list__item {
    color: #8e8e8e;
    display: flex;
    align-items: baseline;
    margin-bottom: 26px
}

.payg__types-of-gfg__list__item__dot {
    background-color: #05f385;
    height: 7px;
    width: 7px;
    border-radius: 50px;
    transform: translateY(-2px);
    flex-shrink: 0
}

.payg__types-of-gfg__list__item__title {
    font-size: 14px;
    margin: 0 10px
}

.payg__whats-payg__description {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.payg__prizes-and-points__description {
    font-size: 16px;
    margin-bottom: 27px
}

.payg__prizes-and-points__list {
    display: grid;
    grid-gap: 28px;
    grid-template-columns: repeat(auto-fit, minmax(227px, 1fr));
    list-style: none;
    padding: 0
}

.payg__prizes-and-points__list__item {
    border: #121614 2px solid;
    border-radius: 7px;
    height: 147px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.payg__prizes-and-points__list__item img {
    margin-bottom: 11px;
    margin-top: 17px
}

.payg__prizes-and-points__list__item__prize-amount {
    color: white;
    font-size: 14px
}

.payg__prizes-and-points__list__item__place {
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 2px 0
}

.payg__choose-games__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    padding: 0;
    list-style: none
}

@media (min-width: 992px) {
    .payg__choose-games__list {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width: 1200px) {
    .payg__choose-games__list {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.payg__choose-games__list__item {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px solid #121614
}

.payg__choose-games__list__item__start-button {
    background-color: #05f385;
    border-radius: 7px;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    margin-top: 15px;
    width: 117px;
    height: 29px
}

.payg__choose-games__list__item__platform-title {
    color: white;
    font-size: 12px;
    background-color: #0076d0;
    border-radius: 5px;
    padding: 0px 5px;
    margin: 0 10px;
    font-weight: 900
}

.payg__choose-games__list__item__platform-word {
    font-size: 12px;
    color: white
}

.platform-badge-bg--PC {
    background-color: #fa6400
}

.platform-badge-bg--Mobile {
    background-color: #0076d0
}

.platform-badge-bg--PS4 {
    background-color: #e02020
}

.view_more_tournaments {
    border: none;
    color: black;
    background-color: unset;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 10px;
    background-color: #05f385;
    min-width: 10rem
}

.view_more_tournaments[disabled] {
    background: grey
}

.signup-page-section-container .links {
    margin: 0 10px
}

.signup-page-section-container .links a {
    font-style: italic !important;
    font-weight: 600
}

.signup-page-section-container .links>div:last-child a {
    border-bottom: 1px solid #05f385
}

.siab-banner {
    background: url("../../../images/SAIBbanner1.png");
    background-size: cover;
    height: 450px;
    background-repeat: no-repeat
}

@media (min-width: 1360px) and (max-width: 1600px) {
    .siab-banner {
        background-size: cover;
        height: 550px
    }
    .siab-banner .saib-content {
        margin-top: -5em
    }
}

@media (min-width: 1600px) {
    .siab-banner {
        background-size: cover;
        height: 600px
    }
    .siab-banner .saib-content {
        margin-top: -5em
    }
}

@media (max-width: 991px) {
    .siab-banner {
        background: url("../../../images/SAIBbannerMob.png");
        background-size: cover;
        height: 570px
    }
}

.call-to-action {
    background-color: #05F385;
    padding: 13px 25px;
    align-items: center
}

@media (max-width: 767px) {
    .call-to-action {
        text-align: center;
        padding: 8px 25px;
        justify-content: center;
        flex-direction: column
    }
}

.call-to-action .action-title {
    font-size: 15px;
    flex: 1
}

.call-to-action .action-title p {
    color: #0E111B;
    margin: 0
}

.call-to-action a {
    color: #0E111B;
    text-decoration: none;
    line-height: 1;
    font-size: 16px;
    border: 1px solid #0E111B;
    padding: 8px 14px;
    border-radius: 25px;
    transition: all 200ms ease
}

.call-to-action a:hover {
    border: 1px solid transparent;
    background-color: #fff;
    color: #0E111B
}

.mobile-nav-side-icons-wrapper .mobile-nav-side-icons {
    margin-right: 10px
}

[dir='rtl'] .mobile-nav-side-icons-wrapper .mobile-nav-side-icons {
    margin-right: 0px;
    margin-left: 10px
}

@media (min-width: 375px) {
    .mobile-nav-side-icons-wrapper .mobile-nav-side-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20px
    }
    [dir='rtl'] .mobile-nav-side-icons-wrapper .mobile-nav-side-icons {
        margin-right: 0px;
        margin-left: 20px
    }
}

.mobile-nav-side-icons-wrapper .mobile-nav-side-icons:hover,
.mobile-nav-side-icons-wrapper .mobile-nav-side-icons:focus {
    color: #05f385
}

.mobile-nav-side-icons-wrapper .mobile-nav-side-icons:hover img,
.mobile-nav-side-icons-wrapper .mobile-nav-side-icons:focus img {
    opacity: 0.75
}

.mobile-nav-side-icons-wrapper .mobile-nav-side-icons.is-active {
    color: #05f385
}

[dir='ltr'] .logo-section>:not(:last-child) {
    margin-right: 5px
}

[dir='rtl'] .logo-section>:not(:last-child) {
    margin-left: 5px
}

.slidedown-lang-switcher-margin {
    margin-left: 8px;
    margin-right: 12px
}

[dir='rtl'] .slidedown-lang-switcher-margin {
    margin-left: 12px;
    margin-right: 8px
}

.content-btn:focus,
.content-btn:hover,
.content-btn:active {
    opacity: 0.75
}

.sidebar-content-btn {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    padding: 12px;
    border-radius: 8px;
    color: white
}

.sidebar-content-btn:hover {
    background-color: #343a40
}

.sidebar-content-btn.is-active,
.sidebar-content-btn:focus {
    color: #05f385
}

.sidebar-content-btn .sidebar-content-text {
    margin: 0px 14px;
    flex-grow: 1
}

.sidebar-content-btn .icon {
    height: 24px;
    width: 24px;
    font-size: 22px
}

.sidebar-content-btn .small-icon {
    height: 20px;
    width: 20px;
    font-size: 16px
}

.sidebar-content-btn .external-arrow-ar {
    transform: rotate(-90deg)
}

.sidebar-content-btn .animate-arrow {
    transform: rotate(0deg);
    transition: transform 0.1s linear
}

.sidebar-content-btn .animate-arrow.open {
    transform: rotate(-180deg)
}

.slidedown-btn {
    color: #05f385
}

.slidedown-btn:hover,
.slidedown-btn:focus {
    background-color: #343a40
}

.footnote-section-warapper {
    min-height: 138px;
    min-width: 260px;
    height: calc(100vh - 613px);
    margin-top: 18px;
    position: relative
}

.footnote-section {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 13px;
    width: 100%
}

.footnote-section :not(div:last-child) {
    margin-bottom: 18px
}

.footnote-section a:hover {
    opacity: 0.7
}

.footnote-section a:focus div {
    border: #007bff solid 1px;
    border-radius: 8px
}

.header-wrapper {
    position: sticky;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: min-content;
    background-color: #212529;
    z-index: 998;
    font-family: Montserrat, sans-serif
}

[dir='rtl'] .header-wrapper {
    font-family: MontserratAR, sans-serif
}

.header-wrapper .nav-padding {
    padding: 12px 16px
}

.header-wrapper .mobile-navbar {
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .header-wrapper .mobile-navbar {
        display: none
    }
}

.header-wrapper .desktop-navbar {
    display: none
}

@media (min-width: 1024px) {
    .header-wrapper .desktop-navbar {
        display: flex;
        align-items: center
    }
}

.header-wrapper .logo-margin {
    margin-right: 20px
}

[dir='rtl'] .header-wrapper .logo-margin {
    margin-right: 0px;
    margin-left: 20px
}

.lang-switcher-container {
    display: flex
}

.lang-switcher-container .lang-switcher {
    font-size: 13px
}

[dir='ltr'] .lang-switcher-container .lang-switcher {
    font-family: MontserratAR, sans-serif !important
}

[dir='rtl'] .lang-switcher-container .lang-switcher {
    font-family: Montserrat, sans-serif
}

.lang-switcher-container .lang-switcher:hover,
.lang-switcher-container .lang-switcher:focus {
    color: #05f385
}

[dir='ltr'] .lang-switcher-container {
    margin-left: 8px;
    margin-right: 12px
}

[dir='rtl'] .lang-switcher-container {
    margin-left: 12px;
    margin-right: 8px
}

@media (min-width: 1200px) {
    [dir='ltr'] .lang-switcher-container {
        margin-right: 16px;
        margin-left: 0px
    }
    [dir='rtl'] .lang-switcher-container {
        margin-left: 16px;
        margin-right: 0px
    }
}

.notifications-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: -4px;
    height: 15px;
    min-width: 15px;
    padding: 0px 2px;
    background-color: #05f385;
    color: black;
    font-size: 10px;
    border-radius: 10px;
    text-align: center;
    letter-spacing: -1px;
    border: 1px solid black
}

[dir='rtl'] .notifications-btn {
    right: -4px;
    left: auto
}

.login-signup {
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    align-self: center;
    color: #05f385
}

.login-signup:hover,
.login-signup:focus {
    text-decoration: underline;
    color: #05f385
}

.login-signup.is-active {
    text-decoration: none;
    color: #05f385
}

.custom-slidedown-menu {
    background-color: black;
    overflow: hidden;
    border-radius: 25px;
    padding-left: 12px;
    padding-right: 12px
}

nav a {
    all: unset;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    background-color: transparent
}

nav a:hover {
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

nav button {
    all: unset;
    cursor: pointer;
    border: none;
    text-indent: unset;
    text-shadow: unset;
    -webkit-text-fill-color: inherit;
    -webkit-appearance: unset;
    text-align: unset;
    background-color: transparent;
    align-items: unset;
    word-spacing: unset;
    letter-spacing: unset;
    text-rendering: unset;
    writing-mode: unset;
    font-stretch: unset;
    font-style: unset;
    font-variant-ligatures: unset;
    font-variant-caps: unset;
    font-variant-numeric: unset;
    font-variant-east-asian: unset
}

.create-tournament-btn {
    all: unset;
    text-align: center;
    border-radius: 8px;
    padding: 8px 12px !important;
    background-color: #05f385 !important;
    color: black !important;
    text-transform: capitalize;
    font-weight: 500 !important
}

.create-tournament-btn:hover {
    opacity: 0.75
}

.create-tournament-btn:focus {
    box-shadow: 0 0 0 1px black, 0 0 0 2px white
}

[dir='ltr'] .create-tournament-btn {
    font-size: 15px
}

@media (min-width: 1024px) {
    [dir='ltr'] .create-tournament-btn {
        font-size: 12px
    }
}

@media (min-width: 1077px) {
    [dir='ltr'] .create-tournament-btn {
        font-size: 15px
    }
}

[dir='rtl'] .create-tournament-btn {
    font-size: 13px
}

.pledge-amount__choose-amount .form-control {
    background-color: #10121c;
    border: 1px solid #22283a;
    width: 98px;
    height: 45px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px
}

.pledge-amount__choose-amount__amount {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400
}

.pledge-amount__choose-amount__amount--error {
    color: red;
    font-size: 15px;
    text-align: center
}

.pledge-amount__range-slider {
    max-width: 371px;
    min-width: 150px
}

.pledge-amount__range-slider input[type="range"] {
    border-radius: 8px;
    height: 6px;
    outline: none;
    -webkit-appearance: none
}

.pledge-amount__range-slider input[type="range"]::-webkit-slider-thumb {
    width: 6px;
    -webkit-appearance: none;
    height: 28px;
    width: 28px;
    background: linear-gradient(1.13deg, #fff 0%, #babbbd 100%);
    border-radius: 50px;
    box-shadow: inset 0px 2px #ffffff
}

.pledge-amount__range-slider input[type="range"]::-moz-range-thumb {
    width: 34px;
    height: 31px;
    background: #640000;
    border: 0px solid rgba(10, 65, 0, 0);
    border: 0;
    border-radius: 50px;
    cursor: pointer
}

.pledge-amount__percentage {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(96px, 115px));
    grid-gap: 13px
}

.pledge-amount__percentage__item {
    cursor: pointer;
    border: #1a1e2c 1px solid;
    border-radius: 7px;
    color: #727a97;
    font-size: 16px;
    text-align: center;
    padding: 20px;
    height: 73px
}

.pledge-amount__percentage__item--selected {
    background-color: #ffffff;
    color: #000000
}

.pledge-amount__choose-charity__list {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 14px
}

@media (min-width: 768px) {
    .pledge-amount__choose-charity__list {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 26px
    }
}

@media (min-width: 991px) {
    .pledge-amount__choose-charity__list {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.pledge-amount__choose-charity__list__item {
    border: #1a1e2c 1px solid;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    justify-content: center;
    cursor: pointer
}

.pledge-amount__choose-charity__list__item img {
    width: 218px;
    height: 125px
}

.pledge-amount__choose-charity__list__item--selected {
    background-color: #10121c
}

.pledge-amount__choose-charity__list__item__checkbox {
    width: 20px;
    height: 20px;
    border: #2a3048 1px solid;
    border-radius: 50px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0px 12px;
    transform: translateY(11px)
}

.pledge-amount__choose-charity__list__item__checkbox--selected {
    border: #76f286 1px solid;
    color: #76f286;
    font-size: 11px;
    justify-content: center
}

.pledge-amount__introduction p {
    color: #efefef;
    font-size: 15px
}

.pledge-amount__set-pledge-button {
    background-color: #05f385 !important;
    width: 294px !important;
    height: 47px !important;
    font-weight: 800 !important;
    color: #000000 !important
}

.thank-you-modal__description {
    font-size: 15px
}

.card_bried_intrests_view .group-card-brief_horizontal {
    border: 1px solid #1f2234;
    border-radius: 4px;
    background: linear-gradient(347.51deg, #10121c 0%, #000 100%)
}

.card_bried_intrests_view .group-card-brief_horizontal .group-card-brief_content {
    min-width: 250px
}

.card_bried_intrests_view .group-card-brief_horizontal .group-card-brief_img {
    width: 150px !important
}

.gwp-page-top-section {
    background-size: cover;
    background-position: 69%;
    background-repeat: no-repeat
}

.gwp-page-top-section .section-wrapper {
    padding: 0 0.5rem;
    background-color: white
}

.gwp-page-top-section .width-100 {
    width: 100%
}

.gwp-page-top-section .top-section-heading {
    color: #ffffff;
    font-size: 15.72px;
    font-weight: normal;
    margin-top: 5px
}

.gwp-page-top-section .fifa-logo {
    margin-top: 50px
}

@media (min-width: 576px) {
    .gwp-page-top-section .text-sm-left {
        text-align: left !important
    }
    [dir="rtl"] .gwp-page-top-section .text-sm-left {
        text-align: right !important
    }
}

@media (min-width: 991px) {
    .gwp-page-top-section .text-md-left {
        text-align: left !important
    }
    [dir="rtl"] .gwp-page-top-section .text-md-left {
        text-align: right !important
    }
}

.gwp-page-top-section .text-center {
    text-align: center
}

.gwp-page-top-section .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    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
}

.gwp-page-top-section .top-section-sign-up-container {
    border-radius: 18px;
    background: linear-gradient(114.06deg, #05F385 0%, #026d3b 100%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    position: relative
}

.gwp-page-top-section .top-section-sign-up-container .fifa-logo-signup {
    height: 24px
}

.gwp-page-top-section .top-section-sign-up-container .top-section-signup-p {
    color: #ffffff;
    font-size: 14px
}

.gwp-page-top-section .top-section-sign-up-container .btn-block {
    display: block;
    width: 100%
}

.gwp-page-top-section .top-section-sign-up-container .sign-up-anchor {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 22.17px;
    background: linear-gradient(90deg, #262c47 0%, rgba(13, 16, 26, 0) 100%);
    border: 0
}

@media (max-width: 991px) {
    .gwp-page-top-section .top-section-sign-up-container .sign-up-anchor {
        border-radius: 0;
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
        display: block;
        width: 100%
    }
}

.gwp-page-top-section .top-section-sign-up-container .close-btn-container {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

[dir="rtl"] .gwp-page-top-section .top-section-sign-up-container .close-btn-container {
    right: unset;
    left: 10px
}

@media (max-width: 991px) {
    .gwp-page-top-section .top-section-sign-up-container .close-btn-container {
        top: 10px;
        right: 5px
    }
    [dir="rtl"] .gwp-page-top-section .top-section-sign-up-container .close-btn-container {
        right: unset;
        left: 5px
    }
}

.gwp-page-top-section .top-section-sign-up-container .arrow-shape {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

[dir="rtl"] .gwp-page-top-section .top-section-sign-up-container .arrow-shape {
    transform: scaleX(-1) translateY(-50%)
}

@media (min-width: 576px) {
    [dir="rtl"] .gwp-page-top-section .offset-sm-1 {
        margin-left: 0;
        margin-right: 8.333333%
    }
}

@media (min-width: 768px) {
    [dir="rtl"] .gwp-page-top-section .offset-md-2 {
        margin-left: 0;
        margin-right: 16.666667%
    }
}

@media (min-width: 992px) {
    [dir="rtl"] .gwp-page-top-section .offset-lg-3 {
        margin-left: 0;
        margin-right: 25%
    }
    [dir="rtl"] .gwp-page-top-section .offset-lg-1 {
        margin-left: 0;
        margin-right: 8.333333%
    }
}

@media (min-width: 1200px) {
    [dir="rtl"] .gwp-page-top-section .offset-xl-2 {
        margin-left: 0;
        margin-right: 16.666667%
    }
}

.card-ribbon {
    position: absolute;
    top: -5px;
    z-index: 3
}

[dir="ltr"] .card-ribbon {
    right: -9px
}

[dir="rtl"] .card-ribbon {
    left: -8px
}

.match-card-wrapper {
    margin-bottom: 1rem
}

.match-card-wrapper .card-logo {
    width: 125px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

[dir="ltr"] .match-card-wrapper .card-logo {
    left: 18px
}

[dir="rtl"] .match-card-wrapper .card-logo {
    right: 18px
}

.match-card-wrapper .delete-match-btn {
    position: absolute;
    font-weight: bold;
    transition: all 150ms ease-in-out;
    outline: none;
    bottom: 10px;
    background-color: transparent;
    border: none;
    z-index: 3
}

.match-card-wrapper .delete-match-btn:hover {
    transform: scale(0.9)
}

[dir="ltr"] .match-card-wrapper .delete-match-btn {
    right: 8px
}

[dir="rtl"] .match-card-wrapper .delete-match-btn {
    left: 8px
}

.match-card-wrapper .match-card {
    box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.75);
    border-radius: 6px;
    overflow: hidden
}

.match-card-wrapper .match-card .match-card-banner {
    height: 210px;
    background-size: cover;
    background-position: center;
    position: relative
}

.match-card-wrapper .match-card .match-card-banner .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.match-card-wrapper .match-card .match-card-banner .points-container {
    font-size: 14px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.3rem 1rem;
    border-radius: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 12px;
    font-weight: 600
}

[dir="rtl"] .match-card-wrapper .match-card .match-card-banner .points-container {
    right: 12px
}

[dir="ltr"] .match-card-wrapper .match-card .match-card-banner .points-container {
    left: 12px
}

.match-card-wrapper .match-card .match-card-body {
    position: relative;
    font-size: 16px;
    background: #10121c
}

.match-card-wrapper .match-card .match-card-body .teamScore span {
    font-size: 17px;
    font-weight: bold
}

.match-card-wrapper .match-card .match-card-body .color-red {
    color: #dd1d29;
    font-size: 17px;
    font-weight: bold
}

.match-card-wrapper .match-card .match-card-body .color-green {
    color: #4ef384;
    font-size: 17px;
    font-weight: bold
}

.match-card-wrapper .match-card .match-card-body .color-tie {
    font-size: 17px;
    font-weight: bold
}

@media (max-width: 992px) {
    .match-card-wrapper .match-card .match-card-body {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .match-card-wrapper .match-card .match-card-body {
        font-size: 16px
    }
}

.match-card-wrapper .match-card .match-card-body .card-row {
    padding: 0.75rem
}

.match-card-wrapper .match-card .match-card-body .join-btn {
    border: none;
    background-color: transparent;
    color: #008000;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.match-card-wrapper .match-card .match-card-body .join-btn img {
    width: 6px;
    filter: invert(24%) sepia(99%) saturate(2119%) hue-rotate(95deg) brightness(90%) contrast(102%);
    margin-top: 4px
}

.match-card-wrapper .match-card .match-card-body .border-x {
    border-left: 1px solid #323959;
    border-right: 1px solid #323959
}

.match-card-wrapper .match-card .match-card-body .border-top-grey {
    border-top: 2px solid #4d51647c
}

.match-card-wrapper .match-card .match-card-body .vs-tag {
    position: absolute;
    left: calc(50% - 10px);
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    font-size: 12px;
    font-weight: bold;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    z-index: 2
}

.match-card-wrapper .match-card .match-card-body .vs-tag::before {
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    content: "";
    width: 28px;
    height: 28px;
    background-color: #323959
}

.match-card-wrapper .match-card .match-card-body .vs-tag span {
    position: relative;
    z-index: 2
}

.skewed::after {
    position: absolute;
    content: "";
    width: 2px;
    background: #4d51647c;
    height: 170px;
    left: calc(50% - 30px);
    top: 0;
    bottom: 0;
    z-index: 1;
    transform: skew(-25deg)
}

.match-card__hashtag {
    position: absolute;
    top: 50%;
    transform: translateY(-14%);
    z-index: 10
}

[dir="ltr"] .match-card__hashtag {
    left: 18px
}

[dir="rtl"] .match-card__hashtag {
    right: 18px
}

.match_card__pledged-amount__container {
    height: 115px
}

.match_card__pledged-amount {
    color: #4ef384;
    font-size: 11px
}

.match-card__SAR-pledged {
    background: #1f212a;
    border: #414554 1px solid;
    border-radius: 19px;
    font-size: 11px;
    margin: 8px 0;
    width: max-content;
    padding: 1px 9px
}

.profile-record_desc {
    color: #05f385
}

.public-profile-records_list {
    background-color: #14151e;
    border-radius: 10rem;
    padding: 5px 0;
    height: 54px;
    width: 372px
}

@media screen and (max-width: 400px) {
    .public-profile-records_list {
        width: 300px
    }
}

.public-profile-records_list li {
    font-size: 14px;
    border-inline-start: 1px solid #2c2f40;
    flex: auto
}

.public-profile-records_list li:first-child {
    border: 0
}

.group_card_overview {
    border: 1px solid #1f2234;
    border-radius: 4px;
    background: linear-gradient(347.51deg, #10121c 0%, #000 100%)
}

.img-group {
    height: 109px !important;
    width: 109px !important;
    display: block;
    margin: -2em auto auto;
    border: 5px solid #000000;
    border-radius: 61px
}

.members_list_widget {
    padding-top: 1em !important;
    padding-bottom: 1em !important
}

.group-desc {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
    padding-bottom: 20px
}

.group_items_seperator-private {
    border-bottom: 1px solid #1f2234;
    padding-inline-start: 8.5em
}

.created-by {
    padding-inline-end: 3em
}

.private-desc {
    color: #79828a;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px
}

.create-private-btn {
    border-radius: 4px;
    background-color: #05F385;
    width: 40%;
    margin: 3em auto;
    height: 46px;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    display: block
}

.group_card_overview-creator-private-name {
    padding-inline-start: 14px
}

.group_card_overview-about-desc-private {
    line-height: 21px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all
}

.group_card_overview-creator-private {
    padding-inline-start: 11.5em
}

.group_card_overview-creator-private-avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 2px;
    padding: 3px
}

.group_card_overview-creator-private-send {
    padding: 0.3rem 1rem;
    min-width: 3rem;
    border: 1px solid #05f385;
    border-radius: 4px
}

.banner_share_social_button>button {
    width: 2rem im !important
}

@media screen and (max-width: 1200px) {
    .group_items_seperator-private {
        padding-inline-start: 6.5em
    }
    .group_card_overview-creator-private {
        padding-inline-start: 8.5em
    }
}

@media screen and (max-width: 993px) {
    .group_items_seperator-private {
        padding-inline-start: 3em
    }
    .group_card_overview-creator-private {
        padding-inline-start: 5em
    }
}

@media screen and (max-width: 768px) {
    .group_items_seperator-private,
    .group_card_overview-creator-private {
        padding: 0;
        text-align: center
    }
    .group_card_overview-creator-private-rapper {
        justify-content: center
    }
}

button.invitation_sent {
    background-color: #343846;
    border: 1px solid #343846;
    color: #646c72
}

button.invitation_sent:hover {
    background: #343846;
    color: #646c72
}

button.invitation_sent:focus {
    box-shadow: 0 0 0 0.2rem #343846
}

.card_horizontal_background_color {
    border: 1px solid #1f2234;
    border-radius: 4px;
    background: linear-gradient(347.51deg, #10121c 0%, #000 100%)
}

.group-card-brief_img {
    width: 150px;
    height: 80px
}

.group-card-brief-btn-small {
    width: 6rem;
    border-radius: 4px;
    background-color: #03f490;
    color: black;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    padding: 0.5rem;
    height: 38px;
    margin-top: auto;
    margin-bottom: auto;
    border: unset
}

@media (max-width: 576px) {
    .group-card-brief-btn-small {
        width: 3rem
    }
}

.group-card-brief-title-small {
    line-height: 21px;
    max-width: 28ch
}

@media (max-width: 576px) {
    .group-card-brief-title-small {
        max-width: 13ch
    }
}

.group-card-brief-subtitle-small {
    line-height: 20px;
    width: 140px;
    overflow: hidden;
    margin: 2px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.group-card-brief-members {
    color: #6c757d;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px
}

.group_joined_status-small {
    width: 5rem;
    border-radius: 4px;
    color: #03f490;
    background-color: unset;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    border: unset;
    justify-content: center
}

@media (max-width: 576px) {
    .group_joined_status-small {
        width: 3rem
    }
}

.table-responsive {
    overflow-x: auto
}

@media (max-width: 767px) {
    .table-wrapper {
        padding: 0 0.5rem
    }
}

.current-user-row {
    background-color: #f4b614 !important;
    color: black
}

.border_game_for_good {
    border-left: 1px solid #f4b614
}

[dir="rtl"] .border_game_for_good {
    border-left: unset;
    border-right: 1px solid #f4b614
}

.leaderboard_user_avatar {
    border-radius: 9999px;
    border: 1px solid gray
}

.boards-table {
    border-collapse: collapse;
    font-weight: bold;
    font-size: 17px
}

.boards-table td {
    min-width: 125px
}

.boards-table thead {
    background-color: #0f1018
}

.boards-table thead td:nth-child(1) {
    border-top-left-radius: 10px
}

.boards-table thead td:last-child {
    border-top-right-radius: 10px
}

.boards-table tbody {
    color: #05f385
}

.boards-table tbody tr:nth-child(odd) {
    background-color: #14151d
}

.boards-table tbody tr:nth-child(even) {
    background-color: #0f1018
}

.boards-table tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 10px
}

.boards-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px
}

.boards-table td {
    padding: 1rem 0
}

.boards-button {
    background-color: transparent;
    border: 1px solid #05f385;
    color: #05f385;
    padding: 0.5rem 2rem;
    font-size: 18px;
    border-radius: 25px;
    cursor: pointer
}

.boards-button:hover,
.boards-button:focus {
    color: #fff;
    background-color: #05f385
}

.end-social p {
    text-shadow: 4px 4px 0px rgba(99, 56, 255, 0.47)
}

.end-social .social-icon {
    background-color: #161834;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    line-height: 1;
    position: relative
}

@media (max-width: 550px) {
    .end-social .social-icon {
        width: 50px;
        height: 50px
    }
}

.end-social .social-icon span {
    position: relative;
    z-index: 3
}

.end-social .social-icon::after {
    content: "";
    position: absolute;
    z-index: 2;
    background-color: #0b0e175e;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.4);
    border-radius: 50%;
    left: 0;
    pointer-events: none;
    transition: all 250ms ease-in-out
}

.end-social .social-icon::before {
    content: "";
    position: absolute;
    z-index: 3;
    background-color: #0b0e174b;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(2);
    border-radius: 50%;
    left: 0;
    pointer-events: none;
    transition: all 250ms ease-in-out
}

.end-social a {
    cursor: pointer
}

.end-social a:hover .social-icon::before,
.end-social a:hover .social-icon::after {
    transform: scale(0)
}

[dir="ltr"] .end-social a:not(:last-child) {
    margin-right: 1rem
}

[dir="rtl"] .end-social a:not(:last-child) {
    margin-left: 1rem
}

.end-social .icons-flex {
    justify-content: center
}

@media (min-width: 991px) {
    .end-social .icons-flex {
        justify-content: flex-end
    }
}

@media (max-width: 991px) {
    .end-social {
        justify-content: center;
        text-align: center
    }
    .end-social .text-right {
        text-align: center !important
    }
}

.table-header {
    background-color: #0F1018;
    border-radius: 10px;
    padding: 0 3rem;
    align-items: center;
    justify-content: space-around
}

@media (max-width: 767px) {
    .table-header {
        padding: 0
    }
}

.table-button {
    text-shadow: 4px 6px 0px rgba(0, 0, 0, 0.47);
    background-color: transparent;
    border: none;
    font-size: 28px;
    padding: 1rem;
    position: relative;
    cursor: pointer
}

@media (max-width: 767px) {
    .table-button {
        font-size: 22px
    }
}

.table-button:active,
.table-button:focus {
    outline: none
}

.table-button.active::after,
.table-button:hover::after {
    content: "";
    position: absolute;
    height: 7px;
    width: 100%;
    bottom: 0;
    background-color: #05F385;
    left: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.tournament-card {
    min-height: 300px
}

.tournament-card.is-past img {
    filter: grayscale(1)
}

.tournament-card img {
    height: 100%;
    object-fit: cover
}

.tournament-card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.6) 70%, #000 95%)
}

.tournament-card span {
    position: absolute;
    z-index: 3;
    bottom: 10px;
    font-size: 16px;
    max-width: 100%
}

[dir="ltr"] .tournament-card span {
    left: 0
}

[dir="rtl"] .tournament-card span {
    right: 0
}

.watch-card {
    background-color: #161822;
    border-radius: 30px;
    box-shadow: 0px 7px 11px -5px rgba(0, 0, 0, 0.75)
}

.watch-card .min-height-300 {
    min-height: 300px
}

[dir="ltr"] .watch-card-dates {
    letter-spacing: 3px !important
}

.watch-card-watch svg {
    transition: all 100ms linear
}

[dir="ltr"] .watch-card-watch svg {
    transform: rotate(-90deg)
}

[dir="rtl"] .watch-card-watch svg {
    transform: rotate(90deg)
}

.watch-card-watch svg * {
    fill: #05f385
}

.watch-card-watch:hover svg {
    transform: translateX(50px);
    opacity: 0
}

.watch-card .action-btn {
    padding: 16px 0;
    margin: -16px 0;
    background: #282B3D;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 580px;
        margin: 1.75rem auto
    }
    .modal-dialog.modal-sm {
        max-width: 450px
    }
}

.create-match-timespans {
    border: 1px solid #4ef384;
    border-radius: 6px;
    cursor: pointer;
    outline: none;
    transition: all 150ms ease-in-out;
    padding: 0.5rem 2rem
}

.create-match-timespans:hover,
.create-match-timespans.active {
    background-color: #05F385;
    border-color: #05F385
}

.create-match-timespans:focus {
    box-shadow: 0 0 0 0.2rem #dd1d2925;
    background-color: #05F385
}

.create-match-timespans span {
    line-height: 1
}

.time-content .swiper-button-next {
    right: 0;
    top: 72%
}

.time-content .swiper-button-prev {
    left: 0;
    top: 72%
}

.time-content .swiper-container {
    min-height: 112px
}

.time-content .swiper-pagination-bullet {
    width: 10px;
    height: 10px
}

.time-content .swiper-pagination-bullet-active {
    background-color: #05F385 !important
}

.time-content .swiper-container {
    overflow-y: auto !important
}

.time-content .swiper-button-next:after,
.time-content .swiper-container-rtl .swiper-button-prev:after,
.time-content .swiper-button-prev:after,
.time-content .swiper-container-rtl .swiper-button-next:after {
    font-size: 12px !important;
    color: black;
    background-color: #fff;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 50%
}


/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}


/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}


/* 3D Effects */

.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}


/* CSS Mode */

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}


/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}


/* Bullets */

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}


/* Progress */

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}


/* Scrollbar */

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}


/* Preloader */

:root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}


/* a11y */

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.top-banner {
    background-image: url("../../../private/images/gwb/banner.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: calc(90vh - 70px);
    display: flex;
    flex-direction: column
}

.top-banner .gwb-img {
    max-height: 300px
}

@media (max-width: 1200px) {
    .top-banner {
        text-align: center;
        padding-right: 1rem;
        padding-left: 1rem
    }
    .top-banner .gwb-img {
        width: 300px
    }
    .top-banner .gwb-logo {
        margin-bottom: 7rem
    }
}

.img-fluid {
    max-width: 100%
}

@media (min-width: 1300px) {
    .b-container {
        max-width: 1200px;
        margin: auto
    }
}

.text-white {
    color: #fff
}

.text-uppercase {
    text-transform: uppercase
}

[dir="ltr"] .text-italic {
    font-style: italic
}

.section-heading {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0.5rem
}

@media (max-width: 767px) {
    .section-heading {
        font-size: 29px
    }
}

.section-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 80px;
    font-weight: 700
}

[dir="ltr"] .section-title {
    text-shadow: 3px 4px 0px rgba(99, 56, 255, 0.47)
}

[dir="rtl"] .section-title {
    text-shadow: 3px 4px 0px rgba(99, 56, 255, 0.47)
}

@media (max-width: 767px) {
    .section-title {
        font-size: 45px
    }
}

[dir="ltr"] .text-shadow {
    text-shadow: 6px 8px 0px rgba(0, 0, 0, 0.47)
}

[dir="rtl"] .text-shadow {
    text-shadow: 4px 6px 0px rgba(0, 0, 0, 0.47)
}

.content-heading {
    font-size: 55px;
    font-weight: bold;
    margin-bottom: 0.5rem
}

@media (max-width: 767px) {
    .content-heading {
        font-size: 35px
    }
}

.content-heading-small {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0.5rem
}

@media (max-width: 767px) {
    .content-heading-small {
        font-size: 25px
    }
}

.top-section-date {
    margin-top: 0;
    font-weight: 600;
    font-size: 36px;
    letter-spacing: 1px
}

@media (max-width: 767px) {
    .top-section-date {
        font-size: 29px
    }
}

.top-credits {
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.top-credits h2 {
    font-size: 38px;
    font-weight: bold;
    text-transform: uppercase
}

.top-credits p {
    font-weight: 400;
    font-size: 26px;
    line-height: normal
}

.arrow-wrapper {
    position: absolute;
    transform: translateY(calc(50% - 12px));
    bottom: 0;
    z-index: 2
}

.section {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.bg-white {
    background-color: #fff
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
span {
    white-space: pre-line
}

.btn {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    padding: 0.5rem 3rem
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.btn-outline-red {
    border-radius: 25px;
    border: 1px solid #e71629;
    outline: none;
    transition: all 150ms ease-in-out
}

.btn-outline-red:hover {
    background-color: #e71629;
    color: #fff
}

.btn-outline-red:focus,
.btn-outline-red:active {
    background-color: #a10f1d;
    color: #fff
}

.flex-grow-1 {
    flex-grow: 1
}

.align-items-center {
    align-items: center
}

@media (max-width: 767px) {
    .responsive-text {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .center-mobile {
        flex-direction: column
    }
    .mt-mobile-1 {
        margin-top: 1rem
    }
}

.px-2 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}

.px-3 {
    padding-left: 1rem;
    padding-right: 1rem
}

.font-weight-bold {
    font-weight: bold
}

.text-muted {
    color: #323959
}

.w-50 {
    width: 50%
}

.small {
    font-size: 13px
}

[dir="ltr"] .mr-small {
    margin-right: 5px
}

[dir="rtl"] .mr-small {
    margin-left: 5px
}

[dir="rtl"] .ml-small {
    margin-right: 5px
}

[dir="ltr"] .ml-small {
    margin-left: 5px
}

.text-decoration-none {
    text-decoration: none
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(13, 16, 26, 0), rgba(13, 16, 26, 0.75))
}

.console-color {
    color: #040067
}

.gwb-green-color {
    color: #a2ca3a
}

.payg-hints {
    background-image: url("../../../private/images/gwb/payg/payg-bg.png");
    background-position: top left;
    background-repeat: no-repeat
}

.payg-card {
    background-color: #0f1018;
    box-shadow: 1px 2px rgba(0, 0, 0, 0.5);
    border-radius: 14px;
    padding: 1.5rem 2rem;
    cursor: pointer;
    transition: all 150ms ease-in-out;
    margin-bottom: 1rem
}

.payg-card h4,
.payg-card img {
    user-select: none
}

.payg-card:hover {
    transform: scale(1.05)
}

.payg-card:active {
    transform: scale(0.95)
}

.payg__ok-button {
    background-color: #05f385 !important;
    color: black !important
}

.loading-rader svg {
    animation: animateRader 2s linear infinite
}

.loading-rader svg g {
    fill: #05f385
}

.game-logo {
    width: 120px
}

.vs span {
    background-color: #000 !important;
    font-size: 15px
}

.teamName span {
    font-size: 17px;
    padding-top: 8px
}

.teamName img {
    margin-right: 10px;
    margin-left: 10px;
    width: 18px
}

.matchHead {
    border-top: 1px solid #2d3054
}

.timeRow {
    background: linear-gradient(110deg, #262c47 25%, rgba(38, 44, 71, 0.16) 100%);
    font-size: 18px
}

.timeRow img {
    margin-right: 8px;
    margin-left: 8px;
    margin-top: -3px
}

.matchDetails h3 {
    font-size: 20px
}

.matchDetails p {
    font-size: 14px;
    color: #9191a9;
    margin-bottom: 5px
}

.green-link {
    color: #05f385;
    padding-left: 5px;
    padding-right: 5px
}

@keyframes animateRader {
    0%,
    100% {
        transform: rotate(360deg) scale(1)
    }
    50% {
        transform: rotate(0deg) scale(0.5)
    }
}

.pledge-amount-modal__heading {
    font-size: 14px;
    font-weight: 400;
    max-width: 296px
}

.pledge-amount-modal__description {
    font-size: 13px;
    font-weight: 400;
    color: #c1c7df;
    max-width: 318px;
    text-align: start
}

.pledge-amount-modal__buttons-container {
    justify-content: space-around;
    max-width: 350px;
    margin: auto
}

.pledge-amount-modal__btn {
    width: 136px;
    height: 44px;
    border-radius: 4px;
    font-weight: 600;
    color: #000000;
    font-size: 14px;
    padding: 4px
}

.pledge-amount-modal__btn--yes {
    background-color: #05f385
}

.pledge-amount-modal__btn--no {
    background-color: #ffffff
}

.payg__enter-game-id-modal {
    max-width: 358px
}

.payg__enter-game-id-modal .form-control {
    background-color: #030406;
    border: #282b3d 1px solid;
    height: 51px;
    margin: auto;
    color: #727a97
}

.payg__enter-game-id-modal__enter-id-label {
    font-size: 16px;
    font-weight: 600;
    margin: 0
}

.payg__enter-game-id-modal__update-button {
    background-color: #05f385;
    color: black;
    width: 195px;
    height: 42px;
    font-weight: bold;
    margin: 40px auto;
    display: block
}

.payg__enter-game-id-modal__input-error {
    color: red;
    font-size: 16px;
    text-align: center
}

.country label {
    color: #D3D7DE;
    font-size: 1rem;
    margin-bottom: 5px;
    display: block;
    text-transform: none
}

.country .custom-select__control {
    position: relative;
    color: #D3D7DE;
    background-color: #2B3144;
    border: 1px solid transparent;
    display: flex;
    width: 100%;
    height: 48px;
    font-weight: 400;
    border-radius: 0
}

.payg__heading {
    color: #03f490;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 0.99px;
    font-style: italic;
    margin-top: 40px;
    margin-bottom: 8px
}

.upcoming_tournaments_public {
    background-color: #10111a;
    border-radius: 5px
}

.upcoming_tournaments_public-title {
    font-size: 15px;
    line-height: 18px
}

.game_type {
    opacity: 0.6;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 17px
}

.organizer_user {
    font-size: 11px;
    padding: 2px;
    border-radius: 10px;
    background-color: #ffd935;
    color: black
}

.game_name {
    color: #afb2c4;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    border: 1px solid #373737;
    border-radius: 9px;
    padding: 2px 6px
}

.start_date-hours {
    height: 17px;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px
}

.start_date {
    background-color: black;
    width: 50px;
    height: 50px;
    border-radius: 7px
}

.start_date-day {
    color: #ffffff;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center
}

.start_date-month {
    opacity: 0.54;
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;
    text-align: center
}

.link_hover:hover {
    color: unset;
    text-decoration: none
}

[dir="rtl"] .arrow_icon {
    transform: scale(-1)
}

.community-group-card-status_title {
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px
}

.community-group-card-status_content {
    border-radius: 7px;
    background-color: #10121c
}

.community-group-card-status_action {
    color: #6C757D;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center
}

.community-group-card-status_create {
    color: #05F385;
    border: 1px solid #05F385;
    font-size: 15px;
    padding: .25rem 1rem;
    border-radius: 4px;
    transition: all 200ms ease-in-out
}

.community-group-card-status_create:hover {
    background-color: #05F385;
    color: black
}


/*! tailwindcss v2.1.0 | MIT License | https://tailwindcss.com*/


/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */


/*
Document
========
*/


/**
Use a better box model (opinionated).
*/

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


/**
Use a more readable tab size (opinionated).
*/

:root {
    -moz-tab-size: 4;
    tab-size: 4;
}


/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/*
Sections
========
*/


/**
Remove the margin in all browsers.
*/

body {
    margin: 0;
}


/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
    font-family: system-ui, -apple-system, /* Firefox supports this but not yet `system-ui` */
    'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}


/*
Grouping content
================
*/


/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
}


/*
Text-level semantics
====================
*/


/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
    text-decoration: underline dotted;
}


/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}


/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}


/**
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}


/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


/*
Tabular data
============
*/


/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
}


/*
Forms
=====
*/


/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}


/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
    /* 1 */
    text-transform: none;
}


/**
Correct the inability to style clickable types in iOS and Safari.
*/

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


/**
Remove the inner border and padding in Firefox.
*/


/**
Restore the focus styles unset by the previous rule.
*/


/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/


/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
    padding: 0;
}


/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}


/**
Correct the cursor style of increment and decrement buttons in Safari.
*/


/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/


/**
Remove the inner padding in Chrome and Safari on macOS.
*/


/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/


/*
Interactive
===========
*/


/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}


/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */


/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

button {
    background-color: transparent;
    background-image: none;
}


/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/**
 * Tailwind custom reset styles
 */


/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 1 */
    line-height: 1.5;
    /* 2 */
}


/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
    font-family: inherit;
    line-height: inherit;
}


/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
}


/*
 * Ensure horizontal rules are visible by default
 */

hr {
    border-top-width: 1px;
}


/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
    border-style: solid;
}

textarea {
    resize: vertical;
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}

button {
    cursor: pointer;
}

table {
    border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}


/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
    color: inherit;
    text-decoration: inherit;
}


/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
}


/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}


/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
    max-width: 100%;
    height: auto;
}

img {
    display: unset
}

.space-y-2> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-x-2> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-4> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.-space-x-2> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.bg-hygroups-widget-bg {
    background-color: var(--hygroups-widget-bg);
}

.bg-hygroups-card-bg {
    background-color: var(--hygroups-card-bg);
}

.bg-center {
    background-position: center;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-cover {
    background-size: cover;
}

.border-hygroups-member-border-color {
    border-color: var(--hygroups-member-border-color);
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.border-2 {
    border-width: 2px;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.self-start {
    align-self: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.flex-grow {
    flex-grow: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.h-8 {
    height: 2rem;
}

.h-hygroups-group-list-item-img-size {
    height: 3.875rem;
}

.h-hygroups-activity-list-item-img-size {
    height: 6rem;
}

.h-hygroups-user-list-image-small {
    height: 2.5rem;
}

.h-full {
    height: 100%;
}

.h-hygroups-group-card-image {
    height: var(--hygroups-group-card-image);
}

.h-hygroups-activity-card-image {
    height: var(--hygroups-activity-card-image);
}

.h-hygroups-group-cover {
    height: var(--hygroups-group-cover);
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.max-w-full {
    max-width: 100%;
}

.object-cover {
    object-fit: cover;
}

.overflow-hidden {
    overflow: hidden;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pt-2\.5 {
    padding-top: 0.625rem;
}

.pb-3\.5 {
    padding-bottom: 0.875rem;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

* {
    --tw-shadow: 0 0 #0000;
}

.shadow-hygroups-card-shadow {
    --tw-shadow: var(--hygroups-card-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-hygroups-widget-shadow {
    --tw-shadow: var(--hygroups-widget-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

* {
    --tw-ring-inset: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
}

.text-hygroups-primary {
    color: var(--hygroups-primary-color);
}

.text-hygroups-secondary {
    color: var(--hygroups-secondary-color);
}

.text-hygroups-group-card-subtitle {
    --tw-text-opacity: 1;
    color: rgba(173, 181, 189, var(--tw-text-opacity));
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whitespace-normal {
    white-space: normal;
}

.w-8 {
    width: 2rem;
}

.w-hygroups-group-list-item-img-size {
    width: 3.875rem;
}

.w-hygroups-activity-list-item-img-size {
    width: 6rem;
}

.w-hygroups-user-list-image-small {
    width: 2.5rem;
}

.w-full {
    width: 100%;
}

.z-10 {
    z-index: 10;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ping {
    75%,
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse {
    50% {
        opacity: .5;
    }
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (min-width: 640px) {}

@media (min-width: 768px) {}

@media (min-width: 1024px) {}

@media (min-width: 1280px) {}

@media (min-width: 1536px) {}

@media (min-width: 484px) {
    .mobile\:h-hygroups-user-list-image-large {
        height: 3.875rem;
    }
    .mobile\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .mobile\:w-hygroups-user-list-image-large {
        width: 3.875rem;
    }
}

.toggle-edit-attribute {
    color: #3380e6;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 10%;
    transform: translateY(-50%);
    border: none;
    right: 3px;
    cursor: pointer;
    font-size: 0.6em
}

[dir="rtl"] .toggle-edit-attribute {
    right: unset;
    left: 3px
}

[dir="rtl"] .mobile input {
    direction: ltr;
    text-align: end
}

.personal-wrapper {
    margin: 1em auto 0;
    border: 1px solid #2A2C40;
    border-radius: 4px;
    width: 25em;
    padding: 2em
}

@media screen and (max-width: 768px) {
    .personal-wrapper {
        width: 100%;
        padding: 10px
    }
}

.preferred-platform-section-container .section-heading {
    font-style: italic;
    font-size: 38px;
    font-weight: 400;
    color: #05f385;
    text-transform: uppercase
}

.preferred-platform-section-container .section-p {
    color: #d1d9e1;
    font-size: 17px
}

.preferred-platform-section-container .section-profile {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
    text-align: left;
    margin-inline-start: -12px
}

[dir="rtl"] .preferred-platform-section-container .section-profile {
    text-align: right
}

.preferred-platform-section-container .profile-platform {
    border: 1px solid #1b1e2e
}

.preferred-platform-section-container .profile-platform:hover {
    background-color: #0d0e18 !important;
    border: 0 !important
}

.preferred-platform-section-container .profile-platform::after {
    height: 29px !important;
    width: 29px !important
}

.preferred-platform-section-container .check-box-container {
    width: 100%
}

.preferred-platform-section-container .check-box-container input:checked+div::after {
    background-image: url("../../../images/preferredPlatform/check_mark.svg")
}

.preferred-platform-section-container .check-box-container input:checked+div img {
    opacity: 1
}

.preferred-platform-section-container .check-box-container input:checked+div .platform-name {
    opacity: 1;
    color: #05f385
}

.preferred-platform-section-container .profile-check-box-container input:checked+div {
    background-color: #0d0e18 !important;
    border: 0 !important
}

.preferred-platform-section-container .profile-check-box-container input:checked+div::after {
    border-color: #05f385 !important
}

.preferred-platform-section-container .check-box-inner-content {
    user-select: none;
    width: 100%;
    border: 1px solid #3f4257;
    border-radius: 5px;
    position: relative;
    cursor: pointer
}

.preferred-platform-section-container .check-box-inner-content:hover {
    background-color: #10121c
}

.preferred-platform-section-container .check-box-inner-content::after {
    content: "";
    position: absolute;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    top: 10px;
    border: 1px solid rgba(63, 66, 87, 0.7);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center
}

[dir="rtl"] .preferred-platform-section-container .check-box-inner-content::after {
    left: 10px
}

[dir="ltr"] .preferred-platform-section-container .check-box-inner-content::after {
    right: 10px
}

@media (max-width: 575px) {
    .preferred-platform-section-container .check-box-inner-content .platform-icon-container {
        height: 28px;
        width: 40px;
        position: relative
    }
    .preferred-platform-section-container .check-box-inner-content .platform-icon-container img {
        height: 28px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.preferred-platform-section-container .check-box-inner-content img {
    height: 70px;
    opacity: 0.3
}

.preferred-platform-section-container .check-box-inner-content .platform-name {
    opacity: 0.3;
    font-size: 16px;
    color: #ffffff
}

.preferred-platform-section-container .list-profile {
    margin-inline-start: -44px
}

.preferred-platform-section-container .form-submit-btn {
    border-radius: 4px;
    background-color: #05f385;
    color: #000000;
    font-size: 18px;
    font-weight: bold
}

.preferred-platform-section-container .form-submit-btn:disabled {
    background-color: #242738;
    color: #ffffff;
    cursor: not-allowed
}

@media (min-width: 1200px) {
    .preferred-platform-section-container .col-w-xl-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.page-not-found-section-container .not-found-img-container img {
    height: 252px
}

.page-not-found-section-container .section-heading {
    color: #ffffff;
    font-size: 70px;
    font-style: italic;
    font-weight: 900
}

.page-not-found-section-container .section-p {
    color: #727a97;
    font-size: 17px;
    font-style: italic
}

.page-not-found-section-container a {
    color: #ffffff;
    font-size: 15px;
    font-style: italic;
    font-weight: 900;
    text-decoration: none !important;
    text-transform: uppercase
}

.favorite-games-section-container .section-heading {
    font-style: italic;
    font-size: 38px;
    font-weight: 400;
    color: #05f385;
    text-transform: uppercase
}

.favorite-games-section-container .section-p {
    color: #d1d9e1;
    font-size: 17px
}

.favorite-games-section-container .section-profile {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
    text-align: left;
    margin-inline-start: -12px
}

[dir="rtl"] .favorite-games-section-container .section-profile {
    text-align: right
}

.favorite-games-section-container .list-profile {
    margin-inline-start: -44px
}

.favorite-games-section-container .check-box-container input:checked+div {
    border: 1px solid #199e61;
    background: linear-gradient(151.96deg, #05f386 0%, #05581d 100%)
}

.favorite-games-section-container .check-box-container input:checked+div .game-icon-container .fall-back-text {
    color: #000000
}

.favorite-games-section-container .profile-platform {
    border: 1px solid #1b1e2e
}

.favorite-games-section-container .profile-platform:hover {
    background-color: #0d0e18 !important;
    border: 0 !important
}

.favorite-games-section-container .profile-platform:hover img {
    opacity: 1
}

.favorite-games-section-container .profile-platform::after {
    height: 29px !important;
    width: 29px !important
}

.favorite-games-section-container .check-box-wrapper {
    width: 100%
}

.favorite-games-section-container .check-box-wrapper input:checked+div::after {
    background-image: url("../../../images/preferredPlatform/check_mark.svg")
}

.favorite-games-section-container .check-box-wrapper input:checked+div img {
    opacity: 1
}

.favorite-games-section-container .check-box-wrapper input:checked+div .platform-name {
    opacity: 1;
    color: #05f385
}

.favorite-games-section-container .profile-check-box-container input:checked+div {
    background-color: #0d0e18 !important;
    border: 0 !important
}

.favorite-games-section-container .profile-check-box-container input:checked+div::after {
    border-color: #05f385 !important
}

.favorite-games-section-container .check-box-inner-content-profile {
    user-select: none;
    width: 100%;
    border: 1px solid #3f4257;
    border-radius: 5px;
    position: relative;
    cursor: pointer
}

.favorite-games-section-container .check-box-inner-content-profile:hover {
    background-color: #10121c
}

.favorite-games-section-container .check-box-inner-content-profile::after {
    content: "";
    position: absolute;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    top: 10px;
    border: 1px solid rgba(63, 66, 87, 0.7);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center
}

[dir="rtl"] .favorite-games-section-container .check-box-inner-content-profile::after {
    left: 10px
}

[dir="ltr"] .favorite-games-section-container .check-box-inner-content-profile::after {
    right: 10px
}

@media (max-width: 575px) {
    .favorite-games-section-container .check-box-inner-content-profile .platform-icon-container {
        height: 28px;
        width: 40px;
        position: relative
    }
    .favorite-games-section-container .check-box-inner-content-profile .platform-icon-container img {
        height: 28px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.favorite-games-section-container .check-box-inner-content-profile img {
    height: 70px;
    opacity: 0.3
}

.favorite-games-section-container .check-box-inner-content-profile .platform-name {
    opacity: 0.3;
    font-size: 16px;
    color: #ffffff
}

.favorite-games-section-container .check-box-inner-content {
    user-select: none;
    height: 142px;
    width: 142px;
    border: 1px solid #171a29;
    background: linear-gradient(133.19deg, rgba(0, 0, 0, 0) 0%, #2c2f39 100%);
    border-radius: 50%;
    cursor: pointer
}

@media (max-width: 374px) {
    .favorite-games-section-container .check-box-inner-content {
        height: 120px;
        width: 120px
    }
}

.favorite-games-section-container .check-box-inner-content .game-icon-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative
}

.favorite-games-section-container .check-box-inner-content .game-icon-container img,
.favorite-games-section-container .check-box-inner-content .game-icon-container canvas {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.favorite-games-section-container .check-box-inner-content .game-icon-container .fall-back-text {
    color: #ffffff
}

.favorite-games-section-container .form-submit-btn {
    border-radius: 4px;
    background-color: #05f385;
    color: #000000;
    font-size: 18px;
    font-weight: bold
}

.favorite-games-section-container .form-submit-btn:disabled {
    background-color: #242738;
    color: #ffffff;
    cursor: not-allowed
}

.border-radius-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-radius-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.live_stream_banner_wrapper .swiper-pagination-bullets {
    width: 73% !important;
    bottom: 0 !important
}

.live_stream_banner_wrapper .swiper-pagination-bullets .swiper-pagination-bullet {
    background: white !important;
    opacity: 0.8;
    height: 11px;
    width: 11px;
    padding: 0;
    border-radius: 9999px
}

.live_stream_banner_wrapper .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #05f385 !important
}

@media (max-width: 768px) {
    .live_stream_banner_wrapper .swiper-pagination-bullets {
        width: 100% !important
    }
}

.stream_swiper_item-inner {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 2rem 2rem;
    height: 500px
}

@media (max-width: 768px) {
    .stream_swiper_item-inner {
        grid-template-columns: 1fr
    }
    .stream_swiper_item-inner .stream_swiper_item-inner-tournament {
        position: absolute;
        left: 0;
        right: 0;
        width: 80%;
        margin: auto
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    padding: 0 14px;
    height: 6px;
    border-radius: 8px;
    display: inline-block;
    background: #8F9196;
    box-shadow: 0px 0px 10px 6px #000000a6
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #FFF
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.no-url {
    cursor: default !important
}

.corporate-tournaments {
    font-size: 24px;
    color: #fff
}

@media (max-width: 576px) {
    .corporate-tournaments {
        font-size: 22px
    }
}

.corporate-tournaments h1 {
    font-weight: 900;
    text-align: center
}

.corporate-tournaments .top-banner {
    background-image: url("../../../images/corporate-tournaments/banner-web.png");
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 455px;
    height: calc(60vh - 70px);
    margin-bottom: 6rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

[dir='rtl'] .corporate-tournaments .top-banner {
    background-image: url("../../../images/corporate-tournaments/banner-web-ar.png")
}

.corporate-tournaments .top-banner .map {
    position: absolute;
    top: 36px;
    right: 46px;
    height: 34px
}

.corporate-tournaments .top-banner .content {
    position: relative;
    padding-top: 110px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    margin-inline-end: 103px
}

.corporate-tournaments .top-banner .content .title {
    font-size: 2.3em;
    text-shadow: 1px 8px #000000;
    letter-spacing: 3.01px
}

[dir='rtl'] .corporate-tournaments .top-banner .content .title {
    font-size: 1.8em
}

@media (max-width: 576px) {
    .corporate-tournaments .top-banner .content .title {
        font-size: 1.7em
    }
    [dir='rtl'] .corporate-tournaments .top-banner .content .title {
        font-size: 1.5em
    }
}

.corporate-tournaments .top-banner .content .action-btn {
    font-size: 0.7em;
    padding: 14px 40px;
    box-sizing: border-box;
    text-transform: initial;
    height: auto
}

@media (max-width: 576px) {
    .corporate-tournaments .top-banner .content .action-btn {
        font-size: 0.6em;
        padding: 14px 40px
    }
}

@media (max-width: 991px) {
    .corporate-tournaments .top-banner .content {
        margin: 0;
        align-items: center
    }
}

[dir='rtl'] .corporate-tournaments .top-banner .content {
    align-items: center;
    margin-inline-end: 60px;
    top: -35px
}

@media (max-width: 991px) {
    [dir='rtl'] .corporate-tournaments .top-banner .content {
        margin: 0
    }
}

@media (max-width: 576px) {
    .corporate-tournaments .top-banner {
        min-height: 525px;
        height: calc(70vh - 70px);
        background-image: url("../../../images/corporate-tournaments/banner-mob.png")
    }
    .corporate-tournaments .top-banner .map {
        display: none
    }
    [dir='rtl'] .corporate-tournaments .top-banner {
        background-image: url("../../../images/corporate-tournaments/banner-mob-ar.png")
    }
}

@media (min-width: 1360px) {
    .corporate-tournaments .top-banner {
        min-height: 605px
    }
    .corporate-tournaments .top-banner .content {
        padding-top: 0;
        margin-inline-end: 50px
    }
}

@media (min-width: 1360px) and (max-width: 1400px) {
    .corporate-tournaments .top-banner .content {
        margin-bottom: 120px;
        margin-inline-end: 80px
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .corporate-tournaments .top-banner .content {
        margin-bottom: 100px;
        margin-inline-end: 30px
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .corporate-tournaments .top-banner .content {
        margin-bottom: 75px;
        margin-inline-end: -10px
    }
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .corporate-tournaments .top-banner .content {
        margin-bottom: 50px;
        margin-inline-end: -45px
    }
}

@media (min-width: 1600px) {
    .corporate-tournaments .top-banner {
        min-height: 70vh
    }
}

@media (min-width: 2000px) {
    .corporate-tournaments .top-banner .content {
        top: -5vh !important
    }
    [dir='rtl'] .corporate-tournaments .top-banner .content {
        top: -10vh !important
    }
}

.corporate-tournaments .about-corporate .about-corporate-content {
    position: relative
}

.corporate-tournaments .about-corporate .about-corporate-content .title {
    font-size: 1.4em
}

@media (max-width: 576px) {
    .corporate-tournaments .about-corporate .about-corporate-content .title {
        font-size: 1.3em
    }
}

.corporate-tournaments .about-corporate .about-corporate-content ul {
    margin: 0
}

.corporate-tournaments .about-corporate .about-corporate-content ul li {
    font-size: 0.6em;
    text-align: justify;
    color: #8289a0;
    position: relative
}

.corporate-tournaments .about-corporate .about-corporate-content ul li+li {
    margin-top: 10px
}

.corporate-tournaments .e-championship-cards .no-gutters {
    margin-left: -1px;
    margin-right: 1px
}

.corporate-tournaments .e-championship-cards .no-gutters>div {
    padding: 1px
}

.corporate-tournaments .e-championship-cards .champion-card .header {
    height: 90px;
    border-radius: 20px 20px 0 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .corporate-tournaments .e-championship-cards .champion-card .header {
        height: 116px
    }
}

@media (min-width: 992px) {
    .corporate-tournaments .e-championship-cards .champion-card .header {
        height: 90px
    }
}

.corporate-tournaments .e-championship-cards .champion-card .header .title {
    color: #1b1d25;
    font-size: 0.75em;
    font-weight: 900;
    letter-spacing: -0.1px;
    text-align: center
}

@media (max-width: 768px) {
    .corporate-tournaments .e-championship-cards .champion-card .header .title {
        font-size: 1em
    }
}

@media (max-width: 576px) {
    .corporate-tournaments .e-championship-cards .champion-card .header .title {
        font-size: 0.819em
    }
}

.corporate-tournaments .e-championship-cards .champion-card .header .action {
    height: 38px;
    width: 38px;
    cursor: pointer;
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid #151825;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    transition: background-color 0.2s ease;
    align-items: center
}

.corporate-tournaments .e-championship-cards .champion-card .green {
    background-color: #44d7b6
}

.corporate-tournaments .e-championship-cards .champion-card .green.action:hover {
    background-color: #24aa8c
}

.corporate-tournaments .e-championship-cards .champion-card .blue {
    background-color: #33a1f5
}

.corporate-tournaments .e-championship-cards .champion-card .blue.action:hover {
    background-color: #0a7bd1
}

.corporate-tournaments .e-championship-cards .champion-card .red {
    background-color: #ff5050
}

.corporate-tournaments .e-championship-cards .champion-card .red.action:hover {
    background-color: #ff0404
}

.corporate-tournaments .e-championship-cards .champion-card .yellow {
    background-color: #eec041
}

.corporate-tournaments .e-championship-cards .champion-card .yellow.action:hover {
    background-color: #d09e13
}

.corporate-tournaments .e-championship-cards .champion-card .content {
    padding: 0 20px;
    padding-bottom: 40px;
    background: linear-gradient(180deg, #1a1d2e 0%, #000 100%);
    margin: auto;
    color: #ced9e6;
    font-size: 0.6em;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center
}

.corporate-tournaments .e-championship-cards .champion-card .content .padded {
    height: 110px;
    position: relative
}

.corporate-tournaments .e-championship-cards .champion-card .content .padded>div {
    display: flex;
    align-items: center;
    width: 100%;
    position: absolute;
    justify-content: center;
    top: 40%
}

@media (min-width: 576px) {
    .corporate-tournaments .e-championship-cards .champion-card .content .padded>div {
        justify-content: start
    }
}

.corporate-tournaments .e-championship-cards .champion-card .content .padded>div .step-no {
    opacity: 0.4;
    color: #2f4263;
    font-size: 90px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 87px;
    text-align: center
}

.corporate-tournaments .e-championship-cards .champion-card .content .padded>div img {
    max-width: 50%
}

.corporate-tournaments .e-championship-cards .champion-card .content .separator {
    border: 1px solid #2b314e;
    margin: 15px 0;
    opacity: 0.7
}

.corporate-tournaments .tournament-games .text-container {
    width: 610px;
    max-width: 90%
}

.corporate-tournaments .tournament-games .text-container .title {
    font-size: 1.7em;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 46px
}

@media (max-width: 576px) {
    .corporate-tournaments .tournament-games .text-container .title {
        font-size: 1.5em
    }
}

.corporate-tournaments .tournament-games .text-container .description {
    color: #dbe6e8;
    font-size: 0.7em;
    letter-spacing: 0.61px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px
}

.corporate-tournaments .tournament-games .game-item {
    outline: 0.8px solid #2d3531;
    height: 163px
}

.corporate-tournaments .tournament-games .game-item .tournament-game-logo {
    max-width: 175px
}

.corporate-tournaments .white-bg {
    background-color: white;
    position: relative
}

.corporate-tournaments .white-bg::before {
    content: '';
    height: 30px;
    position: absolute;
    top: -1px;
    width: 100%;
    background-color: #000;
    clip-path: polygon(0 0%, 100% 0%, -50% 70%, 0% 100%);
    margin-top: 0
}

.corporate-tournaments .white-bg::after {
    content: '';
    height: 30px;
    position: absolute;
    bottom: -1px;
    width: 100%;
    background-color: #0f0f18;
    clip-path: polygon(0 60%, 100% 0%, 100% 100%, 0% 100%)
}

.corporate-tournaments .with-prices {
    padding-top: 10px;
    padding-bottom: 10px
}

[dir='rtl'] .corporate-tournaments .with-prices .packages h1 {
    font-weight: bold
}

.corporate-tournaments .with-prices .packages .title {
    font-size: 1.7em;
    font-weight: 900
}

@media (max-width: 576px) {
    .corporate-tournaments .with-prices .packages .title {
        font-size: 1.5em
    }
}

.corporate-tournaments .with-prices .packages .card {
    position: relative;
    box-sizing: border-box;
    padding: 25px 20px;
    margin: 10px 0;
    height: 400px;
    width: 327px;
    max-width: 90%;
    border-radius: 10px;
    background-color: #0c0d12;
    color: #fff;
    padding-bottom: 14px;
    padding-top: 55px;
    border: 1px solid #282b3d
}

.corporate-tournaments .with-prices .packages .card .type {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.corporate-tournaments .with-prices .packages .card .amount {
    margin-bottom: 12%;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 43px;
    text-align: center
}

[dir='rtl'] .corporate-tournaments .with-prices .packages .card .amount {
    font-size: 45px
}

.corporate-tournaments .with-prices .packages .card .amount .unit {
    font-size: 24px;
    font-weight: 400
}

[dir='rtl'] .corporate-tournaments .with-prices .packages .card .amount .unit {
    font-size: 14px
}

@media (max-width: 576px) {
    .corporate-tournaments .with-prices .packages .card .amount {
        font-size: 20px;
        margin-bottom: 0
    }
    [dir='rtl'] .corporate-tournaments .with-prices .packages .card .amount {
        font-size: 35px
    }
    .corporate-tournaments .with-prices .packages .card .amount .unit {
        font-size: 16px
    }
}

.corporate-tournaments .with-prices .packages .card .text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px
}

@media (max-width: 576px) {
    .corporate-tournaments .with-prices .packages .card .text {
        font-size: 13px
    }
}

.corporate-tournaments .with-prices .packages .card .text.tag {
    background: #000;
    border-radius: 14px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    margin-top: auto
}

[dir='rtl'] .corporate-tournaments .with-prices .packages .card .text.tag {
    padding: 5px
}

.corporate-tournaments .with-prices .packages .card .text.tag p {
    font-style: italic;
    margin-bottom: 0
}

.corporate-tournaments .with-prices .packages .card .text.tag.green p {
    background: -webkit-linear-gradient(45deg, #1290b4, #2ec06a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.corporate-tournaments .with-prices .packages .card .text.tag.gold p {
    background: -webkit-linear-gradient(45deg, #835c18, #fce523 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.corporate-tournaments .with-prices .packages .card .text.tag.platinum p {
    background: -webkit-linear-gradient(45deg, #c2cccf, #8d979a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

[dir='ltr'] .corporate-tournaments .with-prices .packages .card .ribbon span {
    text-align: left;
    padding-left: 57px
}

[dir='rtl'] .corporate-tournaments .with-prices .packages .card .ribbon span {
    text-align: right;
    padding-right: 57px
}

@media (max-width: 576px) {
    .corporate-tournaments .with-prices .packages .card {
        height: 280px !important;
        padding-top: 25px
    }
    .corporate-tournaments .with-prices .packages .card:first-child {
        height: 350px !important
    }
}

[dir='rtl'] .corporate-tournaments .with-prices .packages .card:first-child .amount {
    margin-bottom: 10px
}

.corporate-tournaments .with-prices .packages .rise {
    background-color: #0c0d12;
    height: 400px;
    z-index: 1
}

@media (min-width: 1200px) {
    .corporate-tournaments .with-prices .packages .rise {
        height: 425px;
        margin: 10px -10px;
        background-color: #000
    }
}

.corporate-tournaments .with-prices .packages .rise .amount {
    margin-bottom: 19%
}

@media (max-width: 576px) {
    .corporate-tournaments .with-prices .packages .rise .amount {
        margin: 0
    }
}

.corporate-tournaments .with-prices .packages .rise .text.tag {
    background: #0f1018
}

@media (min-width: 1200px) {
    .corporate-tournaments .with-prices .packages .rise .text.tag {
        margin-bottom: 10px
    }
}

.corporate-tournaments .with-prices .packages .separator {
    border: 1px solid #2b314e;
    margin: 15px 0;
    opacity: 0.7
}

[dir='rtl'] .corporate-tournaments .with-prices .packages .separator {
    margin: 12px 0
}

.corporate-tournaments .with-prices .packages .action-btn {
    font-size: 0.7em;
    padding: 14px 60px;
    box-sizing: border-box;
    text-transform: initial;
    height: auto
}

.corporate-tournaments .with-prices .tournament-games .text-container {
    width: 620px
}

.corporate-tournaments .with-prices .tournament-games .text-container .title {
    color: #040067;
    font-style: italic
}

.corporate-tournaments .with-prices .tournament-games .text-container .description {
    color: #0f1018;
    font-weight: 600
}

.corporate-tournaments .participants {
    margin-top: 5em;
    margin-bottom: 5em
}

.corporate-tournaments .participants .description {
    color: #dbe6e8;
    font-size: 0.7em;
    letter-spacing: 0.61px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px
}

.corporate-tournaments .participants .participants-content {
    justify-content: space-between
}

.corporate-tournaments .participants .participants-content .participant img {
    max-height: 93px;
    max-width: 100%
}

.corporate-tournaments .participants .participants-content .swiper-slide {
    display: flex;
    justify-content: space-evenly;
    height: 180px
}

.corporate-tournaments .participants .participants-content .swiper-pagination-bullet {
    padding: 0 5px;
    height: 10px
}

.corporate-tournaments #registration {
    background-color: #07080b;
    border-top: 1px solid #282b3d;
    border-bottom: 1px solid #282b3d;
    padding-top: 3em;
    padding-bottom: 3em
}

.corporate-tournaments #registration .title {
    font-size: 1.7em;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 46px
}

.corporate-tournaments #registration .description {
    color: #dbe6e8;
    font-size: 0.7em;
    letter-spacing: 0.61px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px
}

.corporate-tournaments .registration-form {
    width: 432px;
    max-width: 90%
}

.corporate-tournaments .registration-form form {
    width: 100%
}

.corporate-tournaments .registration-form form label {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    display: block;
    margin-top: 20px
}

.corporate-tournaments .registration-form form .google-captcha {
    margin-top: 25px
}

.corporate-tournaments .registration-form form .disclaimer {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0
}

.corporate-tournaments .registration-form form .disclaimer div,
.corporate-tournaments .registration-form form .disclaimer a {
    display: inline !important;
    font-size: 13px;
    color: #05f385
}

.corporate-tournaments .registration-form form input {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #282b3d;
    box-shadow: 0 0 3px 0 #000000
}

.corporate-tournaments .registration-form form .checkbox-wrapper {
    font-size: 12px;
    color: #b4c0cd;
    line-height: 15px;
    letter-spacing: 0
}

.corporate-tournaments .registration-form form .combined-input {
    background-color: #282b3d;
    border-radius: 4px
}

.corporate-tournaments .registration-form form .countries-select {
    width: 210px;
    height: 40px;
    font-size: 15px
}

@media (max-width: 576px) {
    .corporate-tournaments .registration-form form .countries-select {
        width: 240px
    }
}

.corporate-tournaments .registration-form form .countries-select:focus {
    border: 1px solid #335898;
    outline: none
}

.corporate-tournaments .registration-form form .countries-select .countries__control {
    max-height: 100%;
    min-height: 100%;
    background-color: #282b3d;
    box-shadow: unset;
    border: none
}

.corporate-tournaments .registration-form form .countries-select .countries__placeholder {
    line-height: 26px;
    color: #eaeaeb
}

.corporate-tournaments .registration-form form .countries-select .countries__value {
    line-height: 26px !important
}

.corporate-tournaments .registration-form form .countries-select .countries__value .countries__value-label {
    line-height: 26px
}

.corporate-tournaments .registration-form form .countries-select .countries__single-value {
    color: #eaeaeb
}

.corporate-tournaments .registration-form form .countries-select .countries__value-container>div {
    color: #eaeaeb
}

.corporate-tournaments .registration-form form .countries-select .countries__input {
    height: 26px
}

.corporate-tournaments .registration-form form .countries-select .countries__input input {
    box-shadow: unset;
    height: 100%;
    color: #eaeaeb
}

.corporate-tournaments .registration-form form .countries-select .countries__menu {
    top: 85%;
    background-color: #1d1e2b
}

.corporate-tournaments .registration-form form .countries-select .countries__option {
    color: white
}

.corporate-tournaments .registration-form .submit-btn {
    font-size: 0.6em;
    padding: 14px 60px;
    margin-top: 15px;
    box-sizing: border-box;
    text-transform: initial;
    height: auto;
    width: 100%
}

.corporate-tournaments .championship .title {
    font-size: 1.7em;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 46px
}

@media (max-width: 576px) {
    .corporate-tournaments .championship .title {
        font-size: 1.4em
    }
}

.corporate-tournaments .championship .item {
    height: 90px;
    border: 1px solid #979797;
    border-radius: 4px
}

.corporate-tournaments .championship .item.gold {
    background-color: #ffffff
}

.corporate-tournaments .championship .item.gold img {
    width: 90%;
    max-width: 100px
}

.corporate-tournaments .championship .label {
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.46px;
    line-height: 16px;
    margin-top: 10px;
    text-align: center
}

.corporate-tournaments .championship .could-be-you {
    color: #05f385;
    font-size: 0.6em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    position: absolute;
    top: 30%
}

[dir='ltr'] .corporate-tournaments .championship .could-be-you {
    right: 33%;
    transform: translateX(50%)
}

[dir='rtl'] .corporate-tournaments .championship .could-be-you {
    left: 33%;
    transform: translateX(-50%)
}

.corporate-tournaments .championship .get-in-touch {
    position: relative
}

@media (max-width: 767px) {
    .corporate-tournaments .championship .get-in-touch {
        margin-top: 60px
    }
}

.corporate-tournaments .championship .get-in-touch .background-image {
    position: absolute;
    top: -50px;
    height: 135%
}

.corporate-tournaments .championship .get-in-touch .gradient-back {
    position: relative;
    padding: 10px;
    height: 192px;
    border-radius: 16px;
    background: radial-gradient(circle, #20273a 0%, #000 100%)
}

.corporate-tournaments .championship .get-in-touch .text {
    color: #ced9e6;
    font-size: 0.6em;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center
}

.corporate-tournaments .championship .get-in-touch .action-btn {
    font-size: 0.6em;
    padding: 10px 45px;
    box-sizing: border-box;
    text-transform: initial;
    height: auto
}

.congrats-modal {
    width: 550px;
    max-width: 95%;
    padding: 0 50px
}

@media (max-width: 576px) {
    .congrats-modal {
        padding: 0
    }
}

.congrats-modal .title {
    color: #fff;
    font-size: 1.4em;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 46px
}

@media (max-width: 576px) {
    .congrats-modal .title {
        font-size: 1.3em
    }
}

.congrats-modal .text {
    font-size: 0.6em;
    color: #fff;
    text-align: center
}

.congrats-modal .text div,
.congrats-modal .text a {
    display: inline !important
}

.congrats-modal .text a {
    font-size: unset
}

.congrats-modal .social {
    font-size: 0.55em;
    color: #ced9e6
}

.congrats-modal .ok-action {
    padding: 5px 70px
}

.center-align-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.highlight-background {
    background-color: #0f1018;
    padding: 30px 0
}

.text-white {
    color: #fff
}

.text-uppercase {
    text-transform: uppercase
}

[dir='ltr'] .text-italic {
    font-style: italic
}

.text-bold {
    font-weight: bold
}

[dir='ltr'] .text-shadow {
    text-shadow: 4px 5px 0px rgba(0, 0, 0, 0.47)
}

[dir='rtl'] .text-shadow {
    text-shadow: 4px 6px 0px rgba(0, 0, 0, 0.47)
}

.hide-number-input-arrows::-webkit-outer-spin-button,
.hide-number-input-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.hide-number-input-arrows[type='number'] {
    -moz-appearance: textfield
}

.about-corp-custom-bullet-list {
    list-style: none
}

.about-corp-custom-bullet-list .item {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

.about-corp-custom-bullet-list .item .section_logo {
    width: 81px;
    height: 81px;
    z-index: 1
}

.about-corp-custom-bullet-list .item .item_title {
    max-width: 56ch;
    margin-inline-start: -40px;
    padding-inline-start: 50px;
    z-index: 0;
    font-size: 14px;
    font-weight: bold;
    height: 65px;
    background: linear-gradient(90deg, #1a1d2e 0%, #000 100%);
    display: flex;
    align-items: center
}

[dir='rtl'] .about-corp-custom-bullet-list .item .item_title {
    background: linear-gradient(90deg, #000 0%, #1a1d2e 100%)
}

@media (max-width: 991px) {
    .about-corp-custom-bullet-list .item {
        position: relative;
        margin-bottom: 60px
    }
    .about-corp-custom-bullet-list .item .section_logo {
        position: absolute;
        top: -40px;
        left: calc(50% - 40px)
    }
    .about-corp-custom-bullet-list .item .item_title {
        height: 120px;
        width: 100%;
        padding: 20px;
        padding-top: 50px;
        margin: 0;
        text-align: center;
        border-radius: 15px;
        background: linear-gradient(180deg, #1a1d2e 0%, #000 50%);
        display: flex;
        align-items: flex-start
    }
    [dir='rtl'] .about-corp-custom-bullet-list .item .item_title {
        background: linear-gradient(180deg, #1a1d2e 0%, #000 50%)
    }
}

[dir='rtl'] .about-corp-custom-bullet-list {
    padding: 0 20px 0 0
}

[dir='rtl'] .about-corp-custom-bullet-list li::before {
    left: unset;
    right: -20px
}

.kafu-games {
    color: #fff;
    text-align: center;
    overflow: auto;
    background-image: url(../../../images/kafuGames/BG@2x.jpg);
    background-repeat: no-repeat;
    background-size: contain
}

.kafu-games p.p {
    font-size: 20px !important
}

.kafu-games .logo {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 50vh
}

.kafu-games .logo img {
    height: 89px;
    margin-top: 50px
}

.kafu-games h1 {
    color: #05f385;
    font-size: 50px;
    font-style: italic;
    font-weight: 900;
    line-height: 64px;
    text-align: center;
    margin-top: 1em;
    text-transform: uppercase
}

.kafu-games>p {
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 27px;
    margin: 0 auto;
    padding: 0 5em
}

.kafu-games h3 {
    color: #05f385;
    font-size: 41px;
    font-style: italic;
    letter-spacing: 2.16px;
    line-height: 48px;
    text-transform: uppercase
}

.kafu-games .bracket {
    border: 1px solid #242738;
    border-radius: 26px;
    background-color: rgba(3, 4, 5, 0.79);
    display: flex;
    flex-direction: column;
    height: 256px;
    margin-bottom: 1em;
    padding: 25px 0
}

.kafu-games .bracket .bracket-logo {
    margin-bottom: 20px
}

.kafu-games .bracket .bracket-logo img {
    height: 50px
}

.kafu-games .bracket .title {
    font-style: italic;
    font-size: 32px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.5px;
    text-transform: uppercase
}

.kafu-games .bracket .content {
    color: #b4c0cd;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    padding: 0 10px
}

.kafu-games h6 {
    color: #fecc0d;
    font-size: 32px;
    letter-spacing: 2.68px;
    line-height: 30px;
    text-align: center
}

.kafu-games .signup {
    border-radius: 7px;
    background-color: #05f385;
    height: 67px;
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.kafu-games .signup a {
    color: #000000;
    font-size: 22px;
    font-weight: 900;
    width: 100%;
    height: 100%;
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.kafu-games .signup a:hover {
    text-decoration: none
}

.kafu-games .copyright {
    color: #d2d2d2;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    padding: 100px 0
}

@media (min-width: 991px) {
    .kafu-games .row>div {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 991px) {
    .kafu-games p {
        padding: 0
    }
    .kafu-games h1 {
        font-size: 40px
    }
    .kafu-games h3 {
        font-size: 30px
    }
}

@media (max-width: 600px) {
    .kafu-games {
        background-image: url("../../../images/kafuGames/BGMob@2x.jpg")
    }
    .kafu-games .signup {
        width: 100%
    }
    .kafu-games .copyright {
        padding: 30px 0
    }
    .kafu-games .bracket {
        padding: 15px 0;
        height: 230px
    }
}

@media (max-height: 500px) {
    .kafu-games .logo img {
        margin-top: 10px !important
    }
}

.slam_blue_title {
    color: #002035
}

.benefit_card_description {
    color: #002035;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600
}

.benefit_card_title {
    font-size: 24px
}

.salam_subscribe_link {
    display: block;
    margin: 2rem 0;
    color: #00b140;
    font-size: 12px;
    font-weight: bold;
    text-align: center
}

.salam_subscribe_link:hover {
    color: #00b140
}

.fiber_router_wrapper {
    border-radius: 10px;
    background-color: #141822
}

.fiber_router_wrapper .desc {
    max-width: 49ch;
    margin: auto
}

.fiber_router_wrapper .subscrib_link {
    text-transform: capitalize;
    max-width: 168px;
    color: white;
    font-weight: 600;
    font-size: 22.8px;
    letter-spacing: 1.2px;
    background-color: #05f385;
    border-radius: 11px;
    padding: .8rem 1.6rem;
    margin: .5rem 0
}

.fiber_router_wrapper .subscrib_link:hover {
    text-decoration: none
}

@media (max-width: 576px) {
    .fiber_router_wrapper {
        background-color: unset
    }
}

@media (max-width: 767px) {
    .modal_custom_close_btn {
        margin: 0 13rem
    }
}

.winner_place_default {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-style: italic;
    font-weight: 600;
    transform: translateY(50%) rotate(45deg);
    margin: auto;
    border-radius: 16px;
    color: black
}

@media (max-width: 567px) {
    .winner_place_default {
        font-size: 18px;
        font-weight: bold
    }
}

.place_size_default {
    height: 70px;
    width: 70px
}

@media (max-width: 567px) {
    .place_size_default {
        border-radius: 10px;
        height: 50px;
        width: 50px
    }
}

.place_size_sm {
    height: 92px;
    width: 92px
}

@media (max-width: 567px) {
    .place_size_sm {
        height: 55px;
        width: 55px
    }
}

.place_size_md {
    height: 107px;
    width: 107px
}

@media (max-width: 567px) {
    .place_size_md {
        height: 70px;
        width: 70px
    }
}

.place_light_green {
    background-color: #03f590
}

.place_light_blue {
    background-color: #03e2f5
}

.place_light_yellow {
    background-color: #f5c803
}

.place_light_purble {
    background-color: #9956cb
}

.place_card_default {
    padding: 1rem 1rem;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin: auto
}

.place_card_default p {
    color: white
}

@media (max-width: 567px) {
    .place_card_default {
        padding: 0.5rem;
        font-size: 12px
    }
}

.card_bg_blue_shd2 {
    background-color: #eb5151
}

.card_bg_yellow_shd2 {
    background-color: #00d2be
}

.card_bg_green_shd2 {
    background-color: #02f79133
}

.random_bg_color_4 {
    background-color: #4d5358
}

.random_bg_color_5 {
    background-color: #c72f37
}

.random_bg_color_6 {
    background-color: #e9a900
}

.random_bg_color_7 {
    background-color: #00a5a0
}

.random_bg_color_8 {
    background-color: #343a3f
}

.random_bg_color_9 {
    background-color: #dc9600
}

.random_bg_color_10 {
    background-color: #a3001f
}

.card_bg_purble_shd2 {
    background-color: #ffbf43
}

.card_size_sm {
    height: 144px
}

@media (max-width: 567px) {
    .card_size_sm {
        height: 145px
    }
}

.card_size_lg {
    height: 276px
}

@media (max-width: 567px) {
    .card_size_lg {
        height: 230px
    }
}

.card_size_md {
    height: 227px
}

@media (max-width: 567px) {
    .card_size_md {
        height: 197px
    }
}

.comcon-prize-block {
    display: flex;
    align-items: end;
    justify-content: center;
    box-sizing: border-box;
    position: relative;
    border: 2px solid #000000;
    box-shadow: 4px 4px 0px #000000;
    font-size: 11px;
    color: black;
    font-weight: 800;
    font-style: normal;
    text-align: center
}

@media (min-width: 768px) {
    .comcon-prize-block {
        font-size: 13px
    }
}

.comcon-prize-block_first {
    width: 34px;
    height: 52px;
    background: linear-gradient(147.48deg, #a27017 14.71%, #b9961a 57.22%, #e0d252 96.34%)
}

@media (min-width: 768px) {
    .comcon-prize-block_first {
        font-size: 13px;
        width: 44px;
        height: 67px
    }
}

.comcon-prize-block_second {
    width: 34px;
    height: 34px;
    background: linear-gradient(147.48deg, #757575 14.71%, #c7c7c7 57.22%, #ecebe7 96.34%)
}

@media (min-width: 768px) {
    .comcon-prize-block_second {
        width: 44px;
        height: 44px
    }
}

.comcon-prize-block .comcon-prize {
    position: absolute;
    top: -30px;
    color: white;
    width: max-content
}

[dir='ltr'] .comcon-prize-block .comcon-prize_first {
    right: 6px
}

[dir='rtl'] .comcon-prize-block .comcon-prize_first {
    left: 6px
}

[dir='ltr'] .comcon-prize-block .comcon-prize_second {
    left: 6px
}

[dir='rtl'] .comcon-prize-block .comcon-prize_second {
    right: 6px
}

.comcon-placements-game {
    margin-top: 16px;
    position: relative;
    width: 102px;
    height: 37px
}

@media (min-width: 768px) {
    .comcon-placements-game {
        margin-top: 26px;
        width: 132px;
        height: 47px
    }
}

.top_three_places_wrapper {
    display: grid;
    align-items: end;
    grid-template-columns: 200px 220px 200px;
    justify-content: center;
    align-items: end;
    grid-gap: 16px
}

@media (max-width: 567px) {
    .top_three_places_wrapper {
        grid-gap: 6px;
        grid-template-columns: 125px 130px 125px
    }
}

.brief_prizes_container {
    margin-bottom: -4rem;
    margin-top: -4rem
}

@media (min-width: 767px) {
    .brief_prizes_container {
        margin-bottom: -9rem;
        margin-top: -9rem
    }
}

@media (min-width: 1024px) {
    .brief_prizes_container {
        margin-bottom: -16rem;
        margin-top: -16rem
    }
}

@media (min-width: 1440px) {
    .brief_prizes_container {
        margin-bottom: -19rem;
        margin-top: -19rem
    }
}

.other_places_wrapper {
    display: grid;
    grid-template-columns: repeat(5, 2fr);
    justify-content: center;
    align-items: center;
    gap: 1rem
}

@media (max-width: 820px) {
    .other_places_wrapper {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 768px) {
    .other_places_wrapper {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (max-width: 567px) {
    .other_places_wrapper {
        grid-template-columns: repeat(3, 120px);
        grid-gap: 6px
    }
}

@media (max-width: 375px) {
    .other_places_wrapper {
        grid-gap: 6px;
        grid-template-columns: repeat(3, 110px)
    }
}

.salam_prizes_title {
    font-size: 65px;
    position: relative;
    top: 20rem
}

@media (min-width: 320px) {
    .salam_prizes_title {
        top: 4rem
    }
}

@media (min-width: 767px) {
    .salam_prizes_title {
        top: 11rem
    }
}

@media (min-width: 1024px) {
    .salam_prizes_title {
        top: 15rem
    }
}

@media (min-width: 1440px) {
    .salam_prizes_title {
        top: 23rem
    }
}

@media (max-width: 567px) {
    .salam_prizes_title {
        font-size: 32px
    }
}

.rank_icon_wrapper_1 {
    position: relative;
    bottom: -2rem
}

.rank_icon_wrapper_2 {
    position: relative;
    bottom: -2rem
}

.rank_icon_wrapper_3 {
    position: relative;
    bottom: -2rem
}

.rank_icon_wrapper {
    position: relative;
    bottom: -2.5rem
}

@media (min-width: 375px) {
    .rank_icon_wrapper {
        bottom: -1.3rem
    }
}

button.show_salam_prizes {
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
    color: white;
    background-color: unset;
    display: flex;
    align-items: center;
    text-decoration: unset !important;
    border-radius: 50px;
    padding: 0.4rem 1.5rem;
    border: 1px solid #00b140;
    outline: none;
    position: relative;
    z-index: 1
}

button.show_salam_prizes:hover {
    color: white;
    background-color: #00b140;
    transition: all 0.2s
}

.salam_reg_btn_brief {
    background-color: #00B140;
    text-align: center;
    text-transform: capitalize;
    font-size: 12px;
    color: white;
    border-radius: 2rem;
    padding: .3rem 1.5rem
}

.tournament_tags-list-name {
    color: #9b9b9b;
    padding: 2px 11px;
    margin: 3px;
    border: 1px solid #9b9b9b;
    border-radius: 26rem;
    font-size: 11px
}

.featured_tournamnet {
    background-color: #f8a81c;
    color: black;
    position: absolute;
    top: -6px;
    right: 0;
    max-width: 113px;
    z-index: 0;
    text-align: center;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 22% 99%)
}

[dir="rtl"] .featured_tournamnet {
    clip-path: polygon(0 0, 78% 1%, 100% 100%, 0 100%);
    left: 0;
    right: unset
}

.featured_tournament_border {
    border: 3px solid #b38501
}

.featured_tournamnet-text {
    width: 133px
}

.reg_closed {
    background-color: inherit !important;
    color: white !important
}

.passed-torunament {
    filter: grayscale(1);
    -webkit-transition: 0.4s -webkit-filter linear;
    -moz-transition: 0.3s -moz-filter linear;
    -moz-transition: 0.3s filter linear;
    -ms-transition: 0.3s -ms-filter linear;
    -o-transition: 0.3s -o-filter linear;
    transition: 0.3s filter linear, 0.3s -webkit-filter linear
}

.passed-torunament:hover {
    filter: grayscale(0)
}

.tournament_date {
    color: #bebebe
}

.tournament_organizer {
    color: #676767
}

.normal-organizer {
    background: linear-gradient(270deg, #030305, #161616)
}

.featured-organizer {
    background: black
}

.featured-register {
    background-color: black;
    min-height: 55px
}

.normal-register {
    background: #131313
}

.featured-info-card {
    background: #10121c
}

.card_image_featured {
    height: 169px
}

.card_image_nonfeatured {
    height: 119px
}

.tournament_organizer-logo {
    max-height: 2rem
}

.regestration_open {
    background-color: #05f385;
    color: black
}

.regestration_undefined {
    color: #f8a81c
}

.featured_image_card {
    max-height: 250px;
    object-fit: cover
}

.nonfeatured_image_card {
    max-height: 170px;
    object-fit: cover
}

.regestration_closed {
    background-color: unset;
    color: white
}

.featured_image_mask_layer::after {
    background-color: #10121c
}

.nonfeatured_image_mask_layer::after {
    background-color: #0a0b12
}

.image_mask_layer:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    right: 0;
    left: 0;
    bottom: 0
}

@media (max-width: 768px) {
    .nonfeatured_image_card {
        max-height: unset;
        object-fit: unset
    }
}

.salam_reg_btn {
    background-color: #00b140;
    text-align: center;
    text-transform: capitalize;
    font-size: 12px;
    color: white;
    border-radius: 2rem;
    padding: 0.3rem 10px
}

.registered-count_salam {
    color: #576c79;
    font-size: 11px
}

.salam_tournament_name {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 15px;
    color: #002035;
    margin: 0.5rem 0
}

.tornament_card_warapper {
    background: #10121c
}

.tournament_tags-list-name {
    color: #9b9b9b;
    padding: 2px 11px;
    margin: 3px;
    border: 1px solid #9b9b9b;
    border-radius: 26rem;
    font-size: 11px
}

.featured_tournamnet {
    background-color: #f8a81c;
    color: black;
    position: absolute;
    top: -6px;
    right: 0;
    max-width: 113px;
    z-index: 0;
    text-align: center;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 22% 99%)
}

[dir='rtl'] .featured_tournamnet {
    clip-path: polygon(0 0, 78% 1%, 100% 100%, 0 100%);
    left: 0;
    right: unset
}

.featured_tournamnet-text {
    width: 133px
}

.reg_closed {
    background-color: inherit !important;
    color: white !important
}

.passed-torunament {
    filter: grayscale(1);
    -webkit-transition: 0.4s -webkit-filter linear;
    -moz-transition: 0.3s -moz-filter linear;
    -moz-transition: 0.3s filter linear;
    -ms-transition: 0.3s -ms-filter linear;
    -o-transition: 0.3s -o-filter linear;
    transition: 0.3s filter linear, 0.3s -webkit-filter linear
}

.passed-torunament:hover {
    filter: grayscale(0)
}

.tournament_date {
    color: #bebebe
}

.tournament_organizer {
    color: #676767
}

.normal-organizer {
    background: linear-gradient(270deg, #030305, #161616)
}

.featured-organizer {
    background: black
}

.featured-info-card {
    background: #10121c
}

.card_image_featured {
    height: 169px
}

.card_image_nonfeatured {
    height: 119px
}

.normal-info-card {
    background-color: #0a0b12
}

.tournament_organizer-logo {
    max-height: 2rem
}

.regestration_open {
    background-color: #05f385;
    color: black
}

.regestration_undefined {
    color: #f8a81c
}

.featured_image_card {
    max-height: 250px;
    object-fit: cover
}

.nonfeatured_image_card {
    max-height: 170px;
    object-fit: cover
}

.regestration_closed {
    background-color: unset;
    color: white
}

@media (max-width: 768px) {
    .nonfeatured_image_card {
        max-height: unset;
        object-fit: unset
    }
}

.salam_tournament_cards_flex_container {
    flex-wrap: wrap;
    flex-basis: 0 0 25%
}

.comcon-cta-book-banner {
    display: flex;
    align-items: end;
    padding: 40px 30px;
    border-radius: 12px;
    height: 468px;
    margin-bottom: 266px;
    width: 100%;
    max-width: 1279px;
    background-size: cover;
    background-color: black;
    background-image: url("../../../images/salam/comic-con-arabia-oct-2022/comcon-cta-bg-mob.png");
    background-position: center;
    background-repeat: no-repeat
}

[dir='rtl'] .comcon-cta-book-banner {
    justify-content: center
}

@media (min-width: 768px) {
    .comcon-cta-book-banner {
        align-items: center;
        background-image: url("../../../images/salam/comic-con-arabia-oct-2022/comcon-cta-bg-desktop.png");
        height: 279px;
        margin-bottom: 176px
    }
    [dir='rtl'] .comcon-cta-book-banner {
        justify-content: end
    }
}

.comcon-cta-book-banner_content {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 768px) {
    .comcon-cta-book-banner_content {
        max-width: 50%
    }
}

.comcon-cta-book-banner_text {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 39px
}

@media (min-width: 992px) {
    .comcon-cta-book-banner_text {
        font-size: 32px
    }
}

.comcon-cta-book-banner_button {
    max-width: 300px !important;
    width: 100% !important
}

.player-wrapper {
    width: auto;
    height: auto
}

.react-player {
    padding-top: 56.25%;
    position: relative
}

.react-player>div {
    position: absolute;
    top: 0
}

.salam_prizer_wrapper {
    background-color: #102537
}

.salam_prizer_wrapper__content .salam_prizer_wrapper__content-top {
    display: grid;
    grid-template-columns: 0.5fr;
    padding: 1rem 3rem;
    justify-content: center
}

@media (max-width: 567px) {
    .salam_prizer_wrapper__content .salam_prizer_wrapper__content-top {
        padding: 1rem 1rem
    }
}

.salam_prizer_wrapper__content .salam_top_prizes-list {
    gap: 2rem
}

.no-tournaments .no-tournament-found-img {
    width: 350px;
    max-width: 90%
}

.no-tournaments .app-download {
    color: #fff;
    font-size: 14px
}

.no-tournaments .app-icon {
    height: 40px
}

.salam_weekly_tournaments {
    margin: 3rem 0;
    font-size: 65px;
    line-height: 65px;
    color: white;
    text-transform: capitalize
}

@media (max-width: 567px) {
    .salam_weekly_tournaments {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 2px
    }
}

.salam_tournaments_wrapper {
    background-color: #102536
}

.hide_web_kit_scroll::-webkit-scrollbar {
    display: none
}

.hide_web_kit_scroll {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.view_all_salam {
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
    color: white;
    display: flex;
    align-items: center;
    text-decoration: unset !important;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    border: 1px solid #00b140
}

.view_all_salam:hover {
    color: white;
    background-color: #00b140;
    transition: all 0.2s
}

.join-salam-contaienr-bg {
    margin-bottom: -14%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../../images/salam/comic-con-arabia-oct-2022/router-bg-mob.png")
}

@media (min-width: 576px) {
    .join-salam-contaienr-bg {
        margin-bottom: -6%
    }
}

@media (min-width: 768px) {
    .join-salam-contaienr-bg {
        margin-bottom: -8%
    }
}

@media (min-width: 992px) {
    .join-salam-contaienr-bg {
        margin-bottom: -7%;
        background-image: url("../../../images/salam/comic-con-arabia-oct-2022/router-bg-ellipse.png"), url("../../../images/salam/comic-con-arabia-oct-2022/router-bg-desktop.png")
    }
}

.join-salam-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    position: relative;
    height: 598px
}

@media (min-width: 992px) {
    .join-salam-container {
        height: 500px
    }
    [dir='rtl'] .join-salam-container {
        flex-flow: row-reverse
    }
    [dir='ltr'] .join-salam-container {
        flex-flow: row
    }
}

@media (min-width: 1440px) {
    .join-salam-container {
        height: 586px
    }
}

.join-salam-container .router-box-desktop {
    position: relative;
    display: none;
    right: 0;
    top: -20%;
    margin-left: auto;
    width: 560px;
    height: 479px;
    max-width: 50%
}

@media (min-width: 992px) {
    .join-salam-container .router-box-desktop {
        top: 0;
        display: block
    }
}

.join-salam-container .router-box-mob {
    position: absolute;
    bottom: 430px;
    margin-left: auto;
    margin-right: auto;
    width: 690px;
    height: 265px;
    max-width: 90%
}

@media (min-width: 768px) {
    .join-salam-container .router-box-mob {
        top: -100px;
        max-width: 70%
    }
}

@media (min-width: 992px) {
    .join-salam-container .router-box-mob {
        max-width: 90%;
        display: none
    }
}

.join_salam_banner_new {
    position: relative;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: end;
    padding-bottom: 10px
}

@media (min-width: 576px) {
    .join_salam_banner_new {
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .join_salam_banner_new {
        padding-bottom: 90px
    }
}

@media (min-width: 992px) {
    .join_salam_banner_new {
        padding: 0
    }
}

.join_salam_banner_new .gamer_pack {
    position: relative;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    top: -100px
}

@media (min-width: 576px) {
    .join_salam_banner_new .gamer_pack {
        top: -50px;
        align-items: center !important
    }
}

@media (min-width: 992px) {
    .join_salam_banner_new .gamer_pack {
        align-items: flex-start !important;
        padding-right: 32px
    }
}

@media (min-width: 768px) {
    .join_salam_banner_new .gamer_pack {
        top: initial
    }
}

.join_salam_banner_new .gamer_pack>:nth-child(n+3) {
    margin-top: 8px
}

.join_salam_banner_new .gamer_pack_title {
    all: unset;
    width: 100%;
    font-weight: 700;
    font-size: 32px !important;
    text-transform: uppercase;
    text-align: start !important
}

@media (min-width: 576px) {
    .join_salam_banner_new .gamer_pack_title {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .join_salam_banner_new .gamer_pack_title {
        text-align: start !important;
        font-size: 40px !important
    }
}

.join_salam_banner_new .gamer_pack_subtitle {
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
    text-align: start !important
}

@media (min-width: 576px) {
    .join_salam_banner_new .gamer_pack_subtitle {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .join_salam_banner_new .gamer_pack_subtitle {
        text-align: start !important
    }
}

.join_salam_banner_new .gamer_pack_para {
    all: unset;
    color: white;
    text-align: start !important;
    width: 100%;
    font-style: normal
}

@media (min-width: 576px) {
    .join_salam_banner_new .gamer_pack_para {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .join_salam_banner_new .gamer_pack_para {
        text-align: start !important
    }
}

.join_salam_banner_new .gamer_pack_old {
    text-decoration: line-through;
    color: #f87171;
    align-self: start !important;
    width: 100%;
    text-align: start !important
}

.join_salam_banner_new .gamer_pack_disc {
    color: #00ae42;
    font-weight: 700;
    font-size: 32px;
    width: 100%;
    text-align: start !important
}

[dir='ltr'] .join_salam_banner_new .gamer_pack_disc {
    margin-right: 8px
}

[dir='rtl'] .join_salam_banner_new .gamer_pack_disc {
    margin-left: 8px
}

@media (min-width: 576px) {
    .join_salam_banner_new .gamer_pack_disc {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .join_salam_banner_new .gamer_pack_disc {
        text-align: start !important
    }
}

.join_salam_banner_new .subscrib_link {
    width: 90% !important;
    max-width: 312px !important
}

.join_salam_banner {
    background-color: white;
    padding: 3rem 0
}

@media (max-width: 768px) {
    .join_salam_banner .join_salam_banner--wrapper_gamer {
        order: 1
    }
}

@media (max-width: 768px) {
    .join_salam_banner .join_salam_banner--wrapper_bost {
        order: 2
    }
}

.join_salam_banner .gamer_pack {
    color: #002035
}

[dir='rtl'] .join_salam_banner .gamer_pack {
    font-weight: bold
}

.join_salam_banner .join_salam_banner--wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 768px) {
    .join_salam_banner .join_salam_banner--wrapper {
        grid-template-columns: 1fr
    }
}

.join_salam_banner .subscrib_link {
    text-transform: capitalize;
    color: white;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 1.2px;
    background-color: #00b140;
    border-radius: 28px;
    line-height: 2;
    padding: 0.3rem 1.4rem;
    min-width: 220px;
    margin: 0.5rem 0
}

.join_salam_banner .subscrib_link:hover {
    text-decoration: none
}

.join_salam_banner .join_discord_link {
    min-width: 237px;
    text-transform: capitalize;
    color: white;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 1.2px;
    background-color: #5860fb;
    border-radius: 28px;
    line-height: 2;
    padding: 0.3rem 1.4rem;
    min-width: 220px
}

.join_salam_banner .join_discord_link:hover {
    text-decoration: none
}

.join_salam_banner .title {
    color: #002035;
    font-size: 65px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 76px;
    margin-bottom: 2rem
}

@media (max-width: 567px) {
    .join_salam_banner .title {
        font-size: 32px;
        letter-spacing: 0;
        line-height: 40px;
        text-align: center
    }
}

.promotion_wrapper .banner {
    position: absolute;
    right: 10rem;
    top: 2rem;
    bottom: 2rem;
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    .promotion_wrapper .banner {
        position: unset;
        justify-content: center
    }
}

.router_gear_info {
    display: grid;
    padding: 4rem 0;
    grid-template-columns: 1fr 1fr
}

.router_gear_info .description {
    color: #002035;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.95px;
    line-height: 28px
}

@media (max-width: 576px) {
    .router_gear_info {
        grid-template-columns: 1fr
    }
}

.router_gear_info .netgears_title {
    font-size: 65px;
    color: #002035;
    letter-spacing: -1px
}

[dir="rtl"] .router_gear_info .netgears_title {
    font-size: 60px
}

.salam_packages {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem
}

@media (max-width: 820px) {
    .salam_packages {
        grid-template-columns: 270px 270px 270px 270px
    }
}

.salam_faq {
    background-color: black
}

.salam_faq .accordion__item {
    background-color: #102537;
    margin-bottom: 0;
    border-radius: 10px;
    margin-bottom: 1rem;
    transition: all 0.2s linear
}

.salam_faq .accordion__item .accordion__button {
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #102537;
    color: white;
    font-weight: bolder
}

.salam_faq .accordion__item .accordion__button:focus {
    background-color: #102537
}

@media (max-width: 567px) {
    .salam_faq .accordion__item .accordion__button {
        padding: 1rem 0.5rem
    }
}

.salam_faq .accordion__item .accordion__button img {
    position: absolute;
    left: 1rem;
    filter: invert(43%) sepia(94%) saturate(3981%) hue-rotate(127deg) brightness(102%) contrast(108%)
}

[dir="rtl"] .salam_faq .accordion__item .accordion__button img {
    left: unset;
    right: 1rem
}

.salam_faq .accordion__item .accordion__panel {
    padding: 0 10px 16px 48px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0
}

[dir="rtl"] .salam_faq .accordion__item .accordion__panel {
    padding: 0 48px 16px 10px;
    font-weight: bold
}

.salam_faq .accordion__heading>.accordion__button {
    padding: 1rem 3rem
}

.salam_faq .salam_faq--title {
    font-size: 65px;
    font-weight: 600;
    color: white;
    letter-spacing: 1.85px
}

[dir="rtl"] .salam_faq .salam_faq--title {
    font-size: 40px
}

.banner {
    position: relative;
    background-color: white
}

.content-container {
    display: flex;
    flex-direction: column;
    padding: 10px;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 768px) {
    .content-container {
        flex-direction: row;
        padding: 0px
    }
}

@media (min-width: 992px) {
    .content-container {
        flex-direction: row;
        padding: 0px 40px
    }
}

.content-container:hover {
    text-decoration: none
}

.banner-text {
    text-align: center;
    padding: 20px 20px;
    color: #414142
}

.img-container {
    display: block;
    position: relative;
    width: 130px;
    min-height: 76px
}

.subscribe-now {
    text-transform: capitalize;
    color: white;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1.2px;
    background-color: #00b140;
    border-radius: 28px;
    line-height: 2;
    padding: 0.3rem 1.4rem;
    margin: 0px 16px;
    white-space: nowrap
}

.close-btn-container {
    position: absolute;
    right: 0px;
    top: 0px
}

[dir='rtl'] .close-btn-container {
    right: unset;
    left: 0px
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    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
}

.tornament_card_warapper {
    background: #10121c
}

.tournament_tags-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: inline-flex
}

.tournament_tags-list-name {
    color: #9b9b9b;
    padding: 2px 11px;
    margin: 3px;
    border: 1px solid #373737;
    border-radius: 26rem;
    font-size: 11px
}

.featured_tournamnet {
    background-color: #f8a81c;
    color: black;
    position: absolute;
    top: 0px;
    right: 0;
    max-width: 113px;
    z-index: 0;
    text-align: center;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 22% 99%)
}

[dir='rtl'] .featured_tournamnet {
    clip-path: polygon(0 0, 78% 1%, 100% 100%, 0 100%);
    left: 0;
    right: unset
}

.featured_tournamen_border {
    border: 3px solid #b38501
}

.featured_tournamnet-text {
    width: 133px
}

.reg_closed {
    background-color: inherit !important;
    color: white !important
}

.passed-torunament {
    filter: grayscale(1);
    -webkit-transition: 0.4s -webkit-filter linear;
    -moz-transition: 0.3s -moz-filter linear;
    -moz-transition: 0.3s filter linear;
    -ms-transition: 0.3s -ms-filter linear;
    -o-transition: 0.3s -o-filter linear;
    transition: 0.3s filter linear, 0.3s -webkit-filter linear
}

.passed-torunament:hover {
    filter: grayscale(0)
}

.tournamnet_regestration-status {
    color: black;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    min-width: max-content
}

.tournament_date {
    font-size: 14px;
    color: #bebebe
}

.tournament_organizer {
    color: #676767;
    border-radius: 5px
}

.tournamnet_regestration {
    border-radius: 10px
}

.normal-organizer {
    background: linear-gradient(270deg, #030305, #161616)
}

.featured-organizer {
    background: black
}

.featured-register {
    background-color: black;
    min-height: 55px
}

.normal-register {
    background: #131313
}

.featured-info-card {
    background: #10121c
}

.card_image_featured {
    height: 169px
}

.card_image_nonfeatured {
    height: 119px
}

.normal-info-card {
    background-color: #0a0b12
}

.tournament_tags-name {
    color: white;
    font-size: 16px;
    font-weight: bold
}

.tournament_organizer-logo {
    max-height: 2rem
}

.regestration_open {
    background-color: #05f385
}

.regestration_undefined {
    color: #f8a81c
}

.featured_image_card {
    max-height: 250px;
    object-fit: cover
}

.nonfeatured_image_card {
    max-height: 170px;
    object-fit: cover
}

.regestration_closed {
    background-color: unset;
    color: white
}

.small_font {
    font-size: 12px
}

.medium_font {
    font-size: 14px
}

.image_mask_layer {
    position: relative;
    width: 100%
}

.featured_image_mask_layer::after {
    background-color: #10121c
}

.nonfeatured_image_mask_layer::after {
    background-color: #0a0b12
}

@media (max-width: 768px) {
    .nonfeatured_image_card {
        max-height: unset;
        object-fit: unset
    }
}

.mobile-app-banner {
    position: relative
}

[dir="rtl"] .mobile-app-banner {
    overflow: hidden
}

.mobile-app-banner:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    box-shadow: 0px 0px 90px 70px #000000
}

.mobile-app-banner .background-shadowed {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 45%;
    right: 0;
    background: radial-gradient(circle, #2a324c 0%, #000 80%)
}

[dir="rtl"] .mobile-app-banner .background-shadowed {
    top: 96px
}

@media (max-width: 576px) {
    .mobile-app-banner .background-shadowed {
        left: 0;
        background: linear-gradient(0deg, #000 0%, rgba(42, 50, 76, 0.61) 70%)
    }
}

@media (min-width: 576px) {
    [dir="rtl"] .mobile-app-banner .background-shadowed {
        left: -45%;
        background: radial-gradient(circle, #2a324c 0%, #000 40%)
    }
}

.mobile-app-banner .caption {
    color: #b4c0cd;
    font-size: 16px;
    z-index: 1
}

.mobile-app-banner .app-banner {
    width: 350px;
    max-height: 281px;
    max-width: 100%;
    z-index: 1
}

.mobile-app-banner .app-download {
    color: #fff;
    font-size: 14px;
    z-index: 1
}

.mobile-app-banner .app-icons {
    z-index: 1;
    margin-top: -30px
}

.mobile-app-banner .app-icons .app-icon {
    height: 40px
}

@media (max-width: 576px) {
    .mobile-app-banner {
        overflow: hidden
    }
}

@media (max-width: 768px) {
    .mobile-app-banner .app-icons {
        margin-top: 10px
    }
}

.shadow {
    position: relative
}

.shadow .left-shadow {
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 2;
    width: 20%;
    transform: scaleX(-1);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%)
}

.shadow .right-shadow {
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 2;
    width: 20%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%)
}

@media (max-width: 911px) {
    .shadow .right-shadow,
    .shadow .left-shadow {
        display: none
    }
}

.featured_tournamen_border {
    border: 3px solid #b38501
}

.tournaments {
    position: relative
}

.tournaments .shadow {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    position: absolute;
    bottom: 0;
    height: 50%;
    right: 0;
    left: 0;
    z-index: 2
}

@media (max-width: 767px) {
    .tournament-item {
        font-size: 0.8em
    }
}

.mobile_app_banner_image {
    width: 350px;
    height: 18rem
}

@media (max-width: 767px) {
    .mobile_app_banner_image {
        width: 10rem
    }
}

.clients_logos {
    width: 85%
}

.trusted_cleints_logos {
    transform: scale(0.8)
}

.stc-card__text {
    letter-spacing: 0 !important
}

.gfg-call-to-action__description {
    font-size: 17px;
    color: #ffffff;
    margin-top: 8px;
    margin-bottom: 28px
}

.gfg-call-to-action__column {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding-bottom: 29px
}

.gfg-call-to-action__button {
    color: #565c6f;
    border: #565c6f 1px solid;
    font-size: 14px;
    width: 124px;
    font-weight: 700
}

.gfg-call-to-action__button:hover {
    font-weight: 700;
    background-color: #05f385;
    color: black;
    border: #05f385 1px solid
}

.gfg-call-to-action__learn-more {
    color: #05f385
}

.gfg-call-to-action__learn-more:hover {
    color: #05f385
}

.announcementsContainer {
    border: 1px solid #ffffff;
    border-radius: 10px;
    min-height: 60px;
    background-image: url("../../../images/homepage/GWB-btn-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer
}

@media (max-width: 576px) {
    .announcementsContainer {
        padding: 10px 0;
        flex-direction: column
    }
}

.announcementsContainer .gwb-text {
    font-size: 27px;
    color: #ffffff;
    font-style: italic;
    text-shadow: 1px 4px #6236ff
}

[dir='rtl'] .announcementsContainer .gwb-text {
    font-size: 22px;
    font-weight: bold
}

.announcementsContainer .corporate-league-text {
    font-size: 27px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 1px 4px #000000
}

[dir='rtl'] .announcementsContainer .corporate-league-text {
    font-size: 18px
}

.announcementsContainer.with-background {
    background-image: url("../../../images/homepage/CLI-btn-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.hy-shop .hy-shop_banner_desktop {
    display: block
}

@media (max-width: 767px) {
    .hy-shop .hy-shop_banner_desktop {
        display: none !important
    }
}

.hy-shop .hy-shop_banner_mobile {
    display: block
}

@media (min-width: 767px) {
    .hy-shop .hy-shop_banner_mobile {
        display: none !important
    }
}

.es_sports_desktop {
    display: block;
    height: 174px
}

@media (max-width: 767px) {
    .es_sports_desktop {
        display: none !important
    }
}

@media (min-width: 992px) {
    .es_sports_desktop {
        height: 232px
    }
}

@media (min-width: 1200px) {
    .es_sports_desktop {
        height: 319px
    }
}

.es_sports_mobile {
    display: block;
    height: 343px
}

@media (min-width: 768px) {
    .es_sports_mobile {
        display: none !important
    }
}

@media (min-width: 425px) {
    .es_sports_mobile {
        height: 474px
    }
}

.trusted-by_logos_desktop {
    display: block
}

@media (max-width: 767px) {
    .trusted-by_logos_desktop {
        display: none !important
    }
}

.trusted-by_logos_mobile {
    display: block
}

@media (min-width: 767px) {
    .trusted-by_logos_mobile {
        display: none !important
    }
}

.have-look {
    cursor: pointer;
    height: 268px;
    background-image: url("../../../images/uk-land/BannerRegisterAr@2x.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

[dir='rtl'] .have-look {
    background-image: url("../../../images/uk-land/BannerRegisterAr@2x.jpg")
}

@media (max-width: 911px) {
    .have-look {
        height: 359px;
        background-image: url("../../../images/uk-land/BannerRegisterAr Copy 2@2x.jpg")
    }
    [dir='rtl'] .have-look {
        background-image: url("../../../images/uk-land/BannerRegisterAr Copy 2@2x.jpg")
    }
}

.view__more {
    justify-content: flex-end
}

.view__more img {
    margin-inline-start: 9px;
    width: 7px
}

[dir='rtl'] .view__more img {
    transform: scaleX(-1)
}

@media (max-width: 991px) {
    .live__streams.home {
        height: auto;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        position: relative
    }
    .live__streams.home::-webkit-scrollbar {
        display: none
    }
}

.live__stream img {
    max-width: 100%;
    cursor: pointer
}

.stream__player-card {
    position: relative;
    cursor: pointer
}

.stream__player-card .overlay {
    position: absolute;
    background: black;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.6
}

.stream__player-card .img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3
}

.stream__player-card .img img {
    width: 40px
}

.react__player-popup.mobile {
    width: 100vw !important;
    height: 250px !important
}

.react__player-popup.web {
    width: 850px !important
}

.live__stream-details {
    display: flex;
    align-items: flex-start
}

.live__stream-details img {
    min-width: 50px;
    height: 50px;
    border: 1px solid #898ca0;
    border-radius: 50%;
    overflow: hidden;
    margin-inline-end: 0.5em
}

.live__stream-details .info p.name {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
    color: #fff
}

.live__stream-details .info p.vs,
.live__stream-details .info p.tags {
    font-size: 1rem;
    color: #63646c;
    font-weight: 400;
    margin-bottom: 0.1rem
}

.trusted-by {
    background: #dae0e6
}

.trusted-by h2 {
    color: #0f1018;
    font-style: italic;
    font-size: 32px;
    font-weight: 900;
    letter-spacing: -0.5px;
    text-align: center
}

.sponsor-by {
    background: radial-gradient(circle, #dee3e7 0%, #d6dee6 100%);
    height: 346px
}

.sponsor-by h2 {
    color: #0f1018;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
    font-size: 41px
}

@media (max-width: 767px) {
    .sponsor-by {
        height: 360px
    }
    .sponsor-by h2 {
        font-size: 35px;
        padding: 1.5rem 0 !important
    }
}

@media screen and (max-width: 576px) {
    .sponsor-by {
        height: 300px
    }
    .sponsor-by h2 {
        font-size: 30px;
        padding: 1rem 0 !important
    }
}

.thankyou-happy-players>.title {
    font-style: italic;
    font-size: 32px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.5px;
    text-transform: uppercase
}

.thankyou-happy-players .tweet-card {
    position: relative;
    background-color: #151f28;
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 500px;
    max-width: 100%;
    height: 200px
}

.tournaments-by-us-container .col-2_5 {
    max-width: 20%
}

@media (max-width: 1200px) {
    .tournaments-by-us-container .col-2_5 {
        max-width: none
    }
}

@media (max-width: 575px) {
    .tournaments-by-us-container .links {
        height: auto;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        position: relative
    }
    .tournaments-by-us-container .links::-webkit-scrollbar {
        display: none
    }
}

#alert-portal .overlay {
    position: absolute;
    background: black;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    opacity: 0.6;
    z-index: -1
}

@media (min-width: 1200px) {
    #alert-portal .overlay {
        display: none
    }
}

.alert-portal.alert-ad {
    border-radius: 0 !important
}

.alert-portal.alert-ad>div {
    padding-top: 0.5em
}

.alert-portal.alert-ad .content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.alert-portal.alert-ad .content h4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 0;
    margin-inline-end: 1em
}

[dir='rtl'] .alert-portal.alert-ad .content h4 {
    letter-spacing: 0px
}

.alert-portal.alert-ad .content span {
    font-size: 15px
}

.alert-portal.alert-ad .content img.phone {
    display: none
}

.alert-portal.alert-ad .content b {
    font-size: 13px;
    margin-left: auto;
    padding-right: 16px;
    font-weight: 900
}

[dir='rtl'] .alert-portal.alert-ad .content b {
    margin-right: auto;
    padding-left: 16px
}

.alert-portal.alert-ad .content .icons {
    display: flex
}

@media (max-width: 1200px) {
    .alert-portal.alert-ad {
        border-radius: 9px !important;
        position: absolute;
        top: 20vh;
        left: calc(50% - 188.5px);
        width: 345px;
        z-index: 10;
        padding: 15px;
        margin: 15px
    }
    .alert-portal.alert-ad .content {
        flex-direction: column
    }
    .alert-portal.alert-ad .content h4 {
        font-size: 30px;
        font-style: italic;
        letter-spacing: 1.95px;
        margin-bottom: 15px
    }
    .alert-portal.alert-ad .content img.phone {
        display: block;
        width: 100%;
        margin: 10px 0;
        margin-right: -50px
    }
    .alert-portal.alert-ad .content b {
        margin: 15px 0
    }
    .alert-portal.alert-ad .content .icons img {
        height: 45px
    }
    .alert-portal.alert-ad .col-1 {
        position: absolute;
        top: 10px;
        right: 10px
    }
}

.twitter-followup {
    background: linear-gradient(90deg, #173a4b 0%, #068760 100%);
    padding: 10px 0;
    position: relative
}

@media (max-width: 576px) {
    .twitter-followup {
        padding: 30px 0
    }
    .twitter-followup .row>div {
        justify-content: center
    }
    .twitter-followup .row>.icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        opacity: 0.2
    }
    .twitter-followup .row>.icon img {
        width: 215px
    }
}

.twitter-followup .row a {
    z-index: 1
}

.twitter-followup .row>div {
    display: flex;
    align-items: center
}

.twitter-followup .text {
    color: #ffffff
}

.twitter-followup .twitter-follow-button {
    background-color: #2aa9e0;
    border: 0 solid #d4d4d4;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    width: fit-content;
    height: fit-content;
    text-decoration: none;
    transition: background-color 0.2s ease;
    color: #fff
}

.twitter-followup .twitter-follow-button:hover {
    text-decoration: none
}

.twitch-followup {
    background: #9147ff;
    text-decoration: none;
    color: white;
    border: 0;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    width: fit-content;
    height: fit-content;
    text-decoration: none;
    transition: background-color 0.2s ease
}

.twitch-followup:hover {
    text-decoration: none
}

.gwb-background {
    background-image: url("../../../images/gwb/tournaments-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width: 992px) {
    .gwb-background {
        margin-top: 70px
    }
}

.men-in-banner {
    margin-top: -70px;
    margin-bottom: -50px
}

.prize {
    color: #ffffff;
    font-size: 40.29px;
    font-style: oblique;
    letter-spacing: -1.34px;
    text-shadow: 0 0 6px 0 #ffffff
}

.background {
    background-image: url("../../../images/salam/salam-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px
}

.gwb_wrapper {
    border: 1px solid white;
    border-radius: 5px;
    display: inline-flex;
    padding: .5rem 1.5rem;
    background: linear-gradient(151.96deg, #1c0421 0%, #180e30 100%)
}

.gwb_wrapper .gwb_wrapper__btn {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 16px;
    background-color: unset;
    outline: none;
    border: 1px solid white;
    border-radius: 5px;
    padding: 0.2rem 1.5rem;
    margin: 0 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.gwb_title {
    color: #FFFFFF;
    font-size: 29px;
    font-style: italic;
    letter-spacing: 0.58px;
    text-transform: uppercase;
    text-shadow: 1px 5px 0 #6236FF
}

.group-card-brief-title {
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 21px
}

.group-card-brief-subtitle {
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
    min-height: 18px;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.group-card-brief-members {
    color: #6c757d;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px
}

[dir="rtl"] .group-card-brief-members {
    letter-spacing: 0
}

.group-card-brief-btn {
    min-width: 60px;
    border-radius: 4px;
    background-color: #03f490;
    color: black;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    padding: 0.5rem;
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
    border: unset
}

.horizontal_background_color {
    border: 1px solid #1f2234;
    border-radius: 4px;
    background: linear-gradient(347.51deg, #10121c 0%, #000 100%)
}

.large .group-card-brief_img {
    width: 100% !important
}

.group_joined_status {
    min-width: 60px;
    border-radius: 4px;
    color: #03f490;
    background-color: unset;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    border: unset;
    justify-content: center
}

.group-card-brief_horizontal {
    border-radius: 4px;
    display: flex;
    background-color: unset;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding: 1rem
}

.group-card-brief_horizontal .group-card-brief-btn {
    height: 35px;
    flex: 1 1 0
}

.group-card-brief_vertical {
    display: flex;
    background: #10121c;
    flex-direction: column;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0
}

.group-card-brief_vertical .group-card-brief_img {
    width: 100%;
    border-radius: unset;
    height: 160px
}

@media screen and (max-width: 600px) {
    .group-card-brief_vertical .group-card-brief_img {
        height: 100%
    }
}

.group-card-brief_vertical .group-card-brief-btn {
    width: 100%;
    min-width: 102px;
    margin: 1rem auto 0 auto;
    height: 38px
}

.group-card-brief_vertical .group-card-brief_content {
    padding-top: 0.5rem;
    width: 100%;
    margin: auto
}

@media (max-width: 768px) {
    .group-card-brief_vertical .group-card-brief_content {
        text-align: left
    }
    [dir="rtl"] .group-card-brief_vertical .group-card-brief_content {
        text-align: right
    }
}

.group_profile_wrapper .rounded-xl {
    border-radius: 0
}

.media-container {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 1rem
}

.media-container.media-page {
    grid-template-columns: repeat(4, 1fr)
}

.media-container img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    border-radius: 0.25rem;
    cursor: pointer
}

.media-container .big {
    height: 250px
}

@media (max-width: 992px) {
    .media-container {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767px) {
    .media-container.media-page {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 580px) {
    .media-container.media-page {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 484px) {
    .media-container {
        grid-template-columns: repeat(1, 1fr)
    }
    .media-container.media-page {
        grid-template-columns: repeat(1, 1fr)
    }
}

.media-groups_subtitle {
    color: #6c757d;
    font-size: 14px
}

.emtpy_media_section {
    padding: 3rem 1rem;
    border: 1px dashed #363e51;
    height: 125px;
    border-radius: 7px
}

.round_plus_icon {
    border-radius: 9999px;
    width: 20px;
    height: 20px;
    border: 1px solid #363e51;
    color: #363e51
}

.group_online_memebers_card-btn {
    border-radius: 4px;
    background-color: #05f385;
    color: black;
    font-weight: 600
}

.group_online_memebers_card {
    border-radius: 4px;
    background-color: #10111a;
    padding: 2rem
}

.group_online_memebers_card-avatars img {
    border-radius: 9999px;
    border: 1px solid #333546;
    padding: 3px
}

.group_online_memebers_card-btn {
    font-size: 14px
}

.group_online_memebers_card-active-state {
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background-color: #05f385;
    bottom: 0;
    right: 10px
}

.online-username-container {
    width: 2em
}

.online-username {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    direction: ltr
}

.private-container {
    margin-top: -9em
}

.group-title {
    color: #05f385;
    font-size: 35px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.99px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 0.5em;
    margin-bottom: 8px !important;
    max-width: 20ch;
    margin: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.create-btn {
    color: #000000;
    background-color: #05f385;
    text-decoration: none;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
    border-radius: 4px;
    min-width: 50%;
    font-weight: 600;
    border: 0;
    height: 46px
}

@media screen and (max-width: 768px) {
    .create-btn {
        margin: auto;
        min-width: 80%
    }
}

.explore-text {
    color: #05F385;
    font-size: 35px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.99px;
    line-height: 41px;
    text-transform: uppercase;
    margin-top: 1em
}

@media screen and (max-width: 768px) {
    .explore-text {
        margin-top: 0.2em;
        font-size: 26px
    }
}

.similar-group-container {
    padding: 0.5em 6em
}

@media screen and (max-width: 993px) {
    .similar-group-container {
        padding: 0.5em 2em
    }
}

.similar-group {
    border-radius: 0 0 4px 4px;
    background-color: #10121C;
    border-inline-end: 30px solid black;
    padding: 0.6em
}

.similar-group h4 {
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 18px;
    font-weight: 700
}

.similar-group h6 {
    color: #ADB5BD;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
    padding-top: 8px
}

.similar-group button {
    min-width: 60%;
    height: 28px;
    margin-top: 12px
}

.simialr_groups_container {
    border: 1px solid #1f2234;
    border-radius: 4px;
    background: black
}

.simialr_groups_container .group-card-brief {
    border: unset;
    background: unset
}

.similar_groups_section .group-card-brief_horizontal {
    position: relative
}

.similar_groups_section .group-card-brief_horizontal .group-card-brief_img {
    height: 50px
}

.similar_groups_section .group-card-brief_horizontal .group-card-brief-btn {
    position: absolute;
    height: 34px;
    width: 60px;
    right: 2rem;
    top: calc(50% - 19px)
}

[dir="rtl"] .similar_groups_section .group-card-brief_horizontal .group-card-brief-btn {
    left: 2rem;
    right: unset
}

@media (max-width: 768px) {
    .similar_groups_section .group-card-brief_horizontal .group-card-brief-btn {
        right: 0.5rem
    }
}

.similar_groups_section .group-card-brief_horizontal .group-card-brief_content {
    align-self: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column
}

.group_member_card_edit img {
    border-radius: 999px;
    padding: 8px;
    background-color: #1b1d23
}

.group_member_card_settings {
    position: absolute;
    border-radius: 4px;
    background-color: #1b1c23;
    right: 1rem;
    top: 100%;
    padding: 1rem;
    z-index: 100
}

.selected_member {
    background-color: #10111a;
    border-radius: 5px;
    transition: all 0.3s ease-in-out
}

.h-8 {
    height: 2rem
}

.mx-w-ch-20 {
    max-width: 20ch
}

.invitation_count_button {
    height: 61px;
    width: 70%;
    border: 1px solid #1F2234;
    border-radius: 4px;
    background: linear-gradient(347.51deg, #10121C 0%, #000 100%);
    color: #98A0A9;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 9px
}

@media screen and (max-width: 993px) and (min-width: 768px) {
    .invitation_count_button {
        width: 90%
    }
}

@media screen and (max-width: 768px) {
    .invitation_count_button {
        width: 100%
    }
}

.invitation_count_button .envelope-icon {
    text-align: left;
    padding-inline-start: 3em
}

[dir="rtl"] .invitation_count_button .envelope-icon {
    text-align: right
}

.invitation_count_button .envelope-icon p {
    padding-inline-start: 1.5em
}

.invitation_count_button .envelope-icon img {
    width: 25px;
    height: 18px
}

.invitation_count_button .envelope-icon .invitation-badge {
    background-color: #DC3545;
    color: #FFFFFF;
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 10px;
    text-align: center;
    position: absolute;
    top: -5px;
    left: 55px;
    border-radius: 18px;
    padding: 5px 0;
    height: 20px;
    width: 20px
}

[dir="rtl"] .invitation_count_button .envelope-icon .invitation-badge {
    left: 0;
    right: 55px
}

.invitation_count_button .next-icon {
    text-align: end;
    padding-inline-end: 3em
}

.invitation_count_button .next-icon img {
    width: 32px;
    height: 32px
}

[dir="rtl"] .invitation_count_button .next-icon img {
    transform: rotate(180deg)
}

.invitation-head {
    color: #05F385;
    font-size: 35px;
    font-style: italic;
    letter-spacing: 0.99px;
    line-height: 41px
}

.sender-join {
    color: #05F385;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px
}

.invitation-button {
    border-radius: 4px;
    color: #000000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    height: 26px;
    background-color: #ffffff;
    width: 75px
}

.invitation-button #loading {
    border-top-color: #10111a !important
}

.button-accept-invitation {
    background-color: #05F385;
    border: 1px solid #05F385;
    margin-inline-end: 1em
}

.join-time {
    padding-inline-start: 3.1em;
    margin-top: -0.5em
}

@media screen and (max-width: 800px) {
    .join-time {
        margin-top: 0.5em
    }
}

.buttons-container {
    margin-top: 0.5rem;
    padding-inline-start: 3.1em;
    display: flex;
    align-items: center
}

.group_card_overview {
    border: 1px solid #1f2234;
    border-radius: 4px;
    background: linear-gradient(347.51deg, #10121c 0%, #000 100%)
}

.group_items_seperator {
    border-bottom: 1px solid #1f2234
}

.group_card_overview-about-desc {
    line-height: 21px;
    width: 35ch;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.group_card_overview-creator-name {
    width: 12ch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.group_card_overview-creator-avatar {
    width: 3rem;
    height: 3rem;
    border: 1px solid;
    border-radius: 9999px;
    padding: 6px
}

.group_card_overview-creator-send {
    padding: 0.3rem 1rem;
    min-width: 3rem;
    border: 1px solid #05f385;
    border-radius: 4px
}

.group-card-element_title {
    font-size: 14px;
    line-height: 21px;
    width: 15ch;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.group-card-element_subtitle {
    color: #6c757d;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px
}

.borwser_groups_categories-subtitle {
    color: #6c757d;
    font-size: 18px
}

[dir="rtl"] .borwser_groups_categories-subtitle {
    font-size: 16px
}

.group_card_element img {
    border-radius: 4px;
    height: 170px
}

.category-item_img {
    border-radius: 4px;
    height: 170px;
    width: 100%
}

.groups_wrapper_container,
.top_groups_container,
.groups_categories_container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px 20px
}

@media (max-width: 567px) {
    .groups_wrapper_container,
    .top_groups_container,
    .groups_categories_container {
        grid-template-columns: 1fr 1fr;
        gap: 1rem 1rem
    }
}

@media (max-width: 320px) {
    .groups_wrapper_container,
    .top_groups_container,
    .groups_categories_container {
        grid-template-columns: 1fr;
        justify-content: center;
        align-items: center;
        gap: 0.5rem 0.5rem
    }
}

@keyframes closeWindow {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.ril__outer {
    background-color: rgba(0, 0, 0, 0.85);
    outline: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    touch-action: none;
}

.ril__outerClosing {
    opacity: 0;
}

.ril__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: none;
    -ms-content-zooming: none;
    -ms-user-select: none;
    -ms-touch-select: none;
    touch-action: none;
}

.ril__imageDiscourager {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ril__navButtons {
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 34px;
    padding: 40px 30px;
    margin: auto;
    cursor: pointer;
    opacity: 0.7;
}

.ril__navButtons:hover {
    opacity: 1;
}

.ril__navButtons:active {
    opacity: 0.7;
}

.ril__navButtonPrev {
    left: 0;
    background: rgba(0, 0, 0, 0.2) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==') no-repeat center;
}

.ril__navButtonNext {
    right: 0;
    background: rgba(0, 0, 0, 0.2) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+') no-repeat center;
}

.ril__downloadBlocker {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
    background-size: cover;
}

.ril__caption,
.ril__toolbar {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}

.ril__caption {
    bottom: 0;
    max-height: 150px;
    overflow: auto;
}

.ril__captionContent {
    padding: 10px 20px;
    color: #fff;
}

.ril__toolbar {
    top: 0;
    height: 50px;
}

.ril__toolbarSide {
    height: 50px;
    margin: 0;
}

.ril__toolbarLeftSide {
    padding-left: 20px;
    padding-right: 0;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ril__toolbarRightSide {
    padding-left: 0;
    padding-right: 20px;
    flex: 0 0 auto;
}

.ril__toolbarItem {
    display: inline-block;
    line-height: 50px;
    padding: 0;
    color: #fff;
    font-size: 120%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ril__toolbarItemChild {
    vertical-align: middle;
}

.ril__builtinButton {
    width: 40px;
    height: 35px;
    cursor: pointer;
    border: none;
    opacity: 0.7;
}

.ril__builtinButton:hover {
    opacity: 1;
}

.ril__builtinButton:active {
    outline: none;
}

.ril__builtinButtonDisabled {
    cursor: default;
    opacity: 0.5;
}

.ril__builtinButtonDisabled:hover {
    opacity: 0.5;
}

.ril__closeButton {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=') no-repeat center;
}

.ril__zoomInButton {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+') no-repeat center;
}

.ril__zoomOutButton {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=') no-repeat center;
}

.ril__outerAnimating {
    animation-name: closeWindow;
}

@keyframes pointFade {
    0%,
    19.999%,
    100% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
}

.ril__loadingCircle {
    width: 60px;
    height: 60px;
    position: relative;
}

.ril__loadingCirclePoint {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ril__loadingCirclePoint::before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 11%;
    height: 30%;
    background-color: #fff;
    border-radius: 30%;
    animation: pointFade 800ms infinite ease-in-out both;
}

.ril__loadingCirclePoint:nth-of-type(1) {
    transform: rotate(0deg);
}

.ril__loadingCirclePoint:nth-of-type(7) {
    transform: rotate(180deg);
}

.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
    animation-delay: -800ms;
}

.ril__loadingCirclePoint:nth-of-type(2) {
    transform: rotate(30deg);
}

.ril__loadingCirclePoint:nth-of-type(8) {
    transform: rotate(210deg);
}

.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
    animation-delay: -666ms;
}

.ril__loadingCirclePoint:nth-of-type(3) {
    transform: rotate(60deg);
}

.ril__loadingCirclePoint:nth-of-type(9) {
    transform: rotate(240deg);
}

.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
    animation-delay: -533ms;
}

.ril__loadingCirclePoint:nth-of-type(4) {
    transform: rotate(90deg);
}

.ril__loadingCirclePoint:nth-of-type(10) {
    transform: rotate(270deg);
}

.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
    animation-delay: -400ms;
}

.ril__loadingCirclePoint:nth-of-type(5) {
    transform: rotate(120deg);
}

.ril__loadingCirclePoint:nth-of-type(11) {
    transform: rotate(300deg);
}

.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
    animation-delay: -266ms;
}

.ril__loadingCirclePoint:nth-of-type(6) {
    transform: rotate(150deg);
}

.ril__loadingCirclePoint:nth-of-type(12) {
    transform: rotate(330deg);
}

.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
    animation-delay: -133ms;
}

.ril__loadingCirclePoint:nth-of-type(7) {
    transform: rotate(180deg);
}

.ril__loadingCirclePoint:nth-of-type(13) {
    transform: rotate(360deg);
}

.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
    animation-delay: 0ms;
}

.ril__loadingContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
    display: none;
}

.ril__errorContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
    display: none;
}

.ril__loadingContainer__icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.chat-container {
    width: 450px;
    border-radius: 15px 15px 0 0;
    background-color: #10121c;
    margin-left: auto;
    /*cursor: pointer;*/
    margin-right: 1em;
    position: sticky;
    bottom: 0;
    right: 0;
    z-index: 99;
}

[dir='rtl'] .chat-container {
    margin-right: auto;
    margin-left: 1em;
    left: 0;
    right: 0;
}

.live {
    height: 571px;
    /* margin-bottom: -3em; */
}


/*.live-poll {*/


/*  margin-bottom: 5em !important;*/


/*}*/

.chat-icon {
    height: 12px;
    width: 22px;
    position: absolute;
    margin-top: 15px;
}

.post-btn {
    color: #000000;
    background-color: #05f385;
    text-decoration: none;
    font-size: 14px;
    margin: 0;
    cursor: pointer;
    border-radius: 4px;
    min-width: 70%;
    font-weight: 600;
    border: 0;
    height: 50px;
    width: 100%;
}

[dir='ltr'] .chat-icon {
    right: 20px;
}

[dir='rtl'] .chat-icon {
    left: 20px;
}

.messaging {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 19px;
    color: white;
}

.avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #d6d8db;
    margin-inline-end: 0.4em;
    display: inline-block;
}

.slug {
    opacity: 0.5;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 19px;
}

.power-by {
    text-align: center;
    color: #525868;
    font-size: 10px;
    letter-spacing: -0.18px;
    line-height: 16px;
    padding-bottom: 1rem;
}

[dir='ltr'] .power-by {
    left: 15em;
}

[dir='rtl'] .power-by {
    right: 15em;
}

.live__messages-box {
    height: 505px;
    width: 100%;
    background-color: #1b1b26;
    margin-top: 10px;
    border-radius: 15px 15px 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.poll-container {
    height: 700px !important;
}

.agool {
    height: 33px;
    width: 33px;
    margin-inline-start: 1.3em;
    display: inline-block;
}

.badge-danger {
    position: absolute;
    height: 17px;
    width: 16px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 13px;
    margin-inline-start: 2.4em;
}

.unread {
    position: absolute;
}

[dir='ltr'] .unread {
    left: 4px;
}

[dir='rtl'] .unread {
    left: 4px;
}

.live__messages {
    padding: 10px 15px;
}

.live__sender {
    color: #03f590;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    height: 28px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    margin: 0 5px;
}

.organize-sender {
    width: 3.9em;
}

.arabic .live__message {
    text-align: right;
}

.arabic-sender {
    direction: rtl;
}

.live__avatar {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #d6d8db;
    margin-inline-end: 11px;
}

.live__time {
    color: #7c7f87;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 23px;
    vertical-align: super;
}

.live__message {
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 0.5rem 0;
    padding-inline-start: 3.4em;
    margin-top: -1.2em;
    word-break: break-all;
}

.input-container-chat {
    padding: 0 1em;
    margin-top: 1rem;
}

.msg-box {
    padding: 0 1rem;
    line-height: 1;
    height: 45px;
    border-radius: 29px;
    background-color: #11111b;
    border: 0;
    color: white;
    outline: 0;
    width: 100%;
    font-size: 1rem;
}

[dir='ltr'] .msg-box {
    padding-left: 48px;
}

[dir='rtl'] .msg-box {
    padding-right: 48px;
}

.msg-box::placeholder {
    color: #98a0a9;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}

.live__organizer {
    border-radius: 11px;
    background-color: #f8e71c;
    margin-inline-start: 0;
    margin-inline-end: 6px;
    display: inline-block;
    height: 18px;
    width: 80px;
    color: #000000;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.8px;
    text-align: center;
    line-height: 18px;
    vertical-align: super;
}

.scroll_parent {
    height: 28px;
    width: 28px;
    opacity: 0.6;
    border-radius: 29px;
    background: #09090d url('../../../images/chat/scroll.png') no-repeat center center;
    background-size: 40%;
    position: absolute;
    z-index: 9999;
    bottom: 80px;
    cursor: pointer;
}

[dir='ltr'] .scroll_parent {
    right: 30px;
}

[dir='rtl'] .scroll_parent {
    left: 30px;
}

.loading {
    color: white;
    text-align: center;
}

.poll-icon {
    width: 59px;
    height: 59px;
    border-radius: 29px;
    background: #11111b url('../../../images/Icons/Polls.png') no-repeat center;
    background-size: 29px 29px;
    margin-inline-start: -0.5em;
}

.upload-icon {
    width: 45px;
    height: 45px;
    border-radius: 29px;
    background: #11111b url('../../../images/Icons/Camera.svg') no-repeat center;
    background-size: 23px 18px;
    margin-inline-start: -0.5em;
}

.image-upload {
    margin-top: 0.5rem;
}

[dir='rtl'] .image-upload {
    margin-top: 1rem;
}

.image-upload>input {
    display: none;
}

.poll-header {
    color: #05f385;
    font-size: 30px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 35px;
    text-transform: uppercase;
    display: inline;
}

.arrow-poll {
    height: 16px;
    width: 25px;
    max-width: 25px;
    margin: 0 0.9em 0.3em;
    display: inline;
    cursor: pointer;
}

[dir='rtl'] .arrow-poll {
    transform: rotate(180deg);
}

.percentage {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.34px;
    line-height: 28px;
}

.creator-img {
    height: 70px;
    max-width: 70px;
    border-radius: 50%;
    display: inline;
    margin-top: 6px;
    margin-inline-start: 20px;
}

.poll-creator {
    color: #fe3b56;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 27px;
    margin-inline-start: 5px;
}

.poll-input-create {
    padding: 15px 37px;
}

.poll-input-options {
    padding: 15px 49px;
}

.votes {
    color: #6c757d;
    font-size: 15px;
    letter-spacing: -0.34px;
    line-height: 18px;
}

.progress {
    opacity: 0.9;
    border-radius: 9px;
    background-color: #000000;
    height: 6px;
    margin-top: 15px;
}

.progress-bar {
    opacity: 0.9;
    border-radius: 9px;
    background-color: #05f385;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}

.poll-input-create input {
    opacity: 0.9;
    border-radius: 9px;
    background-color: #21212e;
    height: 60px;
    width: 100%;
    color: #6c757d;
    font-size: 19px;
    letter-spacing: -0.43px;
    line-height: 23px;
    padding-inline-start: 18px;
}

.remove-option {
    position: absolute;
    top: 35px;
    right: 15%;
}

[dir='rtl'] .remove-option {
    right: 82%;
}

.option-result {
    color: #ffffff;
    font-size: 19px;
    letter-spacing: -0.43px;
    line-height: 23px;
}

.add-question {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 29px;
    background-color: transparent;
    outline: 0;
}

.add-question::placeholder {
    color: white;
}

.options-container {
    height: 450px;
    overflow-y: auto;
}

.dashed {
    border: 2px dashed #363e51;
    border-radius: 9px;
    height: 60px;
    color: white;
    font-size: 15px;
    font-weight: 600;
    padding: 1em 14px;
    /*cursor: pointer;*/
    text-align: start;
}

.edit-container {
    position: absolute;
    top: 6px;
}

.hide-option {
    display: none;
}

.dashed img {
    width: 30px;
    padding-bottom: 0.4em;
    display: inline-block;
}

.dashed p {
    padding-inline-start: 0.8em;
    display: inline-block;
    color: #6c757d;
    font-size: 19px;
    letter-spacing: -0.43px;
    line-height: 23px;
    font-weight: 500;
}

.bio-form {
    border-radius: 7px;
    padding: 0.6em;
    margin-inline-start: 13px;
}

.bio-form button {
    width: 95% !important;
}

.bio-input {
    background-color: transparent !important;
    height: 60px;
    caret-color: #05f385;
}

.bio-input:focus {
    border: 0 !important;
}

.bio-input::placeholder {
    opacity: 0.7;
    color: #b4c0cd;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 18px;
}

@media screen and (max-width: 500px) {
    /*[dir = 'ltr'] .chat-icon{*/
    /*    right: 0;*/
    /*}*/
    /*[dir='rtl'] .chat-icon{*/
    /*    left: 0;*/
    /*}*/
    .chat-container {
        width: 100%;
        margin-right: auto;
        border-radius: 0;
    }
    .live {
        height: 100%;
        top: 0;
    }
    [dir='rtl'] .chat-container {
        margin-left: auto;
        width: 100%;
    }
    .poll-container,
    .options-container {
        height: 100% !important;
    }
    .live__messages-box {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        margin-inline-start: 0 !important;
    }
    .slug {
        display: inline-block;
        white-space: nowrap;
        width: 30%;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 10px;
    }
    .live__avatar {
        height: 44px;
        width: 45px;
        margin-inline-end: 7px;
    }
    .live__sender {
        font-size: 15px;
        line-height: 30px;
    }
    .live__organizer {
        border-radius: 7px;
        margin-inline-end: 6px;
        height: 14px;
        width: 63px;
        font-size: 11px;
        line-height: 13px;
        letter-spacing: 0.5px;
    }
    .live__time {
        font-size: 12px;
    }
    .live__message {
        padding-inline-start: 3.9em;
        font-size: 15px;
        line-height: 19px;
        word-break: break-all;
    }
}

.emoji-button {
    width: 32px;
    height: 32px;
    background-size: contain;
    transform: scale(0.75);
    background: url('../../../images/chat/Smile.svg') no-repeat center center;
    position: absolute;
    left: 40px;
}

.emoji-mart {
    z-index: 5;
    width: 300px !important;
    position: absolute;
    bottom: 50px;
}

[dir='rtl'] .emoji-button {
    left: 0;
    right: 40px;
}

[dir='ltr'] .emoji-mart {
    left: 50px;
}

[dir='rtl'] .emoji-mart {
    right: 50px;
}

.messages-count {
    font-size: 14px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
}

.emoji-mart,
.emoji-mart * {
    box-sizing: border-box;
    line-height: 1.15;
}

.emoji-mart {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
    font-size: 16px;
    display: inline-block;
    color: #222427;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #fff;
}

.emoji-mart .emoji-mart-emoji {
    padding: 6px;
}

.emoji-mart-bar {
    border: 0 solid #d9d9d9;
}

.emoji-mart-bar:first-child {
    border-bottom-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.emoji-mart-bar:last-child {
    border-top-width: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 6px;
    line-height: 0;
}

.emoji-mart-anchor {
    position: relative;
    display: block;
    flex: 1 1 auto;
    color: #858585;
    text-align: center;
    padding: 12px 4px;
    overflow: hidden;
    transition: color .1s ease-out;
    margin: 0;
    box-shadow: none;
    background: none;
    border: none;
}

.emoji-mart-anchor:focus {
    outline: 0
}

.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
    color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
    bottom: 0;
}

.emoji-mart-anchor-bar {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #464646;
}

.emoji-mart-anchors i {
    display: inline-block;
    width: 100%;
    max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
    fill: currentColor;
    height: 18px;
    width: 18px;
}

.emoji-mart-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 270px;
    padding: 0 6px 6px 6px;
    will-change: transform;
    /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
    margin-top: 6px;
    padding: 0 6px;
    position: relative;
}

.emoji-mart-search input {
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 5px 25px 6px 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
    /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
    -webkit-appearance: none;
}

.emoji-mart-search-icon {
    position: absolute;
    top: 7px;
    right: 11px;
    z-index: 2;
    padding: 2px 5px 1px;
    border: none;
    background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
    z-index: 1;
    position: relative;
    text-align: center;
    cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    border-radius: 100%;
}

.emoji-mart-category-label {
    z-index: 2;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.emoji-mart-category-label span {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 5px 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-category-list {
    margin: 0;
    padding: 0;
}

.emoji-mart-category-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.emoji-mart-emoji {
    position: relative;
    display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
}

.emoji-mart-emoji-native {
    font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
    font-size: 14px;
    text-align: center;
    padding-top: 70px;
    color: #858585;
}

.emoji-mart-no-results-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.emoji-mart-no-results .emoji-mart-category-label {
    display: none;
}

.emoji-mart-no-results .emoji-mart-no-results-label {
    margin-top: .2em;
}

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
    content: none;
}

.emoji-mart-preview {
    position: relative;
    height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
    left: 12px;
}

.emoji-mart-preview-data {
    left: 68px;
    right: 12px;
    word-break: break-all;
}

.emoji-mart-preview-skins {
    right: 30px;
    text-align: right;
}

.emoji-mart-preview-skins.custom {
    right: 10px;
    text-align: right;
}

.emoji-mart-preview-name {
    font-size: 14px;
}

.emoji-mart-preview-shortname {
    font-size: 12px;
    color: #888;
}

.emoji-mart-preview-shortname+.emoji-mart-preview-shortname,
.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon {
    margin-left: .5em;
}

.emoji-mart-preview-emoticon {
    font-size: 11px;
    color: #bbb;
}

.emoji-mart-title span {
    display: inline-block;
    vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
    padding: 0;
}

.emoji-mart-title-label {
    color: #999A9C;
    font-size: 26px;
    font-weight: 300;
}

.emoji-mart-skin-swatches {
    font-size: 0;
    padding: 2px 0;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
    font-size: 0;
    border: none;
    background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
    width: 16px;
    padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
    opacity: .75;
}

.emoji-mart-skin-swatch {
    display: inline-block;
    width: 0;
    vertical-align: middle;
    transition-property: width, padding;
    transition-duration: .125s;
    transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) {
    transition-delay: 0s
}

.emoji-mart-skin-swatch:nth-child(2) {
    transition-delay: .03s
}

.emoji-mart-skin-swatch:nth-child(3) {
    transition-delay: .06s
}

.emoji-mart-skin-swatch:nth-child(4) {
    transition-delay: .09s
}

.emoji-mart-skin-swatch:nth-child(5) {
    transition-delay: .12s
}

.emoji-mart-skin-swatch:nth-child(6) {
    transition-delay: .15s
}

.emoji-mart-skin-swatch.selected {
    position: relative;
    width: 16px;
    padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px;
    background-color: #fff;
    border-radius: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
    display: inline-block;
    width: 0;
    height: 38px;
    overflow: hidden;
    vertical-align: middle;
    transition-property: width, height;
    transition-duration: .125s;
    transition-timing-function: ease-out;
    cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
    position: relative;
    width: 36px;
    height: 38px;
    padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
    content: "";
    width: 0;
    height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
    background-color: #f4f4f4;
    border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
    width: 36px;
    height: 38px;
    padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
    opacity: .75;
}

.emoji-mart-skin-text.opened {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #888;
    font-size: 11px;
    padding: 5px 2px;
    width: 95px;
    height: 40px;
    border-radius: 10%;
    background-color: #fff;
}

.emoji-mart-skin {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    max-width: 12px;
    border-radius: 100%;
}

.emoji-mart-skin-tone-1 {
    background-color: #ffc93a
}

.emoji-mart-skin-tone-2 {
    background-color: #fadcbc
}

.emoji-mart-skin-tone-3 {
    background-color: #e0bb95
}

.emoji-mart-skin-tone-4 {
    background-color: #bf8f68
}

.emoji-mart-skin-tone-5 {
    background-color: #9b643d
}

.emoji-mart-skin-tone-6 {
    background-color: #594539
}


/* For screenreaders only, via https://stackoverflow.com/a/19758620 */

.emoji-mart-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


/*
 * Dark mode styles
 */

.emoji-mart-dark {
    color: #fff;
    border-color: #555453;
    background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
    border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
    color: #fff;
    border-color: #555453;
    background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
    fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
    background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
    background-color: #222;
    color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
    border-color: #555453;
    background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
    color: #bfbfbf;
}

.group_icon_share,
.group_icon_edit {
    background-color: #050909;
    border-radius: 9999px;
    padding: 0.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir="ltr"] .-space-x-2>:not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 1
}

.group_avatar_profile {
    border: none
}

.goup_name-banner {
    max-width: 20ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.group_profiles_avatar img {
    border: none
}

.group-img {
    height: 120px;
    width: 120px;
    border: 5px solid #000000;
    border-radius: 61px
}

.group_avatar img {
    text-align: center;
    display: inherit
}

.members_list_widget {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.group_name {
    font-size: 35px;
    font-size: 35px;
    display: flex;
    justify-content: center;
    align-items: center
}

.group_category {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 2rem
}

.groups_tabs {
    margin-top: 3rem;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0
}

@media (max-width: 768px) {
    .groups_tabs {
        margin-top: 0;
        margin-bottom: 1rem
    }
}

.groups_tabs-item {
    margin: 0 2rem;
    min-width: 110px;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    font-weight: 600;
    color: #b4c0cd
}

.groups_tabs-item::after {
    left: 0 !important;
    width: 100%
}

.group_tabs-wrapper .active-tab {
    background-color: black;
    color: #ffffff;
    font-weight: bold;
    font-weight: bold
}

.group_tabs-wrapper .active-tab span {
    color: #ffffff
}

.group_tabs-wrapper .none-active-tab {
    background-color: unset
}

.members_container_members-list {
    border-radius: 12px;
    background-color: #10111a
}

.members_container_members-avatar {
    display: inline-block;
    border-radius: 9999px;
    padding: 2px;
    border: 0.8px solid #595b66
}

.members_container_members-list .public-profile-records_list {
    border-radius: unset;
    background-color: unset
}

.admin_settings_border {
    border-bottom: 1px solid #1f2234
}

.member_role {
    color: #61616d;
    font-size: 12px;
    font-style: italic;
    letter-spacing: 0;
    line-height: 25px
}

.group_profile_wrapper .h-hygroups-group-cover {
    height: 350px;
    border-radius: 0
}

@media (min-width: 768px) {
    .group_profile_wrapper .h-hygroups-group-cover {
        padding: 2rem 7rem
    }
}

.group_profile_wrapper .h-hygroups-group-cover .justify-end {
    justify-content: space-between
}

.invite_btn_banner {
    border: 1px solid #05f385;
    background-color: black;
    color: #05f385;
    width: 5rem;
    border-radius: 4px
}

.leave_report_wrapper {
    border-radius: 4px;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    width: 300px
}

.leave_report_wrapper .leave_group_item {
    background-color: #10111a;
    display: flex;
    align-items: center;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 65px
}

.leave_report_wrapper .report_group_item {
    background-color: #10111a;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 65px
}

.leave_report_wrapper .leave_group_item:hover,
.leave_report_wrapper .report_group_item:hover {
    background-color: #1e1e28
}

@media (max-width: 767px) {
    .leave_report_wrapper {
        right: 0;
        right: 0;
        left: 0;
        top: 0;
        width: 93%;
        margin: auto;
        top: 5px
    }
}

[dir="rtl"] .leave_report_wrapper {
    right: unset;
    left: 1rem
}

.grous_tabs-tab-desc {
    color: #b4c0cd;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: normal
}

.groups_tabs-item {
    margin: 0 1rem
}

@media (min-width: 768px) {
    .invite_modal_wrapper {
        width: 500px
    }
}

.members_list_items>div {
    height: 6rem
}

.group_share_wrapper {
    border-radius: 4px;
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    width: 300px;
    background-color: #10111a
}

.group_share_wrapper .share_group_item {
    width: 100%;
    display: flex;
    background-color: #0d0e18;
    border-radius: 5px;
    align-items: center;
    padding: 0.5rem 24px 0.5rem 24px;
    border-bottom: 1px solid;
    height: 65px
}

.group_share_wrapper .copy_group_item {
    width: 100%;
    display: flex;
    background-color: #0d0e18;
    border-radius: 5px;
    padding: 0.5rem 24px 0.5rem 24px;
    align-items: center;
    height: 65px
}

[dir="rtl"] .group_share_wrapper {
    right: unset;
    left: 1rem
}

@media (max-width: 767px) {
    .group_share_wrapper {
        right: 0;
        right: 0;
        left: 0;
        top: 0;
        width: 93%;
        margin: auto
    }
}

.leave_group_modal_buttons {
    justify-content: center;
    margin-top: 2rem;
    width: 100%
}

.leave_group_modal_buttons button {
    width: 250px;
    height: 45px;
    margin-inline-end: 1rem
}

.invite_group_card {
    background-color: black
}

.group_url_copied {
    position: absolute;
    right: 0;
    top: -1.3rem
}

.member_btn_invite {
    padding: 0.2rem 1rem;
    border: 1px solid #05f385;
    color: #05f385
}

.invite_card_social {
    justify-content: space-between
}

.invite_card_social li {
    display: flex;
    width: calc(50% - 9px);
    justify-content: center;
    align-items: center;
    height: 3rem;
    border-radius: 5px
}

.members_search_input {
    background-color: #10131d;
    height: 48px;
    border-radius: 4px
}

.banner_text_weapper {
    position: relative;
    margin-bottom: 3rem;
    height: 100%
}

@media (max-width: 767px) {
    .banner_text_weapper {
        margin-bottom: 1rem
    }
}

.banner_text_weapper .amount {
    color: #dcf0f6;
    font-size: 4rem;
    text-shadow: 4px 5px 0px #0e0000, 5px 8px 0px #8eb3c2;
    letter-spacing: 2px;
    font-style: italic;
    position: relative;
    text-shadow: 1px 1px 1px #8eb3c2, 1px 2px 1px #4d7d90, 1px 3px 1px #8eb3c2, 1px 4px 1px #8eb3c2, 1px 5px 1px #8eb3c2, 1px 6px 1px #8eb3c2, 1px 7px 1px #8eb3c2, 1px 8px 1px #8eb3c2, 1px 9px 1px #8eb3c2, 1px 10px 1px #8eb3c2, 1px 18px 6px rgba(16, 16, 16, 0.4), 1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2), 1px 30px 60px rgba(16, 16, 16, 0.4)
}

.banner_text_weapper .amount .currency {
    color: #dcf0f6;
    font-size: 3.5rem;
    text-shadow: 1px 1px 1px #8eb3c2, 1px 2px 1px #8eb3c2, 1px 3px 1px #8eb3c2, 1px 4px 1px #8eb3c2, 1px 5px 1px #8eb3c2, 1px 6px 1px #8eb3c2, 1px 7px 1px #8eb3c2, 1px 8px 1px #8eb3c2, 1px 9px 1px #8eb3c2, 1px 10px 1px #8eb3c2, 1px 18px 6px rgba(16, 16, 16, 0.4), 1px 22px 10px rgba(16, 16, 16, 0.2), 1px 25px 35px rgba(16, 16, 16, 0.2), 1px 30px 60px rgba(16, 16, 16, 0.4);
    position: relative
}

[dir='rtl'] .banner_text_weapper .amount .currency {
    letter-spacing: 0
}

@media (max-width: 767px) {
    .banner_text_weapper .amount .currency {
        font-size: 3.5rem
    }
}

@media (max-width: 767px) {
    .banner_text_weapper .amount {
        font-size: 4rem
    }
    [dir='rtl'] .banner_text_weapper .amount {
        font-size: 2.5rem
    }
}

.banner_text_weapper .prize_pool {
    letter-spacing: 6px
}

[dir='rtl'] .banner_text_weapper .prize_pool {
    letter-spacing: 0
}

.banner_text_weapper .bc_wrapper {
    margin-top: -1rem
}

.banner_text_weapper .description {
    font-size: 2rem;
    letter-spacing: 3px;
    font-style: italic;
    left: 1px
}

[dir='rtl'] .banner_text_weapper .description {
    letter-spacing: 0;
    font-style: normal
}

@media (max-width: 767px) {
    .banner_text_weapper .description {
        font-size: 1.5rem
    }
}

.banner_text_weapper .soon {
    color: #f0f055;
    font-size: 1.5rem;
    letter-spacing: 1px
}

[dir='rtl'] .banner_text_weapper .soon {
    letter-spacing: 0;
    font-size: 2rem
}

@media (max-width: 767px) {
    .banner_text_weapper .soon {
        font-size: 1.5rem
    }
    [dir='rtl'] .banner_text_weapper .soon {
        font-size: 1.7rem
    }
}

.banner_text_weapper .hy_logo_wrapper {
    width: 100%;
    position: absolute;
    bottom: -2px
}

@media (max-width: 768px) {
    .banner_text_weapper .hy_logo_wrapper {
        bottom: 0
    }
}

.banner_text_weapper .hy_sponsor {
    font-size: 0.8rem;
    font-weight: 400
}

.share-link-container {
    background-color: #002bcb;
    border-radius: 8px;
    height: 263px;
    padding: 27px 16px 0px;
    font-family: Circular, sans-serif;
    background-image: url(../../../images/invite-friends/blue-triangle.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

[dir="rtl"] .share-link-container {
    font-family: "FrutigerLTArabic"
}

.share-link-text {
    font-size: 17px;
    font-weight: 900;
    font-style: italic;
    line-height: 24px;
    color: white;
    margin-bottom: 14px;
    text-align: center
}

.copy-area {
    background-color: white;
    border-radius: 4px;
    width: 311px;
    max-width: 100%;
    padding: 8px 10px;
    color: #6c757d;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px
}

.copy-area:hover {
    cursor: pointer
}

.copy-area .text-overflow-hidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px
}

.share-via {
    font-size: 11px;
    font-weight: 500;
    color: #adb5bd;
    margin-bottom: 5px
}

.social-icon-wrapper {
    margin-right: 10px
}

[dir="rtl"] .social-icon-wrapper {
    margin: "0px 0px 10px 0px"
}

.social-icon {
    width: 27px;
    height: 27px;
    border-radius: 8px;
    position: relative
}

.social-icon.facebook-bg {
    background-color: #1877f2
}

.social-icon.twitter-bg {
    background-color: #1da1f2
}

.social-icon.whatsapp-bg {
    background-color: #25d366
}

.social-icon.other {
    background-color: white
}

.social-icon .img-padding {
    padding: 5px !important
}

.close-btn {
    z-index: 1;
    top: 14px;
    border: 0;
    border-radius: 50%;
    background: rgba(118, 118, 128, 0.24);
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer
}

[dir="ltr"] .close-btn {
    right: 18px
}

[dir="rtl"] .close-btn {
    left: 18px
}

.close-btn:hover {
    opacity: 0.75
}

.close-btn .close-icon {
    color: rgba(235, 235, 245, 0.6)
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.comic-con-arabia-banner-wrapper {
    position: relative
}

@media (min-width: 768px) {
    .comic-con-arabia-banner-wrapper {
        padding-bottom: 44% !important;
        position: relative
    }
}

.comic-con-arabia-banner-wrapper .comic-con-arabia-banner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media (min-width: 768px) {
    .comic-con-arabia-banner-wrapper .comic-con-arabia-banner .comic-con-arabia-mob-img {
        display: none
    }
}

.comic-con-arabia-banner-wrapper .comic-con-arabia-banner .comic-con-arabia-desktop-img {
    display: none
}

@media (min-width: 768px) {
    .comic-con-arabia-banner-wrapper .comic-con-arabia-banner .comic-con-arabia-desktop-img {
        display: block
    }
}

.discord-banner-wrapper {
    padding-bottom: 167%;
    position: relative;
    z-index: 0
}

@media (min-width: 576px) {
    .discord-banner-wrapper {
        padding-bottom: 39%;
        position: relative
    }
}

.discord-banner-wrapper .discord-banner {
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media (min-width: 576px) {
    .discord-banner-wrapper .discord-mob-banner {
        display: none
    }
}

.discord-banner-wrapper .discord-desktop-banner {
    display: none
}

@media (min-width: 576px) {
    .discord-banner-wrapper .discord-desktop-banner {
        display: block
    }
}

.discord-banner-wrapper_txt {
    position: absolute;
    top: 100px;
    padding: 0 15px;
    font-size: 20px;
    text-align: start !important
}

@media (min-width: 400px) {
    .discord-banner-wrapper_txt {
        top: 150px;
        font-size: 24px
    }
}

@media (min-width: 470px) {
    .discord-banner-wrapper_txt {
        font-size: 28px
    }
}

@media (min-width: 576px) {
    .discord-banner-wrapper_txt {
        padding: 0;
        max-width: 65%;
        top: 60px;
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .discord-banner-wrapper_txt {
        max-width: 50%;
        top: 80px;
        font-size: 14px
    }
}

@media (min-width: 800px) {
    .discord-banner-wrapper_txt {
        top: 80px;
        font-size: 19px
    }
}

@media (min-width: 992px) {
    .discord-banner-wrapper_txt {
        top: 100px;
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .discord-banner-wrapper_txt {
        top: 120px;
        font-size: 24px
    }
}

@media (min-width: 1440px) {
    .discord-banner-wrapper_txt {
        top: 25%;
        font-size: 32px;
        max-width: 720px
    }
}

.discord-banner-wrapper_txt_container {
    justify-content: center
}

@media (min-width: 576px) {
    .discord-banner-wrapper_txt_container {
        justify-content: start
    }
}

.discord-banner-wrapper .comic-con-arabia-discord-banner_discord_link {
    margin-top: 8px;
    width: 90% !important;
    max-width: 330px !important;
    background-color: #5165f6;
    align-self: flex-start
}

@media (min-width: 768px) {
    .discord-banner-wrapper .comic-con-arabia-discord-banner_discord_link {
        margin-top: 10px
    }
}

@media (min-width: 992px) {
    .discord-banner-wrapper .comic-con-arabia-discord-banner_discord_link {
        margin-top: 1.5rem
    }
}

.salam_tournament_tabs {
    all: unset;
    color: white;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    margin: 0px 16px;
    font-size: 16px;
    text-align: center
}

@media (min-width: 768px) {
    .salam_tournament_tabs {
        margin: 0px 60px;
        font-size: 28px
    }
    [dir='rtl'] .salam_tournament_tabs {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    [dir='rtl'] .salam_tournament_tabs {
        font-size: 24px
    }
}

.salam_tournament_tabs:hover {
    cursor: pointer
}

.salam_tournament_tabs.active {
    color: #05f385
}

.salam-gamer-league-logo {
    margin-top: 40px;
    margin-bottom: 20px;
    position: relative;
    width: 229px;
    height: 114px
}

@media (min-width: 992px) {
    .salam-gamer-league-logo {
        margin-bottom: 40px
    }
}

@media (min-width: 768px) {
    .salam-gamer-league-logo {
        width: 321px;
        height: 160px
    }
}

.comcon-games {
    margin-bottom: 40px;
    position: relative;
    width: 381px;
    max-width: 100%;
    height: 179px
}

@media (min-width: 992px) {
    .comcon-games {
        display: none
    }
}

.wallpaper-flare_mob {
    background-image: url("../../../images/salam/comic-con-arabia-oct-2022/wallpaperflare-mob.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: 0px 64px;
    width: 100%;
    height: 234px
}

@media (min-width: 768px) {
    .wallpaper-flare_mob {
        display: none
    }
}

.wallpaper-flare_desktop {
    display: none;
    background-image: url("../../../images/salam/comic-con-arabia-oct-2022/wallpaperflare-desktop.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: 0px 64px;
    width: 100%;
    height: 260px
}

@media (min-width: 768px) {
    .wallpaper-flare_desktop {
        display: block
    }
}

.onground-tourn-prizes_title {
    position: relative;
    top: -70px;
    line-height: 48px
}

@media (min-width: 768px) {
    .onground-tourn-prizes_title {
        line-height: initial;
        margin-top: 70px;
        margin-bottom: 12px;
        top: initial
    }
    [dir='rtl'] .onground-tourn-prizes_title {
        line-height: 2
    }
}

.onground-tourn-prizes_para {
    font-size: 17px;
    text-align: center;
    max-width: 765px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -35px;
    margin-bottom: 66px
}

@media (min-width: 768px) {
    .onground-tourn-prizes_para {
        margin-bottom: 48px;
        margin-top: 0px
    }
}

.comcon-prize-blocks-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .comcon-prize-blocks-container {
        margin-bottom: 104px
    }
}

.comcon-prize-blocks-container>* {
    flex: 0 0 50%
}

@media (min-width: 768px) {
    .comcon-prize-blocks-container>* {
        flex: 0 0 25%
    }
}

.comcon-prize-blocks-container>:nth-child(n+3) {
    margin-top: 60px
}

@media (min-width: 768px) {
    .comcon-prize-blocks-container>:nth-child(n+3) {
        margin-top: 0
    }
}

.online-tourn-winners_title {
    margin-top: 74px;
    margin-bottom: 60px
}

@media (min-width: 992px) {
    .online-tourn-winners_title {
        margin-top: 130px;
        margin-bottom: 68px
    }
}

.online-tourn-winners_benefits_container {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center
}

[dir='ltr'] .online-tourn-winners_benefits_container {
    margin-left: -8px
}

[dir='rtl'] .online-tourn-winners_benefits_container {
    margin-right: -8px
}

.online-tourn-winners_benefits_container>* {
    margin-bottom: 16px;
    flex: 0 0 calc(100%)
}

[dir='ltr'] .online-tourn-winners_benefits_container>* {
    margin-left: 8px
}

[dir='rtl'] .online-tourn-winners_benefits_container>* {
    margin-right: 8px
}

@media (min-width: 400px) {
    .online-tourn-winners_benefits_container>* {
        flex: 0 0 calc(50% - 8px)
    }
}

@media (min-width: 768px) {
    .online-tourn-winners_benefits_container>* {
        flex: 0 0 calc(33% - 8px)
    }
}

@media (min-width: 1200px) {
    .online-tourn-winners_benefits_container>* {
        flex: auto
    }
}

.online-tourn-winners_benefit {
    width: 175px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 992px) {
    .online-tourn-winners_benefit {
        width: 200px
    }
}

.online-tourn-winners_benefit_image {
    position: relative;
    width: 175px;
    height: 142px
}

@media (min-width: 992px) {
    .online-tourn-winners_benefit_image {
        width: 200px;
        height: 137px
    }
}

.online-tourn-winners_benefit_text {
    font-size: 17px;
    text-align: center;
    font-weight: 400
}

.comcon-exception_text {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 14px
}

@media (min-width: 768px) {
    .comcon-exception_text {
        font-size: 12px
    }
}

.comcon-exception_games {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 392px;
    max-width: 100%;
    height: 37px;
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .comcon-exception_games {
        margin-bottom: 100px
    }
}

.salam-landing {
    color: white;
    background-image: url("../../../images/salam/comic-con-arabia-oct-2022/salam-landing-bg-2.png"), url("../../../images/salam/comic-con-arabia-oct-2022/salam-landing-bg-1.png")
}

[dir='ltr'] .salam-landing {
    font-style: italic
}

.salam-button {
    all: unset;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-transform: capitalize;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: unset !important;
    border-radius: 50px;
    padding: 12px 18px
}

.salam-button_green {
    background-color: #00b140
}

.salam-button_transparent {
    border: 1px solid #00b140
}

.salam-button:hover {
    cursor: pointer;
    color: white;
    transition: all 0.2s
}

.salam-button:hover_transparent {
    background-color: #00b140
}

.comic-con-arabia-text-gradient {
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    background: -webkit-linear-gradient(-70deg, #b6d6c4 -1.26%, #fff 49.19%);
    background-clip: text;
    -webkit-background-clip: text;
    color: white;
    -webkit-text-fill-color: transparent
}

[dir='ltr'] .comic-con-arabia-text-gradient {
    font-style: italic
}

.salam_comcon_arabia_heading {
    font-size: 36px
}

@media (min-width: 992px) {
    [dir='ltr'] .salam_comcon_arabia_heading {
        font-size: 40px
    }
}

.dropdown-triangle {
    display: none
}

@supports (clip-path: inset(50%)) {
    .dropdown-triangle {
        display: block;
        height: 20px;
        width: 20px;
        position: absolute;
        top: calc(100% + 26px);
        clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
        transform: rotate(135deg);
        border-radius: 0 0 0 0.25em
    }
    .dropdown-triangle.right {
        right: 26px
    }
    .dropdown-triangle.left {
        left: 26px
    }
}

.list {
    top: calc(100% + 35px);
    position: absolute;
    z-index: 40;
    border-radius: 13px;
    overflow: hidden;
    background-color: #212529
}

.list-default {
    width: 236px
}

.stacked-round-imgs-container {
    display: flex;
    align-items: center
}

[dir="ltr"] .stacked-round-imgs-container>:not(:first-child) {
    margin-left: -10px
}

[dir="rtl"] .stacked-round-imgs-container>:not(:first-child) {
    margin-right: -10px
}

[dir="ltr"] .modal-font {
    font-family: Montserrat, sans-serif
}

[dir="rtl"] .modal-font {
    font-family: MontserratAR, sans-serif
}

.close-btn {
    z-index: 1;
    top: 14px;
    border: 0;
    border-radius: 50%;
    background: rgba(118, 118, 128, 0.24);
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer
}

[dir="ltr"] .close-btn {
    right: 18px
}

[dir="rtl"] .close-btn {
    left: 18px
}

.close-btn:hover {
    opacity: 0.75
}

.close-btn .close-icon {
    color: rgba(235, 235, 245, 0.6)
}

.earn-points-modal-title {
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    margin: 0px;
    line-height: normal;
    margin-top: 88px;
    margin-bottom: 10px
}

.earn-points-modal-subtitle {
    text-align: center;
    font-size: 15px;
    margin-bottom: 62px;
    padding: 0 22%
}

.earn-points-modal-body {
    background: rgba(0, 0, 0, 0.08);
    height: 100%;
    overflow: auto;
    color: white
}

[dir="ltr"] .earn-points-modal-body {
    padding: 0px 32px
}

[dir="rtl"] .earn-points-modal-body {
    padding: 0px 32px
}

@media (min-width: 768px) {
    .invite_modal_wrapper {
        width: 500px
    }
}

.invite_group_card {
    background-color: black
}

.invite_card_social {
    flex-direction: column
}

@media (min-width: 768px) {
    .invite_card_social {
        flex-direction: row
    }
}

.invite_card_social .invite-card-social-btn {
    flex: 1 1 0px;
    width: 160px;
    min-width: 0px;
    justify-content: start
}

@media (min-width: 768px) {
    .invite_card_social .invite-card-social-btn {
        justify-content: center
    }
}

.invite_card_social .invite-card-social-btn .invite-cardsocial-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.invite_card_social .invite-card-social-btn .invite-cardsocial-btn-icon:hover {
    cursor: pointer
}

.follow-kafu-banner-top-padding {
    padding-top: 65px
}

@media (min-width: 992px) {
    .follow-kafu-banner-top-padding {
        padding-top: 110px
    }
}

.follow-kafu-banner {
    background-color: #1d0270;
    position: relative;
    padding: 24px;
    display: flex;
    align-items: center;
    flex-direction: column
}

.follow-kafu-banner>:not(:last-child) {
    z-index: 1
}

@media (min-width: 992px) {
    .follow-kafu-banner {
        flex-direction: row;
        border-radius: 12px
    }
    [dir='ltr'] .follow-kafu-banner>:not(:first-child) {
        margin-left: 30px
    }
    [dir='rtl'] .follow-kafu-banner>:not(:first-child) {
        margin-right: 30px
    }
}

.follow-kafu-banner .follow-kafu-text {
    color: #ffffff;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    font-style: italic;
    max-width: 42ch;
    padding-top: 124px
}

@media (min-width: 992px) {
    .follow-kafu-banner .follow-kafu-text {
        text-align: initial;
        max-width: 28ch;
        padding-top: 0px
    }
}

@media (min-width: 1200px) {
    .follow-kafu-banner .follow-kafu-text {
        max-width: 42ch
    }
}

.follow-kafu-banner .follow-kafu-buttons-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px
}

.follow-kafu-banner .follow-kafu-buttons-wrapper>:not(:first-child) {
    margin-top: 20px
}

@media (min-width: 480px) {
    .follow-kafu-banner .follow-kafu-buttons-wrapper {
        flex-direction: row
    }
    .follow-kafu-banner .follow-kafu-buttons-wrapper>:not(:first-child) {
        margin-top: 0px
    }
    [dir='ltr'] .follow-kafu-banner .follow-kafu-buttons-wrapper>:not(:first-child) {
        margin-left: 20px
    }
    [dir='rtl'] .follow-kafu-banner .follow-kafu-buttons-wrapper>:not(:first-child) {
        margin-right: 20px
    }
}

@media (min-width: 992px) {
    .follow-kafu-banner .follow-kafu-buttons-wrapper {
        justify-content: start
    }
}

.follow-kafu-banner .follow-kafu-buttons-wrapper .follow-kafu-twitter {
    background-color: #2aa9e0;
    color: white;
    width: 100%;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
    text-decoration: none;
    transition: background-color 0.2s ease;
    white-space: nowrap
}

@media (min-width: 480px) {
    .follow-kafu-banner .follow-kafu-buttons-wrapper .follow-kafu-twitter {
        width: fit-content
    }
}

.follow-kafu-banner .follow-kafu-buttons-wrapper .follow-kafu-twitter:hover {
    color: white;
    text-decoration: none;
    background-color: #53add4
}

.follow-kafu-banner .follow-kafu-buttons-wrapper .follow-kafu-twitch {
    background: #9147ff;
    text-decoration: none;
    color: white;
    border: 0;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: fit-content;
    text-decoration: none;
    transition: background-color 0.2s ease;
    white-space: nowrap
}

@media (min-width: 480px) {
    .follow-kafu-banner .follow-kafu-buttons-wrapper .follow-kafu-twitch {
        width: fit-content
    }
}

.follow-kafu-banner .follow-kafu-buttons-wrapper .follow-kafu-twitch:hover {
    color: white;
    text-decoration: none;
    background-color: #7c4dc4
}

.follow-kafu-banner .follow-kafu-character {
    position: absolute;
    width: 266px;
    height: 286px;
    top: -50px;
    z-index: 0
}

.follow-kafu-banner .follow-kafu-character .character-gradient {
    position: absolute;
    bottom: 36px;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(5, 26, 89, 0) 0%, #1d0270 100%);
    z-index: 1
}

@media (min-width: 992px) {
    .follow-kafu-banner .follow-kafu-character {
        top: initial;
        bottom: -37px
    }
    .follow-kafu-banner .follow-kafu-character .character-gradient {
        display: none
    }
    [dir='ltr'] .follow-kafu-banner .follow-kafu-character {
        right: 20px
    }
    [dir='rtl'] .follow-kafu-banner .follow-kafu-character {
        left: 20px
    }
}

.truncate-18-ch {
    max-width: 18ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.featured_group_wraaper {
    display: grid;
    gap: 1.5rem 1.5rem;
    grid-template-columns: 1fr 1fr 1fr
}

@media (max-width: 768px) {
    .featured_group_wraaper {
        grid-template-columns: 1fr 1fr;
        gap: 1rem 1rem
    }
}

@media (max-width: 576px) {
    .featured_group_wraaper {
        grid-template-columns: 1fr;
        gap: 1rem 1rem
    }
}

.sponsors_banner_wrapper {
    background: linear-gradient(146.31deg, #fff 0%, #e6eefd 19.2%, #ffe6ee 67.45%, #f3f6f9 100%)
}

.sponsors_banner_wrapper .title {
    font-size: 46px;
    letter-spacing: 2.16px;
    line-height: 48px;
    padding-top: 2.5rem
}

[dir='rtl'] .sponsors_banner_wrapper .title {
    letter-spacing: 0;
    font-weight: bold
}

@media (max-width: 768px) {
    .sponsors_banner_wrapper .title {
        font-size: 34px
    }
}

.sponsors_banner_wrapper .logos {
    display: grid;
    gap: 1.5rem 1.5rem;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    padding: 3.5rem 0
}

@media (max-width: 768px) {
    .sponsors_banner_wrapper .logos {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        padding: 1.5rem 0
    }
}

@media (max-width: 576px) {
    .sponsors_banner_wrapper .logos {
        grid-template-columns: 1fr;
        gap: 1.5rem
    }
}

.overlay_festival_vb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 3rem
}

.banner_stream_card {
    height: 520px !important
}

@media (max-width: 768px) {
    .banner_stream_card {
        height: 300px !important
    }
}

.banner_text_wrapper {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.banner_text_wrapper .center-title {
    text-align: center;
    font-style: italic;
    letter-spacing: 2px;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    font-weight: 600;
    letter-spacing: 0px
}

.banner_text_wrapper .center-title .main-title {
    font-size: 1.4em;
    color: #03f490;
    text-shadow: 2px 3px #212529
}

@media (min-width: 768px) {
    .banner_text_wrapper .center-title .main-title {
        text-shadow: 2px 5px #212529;
        font-size: 1.6em
    }
}

@media (min-width: 992px) {
    .banner_text_wrapper .center-title .main-title {
        font-size: 2em
    }
}

@media (min-width: 1200px) {
    .banner_text_wrapper .center-title .main-title {
        font-size: 2.5em
    }
}

.banner_text_wrapper .center-title .subtitle {
    line-height: 1.2em;
    font-size: 0.7em;
    color: white;
    text-shadow: 1px 2px #212529
}

[dir='rtl'] .banner_text_wrapper .center-title .subtitle {
    line-height: 1.5em
}

@media (min-width: 768px) {
    .banner_text_wrapper .center-title .subtitle {
        font-size: 1em
    }
}

@media (min-width: 992px) {
    .banner_text_wrapper .center-title .subtitle {
        text-shadow: 2px 5px #212529;
        font-size: 1.4em
    }
}

@media (min-width: 1200px) {
    .banner_text_wrapper .center-title .subtitle {
        font-size: 1.5em
    }
}

.profile-img-btn {
    display: flex;
    align-items: center;
    border-radius: 25px;
    padding: 5px
}

.profile-img-btn:focus img,
.profile-img-btn .open img {
    opacity: 1 !important
}

.profile-img-btn-img-container {
    display: flex;
    align-items: center;
    border: 2px solid black;
    background-color: black;
    border-radius: 50%;
    position: relative;
    height: 26px;
    width: 26px;
    overflow: hidden
}

.slider-profile-btn-wrapper {
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.profile-btn {
    border-radius: 25px;
    text-transform: capitalize;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 500;
    padding: 12px;
    color: white
}

.profile-btn.desktop-btn {
    background-color: #343a40
}

.profile-btn .name {
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.profile-btn .nickname {
    color: #adb5bd;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.profile-btn:focus {
    color: #05f385
}

.profile-btn .animate-arrow {
    transform: rotate(0deg);
    transition: transform 0.1s linear
}

.profile-btn .animate-arrow.open {
    transform: rotate(-180deg)
}

[dir='ltr'] .profile-btn .nav-profile-link {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 8px 0px 8px 12px
}

[dir='rtl'] .profile-btn .nav-profile-link {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 8px 12px 8px 0px
}

.profile-btn .nav-profile-link:hover {
    background-color: #495057
}

.profile-btn .nav-profile-arrow {
    min-height: 36px;
    height: auto
}

[dir='ltr'] .profile-btn .nav-profile-arrow {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 8px 12px 8px 2px
}

[dir='rtl'] .profile-btn .nav-profile-arrow {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 8px 2px 8px 12px
}

.profile-btn .nav-profile-arrow:hover {
    background-color: #495057
}

.profile-dropdown-content-btn {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    padding: 12px;
    border-radius: 8px;
    color: white
}

.profile-dropdown-content-btn:hover,
.profile-dropdown-content-btn:focus {
    background-color: #343a40
}

.profile-dropdown-content-btn.is-active {
    color: #05f385
}

.profile-dropdown-content-btn .sidebar-content-text {
    margin: 0px 14px;
    flex-grow: 1
}

.profile-dropdown-content-btn .icon {
    height: 20px;
    width: 20px;
    font-size: 16px
}

.profile-dropdown-content-btn .external-arrow-ar {
    transform: rotate(-90deg)
}

.profile-dropdown-content-btn .animate-arrow {
    transform: rotate(0deg);
    transition: transform 0.1s linear
}

.profile-dropdown-content-btn .animate-arrow.open {
    transform: rotate(-180deg)
}

.custom-profile-dropdown {
    background-color: black;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden
}

.dropdown-profile-details-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: start;
    background-color: #343a40;
    padding: 9px 12px;
    font-weight: 400;
    color: white
}

.dropdown-profile-details-wrapper .space-between {
    overflow: hidden
}

[dir='ltr'] .dropdown-profile-details-wrapper .space-between {
    margin-left: 8px
}

[dir='rtl'] .dropdown-profile-details-wrapper .space-between {
    margin-right: 16px
}

.dropdown-profile-details-wrapper .name {
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown-profile-details-wrapper .sub-details {
    color: #adb5bd;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown-profile-details-wrapper .stats {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown-profile-details-wrapper .img {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    position: relative;
    border-radius: 50%;
    border: 2px black solid;
    background-color: black;
    height: 51px;
    width: 51px;
    overflow: hidden
}

.game-for-good-btn {
    background-color: #7011c3;
    padding: 12px;
    text-align: left;
    border-radius: 8px
}

.game-for-good-btn:hover,
.game-for-good-btn:focus,
.game-for-good-btn:active {
    background-color: #7e29c9
}

.game-for-good-btn.is-active {
    opacity: 0.75
}

.game-for-good-btn.is-active:focus {
    opacity: 0.5
}

.sidebar-content-games {
    background-color: #343a40
}

.sidebar-content-games .games-link:hover,
.sidebar-content-games .games-link:focus {
    color: #05f385 !important
}

.sidebar-content-games .games-link.is-active {
    color: #05f385;
    background-color: transparent
}

.sidebar-content-games .games-icons-wrapper {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px
}

.sidebar-content-games .games-icons-wrapper .game-icons {
    border-radius: 4px;
    background-color: #495057;
    height: 26px;
    padding: 6px
}

.sidebar-content-games .games-icons-wrapper .game-icons:hover,
.sidebar-content-games .games-icons-wrapper .game-icons:focus {
    background-color: #6c757d
}

.sidebar-content-games .games-icons-wrapper .game-icons.is-active {
    background-color: #05f385;
    opacity: 0.75
}

@media (min-width: 1024px) {
    .sidebar-content-games .games-icons-wrapper {
        height: auto;
        max-height: calc(100vh - 335px);
        overflow-y: auto
    }
}

.more-dropdown {
    width: 270px
}

.triangle {
    display: block;
    height: 0px;
    width: 0px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #212529;
    position: absolute;
    top: -10px
}

.triangle.right {
    right: 26px
}

.triangle.left {
    left: 0px
}

.groups-more-content {
    display: none
}

@media (min-width: 1024px) {
    .groups-more-content {
        display: block
    }
}

@media (min-width: 1524px) {
    .groups-more-content {
        display: none
    }
}

.leaderboard-more-content {
    display: none
}

@media (min-width: 1024px) {
    .leaderboard-more-content {
        display: block
    }
}

@media (min-width: 1408px) {
    .leaderboard-more-content {
        display: none
    }
}

.gaming-gear-more-content {
    display: none
}

@media (min-width: 1024px) {
    .gaming-gear-more-content {
        display: block
    }
}

@media (min-width: 1266px) {
    .gaming-gear-more-content {
        display: none
    }
}

.twitter-followup {
    background: linear-gradient(90deg, #173a4b 0%, #068760 100%);
    padding: 10px 0;
    position: relative
}

@media (max-width: 576px) {
    .twitter-followup {
        padding: 30px 0
    }
    .twitter-followup .row>div {
        justify-content: center
    }
    .twitter-followup .row>.icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        opacity: 0.2
    }
    .twitter-followup .row>.icon img {
        width: 215px
    }
}

.twitter-followup .row a {
    z-index: 1
}

.twitter-followup .row>div {
    display: flex;
    align-items: center
}

.twitter-followup .twitter-follow-text {
    color: #ffffff;
    text-align: center;
    font-size: 23px;
    font-weight: 800;
    font-style: italic
}

@media (min-width: 768px) {
    .twitter-followup .twitter-follow-text {
        text-align: initial
    }
}

@media (min-width: 992px) {
    .twitter-followup .twitter-follow-text {
        font-size: 24px;
        text-align: center
    }
}

@media (min-width: 1200px) {
    .twitter-followup .twitter-follow-text {
        text-align: initial
    }
}

.twitter-followup .twitter-follow-button {
    background-color: #2aa9e0;
    border: 0 solid #d4d4d4;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    width: fit-content;
    height: fit-content;
    text-decoration: none;
    transition: background-color 0.2s ease;
    color: #fff;
    white-space: nowrap
}

.twitter-followup .twitter-follow-button:hover {
    color: white;
    text-decoration: none;
    background-color: #04563d
}

.twitter-followup .buttons-column {
    flex-direction: column
}

@media (min-width: 375px) {
    .twitter-followup .buttons-column {
        flex-direction: row
    }
}

.twitch-followup {
    background: #9147ff;
    text-decoration: none;
    color: white;
    border: 0;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    width: fit-content;
    height: fit-content;
    text-decoration: none;
    transition: background-color 0.2s ease;
    white-space: nowrap
}

.twitch-followup:hover {
    color: white;
    text-decoration: none;
    background-color: #04563d
}

.tweet-card .tweet-image {
    padding: 2rem !important
}

@media (max-width: 768px) {
    .tweet-card .tweet-image {
        padding: 1rem !important
    }
}

.btn-flip {
    opacity: 1;
    outline: 0;
    position: relative;
    display: inline-block
}

.btn-flip:hover:after {
    opacity: 1;
    transform: translateY(0) rotateX(0)
}

.btn-flip:hover:before {
    opacity: 0;
    transform: translateY(50%) rotateX(90deg)
}

.btn-flip:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    display: block;
    width: 100%;
    color: #000;
    transition: .5s;
    background: #05f385;
    content: attr(data-back);
    transform: translateY(-50%) rotateX(90deg)
}

[dir=ltr] .btn-flip:after {
    line-height: 36px
}

[dir=rtl] .btn-flip:after {
    line-height: 40px
}

.btn-flip:before {
    top: 0;
    left: 0;
    opacity: 1;
    display: block;
    transition: .5s;
    position: relative;
    content: attr(data-front);
    transform: translateY(0) rotateX(0)
}

.thankyou-banner {
    background-image: url("../../../images/gwb/thankyou/Banner@2x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: calc(90vh - 70px);
    display: flex;
    flex-direction: column;
    position: relative
}

.thankyou-banner .content {
    z-index: 3
}

.thankyou-banner .gwb-img {
    width: 270px;
    max-width: 70%
}

.thankyou-banner .top-credits {
    text-transform: uppercase
}

[dir="rtl"] .thankyou-banner .top-credits {
    font-size: 60px
}

[dir="ltr"] .thankyou-banner .top-credits {
    font-size: 90px;
    letter-spacing: 2.06px
}

.thankyou-banner .text1 {
    line-height: 20px
}

[dir="rtl"] .thankyou-banner .text1 {
    font-size: 17px
}

[dir="ltr"] .thankyou-banner .text1 {
    font-size: 20px;
    letter-spacing: 0.04px
}

.thankyou-banner .text2 {
    font-size: 15px
}

[dir="ltr"] .thankyou-banner .text2 {
    letter-spacing: 0.04px
}

.thankyou-testimonial .carousel {
    overflow: hidden;
    padding-top: 50px
}

.thankyou-testimonial .carousel .carousel-inner {
    border: 1px solid #282b3d;
    background-color: #0f1018;
    border-radius: 15px;
    overflow: visible
}

.thankyou-testimonial .carousel .carousel-item {
    color: #fff;
    padding: 20px 15%;
    height: 220px;
    text-align: center
}

@media (max-width: 768px) {
    .thankyou-testimonial .carousel .carousel-item {
        height: 320px
    }
}

@media (max-width: 576px) {
    .thankyou-testimonial .carousel .carousel-item {
        height: 440px
    }
}

.thankyou-testimonial .carousel .carousel-item .player-icon {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    height: 85px;
    width: 85px;
    border-radius: 50%
}

.thankyou-testimonial .carousel .carousel-item .caption {
    color: #fff;
    font-size: 17px;
    line-height: 5px;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

@media (max-width: 1280px) {
    .thankyou-testimonial .carousel .carousel-item .caption {
        line-height: 25px
    }
}

.thankyou-testimonial .carousel .carousel-item .caption::before {
    content: open-quote;
    display: inline;
    height: 0;
    line-height: 0;
    position: relative;
    top: 45px;
    color: #fff;
    font-size: 90px
}

[dir="ltr"] .thankyou-testimonial .carousel .carousel-item .caption::before {
    left: -5px
}

[dir="rtl"] .thankyou-testimonial .carousel .carousel-item .caption::before {
    right: -5px
}

[dir="ltr"] .thankyou-testimonial .carousel .carousel-item .caption::before {
    letter-spacing: 1px
}

.thankyou-testimonial .carousel .carousel-item .caption::after {
    content: close-quote;
    display: inline;
    height: 0;
    line-height: 0;
    position: relative;
    top: 55px;
    color: #fff;
    font-size: 90px
}

[dir="ltr"] .thankyou-testimonial .carousel .carousel-item .caption::after {
    left: 7px
}

[dir="rtl"] .thankyou-testimonial .carousel .carousel-item .caption::after {
    right: 7px
}

.thankyou-testimonial .carousel .carousel-item .name {
    color: #b8d469;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px
}

.thankyou-testimonial .carousel .carousel-item .role {
    color: #b4c0cd;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px
}

.thankyou-testimonial .carousel .carousel-control-prev,
.thankyou-testimonial .carousel .carousel-control-next {
    cursor: pointer;
    width: 60px;
    height: 60px;
    background: black;
    border-radius: 30px;
    top: 56%;
    transform: translateY(-50%);
    opacity: 1
}

.thankyou-testimonial .carousel .carousel-control-prev {
    left: -25px
}

[dir="rtl"] .thankyou-testimonial .carousel .carousel-control-prev {
    left: unset;
    right: -25px
}

.thankyou-testimonial .carousel .carousel-control-next {
    right: -25px
}

[dir="rtl"] .thankyou-testimonial .carousel .carousel-control-next {
    left: -25px;
    right: unset
}

.thankyou-happy-players {
    display: flex;
    flex-direction: column;
    color: #fff;
    position: relative
}

.thankyou-happy-players>.title {
    font-style: italic;
    font-size: 32px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.5px;
    text-transform: uppercase
}

.thankyou-happy-players .swiper-container {
    width: 100%
}

.thankyou-happy-players .swiper-container>.swiper-wrapper {
    transition-timing-function: linear
}

.thankyou-happy-players .tweet-card {
    position: relative;
    background-color: #151f28;
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 500px;
    max-width: 100%;
    height: 200px
}

.thankyou-newsRoom {
    display: flex;
    flex-direction: column;
    color: #fff;
    position: relative
}

.thankyou-newsRoom>.title {
    font-style: italic;
    font-size: 32px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.5px;
    text-transform: uppercase
}

.thankyou-newsRoom .card-items .news-card {
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

.thankyou-newsRoom .card-items .content {
    padding: 20px 10px 10px;
    display: flex;
    flex-direction: column
}

.thankyou-newsRoom .card-items .content .date {
    color: #282b3d;
    font-size: 14px
}

.thankyou-newsRoom .card-items .content .title {
    color: #000;
    font-size: 17px
}

.thankyou-newsRoom .card-items .content .desc {
    color: #282b3d;
    font-size: 14px
}

.thankyou-newsRoom .card-items .content .link-img {
    height: 20px;
    width: 20px
}

.thankyou-newsRoom .card-items .news-link:hover>svg>g {
    transition: all 0.3s ease-in;
    opacity: 0.9
}

.thankyou-videos {
    background-image: url("../../../images/gwb/thankyou/BGV@2x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    color: #fff;
    position: relative
}

.thankyou-videos .title {
    font-style: italic;
    font-size: 32px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.5px;
    text-transform: uppercase
}

.thankyou-videos .videos-carousel .swiper-container {
    position: unset
}

[dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
    padding-left: 15px
}

@media (min-width: 576px) {
    [dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
        margin-left: calc((100vw - 540px) / 2)
    }
}

@media (min-width: 768px) {
    [dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
        margin-left: calc((100vw - 720px) / 2)
    }
}

@media (min-width: 992px) {
    [dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
        margin-left: calc((100vw - 960px) / 2)
    }
}

@media (min-width: 1200px) {
    [dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
        margin-left: calc((100vw - 1140px) / 2)
    }
}

[dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
    padding-right: 15px
}

@media (min-width: 576px) {
    [dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
        margin-right: calc((100vw - 540px) / 2)
    }
}

@media (min-width: 768px) {
    [dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
        margin-right: calc((100vw - 720px) / 2)
    }
}

@media (min-width: 992px) {
    [dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
        margin-right: calc((100vw - 960px) / 2)
    }
}

@media (min-width: 1200px) {
    [dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:first-of-type {
        margin-right: calc((100vw - 1140px) / 2)
    }
}

[dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
    padding-right: 15px
}

@media (min-width: 576px) {
    [dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
        margin-right: calc((100vw - 540px) / 2)
    }
}

@media (min-width: 768px) {
    [dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
        margin-right: calc((100vw - 720px) / 2)
    }
}

@media (min-width: 992px) {
    [dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
        margin-right: calc((100vw - 960px) / 2)
    }
}

@media (min-width: 1200px) {
    [dir="ltr"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
        margin-right: calc((100vw - 1140px) / 2)
    }
}

[dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
    padding-left: 15px
}

@media (min-width: 576px) {
    [dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
        margin-left: calc((100vw - 540px) / 2)
    }
}

@media (min-width: 768px) {
    [dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
        margin-left: calc((100vw - 720px) / 2)
    }
}

@media (min-width: 992px) {
    [dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
        margin-left: calc((100vw - 960px) / 2)
    }
}

@media (min-width: 1200px) {
    [dir="rtl"] .thankyou-videos .videos-carousel .swiper-container .swiper-wrapper>div:last-of-type {
        margin-left: calc((100vw - 1140px) / 2)
    }
}

.thankyou-videos .videos-carousel .swiper-button-next,
.thankyou-videos .videos-carousel .swiper-button-prev {
    outline: none;
    padding: 29px 30px;
    border-radius: 50%;
    top: 263px;
    position: absolute;
    z-index: 3;
    cursor: pointer;
    display: flex;
    transition: background-color 0.5s linear
}

.thankyou-videos .videos-carousel .swiper-button-next:after,
.thankyou-videos .videos-carousel .swiper-button-prev:after {
    color: rgba(255, 255, 255, 0.8);
    transition: color 0.7s ease
}

.thankyou-videos .videos-carousel .swiper-button-next:hover,
.thankyou-videos .videos-carousel .swiper-button-prev:hover {
    background-color: #fff
}

.thankyou-videos .videos-carousel .swiper-button-next:hover:after,
.thankyou-videos .videos-carousel .swiper-button-prev:hover:after {
    color: #000
}

@media (max-width: 576px) {
    .thankyou-videos .videos-carousel .swiper-button-next,
    .thankyou-videos .videos-carousel .swiper-button-prev {
        padding: 13px 18px;
        top: 50%;
        border-radius: 50%
    }
    .thankyou-videos .videos-carousel .swiper-button-next:after,
    .thankyou-videos .videos-carousel .swiper-button-prev:after {
        font-size: 17px
    }
}

[dir="ltr"] .thankyou-videos .videos-carousel .swiper-button-next {
    right: 10px;
    left: auto
}

[dir="rtl"] .thankyou-videos .videos-carousel .swiper-button-next {
    left: 10px;
    right: auto
}

.thankyou-videos .videos-carousel .swiper-button-next:after {
    content: "next";
    font-family: swiper-icons;
    text-transform: none !important;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    font-size: 20px
}

[dir="ltr"] .thankyou-videos .videos-carousel .swiper-button-next:after {
    content: "next"
}

[dir="rtl"] .thankyou-videos .videos-carousel .swiper-button-next:after {
    content: "prev"
}

[dir="ltr"] .thankyou-videos .videos-carousel .swiper-button-prev {
    left: 10px;
    right: auto
}

[dir="rtl"] .thankyou-videos .videos-carousel .swiper-button-prev {
    right: 10px;
    left: auto
}

.thankyou-videos .videos-carousel .swiper-button-prev:after {
    font-family: swiper-icons;
    text-transform: none !important;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    font-size: 20px
}

[dir="rtl"] .thankyou-videos .videos-carousel .swiper-button-prev:after {
    content: "next"
}

[dir="ltr"] .thankyou-videos .videos-carousel .swiper-button-prev:after {
    content: "prev"
}

.thankyou-videos .videos-carousel .swiper-button-disabled {
    display: none
}

.thankyou-videos .videos-carousel .scroll-item {
    width: 350px;
    height: 200px
}

.thankyou-videos .videos-carousel .scroll-item .thumbnail {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 100%;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease-in
}

.thankyou-videos .videos-carousel .scroll-item .thumbnail .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, #000 0%, rgba(0, 0, 0, 0) 100%);
    transition: all 0.3s linear;
    border-radius: 50%
}

.thankyou-videos .videos-carousel .scroll-item .thumbnail:hover {
    transform: scale(1.05)
}

.thankyou-videos .videos-carousel .scroll-item .thumbnail:hover .play-icon {
    background: radial-gradient(circle, #b8d469 0%, rgba(0, 0, 0, 0) 100%)
}

.thankyou-gallery {
    display: flex;
    flex-direction: column;
    color: #fff;
    position: relative
}

.thankyou-gallery>.title {
    font-style: italic;
    font-size: 32px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.5px;
    text-transform: uppercase
}

.thankyou-gallery .gallery-card .cover {
    height: 240px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    transition: all 0.4s ease-in-out;
    backface-visibility: hidden;
    animation: fadeIn ease 2s;
    animation-fill-mode: forwards
}

.thankyou-gallery .gallery-card .cover img {
    min-height: 100%;
    max-height: 130%;
    min-width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.4s ease-in-out
}

.thankyou-gallery .gallery-card .cover:hover img {
    opacity: 0.85
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        background: transparent
    }
    100% {
        opacity: 1;
        background: #f9f9f9
    }
}

.thankyou-gallery .gallery-card .title {
    font-size: 15px
}

.text-white {
    color: #fff
}

.text-green {
    color: #a2ca3a
}

.text-yellow {
    color: #f7b500
}

.font-weight-bold {
    font-weight: bold
}

.overlay-left,
.overlay-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;
    z-index: 2
}

.overlay-left {
    left: 0;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%)
}

.overlay-right {
    right: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 100%)
}

.masonry {
    column-count: 4;
    column-gap: 1em
}

@media (max-width: 768px) {
    .masonry {
        column-count: 2
    }
}

@media (max-width: 576px) {
    .masonry {
        column-count: 1
    }
}

.masonry-brick {
    display: inline-block;
    margin: 0 0 1em;
    width: 100%
}

.gwb-thankyou-video .ReactModal__Content {
    width: 900px
}

[dir="rtl"] .gwb-thankyou-video .ReactModal__Content {
    transform: translate(-50%, -30%)
}

@media (max-width: 567px) {
    .gwb-thankyou-video .ReactModal__Content {
        top: 50% !important;
        transform: translate(-50%, -13%) !important
    }
}

.show-more {
    width: max-content;
    background: transparent;
    outline: none;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    padding: 5px 30px
}

.create_group_card-btn {
    display: flex;
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
    color: black;
    background-color: #03f490;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    margin: auto;
    border: unset
}

.create_group_card-name {
    font-size: 20px
}

.home_page_groups_grid_container {
    display: grid;
    grid-template-columns: repeat(4, 250px);
    gap: 2rem 2rem;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.create_group_card {
    display: grid;
    justify-content: center;
    align-content: center;
    border-radius: 5px
}

.move-to-game-banner {
    width: max-content;
    margin: 30px auto;
    position: relative
}

.move-to-game-banner__banner-img--mobile {
    width: 317px
}

@media screen and (min-width: 410px) {
    .move-to-game-banner__banner-img--mobile {
        width: 360px
    }
}

.move-to-game-banner__navigate-btn {
    background-color: #13cfe3;
    width: 213px;
    height: 44px;
    border-radius: 4px;
    border: none;
    position: absolute;
    font-size: 21px;
    font-weight: 900
}

.move-to-game-banner__navigate-btn:hover {
    background-color: #15bed0
}

@media screen and (min-width: 360px) {
    .move-to-game-banner__navigate-btn {
        right: 74px;
        top: 221px
    }
}

@media screen and (min-width: 410px) {
    .move-to-game-banner__navigate-btn {
        right: 96px;
        top: 249px
    }
}

@media screen and (min-width: 993px) {
    .move-to-game-banner__navigate-btn {
        top: 44px
    }
    [dir="ltr"] .move-to-game-banner__navigate-btn {
        right: 142px
    }
    [dir="rtl"] .move-to-game-banner__navigate-btn {
        right: 632px
    }
}

@media screen and (min-width: 1200px) {
    .move-to-game-banner__navigate-btn {
        top: 44px
    }
    [dir="ltr"] .move-to-game-banner__navigate-btn {
        right: 227px
    }
    [dir="rtl"] .move-to-game-banner__navigate-btn {
        right: 744px
    }
}

.twitch-stream-container {
    position: fixed;
    bottom: 30px;
    z-index: 997;
    left: 30px;
    display: inline-block;
    height: 300px;
    width: 480px;
    border-radius: 5px;
    overflow: hidden
}

@media (max-width: 576px) {
    .twitch-stream-container {
        height: 170px;
        width: 350px
    }
}

.closeButton {
    position: absolute;
    top: 0;
    left: 0
}

.live__streaming-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.match__left-content {
    padding: 13px 15px;
    z-index: 3;
    position: absolute;
    bottom: 0
}

.match__left-content div {
    font-size: 0.9em;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: 900;
    color: #fff
}

.live__streaming-matches {
    position: relative
}

.live__streaming-matches .shadow {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    position: absolute;
    bottom: 0;
    height: 50%;
    right: 0;
    left: 0;
    z-index: 2
}

.live__streams-match {
    background: #171924;
    min-height: 160px;
    border-radius: 4px
}

.live__streams-team {
    display: flex;
    align-items: center
}

.live__streams-team img {
    border: 1px solid #898ca0;
    border-radius: 50%;
    overflow: hidden;
    height: 70px;
    width: 70px;
    margin-inline-end: 1em
}

.live__streams-team p {
    color: #fff;
    font-size: 0.8em;
    text-transform: capitalize
}

.live__streams-team p.game-id {
    color: gray
}

.live__streams-team button {
    background: #e02021;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 0.7em;
    font-weight: 400;
    text-transform: capitalize;
    padding-inline-end: 10px
}

.live__streams-team button:disabled {
    background: #282b3d
}

@media (max-width: 991px) {
    .live__streams-team {
        flex-direction: column;
        text-align: center
    }
    .live__streams-team img {
        margin: 0
    }
    .live__streams-team p {
        margin-top: 10px
    }
}

.live__streams-vs {
    display: flex;
    align-items: center;
    padding: 0
}

.no__streams {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 7em
}

.no__streams h3 {
    font-style: italic;
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 2em
}

@media (max-width: 991px) {
    .no__streams h3 {
        text-align: center;
        font-size: 1.5rem
    }
}

.stream__player {
    width: 600px
}

@media (max-width: 991px) {
    .stream__player {
        width: 90% !important
    }
}

.view__more {
    justify-content: flex-end
}

.view__more img {
    margin-inline-start: 9px;
    width: 7px
}

[dir="rtl"] .view__more img {
    transform: scaleX(-1)
}

.live__stream img {
    max-width: 100%;
    cursor: pointer
}

.react__player-popup.mobile {
    width: 100vw !important;
    height: 250px !important
}

.react__player-popup.web {
    width: 850px !important
}

.stream__player-card {
    position: relative;
    cursor: pointer
}

.stream__player-card .overlay {
    position: absolute;
    background: black;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.6
}

.stream__player-card .img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3
}

.stream__player-card .img img {
    width: 40px
}

.live__stream-details {
    display: flex;
    align-items: flex-start
}

.live__stream-details img {
    min-width: 50px;
    height: 50px;
    border: 1px solid #898ca0;
    border-radius: 50%;
    overflow: hidden;
    margin-inline-end: 0.5em
}

.live__stream-details .info p.name {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
    color: #fff
}

.live__stream-details .info p.vs,
.live__stream-details .info p.tags {
    font-size: 1rem;
    color: #63646c;
    font-weight: 400;
    margin-bottom: 0.1rem
}

.highlight-user-team {
    color: #32c5ff
}

@media (max-width: 768px) {
    .banner__tournament_name {
        font-size: 35px !important
    }
}

.prize-pool {
    margin-top: 20px
}

.AreejunTournamentName {
    letter-spacing: 0 !important;
    direction: rtl !important;
    text-align: center !important;
    margin: 46px 0px 4px !important
}

.pointer {
    cursor: pointer
}

.prize-item-wrapper {
    margin: 0 -5px
}

.prize-item-wrapper .prize-item {
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 1px;
    margin: 5px;
    padding: 12px;
    box-sizing: border-box;
    border: 1px solid rgba(43, 49, 78, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative
}

.prize-item-wrapper .prize-item img {
    height: 35px
}

.prize-item-wrapper .prize-item .place {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 17px;
    text-transform: capitalize;
    font-style: italic;
    margin: 10px 0
}

.prize-item-wrapper .prize-item .amount,
.prize-item-wrapper .prize-item .unit {
    font-size: 1.25em;
    letter-spacing: 0;
    line-height: 17px
}

.prize-item-wrapper .prize-item .unit {
    text-transform: uppercase
}

@media (max-width: 575.98px) {
    .prize-item-wrapper .prize-item {
        flex-direction: row;
        justify-content: normal;
        border: unset;
        border-top: 1px solid rgba(43, 49, 78, 0.8);
        margin: 0 5px
    }
    .prize-item-wrapper .prize-item.last-item {
        border-bottom: 1px solid rgba(43, 49, 78, 0.8)
    }
    .prize-item-wrapper .prize-item img {
        height: 30px
    }
    .prize-item-wrapper .prize-item .place {
        margin: 0 10px
    }
    .prize-item-wrapper .prize-item .amount,
    .prize-item-wrapper .prize-item .unit {
        font-weight: 600
    }
}

.prize-item-wrapper .item-1 {
    background: linear-gradient(328.59deg, rgba(249, 252, 255, 0.8) 0%, #f9fcff 100%)
}

.prize-item-wrapper .item-1::before,
.prize-item-wrapper .item-1::after {
    border-color: linear-gradient(328.59deg, #bdc9d9 0%, #f9fcff 100%)
}

.prize-item-wrapper .item-2 {
    background: linear-gradient(328.59deg, rgba(232, 164, 108, 0.8) 0%, #e8a46c 100%)
}

.prize-item-wrapper .item-3 {
    background: linear-gradient(328.59deg, rgba(217, 178, 73, 0.8) 0%, #d9b249 100%)
}

.custom-bullet-list {
    list-style: none;
    padding: 0 0 0 25px
}

.custom-bullet-list li {
    position: relative
}

.custom-bullet-list li::before {
    content: '\2022';
    color: #05f385;
    font-weight: bold;
    left: -25px;
    top: 10%;
    position: absolute
}

[dir='rtl'] .custom-bullet-list {
    padding: 0 25px 0 0
}

[dir='rtl'] .custom-bullet-list li::before {
    left: unset;
    right: -25px
}

.my-matches-tab>.row>.col-12 {
    background-color: #0f1018;
    padding-top: 30px;
    padding-bottom: 30px
}

.my-matches-tab .match-logo {
    width: 40%
}

.my-matches-tab .login-icon {
    width: 100px
}

[dir='rtl'] .my-matches-tab .verses-icon {
    font-size: 1em;
    letter-spacing: 0;
    font-weight: 900
}

.my-matches-tab .title-text {
    font-size: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 30px;
    color: #f9fcff;
    max-width: 370px
}

.my-matches-tab .title-text .highlight-text {
    color: #fcd700
}

.my-matches-tab .title-sub-text {
    color: #a7a7a7;
    font-size: 18px
}

.my-matches-tab .streamed-link {
    border: 2px solid #282b3d;
    padding: 8px 15px;
    font-size: 18px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 420px;
    max-width: 100%;
    color: #05f385
}

.my-matches-tab .streamed-link:not([class*='disabled']) {
    cursor: pointer;
    justify-content: flex-start
}

.my-matches-tab .streamed-link img {
    max-height: 20px
}

.my-matches-tab .streamed-link:hover:not([class*='disabled']) {
    background-color: #282b3d
}

.my-matches-tab .stream-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #f9fcff;
    outline: none !important;
    background-color: #dd1d29 !important
}

.my-matches-tab .stream-button:hover,
.my-matches-tab .stream-button :focus {
    background-color: #99141c !important
}

.my-matches-tab .stream-button img {
    width: 25px
}

.my-matches-tab .login-button {
    width: 250px;
    color: #0f1018;
    font-weight: bold
}

.my-matches-tab .edit-button {
    background: none;
    outline: none;
    border: none
}

.my-matches-tab .edit-button:hover:not([class*='disabled']) {
    filter: grayscale(100%)
}

.my-matches-tab .time-loader {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    text-transform: lowercase;
    font-style: initial
}

.my-matches-tab .time-loader img {
    height: 210px;
    margin: -30px
}

.my-matches-tab .time-loader .split-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px
}

.my-matches-tab .time-loader .split-content .minutes {
    font-size: 30px
}

.my-matches-tab .submit-score-button {
    width: 100%
}

.my-matches-tab .submit-score-button:disabled {
    color: #f9fcff;
    background-color: #1e202e !important
}

.select-stream-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.select-stream-wrapper .title-text {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #f9fcff
}

.select-stream-wrapper .title-text .highlight-text {
    color: #d9b249
}

.select-stream-wrapper .broken-plug-logo {
    width: 227px
}

.select-stream-wrapper .stream-form {
    max-width: 100%
}

.select-stream-wrapper .selection-items {
    list-style: none;
    padding: 0;
    width: 100%;
    color: #f9fcff
}

.select-stream-wrapper .selection-items li {
    border: 1px solid #282b3d;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    cursor: pointer;
    width: 510px;
    max-width: 100%
}

.select-stream-wrapper .selection-items li img {
    max-height: 20px
}

.select-stream-wrapper .selection-items li:hover {
    background-color: #282b3d
}

.select-stream-wrapper .selection-items li.active {
    background-color: #282b3d
}

.select-stream-wrapper .next-btn {
    font-weight: bold;
    width: 100%
}

.select-stream-wrapper .break {
    flex-basis: 100%
}

.select-stream-wrapper input {
    width: 100%;
    background-color: #0f1018;
    color: #f9fcff;
    border-style: unset;
    padding: 5px 10px;
    margin: 10px 0
}

.select-stream-wrapper input:focus {
    border: 1px solid #484d72
}

.matches .streaming-info {
    display: flex;
    align-items: flex-end
}

.matches .streaming-info h3 {
    margin-inline-end: 5px
}

.matches .streaming-info p {
    color: #fcd700
}

@media (max-width: 676px) {
    .matches .streaming-info {
        align-items: flex-start;
        flex-direction: column
    }
    .matches .streaming-info h3 {
        margin-bottom: 10px;
        font-size: 0.6em
    }
}

.matches .stream-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 7px 17px;
    height: unset;
    width: 100%;
    color: #f9fcff;
    outline: none !important;
    background-color: #282b3d !important
}

.matches .stream-button:hover,
.matches .stream-button :focus {
    background-color: #dd1d29 !important
}

.matches .stream-button img {
    width: 25px
}

.matches .start-stream-button {
    background-color: #dd1d29 !important
}

.matches .start-stream-button:hover,
.matches .start-stream-button :focus {
    background-color: #282b3d !important
}

.matches .streaming-now button {
    background-color: #dd1d29 !important;
    opacity: 1 !important
}

.matches .ongoing-match {
    background-color: #0f1018
}

.matches .ongoing-match .ongoing-stream-match .round {
    color: #f9fcff;
    outline: none !important;
    background-color: #dd1d29 !important
}

.matches .ongoing-match .ongoing-stream-match .round:hover,
.matches .ongoing-match .ongoing-stream-match .round :focus {
    background-color: #99141c !important
}

.matches .ongoing-match .ongoing-stream-match .round img {
    width: 25px
}

.matches .ongoing-match .ongoing-stream-match .date {
    color: #fcd700;
    text-transform: uppercase;
    font-size: 16px
}

.matches .ongoing-match .ongoing-stream-match .date .highlight {
    font-weight: bold;
    text-transform: capitalize
}

.matches .ongoing-match .not-streaming {
    filter: grayscale(100%);
    filter: gray
}

.matches .ongoing-match .streaming-now>button {
    background-color: #05f385 !important;
    color: #1e202e
}

.matches .ongoing-match .streaming-now>button>svg>g>g {
    fill: #1e202e
}

.matches .ongoing-match .streaming-now>button:hover {
    background-color: #03a85c !important
}

.iphady-logitech {
    cursor: pointer;
    height: 150px;
    background-image: url("../../../images/tournamentDetails/BannerLogitech@2x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

[dir='rtl'] .iphady-logitech {
    background-image: url("../../../images/tournamentDetails/LogitechBannerAr@2x.png")
}

@media (max-width: 911px) {
    .iphady-logitech {
        height: 320px;
        background-image: url("../../../images/tournamentDetails/LogitechBannerMob@2x.png")
    }
    [dir='rtl'] .iphady-logitech {
        background-image: url("../../../images/tournamentDetails/LogitechBannerMobAr@2x.png")
    }
}

.iphady-register {
    cursor: pointer;
    height: 250px;
    background-image: url("../../../images/tournamentDetails/BannerRegister@2x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

[dir='rtl'] .iphady-register {
    background-image: url("../../../images/tournamentDetails/BannerRegisterAr@2x.png")
}

@media (max-width: 911px) {
    .iphady-register {
        height: 350px;
        background-image: url("../../../images/tournamentDetails/RegisterBannerMob@2x.png")
    }
    [dir='rtl'] .iphady-register {
        background-image: url("../../../images/tournamentDetails/RegisterBannerMobAr@2x.png")
    }
}

.iphady {
    margin-bottom: 100px
}

.iphady h1 {
    width: 600px;
    text-align: center
}

@media (max-width: 991px) {
    .iphady h1 {
        width: 320px;
        font-size: 1.8em
    }
}

@media (max-width: 991px) {
    .iphady.match-title {
        margin-top: 100px
    }
}

.sponsor__banners .web {
    display: inherit
}

.sponsor__banners .web img {
    max-width: 100%
}

.sponsor__banners .mob {
    display: none
}

.sponsor__banners .mob img {
    max-width: 100%
}

@media (max-width: 911px) {
    .sponsor__banners .web {
        display: none
    }
    .sponsor__banners .mob {
        display: inherit
    }
}

.tournament-details-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px
}

.tournament-details-grid .tournament-details-main-area {
    grid-column: span 3 / span 3
}

.tournament-details-grid .tournament-details-main-area>* {
    margin-top: 30px
}

@media (min-width: 992px) {
    .tournament-details-grid .tournament-details-main-area {
        grid-column: span 2 / span 2
    }
}

.tournament-details-grid .tournament-details-main-area .description-area {
    color: white !important;
    background-color: #212529;
    padding: 24px;
    border-radius: 12px
}

.tournament-details-grid .tournament-details-main-area .description-area h1,
.tournament-details-grid .tournament-details-main-area .description-area h2,
.tournament-details-grid .tournament-details-main-area .description-area h3,
.tournament-details-grid .tournament-details-main-area .description-area h4,
.tournament-details-grid .tournament-details-main-area .description-area h5 {
    color: white !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-style: italic !important;
    margin-bottom: 0.5rem !important;
    overflow-wrap: anywhere
}

.tournament-details-grid .tournament-details-main-area .description-area p {
    white-space: normal !important;
    margin-bottom: 1rem !important
}

.tournament-details-grid .tournament-details-main-area .description-area a {
    color: #007bff !important;
    overflow-wrap: anywhere;
    margin-bottom: 1rem;
    display: block
}

.tournament-details-grid .tournament-details-side-area {
    grid-column: span 3 / span 3
}

@media (min-width: 992px) {
    .tournament-details-grid .tournament-details-side-area {
        margin-top: 30px;
        grid-column: span 1 / span 1
    }
}

.tournament-details-grid .tournament-details-side-area>:not(:first-child) {
    margin-top: 30px
}

.connect-button-home {
    display: flex;
    border-radius: 8px;
    background-color: white;
    color: #050407;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    font-style: italic;
    letter-spacing: -0.312834;
    padding: 10px 15px;
    text-align: center;
    box-shadow: 5px -3px 11px #c326e2, -3px 5px 5px #05f385;
    border: unset
}

.connect-button-home:hover {
    opacity: 0.75
}

.connect-button-home:hover:disabled {
    opacity: 1 !important
}

.connect-button-home:focus,
.connect-button-home:active {
    outline: 1px solid blue !important;
    outline-offset: 1px
}

.connect-button-profile {
    border: 1px solid #343a40;
    background-color: #212529;
    border-radius: 8px;
    padding: 5px 10px;
    color: white;
    font-size: 13px;
    letter-spacing: -0.13;
    font-weight: 400
}

.connect-button-profile:hover {
    opacity: 0.75
}

.connect-button-profile:hover:disabled {
    opacity: 1 !important
}

.connect-button-profile:focus,
.connect-button-profile:active {
    border: 1px solid blue;
    outline: 1px solid white !important
}

.crypto-banner-container {
    background-image: url("../../../images/crypto-banner/mobile-crypto-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #230957;
    padding: 24px 30px !important
}

@media (min-width: 576px) {
    .crypto-banner-container {
        border-radius: 12px
    }
}

@media (min-width: 768px) {
    .crypto-banner-container {
        background-size: contain;
        background-image: url("../../../images/crypto-banner/desktop-crypto-banner-en.png");
        background-position: right
    }
    [dir="rtl"] .crypto-banner-container {
        background-image: url("../../../images/crypto-banner/desktop-crypto-banner-ar.png");
        background-position: left
    }
}

.crypto-banner-title {
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    text-shadow: 1px 2px 0px #05f385, -2px -2px 0px #c326e2;
    color: #ffffff;
    letter-spacing: -0.29px
}

.crypto-banner-ul {
    padding-inline-start: 16px;
    display: block;
    list-style-type: disc;
    margin-block-start: 16px;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px
}

.crypto-banner-ul li {
    padding-inline-start: unset !important;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.12px;
    padding-bottom: 8px;
    line-height: 19px;
    color: white
}

.custom-btn {
    padding: 0.375rem 0.75rem;
    border-radius: 8px
}

.custom-btn:hover {
    opacity: 0.75
}

.custom-btn:focus {
    box-shadow: 0 0 0 1px black, 0 0 0 2px white
}

.custom-btnbutton {
    all: unset
}

.primary-btn {
    background-color: #05f385 !important;
    color: black !important
}

.secondary-btn {
    background-color: transparent
}

.business-page-corporate-reg-form .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    color: white
}

.business-page-corporate-reg-form .disclaimer {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0
}

.business-page-corporate-reg-form .disclaimer div,
.business-page-corporate-reg-form .disclaimer a {
    display: inline !important;
    font-size: 13px;
    color: #05f385
}

[dir='ltr'] .business-page-corporate-reg-form .number-input {
    border-left: unset;
    border-bottom-left-radius: unset !important;
    border-top-left-radius: unset !important
}

[dir='rtl'] .business-page-corporate-reg-form .number-input {
    border-right: unset;
    border-bottom-right-radius: unset !important;
    border-top-right-radius: unset !important
}

.business-page-corporate-reg-form .checkbox-wrapper {
    font-size: 12px;
    color: #b4c0cd;
    line-height: 15px;
    letter-spacing: 0
}

.business-page-corporate-reg-form .combined-input {
    background-color: inherit;
    border-radius: 4px
}

.business-page-corporate-reg-form .countries-select {
    width: 210px;
    height: 38px;
    font-size: 15px
}

[dir='rtl'] .business-page-corporate-reg-form .countries-select {
    border-left: unset;
    border-bottom-left-radius: unset !important;
    border-top-left-radius: unset !important
}

[dir='ltr'] .business-page-corporate-reg-form .countries-select {
    border-right: unset;
    border-bottom-right-radius: unset !important;
    border-top-right-radius: unset !important
}

@media (max-width: 576px) {
    .business-page-corporate-reg-form .countries-select {
        width: 240px
    }
}

.business-page-corporate-reg-form .countries-select:focus {
    border: 1px solid #335898;
    outline: none
}

.business-page-corporate-reg-form .countries-select .countries__control {
    max-height: 100%;
    min-height: 100%;
    background-color: transparent;
    box-shadow: unset;
    border: none
}

.business-page-corporate-reg-form .countries-select .countries__placeholder {
    line-height: 26px;
    color: #eaeaeb
}

.business-page-corporate-reg-form .countries-select .countries__value {
    line-height: 26px !important
}

.business-page-corporate-reg-form .countries-select .countries__value .countries__value-label {
    line-height: 26px
}

.business-page-corporate-reg-form .countries-select .countries__single-value {
    color: #eaeaeb
}

.business-page-corporate-reg-form .countries-select .countries__value-container>div {
    color: #eaeaeb
}

.business-page-corporate-reg-form .countries-select .countries__input {
    height: 26px
}

.business-page-corporate-reg-form .countries-select .countries__input input {
    box-shadow: unset;
    height: 100%;
    color: #eaeaeb
}

.business-page-corporate-reg-form .countries-select .countries__menu {
    top: 85%;
    color: black;
    background-color: inherit
}

.business-page-corporate-reg-form .countries-select .countries__option {
    color: white
}

.business-page__title {
    font-size: 32px;
    line-height: 41px
}

@media (min-width: 768px) {
    .business-page__title {
        font-size: 40px;
        line-height: 49px
    }
}

.business-page__subtitle {
    font-size: 20px
}

@media (min-width: 768px) {
    .business-page__subtitle {
        font-size: 15px
    }
}

.business-page__main-services {
    font-size: 28px
}

@media (min-width: 576px) {
    .business-page__main-services {
        font-size: 32px
    }
}

.business-page__explore-btn {
    padding: 6px 12px 6px 16px;
    width: 330px;
    border: 1px solid white;
    border-radius: 6px;
    background-color: transparent
}

.business-page__explore-btn:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

.business-page__top-form-bg {
    background-color: #2b00b0;
    border-radius: 12px
}

.business-page__top-input {
    padding: 12px;
    background: #3a23ab !important;
    border: 1px solid #6c757d;
    border-radius: 8px;
    color: white
}

.business-page__top-input:focus {
    background: #3a23ab !important
}

.business-page__bottom-input {
    padding: 12px;
    background: #343a40 !important;
    border: 1px solid #6c757d;
    border-radius: 8px;
    color: white
}

.business-page__bottom-input:focus {
    background: #343a40 !important
}

.business-page__main-features {
    padding: 80px 32px 40px 32px;
    overflow-wrap: break-word;
    gap: 32px;
    border-radius: 12px;
    min-height: 400px
}

.business-page__main-features__title {
    font-size: 32px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .business-page__main-features {
        padding: 40px 32px
    }
}

.business-page__half-tone-bg {
    height: 600px;
    background: url("../../../images/halftone.png") 50% 50%/311px 291px no-repeat
}

@media (min-width: 768px) {
    .business-page__half-tone-bg {
        height: 400px
    }
}

.boost-prize-enter-amt {
    color: #adb5bd;
    background-color: #343a40;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 7px;
    max-width: 100%
}

[dir='ltr'] .boost-prize-enter-amt>:not(:last-child) {
    padding-left: 12px;
    padding-right: 20px
}

[dir='rtl'] .boost-prize-enter-amt>:not(:last-child) {
    padding-right: 12px;
    padding-left: 20px
}

[dir='ltr'] .boost-prize-enter-amt>:last-child {
    padding-right: 12px
}

[dir='rtl'] .boost-prize-enter-amt>:last-child {
    margin-left: 12px
}

.boost-prize-enter-amt .boost-prize-input-container {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding-top: 13.5px;
    padding-bottom: 13.5px;
    min-width: 0
}

.boost-prize-enter-amt .boost-prize-input-container .boost-prize-input {
    padding: 4px;
    color: #adb5bd;
    font-size: 15px;
    width: 100%;
    min-width: 0px;
    flex-shrink: 1;
    background-color: #343a40;
    border: none
}

[dir='ltr'] .boost-prize-enter-amt .boost-prize-input-container .boost-prize-input {
    margin-right: 7px
}

[dir='rtl'] .boost-prize-enter-amt .boost-prize-input-container .boost-prize-input {
    margin-left: 7px
}

.boost-prize-enter-amt .boost-prize-input-container .boost-prize-currency {
    font-size: 12px
}

.boost-prize-enter-amt .boost-now-btn-container {
    padding-top: 12px;
    padding-bottom: 12px;
    flex-shrink: 0
}

.boost-prize-enter-amt .boost-now-btn-container .boost-now-btn {
    padding: 0.375rem 0.75rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #cf21ff;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
    font-style: italic
}

.people-contributed {
    display: flex;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap-reverse
}

.people-contributed .boost-prize-collected {
    font-size: 12px;
    flex-shrink: 0
}

.people-contributed>a {
    text-decoration: underline;
    flex-shrink: 0;
    color: white;
    margin-right: 13px;
    margin-left: 13px
}

.crowdfunding-illustration {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: white;
    text-align: center;
    font-style: italic;
    position: relative
}

.crowdfunding-illustration .crowdfunding-illustration-title {
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    margin: 32px 0px 20px 0px
}

.crowdfunding-illustration .crowdfunding-illustration-desc {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 20px
}

.crowdfunding-illustration .crowdfunding-illustration-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 0
}

.boost-prize-container {
    color: white;
    position: relative;
    background-color: #212529;
    padding: 16px;
    border-radius: 12px
}

.boost-prize-container>:not(:first-child) {
    margin-top: 12px
}

.boost-prize-container .boost-prize-header {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 0px
}

.boost-prize-container .boost-prize-desc {
    color: #adb5bd;
    font-size: 13px;
    margin-bottom: 0px
}

.boost-prize-container .boost-prize-more {
    color: #cf21ff;
    font-size: 13px;
    font-weight: 500;
    font-style: italic
}

.boost-prize-container .people-contributed {
    margin-top: 0
}

.boost-prize-container .people-contributed>* {
    margin-top: 12px
}

.crowdfunding-faq-list {
    color: white
}

.crowdfunding-faq-list>:not(:first-child) {
    margin-top: 45px
}

.crowdfunding-faq-list .crowdfunding-faq-title {
    font-size: 22px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 576px) {
    .crowdfunding-faq-list .crowdfunding-faq-title {
        font-size: 40px
    }
}

.crowdfunding-faq-list .crowdfunding-faq-supports {
    font-size: 32px;
    font-weight: 700;
    font-style: italic;
    text-transform: capitalize
}

.crowdfunding-faq-list .crowdfunding-faq-subtitle {
    font-size: 15px;
    font-style: italic;
    font-weight: 700
}

@media (min-width: 576px) {
    .crowdfunding-faq-list .crowdfunding-faq-subtitle {
        font-size: 17px
    }
}

.crowdfunding-faq-list .crowdfunding-qa-list>:not(:first-child) {
    margin-top: 24px
}

.crowdfunding-faq-list .crowdfunding-qa-list .crowdfunding-faq-question {
    font-size: 15px;
    font-weight: 700
}

[dir='ltr'] .crowdfunding-faq-list .crowdfunding-qa-list .crowdfunding-faq-question {
    margin-left: 13px
}

[dir='rtl'] .crowdfunding-faq-list .crowdfunding-qa-list .crowdfunding-faq-question {
    margin-right: 13px
}

@media (min-width: 576px) {
    .crowdfunding-faq-list .crowdfunding-qa-list .crowdfunding-faq-question {
        font-size: 17px
    }
}

.crowdfunding-faq-list .crowdfunding-qa-list .crowdfunding-faq-arrow-ar {
    transform: rotate(180deg)
}

.crowdfunding-faq-list .crowdfunding-qa-list .crowdfunding-faq-answer {
    margin-top: 10px;
    color: #adb5bd;
    font-size: 13px
}

[dir='ltr'] .crowdfunding-faq-list .crowdfunding-qa-list .crowdfunding-faq-answer {
    margin-left: 22px
}

[dir='rtl'] .crowdfunding-faq-list .crowdfunding-qa-list .crowdfunding-faq-answer {
    margin-right: 22px
}

.crowdfunding-faq-list .crowdfunding-faq-input {
    display: none
}

@media (min-width: 992px) {
    .crowdfunding-faq-list .crowdfunding-faq-input {
        display: flex;
        align-items: center
    }
    [dir='ltr'] .crowdfunding-faq-list .crowdfunding-faq-input>:not(:first-child) {
        margin-left: 16px
    }
    [dir='rtl'] .crowdfunding-faq-list .crowdfunding-faq-input>:not(:first-child) {
        margin-right: 16px
    }
}

.crowdfunding-faq-list .crowdfunding-faq-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 17px
}

.crowdfunding-faq-list .crowdfunding-faq-more>* {
    margin-bottom: 10px
}

[dir='ltr'] .crowdfunding-faq-list .crowdfunding-faq-more>:first-child {
    margin-right: 16px
}

[dir='rtl'] .crowdfunding-faq-list .crowdfunding-faq-more>:first-child {
    margin-left: 16px
}

.crowdfunding-faq-list .crowdfunding-faq-more a {
    color: white;
    text-decoration: underline;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase
}

.crowdfunding-faq-list .crowdfunding-faq-more .boost-modal-learn-more {
    display: flex;
    align-items: center;
    color: white;
    font-weight: 700;
    font-size: 13px;
    font-style: italic;
    text-decoration: none
}

.crowdfunding-faq-list .crowdfunding-faq-more .boost-modal-learn-more:hover {
    text-decoration: underline
}

.supports-crowdfunding-container {
    background-color: #212529
}

@media (min-width: 992px) {
    .supports-crowdfunding-container {
        background-color: transparent
    }
}

.supports-crowdfunding-illus {
    grid-column: span 1 / span 1;
    background-color: #212529
}

@media (min-width: 992px) {
    .supports-crowdfunding-illus {
        grid-column: span 5 / span 5
    }
}

.supports-crowdfunding {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .supports-crowdfunding {
        overflow: hidden;
        border-radius: 12px;
        background-color: #212529
    }
}

@media (min-width: 992px) {
    .supports-crowdfunding {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.supports-crowdfunding .supports-crowdfunding-faq {
    grid-column: span 1 / span 1;
    padding-bottom: 38px
}

@media (min-width: 992px) {
    .supports-crowdfunding .supports-crowdfunding-faq {
        grid-column: span 7 / span 7;
        padding: 30px
    }
}

.supports-crowdfunding-faq-bg-gradient {
    background: radial-gradient(circle at top, #350942 0%, #212529 100%)
}

@media (min-width: 992px) {
    .supports-crowdfunding-faq-bg-gradient {
        background: radial-gradient(circle at top, #350942 0%, #010101 100%)
    }
}

.boost-modal {
    position: relative;
    background-image: radial-gradient(circle closest-side, rgba(206, 31, 255, 0.63), black);
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    overflow-y: auto
}

.boost-modal .boost-modal-electric-emoji {
    font-size: 110px
}

.boost-modal .boost-modal-title {
    font-size: 40px;
    font-weight: 700
}

.boost-modal .boost-modal-desc {
    font-size: 16px;
    text-align: center;
    margin-top: 8px
}

.boost-modal .people-contributed {
    margin-top: 6px
}

.boost-modal .people-contributed>* {
    margin-top: 12px
}

.boost-modal .boost-modal-learn-more {
    display: flex;
    align-items: center;
    color: white;
    font-weight: 700;
    font-size: 13px;
    font-style: italic;
    margin-top: 24px
}

.boost-modal .boost-modal-no-thanks-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #05f385;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    font-style: italic;
    border: 2px solid #343a40;
    margin-top: 30px;
    padding: 8px 22px !important
}

[dir='ltr'] .boost-modal .boost-modal-no-thanks-btn>:not(:first-child) {
    margin-left: 3px
}

[dir='rtl'] .boost-modal .boost-modal-no-thanks-btn>:not(:first-child) {
    margin-right: 3px
}

.boost-modal .boost-modal-no-thanks-btn:hover {
    background-color: #343a40;
    opacity: 1
}

.crowdfunding-payment-success-modal {
    position: relative;
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px
}

.crowdfunding-payment-success-modal .crowdfunding-payment-success-bg-img {
    position: absolute;
    z-index: -1
}

.crowdfunding-payment-success-modal .crowdfunding-payment-success-emoji {
    font-size: 110px
}

.crowdfunding-payment-success-modal .crowdfunding-payment-success-title {
    font-size: 40px;
    font-weight: 700
}

.crowdfunding-payment-success-modal .crowdfunding-payment-success-desc {
    font-size: 16px;
    text-align: center;
    margin-top: 8px
}

.crowdfunding-payment-success-modal .crowdfunding-payment-success-prize-pool {
    color: #adb5bd;
    font-size: 22px;
    text-transform: capitalize
}

[dir='ltr'] .crowdfunding-payment-success-modal .crowdfunding-payment-success-prize-pool {
    margin-right: 24px
}

[dir='rtl'] .crowdfunding-payment-success-modal .crowdfunding-payment-success-prize-pool {
    margin-left: 24px
}

.crowdfunding-payment-success-modal .crowdfunding-payment-success-amount {
    display: flex;
    align-items: center;
    font-size: 32px;
    font-weight: 700
}

.crowdfunding-payment-success-modal .crowdfunding-payment-success-button {
    font-weight: 800;
    font-size: 15px;
    font-style: italic;
    text-transform: uppercase
}

.crowdfunding-payment-failed-modal {
    position: relative;
    background-color: black;
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px
}

.crowdfunding-payment-failed-modal .crowdfunding-payment-failed-emoji {
    font-size: 110px
}

.crowdfunding-payment-failed-modal .crowdfunding-payment-failed-title {
    font-size: 40px;
    font-weight: 700
}

.crowdfunding-payment-failed-modal .crowdfunding-payment-failed-desc {
    font-size: 16px;
    text-align: center;
    margin-top: 8px
}

.crowdfunding-payment-failed-modal .crowdfunding-payment-failed-button {
    font-weight: 800;
    font-size: 15px;
    font-style: italic;
    text-transform: uppercase
}

.tournaments-participants-container {
    color: white;
    position: relative;
    background-color: #212529;
    padding: 16px;
    border-radius: 12px
}

.tournaments-participants-container .tournaments-participants-header {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 0px
}

.tournaments-participants-container .see-all-participants {
    font-size: 13px;
    color: #05f385;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase
}

.tournaments-participants-container .joined-participants {
    color: #adb5bd;
    font-size: 13px
}

.tournaments-participants-container .participant-profiles-container {
    margin-top: 4px;
    display: flex;
    align-items: start;
    flex-wrap: wrap
}

[dir='ltr'] .tournaments-participants-container .participant-profiles-container {
    margin-left: -18px
}

[dir='rtl'] .tournaments-participants-container .participant-profiles-container {
    margin-right: -18px
}

.tournaments-participants-container .participant-profiles-container>* {
    margin-top: 16px
}

[dir='ltr'] .tournaments-participants-container .participant-profiles-container>* {
    margin-left: 18px
}

[dir='rtl'] .tournaments-participants-container .participant-profiles-container>* {
    margin-right: 18px
}

.tournaments-participants-container .participant-profiles-container .remaining-participants {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-size: 13px;
    color: white;
    font-weight: 700;
    border: 1px solid black;
    background-color: rgba(255, 255, 255, 0.2);
    text-decoration: none
}

.tournaments-participants-container .invite-players-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #05f385;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    font-style: italic;
    border: 2px solid #343a40;
    margin-top: 22px
}

[dir='ltr'] .tournaments-participants-container .invite-players-btn>:not(:first-child) {
    margin-left: 3px
}

[dir='rtl'] .tournaments-participants-container .invite-players-btn>:not(:first-child) {
    margin-right: 3px
}

.tournaments-participants-container .invite-players-btn:hover {
    background-color: #343a40;
    opacity: 1
}

.brief-info-section {
    background-color: #212529;
    border-radius: 12px;
    padding: 21.5px 24px;
    text-transform: capitalize
}

.brief-info-section .brief-info-boxes-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -18px
}

[dir='ltr'] .brief-info-section .brief-info-boxes-container {
    margin-left: -18px
}

[dir='rtl'] .brief-info-section .brief-info-boxes-container {
    margin-right: -18px
}

.brief-info-section .brief-info-boxes-container>* {
    margin-bottom: 18px
}

[dir='ltr'] .brief-info-section .brief-info-boxes-container>* {
    margin-left: 18px;
    padding-right: 18px
}

@media (min-width: 992px) {
    [dir='ltr'] .brief-info-section .brief-info-boxes-container>* {
        padding-right: 8px
    }
}

@media (min-width: 1200px) {
    [dir='ltr'] .brief-info-section .brief-info-boxes-container>* {
        padding-right: 18px
    }
}

[dir='rtl'] .brief-info-section .brief-info-boxes-container>* {
    margin-right: 18px;
    padding-left: 18px
}

@media (min-width: 992px) {
    [dir='rtl'] .brief-info-section .brief-info-boxes-container>* {
        padding-left: 8px
    }
}

@media (min-width: 1200px) {
    [dir='rtl'] .brief-info-section .brief-info-boxes-container>* {
        padding-left: 18px
    }
}

@media (min-width: 768px) {
    .brief-info-section .brief-info-boxes-container>:first-child {
        flex-grow: 0;
        flex-basis: auto
    }
}

[dir='ltr'] .brief-info-section .brief-info-boxes-container .game-image {
    margin-right: 12px
}

[dir='rtl'] .brief-info-section .brief-info-boxes-container .game-image {
    margin-left: 12px
}

.brief-info-section .brief-info-boxes-container .brief-info-box {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column
}

.brief-info-section .brief-info-boxes-container .brief-info-titles {
    color: #adb5bd;
    font-size: 13px
}

.brief-info-section .brief-info-boxes-container .brief-info-fields {
    color: white;
    font-weight: 800;
    font-size: 15px
}

@media (min-width: 768px) {
    .brief-info-section .brief-info-boxes-container .brief-info-fields {
        font-size: 18px
    }
}

.prizes-and-boost-styles {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 14px;
    text-align: center;
    width: 190px
}

[dir='ltr'] .prizes-and-boost-styles.with-border:not(:first-child) {
    border-left: 1px solid #343a40
}

[dir='rtl'] .prizes-and-boost-styles.with-border:not(:first-child) {
    border-right: 1px solid #343a40
}

.prizes-and-boost-styles>:not(.prizes-and-boost-bg-img) {
    z-index: 1
}

.prizes-and-boost-styles .prizes-and-boost-text-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.prizes-and-boost-styles .prizes-and-boost-text-container .prizes-and-boost-price {
    font-size: 20px;
    font-weight: 900
}

.prizes-and-boost-styles .prizes-and-boost-text-container .prizes-and-boost-desc {
    font-size: 12px
}

.prizes-and-boost-styles .prizes-link {
    color: #05f385;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    margin-top: 4px
}

.prizes-and-boost-styles .boost-prizes-text-btn {
    color: #cf21ff;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    margin-top: 4px;
    position: relative
}

.prizes-and-boost-styles .boost-prizes-text-btn>:first-child:hover {
    cursor: pointer;
    text-decoration: underline
}

.prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    min-width: 0;
    background-color: #8d0bb1;
    color: white;
    border-radius: 8px;
    z-index: 10000000;
    top: calc(100% + 15px);
    padding: 8px 16px;
    font-style: normal;
    font-size: 12px
}

.prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip>:not(:first-child) {
    margin-top: 10px
}

@media (min-width: 540px) {
    .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip {
        flex-direction: row;
        top: calc(100% + 15px)
    }
    .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip>:not(:first-child) {
        margin-top: 0px
    }
    [dir='ltr'] .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip>:not(:first-child) {
        margin-left: 10px
    }
    [dir='rtl'] .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip>:not(:first-child) {
        margin-right: 10px
    }
}

[dir='ltr'] .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip {
    text-align: left;
    right: -15px
}

[dir='rtl'] .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip {
    text-align: right;
    left: -15px
}

.prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .what-is-boost-desc {
    width: 180px;
    font-weight: 400;
    text-transform: initial;
    min-width: 0px;
    flex-shrink: 1
}

@media (min-width: 540px) {
    .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .what-is-boost-desc {
        width: 300px
    }
    [dir='rtl'] .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .what-is-boost-desc {
        width: 280px
    }
}

.prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .what-is-boost-desc .boost-learn-more {
    color: white;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic
}

.prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .prizes-and-boost-tooltip-triangle {
    display: none
}

@supports (clip-path: inset(50%)) {
    .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .prizes-and-boost-tooltip-triangle {
        display: block;
        height: 20px;
        width: 20px;
        margin: 0px !important;
        background-color: #8d0bb1;
        position: absolute;
        top: -9px;
        clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
        transform: rotate(135deg);
        border-radius: 0 0 0 0.25em
    }
    [dir='ltr'] .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .prizes-and-boost-tooltip-triangle {
        right: 26px
    }
    [dir='rtl'] .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .prizes-and-boost-tooltip-triangle {
        left: 26px
    }
}

.prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .prizes-and-boost-tooltip-close-btn {
    width: 100%;
    background-color: #cf21ff;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
    font-style: italic;
    flex-shrink: 0
}

@media (min-width: 540px) {
    .prizes-and-boost-styles .boost-prizes-text-btn .prizes-and-boost-tooltip .prizes-and-boost-tooltip-close-btn {
        width: auto
    }
}

.prizes-and-boost-styles .prizes-and-boost-tooltip-text {
    font-style: italic;
    font-size: 11px;
    color: #adb5bd;
    position: absolute;
    text-decoration: underline;
    top: 0px;
    z-index: 2 !important
}

.prizes-and-boost-styles .prizes-and-boost-tooltip-text a {
    all: unset;
    cursor: pointer
}

[dir='ltr'] .prizes-and-boost-styles .prizes-and-boost-tooltip-text {
    right: 10px
}

[dir='rtl'] .prizes-and-boost-styles .prizes-and-boost-tooltip-text {
    left: 10px
}

.prizes-and-boost-styles .prizes-and-boost-bg-img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    bottom: 0px;
    right: 0px
}

.join-tournament-btn-with-entry {
    position: relative;
    max-width: 335px;
    width: 100%
}

.join-tournament-btn-with-entry.yellow {
    background-color: #fecc0d !important
}

.join-tournament-btn-with-entry.entry-fee-required {
    padding: 12px 0px 0px 0px !important
}

.join-tournament-btn-with-entry .join-tournament-btn-txt {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
    font-style: italic
}

.join-tournament-btn-with-entry .join-tournament-btn-txt.entry-fee-required {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid black
}

.join-tournament-btn-with-entry .join-entry-fee {
    font-size: 12px;
    text-transform: capitalize;
    position: absolute;
    bottom: 2px;
    background-color: #05f385
}

[dir='ltr'] .join-tournament-btn-with-entry .join-entry-fee {
    padding: 0px 24px
}

[dir='rtl'] .join-tournament-btn-with-entry .join-entry-fee {
    padding: 0px 14px
}

[dir='ltr'] .join-tournament-btn-with-entry .join-entry-fee {
    right: calc(50% - 56px)
}

[dir='rtl'] .join-tournament-btn-with-entry .join-entry-fee {
    right: calc(50% - 53px)
}

@media (min-width: 992px) {
    .join-tournament-btn-with-entry {
        width: 100%
    }
    .join-tournament-btn-with-entry.entry-fee-required {
        padding: 0.375rem 0.75rem !important
    }
    .join-tournament-btn-with-entry .join-tournament-btn-txt.entry-fee-required {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: none
    }
    .join-tournament-btn-with-entry .join-entry-fee {
        display: none
    }
}

.join-tournament-btn {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
    font-style: italic
}

.join-tournament-btn.withdraw {
    color: #05f385 !important;
    border: 2px solid #343a40
}

.join-tournament-btn.yellow {
    background-color: #fecc0d !important
}

@media (min-width: 992px) {
    .join-tournament-btn-with-width {
        width: 200px
    }
}

@media (min-width: 1200px) {
    .join-tournament-btn-with-width {
        width: 270px
    }
}

.brief-overview-user-joined-tournament {
    color: white;
    font-size: 13px;
    text-align: center;
    margin-bottom: 14px
}

.tournament-top-winners-images {
    display: flex;
    align-items: start;
    justify-content: center
}

.tournament-top-winners-images .winner-container {
    position: relative;
    padding: 0 3px
}

.tournament-top-winners-images .winner-container.first-winner-order {
    order: 2
}

.tournament-top-winners-images .winner-container.second-winner-order {
    order: 1;
    top: 15px
}

.tournament-top-winners-images .winner-container.third-winner-order {
    order: 3;
    top: 15px
}

.tournament-top-winners-images .winner-container .winner-badge {
    position: absolute;
    bottom: 0px;
    display: flex
}

[dir='ltr'] .tournament-top-winners-images .winner-container .winner-badge {
    right: 0
}

[dir='rtl'] .tournament-top-winners-images .winner-container .winner-badge {
    left: 0
}

.brief-overview-title {
    color: white;
    font-weight: 700;
    word-wrap: break-word;
    font-size: 28px;
    text-transform: capitalize
}

.brief-overview-title :not(:last-child) {
    margin-bottom: 16px
}

@media (min-width: 480px) {
    .brief-overview-title {
        text-align: center
    }
}

@media (min-width: 992px) {
    .brief-overview-title {
        text-align: initial;
        margin-top: 0px
    }
    [dir='ltr'] .brief-overview-title {
        padding-right: 14px
    }
    [dir='rtl'] .brief-overview-title {
        padding-left: 14px
    }
}

.brief-overview-sponsors {
    display: flex;
    align-items: center;
    color: #dee2e6;
    font-size: 13px
}

@media (min-width: 480px) {
    .brief-overview-sponsors {
        text-align: center;
        justify-content: center
    }
}

@media (min-width: 992px) {
    .brief-overview-sponsors {
        text-align: initial;
        justify-content: start
    }
}

[dir='ltr'] .brief-overview-sponsors>:not(:first-child) {
    margin-left: 12px
}

[dir='rtl'] .brief-overview-sponsors>:not(:first-child) {
    margin-right: 12px
}

.contact-tournament-organizer-section {
    background-color: #212529;
    padding: 24px;
    border-radius: 12px
}

.contact-tournament-organizer-section .contact-tournament-organizer {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: -24px;
    text-align: center
}

[dir='ltr'] .contact-tournament-organizer-section .contact-tournament-organizer {
    margin-left: -24px
}

[dir='rtl'] .contact-tournament-organizer-section .contact-tournament-organizer {
    margin-right: -24px
}

.contact-tournament-organizer-section .contact-tournament-organizer>* {
    margin-top: 24px
}

[dir='ltr'] .contact-tournament-organizer-section .contact-tournament-organizer>* {
    margin-left: 24px
}

[dir='rtl'] .contact-tournament-organizer-section .contact-tournament-organizer>* {
    margin-right: 24px
}

.contact-tournament-organizer-section .contact-tournament-organizer .organized-by-title {
    color: #adb5bd;
    font-size: 13px
}

.contact-tournament-organizer-section .contact-tournament-organizer .organizer-name {
    font-size: 18px;
    color: white;
    font-weight: 900
}

.contact-tournament-organizer-section .contact-tournament-organizer .organizer-social-contacts {
    display: flex;
    align-items: center;
    justify-content: center
}

[dir='ltr'] .contact-tournament-organizer-section .contact-tournament-organizer .organizer-social-contacts>:not(:first-child) {
    margin-left: 6px
}

[dir='rtl'] .contact-tournament-organizer-section .contact-tournament-organizer .organizer-social-contacts>:not(:first-child) {
    margin-right: 6px
}

.contact-tournament-organizer-section .contact-tournament-organizer .organizer-social-contacts>a {
    display: flex;
    align-items: center;
    border-radius: 50%
}

.tournament-table-row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 16px;
    background-color: #212529;
    min-height: 59px
}

.tournament-table-row:hover {
    background-color: #343a40;
    cursor: pointer;
    text-decoration: none
}

[dir='ltr'] .tournament-table-row>:not(:first-child) {
    margin-left: 18px
}

[dir='rtl'] .tournament-table-row>:not(:first-child) {
    margin-right: 18px
}

.tournament-table-row.is-single-row {
    border-radius: 12px;
    border: 1px solid #343a40
}

.tournament-table-row.curr-user-tourn-row {
    background: linear-gradient(90deg, #343a40 0%, #212529 40%)
}

.tournament-table-row.curr-user-tourn-row:hover {
    background: #343a40
}

.tournament-table-row.curr-user-tourn-row.is-booster {
    background: linear-gradient(90deg, #520d66 0%, #212529 40%)
}

.tournament-table-row.curr-user-tourn-row.is-booster:hover {
    background: linear-gradient(90deg, #520d66 0%, #0f1018 40%)
}

.tournament-table-row .boost-circle {
    position: absolute;
    bottom: 0;
    border-radius: 50%;
    background-color: #520d66;
    font-size: 8px;
    border: 1px solid #cf21ff
}

[dir='ltr'] .tournament-table-row .boost-circle {
    right: 0
}

[dir='rtl'] .tournament-table-row .boost-circle {
    left: 0
}

.tournament-table-row .tournament-table-row-user {
    text-transform: capitalize;
    flex-grow: 1;
    min-width: 0px
}

.tournament-table-row .tournament-table-row-user .is-user-booster {
    color: #cf21ff;
    font-size: 11px
}

.tournament-table-row .tournament-table-row-username {
    color: white;
    font-size: 15px;
    font-weight: 500
}

.brief-overview-container .tournament-details-cover-image {
    height: 169px;
    position: relative
}

@media (min-width: 992px) {
    .brief-overview-container .tournament-details-cover-image {
        overflow: hidden;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        height: 314px
    }
}

.brief-overview-container .brief-overview-info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center
}

.brief-overview-container .brief-overview-info>:not(:first-child) {
    margin-top: 14px
}

.brief-overview-container .brief-overview-info .tournament-brief-overview-registration {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

@media (min-width: 992px) {
    .brief-overview-container .brief-overview-info .tournament-brief-overview-registration {
        align-items: normal
    }
    [dir='ltr'] .brief-overview-container .brief-overview-info .tournament-brief-overview-registration {
        padding-left: 14px
    }
    [dir='rtl'] .brief-overview-container .brief-overview-info .tournament-brief-overview-registration {
        padding-right: 14px
    }
}

.brief-overview-container .brief-overview-info .tournament-brief-overview-registration .after-tournament-start {
    text-align: center
}

.brief-overview-container .brief-overview-info .tournament-brief-overview-registration .after-tournament-start .after-tourn-title {
    font-size: 17px;
    color: #adb5bd
}

.brief-overview-container .brief-overview-info .tournament-brief-overview-registration .after-tournament-start .after-tourn-link {
    font-size: 13px;
    color: #05f385;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase
}

.brief-overview-container .brief-overview-info .tournament-brief-overview-registration .tournament-brief-overview-timer-margin {
    margin-top: 20px
}

@media (min-width: 992px) {
    .brief-overview-container .brief-overview-info .tournament-brief-overview-registration .tournament-brief-overview-timer-margin {
        margin-top: 7px
    }
}

.brief-overview-container .brief-overview-info .tournament-brief-overview-registration .tournament-timer-text {
    font-size: 11px;
    color: #adb5bd;
    text-align: center
}

.brief-overview-container .brief-overview-info .tournament-brief-overview-registration .tournament-timer-text.registration-ends {
    margin-top: 16px
}

@media (min-width: 992px) {
    .brief-overview-container .brief-overview-info .tournament-brief-overview-registration .tournament-timer-text.registration-ends {
        margin-top: 10px
    }
}

@media (min-width: 992px) {
    .brief-overview-container .brief-overview-info {
        padding: 20px;
        flex-direction: row
    }
    .brief-overview-container .brief-overview-info>:not(:first-child) {
        margin-top: 0px
    }
    [dir='ltr'] .brief-overview-container .brief-overview-info>:not(:first-child) {
        border-left: 1px solid #343a40
    }
    [dir='rtl'] .brief-overview-container .brief-overview-info>:not(:first-child) {
        border-right: 1px solid #343a40
    }
    .brief-overview-container .brief-overview-info .join-entry-fee {
        font-size: 12px;
        text-transform: capitalize;
        color: white;
        padding: 0px 9px;
        position: absolute;
        background-color: #212529;
        bottom: 9px
    }
    [dir='ltr'] .brief-overview-container .brief-overview-info .join-entry-fee {
        right: calc(50% - 41px)
    }
    [dir='rtl'] .brief-overview-container .brief-overview-info .join-entry-fee {
        right: calc(50% - 48px)
    }
}

.brief-overview-container .brief-overview-wrapper {
    margin-top: 24px
}

@media (min-width: 992px) {
    .brief-overview-container .brief-overview-wrapper {
        background-color: #212529;
        border-radius: 12px
    }
}

.tournament-brief-overview-registration {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

@media (min-width: 992px) {
    .tournament-brief-overview-registration {
        align-items: normal
    }
    [dir='ltr'] .tournament-brief-overview-registration {
        padding-left: 14px
    }
    [dir='rtl'] .tournament-brief-overview-registration {
        padding-right: 14px
    }
}

.tournament-brief-overview-registration .after-tournament-start {
    text-align: center
}

.tournament-brief-overview-registration .after-tournament-start .after-tourn-title {
    font-size: 17px;
    color: #adb5bd
}

.tournament-brief-overview-registration .after-tournament-start .after-tourn-link {
    font-size: 13px;
    color: #05f385;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase
}

.tournament-brief-overview-registration .tournament-brief-overview-timer-margin {
    margin-top: 20px
}

@media (min-width: 992px) {
    .tournament-brief-overview-registration .tournament-brief-overview-timer-margin {
        margin-top: 7px
    }
}

.tournament-brief-overview-registration .tournament-timer-text {
    font-size: 11px;
    color: #adb5bd;
    text-align: center
}

.tournament-brief-overview-registration .tournament-timer-text.registration-ends {
    margin-top: 16px
}

@media (min-width: 992px) {
    .tournament-brief-overview-registration .tournament-timer-text.registration-ends {
        margin-top: 10px
    }
}

.tournament-timeline {
    color: white;
    background-color: #212529;
    padding: 24px;
    border-radius: 12px
}

.tournament-timeline .timeline-header {
    font-size: 20px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase
}

.tournament-timeline .timeline-blocks-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative
}

[dir='ltr'] .tournament-timeline .timeline-blocks-wrapper>.timeline-block:not(:first-child) {
    margin-left: 16px
}

[dir='rtl'] .tournament-timeline .timeline-blocks-wrapper>.timeline-block:not(:first-child) {
    margin-right: 16px
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block {
    z-index: 1;
    margin-top: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block>:not(:first-child) {
    font-size: 13px;
    margin-top: 8px
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-title {
    color: #adb5bd
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-date {
    font-size: 12px;
    font-weight: 900;
    text-transform: capitalize
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-icon-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-icon-wrapper .timeline-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-icon-wrapper .timeline-icon.registration-icon {
    background-color: #05f385
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-icon-wrapper .timeline-icon.tournament-icon {
    background-color: #495057
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-icon-wrapper .time-line-mask {
    position: absolute;
    width: 50%;
    height: 44px;
    background-color: #212529;
    z-index: 0
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-icon-wrapper .time-line-mask.time-line-mask-right {
    right: 0
}

.tournament-timeline .timeline-blocks-wrapper .timeline-block .timeline-icon-wrapper .time-line-mask.time-line-mask-left {
    left: 0
}

.tournament-participants-table {
    margin-top: 50px;
    margin-bottom: 50px
}

.tournament-participants-table>:not(:last-child) {
    margin-bottom: 20px
}

.tournament-participants-table .tournament-table {
    border-radius: 12px;
    border: 1px solid #343a40;
    overflow: hidden
}

.tournament-participants-table .tournament-table>:not(:first-child) {
    border-top: 1px solid #343a40
}

.tournament-participants-table .tournament-table-title {
    color: white;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-style: italic
}

.tournament-participants-table .tournament-table-title.sponsors {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0px !important
}

[dir='ltr'] .tournament-participants-table .tournament-table-title.sponsors {
    margin-left: -22px
}

[dir='rtl'] .tournament-participants-table .tournament-table-title.sponsors {
    margin-right: -22px
}

.tournament-participants-table .tournament-table-title.sponsors>:not(:nth-child(2)) {
    margin-bottom: 20px
}

[dir='ltr'] .tournament-participants-table .tournament-table-title.sponsors>:not(:nth-child(2)) {
    margin-left: 22px
}

[dir='rtl'] .tournament-participants-table .tournament-table-title.sponsors>:not(:nth-child(2)) {
    margin-right: 22px
}

.tournament-participants-table .tournament-table-title.sponsors .sponsor-page-boost {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.tournament-participants-table .tournament-table-title.sponsors .sponsor-page-boost>* {
    margin-bottom: 20px
}

[dir='ltr'] .tournament-participants-table .tournament-table-title.sponsors .sponsor-page-boost>* {
    margin-left: 22px
}

[dir='rtl'] .tournament-participants-table .tournament-table-title.sponsors .sponsor-page-boost>* {
    margin-right: 22px
}

.tournament-participants-table .tournament-table-title.sponsors .sponsor-page-boost .sponsor-amount-collected {
    flex-shrink: 0;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize
}

.tournament-participants-table .spinner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px
}

@media (min-width: 992px) {
    .tournament-participants-table .spinner-container {
        height: 600px
    }
}

.tournament-winners-table {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    color: white
}

.tournament-winners-table .tournament-winners-table-placement {
    font-size: 14px;
    font-weight: 700;
    grid-column: span 6 / span 6;
    display: flex;
    align-items: center;
    padding: 9px
}

@media (min-width: 1200px) {
    .tournament-winners-table .tournament-winners-table-placement {
        grid-column: span 8 / span 8
    }
}

[dir='ltr'] .tournament-winners-table .tournament-winners-table-placement.tournament-winners-table-placement-content>:not(:first-child) {
    margin-left: 9px
}

[dir='rtl'] .tournament-winners-table .tournament-winners-table-placement.tournament-winners-table-placement-content>:not(:first-child) {
    margin-right: 9px
}

.tournament-winners-table .tournament-winners-table-prize {
    font-size: 14px;
    font-weight: 500;
    grid-column: span 3 / span 3;
    padding: 9px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (min-width: 1200px) {
    .tournament-winners-table .tournament-winners-table-prize {
        grid-column: span 2 / span 2
    }
}

.tournament-winners-table .tournament-winners-table-prize.no_boost {
    grid-column: span 6 / span 6
}

@media (min-width: 1200px) {
    .tournament-winners-table .tournament-winners-table-prize.no_boost {
        grid-column: span 4 / span 4
    }
}

.tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header {
    justify-content: start !important
}

.tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header>:not(:first-child) {
    margin-top: 6px
}

@media (min-width: 992px) {
    .tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header {
        flex-direction: row;
        justify-content: center !important
    }
    .tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header>:not(:first-child) {
        margin-top: 0px
    }
    [dir='ltr'] .tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header>:not(:first-child) {
        margin-left: 6px
    }
    [dir='rtl'] .tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header>:not(:first-child) {
        margin-right: 6px
    }
}

.tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header .boost-circle {
    position: absolute;
    bottom: 0;
    border-radius: 50%;
    background-color: #520d66;
    font-size: 6px;
    border: 1px solid #cf21ff
}

[dir='ltr'] .tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header .boost-circle {
    right: 0
}

[dir='rtl'] .tournament-winners-table .tournament-winners-table-prize.tournament-winners-table-header .boost-circle {
    left: 0
}

.tournament-winners-table .tournament-winners-table-prize .boost-prize {
    font-weight: 500;
    color: #cf21ff;
    font-size: 13px;
    text-transform: uppercase
}

.tournament-winners-table .tournament-winners-table-row-container {
    grid-column: span 12 / span 12;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    display: grid
}

.tournament-winners-table .tournament-winners-table-row-container .tournament-winners-table-row {
    grid-column: span 12 / span 12;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    background-color: #212529
}

[dir='ltr'] .tournament-winners-table .tournament-winners-table-row-container .tournament-winners-table-row>:not(:first-child) {
    border-left: 1px solid #343a40
}

[dir='rtl'] .tournament-winners-table .tournament-winners-table-row-container .tournament-winners-table-row>:not(:first-child) {
    border-right: 1px solid #343a40
}

.tournament-winners-table .tournament-winners-table-row-container .tournament-winners-table-row:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.tournament-winners-table .tournament-winners-table-row-container .tournament-winners-table-row:not(:first-child) {
    border-top: 1px solid black
}

.tournament-winners-table .tournament-winners-table-row-container .tournament-winners-table-row:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.tournament-winners-table .tournament-winners-table-number {
    font-size: 20px;
    font-weight: 800
}

.tournament-winners-table .tournament-winners-table-suffx {
    font-size: 14px;
    font-weight: 800
}

.official-sponsors-title {
    color: white;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 20px;
    margin-top: 50px
}

.prizes-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-top: 45px
}

@media (min-width: 992px) {
    .prizes-container {
        flex-direction: row
    }
    [dir='ltr'] .prizes-container>:not(:first-child) {
        margin-left: 30px
    }
    [dir='rtl'] .prizes-container>:not(:first-child) {
        margin-right: 30px
    }
}

.prizes-container .total-prizes-container {
    width: 100%
}

@media (min-width: 992px) {
    .prizes-container .total-prizes-container {
        width: auto
    }
}

.prizes-container .total-prizes-title {
    color: white;
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase
}

.prizes-container .total-prizes-price {
    color: white;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase
}

.Match-player-nickname-box {
    border-radius: 23.09px;
    background-color: #222427;
    height: 46.17px;
    white-space: nowrap;
    width: 250px
}

.Match-player-logo {
    height: 62px;
    width: 62px;
    border-radius: 30.5px;
    background-color: #222427
}

.Match-player-logo-background {
    box-sizing: border-box;
    height: 48px;
    width: 48px;
    border: 1px solid #252521;
    background-color: #656565;
    border-radius: 30.5px;
    margin-left: 7px;
    margin-top: 7px;
    overflow: hidden
}

.Match-player-nickname {
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1.46px;
    line-height: 22px;
    width: 150px;
    display: inline-block
}

.content-div {
    display: flex;
    align-items: center
}

.content-div .Match-player-nickname {
    width: 100px
}

.duration-statues-green {
    margin: 0 10px;
    padding: 0;
    height: 8px;
    width: 8px;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #7ed321
}

.MatchResult-add-match-result-continuer {
    border: 1px dashed #454a4a;
    border-radius: 5px
}

.MatchResult-game-number {
    color: #ffffff;
    font-size: 19px;
    letter-spacing: 2.14px;
    text-align: center
}

.MatchResult-first-team-name {
    color: #ffffff;
    font-size: 17px;
    letter-spacing: 2.14px;
    text-align: center
}

.MatchResult-upload-screenshots-btn {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.46px;
    background-color: #0f1010;
    padding: 0.5rem 2rem
}

.MatchResult-upload-screenshots-btn:hover {
    color: #ffffff
}

.MatchResult-attached-name {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.46px
}

.MatchResult-hr {
    box-sizing: border-box;
    height: 1px;
    border: 0.8px solid #0f1010
}

.MatchResult-game-result-block {
    border-radius: 5px;
    background-color: #1a1d2e
}

.MatchResult-game-number {
    color: #ffffff;
    font-size: 19px;
    letter-spacing: 2.14px;
    text-align: center
}

.MatchResult-first-team-name {
    color: #ffffff;
    font-size: 17px;
    letter-spacing: 2.14px;
    text-align: center
}

.MatchResult-match-score {
    color: #6dd400;
    font-size: 36px;
    text-align: center
}

.MatchResult-attached {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.46px;
    line-height: 14px;
    margin-top: 10px;
    margin-bottom: 30px
}

.MatchResult-attchment-icon {
    width: 20px
}

.MatchResult-misMatch-icon {
    height: 40px;
    width: 25px
}

.MatchResult-attached-name {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.46px
}

.pointer {
    cursor: pointer
}

.upload-scores-modal .uiinput {
    background-color: #1d212e;
    width: 75px
}

.upload-scores-modal .single-score {
    justify-content: center
}

.upload-scores-modal label {
    font-size: 16px
}

.upload-scores-modal:nth-child(1) {
    border-bottom: 1px solid white;
    margin-bottom: 14px
}

.uimodal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.uimodal-backdrop {
    background-color: rgba(14, 17, 27, 0.7);
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.uimodal-body {
    max-height: calc(100vh - 25px);
    overflow-y: auto;
    background-color: #2b3144;
    padding: 18px 14px;
    position: relative;
    z-index: 100;
    width: 450px;
    max-width: 90%
}

.uimodal-close {
    position: absolute;
    top: 7px;
    right: 14px;
    line-height: 1;
    cursor: pointer
}

[dir="rtl"] .uimodal-close {
    right: unset;
    left: 14px
}

.uimodal-title {
    font-weight: 400;
    font-size: 23px
}

[dir="rtl"] .uimodal-title {
    margin-left: 7px
}

[dir="ltr"] .uimodal-title {
    margin-right: 7px
}

.uimodal-content {
    padding-top: 27px
}

.gaming-gear-item_img img {
    max-width: 100%;
    width: 7rem
}

.gaming-gear-item_desc {
    font-size: 13px;
    line-height: 2
}

.most_played_game {
    border: 1px solid #1a1e2c
}

.most_played_game__logo {
    width: 9rem;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(138deg) brightness(103%) contrast(101%)
}

.most_played_game_platform {
    font-size: 15px
}

.most_played_game-type {
    background-color: #ca0018;
    font-size: 12px;
    border-radius: 5px
}

.played_tournament_link a {
    background-color: #2e3444;
    border-radius: 5px;
    color: black;
    font-size: 14px;
    padding: 1px 7px;
    transition: background-color 0.3s ease
}

.played_tournament_link a:hover {
    background-color: #05f385;
    text-decoration: none
}

.section_title_wrapper {
    grid-column: 1 / -1
}

.full_grid_width {
    grid-column: 1 / -1
}

.social_media_section h3 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px
}

.tweet-msg-box {
    max-width: 540px;
    font-size: 15px
}

.tweet-msg-box h1 {
    font-size: 48px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 2px;
    font-style: italic
}

.tweet-msg-box h3 {
    text-align: center;
    color: #b4c0cd;
    font-size: inherit
}

.tweet-msg-box .tweet-buttons {
    justify-content: space-evenly
}

.tweet-msg-box .tweet-buttons>a {
    cursor: pointer;
    background-color: #03ACED;
    font-weight: 600;
    height: 40px;
    width: 110px;
    color: white;
    border: none;
    border-radius: 20px;
    outline: none;
    text-align: center;
    text-decoration: none;
    line-height: 40px
}

.tweet-msg-box .tweet-buttons .arabi-text {
    font-size: 17px
}

.custom-file-upload {
    background-color: #05f385;
    border-radius: 5px;
    font-size: 16px;
    padding: .5rem 1rem;
    color: black
}

.custom-file-upload {
    cursor: pointer
}

.custom-file-upload input[type="file"] {
    display: none
}

.tournament-bracket {
    overflow: hidden;
    width: 100%
}

.tournament-bracket--scrollmask {
    margin-bottom: -30px;
    margin-right: -30px
}

.tournament-bracket--scrollable {
    text-align: left;
    width: 100%;
    padding: 20px;
    max-width: 100%;
    outline: 0;
    overflow-y: hidden;
    overflow-x: auto;
    direction: ltr;
    -webkit-overflow-scrolling: touch
}

.tournament-bracket--scrollable::-webkit-scrollbar-button {
    display: none
}

.tournament-bracket--relative {
    position: relative
}

svg.bracket-svg {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    overflow: visible;
    -moz-user-select: none;
    -ms-user-select: none
}

.match--player-background {
    fill: #1a1c2e
}

.match--player-background:hover {
    fill: #363a5f
}

.match--timing text {
    fill: #8f9196;
    font-size: 12px;
    transition: fill 200ms ease
}

.match--details text {
    fill: #32c5ff;
    text-shadow: 1px 1px 1px #222;
    font-size: 12px;
    cursor: pointer;
    transition: fill 200ms ease
}

.match--details text:hover {
    fill: #05f385
}

.loser {
    fill: #e02020
}

.match--player-score {
    pointer-events: none;
    fill: #fff;
    font-size: 12px;
    text-shadow: none;
    letter-spacing: 1.08px
}

.match--player-score.winner {
    fill: #6dd400
}

.match--player-score.loser {
    fill: #e02020
}

.match--seed-background {
    fill: none
}

.match--seed {
    fill: #23252d;
    font-size: 10px;
    letter-spacing: -0.5px;
    text-shadow: none
}

.match--player-divider {
    stroke: #444549;
    stroke-width: 1px
}

.match--base-background {
    fill: #1a1c2e
}

.match--wrapper-background {
    fill-opacity: 0;
    shape-rendering: auto
}

.match--identifier {
    fill: #999;
    font-size: 10px
}

.rounds .round {
    float: left;
    text-align: center;
    line-height: 15px;
    background-color: #3c3c3c;
    border-right: 1px solid #444
}

.round-label rect {
    fill: none
}

.round-label text {
    fill: #05f385;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.match--player-name {
    pointer-events: none;
    fill: #fff;
    text-shadow: 1px 1px 1px #222;
    font-size: 12px;
    letter-spacing: 1.08px
}

.match--player-name.winner {
    fill: #6dd400
}

.match--player-id {
    font-size: 9px;
    fill: #8f9196
}

.bracket-line-container {
    transition: 0.5s ease-in-out
}

.bracket-line {
    fill: none;
    stroke: #3e415a;
    stroke-width: 2px
}

.match--player.conflict .match--player-name {
    fill: #ffc01b
}

.grid-flex {
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap
}

.grid-flex .size-content h2 {
    font-size: 24px
}

.grid-flex .size-content .size-1-of-4 {
    margin: 15px;
    display: flex;
    justify-content: space-between
}

.grid-flex .size-content .size-1-of-4>a {
    color: white;
    text-decoration: none
}

.grid-flex .size-content .size-1-of-4>a .structure-group {
    background-color: #121522;
    padding: 20px;
    min-width: 255px
}

.grid-flex .size-content .size-1-of-4>a .structure-group .title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px
}

.grid-flex .size-content .size-1-of-4>a .structure-group:hover {
    background-color: #1a1d2e
}

.grid-flex .ranking-item {
    display: flex;
    justify-content: space-between
}

.grid-flex.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap
}

.items {
    margin: 0 -15px;
    font-size: 14px;
    letter-spacing: 1.5px
}

.stats-page .items {
    margin: 0 -10px;
    flex-wrap: wrap
}

.stats-page .items .date-margin {
    margin-bottom: 30px !important
}

.stats-page .items .match {
    display: flex;
    height: 60px;
    width: 220px;
    border-radius: 10px;
    border: 1px solid #4b5269;
    justify-content: center;
    padding: 10px;
    margin: 10px;
    position: relative
}

.stats-page .items .match .name-status {
    display: flex;
    margin-bottom: 5px
}

.stats-page .items .match .name-status .names {
    flex: 0 0 40%
}

.stats-page .items .match .name-status .status {
    flex: 0 0 50%
}

.stats-page .items .match .name-status .team-win-lose-status {
    font-size: 12px;
    display: flex;
    flex: 0 0 10%;
    justify-content: center
}

.stats-page .items .match .date-item-stamp {
    position: absolute;
    bottom: -24px;
    font-size: 13px
}

.overview-page-tabs .nav-link {
    color: #8f9196;
    text-transform: uppercase;
    position: relative
}

.overview-page-tabs .nav-link.active {
    color: white
}

.overview-page-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    border: 1px solid #05F385
}

.bracket-team-id {
    max-width: 70px;
    display: inline-block;
    font-size: 9px
}

.bracket-team-name {
    max-width: 70px;
    display: inline-block
}

.MatchResult-attchment-icon {
    width: 20px
}

.winner-brackets {
    color: #6dd400;
    font-weight: bold;
    float: right
}

.winner {
    color: #6dd400
}

.looser-brackets {
    color: #e02020;
    font-weight: bold;
    float: right
}

.looser {
    color: #e02020
}

.conflict {
    color: #fce523
}

.tournament-bracket {
    display: flex;
    flex-direction: column
}

@media (min-width: 38em) {
    .tournament-bracket {
        flex-direction: row
    }
}

.tournament-bracket__item {
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    position: relative
}

@media (max-width: 24em) {
    .tournament-bracket__item {
        width: 100%
    }
    .tournament-bracket__item:nth-child(odd),
    .tournament-bracket__item:nth-child(even) {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 38em) {
    .tournament-bracket__item {
        padding: 0.5em 1em;
        width: 100%
    }
    .tournament-bracket__item:nth-child(odd),
    .tournament-bracket__item:nth-child(even) {
        margin: 0
    }
    .tournament-bracket__item::after {
        position: absolute;
        content: "";
        display: block;
        height: 45%
    }
    .tournament-bracket__round:first-child .tournament-bracket__item {
        padding-left: 0
    }
    .tournament-bracket__round:last-child .tournament-bracket__item {
        padding-right: 0
    }
    .tournament-bracket__round:last-child .tournament-bracket__item::after {
        display: none
    }
}

.tournament-bracket__match {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    padding: 17px;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1.08px;
    line-height: 18px;
    width: 100%;
    background-color: #1a1c2e;
    padding: 1em;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    height: 79px
}

.highlight-bracket {
    outline: 2px solid #05F385;
    outline-offset: -2px
}

.tournament-bracket__team {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.below-content {
    direction: ltr;
    font-size: 12px;
    position: absolute;
    margin-top: 68px !important;
    text-transform: uppercase
}

.highlight-text-red {
    color: #05F385
}

.chat {
    width: 414px;
    border-radius: 15px 15px 0 0;
    background-color: #10121c;
    margin-left: auto;
    cursor: pointer;
    padding: 0.5em;
    margin-right: 1em;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
    overflow: hidden;
}

[dir='rtl'] .chat {
    margin-right: auto;
    margin-left: 1em;
    left: 0;
    right: 0;
}

.live__collapse {
    height: 61px;
    /* margin-bottom: -2.9em; */
    transition: 0.2s ease-out;
}

.live {
    height: 571px;
    /* margin-bottom: -3em; */
}

.chat-icon {
    height: 12px;
    width: 22px;
    position: absolute;
    margin-top: 15px;
}

[dir='ltr'] .chat-icon {
    right: 40px;
}

[dir='rtl'] .chat-icon {
    left: 40px;
}

.messaging {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 19px;
    color: white;
}

.avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #d6d8db;
    margin-inline-end: 0.4em;
}

.slug {
    opacity: 0.5;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 19px;
}

.power-by {
    text-align: center;
    color: #525868;
    font-size: 10px;
    letter-spacing: -0.18px;
    line-height: 16px;
    position: absolute;
    bottom: 1em;
}

[dir='ltr'] .power-by {
    left: 15em;
}

[dir='rtl'] .power-by {
    right: 15em;
}

.live__messages-box {
    height: 505px;
    width: 414px;
    background-color: #1b1b26;
    margin-top: 10px;
    border-radius: 15px 15px 0 0;
    position: relative;
}

.agool {
    height: 33px;
    width: 33px;
    margin-inline-start: 0.3em;
}

.badge-danger {
    position: absolute;
    height: 17px;
    width: 16px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 13px;
    margin-inline-start: 2.4em;
}

.unread {
    position: absolute;
}

[dir='ltr'] .unread {
    left: 4px;
}

[dir='rtl'] .unread {
    left: 4px;
}

.live__messages {
    padding: 10px 15px;
    word-break: break-word;
}

.live__sender {
    color: #03f590;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    height: 28px;
    padding-inline-start: 6px;
    display: inline-block;
    white-space: nowrap;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
}

.organize-sender {
    width: 3.1em;
}

.arabic .live__message {
    text-align: right;
}

.arabic-sender {
    direction: rtl;
}

.live__avatar {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #d6d8db;
    margin-inline-end: 11px;
    margin-top: 1em;
}

.live__time {
    color: #7c7f87;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 23px;
}

.live__message {
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1.4rem;
    padding-inline-start: 3.4em;
    margin-top: -1.2em;
}

.input-container-chat {
    padding: 1.3em 1em;
    /* font-size: 16px; */
}

.msg-box {
    height: 59px;
    border-radius: 25px;
    background-color: #11111b;
    border: 0;
    color: white;
    outline: 0;
    width: 100%;
}

.msg-box::placeholder {
    color: #98a0a9;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
}

.live__organizer {
    border-radius: 11px;
    background-color: #f8e71c;
    margin-inline-start: 0;
    margin-inline-end: 6px;
    display: inline-block;
    height: 22px;
    width: 94px;
    color: #000000;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.8px;
    text-align: center;
    line-height: 19px;
}

.scroll_parent {
    height: 48px;
    width: 48px;
    opacity: 0.6;
    border-radius: 29px;
    background: #09090d url('../../../images/chat/scroll.png') no-repeat center center;
    background-size: 40%;
    position: absolute;
    z-index: 9999;
    bottom: 145px;
    right: 30px;
    cursor: pointer;
}

.loading {
    color: white;
    text-align: center;
}

@media screen and (max-width: 500px) {
    /*[dir = 'ltr'] .chat-icon{*/
    /*    right: 0;*/
    /*}*/
    /*[dir='rtl'] .chat-icon{*/
    /*    left: 0;*/
    /*}*/
    .chat {
        width: 100%;
        margin-right: auto;
    }
    [dir='rtl'] .chat {
        margin-left: auto;
        width: 100%;
    }
    .live__messages-box {
        width: 106%;
        height: 509px;
    }
    .slug {
        display: inline-block;
        white-space: nowrap;
        width: 30%;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 10px;
        min-width: 0px;
    }
    .live__avatar {
        height: 44px;
        width: 45px;
        margin-inline-end: 7px;
    }
    .live__sender {
        font-size: 15px;
        line-height: 11px;
    }
    .live__organizer {
        border-radius: 7px;
        margin-inline-end: 6px;
        height: 14px;
        width: 63px;
        font-size: 11px;
        line-height: 13px;
        letter-spacing: 0.5px;
    }
    .live__time {
        font-size: 12px;
    }
    .live__message {
        padding-inline-start: 3.9em;
        font-size: 15px;
        line-height: 19px;
    }
}

.crowdfunding-faq {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 30px
}

@media (min-width: 992px) {
    .crowdfunding-faq {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.crowdfunding-faq-bg-gradient {
    background: radial-gradient(circle closest-side, #350942, #010101)
}

.amazon-product-card {
    background-color: #212529;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: white;
    border-radius: 8px;
    height: 280px;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.amazon-product-card:hover {
    color: white;
    text-decoration: none
}

.amazon-product-card:hover>.amazon-product-card_text-container>.amazon-product-card_name {
    text-decoration: underline !important
}

.amazon-product-card_text-container {
    padding: 12px;
    flex-grow: 1
}

.amazon-product-card_loader .amazon-product-card_text-container>:not(:first-child) {
    margin-top: 10px
}

.amazon-product-card_loader .amazon-product-card_text-container>:last-child {
    height: 15px;
    width: 50%
}

.amazon-product-card_loader .amazon-product-card_text-container>div {
    height: 12px;
    width: 100%;
    background-color: white
}

.amazon-product-card_name {
    max-height: 77px;
    line-height: 19px;
    font-size: 14px;
    overflow: hidden
}

.amazon-product-card .amazon-product-image {
    flex-shrink: 0;
    background-color: white;
    height: 152px;
    width: 100%;
    position: relative;
    padding: 4px
}

.amazon-product-card .amazon-product-image .amazon-product-image-padding {
    padding: 4px !important
}

.amazon-product-card .amazon-price {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: end
}

[dir='rtl'] .amazon-product-card .amazon-price {
    flex-direction: row-reverse
}

.amazon-product-card .amazon-price>:not(:first-child) {
    margin-left: 4px
}

.amazon-product-card .amazon-price .amazon-sub-price {
    font-size: 12px;
    position: relative;
    bottom: 3px;
    font-weight: 500
}

.amazon-product-card .amazon-discount {
    display: flex;
    font-size: 12px;
    position: relative;
    bottom: 5px;
    text-decoration: line-through;
    color: #565959
}

[dir='ltr'] .amazon-product-card .amazon-discount {
    margin-left: 2px
}

[dir='rtl'] .amazon-product-card .amazon-discount {
    margin-right: 2px
}

.amazon-product-card_external-arrow {
    position: absolute;
    display: flex;
    align-items: center;
    color: #3f3f46;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 4px;
    width: 28px;
    height: 28px;
    top: 0;
    border-radius: 0px 0px 0px 9px
}

[dir='ltr'] .amazon-product-card_external-arrow {
    right: 0
}

[dir='rtl'] .amazon-product-card_external-arrow {
    transform: rotate(-90deg);
    left: 0
}

.amazon-products-category-tabs-dropdown {
    top: calc(100% - 6px);
    position: absolute;
    z-index: 40;
    border-radius: 13px;
    overflow: hidden;
    background-color: #212529;
    width: max-content
}

[dir='rtl'] .amazon-products-category-tabs-dropdown {
    left: 0px
}

[dir='ltr'] .amazon-products-category-tabs-dropdown {
    right: 0px
}

.amazon-products-category-tabs-dropdown .amazon-category-dropdown-link:not(:last-child) {
    margin-bottom: 8px
}

.amazon-products-category-tabs-dropdown .amazon-category-dropdown-link {
    all: unset;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    padding-top: 16px;
    padding-bottom: 16px;
    color: white;
    padding: 4px;
    border-radius: 8px
}

.amazon-products-category-tabs-dropdown .amazon-category-dropdown-link:hover {
    cursor: pointer;
    background-color: #343a40
}

.amazon-products-category-tabs-dropdown .amazon-category-dropdown-link.is_active {
    border-bottom: none;
    color: #05f385
}

.sort-dropdown-list {
    top: calc(100% + 6px);
    position: absolute;
    width: max-content;
    border-radius: 13px;
    overflow: hidden;
    background-color: #212529
}

[dir='rtl'] .sort-dropdown-list {
    left: 0px
}

[dir='ltr'] .sort-dropdown-list {
    right: 0px
}

.sort-dropdown-list .sort-amazon-cards {
    all: unset;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    padding-top: 16px;
    padding-bottom: 16px;
    color: white;
    padding: 4px;
    border-radius: 8px
}

.sort-dropdown-list .sort-amazon-cards:hover {
    cursor: pointer;
    background-color: #343a40
}

.sort-dropdown-list .sort-amazon-cards.is_active {
    border-bottom: none;
    color: #05f385
}

.sort-dropdown-list .sort-amazon-cards:not(:last-child) {
    margin-bottom: 8px
}

.sort-dropdown {
    font-size: 13px
}

.sort-dropdown:hover {
    cursor: pointer
}

.amazon-products-category-tabs-container {
    background-color: #1d343f;
    min-height: 250px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 768px) {
    .amazon-products-category-tabs-container {
        min-height: 150px
    }
}

.amazon-products-category-tabs-container .amazon-products-title {
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    font-size: 32px;
    padding-top: 34px;
    color: white
}

.amazon-products-category-tabs-container .amazon-products-category-tabs {
    margin-top: 12px;
    width: 100%
}

[dir='ltr'] .amazon-products-category-tabs-container .amazon-products-category-tabs .amazon-tabs-space-between:not(:first-child) {
    margin-left: 40px
}

[dir='rtl'] .amazon-products-category-tabs-container .amazon-products-category-tabs .amazon-tabs-space-between:not(:first-child) {
    margin-right: 40px
}

.amazon-products-category-tabs-container .amazon-products-category-tabs .amazon-category-link {
    all: unset;
    color: #dee2e6;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    padding-top: 16px;
    padding-bottom: 16px
}

[dir='ltr'] .amazon-products-category-tabs-container .amazon-products-category-tabs .amazon-category-link.amazon-category-link-space-between>*:not(:first-child) {
    margin-left: 6px
}

[dir='rtl'] .amazon-products-category-tabs-container .amazon-products-category-tabs .amazon-category-link.amazon-category-link-space-between>*:not(:first-child) {
    margin-right: 6px
}

.amazon-products-category-tabs-container .amazon-products-category-tabs .amazon-category-link:hover {
    cursor: pointer
}

.amazon-products-category-tabs-container .amazon-products-category-tabs .amazon-category-link.is_active {
    border-bottom: 3px solid #05f385
}

.amazon-gadgets-page {
    margin-top: 24px
}

.amazon-prod-brief-list_card {
    width: 200px
}

@media (min-width: 576px) {
    [dir='ltr'] .amazon-prod-brief-list_card {
        padding-right: 16px !important;
        padding-left: 0px !important
    }
    [dir='rtl'] .amazon-prod-brief-list_card {
        padding-left: 16px !important;
        padding-right: 0 !important
    }
}

@media (min-width: 992px) {
    .amazon-prod-brief-list_card {
        width: auto
    }
    [dir='ltr'] .amazon-prod-brief-list_card {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    [dir='rtl'] .amazon-prod-brief-list_card {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

[dir='ltr'] .desktop-secondary-icons {
    margin-right: 16px
}

[dir='rtl'] .desktop-secondary-icons {
    margin-left: 16px
}

.desktop-secondary-icons:hover,
.desktop-secondary-icons:focus {
    color: #05f385
}

.desktop-secondary-icons:hover img,
.desktop-secondary-icons:focus img {
    opacity: 0.75
}

.desktop-secondary-icons.is-active {
    color: #05f385
}

.groups-top-bar {
    display: none
}

@media (min-width: 1524px) {
    .groups-top-bar {
        display: block
    }
}

.leaderboard-top-bar {
    display: none
}

@media (min-width: 1408px) {
    .leaderboard-top-bar {
        display: block
    }
}

.gaming-gear-top-bar {
    display: none
}

@media (min-width: 1266px) {
    .gaming-gear-top-bar {
        display: block
    }
}

.navbar-btn {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 25px;
    color: white;
    margin-left: 4px
}

@media (min-width: 1024px) {
    .navbar-btn {
        font-size: 13px
    }
}

@media (min-width: 1077px) {
    .navbar-btn {
        font-size: 15px
    }
}

[dir='rtl'] .navbar-btn {
    font-size: 13px;
    margin-left: 0px;
    margin-right: 4px
}

.navbar-btn:hover {
    background-color: #343a40
}

.navbar-btn.is-active,
.navbar-btn:focus {
    color: #05f385
}

.navbar-btn .navbar-btn-txt {
    margin-left: 8px
}

[dir='rtl'] .navbar-btn .navbar-btn-txt {
    margin-right: 8px;
    margin-left: 0px
}

.navbar-btn .icon {
    height: 20px;
    width: 20px;
    font-size: 22px
}

.navbar-btn .external-arrow-ar {
    transform: rotate(-90deg)
}

.navbar-btn .animate-arrow {
    transform: rotate(0deg);
    transition: transform 0.1s linear
}

.navbar-btn .animate-arrow.open {
    transform: rotate(-180deg)
}

.dropdown-btn {
    color: #05f385
}

.dropdown-btn.is-active {
    background-color: black
}

.layout-footer {
    margin-top: 70px !important
}

.layout-footer .copyright {
    color: #d2d2d2;
    letter-spacing: 0.7px
}

.layout-footer .copyright .powered-by {
    color: #d2d2d2;
    line-height: 16px
}

.nav-list {
    list-style: none
}

.large-display {
    display: block
}

.mobile-display {
    display: none
}

@media (max-width: 1200px) {
    .large-display {
        display: none
    }
    .mobile-display {
        display: block
    }
}

.flex-end {
    justify-content: flex-end
}

.blog {
    line-height: 1.5;
    list-style: none;
    font-weight: 400;
    background-color: transparent;
    align-items: center;
    text-decoration: none;
    color: white;
    font-size: 0.49em
}

.blog:hover {
    text-decoration: none;
    color: white
}

.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translate3d(0, 0, 9999px);
    position: fixed;
    padding: 4px;
    width: 320px;
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 88px;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 88px;
    left: 50%;
    margin-left: -160px
}

.Toastify__toast-container--top-right {
    top: 88px;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0px 16px;
        left: 0;
        margin: 0
    }
    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-right {
        top: 84px
    }
    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-right {
        bottom: 0
    }
    .Toastify__toast-container--rtl {
        right: 0;
        left: initial
    }
}

.Toastify__toast {
    position: relative;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 1px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 800px;
    overflow: hidden;
    cursor: pointer;
    direction: ltr
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa
}

.Toastify__toast--info {
    background: #3498db
}

.Toastify__toast--success {
    background: #07bc0c
}

.Toastify__toast--warning {
    background: #f1c40f
}

.Toastify__toast--error {
    background: #e74c3c
}

.Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom: 0
    }
}

.Toastify__close-button {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s ease;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.Toastify__close-button--default {
    color: #000;
    opacity: 0.3
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }
    100% {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: 0.7;
    background-color: rgba(255, 255, 255, 0.7);
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform 0.2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right
}

.Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55)
}

@keyframes Toastify__bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    from {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    from {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes Toastify__slideInLeft {
    from {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes Toastify__slideInUp {
    from {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes Toastify__slideInDown {
    from {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes Toastify__slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes Toastify__slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
    }
}

@keyframes Toastify__slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

.customToastCloseButton {
    cursor: pointer
}

.customToastCloseButton:hover,
.customToastCloseButton:focus {
    opacity: 0.7
}

.gamification-toast {
    border-radius: 8px;
    background: linear-gradient(270deg, #cf21ff 0%, #2b00b0 100%) !important;
    margin: 0px !important
}

[dir="ltr"] .gamification-toast {
    padding: 6px 7px 12px 16px
}

[dir="rtl"] .gamification-toast {
    padding: 6px 16px 12px 7px
}

.gamification-toast-body {
    color: white;
    font-weight: 500;
    font-size: 15px;
    margin-top: 6px !important;
    margin-bottom: 0px !important
}

[dir="ltr"] .gamification-toast-body {
    margin-right: 6px !important;
    margin-left: 0px !important
}

[dir="rtl"] .gamification-toast-body {
    margin-right: 0px !important;
    margin-left: 6px !important
}

.gamification-toast-progress-bar {
    background: rgba(33, 37, 41, 0.3) !important;
    border-radius: 8px;
    height: 4px
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #05f385;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #05f385, 0 0 5px #05f385;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
    border-bottom: 8px solid green
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ReactModal__Overlay {
    opacity: 0;
    transition: opacity 300ms ease-in-out
}

.ReactModal__Overlay--after-open {
    opacity: 1
}

.ReactModal__Overlay--before-close {
    opacity: 0
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-thin-100.ttf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-thin-100-italic.ttf");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-extra-light-200.ttf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-extra-light-200-italic.ttf");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-light-300.ttf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-light-300-italic.ttf");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-regular-400.ttf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-italic-400.ttf");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-medium-500.ttf");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-medium-500-italic.ttf");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-semi-bold-600.ttf");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-semi-bold-600-italic.ttf");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-bold-700.ttf");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-bold-700-italic.ttf");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-extra-bold-800.ttf");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-extra-bold-800-italic.ttf");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url(".../fonts/montserrat/montserrat-black-900.ttf");
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/montserrat-black-900-italic.ttf");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-thin-250.otf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-extra-light-275.otf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-light-300.otf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-regular-400.otf");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-medium-500.otf");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-semi-bold-600.otf");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-bold-700.otf");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-extra-bold-800.otf");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: "MontserratAR";
    src: url("../fonts/montserrat-arabic/montserrat-black-900.otf");
    font-weight: 900;
    font-display: swap
}

.main_section_header {
    font-style: italic;
    font-size: 32px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    overflow-wrap: anywhere
}

.vertical_bottom {
    vertical-align: bottom
}

.grecaptcha-badge {
    z-index: 99999
}

.container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        padding-right: 0px;
        padding-left: 0px;
        max-width: 540px
    }
}

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

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px
    }
}

@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important
    }
}

@media (min-width: 1400px) {
    .d-xxl-block {
        display: block !important
    }
}

@media (min-width: 1400px) {
    .d-xxl-flex {
        display: flex !important
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes pulse {
    0%,
    100% {
        opacity: 1
    }
    50% {
        opacity: 0.5
    }
}

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

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

.row-cols-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

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

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

.row-cols-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

@media (min-width: 576px) {
    .row-cols-sm-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
}

@media (min-width: 768px) {
    .row-cols-md-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
}

@media (min-width: 992px) {
    .row-cols-lg-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
}

@media (min-width: 1200px) {
    .row-cols-xl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
}

@media (min-width: 1400px) {
    .row-cols-xxl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xxl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xxl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xxl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xxl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xxl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
}

.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 1400px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.333333%
    }
    .offset-xxl-2 {
        margin-left: 16.666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.333333%
    }
    .offset-xxl-5 {
        margin-left: 41.666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.333333%
    }
    .offset-xxl-8 {
        margin-left: 66.666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.333333%
    }
    .offset-xxl-11 {
        margin-left: 91.666667%
    }
}

.dark_blue_bg {
    background: #10121c;
    font-size: 30px;
    font-weight: bold
}

.alert {
    background-color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 5px 3px;
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 0
}

.alert-danger {
    border: 1px solid #05f385;
    border-top: none;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #05f385
}

.alert-info {
    border: 1px solid #2bb3bd;
    border-top: none;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #2bb3bd
}

.alert-success {
    border: 1px solid #28a745;
    border-top: none;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: #28a745
}

.alert-warning {
    border: 1px solid orange;
    border-top: none;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    color: orange
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.animate-arrow {
    transform: rotate(0deg);
    transition: transform 0.1s linear
}

.animate-arrow.open {
    transform: rotate(-180deg)
}

.white-icon {
    color: #fff;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center
}

.danger-icon {
    color: #05f385;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #05f385;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    transform: scale(1.15)
}

.height-spacer {
    height: 14px
}

.width-spacer {
    width: 14px
}

[dir='rtl'] .text-right {
    text-align: left
}

[dir='ltr'] .text-right {
    text-align: right
}

[dir='rtl'] .text-left {
    text-align: right
}

[dir='ltr'] .text-left {
    text-align: left
}

.error-message {
    color: #ff6c75;
    font-size: 13px;
    margin: 3px 0 0 0
}

.error-input {
    border-color: #ff6c75 !important
}

.bg-red {
    background: #dd1d29 !important
}

.bg-red:disabled {
    opacity: 0.8
}

.bg-red:active,
.bg-red:focus,
.bg-red:hover {
    background: #03a85c !important
}

[dir='rtl'] .flip-img {
    transform: scaleX(-1)
}

.color-yellow {
    color: #f7b500
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem
}

.py-small {
    padding-top: 4px;
    padding-bottom: 4px
}

.px-small {
    padding-right: 4px;
    padding-left: 4px
}

.font-weight-normal {
    font-weight: normal !important
}

.font-weight-500 {
    font-weight: 500
}

.font-weight-900 {
    font-weight: 900
}

.font-size-12 {
    font-size: 12px
}

.font-size-15 {
    font-size: 15px
}

.font-size-17 {
    font-size: 17px
}

.font-size-20 {
    font-size: 20px
}

.font-size-22 {
    font-size: 22px
}

.font-size-24 {
    font-size: 24px
}

.font-size-32 {
    font-size: 32px
}

.font-size-normal {
    font-size: 18px !important
}

.font-size-small {
    font-size: 16px !important
}

.font-size-smaller {
    font-size: 14px !important
}

.font-smallest {
    font-size: 10px !important
}

.text-transform-none {
    text-transform: none !important
}

.letter-spacing-1 {
    letter-spacing: 1px !important
}

.cursor-pointer {
    cursor: pointer
}

.hover-underline:hover {
    text-decoration: underline
}

.color-green {
    color: #05f385 !important
}

.bg-green {
    background-color: #05f385 !important
}

.color-white {
    color: white
}

.btn-outline-green {
    border: 1px solid #05f385;
    border-radius: 5px;
    background-color: transparent;
    color: #05f385;
    min-width: 100px;
    outline: none
}

.btn-outline-green:disabled {
    opacity: 0.8
}

.btn-outline-green:hover {
    background: #05f385;
    color: #0e111b
}

.btn-outline-green:active,
.btn-outline-green:focus {
    box-shadow: 0 0 0 0.2rem #05f38470
}

.line-height-1 {
    line-height: 1
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 750px;
        margin: 1.75rem auto;
        padding: 0 0.5rem
    }
}

.modal-content {
    background-color: #0e111b;
    color: #fff
}

.modal-content .modal-body {
    font-size: 18px
}

.modal-content .modal-header {
    border-color: #0e111b
}

.modal-content .close {
    color: #fff
}

.kafu-input {
    background-color: #1f2249;
    border-color: #1f2249;
    color: #fff !important;
    font-size: 15px
}

.kafu-input::placeholder {
    font-size: 15px
}

.kafu-input:focus,
.kafu-input:active {
    background-color: #1f2249;
    box-shadow: 0 0 0 0.2rem rgba(31, 34, 73, 0.253);
    border: #101125
}

.tooltip-icon {
    background: #fff;
    width: 18px;
    height: 18px;
    color: black;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer
}

[dir='rtl'] .ar-rotate {
    transform: rotate(180deg)
}

.react-add-to-calendar__button {
    cursor: pointer;
    margin-bottom: 1rem;
    color: #fff !important;
    display: block
}

.react-add-to-calendar__dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.react-add-to-calendar__dropdown ul a {
    color: #05f385
}

.twitter-follow-button {
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    width: fit-content;
    height: fit-content;
    text-decoration: none;
    transition: background-color 0.2s ease;
    color: white
}

.twitter-follow-button:hover {
    color: white;
    text-decoration: none;
    background-color: #04563d
}

.bg-dark {
    background-color: #0f1018 !important
}

.display-5 {
    font-size: 2.5rem !important
}

.display-4 {
    font-size: 3rem !important
}

.text-whitish {
    color: #e2e2e2
}

.rotate-arrow {
    display: inline-flex
}

[dir='ltr'] .rotate-arrow svg {
    transform: rotate(90deg)
}

[dir='rtl'] .rotate-arrow svg {
    transform: rotate(-90deg)
}

.checkmark {
    display: inline-block;
    transform: rotate(45deg);
    height: 50px;
    width: 26px;
    border-bottom: 10px solid #05f385;
    border-right: 10px solid #05f385
}

[dir='ltr'] .letter-spacing-1-5 {
    letter-spacing: 1.5px
}

.text-uppercase {
    text-transform: uppercase
}

.no_underline {
    text-decoration: unset !important
}

[dir='ltr'] .text-italic {
    font-style: italic
}

.link {
    color: white
}

.link:hover {
    color: #05f385
}

.no_click_event {
    pointer-events: none
}

.verses-icon {
    height: 65px;
    width: 65px;
    background-color: black;
    border-radius: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    letter-spacing: 2px;
    font-size: 34px;
    font-style: italic
}

.view_all_main_link {
    display: block;
    text-transform: capitalize;
    cursor: pointer;
    color: #05f385;
    font-weight: bold;
    font-size: 0.6em;
    text-align: center;
    background-color: transparent;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    border-radius: 5px
}

.view_all_main_link:hover {
    color: #05f385
}

.bottom-0 {
    bottom: 0
}

[dir='rtl'] .icon_rtl_dir {
    transform: scale(-1)
}

[dir='rtl'] .email_icon_dir {
    transform: rotate(270deg) !important
}

.bg-black {
    background-color: black
}

.bg-black-shd1 {
    background-color: rgba(0, 0, 0, 0.71)
}

.bg-red-shd1 {
    background-color: #dd1d29
}

.color-gray-shd1 {
    color: #686a73
}

.bg-gray-shd1 {
    background-color: #686a73
}

.border-gray-shd1 {
    border: 1px solid #686a73
}

.color-blue-shd1 {
    color: #2a2f49
}

.bg-blue-shd1 {
    background-color: #2a2f49
}

.border-blue-shd1 {
    border: 1px solid #2a2f49
}

.color-blue-shd2 {
    color: #3d3e51
}

.bg-gray-shd2 {
    background-color: #3d3e51
}

.border-gray-shd2 {
    border: 1px solid #3d3e51
}

.border-bottom-0 {
    border-bottom: 0
}

.border-top-0 {
    border-bottom: 0
}

.general-green-heading {
    color: #03f490;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 0.99px;
    font-style: italic;
    margin-top: 40px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.border-radius-3 {
    border-radius: 3px
}

.border-radius-4 {
    border-radius: 4px
}

.border-radius-5 {
    border-radius: 5px
}

.border-radius-6 {
    border-radius: 6px
}

.border-radius-8 {
    border-radius: 8px
}

.border-radius-10 {
    border-radius: 10px
}

.border-radius-14 {
    border-radius: 14px
}

.border-radius-14 {
    border-radius: 14px
}

.border-radius-14 {
    border-radius: 14px
}

.border-radius-18 {
    border-radius: 18px
}

.border-radius-30 {
    border-radius: 30px
}

.border-radius-50 {
    border-radius: 50px
}

.hide_web_kit_scroll::-webkit-scrollbar {
    display: none
}

.hide_web_kit_scroll {
    -ms-overflow-style: none;
    scrollbar-width: none
}

a,
button {
    font-family: Montserrat, sans-serif !important
}

[dir='rtl'] a,
[dir='rtl'] button {
    font-family: MontserratAR, sans-serif !important
}

.montserrat {
    font-family: Montserrat, sans-serif !important
}

[dir='rtl'] .montserrat {
    font-family: MontserratAR, sans-serif !important
}

[data-rsbs-overlay] {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--rsbs-overlay-rounded, 16px);
    border-top-right-radius: 16px;
    border-top-right-radius: var(--rsbs-overlay-rounded, 16px);
    display: flex;
    background: #fff;
    background: var(--rsbs-bg, #fff);
    flex-direction: column;
    height: 0px;
    height: var(--rsbs-overlay-h, 0px);
    transform: translate3d(0, 0px, 0);
    transform: translate3d(0, var(--rsbs-overlay-translate-y, 0px), 0);
    will-change: height;
}

[data-rsbs-overlay]:focus {
    outline: none;
}

[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {
    box-shadow: 0 -5px 60px 0 rgba(38, 89, 115, 0.11), 0 -1px 0 rgba(38, 89, 115, 0.05);
}

[data-rsbs-overlay],
[data-rsbs-root]:after {
    max-width: auto;
    max-width: var(--rsbs-max-w, auto);
    margin-left: env(safe-area-inset-left);
    margin-left: var(--rsbs-ml, env(safe-area-inset-left));
    margin-right: env(safe-area-inset-right);
    margin-right: var(--rsbs-mr, env(safe-area-inset-right));
}

[data-rsbs-overlay],
[data-rsbs-backdrop],
[data-rsbs-root]:after {
    z-index: 3;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    touch-action: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

[data-rsbs-backdrop] {
    top: -60px;
    bottom: -60px;
    background-color: rgba(0, 0, 0, 0.6);
    background-color: var(--rsbs-backdrop-bg, rgba(0, 0, 0, 0.6));
    will-change: opacity;
    cursor: pointer;
    opacity: 1;
}

[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {
    cursor: ns-resize;
}

[data-rsbs-root]:after {
    content: '';
    pointer-events: none;
    background: #fff;
    background: var(--rsbs-bg, #fff);
    height: 1px;
    transform-origin: bottom;
    transform: scale3d(1, 0, 1);
    transform: scale3d(1, var(--rsbs-antigap-scale-y, 0), 1);
    will-change: transform;
}

[data-rsbs-footer],
[data-rsbs-header] {
    flex-shrink: 0;
    cursor: ns-resize;
    padding: 16px;
}

[data-rsbs-header] {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 1px 0 rgba(46, 59, 66, calc(1 * 0.125));
    box-shadow: 0 1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity, 1) * 0.125));
    z-index: 1;
    padding-top: calc(20px + env(safe-area-inset-top));
    padding-bottom: 8px;
}

[data-rsbs-header]:before {
    position: absolute;
    content: '';
    display: block;
    width: 36px;
    height: 4px;
    top: calc(8px + env(safe-area-inset-top));
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    background-color: hsla(0, 0%, 0%, 0.14);
    background-color: var(--rsbs-handle-bg, hsla(0, 0%, 0%, 0.14));
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
    [data-rsbs-header]:before {
        transform: translateX(-50%) scaleY(0.75);
    }
}

[data-rsbs-has-header='false'] [data-rsbs-header] {
    box-shadow: none;
    padding-top: calc(12px + env(safe-area-inset-top));
}

[data-rsbs-scroll] {
    flex-shrink: 1;
    flex-grow: 1;
    -webkit-tap-highlight-color: revert;
    -webkit-touch-callout: revert;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

[data-rsbs-scroll]:focus {
    outline: none;
}

[data-rsbs-has-footer='false'] [data-rsbs-content] {
    padding-bottom: env(safe-area-inset-bottom);
}

[data-rsbs-content] {
    /* The overflow hidden is to ensure any margin on child nodes are included when the resize observer is measuring the height */
    overflow: hidden;
}

[data-rsbs-footer] {
    box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(1 * 0.125)), 0 2px 0 #fff;
    box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity, 1) * 0.125)), 0 2px 0 var(--rsbs-bg, #fff);
    overflow: hidden;
    z-index: 1;
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
}

[data-rsbs-is-dismissable='true'] [data-rsbs-header]>*,
[data-rsbs-is-dismissable='true'] [data-rsbs-scroll]>*,
[data-rsbs-is-dismissable='true'] [data-rsbs-footer]>*,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header]>*,
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header]>*,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll]>*,
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll]>*,
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer]>*,
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer]>* {
    opacity: 1;
    opacity: var(--rsbs-content-opacity, 1);
}

[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop],
[data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop],
[data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop] {
    opacity: 1;
    opacity: var(--rsbs-backdrop-opacity, 1);
}

[data-rsbs-state='closed'],
[data-rsbs-state='closing'] {
    /* Allows interactions on the rest of the page before the close transition is finished */
    pointer-events: none;
}

.table-container {
    overflow-x: auto;
    color: #fff
}

.table-container h5 {
    margin: 0;
    margin-bottom: 1rem
}

.table-container .vertical-center {
    display: flex;
    align-items: center
}

.table-container img {
    max-width: 40px
}

[dir='rtl'] .table-container img {
    margin-left: 0.5rem
}

[dir='ltr'] .table-container img {
    margin-right: 0.5rem
}

.table-container .headers {
    font-size: 22px
}

.table-container hr {
    border-top: none;
    border-color: rgba(255, 255, 255, 0.253)
}

.table-container .cards-display {
    display: flex;
    flex-wrap: wrap
}

.table-container .gameid-card {
    width: 25%;
    padding: 10px;
    border: 1px solid #3f4454;
    text-align: center;
    margin-bottom: 0.5rem
}

[dir='rtl'] .table-container .gameid-card {
    margin-left: 0.5rem
}

[dir='ltr'] .table-container .gameid-card {
    margin-right: 0.5rem
}

@media (max-width: 767px) {
    .table-container .gameid-card {
        width: calc(50% - 0.25rem)
    }
    [dir='rtl'] .table-container .gameid-card:nth-child(even) {
        margin-left: 0
    }
    [dir='ltr'] .table-container .gameid-card:nth-child(even) {
        margin-right: 0
    }
}

.table-container input,
.table-container button {
    width: 100%
}

.table-container button {
    justify-content: center
}

.gameids-table {
    color: #ffffff;
    width: 100%;
    text-align: left;
    border-collapse: collapse
}

[dir='rtl'] .gameids-table {
    text-align: right
}

.gameids-table th,
.gameids-table td {
    border: 1px solid #3f4454;
    padding: 9px;
    vertical-align: middle
}

.game-item {
    border: 1px solid #1b1e2e;
    border-radius: 5px
}

.game-icon img {
    margin: 30px auto 15px;
    display: block
}

.gameId-uibutton {
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    text-align: center;
    display: block !important;
    margin: 0.7em auto;
    width: 160px !important
}

.gameId-uiinput {
    width: 90% !important
}

.game_id_input {
    border-radius: 5px
}

.game_id_input:disabled {
    background-color: inherit
}

.disaply_game_ids_cards {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3, 1fr)
}

.edit_btn_gameids:hover {
    color: #05f385
}

.view_more_game_cards {
    border: none;
    color: white;
    background-color: unset;
    text-decoration: none;
    font-size: 15px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #1a1e2c;
    min-width: 10rem
}

.view_more_game_cards:hover {
    background-color: #10111a
}

.game-id-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.game-id-value {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    text-align: initial
}

.copy_id_button {
    position: absolute;
    right: 0.5rem
}

.uimodal-body .uiinput {
    background-color: #1d212e;
    width: 100%
}

.uimodal-body label {
    font-size: 17px;
    margin-bottom: 5px;
    display: block
}

.uimodal-body .modal-submit {
    min-width: 100px
}

.uimodal-body .countries-select {
    min-width: 40%;
    font-size: 13px
}

.uimodal-body .countries-select .countries__control {
    background-color: #1d212e;
    border-radius: 0;
    border: none;
    min-height: 36px
}

.uimodal-body .countries__single-value {
    color: #fff
}

.uimodal-body .controls {
    align-items: center;
    justify-content: flex-end;
    display: flex
}

.uimodal-body .controls p {
    flex: 1
}

.userprofile-input-fields {
    background-color: #0c0e18
}

.social-tab-wrapper .social-wrapper {
    margin: 1em auto 0;
    border: 1px solid #2a2c40;
    border-radius: 4px;
    padding: 2em
}

@media screen and (max-width: 768px) {
    .social-tab-wrapper .social-wrapper {
        padding: 1em 0.2em
    }
}

.social-tab-wrapper .social-title {
    opacity: 0.9;
    color: #ffffff;
    font-size: 0.6em;
    letter-spacing: 0.74px;
    padding-inline-start: 1em;
    transform: translate(0px, -7px);
    display: inline-block;
    font-weight: 600
}

.social-tab-wrapper .heading {
    color: #05f385;
    font-weight: 600;
    font-size: 0.7em
}

.social-tab-wrapper input {
    width: 100%;
    height: 45px
}

.social-tab-wrapper button {
    font-weight: bold
}

.social-tab-wrapper .left-icon-input {
    width: 100%;
    position: relative
}

.social-tab-wrapper .left-icon-input img {
    width: 20px;
    max-height: 23px;
    left: 10px;
    margin-inline-start: 1em;
    top: 50%;
    transform: translateY(-50%)
}

[dir="rtl"] .social-tab-wrapper .left-icon-input img {
    left: unset;
    right: 10px
}

.social-tab-wrapper .left-icon-input input {
    padding-left: 28px
}

[dir="rtl"] .social-tab-wrapper .left-icon-input input {
    padding-left: unset;
    padding-right: 28px
}

.game_id_wrapper .game_icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(2%) hue-rotate(126deg) brightness(105%) contrast(101%)
}

.game_id_copy {
    cursor: pointer;
    border-radius: 9999px;
    background-color: #4a373747;
    display: inline-block
}

.copy_icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(2%) hue-rotate(126deg) brightness(105%) contrast(101%)
}

.game_id {
    font-size: 14px
}

.update-gameId {
    width: 90px !important
}

.game_id_wrapper {
    background-color: #385aad;
    border-radius: 4px;
    min-height: 5rem;
    position: relative
}

.game_id_wrapper.first {
    background-image: linear-gradient(150.81deg, #1A7AE1 0%, #21427C 100%)
}

.game_id_wrapper.second {
    background-image: linear-gradient(150.81deg, #CE2B26 0%, #72121E 100%)
}

.game_id_wrapper.third {
    background-image: linear-gradient(150.81deg, #269B26 0%, #0E5010 100%)
}

.copied {
    color: #2cb742;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin-inline-start: auto
}

.public-profile_banner {
    position: relative
}

.edit_cover_btn {
    position: absolute;
    top: 1rem;
    right: 2rem;
    background-color: black;
    border: 1px solid #7d7c7d;
    border-radius: 10px;
    width: 9rem;
    text-align: center
}

.current-tab {
    color: white
}

.hidden-tab {
    color: gray
}

.activites-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.grid_wrapper {
    display: grid;
    grid-template-columns: 20rem 4fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch
}

.upcomming-tournaments-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch
}

@media (max-width: 767px) {
    .upcomming-tournaments-content {
        grid-template-columns: 1fr
    }
}

.last-activities-wrapper>div:nth-last-of-type(-n+2) .last_activity_content::after {
    content: none
}

.most_played_games_content {
    margin-top: 34px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    align-items: stretch
}

@media (max-width: 1024px) {
    .most_played_games_content {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767px) {
    .most_played_games_content {
        grid-template-columns: 1fr
    }
}

.content-view-switcher {
    margin-top: 24px;
    overflow: hidden
}

[dir="ltr"] .content-view-switcher {
    padding-left: 15px
}

[dir="rtl"] .content-view-switcher {
    padding-right: 15px
}

@media (min-width: 768px) {
    [dir="ltr"] .content-view-switcher {
        padding-left: 0px
    }
    [dir="rtl"] .content-view-switcher {
        padding-right: 0px
    }
}

.activity-date {
    color: #8B8D9D;
    font-size: 13px
}

.avatar_logo_activity {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 99999px;
    margin-inline-end: 1rem
}

.last_activity_content {
    position: relative
}

.last_activity_content::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    width: 100%;
    height: 1px;
    background-color: #36454E
}

.about-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px
}

.about-text {
    opacity: 0.9;
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    padding-inline-start: 1em
}

.dashed {
    border: 1px dashed #363E51;
    border-radius: 7px;
    height: 50px;
    width: 94%;
    margin-inline-start: 0.8em;
    color: white;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    padding: 0.5em 0;
    cursor: pointer
}

.dashed:hover {
    background-color: #0c0d12
}

.dashed img {
    width: 30px;
    padding-bottom: 0.4em
}

.dashed p {
    padding-inline-start: 0.8em;
    display: inline-block
}

.edit-container-profile {
    width: 95%
}

.bio-form {
    background-color: #0B0C12;
    border-radius: 7px;
    padding: 0.6em;
    margin-inline-start: 13px
}

.bio-form button {
    width: 95% !important
}

.bio-input {
    background-color: #0B0C12;
    height: 60px;
    caret-color: #05F385
}

.bio-input::placeholder {
    opacity: 0.7;
    color: #B4C0CD;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 18px
}

.update-btn {
    margin-top: -1.4em
}

.update-btn:hover {
    color: #05f385
}

.update-arrow {
    margin-inline-start: 4px
}

[dir="rtl"] .update-arrow {
    transform: rotate(180deg)
}

.nationality_section h3 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px
}

.nationality_section .flag {
    height: 18px;
    width: 23px
}

.nationality_section span {
    color: #B4C0CD;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 18px;
    padding-inline-start: 6px
}

.stream_empty_title {
    font-size: 28px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.79px
}

.text-color-gold {
    color: #e6b32a
}

.bg-dark-blue {
    background-color: #10111a
}

.avatar_wrapper {
    border-radius: 99999px;
    border: 1px solid #1a1d2e;
    width: 50px;
    height: 50px
}

.avatar_wrapper img {
    line-height: unset
}

.stream_description {
    color: #727a97;
    font-size: 14px;
    line-height: 17px
}

.live_stream_players-vs {
    color: #414247;
    font-size: 1rem
}

.live_streams_tags span {
    color: white;
    background-color: #25272d;
    font-size: 13px;
    border-radius: 5px
}

.live_stream_players-vs {
    font-size: 14px
}

.live_stream_players-name {
    font-size: 14px;
    letter-spacing: 0
}

.live_stream_link:hover {
    text-decoration: none
}

.earn-points-content {
    color: white
}

[dir="ltr"] .earn-points-content {
    font-family: Montserrat, sans-serif
}

[dir="rtl"] .earn-points-content {
    font-family: MontserratAR, sans-serif
}

.earn-points-content .margin-between:not(:last-child) {
    margin-bottom: 16px
}

.earn-points-content .title {
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize
}

.earn-points-content .description {
    font-size: 11px
}

.earn-points-content .coins {
    font-size: 13px;
    font-weight: 900;
    font-style: italic
}

[dir="ltr"] .earn-points-content .coins {
    margin-left: 10px
}

[dir="rtl"] .earn-points-content .coins {
    margin-right: 10px
}

[dir="ltr"] .earn-points-content .coins .space-between {
    margin-left: 5px
}

[dir="rtl"] .earn-points-content .coins .space-between {
    margin-right: 5px
}

.earn-points-content .action-btn {
    display: inline-block;
    padding: 9px 20px;
    color: #05f385 !important;
    text-transform: uppercase;
    font-style: italic;
    font-size: 13px;
    font-weight: 800;
    background-color: #495057 !important;
    border-radius: 8px;
    border: none;
    text-decoration: none;
    margin-top: 9px;
    cursor: pointer
}

.earn-points-content .action-btn:hover {
    opacity: 0.7
}

.earn-points-content .action-btn:focus {
    box-shadow: 0 0 0 1px black, 0 0 0 2px white
}

[dir="ltr"] .header-font {
    font-family: Montserrat, sans-serif
}

[dir="rtl"] .header-font {
    font-family: MontserratAR, sans-serif
}

.coin1 {
    position: absolute;
    top: 40px;
    left: 25%;
    width: 29px;
    height: 27px
}

.coin2 {
    position: absolute;
    top: 125px;
    left: 8%;
    width: 16px;
    height: 15px
}

@media (min-width: 500px) {
    .coin2 {
        left: 17%
    }
}

.coin3 {
    position: absolute;
    top: 25px;
    right: 40%;
    width: 16px;
    height: 15px
}

.coin4 {
    position: absolute;
    top: 46px;
    right: 20%;
    width: 29px;
    height: 27px
}

[data-rsbs-overlay],
[data-rsbs-backdrop],
[data-rsbs-root]:after {
    z-index: 999;
    overscroll-behavior: none;
    touch-action: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

[dir="ltr"] .sheet-font {
    font-family: Montserrat, sans-serif
}

[dir="rtl"] .sheet-font {
    font-family: MontserratAR, sans-serif
}

.sheet-header {
    background: url(../../../images/halftone.png) 50% 50%/311px 291px no-repeat;
    height: 100%
}

.sheet-close-btn {
    z-index: 1;
    border: 0;
    padding: 0px;
    border-radius: 50%;
    background: rgba(118, 118, 128, 0.24);
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sheet-close-btn .close-icon {
    color: rgba(235, 235, 245, 0.6)
}

.sheet-close-btn:hover {
    opacity: 0.75;
    cursor: pointer
}

.sheet-body {
    padding: 16px;
    color: white
}

.sheet-title {
    color: white;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    margin: 0px;
    line-height: normal;
    margin-top: 38px;
    margin-bottom: 6px
}

.sheet-subtitle {
    color: white;
    text-align: center;
    font-size: 15px;
    margin-bottom: 62px;
    padding: 0 10%
}

.point-entry {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding: 16px 0px;
    color: white
}

[dir="ltr"] .point-entry .space-between {
    margin-left: 8px
}

[dir="rtl"] .point-entry .space-between {
    margin-right: 8px
}

.point-entry .date {
    color: #adb5bd;
    font-size: 11px
}

.point-entry .description {
    align-self: stretch;
    display: flex;
    align-items: start;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 500
}

.point-entry .coins {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 15px;
    font-weight: 900;
    font-style: italic
}

[dir="ltr"] .point-entry .coins .space-between {
    margin-left: 4px
}

[dir="rtl"] .point-entry .coins .space-between {
    margin-right: 4px
}

.user-stats-wings {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 9px 4px;
    font-size: 15px;
    font-weight: 900;
    position: relative;
    font-style: italic;
    max-width: 360px
}

.user-stats-wings .img-placeholder {
    width: 64px
}

.user-stats-wings .score-container {
    width: calc(50% - 32px)
}

.user-stats-wings .score-container .score {
    padding: 0px 6px
}

.user-stats-wings .profile-img {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 64px;
    width: 64px;
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    background-color: black;
    overflow: hidden
}

.user-stats-wings .profile-img:hover {
    opacity: 0.8;
    outline: white solid 1px
}

.user-stat-matches {
    background-color: black;
    text-transform: uppercase;
    padding: 1px 14px;
    width: 200px;
    max-width: 100%
}

.user-stat-matches .won {
    color: #25ba25;
    width: 60px;
    overflow: hidden
}

[dir="ltr"] .user-stat-matches .won {
    font-size: 8px
}

[dir="rtl"] .user-stat-matches .won {
    font-size: 12px
}

.user-stat-matches .lost {
    color: #ff4444;
    width: 60px;
    overflow: hidden
}

[dir="ltr"] .user-stat-matches .lost {
    font-size: 8px
}

[dir="rtl"] .user-stat-matches .lost {
    font-size: 12px
}

.user-stat-matches .num {
    font-size: 13px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[dir="ltr"] .user-stat-matches .space-between {
    margin-left: 3px
}

[dir="rtl"] .user-stat-matches .space-between {
    margin-right: 3px
}

.my-points-history-bg .my-points-history-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .my-points-history-bg .my-points-history-wrapper {
        flex-direction: row;
        justify-content: space-between;
        flex-flow: row-reverse
    }
}

.my-points-history-bg .my-points-history-wrapper .ellipse {
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(closest-side, rgba(5, 243, 133, 0.59), black);
    filter: blur(27px);
    -webkit-filter: blur(27px)
}

.my-points-history-bg .my-points-history-wrapper .my-points-h2 {
    margin: 34px 0px 25px 0px;
    text-align: center
}

.my-points-history-bg .my-points-history-wrapper .top-layer {
    z-index: 1
}

.my-points-history-bg .my-points-history-wrapper .buttons-wrapper {
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

@media (min-width: 400px) {
    .my-points-history-bg .my-points-history-wrapper .buttons-wrapper {
        flex-direction: row
    }
}

@media (min-width: 992px) {
    .my-points-history-bg .my-points-history-wrapper .buttons-wrapper {
        flex-direction: column
    }
}

@media (min-width: 1200px) {
    .my-points-history-bg .my-points-history-wrapper .buttons-wrapper {
        flex-direction: row
    }
}

@media (min-width: 992px) {
    [dir="ltr"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper.space-between {
        margin-left: 16px
    }
    [dir="rtl"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper.space-between {
        margin-right: 16px
    }
}

.my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn {
    font-size: 13px;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
    max-width: 360px
}

.my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.share-score-btn {
    margin-top: 10px;
    color: #05f385 !important;
    background-color: #495057 !important
}

[dir="ltr"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.share-score-btn .space-between {
    margin-left: 6px
}

[dir="rtl"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.share-score-btn .space-between {
    margin-right: 6px
}

.my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.earn-points-btn {
    margin-top: 10px
}

@media (min-width: 400px) {
    [dir="ltr"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.earn-points-btn.space-between {
        margin-left: 10px
    }
    [dir="rtl"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.earn-points-btn.space-between {
        margin-right: 10px
    }
}

@media (min-width: 992px) {
    [dir="ltr"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.earn-points-btn.space-between {
        margin-left: 0px
    }
    [dir="rtl"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.earn-points-btn.space-between {
        margin-right: 0px
    }
}

@media (min-width: 1200px) {
    [dir="ltr"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.earn-points-btn.space-between {
        margin-left: 10px
    }
    [dir="rtl"] .my-points-history-bg .my-points-history-wrapper .buttons-wrapper .my-points-btn.earn-points-btn.space-between {
        margin-right: 10px
    }
}

.my-points-history-bg .my-points-history-wrapper .points-earned {
    margin-top: 34px;
    margin-bottom: 18px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px
}

[dir="ltr"] .my-points-history-bg .my-points-history-wrapper .points-earned .space-between {
    margin-left: 13px
}

[dir="rtl"] .my-points-history-bg .my-points-history-wrapper .points-earned .space-between {
    margin-right: 13px
}

.my-points-history-bg .my-points-history-wrapper .points-earned .coins-container {
    font-size: 17px;
    font-style: italic;
    font-weight: 900
}

[dir="ltr"] .my-points-history-bg .my-points-history-wrapper .points-earned .coins-container .space-between {
    margin-left: 7px
}

[dir="rtl"] .my-points-history-bg .my-points-history-wrapper .points-earned .coins-container .space-between {
    margin-right: 7px
}

[dir="ltr"] .modal-font {
    font-family: Montserrat, sans-serif
}

[dir="rtl"] .modal-font {
    font-family: MontserratAR, sans-serif
}

.close-btn {
    z-index: 1;
    top: 14px;
    border: 0;
    border-radius: 50%;
    background: rgba(118, 118, 128, 0.24);
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer
}

[dir="ltr"] .close-btn {
    right: 18px
}

[dir="rtl"] .close-btn {
    left: 18px
}

.close-btn:hover {
    opacity: 0.75
}

.close-btn .close-icon {
    color: rgba(235, 235, 245, 0.6)
}

.share-points-modal-title {
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 50px;
    color: white
}

.share-points-modal-body {
    background: rgba(0, 0, 0, 0.08);
    height: 100%;
    overflow: auto;
    color: white;
    margin-left: auto;
    margin-right: auto
}

.share-points-modal-body .download-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 462px;
    width: 343px;
    background-image: url("../../../images/gamification/share-point-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 14px;
    padding: 0px 16px
}

.share-points-modal-body .download-img .content {
    flex-basis: 100%
}

.share-points-modal-body .custom-btn {
    font-size: 13px;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
    color: #05f385 !important;
    background-color: #495057 !important
}

[dir="ltr"] .share-points-modal-body .custom-btn .space-between {
    margin-left: 6px
}

[dir="rtl"] .share-points-modal-body .custom-btn .space-between {
    margin-right: 6px
}

:root {
    --rsbs-bg: linear-gradient(255deg, #111313 0%, #120538 100%);
    --rsbs-handle-bg: rgba(118, 118, 128, 0.24)
}

[data-rsbs-overlay],
[data-rsbs-backdrop],
[data-rsbs-root]:after {
    z-index: 999;
    overscroll-behavior: none;
    touch-action: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

[dir="ltr"] .sheet-font {
    font-family: Montserrat, sans-serif
}

[dir="rtl"] .sheet-font {
    font-family: MontserratAR, sans-serif
}

.sheet-close-btn {
    border-radius: 50%;
    background: rgba(118, 118, 128, 0.24);
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sheet-close-btn .close-icon {
    color: rgba(235, 235, 245, 0.6)
}

.sheet-close-btn:hover {
    opacity: 0.75;
    cursor: pointer
}

.sheet-body {
    padding: 16px;
    color: white
}

.sheet-body .download-img {
    position: relative;
    border-radius: 14px;
    overflow: hidden
}

.sheet-body .download-img .content {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0px 16px
}

[dir="ltr"] .sheet-body .gap-between {
    margin-left: 12px
}

[dir="rtl"] .sheet-body .gap-between {
    margin-right: 12px
}

.sheet-body .custom-btn {
    font-size: 13px;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
    color: #05f385 !important;
    background-color: #495057 !important
}

[dir="ltr"] .sheet-body .custom-btn .space-between {
    margin-left: 6px
}

[dir="rtl"] .sheet-body .custom-btn .space-between {
    margin-right: 6px
}

.points-logged-out-case {
    color: white;
    font-style: italic;
    text-align: center;
    margin-top: 34px;
    margin-bottom: auto;
    background-color: #212529;
    padding: 20px 16px;
    border-radius: 12px
}

.points-logged-out-case .login-btn {
    border-radius: 8px;
    display: inline-block;
    text-decoration: none;
    background-color: #05f385 !important;
    color: black !important;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    max-width: 360px;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 18px
}

.points-logged-out-case .login-btn:hover {
    opacity: 0.75
}

.points-logged-out-case .login-btn:focus {
    box-shadow: 0 0 0 1px black, 0 0 0 2px white
}

.points-logged-out-case .header {
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 28px;
    margin-top: 0px;
    text-transform: uppercase
}

[dir="ltr"] .points-logged-out-case .header {
    text-align: left
}

[dir="rtl"] .points-logged-out-case .header {
    text-align: right
}

.points-logged-out-case .login-text {
    font-size: 15px;
    font-style: italic;
    margin-top: 28px
}

.points-logged-out-case .signup-text {
    margin-top: 17px;
    font-size: 13px;
    text-transform: capitalize
}

.points-logged-out-case .signup-text a {
    color: #05f385
}

.gamification-styles {
    color: white
}

[dir="ltr"] .gamification-styles {
    font-family: Montserrat, sans-serif
}

[dir="rtl"] .gamification-styles {
    font-family: MontserratAR, sans-serif
}

.gamification-styles h1 {
    font-size: 32px
}

.gamification-styles h2 {
    font-size: 24px
}

.gamification-styles h3 {
    font-size: 17px
}

.gamification-styles h1,
.gamification-styles h2,
.gamification-styles h3 {
    font-weight: 800;
    text-transform: uppercase;
    font-style: italic;
    margin: 0px;
    line-height: normal
}

.gamification-styles .font-size-15 {
    font-size: 15px
}

.gamification-styles .font-size-13 {
    font-size: 13px
}

.gamification-styles .font-size-11 {
    font-size: 11px
}

.gamification-styles .font-size-8 {
    font-size: 8px
}

.profile-tab-switcher {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;
    overflow: auto;
    text-transform: capitalize
}

.profile-tab-switcher::-webkit-scrollbar {
    display: none
}

.profile-tab-switcher button {
    all: unset;
    padding: 12px 24px;
    border-radius: 22px;
    border: 2px solid #495057;
    color: white;
    font-size: 15px;
    font-weight: 500;
    flex-shrink: 0
}

.profile-tab-switcher button:not(.active):hover {
    cursor: pointer;
    background-color: #495057
}

[dir="ltr"] .profile-tab-switcher button:not(:first-child) {
    margin-left: 8px
}

[dir="rtl"] .profile-tab-switcher button:not(:first-child) {
    margin-right: 8px
}

.profile-tab-switcher button.active {
    background-color: #495057
}

[dir="ltr"] .user-rank-min-container>:not(:first-child) {
    margin-left: 4px
}

[dir="rtl"] .user-rank-min-container>:not(:first-child) {
    margin-right: 4px
}

.user-rank-min-container .user-rank-minimized {
    color: white;
    font-style: italic
}

.user-rank-min-container .user-rank-minimized.title {
    font-size: 17px;
    font-weight: 800;
    text-transform: uppercase
}

.user-rank-min-container .user-rank-minimized .num {
    font-size: 16px;
    font-weight: 900;
    padding: 0px 7px
}

.user-rank {
    position: relative;
    color: white;
    background-color: #212529;
    border-bottom: 1px solid #343a40;
    border-top: 1px solid #343a40;
    padding: 12px 15px 22px 15px
}

.user-rank.minimize {
    padding: 12px 15px
}

.user-rank h1 {
    font-size: 32px
}

.user-rank h2 {
    font-size: 24px
}

.user-rank h3 {
    font-size: 17px
}

.user-rank h1,
.user-rank h2,
.user-rank h3 {
    font-weight: 800;
    text-transform: uppercase;
    font-style: italic;
    margin: 0px;
    line-height: normal
}

.user-rank .header {
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 28px;
    margin-top: 0px;
    font-style: italic;
    text-transform: uppercase
}

[dir="ltr"] .user-rank .header {
    text-align: left
}

[dir="rtl"] .user-rank .header {
    text-align: right
}

@media (min-width: 390px) {
    [dir="ltr"] .user-rank .header {
        text-align: center
    }
    [dir="rtl"] .user-rank .header {
        text-align: center
    }
}

@media (min-width: 992px) {
    [dir="ltr"] .user-rank .header {
        text-align: left
    }
    [dir="rtl"] .user-rank .header {
        text-align: right
    }
}

.user-rank .ptsHeaderWrapper {
    flex-direction: column;
    justify-content: center;
    flex-flow: column
}

.user-rank .user-stats-header {
    overflow: hidden
}

.user-rank .expand-minimize-btn {
    all: unset;
    padding: 2px 10px;
    border-radius: 10px;
    border: 1px solid #343a40;
    background-color: #212529;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -10px
}

.user-rank .expand-minimize-btn:hover {
    background-color: #343a40;
    cursor: pointer
}

.user-rank .expand-minimize-btn.minimize {
    position: relative;
    bottom: auto
}

[dir="ltr"] .user-rank .expand-minimize-btn.minimize {
    right: auto
}

[dir="rtl"] .user-rank .expand-minimize-btn.minimize {
    left: auto
}

[dir="ltr"] .user-rank .expand-minimize-btn {
    right: 15px
}

[dir="rtl"] .user-rank .expand-minimize-btn {
    left: 15px
}

.user-rank .expand-minimize-btn .icon {
    color: #ced4da;
    transform: rotate(0deg);
    transition: transform 0.1s linear
}

.user-rank .expand-minimize-btn .icon.minimize {
    transform: rotate(-180deg)
}

.rank-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    margin-bottom: 2px;
    border-radius: 12px
}

[dir="ltr"] .rank-row {
    padding: 14px 16px 14px 40px
}

[dir="rtl"] .rank-row {
    padding: 14px 40px 14px 16px
}

.rank-row.clickable {
    cursor: pointer
}

.rank-row.clickable:hover {
    opacity: 0.8
}

.rank-row .name {
    font-size: 15px;
    font-weight: 500
}

.rank-row .win-loss-stats .won {
    display: flex;
    align-items: center;
    justify-content: end;
    color: #25ba25;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize
}

.rank-row .win-loss-stats .won .kafu-rank {
    justify-content: center;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 400
}

.rank-row .win-loss-stats .lost {
    display: flex;
    align-items: center;
    justify-content: end;
    color: #ff4444;
    font-size: 8px;
    text-transform: uppercase
}

.rank-row .win-loss-stats .lost .kafu-rank {
    justify-content: center;
    font-size: 8px;
    font-weight: 400
}

.rank-row .win-loss-stats .num {
    font-size: 13px;
    font-weight: 900
}

[dir="ltr"] .rank-row .win-loss-stats .num.space-between {
    margin-left: 3px
}

[dir="rtl"] .rank-row .win-loss-stats .num.space-between {
    margin-right: 3px
}

[dir="ltr"] .rank-row .win-loss-stats .space-between {
    margin-left: 9px
}

[dir="rtl"] .rank-row .win-loss-stats .space-between {
    margin-right: 9px
}

.rank-row .points {
    font-size: 15px;
    font-style: italic;
    font-weight: 900
}

.rank-row .rank-container {
    position: relative
}

.rank-row .rank-container .rank-img-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    height: 46px;
    width: 46px
}

.rank-row .rank-container .rank-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 6px 0px;
    top: 7px;
    font-size: 17px;
    border: 2px solid black;
    border-radius: 13px
}

[dir="ltr"] .rank-row .rank-container .rank-box {
    left: -25px
}

[dir="rtl"] .rank-row .rank-container .rank-box {
    right: -25px
}

[dir="ltr"] .rank-row.first-rank {
    background: linear-gradient(90deg, #6b510e 0%, #212529 40%)
}

[dir="rtl"] .rank-row.first-rank {
    background: linear-gradient(-90deg, #6b510e 0%, #212529 40%)
}

.rank-row.first-rank .rank-box {
    color: black;
    background-color: #fbbf24
}

[dir="ltr"] .rank-row.second-rank {
    background: linear-gradient(90deg, #767676 0%, #212529 40%)
}

[dir="rtl"] .rank-row.second-rank {
    background: linear-gradient(-90deg, #767676 0%, #212529 40%)
}

.rank-row.second-rank .rank-box {
    color: black;
    background-color: #adb5bd
}

[dir="ltr"] .rank-row.third-rank {
    background: linear-gradient(90deg, #a26547 0%, #212529 40%)
}

[dir="rtl"] .rank-row.third-rank {
    background: linear-gradient(-90deg, #a26547 0%, #212529 40%)
}

.rank-row.third-rank .rank-box {
    color: black;
    background-color: #cb7f59
}

.rank-row.other-rank {
    background-color: #212529
}

.rank-row.other-rank .rank-box {
    color: white;
    background-color: black
}

[dir="ltr"] .rank-row .space-between {
    margin-left: 12px
}

[dir="rtl"] .rank-row .space-between {
    margin-right: 12px
}

.leaderboard-tab-switcher {
    min-width: 196px;
    display: flex;
    align-items: center;
    color: white;
    background-color: #212529;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase
}

.leaderboard-tab-switcher.scroll {
    border-radius: 20px;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    text-transform: capitalize
}

.leaderboard-tab-switcher .tab {
    all: unset;
    padding: 15px 0px;
    flex: 1 0 50%;
    position: relative;
    text-align: center;
    z-index: 0
}

.leaderboard-tab-switcher .tab:not(.active):hover {
    cursor: pointer
}

.leaderboard-tab-switcher .tab.scroll {
    padding: 12px 0px
}

.leaderboard-tab-switcher .moving-tab {
    position: absolute;
    z-index: -1;
    border-radius: 12px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #343a40
}

.leaderboard-tab-switcher .moving-tab.scroll {
    border-radius: 20px
}

.leaderbaord-filter-tabs {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap
}

.leaderbaord-filter-tabs button {
    all: unset;
    padding: 12px 26px;
    border-radius: 25px;
    border: 1px solid #343a40;
    background-color: #212529;
    color: white;
    font-size: 13px;
    flex-shrink: 0
}

.leaderbaord-filter-tabs button:not(.active):hover {
    cursor: pointer;
    background-color: #343a40
}

.leaderbaord-filter-tabs button:focus {
    background-color: #343a40
}

[dir="ltr"] .leaderbaord-filter-tabs button:not(:first-child) {
    margin-left: 12px
}

[dir="rtl"] .leaderbaord-filter-tabs button:not(:first-child) {
    margin-right: 12px
}

.leaderbaord-filter-tabs button.active {
    background-color: #343a40
}

.leaderboard-table {
    position: relative;
    margin-top: 24px;
    margin-bottom: 20px
}

.spinner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px
}

@media (min-width: 992px) {
    .spinner-container {
        height: 600px
    }
}

.leaderboard-tabs {
    position: sticky;
    top: 64px;
    z-index: 1;
    padding: 10px 0px;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;
    overflow: auto;
    margin-top: 6px;
    margin-bottom: 14px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (min-width: 992px) {
    .leaderboard-tabs {
        position: relative;
        z-index: auto;
        top: auto
    }
}

.leaderboard-tabs::-webkit-scrollbar {
    display: none
}

@media (min-width: 992px) {
    .leaderboard-tabs::-webkit-scrollbar {
        display: block
    }
}

@media (min-width: 992px) {
    .leaderboard-tabs {
        -ms-overflow-style: auto;
        scrollbar-width: auto
    }
}

[dir="ltr"] .leaderboard-tabs .leaderbaord-filter-tabs:not(:first-child) {
    margin-left: 12px
}

[dir="rtl"] .leaderboard-tabs .leaderbaord-filter-tabs:not(:first-child) {
    margin-right: 12px
}

.leaderboard-search {
    display: flex;
    align-items: center;
    font-family: Montserrat;
    color: #6c757d;
    font-size: 14px;
    background-color: #212529;
    border: 1px solid #343a40;
    border-radius: 8px;
    padding: 11px 10px;
    width: 100%
}

.leaderboard-search:focus-within {
    outline: #343a40 auto 1px;
    outline-offset: 0px
}

.leaderboard-search .input {
    flex-grow: 1;
    color: #6c757d;
    border: none;
    background-color: #212529;
    padding: 0px
}

[dir="ltr"] .leaderboard-search .input {
    margin-left: 7px
}

[dir="rtl"] .leaderboard-search .input {
    margin-right: 7px
}

.leaderboard-search .input:focus-visible {
    outline: unset
}

@media (min-width: 992px) {
    .leaderboard-layout {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .leaderboard-layout {
        max-width: 960px
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .leaderboard-layout {
        max-width: 1140px
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .leaderboard-layout {
        max-width: 1320px
    }
}

@media (min-width: 992px) {
    .leaderboard-layout .leaderboard-section {
        grid-column: span 2 / span 2;
        order: 1
    }
    .leaderboard-layout .user-stats-margin {
        order: 2
    }
}

.leaderboard-layout h2 {
    all: unset;
    display: block;
    color: white;
    font-size: 24px;
    font-weight: 800;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    margin-top: 34px;
    margin-bottom: 24px
}

.leaderboard-layout .user-stats-margin {
    margin-bottom: auto;
    margin-top: 34px
}

.leaderboard-layout .user-stats-margin .user-stats {
    background-color: #212529;
    padding: 24px 16px;
    border-radius: 12px;
    color: white
}

.leaderboard-layout .user-stats-margin .user-stats .header {
    font-size: 17px;
    font-weight: 800;
    margin-bottom: 28px;
    margin-top: 0px;
    font-style: italic;
    text-transform: uppercase
}

[dir='ltr'] .leaderboard-layout .user-stats-margin .user-stats .header {
    text-align: left
}

[dir='rtl'] .leaderboard-layout .user-stats-margin .user-stats .header {
    text-align: right
}

.leaderboard-layout .user-stats-margin .user-stats .ptsHeaderWrapper {
    flex-direction: column;
    justify-content: center;
    flex-flow: column
}

.leaderboard-layout .user-stats-margin .user-stats .pts-history-link {
    margin-top: 18px;
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 15px;
    color: #adb5bd
}

.leaderboard-layout .user-stats-margin .user-stats .pts-history-link a {
    text-transform: capitalize;
    color: #adb5bd
}

.leaderboard-layout .user-stats-margin .user-stats .pts-history-link a :not(:first-child) {
    margin-left: 2px
}

.leaderboard-layout .user-stats-margin .earn-points-container {
    position: relative;
    max-height: 720px;
    height: min-content;
    overflow: hidden;
    color: white;
    margin-top: 24px;
    padding: 80px 0px 24px 0px;
    background: url("../../../images/halftone.png") 50% -15%/311px 291px no-repeat, linear-gradient(255deg, #111313 0%, #120538 100%);
    border-radius: 12px
}

[dir='ltr'] .leaderboard-layout .user-stats-margin .earn-points-container .modal-font {
    font-family: Montserrat, sans-serif
}

[dir='rtl'] .leaderboard-layout .user-stats-margin .earn-points-container .modal-font {
    font-family: MontserratAR, sans-serif
}

.leaderboard-layout .user-stats-margin .earn-points-container h2 {
    margin: 0px !important
}

.leaderboard-layout .user-stats-margin .earn-points-container .earn-points-modal-title {
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    font-style: italic;
    line-height: normal;
    padding: 0px 18px
}

.leaderboard-layout .user-stats-margin .earn-points-container .earn-points-modal-subtitle {
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 38px;
    padding: 0px 18px 0px 18px
}

.leaderboard-layout .user-stats-margin .earn-points-container .earn-points-modal-body {
    height: 400px;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.08);
    color: white
}

[dir='ltr'] .leaderboard-layout .user-stats-margin .earn-points-container .earn-points-modal-body {
    padding: 0px 18px
}

[dir='rtl'] .leaderboard-layout .user-stats-margin .earn-points-container .earn-points-modal-body {
    padding: 0px 18px
}