/* ========================================================================== 
   Main Stylesheet
   - Theme base styles reformatted from the original minified source
   - Project overrides and custom components kept in the same file
   ========================================================================== */

/* ========================================================================== 
   Theme Base Styles
   ========================================================================== */
@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap);

@font-face {
    font-family:"berlin_sans_fb_demibold";
    font-weight:400;
    font-style:normal
}

:root {
    --tg-body-font-family:'Poppins', sans-serif;
    --tg-heading-font-family:'Barlow', sans-serif;
    --tg-berlin-font-family:'berlin_sans_fb_demibold';
    --tg-icon-font-family:"Font Awesome 5 Free";
    --tg-body-font-size:16px;
    --tg-body-line-height:1.75;
    --tg-heading-line-height:1.2;
    --tg-common-color-blue:#0d6efd;
    --tg-common-color-indigo:#6610f2;
    --tg-common-color-purple:#6f42c1;
    --tg-common-color-pink:#d63384;
    --tg-common-color-red:#dc3545;
    --tg-common-color-orange:#fd7e14;
    --tg-common-color-yellow:#ffc107;
    --tg-common-color-green:#198754;
    --tg-common-color-teal:#68fb9a;
    --tg-common-color-cyan:#0dcaf0;
    --tg-common-color-rating:#faa706;
    --tg-common-color-white:#fff;
    --tg-common-color-gray:#182029;
    --tg-common-color-black:#0f161b;
    --tg-common-color-black-2:#201f2a;
    --tg-common-color-black-3:#0b0e13;
    --tg-common-color-black-4:#10181f;
    --tg-common-color-black-5:#090d10;
    --tg-common-color-black-6:#050506;
    --tg-common-color-black-7:#040608;
    --tg-common-color-black-8:#0d141b;
    --tg-common-color-black-9:#111922;
    --tg-body-color:#adb0bc;
    --tg-heading-color:#fff;
    --tg-theme-primary:#45f882;
    --tg-theme-secondary:#5CFFB2;
    --tg-border-1:#19222b;
    --tg-border-2:#22292f;
    --tg-border-3:#2c3137;
    --tg-border-4:#333333;
    --tg-border-5:#1b242e;
    --tg-fw-extra-bold:800;
    --tg-fw-bold:700;
    --tg-fw-semi-bold:600;
    --tg-fw-medium:500;
    --tg-fw-regular:400;
    --tg-fw-light:300
}

body {
    font-family:var(--tg-body-font-family);
    font-size:var(--tg-body-font-size);
    font-weight:var(--tg-fw-regular);
    color:var(--tg-body-color);
    line-height:var(--tg-body-line-height);
    background:var(--tg-common-color-black)
}

body.ambient-page {
    position: relative;
    overflow-x: clip;
    background:
        radial-gradient(circle at 10% 10%, rgba(49, 246, 161, 0.10), transparent 28%),
        radial-gradient(circle at 92% 14%, rgba(39, 189, 232, 0.09), transparent 26%),
        radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.03), transparent 34%),
        linear-gradient(180deg, rgba(4, 7, 10, 0.98), rgba(7, 12, 18, 0.98));
}

body.ambient-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: 0.16;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 62px 62px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), transparent 90%);
}

body.bg-black2 {
    background:#11131C
}

img,.img {
    max-width:100%;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

a,button {
    color:var(--tg-theme-primary);
    outline:none;
    text-decoration:none;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

a:focus,.btn:focus,.button:focus {
    text-decoration:none;
    outline:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}

a:hover,button:hover {
    color:#5CFFB2;
    text-decoration:none
}

button:focus,input:focus,input:focus,textarea,textarea:focus {
    outline:0
}

h1,h2,h3,h4,h5,h6 {
    font-family:var(--tg-heading-font-family);
    color:var(--tg-heading-color);
    margin-top:0;
    font-weight:var(--tg-fw-bold);
    line-height:var(--tg-heading-line-height);
    text-transform:uppercase
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color:inherit
}

h1 {
    font-size:2.5rem
}

h2 {
    font-size:2rem
}

h3 {
    font-size:1.75rem
}

h4 {
    font-size:1.5rem
}

h5 {
    font-size:1.25rem
}

h6 {
    font-size:1rem
}

.list-wrap {
    margin:0;
    padding:0
}

.list-wrap li {
    list-style:none
}

p {
    font-family:var(--tg-body-font-family);
    font-size:var(--tg-body-font-size);
    line-height:var(--tg-body-line-height);
    font-weight:var(--tg-fw-regular);
    color:var(--tg-body-color);
    margin-bottom:15px
}

hr {
    border-bottom:1px solid var(--tg-common-color-gray);
    border-top:0 none;
    margin:30px 0;
    padding:0
}

label {
    color:var(--tg-heading-color);
    cursor:pointer;
    font-size:var(--tg-body-font-size);
    font-weight:var(--tg-fw-regular)
}

input,textarea {
    color:var(--tg-body-color)
}

input[type=color] {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:none;
    border:0;
    cursor:pointer;
    height:100%;
    width:100%;
    padding:0;
    border-radius:50%
}

::-webkit-scrollbar-track {
    box-shadow:inset 0 0 6px rgb(0 0 0 / .3);
    -webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / .3);
    border-radius:10px;
    background-color:var(--tg-common-color-black)
}

::-webkit-scrollbar {
    width:8px;
    background-color:var(--tg-common-color-black)
}

::-webkit-scrollbar-thumb {
    border-radius:10px;
    box-shadow:inset 0 0 6px rgb(0 0 0 / .3);
    -webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / .3);
    background-color:var(--tg-theme-primary)
}

*::-moz-selection {
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    text-shadow:none
}

::-moz-selection {
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    text-shadow:none
}

::selection {
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    text-shadow:none
}

*::-moz-placeholder {
    color:var(--tg-body-color);
    font-size:var(--tg-body-font-size);
    opacity:1
}

*::placeholder {
    color:var(--tg-body-color);
    font-size:var(--tg-body-font-size);
    opacity:1
}

.fix {
    overflow:hidden
}

.clear {
    clear:both
}

.main--area {
    overflow-x:hidden
}

.homepage-section-order {
    display: flex;
    flex-direction: column;
}

.homepage-section-order > .slider__area {
    order: 0;
}

.homepage-section-order > .nft-item__area.server-area-redesign {
    order: 1;
}

.homepage-section-order > .homeNewsArea {
    order: 2;
}

.homepage-section-order > .eventCarousel__area {
    order: 3;
}

.homepage-section-order > .communityHero {
    order: 4;
}

.homepage-section-order > .homeUsersSection {
    order: 5;
}

.homepage-section-order > .leaderboardPreview {
    order: 6;
}

.container {
    padding-left:15px;
    padding-right:15px
}

.row {
    --bs-gutter-x:30px
}

.gutter-y-30 {
    --bs-gutter-y:30px
}

.gx-0 {
    --bs-gutter-x:0
}

.container {
    max-width:1300px
}

@media (max-width:1500px) {
    .container {
        max-width:1260px
}
}

@media (max-width:1199.98px) {
    .container {
        max-width:960px
}
}

@media (max-width:991.98px) {
    .container {
        max-width:720px
}
}

@media (max-width:767.98px) {
    .container {
        max-width:100%
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .container {
        max-width:540px
}
}

.custom-container {
    max-width:1590px
}

@media (max-width:1800px) {
    .custom-container {
        max-width:1490px
}
}

@media (max-width:1500px) {
    .custom-container {
        max-width:1260px
}
}

@media (max-width:1199.98px) {
    .custom-container {
        max-width:960px
}
}

@media (max-width:991.98px) {
    .custom-container {
        max-width:720px
}
}

@media (max-width:767.98px) {
    .custom-container {
        max-width:100%
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .custom-container {
        max-width:540px
}
}

.custom-container2 {
    max-width:1480px
}

@media (max-width:1800px) {
    .custom-container2 {
        max-width:1400px
}
}

@media (max-width:1500px) {
    .custom-container2 {
        max-width:1260px
}
}

@media (max-width:1400px) {
    .custom-container2 {
        max-width:1200px
}
}

@media (max-width:1199.98px) {
    .custom-container2 {
        max-width:960px
}
}

@media (max-width:991.98px) {
    .custom-container2 {
        max-width:720px
}
}

@media (max-width:767.98px) {
    .custom-container2 {
        max-width:100%
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .custom-container2 {
        max-width:540px
}
}

.custom-container3 {
    max-width:1710px
}

@media (max-width:1800px) {
    .custom-container3 {
        max-width:1490px
}
}

@media (max-width:1500px) {
    .custom-container3 {
        max-width:1260px
}
}

@media (max-width:1199.98px) {
    .custom-container3 {
        max-width:960px
}
}

@media (max-width:991.98px) {
    .custom-container3 {
        max-width:720px
}
}

@media (max-width:767.98px) {
    .custom-container3 {
        max-width:100%
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .custom-container3 {
        max-width:540px
}
}

.custom-container4 {
    max-width:1510px
}

@media (max-width:1800px) {
    .custom-container4 {
        max-width:1460px
}
}

@media (max-width:1500px) {
    .custom-container4 {
        max-width:1260px
}
}

@media (max-width:1199.98px) {
    .custom-container4 {
        max-width:960px
}
}

@media (max-width:991.98px) {
    .custom-container4 {
        max-width:720px
}
}

@media (max-width:767.98px) {
    .custom-container4 {
        max-width:100%
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .custom-container4 {
        max-width:540px
}
}

.include-bg {
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}

.grey-bg {
    background:var(--tg-common-color-gray)
}

.white-bg {
    background:var(--tg-common-color-white)
}

.black-bg {
    background:var(--tg-common-color-black)
}

.bg-img-cover {
    background-size:cover
}

.bg-img-center {
    background-position:top center
}

.btn {
    user-select:none;
    -moz-user-select:none;
    background:var(--tg-theme-primary) none repeat scroll 0 0;
    border:medium none;
    border-radius:2px;
    color:var(--tg-common-color-black-2);
    cursor:pointer;
    display:inline-flex;
    font-size:15px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:.8px;
    margin-bottom:0;
    padding:15px 34px;
    text-align:center;
    text-transform:uppercase;
    touch-action:manipulation;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    vertical-align:middle;
    font-family:var(--tg-heading-font-family);
    white-space:nowrap
}

.btn:hover {
    background:var(--tg-common-color-gray);
    color:var(--tg-common-color-white)
}

.tg-btn-1 {
    display:inline-flex;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-black-2);
    font-weight:var(--tg-fw-extra-bold);
    text-transform:uppercase;
    padding:14px 49px;
    font-size:15px;
    letter-spacing:.8px;
    position:relative;
    overflow:hidden;
    justify-content:center;
    text-align:center;
    min-width:195px;
    z-index:1
}

.tg-btn-1 svg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1
}

.tg-btn-1 .cls-1 {
    fill:var(--tg-theme-primary);
    stroke:var(--tg-common-color-white);
    stroke-width:1.5px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tg-btn-1 .cls-2 {
    stroke:#fff0;
    fill:var(--tg-common-color-white)
}

.tg-btn-1 .cls-1,.tg-btn-1 .cls-2 {
    fill-rule:evenodd
}

.tg-btn-1:hover {
    color:var(--tg-common-color-black-2)
}

.tg-btn-1:hover .cls-1 {
    fill:var(--tg-common-color-white)
}

.tg-btn-1.-btn-yellow .cls-1 {
    fill:var(--tg-theme-secondary)
}

.tg-btn-1.-btn-yellow:hover .cls-1 {
    fill:var(--tg-theme-primary)
}

.tg-border-btn {
    display:inline-flex;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    text-transform:uppercase;
    padding:10px 30px;
    font-size:15px;
    letter-spacing:.8px;
    position:relative;
    overflow:hidden;
    justify-content:center;
    align-items:center;
    text-align:center;
    min-width:157px;
    min-height:48px;
    z-index:1
}

.tg-border-btn svg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    color:var(--tg-theme-primary)
}

.tg-border-btn svg path:last-child {
    fill:#fff0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tg-border-btn i {
    margin-right:10px
}

.tg-border-btn:hover {
    color:var(--tg-common-color-black-2)
}

.tg-border-btn:hover svg path:last-child {
    fill:var(--tg-theme-primary)
}

.tg-border-btn:hover::before {
    opacity:1
}

.tg-btn-2 {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-bold);
    white-space:nowrap;
    font-size:20px;
    padding:16px 35px;
    line-height:1;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:1
}

.tg-btn-2 svg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1
}

.tg-btn-2 svg path {
    stroke:var(--tg-theme-primary)
}

.tg-btn-2:hover {
    background-color:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2)
}

.tg-btn-2.-secondary svg path {
    stroke:var(--tg-theme-secondary)
}

.tg-btn-2.-secondary:hover {
    background-color:var(--tg-theme-secondary)
}

.tg-btn-3 {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-black-2);
    font-weight:var(--tg-fw-extra-bold);
    background:#fff0;
    border:none;
    white-space:nowrap;
    font-size:16px;
    padding:22px 35px;
    line-height:1;
    position:relative;
    z-index:1;
    overflow:hidden;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    min-width:188px
}

@media (max-width:767.98px) {
    .tg-btn-3 {
        min-width:166px;
        padding:18px 30px;
        font-size:15px
}
}

.tg-btn-3:hover {
    color:var(--tg-common-color-black-2)
}

.tg-btn-3 .svg-icon {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    fill:var(--tg-theme-primary);
    stroke:var(--tg-common-color-white);
    stroke-width:2px;
    fill-rule:evenodd;
    z-index:-1
}

.tg-btn-3 .svg-icon svg {
    display:block;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tg-btn-4 {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    background:#fff0;
    border:none;
    white-space:nowrap;
    font-size:16px;
    padding:0;
    line-height:1;
    position:relative;
    z-index:1;
    overflow:hidden;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tg-btn-4 span {
    padding:19.5px 35px;
    display:flex;
    position:relative;
    z-index:1
}

.tg-btn-4 span:before,.tg-btn-4 span:after {
    content:"";
    position:absolute;
    inset:0;
    background:var(--tg-common-color-white);
    clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px,18px 0,18px 1px,1px 18px,1px calc(100% - 1px),calc(100% - 18px) calc(100% - 1px),calc(100% - 1px) calc(100% - 18px),calc(100% - 1px) 1px,18px 1px);
    z-index:-1;
    transition:0.4s;
    opacity:.15
}

.tg-btn-4 span:after {
    background:var(--tg-common-color-white);
    inset:1px;
    clip-path:polygon(18px 0%,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0% 18px);
    opacity:.06
}

.tg-btn-4:after,.tg-btn-4:before {
    content:"";
    position:absolute;
    height:8px;
    width:8px;
    background:var(--tg-theme-primary);
    top:5px;
    left:5px;
    transition:0.4s;
    z-index:2
}

.tg-btn-4:before {
    top:auto;
    left:auto;
    bottom:5px;
    right:5px
}

.tg-btn-4:hover {
    color:var(--tg-common-color-black)
}

.tg-btn-4:hover span:after {
    opacity:1
}

.tg-btn-4:hover:after,.tg-btn-4:hover:before {
    background:var(--tg-theme-primary)
}

.tg-btn-5 {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    background:#fff0;
    border:none;
    white-space:nowrap;
    font-size:16px;
    padding:0;
    line-height:1;
    position:relative;
    z-index:1;
    overflow:hidden;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tg-btn-5 span {
    padding:19.5px 35px;
    display:flex;
    position:relative;
    z-index:1
}

.tg-btn-5 span:before,.tg-btn-5 span:after {
    content:"";
    position:absolute;
    inset:0;
    background:var(--tg-common-color-white);
    clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px,18px 0,18px 1px,1px 18px,1px calc(100% - 1px),calc(100% - 18px) calc(100% - 1px),calc(100% - 1px) calc(100% - 18px),calc(100% - 1px) 1px,18px 1px);
    z-index:-1;
    transition:0.4s
}

.tg-btn-5 span:after {
    background:var(--tg-common-color-white);
    inset:1px;
    clip-path:polygon(18px 0%,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0% 18px);
    opacity:0
}

.tg-btn-5:after,.tg-btn-5:before {
    content:"";
    position:absolute;
    height:8px;
    width:8px;
    background:var(--tg-common-color-white);
    top:5px;
    left:5px;
    transition:0.4s;
    z-index:2
}

.tg-btn-5:before {
    top:auto;
    left:auto;
    bottom:5px;
    right:5px
}

.tg-btn-5:hover {
    color:var(--tg-common-color-black)
}

.tg-btn-5:hover span:after {
    opacity:1
}

.tg-btn-5:hover:after,.tg-btn-5:hover:before {
    background:var(--tg-theme-primary)
}

.tg-btn-line {
    font-size:16px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    position:relative
}

.tg-btn-line:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--tg-theme-primary);
    transform-origin:right top;
    transform:scale(0,1);
    transition:transform 0.4s cubic-bezier(.74,.72,.27,.24)
}

.tg-btn-line:hover {
    color:var(--tg-theme-primary)
}

.tg-btn-line:hover:after {
    transform-origin:left top;
    transform:scale(1,1)
}

.search__popup-wrap {
    position:fixed;
    left:0;
    top:0;
    height:100vh;
    width:100%;
    z-index:99;
    margin-top:-370px;
    transform:translateY(-100%);
    -webkit-transition:all 500ms cubic-bezier(.86,0,.07,1);
    -moz-transition:all 500ms cubic-bezier(.86,0,.07,1);
    -o-transition:all 500ms cubic-bezier(.86,0,.07,1);
    transition:all 1500ms cubic-bezier(.86,0,.07,1);
    -webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);
    -moz-transition-timing-function:cubic-bezier(.86,0,.07,1);
    -o-transition-timing-function:cubic-bezier(.86,0,.07,1);
    transition-timing-function:cubic-bezier(.86,0,.07,1)
}

.search__popup-wrap::after {
    content:"";
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:370px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    margin-top:0
}

.search__layer {
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100vh;
    width:100%;
    background-color:rgb(15 22 27 / .9);
    -webkit-transition:all 500ms cubic-bezier(.86,0,.07,1);
    -moz-transition:all 500ms cubic-bezier(.86,0,.07,1);
    -o-transition:all 500ms cubic-bezier(.86,0,.07,1);
    transition:all 1500ms cubic-bezier(.86,0,.07,1);
    -webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);
    -moz-transition-timing-function:cubic-bezier(.86,0,.07,1);
    -o-transition-timing-function:cubic-bezier(.86,0,.07,1);
    transition-timing-function:cubic-bezier(.86,0,.07,1);
    z-index:-1
}

.search__close {
    position:absolute;
    top:5%;
    right:5%;
    font-size:30px;
    color:var(--tg-theme-primary);
    cursor:pointer
}

.search__wrap {
    position:absolute;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

.search__wrap .title {
    font-size:47px;
    margin:0 0 70px 0;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-extra-bold);
    text-transform:uppercase;
    color:var(--tg-theme-primary);
    letter-spacing:-1px
}

.search__wrap .title span {
    color:var(--tg-common-color-white);
    text-shadow:-2px 2.5px 0 rgb(69 248 130 / .66);
    letter-spacing:5px
}

.search__form {
    position:relative
}

.search__form form input {
    display:block;
    width:100%;
    border:none;
    padding:10px 50px 20px;
    text-align:center;
    font-weight:500;
    font-size:30px;
    background:#fff0;
    color:var(--tg-common-color-white)
}

.search__form form input::placeholder {
    font-size:30px;
    opacity:.5
}

.search__form form button {
    position:absolute;
    right:20px;
    background:#fff0;
    border:0;
    font-size:25px;
    color:var(--tg-theme-primary);
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}

.search__form::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:2px;
    background:var(--tg-theme-primary);
    -webkit-transition:all 600ms ease;
    -moz-transition:all 600ms ease;
    -ms-transition:all 600ms ease;
    -o-transition:all 600ms ease;
    transition:all 600ms ease
}

.search__active .search__popup-wrap {
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
    margin-top:0
}

.search__active .search__form::after {
    width:100%;
    -webkit-transition-delay:1200ms;
    -moz-transition-delay:1200ms;
    -ms-transition-delay:1200ms;
    -o-transition-delay:1200ms;
    transition-delay:1200ms
}

.page-revealer {
    pointer-events:none;
    visibility:hidden;
    height:100%;
    width:100%;
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    transform:scaleY(0);
    z-index:12000;
    background-color:var(--tg-common-color-black)
}

.tg-preloader {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--tg-common-color-black);
    z-index:99999
}

.tg-preloader>.tg-loading {
    display:inline-block;
    position:relative;
    width:40px;
    height:40px
}

.tg-preloader>.tg-loading>div {
    box-sizing:border-box;
    display:block;
    position:absolute;
    width:32px;
    height:32px;
    margin:4px;
    border:4px solid #fff0;
    border-radius:50%;
    animation:preloader 1s cubic-bezier(.5,0,.5,1) infinite;
    border-color:var(--tg-theme-primary) #fff0 #fff0 #fff0
}

.tg-preloader>.tg-loading>div:nth-child(1) {
    animation-delay:-0.1s
}

.tg-preloader>.tg-loading>div:nth-child(2) {
    animation-delay:-0.2s
}

.tg-preloader>.tg-loading>div:nth-child(3) {
    animation-delay:-0.3s
}

@keyframes preloader {
    0% {
        transform:rotate(0deg)
}
    100% {
        transform:rotate(360deg)
}
}

html.show-preloader body {
    display:none
}

.offCanvas__wrap {
    position:fixed;
    overflow-y:auto;
    top:0;
    right:0;
    width:485px;
    transform:translateX(100%);
    height:100%;
    display:block;
    background-color:var(--tg-common-color-black-8);
    z-index:1020;
    -webkit-transition:all 600ms cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all 600ms cubic-bezier(.785,.135,.15,.86);
    transition:all 600ms cubic-bezier(.785,.135,.15,.86);
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column
}

.offCanvas__wrap::-webkit-scrollbar {
    width:0
}

@media (max-width:1500px) {
    .offCanvas__wrap {
        width:430px
}
}

@media (max-width:767.98px) {
    .offCanvas__wrap {
        width:320px
}
}

.offCanvas__body {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    flex:1
}

.offCanvas__top {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    padding:35px 40px 25px;
    border-bottom:1px solid #18202a
}

.offCanvas__toggle {
    margin-left:auto;
    width:50px;
    height:50px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:var(--tg-body-color);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background:#1f2935;
    cursor:pointer;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.offCanvas__toggle:hover {
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black)
}

@media (max-width:1500px) {
    .offCanvas__toggle {
        width:40px;
        height:40px;
        font-size:20px
}
}

.offCanvas__content {
    padding:25px 40px 50px 40px
}

.offCanvas__content .title {
    font-size:30px;
    letter-spacing:1px;
    margin:0 0 50px
}

.offCanvas__content .title span {
    color:var(--tg-theme-primary)
}

.offCanvas__newsletter .small-title {
    margin:0 0 22px;
    font-size:16px;
    letter-spacing:.5px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary)
}

.offCanvas__newsletter-form {
    position:relative;
    margin:0 0 20px
}

.offCanvas__newsletter-form [type=email] {
    display:block;
    width:100%;
    background:#fff0;
    border:1px solid #202b36;
    padding:15px 80px 15px 22px;
    font-size:14px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-medium);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.offCanvas__newsletter-form [type=email]:focus {
    border-color:#535d68
}

.offCanvas__newsletter-form [type=submit] {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    border:none;
    background:#fff0;
    width:60px;
    font-size:22px
}

.offCanvas__newsletter-form [type=submit]::before {
    content:"";
    position:absolute;
    width:1px;
    top:6px;
    background:#202b36;
    bottom:6px;
    left:0
}

.offCanvas__newsletter p {
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    margin:0 0
}

.offCanvas__contact {
    margin:0 0 40px
}

.offCanvas__contact .small-title {
    margin:0 0 22px;
    font-size:16px;
    letter-spacing:.5px;
    font-weight:var(--tg-fw-semi-bold)
}

.offCanvas__contact-list li {
    color:var(--tg-body-color);
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-medium);
    position:relative;
    padding-left:23px;
    margin:0 0 8px
}

.offCanvas__contact-list li::before {
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:7px;
    height:7px;
    background:var(--tg-body-color);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.offCanvas__contact-list li:hover::before {
    background:var(--tg-theme-primary)
}

.offCanvas__contact-list li:last-child {
    margin:0 0
}

.offCanvas__contact-list li a {
    color:var(--tg-body-color)
}

.offCanvas__contact-list li a:hover {
    color:var(--tg-theme-primary)
}

.offCanvas__social {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 28px;
    padding:30px 0 0;
    border-top:1px solid #202b36;
    margin:50px 0 0
}

.offCanvas__social li {
    line-height:1
}

.offCanvas__social li a {
    display:block;
    font-size:16px;
    color:var(--tg-common-color-white)
}

.offCanvas__social li a:hover {
    color:var(--tg-theme-primary)
}

.offCanvas__copyright {
    margin:auto 0 0;
    background:#090f16;
    padding:30px 40px
}

.offCanvas__copyright p {
    margin:0 0;
    font-size:10px;
    text-transform:uppercase;
    font-weight:var(--tg-fw-semi-bold);
    font-family:var(--tg-heading-font-family);
    letter-spacing:1px
}

.offCanvas__copyright p span {
    color:var(--tg-theme-primary)
}

.offCanvas__overlay {
    position:fixed;
    right:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99;
    background:var(--tg-common-color-black-9);
    transition:all 700ms ease;
    -moz-transition:all 700ms ease;
    -webkit-transition:all 700ms ease;
    -ms-transition:all 700ms ease;
    -o-transition:all 700ms ease;
    opacity:0;
    visibility:hidden;
    cursor:none
}

.offCanvas__menu-visible .offCanvas__overlay {
    opacity:.8;
    visibility:visible
}

.offCanvas__menu-visible .offCanvas__wrap {
    transform:translateX(0)
}

.breadcrumb-area {
    position:relative;
    padding:110px 0 75px;
    background-position:center;
    background-size:cover;
    min-height:561px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

@media (max-width:1500px) {
    .breadcrumb-area {
        min-height:480px
}
}

@media (max-width:1199.98px) {
    .breadcrumb-area {
        min-height:400px
}
}

@media (max-width:767.98px) {
    .breadcrumb-area {
        min-height:310px;
        padding:120px 0 75px
}
}

.breadcrumb-area::before,.breadcrumb-area::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:50%;
    -webkit-clip-path:polygon(0 0,0 100%,100% 100%);
    clip-path:polygon(0 0,0 100%,100% 100%);
    background-color:var(--tg-theme-primary);
    height:50px
}

@media (max-width:1500px) {
    .breadcrumb-area::before,.breadcrumb-area::after {
        height:40px
}
}

@media (max-width:1199.98px) {
    .breadcrumb-area::before,.breadcrumb-area::after {
        height:30px
}
}

@media (max-width:767.98px) {
    .breadcrumb-area::before,.breadcrumb-area::after {
        height:20px
}
}

.breadcrumb-area::after {
    left:auto;
    right:0;
    -webkit-clip-path:polygon(100% 0,0 100%,100% 100%);
    clip-path:polygon(100% 0,0 100%,100% 100%)
}

.breadcrumb__wrapper {
    position:relative
}

@media (max-width:991.98px) {
    .breadcrumb__content {
        text-align:center
}
}

.breadcrumb__content .title {
    font-size:60px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:3px;
    line-height:1;
    margin:0 0
}

@media (max-width:1500px) {
    .breadcrumb__content .title {
        font-size:50px;
        letter-spacing:2px
}
}

@media (max-width:767.98px) {
    .breadcrumb__content .title {
        font-size:43px
}
}

.breadcrumb__content .breadcrumb {
    margin:12px 0 0
}

@media (max-width:991.98px) {
    .breadcrumb__content .breadcrumb {
        justify-content:center
}
}

.breadcrumb__content .breadcrumb .breadcrumb-item {
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    font-size:14px;
    letter-spacing:2px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

.breadcrumb__content .breadcrumb .breadcrumb-item::after {
    content:"";
    display:block;
    width:8px;
    height:8px;
    background:var(--tg-theme-primary);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    margin:0 10px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.breadcrumb__content .breadcrumb .breadcrumb-item:hover::after {
    background:var(--tg-theme-secondary)
}

.breadcrumb__content .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding:0
}

.breadcrumb__content .breadcrumb .breadcrumb-item+.breadcrumb-item::before,.breadcrumb__content .breadcrumb .breadcrumb-item+.breadcrumb-item::after {
    display:none
}

.breadcrumb__content .breadcrumb .breadcrumb-item.active {
    color:var(--tg-common-color-white)
}

.breadcrumb__img {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:30px
}

@media (max-width:1500px) {
    .breadcrumb__img {
        right:60px;
        top:60%
}
}

.breadcrumb__img img {
    max-height:412px;
    max-width:402px
}

@media (max-width:1500px) {
    .breadcrumb__img img {
        max-height:320px;
        max-width:310px
}
}

@media (max-width:1199.98px) {
    .breadcrumb__img img {
        max-height:260px;
        max-width:255px
}
}

.breadcrumb__img:hover img {
    -webkit-animation:breadcrumbShake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    animation:breadcrumbShake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-perspective:1000px;
    perspective:1000px
}

.breadcrumb__hide-img .breadcrumb__wrapper {
    padding:0 0
}

.breadcrumb__hide-img .breadcrumb__content {
    text-align:center
}

.breadcrumb__hide-img .breadcrumb {
    justify-content:center
}

.faq-area {
    background-color:#0a0e13;
    padding:120px 0
}

.faq__content-wrap .section__title {
    margin:0 0 55px
}

.faq__content-wrap .section__title::after {
    display:none
}

.faq__content-wrap .section__title .title {
    margin:0 0 24px
}

.faq__content-wrap .section__title p {
    margin:0 0
}

@media (max-width:1199.98px) {
    .faq__content-wrap .section__title p br {
        display:none
}
}

.faq__wrapper .accordion-item {
    background:#fff0;
    border:none;
    border-radius:0;
    padding-bottom:35px;
    margin-bottom:35px;
    border-bottom:1px solid #202428
}

@media (max-width:1199.98px) {
    .faq__wrapper .accordion-item {
        padding-bottom:25px;
        margin-bottom:25px
}
}

.faq__wrapper .accordion-item:last-child {
    margin:0 0
}

.faq__wrapper .accordion-header {
    margin:0 0
}

.faq__wrapper .accordion-button {
    padding:0 0;
    background:#fff0;
    border-radius:0!important;
    box-shadow:none;
    color:var(--tg-common-color-white);
    font-size:20px;
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:1px;
    border:none!important;
    box-shadow:none
}

.faq__wrapper .accordion-button::after {
    content:"\f067";
    background-image:none!important;
    font-size:16px;
    font-family:var(--tg-icon-font-family);
    color:var(--tg-body-color);
    opacity:.76;
    width:auto;
    height:auto
}

.faq__wrapper .accordion-button .count {
    width:29px;
    height:29px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:var(--tg-common-color-black);
    background:var(--tg-body-color);
    font-weight:var(--tg-fw-extra-bold);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    margin-right:16px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.faq__wrapper .accordion-button:hover {
    color:var(--tg-theme-primary)
}

.faq__wrapper .accordion-button:hover .count {
    background:var(--tg-theme-primary)
}

.faq__wrapper .accordion-button:not(.collapsed)::after {
    content:"\f068"
}

.faq__wrapper .accordion-button:not(.collapsed) .count {
    background:var(--tg-theme-primary)
}

.faq__wrapper .accordion-body {
    padding:11px 0 0 45px
}

@media (max-width:1199.98px) {
    .faq__wrapper .accordion-body {
        padding:15px 0 0 0
}
}

@media (max-width:991.98px) {
    .faq__wrapper .accordion-body {
        padding:11px 0 0 45px
}
}

@media (max-width:767.98px) {
    .faq__wrapper .accordion-body {
        padding:15px 0 0 0
}
}

.nav-tabs {
    border:none
}

.nav-tabs .nav-item {
    margin:0 0
}

.nav-tabs .nav-link {
    padding:0;
    margin:0;
    background:#fff0;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}

.nav-tabs .nav-link.active {
    background:#fff0;
    border-color:#fff0
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    isolation:auto
}

.tab-pane.active {
    animation:tgSlideDown 0.5s ease-in-out
}

.scroll__top {
    width:45px;
    height:45px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    position:fixed;
    bottom:-10%;
    right:50px;
    font-size:20px;
    border-radius:3px;
    z-index:99;
    color:var(--tg-common-color-black-2);
    text-align:center;
    cursor:pointer;
    background:var(--tg-theme-primary);
    transition:0.8s ease;
    border:none
}

.scroll__top.open {
    bottom:30px
}

@media (max-width:767.98px) {
    .scroll__top.open {
        bottom:20px
}
}

.scroll__top::after {
    position:absolute;
    z-index:-1;
    content:"";
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:1;
    background:radial-gradient(ellipse at center,rgb(0 0 0 / .25) 0%,#fff0 80%)
}

.scroll__top:hover {
    background:var(--tg-theme-secondary);
    color:var(--tg-common-color-black-2)
}

.scroll__top i {
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}

@media (max-width:1199.98px) {
    .scroll__top {
        width:40px;
        height:40px;
        right:30px;
        font-size:18px
}
}

@media (max-width:767.98px) {
    .scroll__top {
        width:30px;
        height:30px;
        font-size:16px;
        right:15px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .scroll__top {
        width:35px;
        height:35px;
        right:25px
}
}

.section__title {
    position:relative
}

.section__title .sub-title {
    display:block;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:2px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary);
    line-height:1;
    margin:0 0 7px
}

.section__title .foundersSection__eyebrow,
.pageHeroTitle .foundersSection__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    margin: 0 auto 18px;
    border: 1px solid rgba(69, 248, 130, 0.18);
    border-radius: 999px;
    background: rgba(69, 248, 130, 0.06);
    color: #8bf5af;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.pageHeroTitle .title {
    margin: 18px 0 10px;
}

.section__title-desc {
    margin: 0 auto;
    max-width: 680px;
    color: #97a2ad;
    font-size: 16px;
    line-height: 1.75;
}

.pageHeroTitle .section__title-desc {
    text-align: center;
}

@media (max-width:767.98px) {
    .section__title .sub-title {
        margin:0 0 10px
}
}

.section__title .sub-title2 {
    display:inline-block;
    font-size:14px;
    font-weight:600;
    font-family:var(--tg-body-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    letter-spacing:.15em;
    position:relative;
    padding:7px 0 7px 20px;
    margin-bottom:15px;
    z-index:1
}

.section__title .sub-title2:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:linear-gradient(to right,var(--tg-theme-primary) -30%,transparent);
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1
}

.section__title .title {
    font-size:45px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1px;
    margin:0 0
}

@media (max-width:767.98px) {
    .section__title .title {
        font-size:35px;
        line-height:1.1
}
}

@media (max-width:1199.98px) {
    .section__title .title br {
        display:none
}
}

.section__title .title2 {
    font-size:60px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0
}

@media (max-width:767.98px) {
    .section__title .title2 {
        font-size:35px
}
}

.section__title .title2 .section-line {
    position:absolute;
    bottom:0;
    transform:translate(0,100%);
    left:0;
    right:0;
    width:100%
}

.section__title::after {
    content:"";
    display:block;
    width:65px;
    height:5px;
    margin:20px auto 0
}

.section__title.title-shape-none::after {
    display:none
}

.section__title.text-start .title {
    line-height:1.15
}

.section__title.text-start::after {
    margin:20px 0 0
}

.section__title-link {
    text-align:right
}

@media (max-width:991.98px) {
    .section__title-link {
        text-align:center;
        margin:10px 0 0
}
}

.section__title-link a {
    display:inline-block;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-body-color);
    position:relative;
    padding:0 0 3px
}

.section__title-link a:hover {
    color:var(--tg-theme-primary)
}

.section__title-link a::after {
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:1px;
    background:var(--tg-theme-primary)
}

.tg__animate-text {
    opacity:0
}

.tg__animate-text em {
    opacity:0
}

.tg__animate-text.ready {
    opacity:1
}

.transparent-header {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:9;
    height:auto
}

@media (max-width:767.98px) {
    .transparent-header {
        top:0
}
}

.tg-header__area {
    padding:11px 0;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease
}

.tg-header__area.tg-sticky-menu {
    padding:0 0
}

@media (max-width:1199.98px) {
    .tg-header__area.tg-sticky-menu {
        padding:18px 0
}
}

.tg-header__area .mobile-nav-toggler {
    position:relative;
    float:right;
    font-size:26px;
    cursor:pointer;
    line-height:1;
    color:var(--tg-theme-primary);
    display:none;
    margin-top:3px;
    border:2px solid var(--tg-theme-primary);
    padding:5px 10px
}

@media (max-width:1199.98px) {
    .tg-header__area .mobile-nav-toggler {
        display:block
}
}

@media (max-width:767.98px) {
    .tg-header__area .mobile-nav-toggler {
        margin-top:0
}
}

@media (max-width:1199.98px) {
    .tg-header__area {
        padding:25px 0
    }

    .header-nav-split__left,
    .header-nav-split__right {
        display:none;
    }

    .header-nav-split {
        justify-content:flex-end;
    }

    .header-main-row {
        gap:12px;
    }

    .tgmenu__wrap {
        min-height:64px;
    }

    .tgmenu__nav .logo img {
        max-height:44px;
    }
}
}

@media (max-width:767.98px) {
    .tg-header__area {
        padding:20px 0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tg-header__area {
        padding:25px 0
}
}

.tg-header__area-two {
    top:60px
}

.tg-header__area-two .tgmenu__navbar-wrap ul {
    margin:0 auto
}

.tg-header__area-two .tgmenu__action .header-btn {
    padding-left:0
}

.tg-header__area-two .tgmenu__action .header-btn::before {
    display:none
}

.tg-header__area-two .tgmenu__action>ul li {
    margin-left:40px
}

@media (max-width:1400px) {
    .tg-header__area-two {
        top:35px
}
}

@media (max-width:1300px) {
    .tg-header__area-two {
        top:0
}
}

.tg-header__area-three {
    position:relative;
    padding:15px 0 70px
}

@media (max-width:1500px) {
    .tg-header__area-three {
        padding:0 0 40px
}
}

.tg-header__area-three:before {
    content:"";
    position:absolute;
    inset:0;
    background:#11131C;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 67px),50% 100%,50% 100%,0% calc(100% - 67px));
    z-index:-1
}

@media (max-width:1500px) {
    .tg-header__area-three:before {
        clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),50% 100%,50% 100%,0% calc(100% - 40px))
}
}

.tg-header__area-three:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:var(--tg-theme-primary);
    clip-path:polygon(50% 99%,100% 0,100% 25px,50% 100%,0 25px,0 0);
    height:67px
}

@media (max-width:1500px) {
    .tg-header__area-three:after {
        height:40px
}
}

.tg-header__area-three .tgmenu__action .header-btn {
    padding-left:0
}

.tg-header__area-three .tgmenu__action .header-btn::before {
    display:none
}

.tg-header__area-three .tgmenu__action .side-toggle-icon {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    min-width:45px;
    gap:7px;
    display:inline-flex;
    cursor:pointer;
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:0;
    transform:translate(-50%,50%);
    z-index:1;
    width:78px;
    height:78px;
    background:var(--tg-theme-primary);
    border-radius:50%;
    border:7px solid #11131C;
    justify-content:center;
    padding:0 14px
}

@media (max-width:991.98px) {
    .tg-header__area-three .tgmenu__action .side-toggle-icon {
        display:none
}
}

.tg-header__area-three .tgmenu__action .side-toggle-icon span {
    display:block;
    height:3px;
    background-color:var(--tg-common-color-black-2);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tg-header__area-three .tgmenu__action .side-toggle-icon span:nth-child(1) {
    width:20px
}

.tg-header__area-three .tgmenu__action .side-toggle-icon span:nth-child(2) {
    width:36px
}

.tg-header__area-three .tgmenu__action .side-toggle-icon span:nth-child(3) {
    width:20px;
    align-self:flex-end
}

.tg-header__area-three .tgmenu__action .side-toggle-icon:hover span {
    width:36px
}

.tg-header__area-three .tgmenu__navbar-wrap ul {
    margin:0 auto
}

.tg-header__area-three.tg-sticky-menu.sticky-menu__show:before,.tg-header__area-three.tg-sticky-menu.sticky-menu__show:after {
    display:none
}

.tg-header__area-three.tg-sticky-menu.sticky-menu__show .tgmenu__action .side-toggle-icon {
    background:#fff0;
    border:0;
    border-radius:0;
    position:initial;
    transform:none;
    width:auto;
    height:auto
}

.tg-header__area-three.tg-sticky-menu.sticky-menu__show .tgmenu__action .side-toggle-icon span {
    background:var(--tg-common-color-white)
}

@media (max-width:1199.98px) {
    .tg-header__area-three:after {
        clip-path:polygon(50% 99%,100% 0,100% 15px,50% 100%,0 15px,0 0);
        height:40px
}
    .tg-header__area-three:before {
        clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),50% 100%,50% 100%,0% calc(100% - 40px))
}
}

@media (max-width:991.98px) {
    .tg-header__area-three {
        padding:20px 0
}
    .tg-header__area-three:before,.tg-header__area-three:after {
        display:none
}
}

.tg-header__area-four {
    padding:0 0
}

@media (max-width:991.98px) {
    .tg-header__area-four {
        padding:20px 0
}
}

.tg-header__area-four .tgmenu__action .header-btn {
    padding-left:0
}

.tg-header__area-four .tgmenu__action .header-btn::before {
    display:none
}

.tgmenu__nav {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-start
}

@media (max-width:1199.98px) {
    .tgmenu__nav {
        justify-content:space-between
}
}

.tgmenu__navbar-wrap {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-grow:1
}

.tgmenu__navbar-wrap ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    padding:0;
    flex-direction:row;
    flex-wrap:wrap;
    margin:0 auto 0 122px
}

@media (max-width:1500px) {
    .tgmenu__navbar-wrap ul {
        margin:0 auto 0 65px
}
}

.tgmenu__navbar-wrap ul li {
    display:block;
    position:relative;
    list-style:none
}

.tgmenu__navbar-wrap ul li a {
    font-size:15px;
    font-weight:var(--tg-fw-bold);
    text-transform:uppercase;
    color:var(--tg-heading-color);
    font-family:var(--tg-heading-font-family);
    padding:38px 23px;
    display:block;
    line-height:1;
    position:relative;
    letter-spacing:.8px;
    z-index:1
}

.tgmenu__navbar-wrap ul li .sub-menu {
    position:absolute;
    left:0;
    top:100%;
    min-width:230px;
    border:1px solid var(--tg-border-2);
    background:var(--tg-common-color-gray);
    margin:0;
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -ms-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    transform-origin:0 0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    -webkit-box-shadow:0 30px 70px 0 rgb(0 0 0 / .15);
    -moz-box-shadow:0 30px 70px 0 rgb(0 0 0 / .15);
    box-shadow:0 30px 70px 0 rgb(0 0 0 / .15);
    border-radius:0;
    padding:18px 0;
    display:block;
    visibility:hidden;
    opacity:0;
    z-index:9
}

.tgmenu__navbar-wrap ul li .sub-menu .sub-menu {
    right:auto;
    left:100%;
    top:0
}

.tgmenu__navbar-wrap ul li .sub-menu li {
    margin-left:0;
    text-align:left;
    display:block
}

.tgmenu__navbar-wrap ul li .sub-menu li a {
    padding:9px 15px 9px 25px;
    line-height:1.4;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-heading-color);
    text-transform:uppercase;
    letter-spacing:.8px;
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}

.tgmenu__navbar-wrap ul li .sub-menu li a::before {
    content:"";
    display:block;
    width:0;
    height:7px;
    background-color:var(--tg-theme-primary);
    -webkit-border-radius:0 5px 0 0;
    -moz-border-radius:0 5px 0 0;
    -o-border-radius:0 5px 0 0;
    -ms-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
    margin:7px 9px 0 0;
    -webkit-transition:width 0.2s linear;
    -moz-transition:width 0.2s linear;
    -ms-transition:width 0.2s linear;
    -o-transition:width 0.2s linear;
    transition:width 0.2s linear
}

.tgmenu__navbar-wrap ul li .sub-menu li:hover>a::before,.tgmenu__navbar-wrap ul li .sub-menu li.active>a::before {
    width:7px
}

.tgmenu__navbar-wrap ul li:hover>.sub-menu {
    opacity:1;
    visibility:visible;
    transform:scale(1)
}

.tgmenu__navbar-wrap>ul>li>a::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    width:42px;
    height:1px;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(0deg);
    -moz-transform:translateY(-50%) rotate(0deg);
    -ms-transform:translateY(-50%) rotate(0deg);
    -o-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
    background:var(--tg-theme-primary);
    margin:0 auto;
    opacity:0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tgmenu__navbar-wrap>ul>li.active>a,.tgmenu__navbar-wrap>ul>li:hover>a {
    color:var(--tg-theme-primary)
}

.tgmenu__navbar-wrap>ul>li.active>a::before,.tgmenu__navbar-wrap>ul>li:hover>a::before {
    opacity:1;
    -webkit-transform:translateY(-50%) rotate(-40deg);
    -moz-transform:translateY(-50%) rotate(-40deg);
    -ms-transform:translateY(-50%) rotate(-40deg);
    -o-transform:translateY(-50%) rotate(-40deg);
    transform:translateY(-50%) rotate(-40deg)
}

.tgmenu__main-menu li.menu-item-has-children .dropdown-btn {
    display:none
}

.tgmenu__action>ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin-left:10px
}

.tgmenu__action>ul li {
    position:relative;
    margin-left:25px
}

.tgmenu__action>ul li:first-child {
    margin-left:0
}

.tgmenu__action>ul li a {
    color:var(--tg-heading-color)
}

.tgmenu__action>ul li .tg-btn-3 {
    min-width:150px;
    height:45px;
    color:var(--tg-theme-primary);
    font-size:15px;
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    padding:15px 25px
}

.tgmenu__action>ul li .tg-btn-3 i {
    margin-right:12px
}

.tgmenu__action>ul li .tg-btn-3 .svg-icon {
    fill:#0f1d29;
    stroke:var(--tg-theme-primary)
}

@media (max-width:1199.98px) {
    .tgmenu__action {
        margin-right:40px
}
}

.tgmenu__action .search a {
    display:block;
    font-size:20px
}

.tgmenu__action .search a:hover {
    color:var(--tg-theme-primary)
}

.tgmenu__action .header-btn {
    padding-left:25px
}

.tgmenu__action .header-btn .btn {
    color:var(--tg-common-color-black-2);
    font-size:14px;
    padding:13px 22px;
    font-weight:var(--tg-fw-extra-bold)
}

.tgmenu__action .header-btn::before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:6px;
    height:28px;
    background-color:#131b22;
    box-shadow:inset 0 3px 7px 0 rgb(0 0 0 / .61)
}

@media (max-width:1199.98px) {
    .tgmenu__action .header-btn::before {
        box-shadow:inset 0 3px 7px 0 var(--tg-theme-primary);
        opacity:.1
}
}

.tgmenu__action .side-toggle-icon {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    min-width:45px;
    gap:10px;
    cursor:pointer
}

@media (max-width:991.98px) {
    .tgmenu__action .side-toggle-icon {
        display:none
}
}

.tgmenu__action .side-toggle-icon span {
    display:block;
    height:3px;
    background-color:var(--tg-common-color-white);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tgmenu__action .side-toggle-icon span:nth-child(1) {
    width:26px
}

.tgmenu__action .side-toggle-icon span:nth-child(2) {
    width:45px
}

.tgmenu__action .side-toggle-icon span:nth-child(3) {
    width:26px;
    align-self:flex-end
}

.tgmenu__action .side-toggle-icon:hover span {
    width:45px
}

.logo a {
    display:inline-block
}

.logo img {
    display:block;
    max-width:177px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.tg-sticky-menu {
    position:fixed;
    left:0;
    margin:auto;
    top:0;
    width:100%;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%);
    z-index:99;
    background:var(--tg-common-color-gray);
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
    border-radius:0;
    opacity:0
}

.tg-sticky-menu.sticky-menu__show {
    -webkit-transform:unset;
    -moz-transform:unset;
    -ms-transform:unset;
    -o-transform:unset;
    transform:unset;
    -webkit-box-shadow:0 10px 15px rgb(0 0 0 / .2);
    box-shadow:0 10px 15px rgb(0 0 0 / .2);
    opacity:1
}

.header-area-3 {
    position:relative;
    margin-bottom:-67px;
    z-index:99
}

@media (max-width:1199.98px) {
    .header-area-3 {
        margin-bottom:-40px
}
}

@media (max-width:991.98px) {
    .header-area-3 {
        margin-bottom:0
}
}

.tgmobile__search {
    padding:0 20px 25px 25px
}

.tgmobile__search form {
    position:relative
}

.tgmobile__search input {
    display:block;
    width:100%;
    border:none;
    padding:10px 45px 10px 20px;
    font-size:14px;
    height:45px;
    background:var(--tg-common-color-gray);
    color:var(--tg-common-color-white)
}

.tgmobile__search input::placeholder {
    font-size:14px;
    color:#c7c7c7
}

.tgmobile__search button {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    border:none;
    padding:0;
    right:20px;
    line-height:1;
    background:#fff0;
    color:var(--tg-heading-color)
}

.tgmobile__menu {
    position:fixed;
    right:0;
    top:0;
    width:300px;
    padding-right:30px;
    max-width:100%;
    height:100%;
    z-index:991;
    border-radius:0;
    transition:all 0.3s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all 0.3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transition:all 0.3s cubic-bezier(.785,.135,.15,.86);
    -ms-transition:all 0.3s cubic-bezier(.785,.135,.15,.86) e;
    -o-transition:all 0.3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transform:translateX(101%);
    -moz-transform:translateX(101%);
    -ms-transform:translateX(101%);
    -o-transform:translateX(101%);
    transform:translateX(101%)
}

.tgmobile__menu .navbar-collapse {
    display:block!important
}

.tgmobile__menu .nav-logo {
    position:relative;
    padding:30px 25px;
    text-align:left
}

.tgmobile__menu .nav-logo img {
    display:block;
    max-width:150px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.tgmobile__menu .navigation {
    position:relative;
    display:block;
    width:100%;
    float:none;
    margin:0;
    padding:0
}

.tgmobile__menu .navigation li {
    position:relative;
    display:block;
    border-top:1px solid var(--tg-border-2)
}

.tgmobile__menu .navigation li.current>a::before {
    height:100%
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn {
    position:absolute;
    right:18px;
    top:6px;
    width:32px;
    height:32px;
    text-align:center;
    font-size:16px;
    line-height:32px;
    color:var(--tg-common-color-white);
    background:var(--tg-common-color-gray);
    cursor:pointer;
    border-radius:2px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    z-index:5
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(0);
    -ms-transform:translate(-50%,-50%) rotate(0);
    transform:translate(-50%,-50%) rotate(0);
    border-radius:10px;
    width:12px;
    height:2px;
    background-color:var(--tg-common-color-white);
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(0);
    -ms-transform:translate(-50%,-50%) rotate(0);
    transform:translate(-50%,-50%) rotate(0);
    border-radius:10px;
    width:2px;
    height:12px;
    background-color:var(--tg-common-color-white);
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open {
    background-color:var(--tg-theme-primary)
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line {
    background-color:var(--tg-common-color-black)
}

.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after {
    display:none
}

.tgmobile__menu .navigation li>a {
    position:relative;
    display:block;
    line-height:1.5;
    padding:11px 60px 11px 25px;
    font-size:15px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-heading-color);
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    border:none
}

.tgmobile__menu .navigation li>a::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:0;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}

.tgmobile__menu .navigation li ul li>a {
    margin-left:20px
}

.tgmobile__menu .navigation li ul li ul li a {
    margin-left:40px
}

.tgmobile__menu .navigation li ul li ul li ul li a {
    margin-left:60px
}

.tgmobile__menu .navigation li>ul {
    display:none
}

.tgmobile__menu .navigation li>ul>li>ul {
    display:none
}

.tgmobile__menu .navigation ul {
    padding:0;
    margin:0
}

.tgmobile__menu .navigation ul li a {
    display:block
}

.tgmobile__menu .navigation ul li ul li>a {
    font-size:16px;
    margin-left:20px
}

.tgmobile__menu .navigation:last-child {
    border-bottom:1px solid var(--tg-border-2)
}

.tgmobile__menu .navigation>li>ul>li:first-child {
    border-top:1px solid var(--tg-border-2)
}

.tgmobile__menu .close-btn {
    position:absolute;
    right:15px;
    top:28px;
    line-height:30px;
    width:35px;
    text-align:center;
    font-size:20px;
    color:var(--tg-theme-primary);
    cursor:pointer;
    z-index:10;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease
}

.tgmobile__menu-backdrop {
    position:fixed;
    right:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99;
    transition:all 700ms ease;
    -moz-transition:all 700ms ease;
    -webkit-transition:all 700ms ease;
    -ms-transition:all 700ms ease;
    -o-transition:all 700ms ease;
    opacity:0;
    visibility:hidden;
    background:rgb(0 0 0 / .7)
}

.tgmobile__menu .social-links ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    position:relative;
    text-align:center;
    padding:30px 20px 20px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px
}

.tgmobile__menu .social-links ul li {
    position:relative;
    display:block
}

.tgmobile__menu .social-links ul li a {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    position:relative;
    font-size:16px;
    color:var(--tg-common-color-white);
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    border:1px solid var(--tg-border-2);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px
}

.tgmobile__menu .social-links ul li a:hover {
    border-color:var(--tg-theme-primary);
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black)
}

.tgmobile__menu-box {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    max-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    background:var(--tg-common-color-black);
    padding:0 0;
    z-index:5;
    box-shadow:-9px 0 14px 0 rgb(0 0 0 / .06)
}

.tgmobile__menu-outer .mobile-nav-toggler {
    position:relative;
    float:right;
    font-size:40px;
    line-height:50px;
    cursor:pointer;
    display:none;
    color:var(--tg-common-color-white);
    margin-right:30px;
    top:15px
}

.mobile-menu-visible {
    overflow:hidden
}

.mobile-menu-visible .tgmobile__menu {
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    transform:translateX(0%)
}

.mobile-menu-visible .tgmobile__menu-backdrop {
    opacity:1;
    visibility:visible
}

.mobile-menu-visible .tgmobile__menu .close-btn {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
}

.slider__bg {
    background-position:center;
    background-size:cover;
    padding:158px 0 54px;
    position:relative;
    z-index:1
}

@media (max-width:991.98px) {
    .slider__bg {
        padding:175px 0 55px
}
}

@media (max-width:767.98px) {
    .slider__bg {
        padding:160px 0 55px
}
}

.slider__content {
    margin:135px 0 0 40px;
    position:relative;
    z-index:2
}

@media (max-width:1800px) {
    .slider__content {
        margin:135px 0 0 0
}
}

@media (max-width:1500px) {
    .slider__content {
        margin:90px 0 0 0
}
}

@media (max-width:991.98px) {
    .slider__content {
        margin:0 0 70px;
        text-align:center
}
}

@media (max-width:767.98px) {
    .slider__content {
        margin:0 0 50px
}
}

.slider__content .sub-title {
    margin:0 0 19px;
    line-height:1;
    font-family:var(--tg-body-font-family);
    font-weight:var(--tg-fw-bold);
    letter-spacing:4px;
    font-size:20px;
    color:var(--tg-theme-primary);
    position:relative;
    padding:17px 0 17px 20px
}

@media (max-width:1199.98px) {
    .slider__content .sub-title {
        font-size:16px;
        padding:15px 0 15px 20px
}
}

@media (max-width:991.98px) {
    .slider__content .sub-title {
        font-size:18px;
        padding:15px 20px 15px
}
}

@media (max-width:767.98px) {
    .slider__content .sub-title {
        font-size:17px;
        padding:15px 20px 15px
}
}

.slider__content .sub-title::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1;
    opacity:.28
}

@media (max-width:1199.98px) {
    .slider__content .sub-title::before {
        background-size:contain
}
}

@media (max-width:991.98px) {
    .slider__content .sub-title::before {
        left:86px;
        top:0;
        right:0;
        width:297px;
        margin:0 auto
}
}

@media (max-width:767.98px) {
    .slider__content .sub-title::before {
        left:55px;
        width:256px;
        margin:0 auto
}
}

.slider__content .title {
    margin:0 0 21px;
    font-size:150px;
    font-family:var(--tg-berlin-font-family);
    line-height:.8;
    text-shadow:-1px 5px 0 rgb(69 248 130 / .66)
}

@media (max-width:1500px) {
    .slider__content .title {
        font-size:118px
}
}

@media (max-width:1199.98px) {
    .slider__content .title {
        font-size:94px
}
}

@media (max-width:991.98px) {
    .slider__content .title {
        font-size:120px
}
}

@media (max-width:767.98px) {
    .slider__content .title {
        font-size:18vw;
        text-shadow:-1px 3px 0 rgb(69 248 130 / .66)
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .slider__content .title {
        font-size:17vw;
        text-shadow:-1px 5px 0 rgb(69 248 130 / .66)
}
}

.slider__content p {
    margin:0 0;
    font-size:26px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:5px;
    line-height:1.4;
    color:var(--tg-common-color-white)
}

@media (max-width:1199.98px) {
    .slider__content p {
        font-size:22px
}
}

@media (max-width:991.98px) {
    .slider__content p {
        font-size:24px
}
}

@media (max-width:767.98px) {
    .slider__content p {
        font-size:20px;
        letter-spacing:3px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .slider__content p {
        font-size:24px;
        letter-spacing:5px
}
}

.slider__btn {
    margin:33px 0 0
}

.slider__btn .tg-btn-1 {
    padding:15px 49px
}

.slider__img img {
    margin:0 auto
}

@media (max-width:1199.98px) {
    .slider__img img {
        margin:0 0 0 auto;
        max-width:90%;
        display:block
}
}

@media (max-width:991.98px) {
    .slider__img img {
        margin:0 auto;
        max-width:480px;
        width:100%;
        display:block
}
}

.slider__brand-wrap {
    position:absolute;
    left:0;
    bottom:130px;
    width:100%;
    height:auto
}

@media (max-width:1500px) {
    .slider__brand-wrap {
        bottom:150px
}
}

@media (max-width:1199.98px) {
    .slider__brand-wrap {
        bottom:85px
}
}

@media (max-width:991.98px) {
    .slider__brand-wrap {
        bottom:0;
        position:relative
}
}

.slider__brand-list {
    display:flex;
    flex-wrap:wrap;
    width:50%;
    align-items:center;
    gap:10px 30px;
;
    margin:0 0 0 40px
}

@media (max-width:1800px) {
    .slider__brand-list {
        margin:0 0 0
}
}

@media (max-width:1199.98px) {
    .slider__brand-list {
        width:60%;
        gap:20px 30px
}
}

@media (max-width:991.98px) {
    .slider__brand-list {
        width:100%;
        justify-content:center
}
}

@media (max-width:767.98px) {
    .slider__brand-list {
        flex-wrap:nowrap;
        gap:20px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .slider__brand-list {
        gap:35px
}
}

.slider__brand-list li a {
    display:block
}

.slider__area {
    position:relative
}

.slider__area::before,.slider__area::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:50%;
    -webkit-clip-path:polygon(0 0,0 100%,100% 100%);
    clip-path:polygon(0 0,0 100%,100% 100%);
    background-color:var(--tg-theme-primary);
    height:50px
}

@media (max-width:1500px) {
    .slider__area::before,.slider__area::after {
        height:40px
}
}

@media (max-width:1199.98px) {
    .slider__area::before,.slider__area::after {
        height:30px
}
}

@media (max-width:767.98px) {
    .slider__area::before,.slider__area::after {
        height:20px
}
}

.slider__area::after {
    left:auto;
    right:0;
    -webkit-clip-path:polygon(100% 0,0 100%,100% 100%);
    clip-path:polygon(100% 0,0 100%,100% 100%)
}

.banner__padding {
    padding:310px 0 295px;
    position:relative;
    z-index:1
}

@media (max-width:1500px) {
    .banner__padding {
        padding:260px 0 220px
}
}

@media (max-width:767.98px) {
    .banner__padding {
        padding:180px 0 150px;
        min-height:auto;
        display:flex;
        align-items:center
}
}

.banner__bg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    z-index:-1
}

.banner__content {
    margin:0 0
}

@media (max-width:1500px) {
    .banner__content .title {
        font-size:136px
}
}

@media (max-width:991.98px) {
    .banner__content .title {
        font-size:118px
}
}

@media (max-width:767.98px) {
    .banner__content .title {
        font-size:18vw
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .banner__content .title {
        font-size:17vw
}
}

.banner__btn {
    margin:33px 0 0
}

.banner__area-two {
    padding:185px 0 170px;
    margin:40px 40px 120px;
    position:relative
}

.banner__area-two .banner__bg {
    text-align:end;
    z-index:-1
}

.banner__area-two .banner__bg-shape {
    position:absolute;
    inset:-20px -20px 0 -20px;
    background-size:calc(100% - 50px) calc(100% - 90px);
    background-repeat:no-repeat;
    background-position:center
}

.banner__area-two .banner__bg-shape:after {
    content:"";
    position:absolute;
    inset:0;
    mask-image:url(../img/slider/banner_bg_shape3-1.jpg);
    mask-size:100% 100%;
    mix-blend-mode:color;
    background:var(--tg-theme-primary)
}

.banner__area-two .banner__bg-shape img {
    height:100%;
    width:100%;
    position:absolute
}

.banner__area-two .banner__shape {
    position:absolute
}

.banner__area-two .banner__shape3-1 {
    right:103px;
    top:219px
}

.banner__area-two .banner__shape3-2 {
    bottom:128px;
    left:390px
}

.banner__area-two .banner__shape3-3 {
    bottom:84px;
    right:174px
}

.banner__area-two .banner__content .sub-title2 {
    display:inline-block;
    font-size:16px;
    font-weight:600;
    font-family:var(--tg-body-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    letter-spacing:.15em;
    position:relative;
    padding:1px 0 1px 32px;
    margin-bottom:30px
}

.banner__area-two .banner__content .sub-title2:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:linear-gradient(to right,var(--tg-theme-primary) -30%,transparent);
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1
}

.banner__area-two .banner__content .title {
    font-size:130px;
    font-weight:900;
    font-family:var(--tg-heading-font-family);
    text-shadow:none;
    margin-bottom:32px
}

@media (max-width:1500px) {
    .banner__area-two .banner__content .title {
        font-size:110px
}
}

@media (max-width:1199.98px) {
    .banner__area-two .banner__content .title {
        font-size:90px
}
}

@media (max-width:991.98px) {
    .banner__area-two .banner__content .title {
        font-size:80px
}
}

@media (max-width:767.98px) {
    .banner__area-two .banner__content .title {
        font-size:60px;
        margin-bottom:20px
}
}

.banner__area-two .banner__content p {
    font-size:16px;
    font-weight:500;
    text-transform:none;
    letter-spacing:normal;
    color:#92989E;
    line-height:1.75;
    max-width:90%
}

@media (max-width:1400px) {
    .banner__area-two .banner__content p {
        max-width:100%
}
}

.banner__area-two .banner__content .banner__btn {
    margin-top:43px
}

@media (max-width:767.98px) {
    .banner__area-two .banner__content .banner__btn {
        margin-top:30px
}
}

.banner__area-two .banner__img {
    position:relative;
    text-align:center;
    padding:46px 32px 34px 35px
}

.banner__area-two .banner__img .banner__img-shape {
    position:absolute;
    inset:0
}

.banner__area-two .banner__img .banner__img-shape img {
    width:100%;
    height:100%
}

.banner__area-two .banner__img .banner__img-shape:after {
    content:"";
    position:absolute;
    inset:0;
    mask-image:url(../img/slider/thumb_bg_shape3-1.jpg);
    mask-size:100% 100%;
    mix-blend-mode:color;
    background:var(--tg-theme-primary)
}

.banner__area-two .banner__img .thumb {
    display:inline-block;
    mask-image:url(../img/slider/slider_img_mask.png);
    mask-size:100% 100%
}

@media (max-width:1400px) {
    .banner__area-two {
        margin:30px 30px 120px;
        padding:135px 0 90px
}
    .banner__area-two .banner__img {
        padding:37px 25px 29px 27px
}
}

@media (max-width:1300px) {
    .banner__area-two {
        margin:0;
        padding:220px 0 140px
}
    .banner__area-two .banner__bg-shape {
        display:none
}
}

@media (max-width:1199.98px) {
    .banner__area-two {
        padding:160px 0 120px
}
    .banner__area-two .banner__img {
        padding:47px 33px 35px 35px;
        display:inline-block
}
}

@media (max-width:991.98px) {
    .banner__area-two .banner__shape {
        display:none
}
    .banner__area-two .banner__content .banner__btn {
        justify-content:center
}
}

@media (max-width:767.98px) {
    .banner__area-two {
        padding:120px 0 120px
}
    .banner__area-two .banner__img {
        padding:33px 23px 25px 24px
}
    .banner__area-two .banner__content p {
        font-weight:400
}
}

@media (max-width:375px) {
    .banner__area-two .banner__content .sub-title2 {
        font-size:14px;
        padding:1px 0 1px 22px
}
}

.banner__area-three {
    position:relative;
    padding:250px 0 200px;
    z-index:1
}

.banner__area-three .banner__bg {
    clip-path:polygon(100% 0,100% 100%,650px calc(100% - 90px),0 100%,0 0)
}

.banner__area-three .banner__bg img {
    height:100%;
    width:100%;
    object-fit:cover
}

.banner__area-three .banner__content .sub-title2 {
    display:inline-block;
    font-size:16px;
    font-weight:600;
    font-family:var(--tg-body-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    letter-spacing:.15em;
    position:relative;
    padding:1px 0 1px 32px;
    margin-bottom:32px
}

.banner__area-three .banner__content .sub-title2:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:linear-gradient(to right,var(--tg-theme-primary) -30%,transparent);
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1
}

@media (max-width:991.98px) {
    .banner__area-three .banner__content .sub-title2 {
        margin-bottom:20px
}
}

.banner__area-three .banner__content .title {
    font-size:72px;
    font-weight:900;
    font-family:var(--tg-heading-font-family);
    text-shadow:none;
    margin-bottom:22px
}

@media (max-width:991.98px) {
    .banner__area-three .banner__content .title {
        font-size:65px
}
}

@media (max-width:767.98px) {
    .banner__area-three .banner__content .title {
        font-size:40px
}
}

@media (max-width:375px) {
    .banner__area-three .banner__content .title {
        font-size:35px
}
}

.banner__area-three .banner__content .banner__btn {
    margin-top:70px
}

@media (max-width:1500px) {
    .banner__area-three {
        padding:175px 0 170px
}
    .banner__area-three .banner__bg {
        clip-path:polygon(100% 0,100% 99%,482px calc(100% - 83px),0 98%,0 0)
}
}

@media (max-width:1400px) {
    .banner__area-three .banner__bg {
        clip-path:polygon(100% 0,100% 98%,400px calc(100% - 81px),0 97%,0 0)
}
}

@media (max-width:1300px) {
    .banner__area-three .banner__bg {
        clip-path:polygon(100% 0,100% 97%,330px calc(100% - 80px),0 96%,0 0)
}
}

@media (max-width:1199.98px) {
    .banner__area-three {
        padding:150px 0 200px
}
    .banner__area-three .banner__content .title {
        line-height:1.2;
        margin-bottom:0
}
    .banner__area-three .banner__bg {
        clip-path:polygon(100% 0,100% 96%,227px calc(100% - 85px),0 93%,0 0)
}
    .banner__area-three .banner__content .banner__btn {
        margin-top:50px
}
}

@media (max-width:991.98px) {
    .banner__area-three {
        padding:120px 0 120px
}
    .banner__area-three .banner__bg {
        clip-path:none
}
    .banner__area-three .banner__content {
        text-align:start
}
    .banner__area-three .banner__content .banner__btn {
        margin-top:40px
}
}

@media (max-width:767.98px) {
    .banner__area-three {
        padding:100px 0
}
}

.banner__area-four {
    position:relative;
    padding:170px 0 255px;
    z-index:1
}

.banner__area-four .banner__bg {
    clip-path:polygon(100% 0,100% calc(100% - 87px),calc(100% - 595px) 100%,0 calc(100% - 67px),0 0)
}

.banner__area-four .banner__bg img {
    height:100%;
    width:100%;
    object-fit:cover
}

.banner__area-four .banner__bg-shape {
    position:absolute;
    bottom:0;
    z-index:-1
}

.banner__area-four .banner__bg-shape img {
    width:100%
}

.banner__area-four .banner__content .title {
    font-size:90px;
    font-weight:800;
    font-family:var(--tg-heading-font-family);
    text-transform:capitalize;
    text-shadow:none;
    position:relative;
    margin-bottom:35px
}

@media (max-width:767.98px) {
    .banner__area-four .banner__content .title {
        font-size:50px;
        margin-bottom:30px
}
}

.banner__area-four .banner__content .title .text-stroke {
    position:absolute;
    bottom:-7px;
    left:5px;
    -webkit-text-stroke:1px var(--tg-theme-primary);
    color:#fff0;
    z-index:-1;
    opacity:.3
}

.banner__area-four .banner__content .sub-title {
    background:#fff0;
    padding:0;
    font-size:48px;
    font-weight:500;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    max-width:478px;
    text-transform:capitalize;
    line-height:1.1;
    letter-spacing:normal
}

.banner__area-four .banner__content .sub-title:before {
    display:none
}

.banner__area-four .banner__content .banner__btn {
    margin:53px 0 0;
    align-items:center;
    gap:20px 40px
}

.banner__area-four .slider__img5 {
    margin:-110px -210px -80px 0
}

@media (max-width:1500px) {
    .banner__area-four .slider__img5 {
        margin:-110px -80px -80px 0
}
}

@media (max-width:1400px) {
    .banner__area-four .slider__img5 {
        margin:-20px -30px -20px 0
}
}

@media (max-width:1300px) {
    .banner__area-four {
        padding:150px 0 205px
}
}

@media (max-width:1199.98px) {
    .banner__area-four {
        padding:120px 0 150px
}
    .banner__area-four .slider__img5 {
        margin:0
}
    .banner__area-four .banner__bg-shape {
        display:none
}
    .banner__area-four .banner__content {
        text-align:center
}
    .banner__area-four .banner__content .title .text-stroke {
        left:5px;
        right:0
}
    .banner__area-four .banner__content .sub-title {
        margin-left:auto;
        margin-right:auto
}
    .banner__area-four .banner__content .banner__btn {
        justify-content:center
}
}

@media (max-width:991.98px) {
    .banner__area-four .banner__content .sub-title {
        font-size:24px;
        line-height:normal
}
    .banner__area-four .banner__content .banner__btn {
        margin:33px 0 0
}
}

@media (max-width:767.98px) {
    .banner__area-four {
        padding:80px 0
}
    .banner__area-four .banner__bg {
        clip-path:none
}
}

.nft-item__area {
    background:var(--tg-common-color-black-3);
    padding:100px 0 70px
}

.nft-item__area .row {
    --bs-gutter-x:37px
}

@media (max-width:1500px) {
    .nft-item__area .row {
        --bs-gutter-x:30px
}
}

.nft-item__box {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-end;
    background-color:#121a23;
    background-image:-moz-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    border:1px solid rgb(76 76 76 / .2);
    padding:25px;
    margin:0 0 30px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

@media (max-width:767.98px) {
    .nft-item__box {
        display:block;
        text-align:center;
        max-width:320px;
        padding:35px 25px 25px;
        margin:0 auto 30px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .nft-item__box {
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        text-align:left;
        max-width:100%;
        padding:25px 25px;
        margin:0 0 30px
}
}

.nft-item__box:hover {
    border-color:rgb(69 248 130 / .2)
}

.nft-item__thumb {
    flex:0 0 auto;
    margin-right:20px;
    max-width:187px
}

@media (max-width:1800px) {
    .nft-item__thumb {
        max-width:165px
}
}

@media (max-width:1500px) {
    .nft-item__thumb {
        max-width:170px
}
}

@media (max-width:991.98px) {
    .nft-item__thumb {
        max-width:187px
}
}

@media (max-width:767.98px) {
    .nft-item__thumb {
        margin:0 auto 25px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .nft-item__thumb {
        margin:0 20px 0 0
}
}

.nft-item__thumb img {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px
}

.nft-item__content {
    flex-grow:1
}

.nft-item__content .title {
    font-size:20px;
    letter-spacing:.5px;
    margin:0 0 15px
}

.nft-item__avatar {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0 0 20px
}

@media (max-width:767.98px) {
    .nft-item__avatar {
        justify-content:center
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .nft-item__avatar {
        justify-content:flex-start
}
}

.nft-item__avatar .avatar-img {
    margin:0 10px 0 0;
    flex:0 0 auto
}

.nft-item__avatar .avatar-img img {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}

.nft-item__avatar .avatar-name {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

.nft-item__avatar .avatar-name .name {
    margin:0 0 0;
    font-size:18px;
    font-weight:var(--tg-fw-semi-bold);
    color:#9b9b9b;
    text-transform:capitalize
}

.nft-item__avatar .avatar-name .designation {
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    color:#9b9b9b
}

.nft-item__avatar .avatar-name .designation::before {
    content:"|";
    display:inline-block;
    font-size:12px;
    font-weight:500;
    color:#434343;
    padding:0 8px 0 10px
}

.nft-item__price {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    background-color:#121a23;
    background-image:-moz-linear-gradient(90deg,#0c0e12 0%,#10181f 100%);
    background-image:-webkit-linear-gradient(90deg,#0c0e12 0%,#10181f 100%);
    background-image:-ms-linear-gradient(90deg,#0c0e12 0%,#10181f 100%);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    border:1px solid rgb(76 76 76 / .5);
    padding:14px 15px 14px 20px
}

.nft-item__price p {
    margin:0 0;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    color:#e8e8e8;
    font-weight:var(--tg-fw-semi-bold)
}

.nft-item__price p span {
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-theme-secondary)
}

.nft-item__price .bid-btn {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    column-gap:10px;
    background:var(--tg-theme-secondary);
    color:var(--tg-common-color-black-2);
    text-transform:capitalize;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    font-size:18px;
    line-height:1;
    padding:11px 14px;
    margin-left:auto
}

.nft-item__price .bid-btn:hover {
    background:var(--tg-theme-primary)
}

.section-pt-120 {
    padding-top:120px
}

@media (max-width:767.98px) {
    .section-pt-120 {
        padding-top:100px
}
}

.section-pb-90 {
    padding-bottom:90px
}

@media (max-width:767.98px) {
    .section-pb-90 {
        padding-bottom:70px
}
}

.trendingNft-area {
    background-color:var(--tg-common-color-black-4)
}

.trendingNft__title-wrap {
    margin:0 0 50px
}

.trendingNft__title .title {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:18px;
    margin:0 0;
    font-size:36px
}

@media (max-width:767.98px) {
    .trendingNft__title .title {
        justify-content:center
}
}

.trendingNft__nav {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:13px
}

@media (max-width:767.98px) {
    .trendingNft__nav {
        justify-content:center;
        margin-top:18px
}
}

.trendingNft__nav>* {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:2px solid #adb0bc;
    background:#fff0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    font-size:18px;
    color:#adb0bc
}

.trendingNft__nav>*:hover {
    border-color:var(--tg-theme-primary);
    color:var(--tg-theme-primary)
}

.trendingNft__item {
    background-image:url(../img/bg/trendnft_img.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    max-width:403px;
    height:426px;
    padding:24px 20px;
    margin:0 0 30px
}

@media (max-width:1199.98px) {
    .trendingNft__item {
        margin:0 auto 30px
}
}

@media (max-width:991.98px) {
    .trendingNft__item {
        max-width:330px;
        height:345px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .trendingNft__item {
        max-width:403px;
        height:426px
}
}

.trendingNft__item-top {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0 0 15px
}

.trendingNft__item-avatar {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    gap:9px
}

.trendingNft__item-avatar .image {
    max-width:45px;
    flex:0 0 auto
}

.trendingNft__item-avatar img {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}

.trendingNft__item-avatar .info .name {
    font-size:16px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:capitalize;
    color:#fcfcfc;
    margin:0 0 5px
}

.trendingNft__item-avatar .info .userName {
    display:block;
    line-height:1;
    font-size:12px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-body-color);
    font-family:var(--tg-heading-font-family);
    text-decoration:underline
}

.trendingNft__item-avatar .info .userName:hover {
    color:var(--tg-theme-primary)
}

.trendingNft__item-wish {
    margin-left:auto
}

.trendingNft__item-wish a {
    color:#c9c9c9
}

.trendingNft__item-wish a:hover {
    color:var(--tg-theme-primary)
}

.trendingNft__item-image img {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    width:100%;
    max-height:249px;
    object-fit:cover
}

@media (max-width:991.98px) {
    .trendingNft__item-image img {
        max-height:170px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .trendingNft__item-image img {
        max-height:249px
}
}

.trendingNft__item-bottom {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap
}

.trendingNft__item-bottom .bid-btn {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    column-gap:10px;
    background:var(--tg-theme-secondary);
    color:var(--tg-common-color-black-2);
    text-transform:capitalize;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    font-size:18px;
    line-height:1;
    padding:11px 14px;
    margin-left:auto;
    margin-right:35px
}

.trendingNft__item-bottom .bid-btn:hover {
    background:var(--tg-theme-primary)
}

.trendingNft__item-bottom::before {
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,#383d44 50%,transparent 100%);
    flex:0 0 100%;
    margin:14px 0 13px
}

.trendingNft__item-price .bid {
    display:block;
    font-family:var(--tg-heading-font-family);
    text-transform:capitalize;
    font-size:13px;
    font-weight:var(--tg-fw-semi-bold);
    line-height:1;
    margin:0 0 7px
}

.trendingNft__item-price .eth {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    font-size:18px;
    color:#e8e8e8;
    font-weight:var(--tg-fw-semi-bold);
    margin:0 0
}

.trendingNft__item-price .eth i {
    color:var(--tg-theme-secondary);
    margin-right:10px
}

.trendingNft__item-price .eth span {
    color:var(--tg-theme-secondary);
    font-weight:var(--tg-fw-bold);
    margin-left:5px
}

.nft-card {
    border:10px solid #1F222D;
    box-shadow:0 4px 41px rgb(0 0 0 / .53);
    background:#12141D
}

.nft-card-thumb {
    overflow:hidden
}

.nft-card-thumb img {
    width:100%;
    transition:0.4s
}

.nft-card-content {
    border-top:10px solid #1F222D;
    text-align:center;
    padding-top:25px
}

.nft-card-content .subtitle {
    color:var(--tg-theme-primary);
    font-size:12px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    display:block;
    margin:0 0 5px
}

.nft-card-content .title {
    font-size:20px;
    font-weight:800;
    margin-bottom:20px
}

.nft-card-content .btn-wrap {
    display:flex;
    justify-content:center;
    border-top:1px solid #201F2F;
    padding:20px 25px;
    gap:28px;
    position:relative
}

.nft-card-content .btn-wrap:after {
    content:"";
    position:absolute;
    height:100%;
    width:1px;
    background:#201F2F;
    top:0
}

.nft-card:hover .nft-card-thumb img {
    transform:scale(1.05)
}

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

.section-pt-130 {
    padding-top:130px
}

@media (max-width:767.98px) {
    .section-pt-130 {
        padding-top:100px
}
}

.section-pb-130 {
    padding-bottom:130px
}

@media (max-width:767.98px) {
    .section-pb-130 {
        padding-bottom:100px
}
}

.about__buttons {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px 35px;
    margin:0 0 40px
}

.about__tab-wrap .nav-tabs {
    justify-content:center;
    padding:22px 0;
    position:relative;
    gap:15px 35px
}

@media (max-width:991.98px) {
    .about__tab-wrap .nav-tabs {
        gap:15px 30px
}
}

@media (max-width:767.98px) {
    .about__tab-wrap .nav-tabs {
        gap:20px 25px
}
}

.about__tab-wrap .nav-tabs::before,.about__tab-wrap .nav-tabs::after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,var(--tg-theme-primary) 50%,transparent 100%)
}

.about__tab-wrap .nav-tabs::after {
    top:auto;
    bottom:0
}

.about__tab-wrap .nav-tabs .nav-item {
    position:relative;
    z-index:1
}

.about__tab-wrap .nav-tabs .nav-item .nav-link {
    position:relative;
    background:linear-gradient(180deg,#10181f 0%,#e3b17d 48%,#10181f 100%) border-box;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:1px solid #fff0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.about__tab-wrap .nav-tabs .nav-item .nav-link .img-shape {
    position:absolute;
    left:50%;
    top:50%;
    width:85px;
    height:84px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background:linear-gradient(180deg,#10181f 0%,#e3b17d 48%,#10181f 100%) border-box;
    border:1px solid #fff0;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:-1
}

.about__tab-wrap .nav-tabs .nav-item .nav-link .img-shape::before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#0c1319
}

.about__tab-wrap .nav-tabs .nav-item .nav-link img {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#0c1319
}

.about__tab-wrap .nav-tabs .nav-item .nav-link:hover,.about__tab-wrap .nav-tabs .nav-item .nav-link.active {
    background:linear-gradient(180deg,#10181f 0%,var(--tg-theme-primary) 48%,#10181f 100%) border-box
}

.about__tab-wrap .nav-tabs .nav-item .nav-link:hover .img-shape,.about__tab-wrap .nav-tabs .nav-item .nav-link.active .img-shape {
    background:linear-gradient(180deg,#10181f 0%,var(--tg-theme-primary) 48%,#10181f 100%) border-box
}

.about__area .tab-content {
    margin:80px 0 0;
    position:relative;
    overflow:hidden
}

.about__area .tab-content::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--tg-theme-primary);
    background:linear-gradient(45deg,#fff0 0%,var(--tg-theme-primary) 100%);
    opacity:.329
}

@media (max-width:1199.98px) {
    .about__area .tab-content::after {
        right:0;
        width:770px;
        margin:0 auto
}
}

@media (max-width:767.98px) {
    .about__area .tab-content::after {
        width:100%;
        opacity:.5
}
}

@media (max-width:1199.98px) {
    .about__img img {
        margin:0 0 35px
}
}

@media (max-width:1199.98px) {
    .about__img img {
        width:100%;
        height:350px;
        object-fit:cover
}
}

@media (max-width:767.98px) {
    .about__img img {
        height:auto
}
}

.about__flex-wrap {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    height:100%;
    -ms-flex-direction:column;
    flex-direction:column
}

.about__content-wrap {
    display:grid;
    grid-template-columns:56% 1fr;
    gap:30px 30px;
    margin:0 0 30px
}

@media (max-width:767.98px) {
    .about__content-wrap {
        grid-template-columns:repeat(1,1fr)
}
}

.about__content .title {
    margin:0 0 2px;
    font-size:30px
}

.about__content .rate {
    display:block;
    font-size:20px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-theme-secondary);
    margin:0 0 18px
}

.about__content p {
    margin:0 0 0
}

.about__content-list li {
    background-image:-moz-linear-gradient(0deg,#1f2935 0%,transparent 100%,#10181f 100%);
    background-image:-webkit-linear-gradient(0deg,#1f2935 0%,transparent 100%,#10181f 100%);
    background-image:-ms-linear-gradient(0deg,#1f2935 0%,transparent 100%,#10181f 100%);
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .21);
    padding:7px 13px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    -ms-border-radius:7px;
    border-radius:7px;
    margin:0 0 11px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    font-size:16px;
    font-weight:var(--tg-fw-bold);
    font-family:var(--tg-heading-font-family);
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    -ms-transition:0.3s linear;
    -o-transition:0.3s linear;
    transition:0.3s linear
}

.about__content-list li:last-child {
    margin:0 0
}

.about__content-list li:hover {
    -webkit-transform:translateX(-10px);
    -moz-transform:translateX(-10px);
    -ms-transform:translateX(-10px);
    -o-transform:translateX(-10px);
    transform:translateX(-10px)
}

.about__content-list li img {
    margin-right:13px
}

.about__btn-wrap {
    margin-top:auto
}

.about__btn-wrap ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:7px 7px
}

@media (max-width:767.98px) {
    .about__btn-wrap ul {
        flex-wrap:wrap
}
}

.about__btn-wrap ul li {
    flex:auto
}

.about__btn-wrap ul li a {
    display:block;
    background-color:#1f2935;
    background-image:-moz-linear-gradient(90deg,#10181f 0%,transparent 0%,#141a20 100%);
    background-image:-webkit-linear-gradient(90deg,#10181f 0%,transparent 0%,#141a20 100%);
    background-image:-ms-linear-gradient(90deg,#10181f 0%,transparent 0%,#141a20 100%);
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-size:16px;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-body-color);
    text-align:center;
    letter-spacing:1px;
    padding:25px 30px
}

@media (max-width:767.98px) {
    .about__btn-wrap ul li a {
        padding:13px 30px
}
}

.about__btn-wrap ul li a:hover {
    color:var(--tg-theme-primary)
}

.section-pt-160 {
    padding-top:160px
}

@media (max-width:1199.98px) {
    .section-pt-160 {
        padding-top:130px
}
}

@media (max-width:991.98px) {
    .section-pt-160 {
        padding-top:120px
}
}

.section-pb-190 {
    padding-bottom:190px
}

@media (max-width:1199.98px) {
    .section-pb-190 {
        padding-bottom:25px
}
}

.about__funFact-images {
    position:relative;
    max-width:511px;
    margin:60px 25px 0 auto;
    z-index:1
}

@media (max-width:991.98px) {
    .about__funFact-images {
        max-width:510px;
        margin:60px auto 30px
}
}

@media (max-width:767.98px) {
    .about__funFact-images {
        max-width:400px;
        margin:60px 25px 30px 0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about__funFact-images {
        max-width:480px;
        margin:60px 40px 30px 0
}
}

.about__funFact-images::after {
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:calc(100% + 15px);
    background:var(--tg-theme-primary);
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    transform:rotate(5deg);
    -webkit-transform-origin:bottom right;
    -ms-transform-origin:bottom right;
    transform-origin:bottom right;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    opacity:.84;
    z-index:-1
}

.about__funFact-images .main-img {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-width:382px;
    margin:0 auto
}

@media (max-width:1199.98px) {
    .about__funFact-images .main-img {
        max-width:315px
}
}

@media (max-width:991.98px) {
    .about__funFact-images .main-img {
        max-width:350px
}
}

@media (max-width:767.98px) {
    .about__funFact-images .main-img {
        max-width:260px
}
}

.about__funFact-images:hover::after {
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    height:calc(100% + 0px)
}

.about__funFact-trophy {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-start;
    align-items:center;
    margin:35px 25px 0 0
}

@media (max-width:991.98px) {
    .about__funFact-trophy {
        margin:35px auto 40px;
        max-width:510px
}
}

@media (max-width:767.98px) {
    .about__funFact-trophy {
        margin:35px 25px 40px auto
}
}

.about__funFact-trophy .icon {
    position:relative;
    margin-left:22px;
    z-index:1
}

.about__funFact-trophy .icon::after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url(../img/icons/trophy_color.png);
    width:95px;
    height:96px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    z-index:-1
}

.about__funFact-trophy .icon img {
    max-height:40px
}

.about__funFact-trophy .content {
    text-align:right
}

.about__funFact-trophy .content h5 {
    margin:0 0 2px;
    font-size:22px
}

.about__funFact-trophy .content span {
    display:block;
    text-transform:uppercase;
    font-size:14px;
    font-weight:var(--tg-fw-medium)
}

.about__funFact-wrap {
    flex-grow:1
}

.about__funFact-lists {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:30px 50px
}

.about__funFact-item .count {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    font-size:30px;
    font-weight:var(--tg-fw-semi-bold);
    margin:0 0 8px;
    line-height:1
}

.about__funFact-item .count .formatting-mark {
    display:block;
    line-height:1;
    margin-left:3px
}

.about__funFact-item p {
    line-height:1;
    margin:0 0;
    text-align:center;
    font-size:14px;
    font-weight:var(--tg-fw-medium)
}

.about__content-bottom {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-end;
    align-items:center;
    position:relative;
    margin:50px 0 0
}

@media (max-width:1199.98px) {
    .about__content-bottom {
        margin:40px 0 0;
        align-items:flex-start
}
}

@media (max-width:991.98px) {
    .about__content-bottom {
        align-items:center
}
}

@media (max-width:767.98px) {
    .about__content-bottom {
        align-items:flex-start;
        flex-direction:column-reverse;
        row-gap:30px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about__content-bottom {
        align-items:center;
        flex-direction:row-reverse
}
}

.about__content-circle {
    width:137px;
    height:137px;
    position:relative;
    -webkit-animation:mykdRotation 12s linear infinite;
    animation:mykdRotation 12s linear infinite;
    -webkit-animation-play-state:running;
    animation-play-state:running;
    margin:0 50px 0 30px
}

@media (max-width:1199.98px) {
    .about__content-circle {
        width:100px;
        height:100px;
        margin:0 0 0 auto
}
}

@media (max-width:991.98px) {
    .about__content-circle {
        width:137px;
        height:137px;
        margin:0 0 0 30px
}
}

@media (max-width:767.98px) {
    .about__content-circle {
        width:120px;
        height:120px;
        margin:0 auto
}
}

.about__content-circle img {
    pointer-events:none
}

.about__content-circle svg {
    position:absolute;
    width:80px;
    height:80px;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(-33deg);
    -moz-transform:translate(-50%,-50%) rotate(-33deg);
    -ms-transform:translate(-50%,-50%) rotate(-33deg);
    -o-transform:translate(-50%,-50%) rotate(-33deg);
    transform:translate(-50%,-50%) rotate(-33deg);
    overflow:initial
}

@media (max-width:1199.98px) {
    .about__content-circle svg {
        width:60px;
        height:60px
}
}

@media (max-width:991.98px) {
    .about__content-circle svg {
        width:80px;
        height:80px
}
}

@media (max-width:767.98px) {
    .about__content-circle svg {
        width:70px;
        height:70px
}
}

.about__content-circle svg path {
    fill:none
}

.about__content-circle svg text {
    fill:var(--tg-common-color-white);
    text-transform:uppercase;
    font-size:22px;
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:3px
}

.about__content-circle:hover {
    -webkit-animation-play-state:paused;
    animation-play-state:paused
}

.about__content-btns {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:20px 30px;
    margin:40px 0 0
}

.about__content-btns .tg-btn-3 {
    font-size:14px;
    color:var(--tg-common-color-white);
    letter-spacing:.5px;
    font-weight:var(--tg-fw-bold);
    min-width:158px;
    padding:19px 30px
}

.about__content-btns .svg-icon {
    fill:#fff0;
    stroke:var(--tg-theme-primary)
}

.about__content-btns .popup-video {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:0 14px;
    font-size:13px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-common-color-white);
    letter-spacing:.3px
}

.about__content-btns .popup-video i {
    width:46px;
    height:46px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border:2px solid var(--tg-common-color-white);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    color:var(--tg-theme-primary);
    font-size:14px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.about__content-btns .popup-video:hover {
    color:var(--tg-theme-primary)
}

.about__content-btns .popup-video:hover i {
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2);
    border-color:var(--tg-theme-primary)
}

.about__area-three {
    background-color:var(--tg-common-color-black-4);
    position:relative;
    z-index:1
}

.about__area-three .big-title {
    position:absolute;
    left:0;
    right:0;
    top:60%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:252px;
    max-width:1270px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 auto;
    letter-spacing:20px;
    text-shadow:0 3px 7px rgb(0 0 0 / .004);
    line-height:.8;
    opacity:.01;
    pointer-events:none;
    z-index:-1
}

@media (max-width:1199.98px) {
    .about__area-three .big-title {
        max-width:930px;
        top:auto;
        bottom:35px;
        font-size:220px;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        text-align:center
}
}

@media (max-width:991.98px) {
    .about__area-three .big-title {
        max-width:690px;
        top:auto;
        bottom:35px;
        font-size:21vw;
        letter-spacing:10px
}
}

.about__title-wrap {
    max-width:340px
}

@media (max-width:1199.98px) {
    .about__title-wrap {
        max-width:100%;
        display:flex;
        align-items:center;
        margin:0 0 55px
}
}

@media (max-width:991.98px) {
    .about__title-wrap {
        flex-direction:column;
        text-align:center;
        gap:35px
}
}

.about__title-wrap .title {
    font-size:55px;
    letter-spacing:3.5px;
    margin:0 0 50px
}

@media (max-width:1199.98px) {
    .about__title-wrap .title {
        margin:0 0 0;
        width:60%;
        flex:0 0 auto
}
}

@media (max-width:991.98px) {
    .about__title-wrap .title {
        width:100%
}
}

@media (max-width:767.98px) {
    .about__title-wrap .title {
        font-size:34px;
        letter-spacing:2.5px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about__title-wrap .title {
        font-size:44px
}
}

.about__title-wrap .title i {
    font-style:normal;
    font-weight:var(--tg-fw-light)
}

.about__title-wrap .title span {
    color:var(--tg-theme-primary)
}

.about__title-wrap .title b {
    font-weight:var(--tg-fw-extra-bold)
}

.about__title-wrap .about__content-circle {
    margin:0 0 0 auto
}

@media (max-width:1199.98px) {
    .about__title-wrap .about__content-circle {
        margin:0 auto 0;
        width:125px;
        height:125px
}
    .about__title-wrap .about__content-circle svg {
        width:75px;
        height:75px
}
}

.about__three-images {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-start;
    gap:26px;
    margin-left:-30px;
    position:relative
}

@media (max-width:1199.98px) {
    .about__three-images {
        margin:0 0
}
}

@media (max-width:991.98px) {
    .about__three-images {
        margin:0 0 35px
}
}

@media (max-width:767.98px) {
    .about__three-images {
        flex-direction:column-reverse
}
}

.about__three-images::after {
    content:"";
    position:absolute;
    left:25%;
    top:47%;
    width:75px;
    height:75px;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .32);
    background-color:var(--tg-theme-primary);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transition:1s;
    transition:1s
}

@media (max-width:1500px) {
    .about__three-images::after {
        left:23%;
        top:46%
}
}

@media (max-width:1199.98px) {
    .about__three-images::after {
        left:24%;
        top:48%
}
}

@media (max-width:991.98px) {
    .about__three-images::after {
        display:none
}
}

.about__three-images .left {
    width:363px;
    height:487px;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-mask-image:url(../img/bg/mask_bg01.png);
    mask-image:url(../img/bg/mask_bg01.png);
    -webkit-mask-position:top left;
    mask-position:top left;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:cover;
    mask-size:cover
}

@media (max-width:1500px) {
    .about__three-images .left {
        width:40%;
        height:450px
}
}

@media (max-width:1199.98px) {
    .about__three-images .left {
        height:487px
}
}

@media (max-width:991.98px) {
    .about__three-images .left {
        height:290px;
        -webkit-mask-image:none!important;
        mask-image:none!important
}
}

@media (max-width:767.98px) {
    .about__three-images .left {
        width:100%
}
}

.about__three-images .right {
    width:519px;
    height:382px;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-mask-image:url(../img/bg/mask_bg02.png);
    mask-image:url(../img/bg/mask_bg02.png);
    -webkit-mask-position:top left;
    mask-position:top left;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:cover;
    mask-size:cover
}

@media (max-width:1500px) {
    .about__three-images .right {
        width:calc(60% - 26px);
        height:340px
}
}

@media (max-width:1199.98px) {
    .about__three-images .right {
        height:382px
}
}

@media (max-width:991.98px) {
    .about__three-images .right {
        height:290px
}
}

@media (max-width:767.98px) {
    .about__three-images .right {
        width:100%;
        -webkit-mask-size:100% 290px;
        mask-size:100% 290px
}
}

.about__three-images:hover::after {
    -webkit-transform:rotateZ(90deg) translateY(-75px);
    -moz-transform:rotateZ(90deg) translateY(-75px);
    -ms-transform:rotateZ(90deg) translateY(-75px);
    -o-transform:rotateZ(90deg) translateY(-75px);
    transform:rotateZ(90deg) translateY(-75px)
}

.about__three-paragraph {
    margin:-35px 5px 0 auto;
    max-width:77%
}

.about__three-paragraph p {
    font-weight:var(--tg-fw-medium);
    margin:0 0
}

@media (max-width:991.98px) {
    .about__three-paragraph {
        margin:0 0;
        max-width:100%;
        text-align:center
}
}

.about__dots {
    position:absolute;
    top:20px;
    right:22px;
    color:var(--tg-theme-primary);
    -webkit-animation:xAnimation 5s infinite;
    animation:xAnimation 5s infinite
}

@media (max-width:1500px) {
    .about__dots {
        top:15px;
        right:50px
}
}

@media (max-width:1199.98px) {
    .about__dots {
        right:65px
}
}

@media (max-width:991.98px) {
    .about__dots {
        right:12px;
        top:7px;
        -webkit-animation:none;
        animation:none
}
}

@media (max-width:767.98px) {
    .about__dots {
        right:0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about__dots {
        right:65px;
        -webkit-animation:xAnimation 5s infinite;
        animation:xAnimation 5s infinite
}
}

.about__dots svg {
    display:block;
    width:109px;
    height:35px
}

.about__funFact-images3 {
    position:relative;
    display:inline-block;
    padding:0 208px 85px 0
}

.about__funFact-images3 .main-img2 {
    position:absolute;
    right:0;
    bottom:0
}

.about__funFact-images3 .main-img3 {
    position:absolute;
    right:23px;
    top:27px
}

@media (max-width:1300px) {
    .about__funFact-images3 {
        padding:0 208px 125px 0
}
}

@media (max-width:1199.98px) {
    .about__funFact-images3 {
        padding:0 208px 85px 0
}
}

@media (max-width:767.98px) {
    .about__funFact-images3 {
        padding:0
}
    .about__funFact-images3 .main-img2,.about__funFact-images3 .main-img3 {
        position:initial;
        margin-top:20px;
        width:100%
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .about__funFact-images3 {
        padding:0 208px 185px 0
}
    .about__funFact-images3 .main-img2,.about__funFact-images3 .main-img3 {
        position:absolute;
        margin-top:0;
        width:auto
}
}

@media (max-width:767.98px) {
    .about__area4.section-pb-100 {
        padding-bottom:100px
}
}

.about__funFact-images4 {
    text-align:end
}

.about__funFact-images4 .main-img1 {
    background:#1F222D;
    box-shadow:0 4px 41px rgb(0 0 0 / .53);
    border:10px solid #1F222D
}

@media (max-width:1199.98px) {
    .about__funFact-images4 {
        text-align:center
}
}

.offer__area {
    padding:240px 0 0 0;
    background-position:0 -16px;
    margin-top:-42px;
    margin-bottom:-50px;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 130px),0% calc(100% - 45px))
}

.offer__area .section__title .title2 {
    font-weight:700;
    margin-bottom:11px
}

.offer__area .section__title .btn-group {
    margin-top:12px;
    gap:14px;
    flex-wrap:wrap;
    justify-content:center
}

@media (max-width:1500px) {
    .offer__area {
        padding:170px 0 20px 0
}
}

@media (max-width:1400px) {
    .offer__area {
        padding:170px 0 10px 0
}
}

@media (max-width:1300px) {
    .offer__area {
        padding:170px 0 20px 0
}
}

@media (max-width:1199.98px) {
    .offer__area {
        padding:100px 0 0 0;
        background-image:none!important;
        margin-top:0;
        margin-bottom:0;
        border-top:10px solid var(--tg-theme-primary);
        border-bottom:10px solid #0A0912;
        clip-path:none
}
    .offer__area .section__title {
        padding-bottom:60px
}
    .offer__area .offer-thumb {
        text-align:center
}
}

@media (max-width:767.98px) {
    .offer__area {
        padding:90px 0 0 0
}
}

.cta-wrap {
    background:#1F222D;
    box-shadow:0 13px 41px rgb(0 0 0 / .22)
}

.cta-wrap .cta-thumb img {
    width:100%
}

.cta-wrap .cta-content-wrap {
    padding:80px 80px 80px 50px
}

@media (max-width:1500px) {
    .cta-wrap .cta-content-wrap {
        padding:80px 35px 80px 35px
}
}

.cta-wrap .cta-content-wrap .section__title .title {
    margin-bottom:15px
}

.cta-wrap .cta-content-wrap .section__title p {
    margin-bottom:32px
}

@media (max-width:1199.98px) {
    .cta-wrap .cta-content-wrap {
        padding:60px 60px 60px 60px;
        text-align:center
}
}

@media (max-width:767.98px) {
    .cta-wrap .cta-content-wrap {
        padding:40px 20px
}
}

.gallery__slider .swiper-slide {
    padding-left:15px;
    padding-right:15px
}

@media (max-width:767.98px) {
    .gallery__slider .swiper-slide {
        padding-left:0;
        padding-right:0
}
}

.gallery__item {
    margin:0 0 55px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    -webkit-transform:scale(.9);
    -moz-transform:scale(.9);
    -ms-transform:scale(.9);
    -o-transform:scale(.9);
    transform:scale(.9)
}

.gallery__thumb {
    margin:0 0 30px
}

@media (max-width:767.98px) {
    .gallery__thumb {
        margin:0 0 20px
}
}

.gallery__thumb img {
    width:100%;
    border:8px solid var(--tg-border-3);
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .42)
}

@media (max-width:767.98px) {
    .gallery__thumb img {
        border-width:5px
}
}

.gallery__content {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    align-items:center;
    opacity:0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    -webkit-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);
    -o-transform:translateY(-40px);
    transform:translateY(-40px)
}

.gallery__content .title {
    margin:0 0;
    font-size:26px
}

@media (max-width:767.98px) {
    .gallery__content .title {
        font-size:20px
}
}

.gallery__content .rate {
    display:block;
    text-transform:uppercase;
    color:#aaaaa9;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold)
}

.gallery-active.swiper-container {
    overflow:visible
}

.gallery-active .swiper-slide-active .gallery__item {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.gallery-active .swiper-slide-active .gallery__content {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}

.gallery-active .swiper-scrollbar {
    background:rgb(69 248 130 / .49)
}

.gallery-active.swiper-container-horizontal>.swiper-scrollbar {
    border-radius:0;
    height:4px;
    width:100%;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    cursor:pointer;
    max-width:calc(100% - 30px)
}

.gallery-active.swiper-container-horizontal .swiper-scrollbar-drag {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    height:8px;
    top:-2px;
    background:var(--tg-theme-primary)
}

.mfp-title {
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold)
}

.mfp-bottom-bar {
    margin-top:-30px
}

.section-pb-140 {
    padding-bottom:140px
}

.project-bg {
    background-color:#09090b;
    overflow:hidden
}

.project__wrapper {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    position:relative;
    margin:0 0 75px
}

@media (max-width:991.98px) {
    .project__wrapper {
        flex-direction:column;
        row-gap:50px
}
}

@media (max-width:767.98px) {
    .project__wrapper {
        margin:0 0 50px
}
}

.project__wrapper .section__title {
    width:420px;
    flex:0 0 auto;
    margin:70px 0 0
}

@media (max-width:991.98px) {
    .project__wrapper .section__title {
        width:100%;
        flex:0 0 auto;
        margin:0 0;
        text-align:center!important
}
}

.project__wrapper .section__title::after {
    display:none
}

.project__wrapper .section__title .title {
    margin:0 0 10px
}

.project__wrapper .section__title .sub-title {
    margin:0 0
}

.project__wrapper .slider-button-prev {
    position:absolute;
    left:30.5%;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(180deg);
    -moz-transform:translateY(-50%) rotate(180deg);
    -ms-transform:translateY(-50%) rotate(180deg);
    -o-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg);
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    line-height:1;
    font-size:38px;
    letter-spacing:-7px
}

@media (max-width:1500px) {
    .project__wrapper .slider-button-prev {
        left:34.5%
}
}

@media (max-width:1199.98px) {
    .project__wrapper .slider-button-prev {
        left:43.5%
}
}

@media (max-width:991.98px) {
    .project__wrapper .slider-button-prev {
        left:0;
        top:calc(50% + 60px)
}
}

@media (max-width:767.98px) {
    .project__wrapper .slider-button-prev {
        display:none
}
}

.project__wrapper .slider-button-prev>* {
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    color:var(--tg-common-color-white);
    animation:shapeBlinker 0.6s linear infinite
}

.project__wrapper .slider-button-prev>*:last-child {
    color:var(--tg-theme-primary);
    animation-delay:0.2s
}

.project__wrapper .slider-button-prev:hover>* {
    animation-play-state:paused;
    color:var(--tg-theme-primary)
}

.project__wrapper .slider-button-prev:hover>*:last-child {
    color:var(--tg-common-color-white)
}

.project-active {
    margin:0 -180px 0 160px
}

@media (max-width:1500px) {
    .project-active {
        margin:0 -230px 0 100px
}
}

@media (max-width:1199.98px) {
    .project-active {
        margin:0 -230px 0 80px
}
}

@media (max-width:991.98px) {
    .project-active {
        margin:0 -230px 0 110px
}
}

@media (max-width:767.98px) {
    .project-active {
        margin:0 0
}
}

.project-area .swiper-scrollbar {
    display:block;
    width:100%;
    height:2px;
    position:relative;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    background:#fff0;
    margin:11px 0
}

.project-area .swiper-scrollbar::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:var(--tg-theme-primary);
    pointer-events:none;
    opacity:.65
}

.project-area .swiper-scrollbar .swiper-scrollbar-drag {
    height:24px;
    background:var(--tg-theme-primary);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    cursor:pointer;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    transition:all 0.5s ease-out 0s;
    top:-11px;
    z-index:1
}

.section-pb-100 {
    padding-bottom:100px
}

@media (max-width:767.98px) {
    .section-pb-100 {
        padding-bottom:70px
}
}

.team-bg {
    background-position:center;
    background-size:cover
}

.team__item {
    margin:0 0 30px;
    text-align:center;
    background:#1c242f;
    border:1px solid #27313f;
    box-shadow:0 3px 13px 0 rgb(0 0 0 / .17);
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -o-border-radius:12px;
    -ms-border-radius:12px;
    border-radius:12px;
    padding:30px 25px 35px;
    position:relative;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    -ms-transition:0.3s linear;
    -o-transition:0.3s linear;
    transition:0.3s linear;
    overflow:hidden;
    z-index:1
}

@media (max-width:767.98px) {
    .team__item {
        max-width:320px;
        margin:0 auto 30px
}
}

.team__item::before,.team__item::after {
    content:"";
    position:absolute;
    left:0;
    top:-60px;
    width:70px;
    height:320px;
    background:var(--tg-theme-primary);
    -webkit-transform:rotate(-55deg);
    -moz-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    -o-transform:rotate(-55deg);
    transform:rotate(-55deg);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    opacity:.55;
    z-index:-1
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .team__item::before,.team__item::after {
        height:295px;
        top:-48px
}
}

.team__item::after {
    left:auto;
    right:0;
    -webkit-transform:rotate(55deg);
    -moz-transform:rotate(55deg);
    -ms-transform:rotate(55deg);
    -o-transform:rotate(55deg);
    transform:rotate(55deg)
}

.team__item:hover {
    -webkit-transform:translateY(-7px);
    -moz-transform:translateY(-7px);
    -ms-transform:translateY(-7px);
    -o-transform:translateY(-7px);
    transform:translateY(-7px)
}

.team__item:hover::before,.team__item:hover::after {
    opacity:1
}

.team__item:hover .team__thumb::before,.team__item:hover .team__thumb::after {
    opacity:.4
}

.team__thumb {
    margin:0 0 33px
}

.team__thumb img {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:3px solid var(--tg-common-color-white);
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .21),inset 0 3px 9px 0 rgb(0 0 0 / .92);
    max-width:224px
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .team__thumb img {
        max-width:100%
}
}

.team__thumb::before,.team__thumb::after {
    content:"";
    position:absolute;
    left:75px;
    top:-50px;
    width:1px;
    height:260px;
    background:var(--tg-theme-primary);
    -webkit-transform:rotate(-55deg);
    -moz-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    -o-transform:rotate(-55deg);
    transform:rotate(-55deg);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:-1;
    opacity:.2
}

.team__thumb::after {
    left:auto;
    right:75px;
    -webkit-transform:rotate(55deg);
    -moz-transform:rotate(55deg);
    -ms-transform:rotate(55deg);
    -o-transform:rotate(55deg);
    transform:rotate(55deg)
}

.team__content .name {
    font-size:20px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0 1px;
    letter-spacing:1px
}

.team__content .name a:hover {
    color:var(--tg-common-color-white)
}

.team__content .designation {
    display:block;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    font-size:16px;
    color:var(--tg-theme-primary);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.team__info-area {
    background:#0d1116
}

.team__info-wrap {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

@media (max-width:991.98px) {
    .team__info-wrap {
        display:block
}
}

.team__info-discord {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    column-gap:25px;
    background:#070d10;
    padding:35px 40px;
    min-width:350px
}

@media (max-width:1199.98px) {
    .team__info-discord {
        padding:35px 35px;
        min-width:auto;
        flex-direction:column;
        text-align:center;
        gap:20px
}
}

@media (max-width:991.98px) {
    .team__info-discord {
        padding:35px 0;
        min-width:auto;
        flex-direction:row;
        text-align:left;
        gap:25px;
        justify-content:center
}
}

.team__info-discord .about__content-circle {
    margin:0 0;
    animation:none!important;
    position:relative;
    width:104px;
    height:104px
}

.team__info-discord .about__content-circle svg {
    width:60px;
    height:60px
}

.team__info-discord .about__content-circle>i {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#faa706;
    font-size:30px
}

.team__info-discord-info {
    flex-grow:1
}

@media (max-width:991.98px) {
    .team__info-discord-info {
        flex-grow:inherit
}
}

.team__info-discord-info .sub {
    display:block;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    font-size:14px;
    color:var(--tg-theme-primary);
    letter-spacing:1px;
    margin:0 0 2px
}

.team__info-discord-info .title {
    font-size:22px;
    margin:0 0
}

.team__info-list {
    flex-grow:1
}

@media (max-width:991.98px) {
    .team__info-list {
        padding:30px 0
}
}

@media (max-width:767.98px) {
    .team__info-list {
        padding:30px 0 50px
}
}

.team__info-list ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:30px 60px
}

@media (max-width:991.98px) {
    .team__info-list ul {
        justify-content:center;
        gap:30px 50px
}
}

@media (max-width:767.98px) {
    .team__info-list ul {
        flex-wrap:wrap;
        gap:30px 45px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .team__info-list ul {
        justify-content:space-between
}
}

.team__info-item {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:20px
}

@media (max-width:767.98px) {
    .team__info-item {
        flex-direction:column;
        text-align:center
}
}

.team__info-icon {
    font-size:50px;
    color:var(--tg-common-color-white);
    line-height:1
}

.team__info-icon img {
    max-width:67px
}

@media (max-width:767.98px) {
    .team__info-icon img {
        max-width:100%;
        max-height:50px
}
}

.team__info-content {
    flex-grow:1
}

.team__info-content .sub {
    display:block;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    font-size:14px;
    color:var(--tg-theme-primary);
    letter-spacing:1px;
    margin:0 0 2px
}

.team__info-content .title {
    font-size:22px;
    margin:0 0
}

@media (max-width:767.98px) {
    .team__info-content .title {
        font-size:20px
}
}

.section-pt-95 {
    padding-top:95px
}

.section-pb-120 {
    padding-bottom:120px
}

@media (max-width:767.98px) {
    .section-pb-120 {
        padding-bottom:100px
}
}

.streamers-active {
    margin:0 -15px 0
}

.streamers__item {
    border:3px solid #383c4e;
    text-align:center;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px;
    padding:3px;
    margin:0 0 30px;
    position:relative;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.streamers__item:hover {
    border-color:var(--tg-theme-primary)
}

.streamers__item:hover .streamers__thumb::before {
    opacity:0
}

.streamers__item:hover .streamers__thumb::after {
    height:100%;
    opacity:.8
}

.streamers__thumb {
    position:relative;
    z-index:1
}

.streamers__thumb::before {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    background:#0e141e;
    background:linear-gradient(0deg,#0e141e 0%,#fff0 100%);
    opacity:1;
    pointer-events:none;
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
}

.streamers__thumb::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    background:var(--tg-theme-primary);
    background:linear-gradient(0deg,var(--tg-theme-primary) 0%,transparent 100%);
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
}

.streamers__thumb img {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    border:1px solid #383c4e;
    width:100%
}

.streamers__content {
    position:absolute;
    left:20px;
    right:20px;
    bottom:28px;
    pointer-events:none;
    z-index:1
}

.streamers__content .name {
    font-size:20px;
    letter-spacing:1px;
    margin:0 0
}

.streamers__pagination {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px 13px;
    flex-wrap:wrap;
    margin:20px 0 0;
    line-height:1
}

.streamers__pagination-arrow {
    font-size:15px;
    color:var(--tg-common-color-white);
    cursor:pointer;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.streamers__pagination-arrow:hover {
    color:var(--tg-theme-primary)
}

.streamers__pagination-dots {
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:8px;
    z-index:1
}

.streamers__pagination-dots>* {
    display:block;
    width:7px;
    height:7px;
    background:#fefdff;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    opacity:.52
}

.streamers__pagination-dots>*.swiper-pagination-bullet-active {
    background:var(--tg-theme-primary);
    opacity:1
}

.team__details-area {
    background-position:top center;
    background-size:cover
}

.team__details-img {
    position:relative;
    margin:0 0 40px
}

@media (max-width:767.98px) {
    .team__details-img {
        margin:0 0 25px
}
}

.team__details-img img {
    display:block;
    -webkit-clip-path:polygon(0 0,100% 0,100% 85%,80% 85%,80% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 85%,80% 85%,80% 100%,0 100%)
}

.team__details-img svg {
    position:absolute;
    bottom:15px;
    right:8%;
    width:145px;
    height:66px;
    color:var(--tg-theme-primary);
    -webkit-animation:xAnimation 5s infinite;
    animation:xAnimation 5s infinite
}

@media (max-width:1500px) {
    .team__details-img svg {
        right:7%
}
}

@media (max-width:1199.98px) {
    .team__details-img svg {
        bottom:8px;
        width:11.5%;
        height:auto
}
}

@media (max-width:991.98px) {
    .team__details-img svg {
        right:8%
}
}

@media (max-width:767.98px) {
    .team__details-img svg {
        right:5%;
        animation:none!important;
        bottom:0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .team__details-img svg {
        right:8%;
        bottom:3px;
        -webkit-animation:xAnimation 5s infinite!important;
        animation:xAnimation 5s infinite!important
}
}

.team__details-content {
    font-weight:var(--tg-fw-medium)
}

.team__details-content .sub-title {
    display:block;
    text-transform:uppercase;
    color:var(--tg-theme-primary);
    font-size:14px;
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:2px;
    margin:0 0 5px
}

.team__details-content .title {
    font-size:55px;
    line-height:1.15;
    margin:0 0 35px
}

@media (max-width:1199.98px) {
    .team__details-content .title {
        font-size:46px
}
}

@media (max-width:991.98px) {
    .team__details-content .title {
        font-size:38px
}
}

@media (max-width:767.98px) {
    .team__details-content .title {
        font-size:28px;
        margin:0 0 25px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .team__details-content .title {
        font-size:34px
}
}

.team__details-content p {
    font-weight:var(--tg-fw-medium)
}

.team__details-content p:last-child {
    margin:0 0
}

.team__details-quote {
    margin:40px 85px 35px 60px
}

@media (max-width:1199.98px) {
    .team__details-quote {
        margin:40px 0 35px 0
}
}

.team__details-quote::before {
    content:"\f132";
    top:3px
}

@media (max-width:767.98px) {
    .team__details-quote::before {
        top:0
}
}

.team__details-quote cite {
    display:block;
    text-transform:uppercase;
    position:relative;
    padding-left:30px
}

@media (max-width:767.98px) {
    .team__details-quote cite {
        display:inline-block
}
}

.team__details-quote cite::before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:5px;
    background:var(--tg-theme-primary)
}

.team__details-inner-wrap {
    margin:40px 0 35px
}

@media (max-width:767.98px) {
    .team__details-inner-wrap {
        margin:35px 0 30px
}
}

.team__details-inner-wrap>* {
    row-gap:30px
}

@media (max-width:767.98px) {
    .team__details-inner-wrap>* {
        --bs-gutter-x:20px;
        row-gap:20px
}
}

@media (max-width:767.98px) {
    .team__details-inner-wrap img {
        width:100%
}
}

.team__item2 {
    border:10px solid #1F222D;
    position:relative;
    transition:0.4s
}

.team__item2 .team__thumb {
    margin-bottom:0
}

.team__item2 .team__thumb a {
    display:block
}

.team__item2 .team__thumb a img {
    border-radius:0;
    width:100%;
    max-width:none;
    height:auto;
    border:0
}

.team__item2 .team__content {
    position:absolute;
    bottom:-10px;
    left:50%;
    transform:translate(-50%,0);
    text-align:center;
    clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 100%,0% 100%);
    background:#1F222D;
    padding:18px 61.5px;
    width:max-content;
    transition:0.4s
}

.team__item2 .team__content:after {
    content:"";
    position:absolute;
    inset:9px;
    background:#11131C;
    clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 100%,0% 100%);
    z-index:-1
}

.team__item2 .team__content .name {
    font-size:20px;
    font-weight:900;
    font-style:italic;
    letter-spacing:normal
}

.team__item2 .team__content .name a {
    color:var(--tg-common-color-white)
}

.team__item2 .team__content .name a:hover {
    color:var(--tg-theme-primary)
}

.team__item2 .team__content .designation {
    font-size:12px;
    font-weight:700
}

.team__item2:hover {
    border-color:var(--tg-theme-primary)
}

.team__item2:hover .team__content {
    background:var(--tg-theme-primary)
}

.team__area4 {
    padding-top:240px;
    background-position:center -20px
}

@media (max-width:1500px) {
    .team__area4 {
        background-position:center -40px
}
}

@media (max-width:1400px) {
    .team__area4 {
        background-position:center -44px
}
}

@media (max-width:1300px) {
    .team__area4 {
        background-position:center -50px;
        padding-top:210px
}
}

@media (max-width:1199.98px) {
    .team__area4 {
        background-position:center -57px;
        background-repeat:no-repeat
}
}

@media (max-width:991.98px) {
    .team__area4 {
        background-position:center -67px;
        padding-top:200px
}
}

@media (max-width:767.98px) {
    .team__area4 {
        background-image:none!important;
        border-top:10px solid var(--tg-theme-primary);
        padding-top:100px
}
}

.video-bg {
    background-position:center;
    background-size:cover;
    min-height:565px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    position:relative;
    padding:100px 0;
    z-index:1
}

.video-bg::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#1b242e;
    opacity:.22;
    z-index:-1
}

.video-bg::after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    opacity:.38;
    z-index:-1
}

.video__content .popup-video {
    display:inline-block;
    font-size:86px;
    line-height:1;
    box-shadow:0 5px 12px 0 rgb(0 0 0 / .13);
    color:var(--tg-common-color-white);
    margin:0 0 14px
}

.video__content .popup-video:hover {
    color:var(--tg-theme-primary)
}

.video__content .title {
    font-size:55px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0 6px;
    text-shadow:0 3px 7px rgb(0 0 0 / .33);
    letter-spacing:3px
}

@media (max-width:767.98px) {
    .video__content .title {
        font-size:48px;
        letter-spacing:1px;
        line-height:1.1
}
}

.video__content .title span {
    color:var(--tg-theme-primary)
}

.video__content p {
    margin:0 0 30px;
    font-size:16px;
    font-weight:var(--tg-fw-medium);
    color:#fefefe;
    letter-spacing:.9px
}

.mfp-iframe-holder .mfp-content {
    max-width:1200px
}

@media (max-width:1500px) {
    .mfp-iframe-holder .mfp-content {
        max-width:900px
}
}

.video-tab-wrap {
    justify-content:end;
    display:inline-flex
}

.video-tab-wrap .nav-item {
    margin-left:-25.5px
}

.video-tab-wrap .nav-item:first-child {
    margin-left:0
}

.video-tab-wrap .nav-item .nav-link {
    font-size:16px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    color:var(--tg-common-color-white);
    padding:13.5px 45px;
    clip-path:polygon(0 0,calc(100% - 25px) 0,100% 100%,25px 100%);
    background:#1F222D
}

.video-tab-wrap .nav-item .nav-link.active {
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2)
}

@media (max-width:767.98px) {
    .video-tab-wrap {
        justify-content:center;
        gap:10px
}
}

@media (max-width:375px) {
    .video-tab-wrap {
        flex-wrap:wrap
}
    .video-tab-wrap .nav-item {
        display:block;
        width:100%;
        margin-left:0
}
    .video-tab-wrap .nav-item .nav-link {
        display:block;
        width:100%
}
}

.video__card {
    padding:8px 12px 8px;
    margin:15px;
    position:relative;
    z-index:1
}

.video__card:after {
    content:"";
    position:absolute;
    inset:0;
    background:#1F222D;
    z-index:-2
}

.video__card .video-card-img {
    clip-path:polygon(27px 0%,calc(100% - 27px) 0%,100% 27px,100% calc(100% - 27px),calc(100% - 27px) 100%,27px 100%,0% calc(100% - 27px),0% 27px)
}

.video__card .video-card-img img {
    width:100%
}

.video__card .video-card-shape {
    position:absolute;
    z-index:-1
}

.video__card .video-card-shape1 {
    top:-15px;
    left:-15px
}

.video__card .video-card-shape2 {
    right:-15px;
    top:-15px
}

.video__card .video-card-shape3 {
    left:-15px;
    bottom:-15px
}

.video__card .video-card-shape4 {
    right:-15px;
    bottom:-15px
}

.video__card .video-card-title {
    position:absolute;
    bottom:60px;
    left:60px;
    font-size:30px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    display:inline-flex;
    align-items:end;
    text-transform:uppercase
}

.video__card .video-card-title .icon {
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2);
    display:inline-block;
    padding:6px 158px 6px 50px;
    font-size:36px;
    clip-path:polygon(47px 0%,100% 0%,calc(100% - 47px) 100%,0% 100%);
    margin-right:-158px
}

.video__card .video-card-title .video-card-title-shape {
    position:absolute
}

.video__card .video-card-title .video-card-title-shape1 {
    bottom:0;
    left:10px
}

.video__card .video-card-title .video-card-title-shape2 {
    right:0;
    top:6px;
    z-index:1;
    bottom:0
}

.video__card .video-card-title .video-card-title-shape2 img {
    height:100%
}

.video__card .video-card-title .title {
    background:#1F222D;
    display:inline-block;
    position:relative;
    padding:5px 66px 11px 85px;
    clip-path:polygon(43px 0%,100% 0%,calc(100% - 43px) 100%,0% 100%);
    clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,43px 0)
}

.video__card .video-card-title:hover {
    color:var(--tg-theme-primary)
}

@media (max-width:991.98px) {
    .video__card {
        margin:0;
        padding:12px;
        clip-path:polygon(27px 0%,calc(100% - 27px) 0%,100% 27px,100% calc(100% - 27px),calc(100% - 27px) 100%,27px 100%,0% calc(100% - 27px),0% 27px)
}
    .video__card .video-card-shape {
        display:none
}
    .video__card .video-card-title {
        font-size:24px;
        bottom:50px;
        left:50px
}
    .video__card .video-card-title .icon {
        font-size:30px;
        clip-path:polygon(43px 0%,100% 0%,calc(100% - 43px) 100%,0% 100%);
        margin-right:-150px
}
    .video__card .video-card-title .title {
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,36px 0)
}
}

@media (max-width:767.98px) {
    .video__card .video-card-title {
        font-size:18px;
        bottom:40px;
        left:30px
}
    .video__card .video-card-title .icon {
        display:none
}
    .video__card .video-card-title .title {
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,32px 0);
        padding:5px 46px 11px 75px
}
    .video__card .video-card-img img {
        width:100%;
        min-height:350px;
        object-fit:cover
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .video__card .video-card-title {
        font-size:20px;
        bottom:50px;
        left:50px
}
    .video__card .video-card-title .icon {
        font-size:24px;
        clip-path:polygon(33px 0%,100% 0%,calc(100% - 33px) 100%,0% 100%);
        padding:6px 152px 6px 35px;
        display:inline-block
}
    .video__card .video-card-title .title {
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,32px 0);
        padding:5px 46px 11px 75px
}
}

@media (max-width:375px) {
    .video__card .video-card-title {
        background:var(--tg-theme-primary);
        left:30px;
        bottom:35px;
        clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px)
}
    .video__card .video-card-title .video-card-title-shape {
        display:none
}
    .video__card .video-card-title .title {
        padding:11px 20px 11px 20px;
        margin:1px;
        clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px)
}
}

.video__slider .swiper-slide {
    padding-left:0;
    padding-right:0
}

@media (max-width:767.98px) {
    .video__slider .swiper-slide {
        padding-left:0;
        padding-right:0
}
}

.video__slider .gallery-active .swiper-slide-active .video__item2 {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}

.video__slider .gallery-active .swiper-slide-active .video__item2 .video-card-title {
    opacity:1
}

.video__slider .gallery-active .swiper-slide-active .video__item2 .video-play-btn {
    opacity:1
}

@media (max-width:1500px) {
    .video__slider .gallery-active.swiper-container {
        overflow:hidden
}
}

.video__item2 {
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    -webkit-transform:scale(.85);
    -moz-transform:scale(.85);
    -ms-transform:scale(.85);
    -o-transform:scale(.85);
    transform:scale(.85)
}

.video__item2 {
    position:relative
}

.video__item2 .video__thumb {
    border:10px solid #1F222D;
    box-shadow:0 4px 41px rgb(0 0 0 / .53)
}

.video__item2 .video__thumb img {
    width:100%
}

.video__item2 .video-play-btn {
    width:160px;
    height:160px;
    line-height:160px;
    border-radius:50%;
    background:rgb(255 255 255 / .05);
    backdrop-filter:blur(30px);
    display:inline-block;
    text-align:center;
    color:var(--tg-common-color-white);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    opacity:0
}

.video__item2 .video-card-title {
    position:absolute;
    bottom:60px;
    left:60px;
    font-size:30px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    display:inline-flex;
    align-items:end;
    text-transform:uppercase;
    transition:0.4s;
    opacity:0
}

.video__item2 .video-card-title .icon {
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2);
    display:inline-block;
    padding:6px 158px 6px 50px;
    font-size:36px;
    clip-path:polygon(47px 0%,100% 0%,calc(100% - 47px) 100%,0% 100%);
    margin-right:-158px
}

.video__item2 .video-card-title .video-card-title-shape {
    position:absolute
}

.video__item2 .video-card-title .video-card-title-shape1 {
    bottom:0;
    left:10px
}

.video__item2 .video-card-title .video-card-title-shape2 {
    right:0;
    top:6px;
    z-index:1;
    bottom:0
}

.video__item2 .video-card-title .video-card-title-shape2 img {
    height:100%
}

.video__item2 .video-card-title .title {
    background:#1F222D;
    display:inline-block;
    position:relative;
    padding:5px 66px 11px 85px;
    clip-path:polygon(43px 0%,100% 0%,calc(100% - 43px) 100%,0% 100%);
    clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,43px 0)
}

.video__item2 .video-card-title:hover {
    color:var(--tg-theme-primary)
}

@media (max-width:1199.98px) {
    .video__item2 .video-play-btn {
        width:100px;
        height:100px;
        line-height:100px;
        transform:translate(-50%,-80%)
}
    .video__item2 .video-play-btn svg {
        width:24px
}
}

@media (max-width:991.98px) {
    .video__item2 .video-card-title {
        font-size:24px;
        bottom:50px;
        left:50px
}
    .video__item2 .video-card-title .icon {
        font-size:30px;
        clip-path:polygon(43px 0%,100% 0%,calc(100% - 43px) 100%,0% 100%);
        margin-right:-150px
}
    .video__item2 .video-card-title .title {
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,36px 0)
}
}

@media (max-width:767.98px) {
    .video__item2 .video__thumb img {
        min-height:350px;
        object-fit:cover
}
    .video__item2 .video-card-title {
        font-size:18px;
        bottom:40px;
        left:30px
}
    .video__item2 .video-card-title .icon {
        display:none
}
    .video__item2 .video-card-title .title {
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,32px 0);
        padding:5px 46px 11px 75px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .video__item2 .video-card-title {
        font-size:20px;
        bottom:50px;
        left:50px
}
    .video__item2 .video-card-title .icon {
        font-size:24px;
        clip-path:polygon(33px 0%,100% 0%,calc(100% - 33px) 100%,0% 100%);
        padding:6px 152px 6px 35px;
        display:inline-block
}
    .video__item2 .video-card-title .title {
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,32px 0);
        padding:5px 46px 11px 75px
}
}

@media (max-width:375px) {
    .video__item2 .video-card-title {
        background:var(--tg-theme-primary);
        left:30px;
        bottom:35px;
        clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px)
}
    .video__item2 .video-card-title .video-card-title-shape {
        display:none
}
    .video__item2 .video-card-title .title {
        padding:11px 20px 11px 20px;
        margin:1px;
        clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px)
}
}

.section-pt-150 {
    padding-top:150px
}

@media (max-width:767.98px) {
    .section-pt-150 {
        padding-top:100px
}
}

.section-pb-150 {
    padding-bottom:150px
}

@media (max-width:767.98px) {
    .section-pb-150 {
        padding-bottom:100px
}
}

.roadMap-bg {
    background-position:center;
    background-size:cover
}

.roadMap__content .title {
    font-size:55px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:3px;
    line-height:1;
    margin:0 0 28px
}

@media (max-width:1199.98px) {
    .roadMap__content .title {
        font-size:50px
}
}

@media (max-width:767.98px) {
    .roadMap__content .title {
        font-size:40px
}
}

.roadMap__content p {
    max-width:95%;
    letter-spacing:1px;
    margin:0 0 35px
}

@media (max-width:1199.98px) {
    .roadMap__content p {
        max-width:90%
}
}

@media (max-width:767.98px) {
    .roadMap__content p {
        max-width:100%
}
}

.roadMap__img {
    margin:50px 0 0 -35px
}

@media (max-width:1199.98px) {
    .roadMap__img {
        margin:50px 0 0 0
}
}

.roadMap__steps-wrap {
    margin-left:60px;
    position:relative
}

@media (max-width:1199.98px) {
    .roadMap__steps-wrap {
        margin-left:0
}
}

.roadMap__steps-wrap::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background:-moz-linear-gradient(90deg,#10161c 0%,var(--tg-theme-primary) 100%);
    background:-webkit-linear-gradient(90deg,#10161c 0%,var(--tg-theme-primary) 100%);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}

.roadMap__steps-item {
    margin:0 0 20px 45px;
    background-color:#1b242e;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .21);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    padding:45px 45px;
    position:relative
}

@media (max-width:767.98px) {
    .roadMap__steps-item {
        margin:0 0 20px 35px;
        padding:35px 25px
}
}

.roadMap__steps-item .title {
    font-size:30px;
    font-weight:var(--tg-fw-extra-bold);
    line-height:1;
    margin:0 0 22px
}

@media (max-width:1199.98px) {
    .roadMap__steps-item .title {
        font-size:26px
}
}

@media (max-width:767.98px) {
    .roadMap__steps-item .title {
        font-size:24px
}
}

.roadMap__steps-item::before {
    content:"";
    position:absolute;
    left:-39px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:0;
    height:0;
    border-style:solid;
    border-width:20px 0 20px 18px;
    border-color:#fff0 #fff0 #fff0 var(--tg-theme-primary);
    opacity:0
}

@media (max-width:767.98px) {
    .roadMap__steps-item::before {
        left:-34px
}
}

.roadMap__steps-item.active::before {
    opacity:.9
}

.roadMap__steps-item:last-child {
    margin-bottom:0
}

.roadMap__steps-item:hover .roadMap__steps-img,.roadMap__steps-item.active .roadMap__steps-img {
    opacity:.11
}

.roadMap__steps-img {
    position:absolute;
    right:20px;
    top:30px;
    max-height:210px;
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
}

.roadMap__list li {
    display:block;
    font-size:16px;
    font-weight:var(--tg-fw-medium);
    padding-left:37px;
    position:relative;
    margin:0 0 6px
}

.roadMap__list li:last-child {
    margin:0 0 0
}

.roadMap__list li::before {
    content:"";
    position:absolute;
    left:0;
    top:4px;
    width:20px;
    height:20px;
    background:#10161c;
    border:2px solid #262e38;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.roadMap__list li.active::before {
    background-color:var(--tg-theme-primary);
    border-color:#1b242e
}

.roadMap__list li.active:hover::before {
    background-color:var(--tg-theme-secondary);
    border-color:#1b242e
}

.section-pb-85 {
    padding-bottom:85px
}

.upcoming-match__area {
    background-position:bottom center;
    background-size:cover
}

.upcoming-match__lists {
    margin:0 80px
}

@media (max-width:1199.98px) {
    .upcoming-match__lists {
        margin:0 0
}
}

.upcoming-match__item {
    position:relative;
    margin:0 0 60px
}

@media (max-width:767.98px) {
    .upcoming-match__item {
        background:#0f1c23;
        border:1px solid #2c2b2b;
        border-radius:8px;
        padding:25px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .upcoming-match__item {
        padding:30px
}
}

.upcoming-match__item::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-image:url(../img/bg/line.png);
    max-width:80%;
    height:13px;
    background-repeat:no-repeat;
    background-position:center;
    margin:0 auto;
    opacity:.1
}

@media (max-width:1199.98px) {
    .upcoming-match__item::before {
        opacity:.05
}
}

@media (max-width:767.98px) {
    .upcoming-match__item::before {
        top:60%
}
}

.upcoming-match__item .svg-icon {
    fill:#0f1c23;
    stroke:#2c2b2b;
    stroke-width:1px;
    fill-rule:evenodd
}

@media (max-width:991.98px) {
    .upcoming-match__item .svg-icon svg {
        display:none
}
}

@media (max-width:991.98px) {
    .upcoming-match__item .svg-icon {
        background:#0f1c23;
        min-height:140px;
        border:1px solid #2c2b2b;
        border-radius:8px
}
}

@media (max-width:767.98px) {
    .upcoming-match__item .svg-icon {
        display:none!important
}
}

.upcoming-match__item:hover .svg-icon {
    stroke:var(--tg-theme-primary)
}

.upcoming-match__position {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    position:absolute;
    left:60px;
    right:60px;
    top:21px;
    bottom:14px;
    z-index:1
}

@media (max-width:1199.98px) {
    .upcoming-match__position {
        top:17px;
        bottom:18px
}
}

@media (max-width:991.98px) {
    .upcoming-match__position {
        top:50%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%);
        bottom:auto;
        left:30px;
        right:30px
}
}

@media (max-width:767.98px) {
    .upcoming-match__position {
        position:relative;
        flex-wrap:wrap;
        justify-content:space-between;
        top:auto;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        left:0;
        right:0;
        row-gap:15px
}
}

.upcoming-match__team {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    width:104px;
    height:104px;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .14);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    background:#14242c;
    border:3px solid #34353d;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

@media (max-width:1199.98px) {
    .upcoming-match__team {
        width:90px;
        height:90px;
        flex:0 0 auto
}
}

@media (max-width:767.98px) {
    .upcoming-match__team {
        width:75px;
        height:75px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .upcoming-match__team {
        width:90px;
        height:90px
}
}

.upcoming-match__team:hover {
    border-color:var(--tg-theme-primary)
}

.upcoming-match__team img {
    max-height:75px
}

@media (max-width:1199.98px) {
    .upcoming-match__team img {
        max-width:60px
}
}

@media (max-width:767.98px) {
    .upcoming-match__team img {
        max-width:45px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .upcoming-match__team img {
        max-width:60px
}
}

.upcoming-match__team.team-left {
    margin-right:20px
}

@media (max-width:991.98px) {
    .upcoming-match__team.team-left {
        margin-right:15px
}
}

.upcoming-match__team.team-right {
    margin-left:20px
}

@media (max-width:991.98px) {
    .upcoming-match__team.team-right {
        margin-left:15px
}
}

.upcoming-match__content {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-grow:1
}

@media (max-width:767.98px) {
    .upcoming-match__content {
        order:2;
        width:100%;
        flex:0 0 100%;
        gap:30px;
        justify-content:space-between
}
}

.upcoming-match__content .team--info .game-name {
    display:block;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-size:14px;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-theme-primary);
    letter-spacing:1px
}

.upcoming-match__content .team--info .name {
    font-size:26px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1.5px;
    margin:0 0
}

@media (max-width:1199.98px) {
    .upcoming-match__content .team--info .name {
        font-size:22px
}
}

@media (max-width:991.98px) {
    .upcoming-match__content .team--info .name {
        font-size:20px
}
}

@media (max-width:767.98px) {
    .upcoming-match__content .team--info .name {
        font-size:18px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .upcoming-match__content .team--info .name {
        font-size:20px
}
}

.upcoming-match__content .team--info .name a:hover {
    color:var(--tg-theme-primary)
}

.upcoming-match__content .team--info.info-left {
    text-align:right
}

@media (max-width:767.98px) {
    .upcoming-match__content .team--info.info-left {
        text-align:left
}
}

@media (max-width:767.98px) {
    .upcoming-match__content .team--info.info-right {
        text-align:right
}
}

.upcoming-match__time {
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    border:4px solid #3f3f49;
    background:rgb(12 23 29 / .671);
    width:140px;
    height:110px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 35px
}

@media (max-width:1199.98px) {
    .upcoming-match__time {
        width:130px;
        height:85px
}
}

@media (max-width:991.98px) {
    .upcoming-match__time {
        width:100px;
        height:85px;
        margin:0 20px
}
}

@media (max-width:767.98px) {
    .upcoming-match__time {
        position:absolute;
        top:0;
        width:95px;
        height:75px;
        margin:0 auto;
        left:0;
        right:0;
        text-align:center
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .upcoming-match__time {
        width:130px;
        height:90px
}
}

.upcoming-match__time .time {
    font-size:34px;
    margin:0 0
}

@media (max-width:1199.98px) {
    .upcoming-match__time .time {
        font-size:30px
}
}

@media (max-width:991.98px) {
    .upcoming-match__time .time {
        font-size:26px
}
}

@media (max-width:767.98px) {
    .upcoming-match__time .time {
        font-size:22px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .upcoming-match__time .time {
        font-size:30px
}
}

.upcoming-match__date {
    position:absolute;
    left:0;
    right:0;
    bottom:-24px;
    max-width:287px;
    height:24px;
    margin:0 auto;
    text-align:center;
    overflow:hidden
}

.upcoming-match__date svg {
    display:block;
    width:100%;
    height:100%;
    fill:#101d25;
    fill-rule:evenodd;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.upcoming-match__date span {
    position:absolute;
    display:block;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    text-transform:uppercase;
    font-size:13px;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    opacity:.5;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    line-height:1;
    padding:0 30px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}

.upcoming-match__item:hover .upcoming-match__date svg {
    fill:var(--tg-theme-primary)
}

.upcoming-match__item:hover .upcoming-match__date span {
    color:#0f1c23;
    opacity:1
}

.section-pt-170 {
    padding-top:170px
}

@media (max-width:767.98px) {
    .section-pt-170 {
        padding-top:175px
}
}

.upcoming-match__item2 {
    position:relative;
    margin-top:33px;
    margin-bottom:45px
}

.upcoming-match__item2 .upcoming-match__wrap {
    display:flex;
    z-index:1;
    position:relative
}

.upcoming-match__item2 .upcoming-match__team {
    background:#1F222D;
    border-radius:0;
    border:0;
    width:160px;
    height:120px;
    margin:0
}

.upcoming-match__item2 .upcoming-match__team a {
    display:flex;
    background:#12141D;
    justify-content:center;
    align-items:center;
    width:146px;
    height:108px
}

.upcoming-match__item2 .upcoming-match__team.team-left {
    clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,30px 100%)
}

.upcoming-match__item2 .upcoming-match__team.team-left a {
    clip-path:polygon(0 0,calc(100% - 28px) 0,100% 100%,28px 100%)
}

.upcoming-match__item2 .upcoming-match__team.team-right {
    clip-path:polygon(30px 0%,100% 0%,calc(100% - 30px) 100%,0% 100%)
}

.upcoming-match__item2 .upcoming-match__team.team-right a {
    clip-path:polygon(30px 0%,100% 0%,calc(100% - 30px) 100%,0% 100%)
}

.upcoming-match__item2 .upcoming-match__content .name {
    background:#12141D;
    border:6px solid #1F222D;
    font-size:24px;
    font-weight:700;
    padding:16px 53px
}

.upcoming-match__item2 .upcoming-match__content .social-wrap {
    display:inline-flex;
    background:#1F222D;
    font-size:14px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    gap:10px;
    padding:5.75px 80px 5.75px 45px;
    clip-path:polygon(30px 0,100% 0,100% 100%,0% 100%);
    position:relative;
    z-index:1;
    margin-bottom:-6px
}

.upcoming-match__item2 .upcoming-match__content .social-wrap a {
    color:var(--tg-common-color-white)
}

.upcoming-match__item2 .upcoming-match__content .social-wrap a:hover {
    color:var(--tg-theme-primary)
}

.upcoming-match__item2 .upcoming-match__content .game-name {
    display:inline-flex;
    background:#1F222D;
    font-size:14px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    gap:10px;
    padding:5.75px 80px 5.75px 45px;
    clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,0% 100%);
    position:relative;
    z-index:1;
    margin-bottom:-6px
}

.upcoming-match__item2 .upcoming-match__content .team--info {
    width:100%
}

.upcoming-match__item2 .upcoming-match__content .team--info.info-left {
    margin-left:-30px;
    margin-right:-15px
}

.upcoming-match__item2 .upcoming-match__content .team--info.info-left .social-wrap {
    justify-content:end
}

.upcoming-match__item2 .upcoming-match__content .team--info.info-left .name {
    text-align:start;
    margin-right:-30px
}

.upcoming-match__item2 .upcoming-match__content .team--info.info-right {
    margin-right:-30px;
    margin-left:-15px
}

.upcoming-match__item2 .upcoming-match__content .team--info.info-right .name {
    text-align:end;
    margin-left:-30px
}

.upcoming-match__item2 .upcoming-match__versus {
    background:#1F222D;
    clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,40px 100%)
}

.upcoming-match__item2 .upcoming-match__versus .versus {
    margin:0;
    font-size:40px;
    font-weight:800;
    padding:23px 66px;
    background:#12141D;
    clip-path:polygon(0 0,100% 0,calc(100% - 35px) 100%,35px 100%);
    margin:6px 9px
}

.upcoming-match__item2 .upcoming-match__day {
    position:absolute;
    left:0;
    right:0;
    top:12px;
    text-align:center;
    transform:translate(0,-100%);
    font-size:16px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase
}

.upcoming-match__item2 .upcoming-match__day span {
    background:#1F222D;
    display:inline-block;
    padding:8.5px 65px;
    clip-path:polygon(27px 0%,calc(100% - 27px) 0%,100% 100%,0% 100%);
    position:relative;
    transition:0.4s
}

.upcoming-match__item2 .upcoming-match__day span:after {
    content:"";
    position:absolute;
    inset:4px 8px;
    clip-path:polygon(22px 0%,calc(100% - 22px) 0%,100% 100%,0% 100%);
    background:#12141D;
    z-index:-1
}

.upcoming-match__item2 .upcoming-match__date {
    max-width:350px;
    height:auto;
    overflow:inherit;
    bottom:-55px
}

.upcoming-match__item2 .upcoming-match__date span {
    font-size:20px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    opacity:1;
    letter-spacing:normal;
    background:#1F222D;
    display:inline-block;
    padding:15.5px 65px 19.5px;
    position:relative;
    transform:none;
    clip-path:polygon(0 0,100% 0,calc(100% - 35px) 100%,35px 100%)
}

.upcoming-match__item2 .upcoming-match__date span:after {
    content:"";
    position:absolute;
    inset:2px 10px 6px;
    clip-path:polygon(0 0,100% 0,calc(100% - 28px) 100%,28px 100%);
    background:#12141D;
    z-index:-1;
    transition:0.4s
}

.upcoming-match__item2:hover .upcoming-match__day span,.upcoming-match__item2:hover .upcoming-match__team {
    background:var(--tg-theme-primary)
}

.upcoming-match__item2:hover .upcoming-match__date span {
    color:var(--tg-common-color-black-2)
}

.upcoming-match__item2:hover .upcoming-match__date span:after {
    background:var(--tg-theme-primary)
}

@media (max-width:1199.98px) {
    .upcoming-match__item2 {
        margin-top:0
}
    .upcoming-match__item2 .upcoming-match__wrap {
        display:block
}
    .upcoming-match__item2 .upcoming-match__team {
        clip-path:none!important;
        background:#12141D;
        border:6px solid #1F222D;
        width:140px
}
    .upcoming-match__item2 .upcoming-match__team a {
        width:auto;
        height:auto;
        clip-path:none!important;
        background:#fff0
}
    .upcoming-match__item2 .upcoming-match__content .name {
        font-size:20px;
        padding:16px 25px;
        margin-right:0!important;
        margin-left:0!important;
        text-align:center!important
}
    .upcoming-match__item2 .upcoming-match__content .team--info {
        background:#1F222D;
        margin-left:0!important;
        margin-right:0!important;
        text-align:center!important
}
    .upcoming-match__item2 .upcoming-match__content .social-wrap {
        padding:5.75px 30px 5.75px 30px;
        clip-path:none
}
    .upcoming-match__item2 .upcoming-match__content .game-name {
        padding:5.75px 25px 5.75px 25px
}
    .upcoming-match__item2 .upcoming-match__team.team-right {
        position:absolute;
        top:0;
        right:0
}
    .upcoming-match__item2 .upcoming-match__versus {
        clip-path:none
}
    .upcoming-match__item2 .upcoming-match__versus .versus {
        padding:20px 55px
}
    .upcoming-match__item2 .upcoming-match__day {
        top:125px
}
    .upcoming-match__item2:hover .upcoming-match__team {
        background:#12141D;
        border-color:var(--tg-theme-primary)
}
}

@media (max-width:991.98px) {
    .upcoming-match__item2 .upcoming-match__content .social-wrap {
        font-size:12px
}
    .upcoming-match__item2 .upcoming-match__content .game-name {
        font-size:12px
}
    .upcoming-match__item2 .upcoming-match__content .name {
        font-size:18px
}
    .upcoming-match__item2 .upcoming-match__date span {
        font-size:16px
}
    .upcoming-match__item2 .upcoming-match__versus .versus {
        padding:18px 55px
}
}

@media (max-width:767.98px) {
    .upcoming-match__item2 .upcoming-match__content {
        display:block
}
    .upcoming-match__item2 .upcoming-match__versus {
        margin:-6px 0
}
    .upcoming-match__item2 .upcoming-match__versus .versus {
        clip-path:none;
        text-align:center
}
    .upcoming-match__item2 .upcoming-match__team {
        box-shadow:none
}
    .upcoming-match__item2 .upcoming-match__day {
        top:120px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .upcoming-match__item2 .upcoming-match__day {
        top:125px
}
}

@media (max-width:375px) {
    .upcoming-match__item2 .upcoming-match__team {
        width:110px;
        height:100px
}
    .upcoming-match__item2 .upcoming-match__day {
        top:104px
}
}

.match__result-area {
    position:relative;
    padding:95px 0 120px;
    z-index:1
}

.match__result-bg {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:calc(100% + 70px);
    background-position:top center;
    background-size:cover;
    z-index:-1
}

.match__result-wrapper>*:nth-child(even) .match__winner-wrap {
    flex-direction:row-reverse
}

@media (max-width:991.98px) {
    .match__result-wrapper>*:nth-child(even) .match__winner-wrap {
        flex-direction:column-reverse;
        margin-right:0;
        margin-left:10px;
        align-items:flex-start
}
}

@media (max-width:767.98px) {
    .match__result-wrapper>*:nth-child(even) .match__winner-wrap {
        align-items:flex-end;
        margin:20px auto 0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .match__result-wrapper>*:nth-child(even) .match__winner-wrap {
        margin:0 auto 0
}
}

.match__result-wrapper>*:nth-child(even) .match__winner-img {
    flex-direction:row-reverse;
    margin-left:0;
    margin-right:22px
}

@media (max-width:767.98px) {
    .match__result-wrapper>*:nth-child(even) .match__winner-img {
        margin:0 0
}
}

.match__result-wrapper>*:nth-child(even) .match__winner-img .svg-icon {
    right:auto;
    left:0;
    -webkit-transform:translateY(-50%) rotateY(180deg);
    -moz-transform:translateY(-50%) rotateY(180deg);
    -ms-transform:translateY(-50%) rotateY(180deg);
    -o-transform:translateY(-50%) rotateY(180deg);
    transform:translateY(-50%) rotateY(180deg)
}

.match__result-wrapper>*:nth-child(even) .match__winner-place {
    padding:10px 15px 10px 35px
}

.match__result-wrapper>*:nth-child(even) .match__winner-info {
    text-align:left
}

@media (max-width:767.98px) {
    .match__result-wrapper>*:nth-child(even) .match__winner-info {
        text-align:right
}
}

.match__winner-title {
    text-align:center;
    margin:0 0 20px;
    font-size:24px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:2px;
    color:var(--tg-theme-primary)
}

@media (max-width:767.98px) {
    .match__winner-title {
        margin:0 0 30px
}
}

.match__winner-wrap {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:flex-end;
    align-items:center
}

@media (max-width:991.98px) {
    .match__winner-wrap {
        justify-content:flex-start;
        align-items:flex-end;
        flex-direction:column-reverse;
        row-gap:13px;
        margin-right:10px
}
}

@media (max-width:767.98px) {
    .match__winner-wrap {
        align-items:flex-start;
        margin:0 auto;
        max-width:280px
}
}

.match__winner-info {
    flex-grow:1;
    text-align:right
}

@media (max-width:767.98px) {
    .match__winner-info {
        text-align:left
}
}

.match__winner-info .name {
    font-size:24px;
    line-height:1;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:2px;
    margin:0 0 6px
}

.match__winner-info .price-amount {
    display:block;
    font-size:14px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary);
    letter-spacing:.5px
}

.match__winner-img {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    position:relative;
    margin-left:22px;
    z-index:1
}

@media (max-width:767.98px) {
    .match__winner-img {
        margin-left:0
}
}

.match__winner-img .team-logo-img {
    width:112px;
    height:112px;
    background:#171717;
    border:3px solid var(--tg-theme-primary);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    flex:0 0 auto;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .1)
}

.match__winner-img .team-logo-img img {
    max-width:70px
}

.match__winner-img .svg-icon {
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:75px;
    width:135px;
    fill:var(--tg-theme-primary);
    z-index:-1
}

.match__winner-place {
    font-size:30px;
    font-weight:var(--tg-fw-extra-bold);
    color:#20202a;
    letter-spacing:2px;
    margin:0 0;
    text-transform:uppercase;
    padding:10px 35px 10px 15px;
    line-height:1
}

.grand__final {
    text-align:center;
    margin:30px 0 0
}

@media (max-width:991.98px) {
    .grand__final {
        margin:50px 0 0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .grand__final {
        margin:30px 0 0
}
}

.grand__final-date {
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    color:#e5e5e5;
    letter-spacing:1px;
    margin:0 0 3px
}

.grand__final-place {
    display:block;
    text-transform:uppercase;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary);
    font-family:var(--tg-heading-font-family);
    letter-spacing:1px
}

.grand__final-button {
    margin:32px 0 0
}

.services__bg-color {
    background-color:var(--tg-common-color-black-7)
}

@media (max-width:1199.98px) {
    .services__bg-color .section__title {
        width:calc(100% + 200px)
}
}

@media (max-width:991.98px) {
    .services__bg-color .section__title {
        width:100%
}
}

@media (max-width:767.98px) {
    .services__bg-color .section__title {
        text-align:center!important
}
    .services__bg-color .section__title::after {
        margin:20px auto 0
}
}

.services__wrapper {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:60px 50px
}

@media (max-width:1199.98px) {
    .services__wrapper {
        gap:50px 45px
}
}

@media (max-width:767.98px) {
    .services__wrapper {
        text-align:center;
        grid-template-columns:repeat(1,1fr)
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .services__wrapper {
        gap:50px 40px;
        grid-template-columns:repeat(2,1fr)
}
}

.services__icon {
    font-size:40px;
    display:block;
    line-height:1;
    color:var(--tg-theme-primary);
    margin:0 0 30px
}

.services__content .title {
    font-size:20px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:capitalize;
    letter-spacing:1.2px;
    margin:0 0 18px
}

.services__content .title a:hover {
    color:var(--tg-theme-primary)
}

.services__content p {
    font-size:15px;
    font-weight:var(--tg-fw-medium);
    margin:0 0
}

.services__images {
    margin:0 0 30px 36px;
    position:relative;
    height:681px
}

@media (max-width:1199.98px) {
    .services__images {
        margin:0 0 30px 20px;
        height:490px
}
}

@media (max-width:991.98px) {
    .services__images {
        margin:70px 0 30px 0
}
}

@media (max-width:767.98px) {
    .services__images {
        height:360px
}
}

.services__images-item {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    transition:all 0.1s ease-in-out;
    z-index:1
}

.services__images-item img {
    width:100%;
    object-fit:cover;
    height:100%;
    clip-path:inset(0 100% 0 0);
    -webkit-animation:defaultInset 0.8s forwards ease;
    animation:defaultInset 0.8s forwards ease
}

.services__images-item.active {
    z-index:2
}

.services__images-item.active img {
    -webkit-animation:activeInset 0.8s forwards ease;
    animation:activeInset 0.8s forwards ease
}

.services__images-item.active .services__link i {
    animation:tg_arrow 0.8s forwards
}

.services__link {
    position:absolute;
    right:-30px;
    bottom:-30px;
    width:153px;
    height:153px;
    font-size:98px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#faa706;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    color:#000;
    overflow:hidden
}

@media (max-width:1199.98px) {
    .services__link {
        right:0;
        bottom:-30px;
        width:120px;
        height:120px;
        font-size:70px
}
}

@media (max-width:767.98px) {
    .services__link {
        width:80px;
        height:80px;
        font-size:45px
}
}

.services__link:hover {
    color:#000;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg)
}

.services__details-area {
    background-position:top center;
    background-size:cover
}

.service-card {
    box-shadow:0 4px 41px rgb(0 0 0 / .53)
}

.service-card .service-card-img {
    overflow:hidden
}

.service-card .service-card-img img {
    width:100%
}

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

.service-card .service-card-details {
    border:10px solid #1F222D;
    padding:40px
}

.service-card .service-card-details .service-card-meta {
    display:flex;
    gap:10px 25px;
    margin-top:-.3em;
    flex-wrap:wrap;
    margin-bottom:5px
}

.service-card .service-card-details .service-card-meta a {
    display:inline-block;
    font-size:14px;
    font-weight:500;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase
}

.service-card .service-card-details .service-card-meta a:hover {
    color:var(--tg-theme-primary)
}

.service-card .service-card-details .service-card-title {
    font-size:30px;
    font-weight:700
}

.service-card .service-card-details .service-card-title a {
    color:var(--tg-common-color-white)
}

.service-card .service-card-details .service-card-title a:hover {
    color:var(--tg-theme-primary)
}

.service-card .service-card-details .service-card-tag {
    display:flex;
    gap:10px 25px;
    margin-bottom:-.3em;
    border-top:1px solid #1F222D;
    padding-top:15px;
    margin-top:25px;
    flex-wrap:wrap
}

.service-card .service-card-details .service-card-tag a {
    font-size:14px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase
}

.service-card .service-card-details .service-card-tag a i {
    margin-right:5px;
    color:var(--tg-theme-primary)
}

.service-card .service-card-details .service-card-tag a:hover {
    color:var(--tg-theme-primary)
}

@media (max-width:1500px) {
    .service-card .service-card-details {
        padding:30px
}
    .service-card .service-card-details .service-card-meta {
        margin-bottom:10px
}
    .service-card .service-card-details .service-card-title {
        font-size:24px
}
}

@media (max-width:375px) {
    .service-card .service-card-details {
        padding:24px
}
    .service-card .service-card-details .service-card-title {
        font-size:20px
}
}

.social-bg {
    background-position:bottom center;
    padding:140px 0 150px;
    margin:-18px 0 -30px;
    filter:drop-shadow(0 1px 0 rgb(255 255 255 / .07));
    position:relative;
    background-size:cover
}

@media (max-width:1199.98px) {
    .social-bg {
        padding:120px 0 120px
}
}

.social-bg .gutter-20 {
    --bs-gutter-x:20px;
    gap:20px 0
}

.social__item a {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background-color:#0a0b0f;
    border:3px solid var(--tg-common-color-teal);
    width:195px;
    height:160px;
    position:relative;
    margin:0 0 5px
}

@media (max-width:1199.98px) {
    .social__item a {
        width:100%;
        height:115px
}
}

.social__item a svg {
    fill:var(--tg-common-color-teal);
    fill-rule:evenodd;
    position:absolute;
    left:-3px;
    bottom:-8px
}

.social__item a i {
    font-size:44px;
    color:#d8d8d8;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

@media (max-width:1199.98px) {
    .social__item a i {
        font-size:40px
}
}

.social__item a span {
    display:block;
    text-transform:uppercase;
    color:var(--tg-common-color-teal);
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    letter-spacing:2px;
    line-height:1;
    margin:22px 0 0
}

@media (max-width:1199.98px) {
    .social__item a span {
        margin:15px 0 0
}
}

.social__item a:hover i {
    color:var(--tg-common-color-teal)
}

.tournament-area {
    background:var(--tg-common-color-black-4)
}

.tournament__wrapper {
    padding:0 80px
}

@media (max-width:1500px) {
    .tournament__wrapper {
        padding:0 60px
}
}

@media (max-width:1199.98px) {
    .tournament__wrapper {
        padding:0 0
}
}

.tournament__wrapper .gutter-25 {
    --bs-gutter-x:25px
}

@media (max-width:1199.98px) {
    .tournament__wrapper .gutter-25 {
        --bs-gutter-x:30px
}
}

.tournament__box-wrap {
    padding:25px 30px 50px;
    position:relative;
    overflow:hidden;
    -webkit-border-radius:0 0 17px 17px;
    -moz-border-radius:0 0 17px 17px;
    -o-border-radius:0 0 17px 17px;
    -ms-border-radius:0 0 17px 17px;
    border-radius:0 0 17px 17px;
    transition:0.4s ease;
    margin:0 0 30px;
    z-index:1
}

.tournament__box-wrap:hover {
    -webkit-transform:translateY(-7px);
    -moz-transform:translateY(-7px);
    -ms-transform:translateY(-7px);
    -o-transform:translateY(-7px);
    transform:translateY(-7px)
}

@media (max-width:991.98px) {
    .tournament__box-wrap {
        background:#19222b;
        padding:25px 30px 40px;
        -webkit-border-radius:17px;
        -moz-border-radius:17px;
        -o-border-radius:17px;
        -ms-border-radius:17px;
        border-radius:17px;
        border:1px solid #212d38
}
    .tournament__box-wrap:hover {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
}
}

.tournament__box-wrap.active {
    --tg-theme-primary:var(--tg-theme-secondary)
}

.tournament__box-wrap::before {
    content:"";
    position:absolute;
    left:50%;
    top:20%;
    transform:translateX(-50%);
    background:var(--tg-theme-primary);
    background:radial-gradient(circle,var(--tg-theme-primary) 0%,transparent 100%);
    width:90px;
    height:90px;
    filter:blur(50px);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:-1
}

.tournament__box-wrap .main-bg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-2
}

@media (max-width:991.98px) {
    .tournament__box-wrap .main-bg {
        display:none
}
}

.tournament__box-wrap .price-bg {
    position:absolute;
    left:0;
    top:0;
    width:166px;
    height:56px;
    color:var(--tg-theme-primary);
    z-index:-1;
    pointer-events:none
}

.tournament__box-price {
    position:absolute;
    left:0;
    top:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:7px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-extra-bold);
    color:var(--tg-common-color-black);
    font-size:20px;
    line-height:1;
    padding:17px 17px;
    letter-spacing:1px;
    z-index:2
}

.tournament__box-price i {
    font-size:18px;
    letter-spacing:0
}

.tournament__box-countdown {
    margin:0 0 46px
}

.tournament__box-countdown .coming-time {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:flex-end;
    gap:15px;
    line-height:1;
    text-align:center
}

.tournament__box-countdown .time-count {
    line-height:1;
    font-size:13px;
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    font-weight:var(--tg-fw-semi-bold);
    color:#888;
    position:relative
}

.tournament__box-countdown .time-count::after {
    content:":";
    position:absolute;
    top:0;
    right:-10px;
    font-size:14px
}

.tournament__box-countdown .time-count:last-child::after {
    display:none
}

.tournament__box-countdown .time-count span {
    display:block;
    color:var(--tg-common-color-white);
    font-size:14px;
    margin:0 0 7px
}

.tournament__box-caption {
    text-align:center;
    margin:0 0 28px
}

.tournament__box-caption .sub {
    display:block;
    font-size:16px;
    line-height:1;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1px;
    margin:0 0 5px
}

.tournament__box-caption .title {
    font-size:30px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0;
    color:var(--tg-theme-primary);
    letter-spacing:1px
}

.tournament__box-prize {
    text-align:center;
    background:var(--tg-common-color-black-4);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px;
    font-size:18px;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0 13px;
    padding:24px 20px;
    border:1px solid #1e2933;
    margin:0 0 40px
}

.tournament__box-prize i {
    color:var(--tg-theme-secondary);
    font-size:16px
}

.tournament__box-list li {
    margin:0 0 20px
}

.tournament__box-list li:last-child {
    margin:0 0
}

.tournament__box-list-item {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

.tournament__box-list-item:hover .tournament__player-name {
    color:var(--tg-common-color-white)
}

.tournament__player-thumb {
    flex:0 0 auto;
    width:40px;
    margin-right:20px
}

.tournament__player-thumb img {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px
}

.tournament__player-name {
    font-size:14px;
    margin:0 0;
    color:var(--tg-body-color);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    letter-spacing:1px
}

.tournament__player-price {
    margin-left:auto;
    color:var(--tg-theme-primary);
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:1px
}

.tournament__player-price i {
    color:var(--tg-theme-secondary);
    margin-left:7px;
    font-size:14px
}

.tournament__list-area {
    background-position:center;
    background-size:cover
}

.tournament__list-item {
    position:relative;
    margin:0 0 25px;
    z-index:1
}

@media (max-width:991.98px) {
    .tournament__list-item {
        background:var(--tg-border-1);
        margin:0 0;
        padding:30px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        -o-border-radius:10px;
        -ms-border-radius:10px;
        border-radius:10px;
        border:1px solid #212d38
}
    .tournament__list-item-wrapper {
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:30px
}
}

@media (max-width:767.98px) {
    .tournament__list-item-wrapper {
        grid-template-columns:repeat(1,1fr)
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tournament__list-item-wrapper {
        max-width:75%;
        margin:0 auto
}
}

.tournament__list-item:last-child {
    margin:0 0
}

.tournament__list-item:hover {
    --tg-theme-primary:var(--tg-theme-secondary)
}

.tournament__list-item:hover .tournament__list-live a {
    color:var(--tg-common-color-white)
}

.tournament__list-item:hover .tournament__list-live a i {
    color:var(--tg-theme-secondary)
}

.tournament__list-item::before {
    content:"";
    position:absolute;
    left:13%;
    top:19px;
    width:200px;
    height:60px;
    background:var(--tg-theme-primary);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:-1
}

@media (max-width:991.98px) {
    .tournament__list-item::before {
        display:none
}
}

.tournament__list-item svg {
    display:block;
    width:100%
}

@media (max-width:1199.98px) {
    .tournament__list-item svg {
        height:auto
}
}

@media (max-width:991.98px) {
    .tournament__list-item svg {
        display:none
}
}

.tournament__list-item .background-path {
    fill:var(--tg-border-1);
    stroke:#4c4c4c;
    stroke-width:.25px;
    fill-rule:evenodd
}

.tournament__list-content {
    position:absolute;
    left:60px;
    right:50px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

@media (max-width:1199.98px) {
    .tournament__list-content {
        left:50px;
        right:45px
}
}

@media (max-width:991.98px) {
    .tournament__list-content {
        position:relative;
        left:0;
        right:0;
        top:0;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        flex-wrap:wrap;
        gap:40px 0
}
}

.tournament__list-thumb {
    width:150px;
    flex:0 0 auto
}

@media (max-width:1199.98px) {
    .tournament__list-thumb {
        width:115px
}
}

@media (max-width:991.98px) {
    .tournament__list-thumb {
        width:50%
}
}

.tournament__list-thumb img {
    max-width:89px;
    max-height:91px
}

@media (max-width:1199.98px) {
    .tournament__list-thumb img {
        max-width:80px;
        max-height:75px
}
}

.tournament__list-name {
    padding-left:35px;
    position:relative;
    z-index:1
}

.tournament__list-name::before {
    content:"";
    position:absolute;
    left:1px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:53px;
    width:1px;
    background:var(--tg-common-color-white);
    background:radial-gradient(circle,var(--tg-common-color-white) 0%,transparent 100%);
    opacity:.18;
    z-index:1
}

.tournament__list-name::after {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:60px;
    width:3px;
    background:#121920
}

.tournament__list-name {
    width:205px;
    flex:0 0 auto
}

@media (max-width:991.98px) {
    .tournament__list-name {
        width:50%;
        flex:0 0 auto;
        padding-left:20px;
        text-align:right
}
}

.tournament__list-name .team-name {
    font-size:18px;
    margin:0 0 8px
}

.tournament__list-name .status {
    display:block;
    text-transform:uppercase;
    font-size:13px;
    font-weight:var(--tg-fw-bold);
    font-family:var(--tg-heading-font-family);
    letter-spacing:1px;
    color:var(--tg-theme-primary);
    padding-left:13px;
    position:relative;
    line-height:1;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tournament__list-name .status::before {
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:8px;
    height:8px;
    background:currentColor;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}

@media (max-width:991.98px) {
    .tournament__list-name .status {
        padding-left:0;
        padding-right:13px
}
    .tournament__list-name .status::before {
        left:auto;
        right:0
}
}

.tournament__list-prize {
    width:216px;
    flex:0 0 auto;
    padding-left:55px;
    position:relative
}

@media (max-width:1199.98px) {
    .tournament__list-prize {
        width:180px;
        padding-left:40px
}
}

@media (max-width:991.98px) {
    .tournament__list-prize {
        width:50%;
        padding:0 20px 0 0
}
    .tournament__list-prize::before {
        display:none
}
}

.tournament__list-prize::before {
    content:"";
    position:absolute;
    left:1px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:53px;
    width:1px;
    background:var(--tg-common-color-white);
    background:radial-gradient(circle,var(--tg-common-color-white) 0%,transparent 100%);
    opacity:.18;
    z-index:1
}

.tournament__list-prize .title {
    font-size:15px;
    color:var(--tg-body-color);
    letter-spacing:1px;
    margin:0 0 3px
}

.tournament__list-prize i {
    color:var(--tg-theme-primary);
    font-size:14px;
    margin-right:7px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tournament__list-prize span {
    color:var(--tg-theme-primary);
    font-family:var(--tg-heading-font-family);
    font-size:17px;
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:1px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tournament__list-time {
    width:216px;
    flex:0 0 auto;
    padding-left:55px;
    position:relative
}

@media (max-width:1199.98px) {
    .tournament__list-time {
        width:180px;
        padding-left:40px
}
}

@media (max-width:991.98px) {
    .tournament__list-time {
        width:50%;
        padding-left:20px;
        text-align:right
}
}

.tournament__list-time::before {
    content:"";
    position:absolute;
    left:1px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:53px;
    width:1px;
    background:var(--tg-common-color-white);
    background:radial-gradient(circle,var(--tg-common-color-white) 0%,transparent 100%);
    opacity:.18;
    z-index:1
}

.tournament__list-time .title {
    font-size:15px;
    color:var(--tg-body-color);
    letter-spacing:1px;
    margin:0 0 3px
}

.tournament__list-time i {
    font-size:14px;
    margin-right:7px
}

.tournament__list-time span {
    color:var(--tg-body-color);
    font-family:var(--tg-heading-font-family);
    font-size:17px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    letter-spacing:1px
}

.tournament__list-live {
    margin-left:auto
}

@media (max-width:991.98px) {
    .tournament__list-live {
        margin:0 auto
}
}

.tournament__list-live a {
    display:inline-block;
    background:#0c1217;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    font-size:13px;
    color:var(--tg-body-color);
    padding:12px 45px;
    letter-spacing:1px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px
}

@media (max-width:1199.98px) {
    .tournament__list-live a {
        padding:12px 22px
}
}

.tournament__list-live a i {
    margin-left:3px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.tournament__details-area {
    padding:120px 0
}

.tournament__details-content {
    background:#182029;
    padding:40px 45px 40px 40px;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0);
    border:1px solid #232a30;
    font-weight:var(--tg-fw-medium)
}

@media (max-width:1199.98px) {
    .tournament__details-content {
        padding:30px 25px
}
}

@media (max-width:767.98px) {
    .tournament__details-content {
        padding:25px 20px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .tournament__details-content {
        padding:30px 25px
}
}

.tournament__details-content p {
    font-weight:var(--tg-fw-medium)
}

.tournament__details-content .title {
    font-size:32px;
    margin:0 0 18px
}

@media (max-width:767.98px) {
    .tournament__details-content .title {
        font-size:24px;
        margin:0 0 15px
}
}

.tournament__details-content .blog-post-meta {
    padding-bottom:30px;
    border-bottom:1px solid #323c46;
    margin:0 0 30px
}

@media (max-width:767.98px) {
    .tournament__details-content .blog-post-meta {
        margin:0 0 25px
}
}

.tournament__details-content .blog-details-bottom {
    border-top:1px solid #323c46
}

.tournament__details-video {
    margin:35px 0 30px
}

.tournament__details-video .popup-video {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:68px;
    color:var(--tg-common-color-white);
    z-index:1
}

@media (max-width:767.98px) {
    .tournament__details-video .popup-video {
        font-size:54px
}
}

.tournament__details-video .popup-video:hover {
    color:var(--tg-theme-secondary)
}

.tournament__details-form {
    margin:40px 0 0
}

.tournament__details-form-title {
    font-size:24px;
    margin:0 0 10px
}

.tournament__details-form form {
    margin:25px 0 0
}

.tournament__details-form input {
    display:block;
    width:100%;
    border:1px solid #23292f;
    background:var(--tg-common-color-black);
    padding:15px 30px;
    margin:0 0 12px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px
}

.tournament__details-form input::placeholder {
    opacity:.6
}

.tournament__details-form-btn {
    display:inline-block;
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    text-transform:uppercase;
    border:none;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    padding:14px 40px;
    font-size:17px;
    letter-spacing:1px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    margin-top:15px
}

@media (max-width:767.98px) {
    .tournament__details-form-btn {
        -webkit-clip-path:polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0);
        clip-path:polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0);
        padding:12px 32px
}
}

.tournament__details-form-btn:hover {
    background:var(--tg-theme-secondary);
    color:var(--tg-common-color-black)
}

.tournament__sidebar .shop__widget,.tournament__sidebar .shop__widget-inner {
    border-color:#232a30
}

.tournament__sidebar .shop__widget-inner {
    background:#182029
}

.tournament__advertisement img {
    width:100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}

.trending__matches-item {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0 0 20px
}

.trending__matches-item:last-child {
    margin:0 0
}

.trending__matches-thumb {
    width:73px;
    flex:0 0 auto;
    margin-right:18px
}

.trending__matches-thumb img {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}

.trending__matches-content {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-grow:1;
    justify-content:space-between
}

.trending__matches-content .title {
    font-size:18px;
    margin:0 0 5px
}

.trending__matches-content .price {
    display:block;
    font-size:14px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary);
    letter-spacing:1px
}

.trending__matches-content .play a {
    display:block;
    color:var(--tg-body-color)
}

.trending__matches-content .play a:hover {
    color:var(--tg-theme-secondary)
}

.testimonial__area {
    padding-top:260px;
    background-position:center -20px;
    margin-top:-150px
}

.testimonial-title {
    font-size:30px;
    position:relative;
    display:flex;
    align-items:center;
    gap:35px
}

.testimonial-title span {
    flex:none
}

.testimonial-title:after {
    content:"";
    position:relative;
    height:1px;
    width:100%;
    background:linear-gradient(to right,var(--tg-common-color-white),transparent)
}

.testimonial__item {
    background:#1F222D;
    box-shadow:0 4px 41px rgb(0 0 0 / .31);
    padding:10px;
    display:flex;
    align-items:center;
    position:relative
}

.testimonial__item .testimonial__thumb {
    flex:none
}

.testimonial__item .testimonial__content {
    padding:50px 60px
}

.testimonial__item .testimonial__content .content {
    font-size:20px;
    font-weight:500;
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    margin-bottom:35px;
    padding-bottom:30px;
    border-bottom:1px solid #343846;
    margin-top:-.35em
}

.testimonial__item .testimonial__content .name {
    font-size:24px;
    font-weight:800;
    margin-bottom:3px
}

.testimonial__item .testimonial__content .desig {
    font-size:12px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-theme-primary);
    display:block;
    margin-bottom:-.35em
}

.testimonial__item .quote-shape {
    position:absolute;
    display:inline-flex;
    bottom:0;
    right:112px;
    gap:15px
}

.testimonial__item .quote-shape:after,.testimonial__item .quote-shape:before {
    content:"";
    position:relative;
    height:80px;
    width:34px;
    background:var(--tg-theme-primary);
    clip-path:polygon(0 0,100% 19px,100% 100%,0% 100%)
}

@media (max-width:1500px) {
    .testimonial__area {
        background-position:center 0
}
}

@media (max-width:1300px) {
    .testimonial__area {
        background-image:none!important;
        margin-top:0;
        padding-top:120px
}
    .testimonial__item .testimonial__content {
        padding:30px 40px
}
}

@media (max-width:1199.98px) {
    .testimonial__item {
        display:block;
        padding:40px
}
    .testimonial__item .testimonial__content {
        padding:40px 0 0
}
}

@media (max-width:767.98px) {
    .testimonial__area {
        background-image:none!important;
        border-top:10px solid var(--tg-theme-primary);
        padding-top:100px;
        margin-top:100px
}
    .testimonial-title {
        display:block
}
    .testimonial-title:after {
        display:none
}
    .testimonial__item {
        padding:30px
}
    .testimonial__item .testimonial__thumb img {
        width:100%
}
    .testimonial__item .testimonial__content {
        padding:30px 0 0
}
    .testimonial__item .testimonial__content .content {
        font-size:16px;
        font-weight:600;
        line-height:1.6
}
    .testimonial__item .quote-shape {
        right:50px
}
    .testimonial__item .quote-shape:after,.testimonial__item .quote-shape:before {
        height:60px
}
}

@media (max-width:375px) {
    .testimonial__item {
        padding:20px 20px 30px
}
    .testimonial__item .quote-shape {
        right:30px
}
    .testimonial__item .quote-shape:after,.testimonial__item .quote-shape:before {
        height:45px;
        width:25px
}
}

.brand-area {
    padding:110px 0 120px;
    background-color:var(--tg-common-color-black-6)
}

.brand__title {
    margin:0 0 70px
}

@media (max-width:767.98px) {
    .brand__title {
        margin:0 0 50px
}
}

.brand__title .title {
    font-size:45px;
    font-weight:var(--tg-fw-medium);
    line-height:1;
    letter-spacing:3px;
    margin:0 0
}

@media (max-width:767.98px) {
    .brand__title .title {
        font-size:36px;
        letter-spacing:2px
}
}

.brand__link {
    display:flex;
    align-items:center;
    justify-content:center;
    height:57px
}

@media (max-width:767.98px) {
    .brand__link {
        height:35px
}
}

.brand__link img {
    max-height:100%
}

.brand-active .col {
    padding-left:15px;
    padding-right:15px
}

.brand-area4 {
    margin-top:-90px;
    padding-top:210px
}

@media (max-width:1500px) {
    .brand-area4 {
        padding-top:130px
}
}

@media (max-width:1199.98px) {
    .brand-area4 {
        padding-top:120px
}
}

@media (max-width:991.98px) {
    .brand-area4 {
        margin-top:0;
        padding-top:100px
}
}

@media (max-width:767.98px) {
    .brand-area4 {
        padding-top:50px
}
}

.shop-area {
    padding:120px 0 120px
}

.shop-details-area {
    padding:120px 0 85px
}

.shop-sidebar {
    margin-right:17px
}

@media (max-width:991.98px) {
    .shop-sidebar {
        margin:100px 0 0
}
}

@media (max-width:767.98px) {
    .shop-sidebar {
        margin:70px 0 0
}
}

.shop__widget {
    border:1px solid var(--tg-border-4);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    margin:0 0 40px
}

.shop__widget:last-child {
    margin:0 0
}

.shop__widget-title {
    font-size:18px;
    margin:0 0;
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:baseline;
    column-gap:10px;
    padding:19px 20px;
    line-height:1
}

.shop__widget-title::before {
    content:"\f0da";
    font-family:var(--tg-icon-font-family);
    font-size:20px;
    color:var(--tg-theme-primary)
}

.shop__widget-inner {
    background:#171d24;
    border:1px solid #26292c;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -o-border-radius:0 0 5px 5px;
    -ms-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    margin:-1px;
    padding:20px
}

.shop__search {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    line-height:1
}

.shop__search input {
    display:block;
    flex-grow:1;
    border:none;
    padding:0 20px 0 0;
    background:#fff0;
    font-weight:var(--tg-fw-medium)
}

.shop__search input::placeholder {
    opacity:.63;
    font-weight:var(--tg-fw-medium)
}

.shop__search button {
    background:#fff0;
    color:var(--tg-body-color);
    transform:rotate(-90deg);
    font-size:14px
}

.shop__search button:hover {
    color:var(--tg-theme-primary)
}

.shop__price-filter {
    margin:5px 0 0
}

.shop__price-filter #slider-range {
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    height:6px;
    background:#0d1216
}

.shop__price-filter .ui-slider-range {
    background:var(--tg-theme-primary);
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}

.shop__price-filter .ui-slider-handle {
    background:#fff0;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 5px 6px 5px;
    border-color:#fff0 #fff0 var(--tg-theme-primary) #fff0;
    top:-5px;
    margin:0 0 0 -1px
}

.shop__price-filter .ui-slider-handle:focus-visible {
    outline:none
}

.shop__price-filter .ui-slider-handle:last-child {
    margin:0 0 0 -9px
}

.shop__price-slider-amount {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    line-height:1;
    margin:15px 0 0
}

.shop__price-slider-amount [type=submit] {
    background:#fff0;
    line-height:1;
    flex-grow:1;
    text-align:left;
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-common-color-white);
    letter-spacing:.5px;
    font-size:15px
}

.shop__price-slider-amount [type=text] {
    border:none;
    padding:0;
    width:auto;
    background:#fff0;
    text-align:right;
    width:50%;
    flex:0 0 auto;
    font-weight:var(--tg-fw-medium);
    font-size:15px;
    pointer-events:none
}

.shop__top-wrap {
    margin:0 0 30px
}

@media (max-width:767.98px) {
    .shop__showing-result {
        text-align:center
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .shop__showing-result {
        text-align:left
}
}

.shop__showing-result p {
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    text-transform:uppercase;
    margin:0 0
}

.shop__ordering {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    margin-left:auto;
    position:relative;
    width:187px
}

@media (max-width:767.98px) {
    .shop__ordering {
        width:200px;
        margin:15px auto 0
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .shop__ordering {
        margin:0 0 0 auto
}
}

.shop__ordering::after {
    content:"\f107";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:var(--tg-icon-font-family);
    font-weight:var(--tg-fw-bold);
    right:20px;
    font-size:14px
}

.shop__ordering select {
    background-image:-moz-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-color:#171d24;
    border:1px solid var(--tg-border-4);
    color:var(--tg-body-color);
    font-weight:var(--tg-fw-medium);
    font-size:14px;
    text-transform:capitalize;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    outline:none;
    padding:12px 40px 12px 20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%
}

@media (max-width:767.98px) {
    .shop__ordering select {
        padding:10px 40px 10px 20px
}
}

.shop__item {
    width:100%;
    height:406px;
    background-image:url(../img/bg/shop_shape.svg);
    background-size:contain;
    background-position:top center;
    background-repeat:no-repeat;
    padding:19px;
    margin:0 0 35px
}

@media (max-width:1199.98px) {
    .shop__item {
        height:395px
}
}

@media (max-width:991.98px) {
    .shop__item {
        height:406px;
        width:298px;
        margin:0 auto 35px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .shop__item {
        height:auto;
        width:100%
}
}

.shop__item-thumb {
    position:relative;
    background:var(--tg-common-color-black);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:262px
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .shop__item-thumb {
        min-height:200px
}
}

.shop__item-thumb img {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .shop__item-thumb img {
        max-height:200px
}
}

.shop__item-thumb .wishlist-button {
    position:absolute;
    top:18px;
    right:18px;
    line-height:1;
    color:var(--tg-body-color)
}

.shop__item-thumb .wishlist-button:hover {
    color:var(--tg-theme-primary)
}

.shop__item-line {
    display:block;
    width:100%;
    background:#f5f6f9;
    background:radial-gradient(circle,#f5f6f9 0%,#fff0 100%);
    height:1px;
    opacity:.15;
    margin:18px 0 25px
}

.shop__item-content-top {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 13px;
    line-height:1
}

.shop__item-content-top .title {
    font-size:18px;
    margin:0 0;
    line-height:1;
    flex-grow:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.shop__item-content-top .title a:hover {
    color:var(--tg-theme-primary)
}

.shop__item-price {
    font-size:18px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    color:var(--tg-theme-primary);
    margin-left:20px
}

.shop__item-cat {
    display:block;
    line-height:1;
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    color:var(--tg-body-color);
    text-transform:uppercase
}

.shop__item-cat a {
    color:var(--tg-body-color)
}

.shop__item-cat a:hover {
    color:var(--tg-theme-primary)
}

.related__products-item {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin-bottom:20px
}

.related__products-item:last-child {
    margin:0 0
}

.related__products-thumb {
    width:80px;
    height:80px;
    flex:0 0 auto;
    margin-right:20px
}

.related__products-thumb img {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    border:1px solid var(--tg-border-4)
}

.related__products-content {
    flex-grow:1
}

.related__products-content .product-name {
    font-size:14px;
    margin:0 0 5px
}

.related__products-content .product-name a:hover {
    color:var(--tg-theme-primary)
}

.related__products-content .amount {
    display:block;
    font-weight:var(--tg-fw-semi-bold);
    font-family:var(--tg-heading-font-family);
    font-size:15px
}

.product-categories li {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    font-size:14px;
    line-height:1;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    padding-bottom:18px;
    margin-bottom:18px;
    border-bottom:1px solid var(--tg-border-4)
}

.product-categories li:last-child {
    margin-bottom:10px;
    padding-bottom:0;
    border:none
}

.product-categories li:hover {
    color:var(--tg-common-color-white)
}

.product-categories li a {
    display:block;
    color:var(--tg-body-color);
    text-transform:uppercase
}

.product-categories li a:hover {
    color:var(--tg-common-color-white)
}

.product-categories li .float-right {
    margin-left:auto
}

.shop__details-images-wrap {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    width:55%;
    flex:0 0 auto
}

@media (max-width:1199.98px) {
    .shop__details-images-wrap {
        flex-direction:column-reverse
}
}

@media (max-width:991.98px) {
    .shop__details-images-wrap {
        width:80%;
        margin:0 0 50px
}
}

@media (max-width:767.98px) {
    .shop__details-images-wrap {
        width:100%
}
}

.shop__details-images-wrap .nav-tabs {
    flex-direction:column;
    width:93px;
    flex:0 0 auto;
    gap:13px;
    margin-right:18px
}

@media (max-width:1199.98px) {
    .shop__details-images-wrap .nav-tabs {
        flex-direction:row;
        width:100%;
        gap:15px;
        margin:15px 0 0
}
}

.shop__details-images-wrap .nav-tabs .nav-item {
    margin:0 0;
    filter:drop-shadow(0 0 .3rem rgb(19 19 19 / .49))
}

.shop__details-images-wrap .nav-tabs .nav-link {
    padding:9px;
    display:block;
    width:100%;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 0);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    background:#1b242e
}

.shop__details-images-wrap .nav-tabs .nav-link img {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px
}

.shop__details-images-wrap .tab-content {
    filter:drop-shadow(0 0 .75rem rgb(19 19 19 / .49))
}

.shop__details-images-wrap .tab-pane {
    padding:19px;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    background:#1b242e
}

@media (max-width:767.98px) {
    .shop__details-images-wrap .tab-pane {
        padding:16px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .shop__details-images-wrap .tab-pane {
        padding:19px
}
}

.shop__details-images-wrap .tab-pane img {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px
}

.shop__details-images-wrap .tab-pane.active {
    animation:none!important
}

.shop__details-content {
    width:44%;
    flex:0 0 auto;
    margin-left:auto
}

@media (max-width:991.98px) {
    .shop__details-content {
        width:100%;
        margin:0 0
}
}

.shop__details-content .title {
    font-size:40px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1.5px;
    margin:0 0 13px
}

@media (max-width:767.98px) {
    .shop__details-content .title {
        font-size:32px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .shop__details-content .title {
        font-size:40px
}
}

.shop__details-rating {
    font-size:13px;
    margin:0 0 8px
}

.shop__details-rating i {
    color:var(--tg-common-color-rating)
}

.shop__details-rating .rating-count {
    margin-left:5px;
    font-weight:var(--tg-fw-medium)
}

.shop__details-price {
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    margin:13px 0 28px
}

.shop__details-price .amount {
    font-size:18px;
    color:var(--tg-common-color-white)
}

.shop__details-price .stock-status {
    font-size:16px;
    color:var(--tg-theme-primary)
}

.shop__details-short-description {
    margin:0 0 27px
}

.shop__details-short-description p {
    font-weight:var(--tg-fw-medium)
}

.shop__details-model {
    margin:0 0 35px
}

.shop__details-model .model {
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-common-color-white)
}

.shop__details-model ul {
    gap:10px;
    margin-left:15px
}

.shop__details-model ul li {
    display:block;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .18);
    border-width:.25px;
    border-color:#282f36;
    border-style:solid;
    border-radius:2px;
    background:#1b242e;
    text-transform:uppercase;
    font-weight:var(--tg-fw-extra-bold);
    font-size:13px;
    font-family:var(--tg-heading-font-family);
    line-height:1;
    padding:7px 17px;
    cursor:pointer
}

.shop__details-model ul li.active {
    border-color:var(--tg-common-color-rating);
    background:var(--tg-common-color-rating);
    color:var(--tg-common-color-black)
}

.shop__details-qty {
    padding:30px 0 0;
    border-top:1px solid #1b242e
}

.shop__details-qty>* {
    gap:12px
}

.shop__details-qty .quantity {
    position:relative;
    width:99px
}

.shop__details-qty .quantity input {
    width:100%;
    border-width:.25px;
    border-color:#282f36;
    border-style:solid;
    border-radius:3px;
    background:#1b242e;
    height:53px;
    padding:13px 40px 13px 25px;
    font-weight:var(--tg-fw-extra-bold);
    font-size:14px;
    font-family:var(--tg-heading-font-family)
}

.shop__details-qty .quantity .qtybutton-box {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    position:absolute;
    top:0;
    right:18px;
    height:100%;
    line-height:1;
    align-items:center;
    justify-content:center
}

.shop__details-qty .quantity .qtybutton-box span {
    cursor:pointer
}

.shop__details-cart-btn {
    display:block;
    width:160px;
    height:53px;
    text-align:center;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-extra-bold);
    font-size:15px;
    text-transform:uppercase;
    color:var(--tg-common-color-black);
    letter-spacing:1px;
    background-color:var(--tg-theme-primary);
    border:none;
    -webkit-clip-path:path("M8,0H152a8,8,0,0,1,8,8V33.63C160,37.36,140,53,140,53H8a8,8,0,0,1-8-8V8A8,8,0,0,1,8,0Z");
    clip-path:path("M8,0H152a8,8,0,0,1,8,8V33.63C160,37.36,140,53,140,53H8a8,8,0,0,1-8-8V8A8,8,0,0,1,8,0Z")
}

.shop__details-cart-btn:hover {
    color:var(--tg-common-color-black);
    background-color:var(--tg-theme-secondary)
}

.shop__details-bottom {
    margin:34px 0 0
}

.shop__details-bottom>div {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:baseline
}

.shop__details-bottom>div:not(:last-child) {
    margin-bottom:13px
}

.shop__details-bottom b {
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-semi-bold);
    margin-right:6px
}

.shop__details-bottom a {
    display:inline-block;
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    color:var(--tg-body-color);
    margin-left:5px
}

.shop__details-bottom a:hover {
    color:var(--tg-theme-primary)
}

.shop__details-bottom .product_share a:not(:last-child) {
    margin-right:10px
}

.animation-none {
    animation:none!important
}

.product__desc-wrap {
    margin:90px 0 0
}

.product__desc-wrap .nav {
    border-bottom:1px solid var(--tg-border-5);
    margin:0 0 5px
}

@media (max-width:767.98px) {
    .product__desc-wrap .nav {
        margin:0 0 20px;
        padding-bottom:15px;
        gap:5px 25px
}
}

.product__desc-wrap .nav-item {
    margin:0 0 -1px
}

.product__desc-wrap .nav-link {
    padding:11px 25px;
    text-transform:uppercase;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-body-color);
    border:1px solid #fff0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px
}

@media (max-width:767.98px) {
    .product__desc-wrap .nav-link {
        padding:0 0;
        border:none;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -o-border-radius:0;
        -ms-border-radius:0;
        border-radius:0
}
}

.product__desc-wrap .nav-link:hover {
    border-color:#fff0
}

.product__desc-wrap .nav-link.active {
    color:var(--tg-theme-primary);
    border-color:#282f36;
    background:#1b242e
}

@media (max-width:767.98px) {
    .product__desc-wrap .nav-link.active {
        background:#fff0
}
}

.product__desc-wrap .tab-content {
    background:#161e26;
    padding:25px 30px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}

@media (max-width:1199.98px) {
    .product__desc-wrap .tab-content {
        padding:25px 25px
}
}

.product__desc-wrap .tab-content p {
    font-weight:var(--tg-fw-medium)
}

.product__desc-wrap .tab-content table {
    margin:0 0
}

.product__desc-wrap .tab-content table th,.product__desc-wrap .tab-content table td {
    padding:10px 25px;
    border-color:#30363d;
    border:1px solid #30363d
}

@media (max-width:767.98px) {
    .product__desc-wrap .tab-content table th,.product__desc-wrap .tab-content table td {
        padding:10px 20px
}
}

.product__desc-wrap .tab-content table th {
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-semi-bold);
    width:25%
}

@media (max-width:1199.98px) {
    .product__desc-wrap .tab-content table th {
        width:30%
}
}

@media (max-width:991.98px) {
    .product__desc-wrap .tab-content table th {
        width:40%
}
}

@media (max-width:767.98px) {
    .product__desc-wrap .tab-content table th {
        width:auto
}
}

.product__desc-wrap .tab-content table td {
    color:var(--tg-body-color);
    font-weight:var(--tg-fw-medium);
    font-style:italic
}

.product__desc-review {
    padding:25px 30px;
    border:1px solid #30363d;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}

@media (max-width:767.98px) {
    .product__desc-review {
        padding:20px 20px
}
}

.related__product-wrapper {
    padding:110px 0 0
}

.related__product-wrapper .related-title {
    font-size:36px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:2px;
    margin:0 0 35px
}

@media (max-width:991.98px) {
    .related__product-wrapper .related-title {
        text-align:center
}
}

.shop__category {
    background:#1F212D;
    text-align:center;
    padding:25px;
    position:relative;
    overflow:hidden;
    z-index:1
}

.shop__category:before,.shop__category:after {
    content:"";
    position:absolute;
    width:305px;
    height:305px;
    background:#45F882;
    filter:blur(150px);
    z-index:-1;
    left:50%;
    bottom:0;
    transform:translate(-50%,50%);
    transition:0.4s;
    opacity:0
}

.shop__category:after {
    clip-path:polygon(51% 0,51% 0,0 100%,20% 100%,51% 40%,80% 100%,100% 100%,100% 100%);
    background:rgb(14 15 23 / .5);
    filter:none;
    height:0;
    width:400px;
    left:50%;
    bottom:0;
    transform:translate(-50%,0)
}

.shop__category .shop__category-thumb {
    height:230px
}

.shop__category .shop__category-thumb img {
    height:100%;
    object-fit:contain
}

.shop__category .shop__category-content {
    padding-top:25px
}

.shop__category .shop__category-content .title {
    font-size:24px;
    font-weight:700;
    margin-bottom:0
}

.shop__category .shop__category-content .title a {
    color:var(--tg-common-color-white)
}

.shop__category .shop__category-content .title a:hover {
    color:var(--tg-theme-secondary)
}

.shop__category:hover:before,.shop__category:hover:after {
    opacity:1
}

.shop__category:hover:after {
    height:118%
}

.shop__item2 {
    background:#1F222D;
    position:relative;
    overflow:hidden;
    z-index:1
}

.shop__item2:before,.shop__item2:after {
    content:"";
    position:absolute;
    width:305px;
    height:305px;
    background:#45F882;
    filter:blur(150px);
    z-index:-1;
    right:0;
    bottom:50%;
    transform:translate(50%,50%);
    transition:0.4s;
    opacity:0
}

.shop__item2:after {
    clip-path:polygon(51% 0,51% 0,0 100%,20% 100%,51% 40%,80% 100%,100% 100%,100% 100%);
    background:rgb(14 15 23 / .5);
    filter:none;
    height:0;
    width:400px;
    left:50%;
    bottom:0;
    transform:translate(-40%,0)
}

.shop__item2 .shop__item-thumb {
    position:relative;
    background:#fff0;
    height:262px
}

.shop__item2 .shop__item-thumb img {
    height:100%;
    max-height:none
}

.shop__item2 .shop__item-thumb .actions-btn-wrap {
    position:absolute;
    bottom:0;
    right:30px
}

.shop__item2 .shop__item-thumb .actions-btn-wrap .icon-btn {
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    background:var(--tg-theme-primary);
    display:inline-block;
    color:var(--tg-common-color-black);
    text-align:center
}

.shop__item2 .shop__item-thumb .actions-btn-wrap .action-btn {
    display:block;
    position:absolute;
    bottom:0;
    opacity:0;
    transition:0.4s
}

.shop__item2 .shop__item-thumb .actions-btn-wrap .action-btn .icon-btn {
    background:var(--tg-common-color-white);
    color:var(--tg-common-color-black);
    display:block
}

.shop__item2 .shop__item-thumb .actions-btn-wrap .action-btn .icon-btn:not(:last-child) {
    margin-bottom:10px
}

.shop__item2 .shop__item-thumb .actions-btn-wrap .action-btn .icon-btn:hover {
    background:var(--tg-theme-primary)
}

.shop__item2 .shop__item-content {
    padding:20px 30px 40px
}

@media (max-width:1500px) {
    .shop__item2 .shop__item-content {
        padding:20px 25px 30px
}
}

.shop__item2 .shop__item-content .shop__item-rating {
    font-size:16px;
    font-weight:600;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    margin-bottom:11px
}

.shop__item2 .shop__item-content .shop__item-rating i {
    margin-right:5px
}

.shop__item2 .shop__item-content .title {
    font-size:20px;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:10px
}

.shop__item2 .shop__item-content .shop__item-price {
    margin-left:0;
    margin-bottom:-.3em;
    font-size:24px;
    font-weight:700
}

.shop__item2:hover .shop__item-thumb .actions-btn-wrap .action-btn {
    opacity:1
}

.shop__item2:hover:before,.shop__item2:hover:after {
    opacity:1
}

.shop__item2:hover:after {
    height:118%
}

.deal-active .shop__item2 .shop__item-thumb {
    height:auto;
    min-height:auto;
    padding:30px 30px 0
}

.deal-active .shop__item2 .shop__item-thumb img {
    height:346px;
    object-fit:contain
}

.deal-active .shop__item2 .shop__item-content .title {
    font-size:30px;
    margin-bottom:0
}

@media (max-width:1500px) {
    .deal-active .shop__item2 .shop__item-content .title {
        font-size:26px
}
}

@media (max-width:767.98px) {
    .deal-active .shop__item2 .shop__item-content .title {
        font-size:20px
}
}

.deal-active .shop__item2 .shop__item-content .shop__item-price {
    font-size:40px;
    margin-bottom:-.44em
}

@media (max-width:1500px) {
    .deal-active .shop__item2 .shop__item-content .shop__item-price {
        font-size:28px
}
}

.deal-active .swiper-scrollbar {
    background:rgb(69 248 130 / .49);
    margin-top:40px
}

.deal-active.swiper-container-horizontal>.swiper-scrollbar {
    border-radius:0;
    height:4px;
    width:100%;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    cursor:pointer;
    max-width:calc(100% - 30px)
}

.deal-active.swiper-container-horizontal .swiper-scrollbar-drag {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    height:8px;
    top:-2px;
    background:var(--tg-theme-primary)
}

@media (max-width:767.98px) {
    .deal-active .shop__item2 .shop__item-thumb img {
        height:250px
}
}

@media (max-width:375px) {
    .deal-active .shop__item2 .shop__item-thumb img {
        height:230px
}
}

.deal__area {
    position:relative;
    background-size:cover
}

@media (max-width:991.98px) {
    .deal__area {
        padding-left:40px;
        padding-right:40px
}
}

@media (max-width:767.98px) {
    .deal__area {
        padding-left:15px;
        padding-right:15px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .deal__area {
        padding-left:40px;
        padding-right:40px
}
}

.blog-area {
    padding:120px 0
}

.blog-post-wrapper {
    width:69%;
    flex:0 0 auto
}

@media (max-width:1199.98px) {
    .blog-post-wrapper {
        width:65%
}
}

@media (max-width:991.98px) {
    .blog-post-wrapper {
        width:100%
}
}

.blog-post-wrapper .pagination__wrap {
    margin:60px 0 0
}

.blog-post-wrapper .pagination__wrap ul {
    justify-content:flex-start!important
}

@media (max-width:991.98px) {
    .blog-post-wrapper .pagination__wrap ul {
        justify-content:center!important
}
}

.blog-post-item {
    margin:0 0 50px
}

.blog-post-thumb img {
    max-width:100%
}

.blog-post-content {
    background:#182029;
    padding:40px 45px 40px 40px;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0);
    border:1px solid #232a30
}

@media (max-width:1199.98px) {
    .blog-post-content {
        padding:35px 30px
}
}

@media (max-width:767.98px) {
    .blog-post-content {
        padding:30px 25px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .blog-post-content {
        padding:40px 30px
}
}

.blog-post-content .title {
    font-size:32px;
    letter-spacing:1px;
    margin:0 0 23px
}

@media (max-width:767.98px) {
    .blog-post-content .title {
        font-size:24px;
        letter-spacing:0;
        margin:0 0 18px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .blog-post-content .title {
        font-size:28px
}
}

.blog-post-content .title a:hover {
    color:var(--tg-theme-primary)
}

.blog-post-content p {
    font-weight:var(--tg-fw-medium)
}

.blog-post-meta {
    margin:0 0 17px
}

.blog-post-meta ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 40px
}

@media (max-width:767.98px) {
    .blog-post-meta ul {
        gap:10px 25px
}
}

.blog-post-meta ul li {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:5px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:var(--tg-fw-semi-bold);
    line-height:1
}

.blog-post-meta ul li i {
    color:var(--tg-theme-primary);
    margin-right:5px
}

.blog-post-meta ul li a {
    display:block;
    color:var(--tg-body-color)
}

.blog-post-meta ul li a:hover {
    color:var(--tg-theme-primary)
}

.blog-post-bottom {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px 0;
    margin:35px 0 0
}

.blog-post-read {
    margin-right:20px
}

.blog-post-read a {
    display:block;
    line-height:1;
    font-size:14px;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-body-color);
    font-family:var(--tg-body-font-family);
    letter-spacing:.5px
}

.blog-post-read a i {
    font-size:16px;
    color:var(--tg-theme-primary);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    margin-left:4px
}

.blog-post-read a:hover {
    color:var(--tg-theme-primary)
}

.blog-post-read a:hover i {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
}

.blog-post-share {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

.blog-post-share .share {
    margin:0 0;
    font-size:14px;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-body-color);
    font-family:var(--tg-body-font-family);
    letter-spacing:1px
}

.blog-post-share ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}

.blog-post-share ul li {
    margin-left:16px
}

.blog-post-share ul a {
    display:block;
    line-height:1;
    font-size:14px;
    color:var(--tg-body-color)
}

.blog-post-share ul a:hover {
    color:var(--tg-theme-primary)
}

.blog-post-sidebar {
    width:31%;
    flex:0 0 auto
}

@media (max-width:1199.98px) {
    .blog-post-sidebar {
        width:35%
}
}

@media (max-width:991.98px) {
    .blog-post-sidebar {
        width:50%
}
}

@media (max-width:767.98px) {
    .blog-post-sidebar {
        width:100%
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .blog-post-sidebar {
        width:80%
}
}

.blog-sidebar {
    margin-left:20px
}

@media (max-width:991.98px) {
    .blog-sidebar {
        margin:100px 0 0
}
}

.blog-widget {
    margin:0 0 50px
}

.blog-widget:last-child {
    margin:0 0
}

.blog-details-area .blog-post-item {
    margin:0 0 65px
}

.blog-details-area .blog-post-thumb {
    margin:0 0 35px
}

@media (max-width:767.98px) {
    .blog-details-area .blog-post-thumb {
        margin:0 0 25px
}
}

.blog-details-content {
    background:#fff0;
    padding:0 0;
    -webkit-clip-path:none;
    clip-path:none;
    border:none
}

.blog-details-content p {
    font-weight:var(--tg-fw-regular)
}

.blog-details-inner {
    margin:35px 0 30px
}

.blog-details-inner .inner-title {
    margin:0 0 15px
}

.blog-details-inner-img {
    margin:0 0 30px
}

.blog-details-bottom {
    padding-top:25px;
    border-top:2px solid #19222b;
    margin:65px 0 0
}

.blog-details-bottom>* {
    row-gap:15px
}

.blog-details-bottom .tg-post-tags {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-start
}

.blog-details-bottom .tg-post-tags ul {
    line-height:1
}

.blog-details-bottom .tg-post-tags ul li {
    font-size:14px;
    text-transform:uppercase;
    font-weight:var(--tg-fw-medium);
    margin-right:8px
}

.blog-details-bottom .tg-post-tags ul li a {
    display:inline-block;
    line-height:1;
    color:var(--tg-body-color);
    font-weight:var(--tg-fw-medium)
}

.blog-details-bottom .tg-post-tags ul li a:hover {
    color:var(--tg-theme-primary)
}

.blog-details-bottom .tags-title {
    font-size:14px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    font-family:var(--tg-body-font-family);
    line-height:1;
    margin:0 13px 0 0
}

.blog-details-bottom .blog-post-share ul a {
    color:var(--tg-common-color-white);
    font-size:16px
}

.blog-details-bottom .blog-post-share ul a:hover {
    color:var(--tg-theme-primary)
}

blockquote {
    padding-left:80px;
    position:relative;
    margin:27px 0 28px;
    font-size:20px;
    color:var(--tg-common-color-white);
    line-height:1.5;
    font-style:italic
}

@media (max-width:767.98px) {
    blockquote {
        padding:0;
        text-align:center;
        font-size:18px
}
}

blockquote::before {
    content:"\f137";
    position:absolute;
    left:0;
    top:0;
    font-family:"Flaticon";
    color:var(--tg-theme-primary);
    font-size:52px;
    line-height:1;
    font-style:normal
}

@media (max-width:767.98px) {
    blockquote::before {
        position:relative;
        display:block;
        font-size:40px;
        margin:0 0 7px
}
}

blockquote p {
    font-size:20px;
    color:var(--tg-common-color-white);
    line-height:1.5;
    font-style:italic;
    font-weight:var(--tg-fw-medium)!important
}

@media (max-width:767.98px) {
    blockquote p {
        font-size:18px
}
}

.blog__avatar-wrap {
    overflow:hidden;
    padding:20px 55px 20px 30px;
    display:flex;
    align-items:center;
    border:1px solid #232a30;
    background:#182029;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px
}

@media (max-width:1199.98px) {
    .blog__avatar-wrap {
        padding:20px 45px 20px 30px
}
}

@media (max-width:767.98px) {
    .blog__avatar-wrap {
        display:block;
        text-align:center;
        padding:35px 25px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .blog__avatar-wrap {
        padding:30px 30px
}
}

.blog__avatar-img {
    margin-right:30px;
    width:145px;
    flex:0 0 auto
}

@media (max-width:1199.98px) {
    .blog__avatar-img {
        margin-right:30px;
        width:130px
}
}

@media (max-width:767.98px) {
    .blog__avatar-img {
        margin:0 auto 25px
}
}

.blog__avatar-img img {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    height:145px;
    object-fit:cover
}

@media (max-width:1199.98px) {
    .blog__avatar-img img {
        height:130px
}
}

.blog__avatar-info .designation {
    font-size:13px;
    color:var(--tg-theme-secondary);
    font-weight:var(--tg-fw-semi-bold);
    display:block;
    margin-bottom:3px;
    text-transform:uppercase;
    letter-spacing:1px
}

.blog__avatar-info .name {
    font-size:20px;
    margin-bottom:12px
}

.blog__avatar-info .name a:hover {
    color:var(--tg-theme-primary)
}

.blog__avatar-info p {
    margin:0 0 0
}

.comments-wrap-title {
    font-size:24px;
    letter-spacing:1px;
    margin:0 0 40px
}

.comments-box {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-start;
    padding-bottom:40px;
    margin-bottom:40px;
    border-bottom:1px solid #19222b
}

@media (max-width:767.98px) {
    .comments-box {
        display:block;
        margin-bottom:30px;
        padding-bottom:30px
}
}

.comments-avatar {
    margin-right:25px;
    width:132px;
    flex:0 0 auto
}

@media (max-width:1199.98px) {
    .comments-avatar {
        width:100px
}
}

@media (max-width:767.98px) {
    .comments-avatar {
        margin:0 0 15px
}
}

.comments-avatar img {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}

.comments-text {
    flex-grow:1
}

.comments-text .avatar-name {
    overflow:hidden;
    margin-bottom:10px;
    position:relative
}

.comments-text .avatar-name .name {
    font-size:18px;
    margin-bottom:3px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    letter-spacing:1px;
    margin-top:0
}

.comments-text .avatar-name .date {
    display:block;
    text-transform:uppercase;
    font-size:14px;
    font-weight:var(--tg-fw-medium)
}

.comments-text .comment-reply-link {
    font-size:16px;
    letter-spacing:1.5px
}

.comments-text .comment-reply-link i {
    color:var(--tg-theme-primary);
    margin-right:3px
}

.comments-text .comment-reply-link:hover {
    color:var(--tg-theme-primary)
}

.comments-text p {
    margin:0 0
}

.latest-comments {
    margin:0 0 70px
}

.latest-comments .children {
    margin:0 0 0 80px;
    padding:0
}

@media (max-width:767.98px) {
    .latest-comments .children {
        margin:0 0
}
}

.comment-reply-title {
    font-size:24px;
    letter-spacing:1px;
    margin:0 0 17px
}

.comment-form .form-grp {
    position:relative;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    margin:0 0 30px
}

.comment-form .form-grp::after {
    content:"";
    position:absolute;
    background-color:#19222b;
    width:60px;
    height:2px;
    right:-21px;
    bottom:12px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

.comment-form .form-grp input,.comment-form .form-grp textarea {
    display:block;
    width:100%;
    border:2px solid #19222b;
    background:#fff0;
    color:var(--tg-common-color-white);
    padding:14px 25px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.comment-form .form-grp textarea {
    height:160px;
    max-height:160px
}

.comment-form .form-grp input::placeholder,.comment-form .form-grp textarea::placeholder {
    opacity:.8
}

.comment-form [type=submit] {
    -webkit-clip-path:polygon(100% 0,100% 65%,89% 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% 65%,89% 100%,0 100%,0 0);
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    border:none;
    padding:14px 30px
}

.comment-form [type=submit]:hover {
    background:var(--tg-theme-secondary)
}

.comment-notes {
    margin:0 0 40px
}

@media (max-width:767.98px) {
    .sidebar__author {
        text-align:center
}
}

.sidebar__author-thumb {
    margin:0 0 25px
}

.sidebar__author-content .name {
    font-size:22px;
    letter-spacing:1px;
    margin:0 0 10px
}

.sidebar__author-content p {
    font-weight:var(--tg-fw-medium);
    margin:0 0
}

.sidebar__author-social {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    gap:20px;
    margin:20px 0 0
}

@media (max-width:767.98px) {
    .sidebar__author-social {
        justify-content:center
}
}

.sidebar__author-social a {
    display:block;
    line-height:1;
    color:var(--tg-common-color-white)
}

.sidebar__author-social a:hover {
    color:var(--tg-theme-primary)
}

.sidebar-search-form input {
    display:block;
    width:100%;
    border:none;
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    background:#182029;
    padding:17px 50px 17px 25px;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    border:1px solid #232a30;
    color:var(--tg-common-color-white)
}

.sidebar-search-form input::placeholder {
    text-transform:uppercase;
    font-size:14px;
    color:var(--tg-body-color);
    opacity:.54;
    font-weight:var(--tg-fw-medium)
}

.sidebar-search-form button {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:30px;
    border:none;
    padding:0 0;
    background:#fff0;
    color:var(--tg-common-color-white);
    font-size:18px
}

.sidebar-search-form button:hover {
    color:var(--tg-theme-primary)
}

.fw-title {
    font-size:22px;
    margin:0 0 25px
}

.widget_categories ul li {
    font-size:15px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-body-color);
    text-transform:uppercase;
    position:relative;
    margin-bottom:14px
}

.widget_categories ul li:last-child {
    margin-bottom:0
}

.widget_categories ul li a {
    color:var(--tg-body-color);
    position:relative;
    display:block
}

.widget_categories ul li a::before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:0;
    height:7px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--tg-theme-primary);
    -webkit-border-radius:0 5px 0 0;
    -moz-border-radius:0 5px 0 0;
    -o-border-radius:0 5px 0 0;
    -ms-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
    -webkit-transition:width 0.2s linear;
    -moz-transition:width 0.2s linear;
    -ms-transition:width 0.2s linear;
    -o-transition:width 0.2s linear;
    transition:width 0.2s linear
}

.widget_categories ul li a:hover {
    padding-left:18px;
    color:var(--tg-theme-primary)
}

.widget_categories ul li a:hover::before {
    width:7px
}

.widget_categories ul li .float-right {
    position:absolute;
    top:0;
    right:0
}

.rc__post-item {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0 30px 20px 0
}

@media (max-width:1500px) {
    .rc__post-item {
        margin:0 0 20px
}
}

.rc__post-item:last-child {
    margin-bottom:0
}

.rc__post-thumb {
    width:112px;
    height:88px;
    margin-right:24px;
    flex:0 0 auto
}

@media (max-width:1199.98px) {
    .rc__post-thumb {
        width:90px
}
}

@media (max-width:991.98px) {
    .rc__post-thumb {
        width:100px
}
}

.rc__post-thumb img {
    width:100%;
    height:100%;
    object-fit:cover
}

.rc__post-content {
    flex-grow:1
}

.rc__post-content .title {
    font-size:16px;
    line-height:1.3;
    letter-spacing:.5px;
    margin:0 0 5px
}

.rc__post-content .title a:hover {
    color:var(--tg-theme-primary)
}

.rc__post-content .date {
    display:block;
    text-transform:uppercase;
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    letter-spacing:.5px
}

.sidebar__newsletter p {
    font-weight:var(--tg-fw-medium);
    margin:0 0 25px
}

.sidebar__newsletter-form {
    position:relative
}

.sidebar__newsletter-form [type=email] {
    display:block;
    width:100%;
    border:none;
    border-bottom:2px solid #19222b;
    background:#fff0;
    font-size:15px;
    font-weight:var(--tg-fw-medium);
    color:var(--tg-theme-primary);
    padding:0 0 15px
}

.sidebar__newsletter-form [type=email]::placeholder {
    font-size:15px;
    font-weight:var(--tg-fw-medium);
    color:var(--tg-theme-primary)
}

.sidebar__newsletter-form [type=submit] {
    position:absolute;
    top:0;
    right:0;
    border:none;
    background:#fff0;
    font-size:18px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

.sidebar__insta {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:11px
}

.sidebar__insta img {
    width:100%
}

.tagcloud {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-wrap:wrap;
    gap:10px
}

.tagcloud a {
    display:block;
    font-size:14px!important;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    color:var(--tg-body-color);
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 0);
    border:1px solid #232a30;
    background:#182029;
    padding:9px 24px
}

@media (max-width:1500px) {
    .tagcloud a {
        padding:8px 22px
}
}

@media (max-width:767.98px) {
    .tagcloud a {
        padding:6px 20px
}
}

.tagcloud a:hover {
    background:var(--tg-theme-primary);
    border-color:var(--tg-theme-primary);
    color:var(--tg-common-color-black)
}

.section-pt-240 {
    padding-top:240px
}

@media (max-width:1500px) {
    .section-pt-240 {
        padding-top:220px
}
}

@media (max-width:991.98px) {
    .section-pt-240 {
        padding-top:120px;
        border-top:10px solid var(--tg-theme-primary)
}
}

@media (max-width:767.98px) {
    .section-pt-240 {
        padding-top:100px
}
}

.blog-area3-bg-thumb {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:calc(100% + 45px);
    background-position:top center;
    background-size:cover;
    z-index:-1
}

@media (max-width:1500px) {
    .blog-area3-bg-thumb {
        height:calc(100% + 65px)
}
}

@media (max-width:1199.98px) {
    .blog-area3-bg-thumb {
        height:calc(100% + 75px)
}
}

@media (max-width:991.98px) {
    .blog-area3-bg-thumb {
        display:none
}
}

.blog-card {
    border:10px solid #1F222D;
    background:#12141D;
    box-shadow:0 4px 41px rgb(0 0 0 / .53)
}

.blog-card .blog-card-img {
    overflow:hidden
}

.blog-card .blog-card-img img {
    width:100%
}

.blog-card .blog-card-content {
    padding:40px
}

.blog-card .blog-card-title {
    font-size:24px;
    font-weight:700;
    line-height:1.416em;
    margin-bottom:25px
}

.blog-card .blog-post-read {
    display:flex
}

.blog-card .blog-post-read a {
    display:inline-block;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:var(--tg-common-color-white);
    position:relative;
    padding-bottom:10px
}

.blog-card .blog-post-read a:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--tg-common-color-white);
    transition:0.4s
}

.blog-card .blog-post-read a:hover {
    color:var(--tg-theme-secondary)
}

.blog-card .blog-post-read a:hover:after {
    background:var(--tg-theme-secondary)
}

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

@media (max-width:1199.98px) {
    .blog-card .blog-card-title {
        font-size:20px
}
}

@media (max-width:991.98px) {
    .blog-card .blog-card-content {
        padding:30px
}
}

@media (max-width:375px) {
    .blog-card .blog-post-meta ul li {
        font-size:12px
}
}

.contact-area {
    padding:140px 0 125px
}

.contact__content {
    margin-right:50px;
    position:relative;
    z-index:1
}

@media (max-width:1500px) {
    .contact__content {
        margin-right:0
}
}

.contact__content .overlay-title {
    font-size:90px;
    line-height:.8;
    font-weight:var(--tg-fw-extra-bold);
    position:absolute;
    left:0;
    top:0;
    right:0;
    -webkit-transform:translateY(calc(-100% + 13px));
    -moz-transform:translateY(calc(-100% + 13px));
    -ms-transform:translateY(calc(-100% + 13px));
    -o-transform:translateY(calc(-100% + 13px));
    transform:translateY(calc(-100% + 13px));
    margin:0 0;
    letter-spacing:4px;
    z-index:-1
}

@media (max-width:767.98px) {
    .contact__content .overlay-title {
        font-size:16vw
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .contact__content .overlay-title {
        font-size:13vw
}
}

.contact__content .overlay-title::after {
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:100%;
    height:100%;
    background:#0f161b;
    background:linear-gradient(0deg,#0f161b 0%,#fff0 100%);
    opacity:.65
}

.contact__content .overlay-title span {
    display:block;
    -webkit-text-fill-color:#fff0;
    -webkit-text-stroke-width:2px;
    -webkit-text-stroke-color:var(--tg-common-color-white);
    opacity:.05
}

.contact__content>.title {
    font-size:45px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0 21px
}

@media (max-width:767.98px) {
    .contact__content>.title {
        font-size:40px
}
}

.contact__content p {
    font-weight:var(--tg-fw-medium);
    margin:0 0 0
}

.contact__content .footer-el-widget {
    margin:30px 0 0!important
}

@media (max-width:991.98px) {
    .contact__form-wrap {
        margin:50px 0 0
}
}

.contact__form-wrap .input-grp {
    position:relative;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    margin:0 0 30px
}

.contact__form-wrap .input-grp::after {
    content:"";
    position:absolute;
    background-color:#262f39;
    width:60px;
    height:1px;
    right:-21px;
    bottom:12px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

.contact__form-wrap .input-grp input,.contact__form-wrap .input-grp textarea {
    display:block;
    width:100%;
    border:1px solid #262f39;
    background:#fff0;
    color:var(--tg-common-color-white);
    padding:15px 25px
}

.contact__form-wrap .input-grp textarea {
    height:148px;
    max-height:148px
}

.contact__form-wrap .input-grp.message-grp {
    margin:0 0 35px
}

.contact__form-wrap .submit-btn {
    -webkit-clip-path:polygon(100% 0,100% 65%,89% 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% 65%,89% 100%,0 100%,0 0);
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    border:none;
    padding:14px 30px
}

.contact__form-wrap .submit-btn:hover {
    background:var(--tg-theme-secondary)
}

.contact__form-wrap .ajax-response {
    margin:0 0
}

.contact__form-wrap .ajax-response.error,.contact__form-wrap .ajax-response.success {
    margin-top:15px
}

.contact__form-wrap .ajax-response.error {
    color:var(--tg-theme-secondary)
}

.contact__form-wrap .ajax-response.success {
    color:var(--tg-theme-primary)
}

.contact-map iframe {
    display:block;
    width:100%;
    height:600px;
    opacity:.8
}

@media (max-width:1500px) {
    .contact-map iframe {
        height:450px
}
}

.contact-list-wrap .footer-contact-link:not(:last-child) {
    margin-bottom:40px
}

.contact__form-wrap4 {
    background:#1F212B;
    padding:60px;
    border-bottom:10px solid #12141D;
    position:relative;
    margin-bottom:10px
}

.contact__form-wrap4:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-10px;
    background:#1F212B;
    height:10px;
    transform:translate(0,100%)
}

.contact__form-wrap4 .input-grp {
    position:relative;
    margin:0 0 20px
}

.contact__form-wrap4 .input-grp input,.contact__form-wrap4 .input-grp textarea {
    display:block;
    width:100%;
    background:#12141D;
    border:0;
    color:var(--tg-common-color-white);
    padding:15px 25px
}

.contact__form-wrap4 .input-grp textarea {
    height:148px;
    max-height:148px
}

.contact__form-wrap4 .input-grp.message-grp {
    margin:0 0 30px
}

.contact__form-wrap4 .ajax-response {
    margin:0 0
}

.contact__form-wrap4 .ajax-response.error,.contact__form-wrap4 .ajax-response.success {
    margin-top:15px
}

.contact__form-wrap4 .ajax-response.error {
    color:var(--tg-theme-secondary)
}

.contact__form-wrap4 .ajax-response.success {
    color:var(--tg-theme-primary)
}

@media (max-width:767.98px) {
    .contact__form-wrap4 {
        padding:40px
}
}

@media (max-width:375px) {
    .contact__form-wrap4 {
        padding:35px
}
}

.singUp-wrap {
    background-color:#121a23;
    background-image:-moz-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    border:1px solid rgb(76 76 76 / .2);
    padding:30px 50px 40px
}

@media (max-width:767.98px) {
    .singUp-wrap {
        padding:30px 20px 30px
}
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .singUp-wrap {
        padding:30px 30px 30px
}
}

.singUp-wrap .title {
    font-size:36px;
    margin-bottom:10px
}

@media (max-width:767.98px) {
    .singUp-wrap .title {
        font-size:26px
}
}

.singUp-wrap p {
    margin-bottom:25px
}

@media (max-width:767.98px) {
    .singUp-wrap p br {
        display:none
}
}

.account__social-btn {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--tg-common-color-black);
    border:1px solid rgb(76 76 76 / .2);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    font-size:16px;
    gap:10px;
    color:var(--tg-common-color-dark);
    padding:10px 20px
}

.account__social-btn:hover {
    color:var(--tg-theme-primary);
    border-color:var(--tg-theme-primary)
}

.account__divider {
    position:relative;
    text-align:center;
    margin-block-end:35px;
    margin-block-start:35px
}

.account__divider::before,.account__divider::after {
    content:"";
    height:1px;
    width:40%;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background:rgb(76 76 76 / .5);
    position:absolute
}

.account__divider::after {
    left:auto;
    right:0
}

.account__divider span {
    font-size:16px;
    color:var(--tg-heading-color)
}

.account__form .form-grp {
    margin-bottom:20px
}

.account__form .form-grp label {
    font-size:16px;
    font-weight:500;
    line-height:1;
    margin-bottom:10px
}

.account__form .form-grp input {
    width:100%;
    padding:14px 20px;
    font-size:16px;
    color:var(--tg-heading-color);
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    line-height:1;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.account__form .form-grp input::placeholder {
    font-weight:400;
    font-size:16px;
    color:var(--tg-body-color);
    opacity:.8;
    text-transform:capitalize
}

.account__form .form-grp input:focus {
    border-color:var(--tg-theme-primary)
}

.account__form .btn {
    width:100%;
    justify-content:center;
    margin-top:30px
}

.account__form .btn.mt-15 {
    margin-top:15px
}

.account__switch {
    margin-top:30px
}

.account__switch p {
    margin-bottom:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px
}

.account__switch p a {
    color:var(--tg-theme-primary);
    text-decoration:underline
}

.account__switch p a:hover {
    color:var(--tg-theme-secondary)
}

.account__check {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:15px;
    justify-content:space-between
}

.account__check-remember {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    gap:5px
}

.account__check-remember input {
    width:20px;
    height:20px;
    margin-inline-end:3px;
    background:var(--tg-common-color-gray)
}

.account__check-remember input:focus {
    box-shadow:none
}

.account__check-remember input:checked {
    background-color:var(--tg-theme-primary);
    border-color:var(--tg-theme-primary)
}

.account__check-remember label {
    user-select:none
}

.account__check-forgot a {
    color:var(--tg-theme-primary);
    font-size:16px;
    text-decoration:underline
}

.account__check-forgot a:hover {
    color:var(--tg-theme-primary)
}

.cart__table {
    margin:0 0
}

.cart__table thead th {
    padding:12px 12px;
    font-weight:600;
    color:var(--tg-common-color-white)
}

@media (max-width:767.98px) {
    .cart__table thead th.product__subtotal,.cart__table thead th.product__price {
        display:none
}
}

.cart__table tbody tr {
    position:relative
}

.cart__table tbody td {
    padding:12px 17px;
    text-align:left;
    line-height:1.1;
    border:none;
    border-top:1px solid #2b3242;
    vertical-align:middle;
    color:var(--tg-body-color)
}

@media (max-width:767.98px) {
    .cart__table tbody td {
        padding:12px 10px
}
}

.cart__table tbody td:first-child {
    padding-left:0
}

.cart__table tbody td a {
    color:var(--tg-theme-primary)
}

.cart__table tbody td.product__name {
    font-weight:500
}

.cart__table tbody td.product__remove {
    padding-right:5px;
    text-align:right
}

.cart__table tbody td.product__remove a {
    font-size:25px
}

.cart__table tbody td.product__quantity {
    text-align:right;
    padding-right:0
}

.cart__table .product__thumb img {
    max-width:70px
}

@media (max-width:767.98px) {
    .cart__table .product__price {
        display:none
}
}

@media (max-width:767.98px) {
    .cart__table .product__remove a {
        position:absolute;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        width:1.375rem;
        height:1.375rem;
        border-radius:50%;
        color:#fff;
        background-color:red;
        font-size:15px!important;
        left:0;
        margin-top:-10px
}
}

@media (max-width:767.98px) {
    .cart__table .product__subtotal {
        display:none
}
}

.cart__table .product__remove {
    padding:0!important;
    width:0!important
}

.cart__actions {
    padding-top:25px!important;
    padding-bottom:10px!important;
    padding-right:0!important
}

.cart__actions-form {
    display:inline-flex;
    align-items:center;
    gap:10px
}

@media (max-width:767.98px) {
    .cart__actions-form {
        width:100%
}
}

.cart__actions-form input {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%;
    margin-bottom:0;
    height:52.5px;
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    color:var(--tg-heading-color);
    padding:0 20px;
    border-radius:2px;
    padding-right:0
}

.cart__collaterals-wrap {
    border:1px solid #2b3242;
    border-radius:0;
    padding:1.25rem;
    height:calc(100% - 8px);
    margin-left:50px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column
}

@media (max-width:1199.98px) {
    .cart__collaterals-wrap {
        margin-left:0
}
}

@media (max-width:991.98px) {
    .cart__collaterals-wrap {
        margin-top:50px
}
}

.cart__collaterals-wrap .title {
    font-size:1.5rem;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:2rem;
    border-bottom:.9375rem;
    border-bottom:1px solid #2b3242
}

.cart__collaterals-wrap .list-wrap {
    padding-bottom:.9375rem
}

.cart__collaterals-wrap .list-wrap li {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:space-between;
    border-bottom:1px solid #2b3242;
    color:var(--tg-heading-color);
    font-size:15px;
    font-weight:600;
    padding:12px 5px
}

.cart__collaterals-wrap .list-wrap li span {
    color:var(--tg-body-color);
    font-weight:400
}

.cart__collaterals-wrap .list-wrap li span.amount {
    font-weight:600;
    color:var(--tg-heading-color);
    font-size:1.25rem
}

.cart__collaterals-wrap .btn {
    width:100%;
    text-align:center;
    justify-content:center;
    margin-top:auto
}

.f-right {
    float:right
}

@media (max-width:767.98px) {
    .f-right {
        float:none
}
}

@media (max-width:767.98px) {
    .update__cart-btn {
        text-align:center!important;
        width:100%;
        margin-top:20px
}
}

@media (max-width:767.98px) {
    .update__cart-btn .btn {
        width:100%;
        text-align:center;
        justify-content:center
}
}

.product__quantity .shop__details-qty {
    border:none;
    padding:0
}

.coupon__code-info {
    background:var(--tg-common-color-gray);
    padding:20px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:5px;
    margin-bottom:25px;
    border-radius:5px
}

@media (max-width:767.98px) {
    .coupon__code-info {
        flex-wrap:wrap
}
}

.coupon__code-info a:hover {
    text-decoration:underline;
    color:var(--tg-theme-primary)
}

.coupon__code-form {
    margin-bottom:35px;
    display:none
}

.coupon__code-form p {
    margin-bottom:15px
}

.coupon__code-form input {
    width:100%;
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    height:55px;
    color:var(--tg-heading-color);
    padding:0 20px;
    margin-bottom:15px;
    border-radius:2px
}

.customer__form-wrap {
    border:1px solid #2b3242;
    padding:30px;
    border-radius:5px
}

@media (max-width:767.98px) {
    .customer__form-wrap {
        padding:25px 20px
}
}

.customer__form-wrap .title {
    display:block;
    font-size:1.5rem;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:.75rem;
    margin-bottom:.75rem;
    border-bottom:1px solid #2b3242;
    color:var(--tg-heading-color);
    font-family:var(--tg-heading-font-family);
    line-height:1
}

@media (max-width:767.98px) {
    .customer__form-wrap .title {
        font-size:1.3rem
}
}

.customer__form-wrap .title.title-two {
    margin-top:20px
}

.customer__form-wrap .form-grp {
    margin-bottom:15px
}

.customer__form-wrap .form-grp.select-grp {
    position:relative
}

.customer__form-wrap .form-grp.select-grp::after {
    content:"\f078";
    position:absolute;
    bottom:13px;
    font-family:"Font Awesome 5 Free";
    font-weight:700;
    right:20px;
    font-size:14px;
    color:var(--tg-theme-primary)
}

.customer__form-wrap .form-grp label {
    display:block;
    margin-bottom:5px;
    color:var(--tg-body-color)
}

.customer__form-wrap .form-grp textarea,.customer__form-wrap .form-grp input {
    width:100%;
    color:var(--tg-heading-color);
    height:53px;
    padding:0 20px;
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    border-radius:2px
}

.customer__form-wrap .form-grp textarea {
    padding:10px 20px 0;
    min-height:120px;
    max-height:120px
}

.customer__form-wrap .form-grp select {
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    color:var(--tg-heading-color);
    font-weight:400;
    font-size:16px;
    text-transform:capitalize;
    border-radius:0;
    outline:none;
    padding:12px 37px 9px 20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    line-height:1.2;
    height:53px;
    cursor:pointer
}

.order__info-wrap {
    border:2px solid var(--tg-theme-primary);
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    padding:30px
}

@media (max-width:991.98px) {
    .order__info-wrap {
        margin-top:50px
}
}

@media (max-width:767.98px) {
    .order__info-wrap {
        padding:25px 20px
}
}

.order__info-wrap>.title {
    font-size:1.5rem;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:.75rem;
    margin-bottom:.75rem;
    border-bottom:1px solid #2b3242
}

.order__info-wrap .list-wrap {
    margin-bottom:20px
}

.order__info-wrap .list-wrap li {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #2b3242;
    color:var(--tg-body-color);
    font-weight:600;
    gap:8px;
    padding:12px 0
}

.order__info-wrap .list-wrap li span {
    color:var(--tg-heading-color);
    display:block;
    line-height:1;
    font-weight:700
}

.order__info-wrap .list-wrap li.title span {
    color:var(--tg-body-color)
}

.order__info-wrap .list-wrap li:last-child span {
    font-size:1.25rem
}

.order__info-wrap p {
    margin-bottom:15px
}

.order__info-wrap p a {
    text-decoration:underline
}

.order__info-wrap p a:hover {
    color:var(--tg-theme-primary)
}

.order__info-wrap .btn {
    width:100%;
    margin-top:10px;
    text-align:center;
    justify-content:center
}

.error-content svg {
    display:block;
    width:100%;
    color:var(--tg-theme-primary);
    margin:0 0 40px
}

@media (max-width:1500px) {
    .error-content svg {
        height:190px
}
}

@media (max-width:1199.98px) {
    .error-content svg {
        height:165px
}
}

@media (max-width:767.98px) {
    .error-content svg {
        height:90px;
        margin-bottom:20px
}
}

.error-content .title {
    font-size:45px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1px;
    margin:0 0 20px
}

@media (max-width:767.98px) {
    .error-content .title {
        font-size:35px;
        line-height:1.1;
        margin:0 0 10px
}
}

.error-content p {
    font-size:18px;
    margin:0 0 30px
}

@media (max-width:767.98px) {
    .error-content p {
        font-size:16px
}
}

.pagination__wrap {
    margin:20px 0 0
}

.pagination__wrap ul {
    gap:10px 15px
}

@media (max-width:767.98px) {
    .pagination__wrap ul {
        gap:10px
}
}

.pagination__wrap .page-numbers {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    background-image:-moz-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-color:#171d24;
    border:1px solid var(--tg-border-4);
    color:var(--tg-body-color);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold)
}

@media (max-width:767.98px) {
    .pagination__wrap .page-numbers {
        width:40px;
        height:40px;
        font-size:14px
}
}

.pagination__wrap .page-numbers.current {
    background-image:none;
    border-color:var(--tg-theme-primary);
    background-color:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2)
}

.footer__top-wrap {
    padding:80px 0 30px;
    border-top:1px solid #151d23
}

.footer-widget {
    margin:0 0 50px
}

.footer-widget .fw-title {
    font-size:20px;
    margin:0 0 28px
}

@media (max-width:767.98px) {
    .footer-widget .fw-title {
        margin:0 0 20px
}
}

.footer-widget ul li {
    margin:0 0 6px
}

.footer-widget ul li a {
    font-size:15px;
    display:inline-block;
    color:var(--tg-body-color);
    position:relative
}

.footer-widget ul li a:hover {
    color:var(--tg-theme-primary)
}

.footer-widget.widget_nav_menu ul li a::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--tg-theme-primary);
    -webkit-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:scale(0,1);
    -ms-transform:scale(0,1);
    transform:scale(0,1);
    transition:transform 0.4s cubic-bezier(.74,.72,.27,.24)
}

.footer-widget.widget_nav_menu ul li a:hover::after {
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
    -webkit-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1)
}

.footer-logo {
    margin:0 0 30px
}

.footer-text {
    margin-right:30px
}

.footer-style-one .footer__top-wrap {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 88px 0 36px;
    border-top: 0;
    border-bottom: 0;
    background:
        radial-gradient(circle at 12% 0%, rgba(69, 248, 130, 0.12), transparent 28%),
        radial-gradient(circle at 88% 0%, rgba(81, 145, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(6, 10, 12, 0.98) 0%, rgba(3, 5, 7, 0.99) 100%);
    box-shadow: 0 -28px 80px rgba(0, 0, 0, 0.32);
}

.footer-style-one .footer__top-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 24%);
}

.footer-style-one .footer__top-wrap .container,
.footer-style-one .copyright__wrap .container {
    position: relative;
    z-index: 1;
}

.footer-style-one .footer-logo img {
    display: block;
    width: min(100%, 230px);
    max-width: 230px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.24));
}

.footer-style-one .footer-widget {
    margin-bottom: 36px;
}

@media (min-width:1200px) {
    .footer-style-one .footer-columns {
        display: flex;
        flex-wrap: nowrap;
        gap: 24px;
        align-items: start;
    }

    .footer-style-one .footer-columns > [class*=col-] {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        max-width: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .footer-style-one .footer-topColumns {
        align-items: flex-start;
    }

    .footer-style-one .footer-brandCol {
        flex: 0 0 280px;
        width: 280px;
        max-width: 280px;
    }

    .footer-style-one .footer-brandCol + [class*=col-] {
        margin-left: 100px;
    }

    .footer-style-one .footer-text {
        margin-right: 0;
        max-width: 280px;
        width: 100%;
    }
}

.footer-style-one .copyright__wrap {
    position: relative;
    background: linear-gradient(180deg, rgba(4, 8, 10, 0.98) 0%, rgba(2, 4, 6, 0.99) 100%);
}

@media (max-width:767.98px) {
    .footer-text {
        margin-right:0
}
}

.footer-text .desc {
    margin:0 0 25px;
    font-size:15px
}

.footer-text .social-title {
    margin:0 0 10px;
    font-size:12px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    color:#ecebeb;
    line-height:1
}

.footer-text .social-title span {
    color:var(--tg-theme-primary)
}

.footer-social {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px
}

.footer-social a {
    display:block
}

.footer-social img {
    max-width:60px
}

.footer__country {
    margin:0 0 100px
}

.footer__country-name {
    line-height:1
}

.footer__country-name .text {
    margin:0 0;
    font-size:90px;
    text-transform:capitalize;
    color:#fff0;
    -webkit-text-stroke-width:2px;
    -webkit-text-stroke-color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    display:inline-block;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    line-height:.85;
    opacity:.66
}

@media (max-width:767.98px) {
    .footer__country-name .text {
        display:block;
        font-size:12vw;
        -webkit-text-stroke-width:1px;
        line-height:.9
}
}

.footer__country-name .text:hover {
    opacity:1
}

.footer__country-name .text::selection {
    -webkit-text-stroke-color:#fff0
}

.footer-style-two {
    background-color:var(--tg-common-color-black-6);
    position:relative;
    overflow:hidden;
    z-index:1
}

.footer-style-two::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:url(../img/bg/footer_shape.png);
    width:100%;
    height:100%;
    background-position:top center;
    background-size:cover;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:all 2.5s ease-out 0s;
    -moz-transition:all 2.5s ease-out 0s;
    -ms-transition:all 2.5s ease-out 0s;
    -o-transition:all 2.5s ease-out 0s;
    transition:all 2.5s ease-out 0s;
    z-index:-1
}

.footer-style-two.active-footer::before {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}

.footer__two-widgets {
    margin:0 0 20px
}

.footer-el-widget {
    margin:0 0 50px
}

.footer-el-widget:not(.widget_nav_menu) {
    margin-top:30px
}

@media (max-width:767.98px) {
    .footer-el-widget:not(.widget_nav_menu) {
        margin-top:0
}
}

.footer-el-widget .title {
    position:relative;
    font-size:18px;
    padding-left:30px;
    letter-spacing:1px;
    margin:0 0 20px
}

.footer-el-widget .title::before,.footer-el-widget .title::after {
    content:"\f0d9";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:var(--tg-icon-font-family);
    font-size:20px
}

.footer-el-widget .title::after {
    content:"\f0da";
    color:var(--tg-theme-primary);
    left:11px
}

.footer-el-widget.text-start .title {
    padding-left:0;
    padding-right:30px
}

@media (max-width:767.98px) {
    .footer-el-widget.text-start .title {
        padding-left:30px;
        padding-right:0
}
}

.footer-el-widget.text-start .title::before {
    left:auto;
    right:11px
}

@media (max-width:767.98px) {
    .footer-el-widget.text-start .title::before {
        left:0;
        right:auto
}
}

.footer-el-widget.text-start .title::after {
    content:"\f0da";
    color:var(--tg-theme-primary);
    left:auto;
    right:0
}

@media (max-width:767.98px) {
    .footer-el-widget.text-start .title::after {
        left:11px;
        right:auto
}
}

.footer-el-widget>ul.list-wrap li {
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-medium);
    color:#e2e1e1
}

@media (max-width:991.98px) {
    .footer-el-widget>ul.list-wrap li br {
        display:none
}
}

.footer-el-widget>ul.list-wrap li a {
    color:#e2e1e1
}

.footer-el-widget>ul.list-wrap li a:hover {
    color:var(--tg-theme-primary)
}

.footer-el-widget.widget_nav_menu ul li {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    margin:0 0 13px
}

@media (max-width:767.98px) {
    .footer-el-widget.widget_nav_menu ul li {
        justify-content:flex-start;
        margin:0 0 10px
}
}

.footer-el-widget.widget_nav_menu ul li:last-child {
    margin:0 0
}

.footer-el-widget.widget_nav_menu ul li a {
    display:block;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    color:#e2e1e1;
    position:relative
}

.footer-el-widget.widget_nav_menu ul li a::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    width:42px;
    height:1px;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(0deg);
    -moz-transform:translateY(-50%) rotate(0deg);
    -ms-transform:translateY(-50%) rotate(0deg);
    -o-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
    background:var(--tg-theme-primary);
    margin:0 auto;
    opacity:0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}

.footer-el-widget.widget_nav_menu ul li a:hover {
    color:var(--tg-theme-primary)
}

.footer-el-widget.widget_nav_menu ul li a:hover::before {
    opacity:1;
    -webkit-transform:translateY(-50%) rotate(-40deg);
    -moz-transform:translateY(-50%) rotate(-40deg);
    -ms-transform:translateY(-50%) rotate(-40deg);
    -o-transform:translateY(-50%) rotate(-40deg);
    transform:translateY(-50%) rotate(-40deg)
}

.footer-el-logo img {
    display:block;
    max-width:165px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.footer-newsletter p {
    margin:0 0 25px;
    font-size:15px
}

.footer-newsletter-form {
    position:relative
}

.footer-newsletter-form [type=email] {
    display:block;
    border:none;
    background:#1f2935;
    width:100%;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    padding:17px 100px 17px 25px;
    font-size:14px;
    height:60px
}

.footer-newsletter-form [type=email]::placeholder {
    font-size:14px
}

.footer-newsletter-form [type=submit] {
    position:absolute;
    top:0;
    right:0;
    width:63px;
    height:100%;
    border:none;
    padding:10px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    font-size:28px;
    color:#1f2935;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--tg-theme-primary)
}

.footer-newsletter-form [type=submit]:hover {
    background:var(--tg-theme-secondary)
}

.copyright__wrap {
    background:var(--tg-common-color-black-5);
    padding:20px 0
}

.copyright__wrap.-style-two {
    background:var(--tg-common-color-black-6)
}

@media (max-width:767.98px) {
    .copyright__text {
        text-align:center
}
}

.copyright__text p {
    margin:0 0;
    font-size:14px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:#9f9f9f
}

@media (max-width:767.98px) {
    .copyright__text p {
        line-height:1.45
}
}

.copyright__text p span {
    color:var(--tg-theme-primary)
}

@media (max-width:767.98px) {
    .copyright__card {
        margin-top:10px
}
}

.copyright__menu ul {
    gap:0 55px
}

@media (max-width:1500px) {
    .copyright__menu ul {
        gap:0 35px
}
}

@media (max-width:991.98px) {
    .copyright__menu ul {
        gap:0 25px;
        margin:5px 0 0
}
}

.copyright__menu ul li a {
    display:block;
    text-transform:uppercase;
    color:#9f9f9f;
    font-weight:var(--tg-fw-semi-bold);
    font-family:var(--tg-heading-font-family)
}

.copyright__menu ul li a:hover {
    color:var(--tg-theme-primary)
}

.footer-style-three {
    padding-top:140px
}

.footer-style-three .footer__top-wrap {
    border-top:none
}

.footer-style-three .copyright__wrap {
    background:#fff0;
    border-top:1px solid rgb(255 255 255 / .1);
    padding:22px 0
}

.footer-style-three .copyright__text p {
    color:var(--tg-common-color-white);
    font-size:16px
}

.footer-style-three .copyright__menu ul {
    gap:0 42px
}

@media (max-width:767.98px) {
    .footer-style-three .copyright__menu ul {
        gap:0 20px;
        margin:0
}
}

.footer-style-three .copyright__menu ul li a {
    color:var(--tg-common-color-white)
}

.footer-style-three .copyright__menu ul li a:hover {
    color:var(--tg-theme-primary)
}

@media (max-width:991.98px) {
    .footer-style-three {
        padding-top:0;
        margin-top:40px;
        background-image:none!important;
        border-top:10px solid var(--tg-theme-primary)
}
    .footer-style-three .copyright__wrap {
        text-align:center
}
    .footer-style-three .copyright__text p {
        font-size:14px
}
    .footer-style-three .copyright__menu ul li a {
        font-size:14px
}
}

@media (max-width:767.98px) {
    .footer-style-three {
        margin-top:30px
}
}

.footer-contact-link {
    display:flex;
    gap:20px;
    align-items:center
}

.footer-contact-link .icon {
    width:80px;
    height:80px;
    line-height:68px;
    flex:none;
    background:#12141D;
    border:5px solid #1F222D;
    box-shadow:0 7px 25px rgb(0 0 0 / .33);
    backdrop-filter:blur(9.5px);
    text-align:center;
    color:var(--tg-theme-primary)
}

.footer-contact-link .title {
    font-size:18px;
    font-weight:700
}

.footer-contact-link p,.footer-contact-link .link {
    font-size:18px;
    font-family:var(--tg-heading-font-family);
    margin-bottom:0;
    line-height:1.4em;
    color:var(--tg-body-color)
}

.footer-contact-link .link {
    display:block
}

.footer-contact-link .link:hover {
    color:var(--tg-theme-primary)
}

.footer-style-four {
    clip-path:polygon(50% 0%,100% 167px,100% 100%,0 100%,0% 167px)
}

.footer-style-four .footer__top-wrap {
    padding-top:160px;
    position:relative;
    padding-bottom:0
}

.footer-style-four .footer__top-wrap::before,.footer-style-four .footer__top-wrap::after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:50%;
    clip-path:polygon(0% 167px,0% 100%,100% 0%);
    background-color:#0A0912;
    height:200px
}

.footer-style-four .footer__top-wrap::after {
    left:auto;
    right:0;
    clip-path:polygon(100% 167px,0% 0%,100% 100%);
    background:var(--tg-theme-primary)
}

@media (max-width:767.98px) {
    .footer-style-four .footer__top-wrap {
        padding-top:80px
}
}

.footer-style-four .copyright__wrap {
    background:#fff0;
    padding:22.5px 0
}

.footer-style-four .copyright__text p {
    color:var(--tg-common-color-white);
    font-size:16px
}

.footer-style-four .copyright__menu ul {
    gap:0 42px
}

@media (max-width:767.98px) {
    .footer-style-four .copyright__menu ul {
        gap:0 25px
}
}

.footer-style-four .copyright__menu ul li a {
    color:var(--tg-common-color-white)
}

.footer-style-four .copyright__menu ul li a:hover {
    color:var(--tg-theme-primary)
}

@media (max-width:991.98px) {
    .footer-style-four .copyright__wrap {
        text-align:center
}
    .footer-style-four .copyright__text p {
        font-size:14px
}
    .footer-style-four .copyright__menu ul li a {
        font-size:14px
}
}

.footer-menu-link {
    display:inline-flex;
    gap:15px 50px;
    flex-wrap:wrap;
    justify-content:center
}

@media (max-width:767.98px) {
    .footer-menu-link {
        gap:5px 25px
}
}

.footer-menu-link a {
    font-size:18px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase
}

.footer-menu-link a:hover {
    color:var(--tg-theme-primary)
}

.footer-newsletter2 {
    background:#fff0;
    padding:60px 60px 60px 80px;
    display:flex;
    justify-content:space-between;
    position:relative;
    box-shadow:0 15px 41px rgb(0 0 0 / .1);
    align-items:center
}

.footer-newsletter2:before,.footer-newsletter2:after {
    content:"";
    position:absolute;
    inset:1px;
    z-index:-1;
    background:#11131C;
    clip-path:polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,50px 100%,0 calc(100% - 50px));
    opacity:.4
}

.footer-newsletter2:before {
    inset:0;
    background:#303340
}

.footer-newsletter2 .title {
    margin-bottom:0;
    font-size:36px;
    font-weight:800
}

@media (max-width:1199.98px) {
    .footer-newsletter2 .title {
        font-size:30px
}
}

@media (max-width:991.98px) {
    .footer-newsletter2 {
        display:block;
        text-align:center;
        padding:55px 60px 60px
}
    .footer-newsletter2 .title {
        margin-bottom:30px
}
}

@media (max-width:767.98px) {
    .footer-newsletter2 {
        padding:45px 40px 50px
}
}

@media (max-width:375px) {
    .footer-newsletter2 {
        padding:35px 35px 40px
}
}

.footer-newsletter-form2 {
    position:relative;
    width:577px
}

.footer-newsletter-form2 [type=email] {
    display:block;
    border:none;
    background:#1F222D;
    width:100%;
    border-radius:0;
    padding:17px 170px 17px 25px;
    font-size:14px;
    height:60px;
    clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))
}

.footer-newsletter-form2 [type=email]::placeholder {
    font-size:14px
}

.footer-newsletter-form2 [type=submit] {
    position:absolute;
    top:10px;
    right:10px;
    height:40px;
    border:none;
    padding:10px 32px;
    font-size:14px;
    font-weight:600;
    font-family:var(--tg-heading-font-family);
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#202123;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--tg-theme-primary);
    clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))
}

.footer-newsletter-form2 [type=submit]:hover {
    background:var(--tg-theme-secondary)
}

@media (max-width:1199.98px) {
    .footer-newsletter-form2 {
        width:425px
}
}

@media (max-width:991.98px) {
    .footer-newsletter-form2 {
        width:100%
}
}

@media (max-width:767.98px) {
    .footer-newsletter-form2 {
        text-align:center
}
    .footer-newsletter-form2 [type=email] {
        padding:17px 25px 17px 25px
}
    .footer-newsletter-form2 [type=submit] {
        position:relative;
        display:inline-flex;
        top:0;
        right:0;
        margin-top:20px
}
}

@-webkit-keyframes tgSlideDown {
    0% {
        opacity:0;
        transform:translateY(50px)
}
    100% {
        opacity:1;
        transform:translateY(0)
}
}

@keyframes tgSlideDown {
    0% {
        opacity:0;
        transform:translateY(50px)
}
    100% {
        opacity:1;
        transform:translateY(0)
}
}

@-webkit-keyframes shapeBlinker {
    50% {
        opacity:.59
}
}

@keyframes shapeBlinker {
    50% {
        opacity:.59
}
}

@-webkit-keyframes mykdRotation {
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
}
}

@keyframes mykdRotation {
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
}
}

.tg__animate-text span {
    animation:0.8s both tg_animated_text
}

@keyframes tg_animated_text {
    0% {
        opacity:0
}
    65% {
        opacity:1;
        text-shadow:0 0 25px var(--tg-theme-primary)
}
    75% {
        opacity:1
}
    100% {
        opacity:1
}
}

.tg__animate-text.style2 span {
    animation:0.8s both tg_animated_text2
}

@keyframes tg_animated_text2 {
    0% {
        opacity:0
}
    65% {
        opacity:1;
        text-shadow:0 0 25px var(--tg-common-color-black-4)
}
    75% {
        opacity:1
}
    100% {
        opacity:1
}
}

@-webkit-keyframes breadcrumbShake {
    10%,90% {
        -webkit-transform:translate3d(-1px,0,0);
        transform:translate3d(-1px,0,0)
}
    20%,80% {
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
}
    30%,50%,70% {
        -webkit-transform:translate3d(-4px,0,0);
        transform:translate3d(-4px,0,0)
}
    40%,60% {
        -webkit-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
}
}

@keyframes breadcrumbShake {
    10%,90% {
        -webkit-transform:translate3d(-1px,0,0);
        transform:translate3d(-1px,0,0)
}
    20%,80% {
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
}
    30%,50%,70% {
        -webkit-transform:translate3d(-4px,0,0);
        transform:translate3d(-4px,0,0)
}
    40%,60% {
        -webkit-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
}
}

@-webkit-keyframes xAnimation {
    0% {
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
}
    50% {
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
}
    100% {
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
}
}

@keyframes xAnimation {
    0% {
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
}
    50% {
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
}
    100% {
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
}
}

@-webkit-keyframes defaultInset {
    0% {
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
}
    100% {
        -webkit-clip-path:inset(0 0 0 100%);
        clip-path:inset(0 0 0 100%)
}
}

@keyframes defaultInset {
    0% {
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
}
    100% {
        -webkit-clip-path:inset(0 0 0 100%);
        clip-path:inset(0 0 0 100%)
}
}

@-webkit-keyframes activeInset {
    0% {
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path:inset(0 100% 0 0)
}
    100% {
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
}
}

@keyframes activeInset {
    0% {
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path:inset(0 100% 0 0)
}
    100% {
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
}
}

@-webkit-keyframes tg_arrow {
    49% {
        transform:translateX(80%)
}
    50% {
        opacity:0;
        transform:translateX(-80%)
}
    51% {
        opacity:1
}
}

@-moz-keyframes tg_arrow {
    49% {
        transform:translateX(80%)
}
    50% {
        opacity:0;
        transform:translateX(-80%)
}
    51% {
        opacity:1
}
}

@keyframes tg_arrow {
    49% {
        transform:translateX(80%)
}
    50% {
        opacity:0;
        transform:translateX(-80%)
}
    51% {
        opacity:1
}
}

.movingX {
    animation:movingX 8s linear infinite
}

@keyframes movingX {
    0% {
        transform:translateX(0)
}
    50% {
        transform:translateX(50px)
}
    100% {
        transform:translateX(0)
}
}

.jump {
    animation:jumpAni 7s linear infinite
}

@keyframes jumpAni {
    0% {
        transform:translateY(0)
}
    40% {
        transform:translateY(-30px)
}
    100% {
        transform:translateY(0)
}
}

.jump-reverse {
    animation:jumpReverseAni 7s linear infinite
}

@keyframes jumpReverseAni {
    0% {
        transform:translateY(0)
}
    50% {
        transform:translateY(30px)
}
    100% {
        transform:translateY(0)
}
}

/* ==========================================================================
   Project Overrides And Custom Components
   ========================================================================== */

/* Shared Interface Elements */
.scroll__top {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    outline: none;
    padding: 0 !important;
}

.scroll__top img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .3s ease, filter .3s ease;
}

.scroll__top:hover img {
    transform: scale(1.08);
    filter: drop-shadow(0 0 6px rgba(44,255,154,0.45));
}

.slider__img {
    position:relative;
    display:inline-block;
    contain: paint;
    transform: translateZ(0);
    will-change: transform;
}

/* ===== MAGICKÁ AURA ===== */
.slider__img::before {
    content:"";
    position:absolute;
    /* pozice krystalu hůlky (doladíš pár px) */
    right:10px;
    top:70px;
    width:220px;
    height:220px;
    background:    radial-gradient(circle,    rgba(80,255,160,0.9) 0%,    rgba(80,255,160,0.45) 35%,    rgba(80,255,160,0.15) 55%,    rgba(80,255,160,0) 75%);
    border-radius:50%;
    filter:blur(12px);
    opacity:.42;
    animation:none;
    pointer-events:none;
}

/* pulzování magie */
@keyframes magicPulse {
    0% {
        transform:scale(.9);
        opacity:.5;
    }
    50% {
        transform:scale(1.2);
        opacity:1;
    }
    100% {
        transform:scale(.9);
        opacity:.5;
    }
}

/* MENŠÍ POČET JISKER – rozlítané z hůlky */
.slider__img::after {
    content:"";
    position:absolute;
    pointer-events:none;
    z-index: 6;
    /* 🎯 sem to posaď na krystal hůlky */
    right: 30px;
    top: -50px;
    width: 220px;
    height: 220px;
    /* 8–10 jisker = žádná mřížka */
    background:    radial-gradient(circle, rgba(160,255,220,.95) 0 2px, transparent 3px),    radial-gradient(circle, rgba(80,255,160,.85) 0 1.5px, transparent 3px),    radial-gradient(circle, rgba(200,255,240,.9) 0 1.5px, transparent 3px),    radial-gradient(circle, rgba(80,255,160,.7) 0 2px, transparent 3px),    radial-gradient(circle, rgba(160,255,220,.8) 0 1.5px, transparent 3px),    radial-gradient(circle, rgba(80,255,160,.85) 0 1.5px, transparent 3px),    radial-gradient(circle, rgba(200,255,240,.75) 0 2px, transparent 3px),    radial-gradient(circle, rgba(80,255,160,.75) 0 1.5px, transparent 3px);
    /* start pozice (náhodně v rámci boxu) */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display:none;
}

/* chaos let – mění se pozice jisker */
@keyframes sparksChaos {
    0% {
        transform: translate(0,0) scale(.9);
        opacity:.0;
        background-position:      40px 140px, 110px 150px, 70px 160px, 140px 120px,      90px 135px, 120px 145px, 60px 130px, 150px 150px;
    }
    15% {
        opacity: 1;
    }
    100% {
        transform: translate(-10px,-35px) scale(1.05);
        opacity:0;
        background-position:      10px 40px, 160px 30px, 80px 10px, 200px 70px,      30px 20px, 170px 90px, 60px 0px, 210px 50px;
    }
}

.offCanvas__top {
    position: relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:30px 20px;
}

/* logo */
.offCanvas__logo img {
    display:block;
    max-width:140px;
    width:auto;
    height:auto;
    object-fit:contain;
}

/* close button */
.offCanvas__close {
    position:absolute;
    right:20px;
    top:25%;
    transform:translateY(-50%);
    background:none;
    border:none;
    color:#5CFFB2;
    cursor:pointer;
    font-size:28px;
    text-shadow:0 0 10px #2cff9a;
    transition:.3s;
}

.offCanvas__close:hover {
    color:#ffffff;
    filter: drop-shadow(0 0 8px #2cff9a);
    transform:translateY(-50%) scale(1.1);
}

.tgmenu__action ul {
    display:flex;
    align-items:center;
    gap:20px;
}

.tgmenu__action li {
    display:flex;
    align-items:center;
    cursor:pointer;
}

.tgmenu__action img {
    width:32px;
    height:32px;
    display:block;
    transition: transform .3s ease, filter .3s ease;
}

/* hover efekt */
.tgmenu__action li:hover img {
    transform: scale(1.1);
    filter: drop-shadow(0 0 8px #2cff9a);
}

/* zavírací tlačítko */
.search__close img {
    width:32px;
    height:32px;
    transition: transform .3s ease, filter .3s ease;
    display:block;
}

/* lupa */
.search-btn img {
    width:28px;
    height:28px;
    transition: transform .3s ease, filter .3s ease;
    display:block;
}

/* hover efekt */
.search__close:hover img,.search-btn:hover img {
    transform: scale(1.1);
    filter: drop-shadow(0 0 8px #2cff9a);
}

.team__item {
    position:relative;
    overflow:hidden;
    border-radius:12px;
    transition: all .35s ease;
}

/* hover karta */
.team__item:hover {
    transform: translateY(-10px);
    box-shadow:0 0 20px rgba(44,255,154,0.6);
}

/* avatar */
.team__thumb img {
    transition: all .35s ease;
}

/* zoom avataru */
.team__item:hover .team__thumb img {
    transform: scale(1.02);
}

/* glow pozadí */
.team__item::before {
    content:"";
    position:absolute;
    inset:0;
    border-radius:12px;
    opacity:0;
    transition:.35s;
    background: radial-gradient(circle at center,rgba(44,255,154,0.25),transparent 70%);
}

.team__item:hover::before {
    opacity:1;
}

.footer-social a {
    display: inline-block;
}

.footer-social img {
    width: 42px;
    display: block;
    transition: transform .25s ease, filter .25s ease;
}

.footer-social a:hover img {
    transform: scale(1.08);
    filter: drop-shadow(0 0 4px rgba(44,255,154,0.4));
}

/* form vedle sebe + mezera */
.footer-newsletter-form {
    display:flex;
    align-items:center;
    gap:12px;
    /* mezera mezi inputem a ikonou */
}

/* input aby zabral místo */
.footer-newsletter-form input {
    flex:1;
}

/* button jako "neviditelný" obal */
.footer-newsletter-form button {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0;
    box-shadow: none !important;
    cursor: pointer;
}

/* samotný obrázek (ikona) */
.footer-newsletter-form button img {
    display:block;
    width:42px;
    /* uprav dle potřeby */
    height:42px;
    transition: all .25s ease;
}

/* jemný hover efekt */
.footer-newsletter-form button:hover img {
    transform: scale(1.02);
    filter: drop-shadow(0 0 4px rgba(44,255,154,0.45));
}

.about__img {
    position:relative;
}

.about__img img {
    border-radius:18px;
}

.about__img::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    box-shadow: inset 0 0 120px rgba(6,16,25,0.9);
    pointer-events:none;
}

.slider__brand-list li {
    display:inline-block;
}

.slider__brand-list img {
    display:block;
    transition: transform .25s ease, filter .25s ease;
}

.slider__brand-list li:hover img {
    transform: scale(1.05);
    filter: drop-shadow(0 0 6px rgba(44,255,154,0.45));
}

.mobile-nav-toggler {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.mobile-nav-toggler img {
    width: 36px;
    height: auto;
    display:block;
}

/* hlavička na mobilu */
@media (max-width: 1199px) {
    #sticky-header .row,  #sticky-header .col-12 {
        position: relative;
    }
    .tgmenu__wrap {
        display:flex;
        align-items:center;
        min-height:70px;
        /* nastav podle potřeby */
    }
    .tgmenu__nav {
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    /* logo ať nepřeskakuje */
    .tgmenu__nav .logo img {
        max-height:48px;
        width:auto;
        display:block;
    }
    /* mobile toggler vpravo, uprostřed */
    .mobile-nav-toggler {
        position:absolute;
        right:16px;
        top:50%;
        transform:translateY(-50%);
        background:none !important;
        border:0 !important;
        padding:0 !important;
        line-height:0;
        z-index:9999;
    }
    .mobile-nav-toggler img {
        width:34px;
        height:auto;
        display:block;
    }
    /* skryj desktop akce na mobilu (když by vyčnívaly) */
    .header-nav-split__left,
    .header-nav-split__right {
        display:none !important;
    }
    .header-nav-split {
        display:none !important;
    }
    .header-main-row {
        justify-content:flex-start;
    }
    .tgmenu__wrap .menu-left-island,
    .tgmenu__wrap .menu-left-island__list,
    .tgmenu__wrap .menu-left-island__item,
    .tgmenu__wrap .menu-left-island__pill {
        display:none !important;
    }
    .tgmenu__action {
        display:none !important;
    }
}

/* ODPOČET */
#demo {
    color:#73f342;
    text-shadow: 0 0 8px rgba(44,255,154,0.45);
    display:inline-block;
    position:relative;
    animation:none;
    transform-origin: center;
}

/* pulz (text-shadow + mikro scale) */
@keyframes claudoriaPulse {
    0% {
        text-shadow: 0 0 6px rgba(44,255,154,0.35);
        transform: scale(1);
        opacity: .95;
    }
    50% {
        text-shadow: 0 0 14px rgba(44,255,154,0.70);
        transform: scale(1.03);
        opacity: 1;
    }
    100% {
        text-shadow: 0 0 6px rgba(44,255,154,0.35);
        transform: scale(1);
        opacity: .95;
    }
}

/* ===== JISKRY: vycházejí přímo z #demo ===== */
#demo::before,#demo::after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:160px;
    height:120px;
    transform: translate(-50%,-50%);
    pointer-events:none;
    mix-blend-mode: screen;
    opacity:.85;
}

/* sada jisker A */
#demo::before {
    background:    radial-gradient(circle, rgba(160,255,220,.9) 0 2px, transparent 3px) 10px 20px,    radial-gradient(circle, rgba(80,255,160,.8) 0 1.5px, transparent 3px) 70px 10px,    radial-gradient(circle, rgba(200,255,240,.85) 0 2px, transparent 3px) 130px 40px,    radial-gradient(circle, rgba(80,255,160,.75) 0 1.5px, transparent 3px) 40px 80px,    radial-gradient(circle, rgba(160,255,220,.75) 0 1.5px, transparent 3px) 110px 90px;
    background-repeat:no-repeat;
    animation: sparksBurstA 1.6s linear infinite;
}

/* sada jisker B (posun + jiný směr) */
#demo::after {
    background:    radial-gradient(circle, rgba(160,255,220,.9) 0 2px, transparent 3px) 20px 60px,    radial-gradient(circle, rgba(80,255,160,.8) 0 1.5px, transparent 3px) 90px 30px,    radial-gradient(circle, rgba(200,255,240,.85) 0 2px, transparent 3px) 140px 70px,    radial-gradient(circle, rgba(80,255,160,.75) 0 1.5px, transparent 3px) 60px 15px,    radial-gradient(circle, rgba(160,255,220,.75) 0 1.5px, transparent 3px) 120px 55px;
    background-repeat:no-repeat;
    animation: sparksBurstB 1.9s linear infinite;
}

/* jiskry letí do stran a nahoru */
@keyframes sparksBurstA {
    0%   {
        transform: translate(-50%,-50%) scale(.7);
        opacity:0;
        filter: blur(.2px);
    }
    15%  {
        opacity:1;
    }
    100% {
        transform: translate(-70%,-85%) scale(1.1);
        opacity:0;
        filter: blur(.6px);
    }
}

/* jiskry letí do stran a dolů */
@keyframes sparksBurstB {
    0%   {
        transform: translate(-50%,-50%) scale(.7);
        opacity:0;
        filter: blur(.2px);
    }
    15%  {
        opacity:1;
    }
    100% {
        transform: translate(-30%,-10%) scale(1.1);
        opacity:0;
        filter: blur(.6px);
    }
}

#demo {
    position:relative;
}

#demo::before,
#demo::after {
    display:none !important;
    content:none !important;
}

.spark {
    position:absolute;
    width:3px;
    height:3px;
    border-radius:50%;
    pointer-events:none;
    background: rgba(92,255,178,0.95);
    box-shadow: 0 0 6px rgba(44,255,154,0.55);
    opacity: 0;
    animation: sparkFly 1.8s ease-out forwards;
    will-change: transform, opacity;
}

@keyframes sparkFly {
    0%   {
        opacity: 0;
        transform: translate(0,0) scale(.8);
    }
    15%  {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate(var(--x), var(--y)) scale(0.6);
    }
}

.copyright__text {
    display: flex;
    align-items: center;
    gap: 10px;
}

.copyright__text p {
    margin: 0;
}

.dmca-badge img {
    height: 28px;
}

body {
    user-select: none;
    -webkit-user-select: none;
}

img {
    pointer-events: none;
    -webkit-user-drag: none;
}

.cb-cursor,.cb-cursor-text {
    display:none !important;
}

body {
    cursor: none;
}

.claudoria-cursor {
    position: fixed;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: url("../images/kurzor.png") no-repeat center;
    background-size: contain;
    pointer-events: none;
    z-index: 999999;
    will-change: transform;
    filter: drop-shadow(0 0 8px rgba(44,255,154,.2));
}

/* jemná aura kolem kurzoru */
.claudoria-cursor::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(44,255,154,.14) 0%, rgba(44,255,154,.06) 45%, transparent 75%);
    filter: blur(4px);
    animation: claudoriaCursorPulse 3.2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes claudoriaCursorPulse {
    0% {
        opacity: .45;
        transform: translate(-50%, -50%) scale(.9);
    }
    50% {
        opacity: .8;
        transform: translate(-50%, -50%) scale(1.12);
    }
    100% {
        opacity: .45;
        transform: translate(-50%, -50%) scale(.9);
    }
}

/* jiskry */
.cursor-spark {
    position: fixed;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 999998;
    background: rgba(92,255,178,.95);
    box-shadow:        0 0 4px rgba(44,255,154,.55),        0 0 8px rgba(44,255,154,.25);
    animation: sparkFade var(--life, 700ms) ease-out forwards;
    will-change: transform, opacity;
}

@keyframes sparkFade {
    0% {
        opacity: 1;
        transform: translate(0,0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(var(--dx), var(--dy)) scale(.4);
    }
}

@media (max-width: 991px) {
    body {
        cursor: auto;
    }
    .claudoria-cursor {
        display: none;
    }
}

html, body, a, button, input, textarea, select, label, span, div, li, img {
    cursor: none !important;
}

.video__btn-discord {
    display:inline-block;
    margin-top:-50px;
    /* bylo víc, proto bylo moc dole */
}

.video__btn-discord img {
    display:block;
    max-width:420px;
    width:100%;
    height:auto;
    transition: transform .25s ease, filter .25s ease;
    /* základní glow */
    filter:    drop-shadow(0 0 6px rgba(44,255,154,.35))    drop-shadow(0 0 14px rgba(44,255,154,.18));
}

/* hover efekt */
.video__btn-discord:hover img {
    transform:scale(1.05);
    filter:    drop-shadow(0 0 10px rgba(44,255,154,.45))    drop-shadow(0 0 22px rgba(44,255,154,.28));
}

/* Language Selector */
.lang-popup {
    position: fixed;
    inset: 0;
    z-index: 999999;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility 0s linear .18s;
}

.lang-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .18s ease;
}

.lang-popup__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(3, 10, 18, 0.9);
    backdrop-filter: none;
    will-change: opacity;
    contain: paint;
    pointer-events: none;
}

.lang-popup__box {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    width: 420px;
    max-width: calc(100% - 30px);
    background: linear-gradient(180deg, rgba(10,22,34,.96), rgba(7,15,24,.96));
    border: 1px solid rgba(44,255,154,0.25);
    border-radius: 18px;
    padding: 30px 25px;
    text-align: center;
    box-shadow:        0 0 18px rgba(44,255,154,0.18),        0 0 50px rgba(44,255,154,0.08);
    transform: translateY(8px) scale(0.985);
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease;
    will-change: transform, opacity;
}

.lang-popup__box > img {
    display: block;
    width: auto;
    max-width: 240px;
    height: auto;
    object-fit:contain;
    margin: 0 auto 18px;
}

.lang-popup.is-open .lang-popup__box {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.lang-popup__buttons {
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
}

.lang-btn {
    min-width: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px 14px;
    border-radius: 14px;
    text-decoration: none;
    pointer-events: auto;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(44,255,154,0.18);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
    will-change: transform;
}

.lang-btn img {
    width: 52px;
    height: 52px;
    display: block;
}

.lang-btn span {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.lang-btn:hover {
    transform: translateY(-4px) scale(1.03);
    border-color: rgba(44,255,154,0.4);
    background: rgba(44,255,154,0.05);
    box-shadow: 0 0 0 1px rgba(44,255,154,0.14), 0 0 14px rgba(44,255,154,0.12);
}

body.lang-popup-open {
    overflow: hidden;
}

body.lang-popup-open .hero-floating,
body.lang-popup-open .hero-image,
body.lang-popup-open .slider__img::before,
body.lang-popup-open .slider__img::after,
body.lang-popup-open .slider__shapes img,
body.lang-popup-open #demo,
body.lang-popup-open .claudoria-cursor {
    animation: none !important;
    transition: none !important;
}

body.lang-popup-open .slider__area * {
    will-change: auto;
}

body.cookie-settings-open {
    overflow: hidden;
}

body.cookie-settings-open .hero-floating,
body.cookie-settings-open .hero-image,
body.cookie-settings-open .slider__img::before,
body.cookie-settings-open .slider__img::after,
body.cookie-settings-open .slider__shapes img,
body.cookie-settings-open #demo,
body.cookie-settings-open .claudoria-cursor {
    animation: none !important;
    transition: none !important;
}

body.cookie-settings-open .slider__area * {
    will-change: auto;
}

@media (max-width: 991.98px), (prefers-reduced-motion: reduce) {
    .lang-popup__overlay {
        background: rgba(3, 10, 18, 0.94);
        backdrop-filter: none;
    }

    .lang-popup__box {
        transform: translateY(0) scale(1);
    }
}

#jarallax-container-0 > div {
    transform: translate3d(0px, 30px, 0px) !important;
}

.logo a {
    display: inline-block;
}

.logo a img {
    display: block;
    width:auto;
    height:auto;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.logo a:hover img {
    transform: scale(1.02);
    filter:        drop-shadow(0 0 1px rgba(0, 255, 140, 0.7))        drop-shadow(0 0 4px rgba(0, 255, 140, 0.55))        drop-shadow(0 0 7px rgba(0, 255, 140, 0.4));
}

/* samotný tab button bez kruhů a bez pozadí */
.about__tab-wrap .nav-link {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* zrušení všech kruhů / dekorací okolo */
.about__tab-wrap .nav-link::before,.about__tab-wrap .nav-link::after,.about__tab-wrap .nav-link .img-shape,.about__tab-wrap .nav-link .img-shape::before,.about__tab-wrap .nav-link .img-shape::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* obrázek samotný */
.about__tab-wrap .nav-link img {
    width: 124px;
    /* uprav podle potřeby */
    height: 124px;
    object-fit: contain;
    display: block;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: transform .25s ease, filter .25s ease, opacity .25s ease;
    /* glow přímo na obrázku */
    filter:        drop-shadow(0 0 4px rgba(44,255,154,0.18))        drop-shadow(0 0 10px rgba(44,255,154,0.12));
}

/* hover */
.about__tab-wrap .nav-link:hover img {
    transform: scale(1.05);
    filter:        drop-shadow(0 0 6px rgba(44,255,154,0.28))        drop-shadow(0 0 14px rgba(44,255,154,0.18));
}

/* aktivní tab */
.about__tab-wrap .nav-link.active img {
    transform: scale(1.03);
    filter:        drop-shadow(0 0 6px rgba(44,255,154,0.24))        drop-shadow(0 0 12px rgba(44,255,154,0.16));
}

/* PPPPPPPPPRRRRRRRRAAAAAAAAVVVVVVVIIIIIIIIIDDDDDDLLLLLLAAAA */
.rules-page {
    background: transparent;
}

.rules-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.rules-hero {
    padding: 110px 0 50px;
    background: transparent;
}

.rules-hero h1 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 58px;
    line-height: 1.05;
    font-weight: 800;
    text-transform: uppercase;
}

.rules-hero p {
    margin: 0;
    max-width: 820px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.75;
}

.rules-hero .pageHeroTitle {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rules-hero .pageHeroTitle .section__title-desc {
    width: 100%;
    text-align: center;
}

.rules-section {
    padding: 10px 0 90px;
}

.rules-card {
    display: flex;
    align-items: center;
    gap: 60px;
    margin-bottom: 24px;
    padding: 28px 30px;
    border-radius: 24px;
    border: 1px solid rgba(0, 255, 140, 0.16);
    background: rgba(7, 17, 13, 0.82);
    box-sizing: border-box;
    overflow: hidden;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.rules-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 255, 140, 0.28);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}

.rules-card-image {
    flex: 0 0 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rules-card-image img {
    display: block;
    max-width: 100%;
    height: auto;
}

.rules-card-content {
    flex: 1;
    min-width: 0;
}

.rules-card-content h2 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 800;
    text-transform: uppercase;
}

.rules-card-content p {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 16px;
    line-height: 1.8;
}

.rules-card-content h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.rules-card-content ul {
    margin: 0 0 22px;
    padding-left: 22px;
}

.rules-card-content li {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 16px;
    line-height: 1.75;
}

.rules-note {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
}

@media (max-width: 900px) {
    .rules-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 22px;
    }
    .rules-card-image {
        flex: none;
        width: 100%;
        justify-content: flex-start;
    }
    .rules-card-image img {
        max-width: 180px;
    }
    .rules-hero h1 {
        font-size: 42px;
    }
}

@media (max-width: 640px) {
    .rules-container {
        padding: 0 16px;
    }
    .rules-hero {
        padding: 90px 0 40px;
    }
    .rules-hero h1 {
        font-size: 32px;
    }
    .rules-hero p,  .rules-card-content p,  .rules-card-content li {
        font-size: 15px;
    }
    .rules-card-content h2 {
        font-size: 24px;
    }
    .rules-card-content h3 {
        font-size: 20px;
    }
    .rules-note {
        font-size: 16px;
    }
}

:root {
    --claudoria-green: #00ff8c;
}

.rules-card-content h2 {
    color: var(--claudoria-green);
}

.rules-hero {
    padding: 110px 0 50px;
    text-align: center;
}

.rules-hero .rules-container {
    max-width: 900px;
    margin: 0 auto;
}

html, body {
    overflow-x: hidden;
}

.rules-content {
    display: none;
}

.rules-content.active {
    display: block;
}

.rules-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 920px;
    margin: 20px auto 40px;
    padding: 12px;
    border: 1px solid rgba(46, 255, 196, 0.14);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(20, 30, 36, 0.92), rgba(11, 18, 24, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 14px 34px rgba(0, 0, 0, 0.18);
    overflow-x: auto;
    scrollbar-width: none;
    position: relative;
}

.rules-tabs::-webkit-scrollbar {
    display: none;
}

.rules-tabs::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(72, 245, 194, 0.08), rgba(72, 245, 194, 0) 16%, rgba(72, 245, 194, 0) 84%, rgba(72, 245, 194, 0.08));
}

.rules-tab {
    cursor: pointer;
    color: #83f7d8;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 14px 24px;
    border-radius: 14px;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.01);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1;
    white-space: nowrap;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    flex: 0 0 auto;
    z-index: 1;
}

.rules-tab:hover {
    color: #dffff5;
    border-color: rgba(72, 245, 194, 0.16);
    background: rgba(72, 245, 194, 0.05);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
}

.rules-tab::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 9px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(72, 245, 194, 0.08), rgba(72, 245, 194, 1), rgba(72, 245, 194, 0.08));
    box-shadow: 0 0 12px rgba(72, 245, 194, 0.45);
    opacity: 0;
    transform: scaleX(0.82);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.rules-tab.active::after {
    opacity: 1;
    transform: scaleX(1);
}

.rules-tab.active {
    color: #f5fffb;
    text-shadow: 0 0 10px rgba(72, 245, 194, 0.2);
    border-color: rgba(72, 245, 194, 0.22);
    background: linear-gradient(180deg, rgba(18, 42, 37, 0.98), rgba(10, 22, 20, 0.98));
    box-shadow: inset 0 0 0 1px rgba(72, 245, 194, 0.05), 0 0 0 1px rgba(72, 245, 194, 0.05);
}

.dcw-widget {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dcw-box {
    background: #1e1f22;
    padding: 20px 25px;
    border-radius: 14px;
    text-align: center;
    font-family: Arial, sans-serif;
    width: 220px;
}

.dcw-title {
    font-size: 14px;
    color: #b5bac1;
}

.dcw-count {
    font-size: 40px;
    font-weight: bold;
    color: #5865f2;
    margin: 10px 0;
}

.dcw-status {
    font-size: 12px;
    color: #949ba4;
}

.server-area-redesign {
    padding: 90px 0;
    background: linear-gradient(180deg, #06101c 0%, #040b15 100%);
}

/* CARD */
.server-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s;
    background: rgba(6, 15, 30, 0.9);
    /* 🔥 PEVNÝ ZELENÝ RÁMEČEK */
    border: 1.5px solid rgba(77,255,159,0.4);
    box-shadow:        0 10px 25px rgba(0,0,0,0.25),        0 0 12px rgba(77,255,159,0.15);
}

/* HOVER */
.server-card:hover {
    transform: translateY(-5px);
    border-color: #4dff9f;
    box-shadow:        0 20px 50px rgba(0,0,0,0.4),        0 0 25px rgba(77,255,159,0.35);
}

/* 🔥 CLAUDORIA GLOW BORDER */
.server-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(        120deg,        rgba(77,255,159,0.6),        rgba(77,255,159,0.1),        rgba(77,255,159,0.6)    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.6;
}

.server-card:hover {
    transform: translateY(-5px);
    box-shadow:        0 20px 50px rgba(0,0,0,0.4),        0 0 25px rgba(77,255,159,0.25);
}

/* IMAGE */
.server-image {
    position: relative;
    height: 340px;
    overflow: hidden;
    border-radius: 16px;
}

.server-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.server-card:hover img {
    transform: scale(1.05);
}

/* OVERLAY */
.server-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(        to bottom,        rgba(0,0,0,0.12) 0%,        rgba(0,0,0,0.35) 40%,        rgba(0,0,0,0.72) 72%,        rgba(0,0,0,0.9) 100%    );
}

/* INFO */
.server-info {
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 16px;
    text-align: center;
}

/* TITLE */
.server-info h4 {
    color: #4dff9f;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 8px;
    text-transform: uppercase;
    text-shadow:        0 0 10px rgba(77,255,159,0.4),        0 2px 8px rgba(0,0,0,0.9);
}

/* STATUS */
.server-info .status {
    display: block;
    font-size: 13px;
    color: #fff;
    margin-bottom: 16px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.85);
    font-weight: 600;
}

/* COUNT BOX */
.server-info .count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 14px;
    background: rgba(0,0,0,0.72);
    border: 1px solid rgba(77,255,159,0.35);
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    box-shadow:        0 0 12px rgba(77,255,159,0.25),        0 8px 20px rgba(0,0,0,0.25);
}

/* DISCORD BOX */
.discord-box {
    display: inline-flex;
    flex-direction: column;
    gap: 0;
    min-width: 100px;
    padding: 8px 14px;
    border-radius: 14px;
    background: rgba(0,0,0,0.72);
    border: 1px solid rgba(77,255,159,0.35);
    box-shadow:        0 0 12px rgba(77,255,159,0.25),        0 8px 20px rgba(0,0,0,0.25);
}

.discord-box div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    padding: 8px 2px;
}

.discord-box div + div {
    border-top: 1px solid rgba(255,255,255,0.12);
}

.discord-box span:last-child {
    color: #4dff9f;
    font-weight: 800;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .server-image {
        height: 210px;
    }
    .server-info h4 {
        font-size: 18px;
    }
    .server-info .count {
        min-width: 100px;
        min-height: 40px;
        font-size: 16px;
        padding: 8px 14px;
    }
    .discord-box {
        min-width: 185px;
    }
    .discord-box div {
        font-size: 15px;
    }
}

.offCanvas__account {
    margin-bottom: 30px;
    padding: 18px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.discordUserBox {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.discordUserBox__avatar img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #22ff88;
    display: block;
}

.discordUserBox__info {
    min-width: 0;
}

.discordUserBox__name {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    word-break: break-word;
}

.discordUserBox__username {
    color: #9aa4b2;
    font-size: 14px;
    margin-top: 4px;
    word-break: break-word;
}

.discordGuestBox__text {
    color: #b8c2cc;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 14px 0;
}

.discordActions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.discordActions form {
    width: 100%;
    margin: 0;
}

.discordBtn {
    display: inline-block;
    text-align: center;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.2s ease;
}

.discordActions .discordBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
}

.discordBtn--login,.discordBtn--profile {
    background: linear-gradient(90deg, #5865f2 0%, #22ff88 100%);
    color: #ffffff;
}

.discordBtn--logout {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(34, 255, 136, 0.08) 100%);
    color: #ffffff;
    border: 1px solid rgba(34, 255, 136, 0.18);
}

.discordBtn:hover {
    transform: translateY(-2px);
    opacity: 0.95;
}

.offCanvas__contact-list li a {
    color: #b8c2cc;
    text-decoration: none;
}

.offCanvas__contact-list li a:hover {
    color: #22ff88;
}

.offCanvas__account {
    transition: 0.2s ease;
}

.offCanvas__account:hover {
    border-color: rgba(34, 255, 136, 0.4);
    box-shadow: 0 0 20px rgba(34, 255, 136, 0.08);
}

.profileLayout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: stretch;
}

.profileBox {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 28px;
    position: relative;
    overflow: hidden;
    min-height: 100%;
}

.profileBox::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(88, 101, 242, 0.05), rgba(34, 255, 136, 0.03));
}

.profileBox > * {
    position: relative;
    z-index: 1;
}

.profileBox__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.profileBox__title {
    margin: 0;
    color: #fff;
    font-size: 24px;
}

.profileBox__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    color: #0c111b;
    background: #22ff88;
}

.profileBox__badge--waiting {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.profileDiscord {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

.profileDiscord__avatarRing {
    width: 110px;
    height: 110px;
    padding: 4px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(54, 242, 154, 0.92), rgba(54, 242, 154, 0.20));
    box-shadow: 0 0 24px rgba(34, 255, 136, 0.18);
    flex: 0 0 auto;
}

.profileDiscord__avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: #0b1118;
}

.profileDiscord__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.profileDiscord__info {
    min-width: 0;
}

.profileDiscord__name {
    margin: 0 0 8px;
    color: #fff;
    font-size: 30px;
    line-height: 1.1;
    word-break: break-word;
}

.profileDiscord__username {
    color: #9aa4b2;
    font-size: 17px;
    margin-bottom: 8px;
    word-break: break-word;
}

.profileDiscord__id {
    color: #b8c2cc;
    font-size: 14px;
    word-break: break-all;
}

.profileInfoList {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 24px;
}

.profileInfoItem {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-wrap: wrap;
}

.profileInfoItem:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.profileInfoItem__label {
    color: #9aa4b2;
    font-weight: 600;
}

.profileInfoItem__value {
    color: #fff;
    text-align: right;
    word-break: break-word;
}

.profileRolesBlock {
    margin-bottom: 24px;
}

.profileRolesBlock__title {
    color: #fff;
    font-size: 16px;
    margin: 0 0 14px;
}

.profileRoles {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.roleBadge {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 10px;
    background: linear-gradient(90deg, #5865f2 0%, #22ff88 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.roleNone {
    color: #9aa4b2;
}

.minecraftPlaceholder {
    text-align: center;
    padding: 24px 10px 30px;
    margin-bottom: 10px;
}

.minecraftPlaceholder__icon {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 14px;
}

.minecraftPlaceholder__title {
    color: #fff;
    font-size: 26px;
    margin: 0 0 12px;
}

.minecraftPlaceholder__text {
    color: #b8c2cc;
    font-size: 15px;
    line-height: 1.7;
    max-width: 430px;
    margin: 0 auto;
}

.profileBox__actions {
    margin-top: auto;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.profileBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.2s ease;
}

.profileBtn--primary {
    color: #fff;
    background: linear-gradient(90deg, #5865f2 0%, #22ff88 100%);
}

.profileBtn--secondary {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.profileBtn:hover {
    transform: translateY(-2px);
    opacity: 0.96;
}

@media (max-width: 991px) {
    .profileLayout {
        grid-template-columns: 1fr;
    }
    .profileBox {
        padding: 22px;
    }
    .profileDiscord__name {
        font-size: 26px;
    }
    .minecraftPlaceholder__title {
        font-size: 22px;
    }
}

@media (max-width: 575px) {
    .profileDiscord {
        align-items: flex-start;
    }
    .profileDiscord__avatarRing {
        width: 90px;
        height: 90px;
    }
    .profileBtn {
        width: 100%;
    }
}

.discordErrorBox {
    max-width: 520px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 30px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    position: relative;
    overflow: hidden;
}

.discordErrorBox::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(88, 101, 242, 0.08), rgba(34, 255, 136, 0.05));
}

.discordErrorBox > * {
    position: relative;
    z-index: 1;
}

.discordErrorIcon {
    font-size: 42px;
    margin-bottom: 16px;
}

.discordErrorTitle {
    font-size: 28px;
    color: #ffffff;
    margin-bottom: 12px;
}

.discordErrorText {
    font-size: 15px;
    color: #b8c2cc;
    line-height: 1.7;
    margin-bottom: 28px;
}

.discordErrorActions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.discordErrorBtn {
    display: inline-block;
    padding: 14px 20px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: 0.2s ease;
}

.discordErrorBtn--primary {
    background: linear-gradient(90deg, #5865f2 0%, #22ff88 100%);
    color: #ffffff;
}

.discordErrorBtn--secondary {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.discordErrorBtn:hover {
    transform: translateY(-2px);
    opacity: 0.95;
}

.minecraftLinkCommand {
    display: inline-block;
    margin: 12px 0 10px;
    padding: 14px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(34, 255, 136, 0.25);
    color: #22ff88;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
}

.profileBtn--danger {
    color: #ccc;
    background: #1e1e1e;
    border: 1px solid #2e2e2e;
    transition: all 0.2s ease;
}

.profileBtn--danger:hover {
    color: #fff;
    background: #2a2a2a;
    border-color: #444;
}

.minecraftPlaceholder__icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.minecraftPlaceholder__icon img {
    height: 120px;
    image-rendering: pixelated;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));
}

.profileLayout--bottom {
    margin-top: 24px;
}

.serverTabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 0 0 26px;
    padding: 10px;
    border: 1px solid rgba(46, 255, 196, 0.14);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(20, 30, 36, 0.9), rgba(11, 18, 24, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 26px rgba(0, 0, 0, 0.16);
    overflow-x: auto;
    scrollbar-width: none;
    position: relative;
}

.serverTabs::-webkit-scrollbar {
    display: none;
}

.serverTabs::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(72, 245, 194, 0.08), rgba(72, 245, 194, 0) 16%, rgba(72, 245, 194, 0) 84%, rgba(72, 245, 194, 0.08));
}

.serverTabs__item {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: rgba(255, 255, 255, 0.01) !important;
    border: 1px solid transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    position: relative;
    margin: 0;
    padding: 12px 18px;
    min-height: 48px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #83f7d8;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    flex: 0 0 auto;
    z-index: 1;
}

.serverTabs__item:hover {
    color: #dffff5;
    border-color: rgba(72, 245, 194, 0.16) !important;
    background: rgba(72, 245, 194, 0.05) !important;
    transform: translateY(-1px);
}

.serverTabs__item::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 8px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(72, 245, 194, 0.08), rgba(72, 245, 194, 1), rgba(72, 245, 194, 0.08));
    box-shadow: 0 0 12px rgba(72, 245, 194, 0.45);
    opacity: 0;
    transform: scaleX(0.82);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.serverTabs__item.is-active {
    color: #f5fffb;
    text-shadow: 0 0 10px rgba(72, 245, 194, 0.2);
    border-color: rgba(72, 245, 194, 0.22) !important;
    background: linear-gradient(180deg, rgba(18, 42, 37, 0.98), rgba(10, 22, 20, 0.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(72, 245, 194, 0.05), 0 0 0 1px rgba(72, 245, 194, 0.05);
}

.serverTabs__item.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

@media (max-width: 767px) {
    .rules-tabs {
        justify-content: flex-start;
        padding: 10px;
        gap: 8px;
        border-radius: 16px;
    }

    .rules-tab {
        min-height: 48px;
        padding: 12px 18px;
        font-size: 15px;
    }

    .rules-tab::after {
        left: 14px;
        right: 14px;
    }

    .serverTabs {
        justify-content: flex-start;
    }
}

.serverPanel {
    display: none;
}

.serverPanel.is-active {
    display: block;
}

.profileLayout--bottom {
    margin-top: 24px;
}

.minecraftActions {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 10px;
}

.minecraftActionItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.minecraftActionItem:first-child {
    padding-top: 0;
}

.minecraftActionItem__content {
    flex: 1;
}

.minecraftActionItem__title {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.minecraftActionItem__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #9fb0c3;
}

.minecraftActionItem__button {
    flex-shrink: 0;
}

.minecraftActions__footer {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding-top: 8px;
    color: #9fb0c3;
    font-size: 14px;
}

.minecraftActions__label {
    color: #ffffff;
    font-weight: 700;
}

.minecraftActions__value {
    text-align: right;
}

@media (max-width: 767px) {
    .minecraftActionItem {
        flex-direction: column;
        align-items: flex-start;
    }
    .minecraftActionItem__button {
        width: 100%;
    }
    .minecraftActionItem__button .profileBtn {
        width: 100%;
        text-align: center;
    }
    .minecraftActions__footer {
        flex-direction: column;
        align-items: flex-start;
    }
    .minecraftActions__value {
        text-align: left;
    }
}

.profileBox--minecraftActions {
    display: flex;
    flex-direction: column;
}

.minecraftActions {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 6px;
    height: 100%;
}

.minecraftActionItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 26px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.minecraftActionItem__title {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
}

.minecraftActionItem__text {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #9fb0c3;
    max-width: 420px;
}

.minecraftActionItem__button .profileBtn {
    min-width: 182px;
    text-align: center;
    justify-content: center;
}

.minecraftRedeemForm {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    width: 100%;
}

.minecraftRedeemInput {
    flex: 1;
    min-width: 0;
    height: 54px;
    padding: 0 18px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    outline: none;
    transition: 0.2s ease;
}

.minecraftRedeemInput:focus {
    border-color: rgba(42, 245, 160, 0.45);
    box-shadow: 0 0 0 3px rgba(42, 245, 160, 0.12);
}

.minecraftRedeemInput::placeholder {
    color: #8fa3b8;
    font-weight: 500;
}

.minecraftRedeemBtn {
    min-width: 170px;
    height: 54px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .minecraftRedeemForm {
        flex-direction: column;
        align-items: stretch;
    }
    .minecraftRedeemBtn {
        width: 100%;
        min-width: 100%;
    }
}

.newsAlert {
    margin-top: 24px;
    margin-bottom: 20px;
    padding: 14px 18px;
    border-radius: 12px;
    font-weight: 600;
}

.newsAlert--success {
    background: rgba(42, 245, 160, 0.12);
    color: #2af5a0;
    border: 1px solid rgba(42, 245, 160, 0.25);
}

.newsAlert--error {
    background: rgba(255, 80, 80, 0.12);
    color: #ff6666;
    border: 1px solid rgba(255, 80, 80, 0.25);
}

.discordEmbedStatusBox {
    margin-top: 18px;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 18px 20px;
    border-radius: 16px;
    border: 1px solid rgba(88, 255, 88, 0.35);
    background: linear-gradient(180deg, rgba(18, 88, 18, 0.92), rgba(12, 54, 12, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 16px 40px rgba(0, 0, 0, 0.22);
    color: #ecffe9;
}

.discordEmbedStatusBox--success {
    border-color: rgba(88, 255, 88, 0.55);
    background: linear-gradient(180deg, rgba(24, 114, 24, 0.95), rgba(12, 70, 12, 0.98));
}

.discordEmbedStatusBox--error {
    border-color: rgba(255, 96, 96, 0.5);
    background: linear-gradient(180deg, rgba(96, 24, 24, 0.94), rgba(62, 14, 14, 0.98));
}

.discordEmbedStatusBox--loading {
    border-color: rgba(255, 214, 102, 0.45);
    background: linear-gradient(180deg, rgba(72, 70, 16, 0.94), rgba(44, 42, 10, 0.98));
}

.discordEmbedStatusBox__title {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(236, 255, 233, 0.75);
}

.discordEmbedStatusBox__message {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
    word-break: break-word;
}

.profileBox--newsAdmin {
    width: 100%;
}

.webRoleBadge {
    margin-left: 10px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
    display: inline-block;
    vertical-align: middle;
}

/* Admin */
.roleAdmin {
    background: linear-gradient(180deg, rgba(54, 242, 154, 0.16) 0%, rgba(9, 22, 16, 0.96) 100%);
    color: #b9ffe0;
    border: 1px solid rgba(54, 242, 154, 0.32);
}

/* Manažer / Editor */
.roleManager,
.roleEditor {
    background: linear-gradient(180deg, rgba(46, 184, 239, 0.16) 0%, rgba(10, 20, 28, 0.96) 100%);
    color: #c1ebff;
    border: 1px solid rgba(46, 184, 239, 0.32);
}

.roleHelper {
    background: linear-gradient(180deg, rgba(26, 188, 156, 0.16) 0%, rgba(9, 22, 19, 0.96) 100%);
    color: #b8fff2;
    border: 1px solid rgba(26, 188, 156, 0.32);
}

/* Hráč */
.roleUser {
    background: rgba(255, 255, 255, 0.06);
    color: #d1dbe5;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

/* Ceo / Owner */
.roleCeo,
.roleOwner {
    background: linear-gradient(180deg, rgba(247, 201, 75, 0.16) 0%, rgba(29, 22, 8, 0.96) 100%);
    color: #ffe39d;
    border: 1px solid rgba(247, 201, 75, 0.32);
}

.newsCategoryPicker {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.newsCategoryOption {
    position: relative;
    cursor: pointer;
}

.newsCategoryOption input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.newsCategoryOption span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    color: #cfd8e3;
    font-size: 14px;
    font-weight: 700;
    transition: 0.2s ease;
}

.newsCategoryOption:hover span {
    border-color: rgba(42, 245, 160, 0.25);
    color: #ffffff;
}

.newsCategoryOption input:checked + span {
    background: rgba(42, 245, 160, 0.14);
    border-color: rgba(42, 245, 160, 0.45);
    color: #2af5a0;
    box-shadow: 0 0 0 3px rgba(42, 245, 160, 0.10);
}

.rewardTypePicker {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.rewardTypeOption {
    --reward-type-accent: #31f6a1;
    --reward-type-accent-soft: rgba(49, 246, 161, 0.10);
    position: relative;
    display: block;
    cursor: pointer;
}

.rewardTypeOption input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.rewardTypeOption__card {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 72px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(22, 27, 35, 0.98), rgba(12, 17, 24, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.rewardTypeOption__card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--reward-type-accent);
    opacity: 0.78;
}

.rewardTypeOption__icon {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--reward-type-accent-soft);
    background: rgba(255, 255, 255, 0.03);
    color: #def6ea;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.rewardTypeOption__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.rewardTypeOption__eyebrow {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 2px;
    color: rgba(126, 240, 171, 0.88);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.rewardTypeOption__title {
    color: #f6fbf8;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 900;
}

.rewardTypeOption__desc {
    display: none;
}

.rewardTypeOption:hover .rewardTypeOption__card {
    transform: translateY(-1px);
    border-color: rgba(49, 246, 161, 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 16px 30px rgba(0, 0, 0, 0.18);
}

.rewardTypeOption input:focus-visible + .rewardTypeOption__card {
    box-shadow:
        0 0 0 3px rgba(49, 246, 161, 0.18),
        0 16px 30px rgba(0, 0, 0, 0.18);
}

.rewardTypeOption input:checked + .rewardTypeOption__card {
    border-color: rgba(49, 246, 161, 0.45);
    background: linear-gradient(180deg, rgba(18, 31, 25, 0.98), rgba(10, 20, 17, 0.98));
    box-shadow:
        0 0 0 3px rgba(49, 246, 161, 0.10),
        0 18px 40px rgba(0, 0, 0, 0.24);
}

.rewardTypeOption input:checked + .rewardTypeOption__card::before {
    opacity: 1;
}

.rewardTypeOption input:checked + .rewardTypeOption__card .rewardTypeOption__icon {
    background: rgba(49, 246, 161, 0.16);
    border-color: rgba(49, 246, 161, 0.35);
    color: #f1fff8;
}

.rewardTypeOption--coins {
    --reward-type-accent: #ffc44d;
    --reward-type-accent-soft: rgba(255, 196, 77, 0.18);
}

.rewardTypeOption--item {
    --reward-type-accent: #67b8ff;
    --reward-type-accent-soft: rgba(103, 184, 255, 0.18);
}

.rewardTypeOption--rank {
    --reward-type-accent: #ff7a9a;
    --reward-type-accent-soft: rgba(255, 122, 154, 0.18);
}

.rewardTypeOption--voucher {
    --reward-type-accent: #31f6a1;
    --reward-type-accent-soft: rgba(49, 246, 161, 0.18);
}

.rewardTypeOption--coins .rewardTypeOption__icon {
    color: #ffe3a8;
}

.rewardTypeOption--item .rewardTypeOption__icon {
    color: #d2e9ff;
}

.rewardTypeOption--rank .rewardTypeOption__icon {
    color: #ffc4d0;
}

.rewardTypeOption--voucher .rewardTypeOption__icon {
    color: #c7ffe1;
}

.serverCardPicker {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.serverCardOption {
    --server-card-accent: #31f6a1;
    --server-card-accent-soft: rgba(49, 246, 161, 0.10);
    position: relative;
    display: block;
    cursor: pointer;
}

.serverCardOption input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.serverCardOption__card {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    min-height: 102px;
    padding: 16px 16px 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(22, 27, 35, 0.98), rgba(12, 17, 24, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.serverCardOption__card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--server-card-accent);
    opacity: 0.78;
}

.serverCardOption__card::after {
    content: "✓";
    position: absolute;
    top: 14px;
    right: 14px;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.serverCardOption__icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--server-card-accent-soft);
    background: rgba(255, 255, 255, 0.03);
    color: #def6ea;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.serverCardOption__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.serverCardOption__eyebrow {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 6px;
    color: rgba(126, 240, 171, 0.88);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

.serverCardOption__title {
    color: #f6fbf8;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 900;
}

.serverCardOption__desc {
    margin-top: 7px;
    color: #9eb0c1;
    font-size: 13px;
    line-height: 1.55;
}

.serverCardOption:hover .serverCardOption__card {
    transform: translateY(-1px);
    border-color: rgba(49, 246, 161, 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 16px 30px rgba(0, 0, 0, 0.18);
}

.serverCardOption input:focus-visible + .serverCardOption__card {
    box-shadow:
        0 0 0 3px rgba(49, 246, 161, 0.18),
        0 16px 30px rgba(0, 0, 0, 0.18);
}

.serverCardOption input:checked + .serverCardOption__card {
    border-color: rgba(49, 246, 161, 0.45);
    background: linear-gradient(180deg, rgba(18, 31, 25, 0.98), rgba(10, 20, 17, 0.98));
    box-shadow:
        0 0 0 3px rgba(49, 246, 161, 0.10),
        0 18px 40px rgba(0, 0, 0, 0.24);
}

.serverCardOption input:checked + .serverCardOption__card::before {
    opacity: 1;
}

.serverCardOption input:checked + .serverCardOption__card::after {
    background: var(--server-card-accent);
    border-color: transparent;
    color: #08130f;
    box-shadow: 0 0 0 4px var(--server-card-accent-soft);
}

.serverCardOption input:checked + .serverCardOption__card .serverCardOption__icon {
    background: rgba(49, 246, 161, 0.16);
    border-color: rgba(49, 246, 161, 0.35);
    color: #f1fff8;
}

.serverCardOption--survival {
    --server-card-accent: #45f882;
    --server-card-accent-soft: rgba(69, 248, 130, 0.18);
}

.serverCardOption--rpg {
    --server-card-accent: #67b8ff;
    --server-card-accent-soft: rgba(103, 184, 255, 0.18);
}

.serverCardOption--skyblock {
    --server-card-accent: #35f29a;
    --server-card-accent-soft: rgba(53, 242, 154, 0.18);
}

.serverCardOption--survival .serverCardOption__icon {
    color: #c8ffe0;
}

.serverCardOption--rpg .serverCardOption__icon {
    color: #d2e9ff;
}

.serverCardOption--skyblock .serverCardOption__icon {
    color: #c7ffe1;
}

.serverCardOption--cs {
    --server-card-accent: #45f882;
    --server-card-accent-soft: rgba(69, 248, 130, 0.18);
}

.serverCardOption--en {
    --server-card-accent: #67b8ff;
    --server-card-accent-soft: rgba(103, 184, 255, 0.18);
}

.serverCardOption--cs .serverCardOption__icon {
    color: #c8ffe0;
}

.serverCardOption--en .serverCardOption__icon {
    color: #d2e9ff;
}

/* Admin panel: news editor layout only */
.profileMainPanel[data-profile-panel="admin"] .profileLayout {
    grid-template-columns: minmax(0, 1fr);
}

.profileMainPanel[data-profile-panel="admin"] .profileBox--newsAdmin {
    width: 100%;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__head {
    align-items: center;
    gap: 16px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__headActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(8, 17, 14, 0.9);
    border: 1px solid rgba(69, 248, 130, 0.2);
    color: #d9ffe8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__status.is-loading {
    border-color: rgba(94, 182, 255, 0.3);
    color: #d5ecff;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__status.is-error {
    border-color: rgba(255, 102, 102, 0.35);
    color: #ffd9d9;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__statusDot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #48ff86;
    box-shadow: 0 0 0 6px rgba(72, 255, 134, 0.12);
    flex: 0 0 auto;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__status.is-loading .minecraftLogPanel__statusDot {
    background: #5eb6ff;
    box-shadow: 0 0 0 6px rgba(94, 182, 255, 0.12);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__status.is-error .minecraftLogPanel__statusDot {
    background: #ff6666;
    box-shadow: 0 0 0 6px rgba(255, 102, 102, 0.12);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__filter {
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(69, 248, 130, 0.16);
    background: rgba(8, 18, 25, 0.92);
    color: #bdeed0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__filter:hover,
.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__filter.is-active {
    border-color: rgba(69, 248, 130, 0.48);
    background: linear-gradient(90deg, rgba(24, 92, 61, 0.95), rgba(11, 40, 28, 0.95));
    color: #ffffff;
    transform: translateY(-1px);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__feed {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(13, 21, 29, 0.98), rgba(7, 13, 18, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 30px rgba(0, 0, 0, 0.16);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entryTop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entryMeta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    min-width: 0;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__time,
.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__subMeta {
    color: #8ea4ba;
    font-size: 12px;
    letter-spacing: 0.02em;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__player {
    color: #e8fff0;
    font-size: 14px;
    font-weight: 700;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(42, 245, 160, 0.12);
    border: 1px solid rgba(42, 245, 160, 0.18);
    color: #9cf4bb;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex: 0 0 auto;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__message {
    color: #d7e7f2;
    line-height: 1.7;
    word-break: break-word;
    white-space: pre-wrap;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__empty {
    padding: 18px 16px;
    border-radius: 14px;
    border: 1px dashed rgba(69, 248, 130, 0.22);
    background: rgba(255, 255, 255, 0.02);
    color: #99aebf;
    text-align: center;
}

/* Compact console mode */
.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel {
    gap: 14px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__head {
    gap: 12px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__headActions {
    gap: 8px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__status {
    padding: 7px 12px;
    font-size: 12px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__filters {
    gap: 8px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__filter {
    min-height: 34px;
    padding: 0 12px;
    font-size: 12px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__feed {
    max-height: clamp(360px, 58vh, 620px);
    overflow: auto;
    gap: 0;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid rgba(69, 248, 130, 0.12);
    background: linear-gradient(180deg, rgba(4, 8, 10, 0.96), rgba(5, 10, 13, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 28px rgba(0, 0, 0, 0.16);
    scrollbar-width: thin;
    scrollbar-color: rgba(74, 245, 186, 0.35) rgba(255, 255, 255, 0.04);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__feed::-webkit-scrollbar {
    width: 10px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__feed::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 999px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__feed::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(74, 245, 186, 0.38), rgba(74, 245, 186, 0.18));
    border-radius: 999px;
    border: 2px solid rgba(5, 10, 13, 0.98);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry {
    padding: 8px 10px;
    border-radius: 10px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: transparent;
    box-shadow: none;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry:nth-child(2n) {
    background: rgba(255, 255, 255, 0.018);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry:hover {
    background: rgba(72, 245, 194, 0.05);
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry--command {
    background: linear-gradient(90deg, rgba(72, 18, 18, 0.45), rgba(34, 11, 11, 0.18));
    border-left: 2px solid rgba(255, 158, 158, 0.7);
    padding-left: 8px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry--command:hover {
    background: linear-gradient(90deg, rgba(90, 22, 22, 0.52), rgba(42, 13, 13, 0.24));
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry--console {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__consoleLine {
    display: grid;
    grid-template-columns: 72px minmax(120px, 180px) minmax(90px, 160px) 74px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__time {
    color: #86a0b1;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__location {
    color: #9ee9bf;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__player {
    color: #f4fff9;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__pill {
    min-height: 22px;
    padding: 0 8px;
    font-size: 10px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__pill--command {
    background: rgba(255, 121, 121, 0.14);
    border-color: rgba(255, 141, 141, 0.28);
    color: #ffc7c7;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry--command .minecraftLogPanel__time,
.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry--command .minecraftLogPanel__location {
    color: #c98f8f;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry--command .minecraftLogPanel__player {
    color: #ffe3e3;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__entry--command .minecraftLogPanel__message {
    color: #ffd0d0;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__message {
    color: #d7e7f2;
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__empty {
    padding: 12px 14px;
    border-radius: 12px;
    border-style: solid;
    text-align: left;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
}

@media (max-width: 1199px) {
    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__consoleLine {
        grid-template-columns: 68px minmax(0, 1fr) 74px;
    }

    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__location,
    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__player,
    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__pill {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 767px) {
    .rewardTypePicker {
        grid-template-columns: minmax(0, 1fr);
    }

    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__consoleLine {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }

    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__message {
        white-space: normal;
    }

    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__filter {
        min-height: 32px;
        padding: 0 10px;
    }
}

.profileMainPanel[data-profile-panel="admin"] .newsAdminForm {
    gap: 24px;
}

.profileMainPanel[data-profile-panel="admin"] .dn-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    align-items: start;
}

.profileMainPanel[data-profile-panel="admin"] .dn-col {
    min-width: 0;
}

.profileMainPanel[data-profile-panel="admin"] .dn-full {
    grid-column: 1 / -1;
}

.profileMainPanel[data-profile-panel="admin"] .newsAdminForm__section {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
}

.profileMainPanel[data-profile-panel="admin"] .newsAdminForm__sectionTitle {
    margin: 0 0 24px;
}

.profileMainPanel[data-profile-panel="admin"] .newsAdminForm__group {
    gap: 10px;
}

.profileMainPanel[data-profile-panel="admin"] .newsAdminForm {
    gap: 24px;
    margin-top: 16px;
}

.profileMainPanel[data-profile-panel="admin"] .newsCategoryPicker {
    width: 100%;
}

.profileMainPanel[data-profile-panel="admin"] .profileBox__actions {
    width: 100%;
    margin-top: 0;
}

.profileMainPanel[data-profile-panel="admin"] .profileBox__actions .button {
    width: 100%;
    min-width: 0;
}

@media (max-width: 991px) {
    .profileMainPanel[data-profile-panel="admin"] .dn-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.adminWorkspace {
    width: 100%;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.adminNav {
    position: sticky;
    top: 110px;
    display: grid;
    gap: 12px;
}

.adminNav__item {
    width: 100%;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    text-align: left;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(18, 31, 45, 0.9), rgba(10, 20, 32, 0.94));
    color: #d8e7f7;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.18s ease;
}

.adminNav__item:hover {
    transform: translateY(-1px);
    border-color: rgba(72, 245, 194, 0.3);
}

.adminNav__item.is-active {
    border-color: rgba(72, 245, 194, 0.5);
    box-shadow: 0 0 0 3px rgba(72, 245, 194, 0.1);
    color: #ffffff;
}

.adminNav__thumb {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
}

.adminNav__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.adminNav__label {
    display: block;
    font-size: 14px;
    line-height: 1.2;
}

.adminContent {
    min-width: 0;
}

.adminPanelSection {
    display: none;
}

.adminPanelSection.is-active {
    display: block;
}

.adminSimpleCard {
    padding-bottom: 28px;
}

.adminSimpleCard__text {
    margin: 0 0 16px;
    color: #c6d7e7;
    line-height: 1.7;
}

.adminQuickActions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.adminQuickActions .button {
    min-width: 220px;
}

@media (max-width: 1199px) {
    .adminWorkspace {
        grid-template-columns: minmax(0, 1fr);
    }
    .adminNav {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .adminNav {
        grid-template-columns: minmax(0, 1fr);
    }
    .adminQuickActions .button {
        width: 100%;
        min-width: 0;
    }
}

.profileTopTabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 980px;
    margin: 18px auto 12px;
    padding: 12px;
    border: 1px solid rgba(46, 255, 196, 0.14);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(20, 30, 36, 0.92), rgba(11, 18, 24, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 14px 34px rgba(0, 0, 0, 0.18);
    overflow-x: auto;
    scrollbar-width: none;
    position: relative;
}

.profileTopTabs::-webkit-scrollbar {
    display: none;
}

.profileTopTabs::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(72, 245, 194, 0.08), rgba(72, 245, 194, 0) 16%, rgba(72, 245, 194, 0) 84%, rgba(72, 245, 194, 0.08));
}

.profileTopTabs__item {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: rgba(255, 255, 255, 0.01) !important;
    border: 1px solid transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    position: relative;
    margin: 0;
    padding: 14px 24px;
    min-height: 54px;
    border-radius: 14px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    color: #83f7d8;
    cursor: pointer;
    white-space: nowrap;
    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
    flex: 0 0 auto;
    z-index: 1;
}

.profileTopTabs__item:hover {
    color: #dffff5;
    border-color: rgba(72, 245, 194, 0.16) !important;
    background: rgba(72, 245, 194, 0.05) !important;
    transform: translateY(-1px);
}

.profileTopTabs__item::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 9px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(72, 245, 194, 0.08), rgba(72, 245, 194, 1), rgba(72, 245, 194, 0.08));
    box-shadow: 0 0 12px rgba(72, 245, 194, 0.45);
    opacity: 0;
    transform: scaleX(0.82);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.profileTopTabs__item.is-active {
    color: #f5fffb;
    text-shadow: 0 0 10px rgba(72, 245, 194, 0.2);
    border-color: rgba(72, 245, 194, 0.22) !important;
    background:
        linear-gradient(180deg, rgba(18, 42, 37, 0.98), rgba(10, 22, 20, 0.98)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(72, 245, 194, 0.05),
        0 0 0 1px rgba(72, 245, 194, 0.05);
}

.profileTopTabs__item.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

@media (max-width: 767px) {
    .profileTopTabs {
        justify-content: flex-start;
        padding: 10px;
        gap: 8px;
        border-radius: 16px;
    }

    .profileTopTabs__item {
        min-height: 48px;
        padding: 12px 18px;
        font-size: 15px;
    }

    .profileTopTabs__item::after {
        left: 14px;
        right: 14px;
    }
}

.profileMainPanel {
    display: none;
    padding-top: 0;
    padding-bottom: 112px;
}

.profileMainPanel.is-active {
    display: block;
}

.profileTabsHeader {
    margin-bottom: 24px !important;
}

.profileTabsHeader .title {
    margin-bottom: 8px;
}

.profileTabsHeader > .sub-title:last-of-type {
    margin-bottom: 0;
}

.profileTabsHeader .profileTopTabs {
    margin-top: 28px;
}

.profilePanelHeading {
    margin-bottom: 30px !important;
}

.profilePanelHeading .sub-title {
    margin-bottom: 10px;
}

.profilePanelHeading .title {
    margin-bottom: 6px;
}

.profileBox__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.profileBox__headBadges {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.profileBox__badge--emeralds {
    background: rgba(46, 204, 113, 0.14);
    color: #7dffb3;
    border: 1px solid rgba(46, 204, 113, 0.28);
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* PROFIL BUTTON */
.profile-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 10px;
    background: rgba(20, 34, 28, 0.95);
    border: 1px solid rgba(70, 170, 120, 0.35);
    color: #dfffea;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    transition: 0.2s ease;
}

.profile-btn:hover {
    border-color: #39d98a;
    color: #ffffff;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.header-actions > li {
    display: flex;
    align-items: center;
}

.user-links-group {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 8px;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.header-actions > li {
    display: flex;
    align-items: center;
}

.user-links-group {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 24px;
    /* víc místa od ikonek */
}

/* =========================================================
   LEVÉ MENU - ZCELA ODDĚLENÉ OD THEME
   ========================================================= */
.menu-left-island,.menu-left-island * {
    box-sizing: border-box;
}

.menu-left-island {
    display: flex;
    align-items: center;
}

/* tvrdý reset jen uvnitř tohoto menu */
.menu-left-island ul,.menu-left-island li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-left-island a {
    text-decoration: none;
}

/* seznam */
.menu-left-island__list {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

/* item */
.menu-left-island__item {
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
}

/* pill */
.menu-left-island__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    min-height: 38px;
    padding: 0 18px;
    margin: 0;
    border-radius: 999px;
    border: 1px solid rgba(72, 245, 194, 0.16);
    background:
        linear-gradient(180deg, rgba(17, 31, 27, 0.96), rgba(9, 17, 15, 0.98));
    color: #eefef6;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 8px 18px rgba(0, 0, 0, 0.14);
    transform: none;
    transition:
        border-color 0.2s ease,
        color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

/* vypnutí pseudo prvků ze starého theme */
.menu-left-island__pill::before,.menu-left-island__pill::after {
    content: none !important;
    display: none !important;
}

/* hover */
.menu-left-island__pill:hover {
    border-color: rgba(92, 255, 178, 0.42);
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(18, 42, 36, 0.98), rgba(10, 22, 20, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 1px rgba(72, 245, 194, 0.06),
        0 10px 22px rgba(0, 0, 0, 0.18);
    transform: translateY(-1px);
}

/* aktivní stránka */
.menu-left-island__pill.is-current {
    border-color: rgba(92, 255, 178, 0.55);
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(20, 58, 47, 0.99), rgba(10, 28, 23, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 -10px 18px rgba(34, 255, 136, 0.04),
        0 0 0 1px rgba(72, 245, 194, 0.08),
        0 12px 26px rgba(0, 0, 0, 0.2);
}

/* nedostupné položky (šedé + přeškrtnuté) */
.menu-left-island__pill.is-disabled {
    color: rgba(150, 165, 158, 0.55);
    text-decoration: line-through;
    text-decoration-thickness: 1.5px;
    border-color: rgba(120, 135, 128, 0.16);
    background:
        linear-gradient(180deg, rgba(18, 22, 21, 0.9), rgba(11, 14, 13, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;
}

.menu-left-island__pill.is-disabled:hover {
    transform: none;
    color: rgba(150, 165, 158, 0.55);
    border-color: rgba(120, 135, 128, 0.16);
    background:
        linear-gradient(180deg, rgba(18, 22, 21, 0.9), rgba(11, 14, 13, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

/* "Why we did this?" – zvýraznění jen když jsi na té stránce (is-current) */

/* nedostupné odkazy ve footeru (šedé + přeškrtnuté) */
.footer-widget .menu a.footer-link-disabled {
    color: rgba(150, 165, 158, 0.5) !important;
    text-decoration: line-through;
    text-decoration-thickness: 1.5px;
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;
}

.footer-widget .menu a.footer-link-disabled:hover {
    color: rgba(150, 165, 158, 0.5) !important;
    text-decoration: line-through;
}

/* nedostupná social ikonka ve footeru */
.footer-social a.footer-social--disabled {
    opacity: 0.4;
    filter: grayscale(1);
    cursor: not-allowed;
    pointer-events: none;
}

/* =========================================================
   PRAVÉ MENU - ZCELA ODDĚLENÉ OD THEME
   ========================================================= */
.menu-right-island,.menu-right-island * {
    box-sizing: border-box;
}

.menu-right-island {
    display: flex;
    align-items: center;
    gap: 12px;
}

.menu-right-island a {
    text-decoration: none;
}

/* pill */
.menu-right-island__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 38px;
    min-height: 38px;
    padding: 0 18px;
    margin: 0;
    border-radius: 999px;
    border: 1px solid rgba(72, 245, 194, 0.18);
    background:
        linear-gradient(180deg, rgba(17, 31, 27, 0.96), rgba(9, 17, 15, 0.98));
    color: #eefef6;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 8px 18px rgba(0, 0, 0, 0.14);
    transform: none;
    transition:
        border-color 0.2s ease,
        color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.menu-right-island__pill::before,.menu-right-island__pill::after {
    content: none !important;
    display: none !important;
}

.menu-right-island__pill:hover {
    border-color: rgba(92, 255, 178, 0.42);
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(18, 42, 36, 0.98), rgba(10, 22, 20, 0.98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 1px rgba(72, 245, 194, 0.06),
        0 10px 22px rgba(0, 0, 0, 0.18);
    transform: translateY(-1px);
}

/* currency pill */
.menu-right-island__pill--currency span {
    color: #a6ffd1;
    text-shadow: 0 0 8px rgba(72, 245, 194, 0.16);
}

.menu-right-island__pill img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

.slider__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hero-floating {
    position: relative;
    display: inline-block;
    contain: paint;
    transform: translateZ(0);
    will-change: transform;
    animation: heroFloat 5.5s ease-in-out infinite;
}

.hero-image {
    display: block;
    max-width: 100%;
    height: auto;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* countdown přes obrázek, ale POD poslední text */
/* Localized Countdown Blocks */
.countdown-wrap-cs {
    position: absolute;
    left: 47%;
    top: 103%;
    transform: translateX(-50%);
    z-index: 5;
    text-align: center;
    white-space: nowrap;
}

.countdown-wrap-en {
    position: absolute;
    left: 50%;
    top: 103%;
    transform: translateX(-50%);
    z-index: 5;
    text-align: center;
    white-space: nowrap;
}

#demo {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    color: #c5f665;
    letter-spacing: 2px;
    text-shadow:        0 0 4px rgba(99,255,212,0.45),        0 0 8px rgba(99,255,212,0.25);
}

/* jemné vznášení CELÉHO BLOKU */
@keyframes heroFloat {
    0%   {
        transform: translateY(0px);
    }
    50%  {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

.hero-image {
    animation: none;
    filter: drop-shadow(0 0 2px rgba(0,255,150,0.25));
}

/* animace glow */
@keyframes glowPulseImage {
    0% {
        filter: drop-shadow(0 0 1px rgba(0, 255, 150, 0.3))                drop-shadow(0 0 2px rgba(0, 255, 150, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 1px rgba(0, 255, 150, 0.3))                drop-shadow(0 0 2px rgba(0, 255, 150, 0.8))                drop-shadow(0 0 4px rgba(0, 255, 150, 0.3));
    }
    100% {
        filter: drop-shadow(0 0 1px rgba(0, 255, 150, 0.3))                drop-shadow(0 0 2px rgba(0, 255, 150, 0.3));
    }
}

/* celý wrapper pro blikající smaragdy */
.slider__shapes {
    opacity: 1;
}

/* všechny obrázky */
.slider__shapes img {
    position: absolute;
    animation: shapeBlinker 6s linear infinite;
    opacity: 0;
    z-index: -1;
    will-change: opacity, transform;
}

/* ---------- 1. smaragd ---------- */
.slider__shapes img:nth-child(1) {
    left: 8%;
    top: 22%;
    animation-delay: 0.2s;
}

@media (max-width: 991.98px) {
    .slider__shapes img:nth-child(1) {
        left: 13%;
        top: 12%;
    }
}

@media (max-width: 767.98px) {
    .slider__shapes img:nth-child(1) {
        left: 11%;
        top: 11%;
    }
}

@media (prefers-reduced-motion: reduce), (max-width: 991.98px) {
    .hero-floating,
    .hero-image,
    .slider__img::before,
    .slider__img::after,
    #demo,
    #demo::before,
    #demo::after,
    .slider__shapes img,
    .claudoria-cursor {
        animation: none !important;
        transition: none !important;
    }

    .slider__img::before,
    .slider__img::after,
    #demo::before,
    #demo::after,
    .slider__shapes {
        display: none !important;
    }

    .hero-floating,
    .hero-image,
    .slider__img {
        transform: none !important;
        filter: none !important;
    }
}

/* ---------- 2. smaragd ---------- */
.slider__shapes img:nth-child(2) {
    left: 10%;
    bottom: 35%;
    animation-delay: 1.4s;
}

@media (max-width: 991.98px) {
    .slider__shapes img:nth-child(2) {
        left: 12%;
    }
}

@media (max-width: 767.98px) {
    .slider__shapes img:nth-child(2) {
        left: 10%;
        bottom: 55%;
    }
}

/* ---------- 3. smaragd ---------- */
.slider__shapes img:nth-child(3) {
    right: 69%;
    top: 18%;
    animation-delay: 1.2s;
}

@media (max-width: 991.98px) {
    .slider__shapes img:nth-child(3) {
        right: 23%;
        top: 15%;
    }
}

@media (max-width: 767.98px) {
    .slider__shapes img:nth-child(3) {
        right: 10%;
        top: 17%;
    }
}

/* ---------- 4. smaragd ---------- */
.slider__shapes img:nth-child(4) {
    right: 50%;
    top: 22%;
    animation-delay: 1.6s;
}

@media (max-width: 1500px) {
    .slider__shapes img:nth-child(4) {
        right: 40%;
        top: 28%;
    }
}

@media (max-width: 991.98px) {
    .slider__shapes img:nth-child(4) {
        right: 20%;
        top: 35%;
    }
}

@media (max-width: 767.98px) {
    .slider__shapes img:nth-child(4) {
        right: 14%;
        top: 33%;
    }
}

/* ---------- 5. smaragd ---------- */
.slider__shapes img:nth-child(5) {
    right: 53%;
    bottom: 35%;
    animation-delay: 1.6s;
}

@media (max-width: 1500px) {
    .slider__shapes img:nth-child(5) {
        right: 40%;
        top: 28%;
    }
}

@media (max-width: 991.98px) {
    .slider__shapes img:nth-child(5) {
        right: 20%;
        top: 35%;
    }
}

@media (max-width: 767.98px) {
    .slider__shapes img:nth-child(5) {
        right: 14%;
        top: 33%;
    }
}

.header-main-row {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
}

.logo {
    flex: 0 0 auto;
}

.header-nav-split {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.header-nav-split__left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 1 auto;
}

.header-nav-split__right {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex: 0 0 auto;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-actions__account {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-right-island__pill img {
    filter: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.menu-right-island__pill.is-current {
    border-color: rgba(92, 255, 178, 0.55);
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(20, 58, 47, 0.99), rgba(10, 28, 23, 0.99));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 -10px 18px rgba(34, 255, 136, 0.04),
        0 0 0 1px rgba(72, 245, 194, 0.08),
        0 12px 26px rgba(0, 0, 0, 0.2);
}

.profileBox--locked {
    position: relative;
    overflow: hidden;
}

.profileBox--locked > *:not(.profileLockOverlay) {
    pointer-events: none;
    user-select: none;
}

.profileLockOverlay {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(6, 11, 18, 0.58);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.profileLockOverlay__box {
    width: 100%;
    max-width: 380px;
    padding: 28px 24px;
    border-radius: 20px;
    text-align: center;
    background: rgba(10, 18, 28, 0.96);
    border: 1px solid rgba(67, 255, 173, 0.18);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
}

.profileLockOverlay__title {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

.profileLockOverlay__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.84);
}

.ck-editor {
    width: 100%;
    max-width: 100%;
}

.ck-editor__editable {
    min-height: 320px;
    max-height: 500px;
}

.ck.ck-editor__main > .ck-editor__editable {
    background: #fff;
    color: #111;
}

.newsAdminForm__group {
    min-width: 0;
}

.newsAdminForm__textarea {
    width: 100%;
    box-sizing: border-box;
}

.newsAdminForm {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 16px;
}

.newsAdminForm__group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.newsAdminForm__label {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
}

.newsAdminForm__input,.newsAdminForm__textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    color: #ffffff;
    border-radius: 12px;
    padding: 14px 16px;
    outline: none;
    transition: 0.2s ease;
}

.newsAdminForm__input {
    height: 52px;
}

.profileMainPanel[data-profile-panel="admin"] .newsAdminForm__input,
.profileMainPanel[data-profile-panel="admin"] .newsAdminForm__textarea,
.profileMainPanel[data-profile-panel="admin"] .newsCategoryOption {
    border-radius: 14px;
}

.profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel .button {
    min-width: 0;
    height: 40px;
    padding: 0 18px;
}

@media (max-width: 767px) {
    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__head,
    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__headActions {
        align-items: stretch;
    }

    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__headActions {
        width: 100%;
        justify-content: flex-start;
    }

    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel__status,
    .profileMainPanel[data-profile-panel="admin"] .minecraftLogPanel .button {
        width: 100%;
        justify-content: center;
    }
}

.newsAdminForm__textarea {
    resize: vertical;
    min-height: 120px;
}

.newsAdminForm__input:focus,.newsAdminForm__textarea:focus {
    border-color: rgba(42, 245, 160, 0.45);
    box-shadow: 0 0 0 3px rgba(42, 245, 160, 0.12);
}

.newsAdminForm__input::placeholder,.newsAdminForm__textarea::placeholder {
    color: #8fa3b8;
}

.newsAdminForm__input--color {
    padding: 8px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

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

.newsAdminForm__input--color::-webkit-color-swatch {
    border: 0;
    border-radius: 10px;
}

.newsAdminForm__input--color::-moz-color-swatch {
    border: 0;
    border-radius: 10px;
}

.profileMainPanel[data-profile-panel="admin"] #discordEmbedForm > .dn-grid {
    align-items: stretch;
}

.profileMainPanel[data-profile-panel="admin"] #discordEmbedForm > .dn-grid > .newsAdminForm__section {
    height: 100%;
}

.profileMainPanel[data-profile-panel="admin"] .discordTargetInline {
    margin-top: 8px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.profileMainPanel[data-profile-panel="admin"] .discordColorPicker {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: none;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.profileMainPanel[data-profile-panel="admin"] .discordColorPicker:hover {
    border-color: rgba(74, 245, 186, 0.24);
    background: rgba(255, 255, 255, 0.05);
}

.profileMainPanel[data-profile-panel="admin"] .discordColorPicker:focus-within {
    border-color: rgba(74, 245, 186, 0.44);
    box-shadow: 0 0 0 2px rgba(74, 245, 186, 0.12);
}

.profileMainPanel[data-profile-panel="admin"] .discordColorPicker__input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.profileMainPanel[data-profile-panel="admin"] .discordColorPicker__swatch {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: #2ecc71;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 8px 18px rgba(46, 204, 113, 0.14);
}

.profileMainPanel[data-profile-panel="admin"] .discordColorPicker__meta {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.profileMainPanel[data-profile-panel="admin"] .discordColorPicker__value {
    color: #f8fffd;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

.profileMainPanel[data-profile-panel="admin"] .discordEmbedPreview {
    --discord-embed-accent: #2ecc71;
    --discord-embed-accent-muted: rgba(46, 204, 113, 0.35);
    margin-top: 6px;
    padding: 22px;
    border-radius: 20px;
    border: 1px solid rgba(69, 248, 130, 0.12);
    background:
        linear-gradient(180deg, rgba(9, 17, 24, 0.98), rgba(6, 11, 16, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 16px 42px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.discordEmbedPreview__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.discordEmbedPreview__eyebrow {
    color: #7ef0ab;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

.discordEmbedPreview__hint {
    color: #8ea1b4;
    font-size: 13px;
    line-height: 1.5;
    text-align: right;
}

.discordEmbedPreview__message {
    padding: 12px 14px;
    border-left: 3px solid var(--discord-embed-accent);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
    color: #e4eef7;
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
}

.discordEmbedPreview__message.is-placeholder {
    border-left-color: var(--discord-embed-accent-muted);
    color: #8ea1b4;
}

.discordEmbedPreviewCard {
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(22, 27, 35, 0.98), rgba(12, 17, 24, 0.98));
}

.discordEmbedPreviewCard__bar {
    background: var(--discord-embed-accent);
}

.discordEmbedPreviewCard__body {
    min-width: 0;
    padding: 16px;
}

.discordEmbedPreviewCard__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.discordEmbedPreviewCard__titleWrap {
    min-width: 0;
    flex: 1;
}

.discordEmbedPreviewCard__author {
    margin-bottom: 6px;
    color: var(--discord-embed-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.2;
    text-transform: uppercase;
}

.discordEmbedPreviewCard__title {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.3;
    word-break: break-word;
}

.discordEmbedPreviewCard__title.is-placeholder,
.discordEmbedPreviewCard__description.is-placeholder,
.discordEmbedPreviewCard__footer.is-placeholder,
.discordEmbedPreviewCard__timestamp.is-placeholder {
    color: #8ea1b4;
}

.discordEmbedPreviewCard__thumbnail {
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid var(--discord-embed-accent-muted);
    background: rgba(255, 255, 255, 0.03);
}

.discordEmbedPreviewCard__thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.discordEmbedPreviewCard__description {
    margin-top: 12px;
    color: #d5e0eb;
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
}

.discordEmbedPreviewCard__imageWrap {
    margin-top: 14px;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid var(--discord-embed-accent-muted);
    background: rgba(255, 255, 255, 0.03);
}

.discordEmbedPreviewCard__imageWrap img {
    display: block;
    width: 100%;
    height: auto;
}

.discordEmbedPreviewCard__footer {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: #98a9bb;
    font-size: 13px;
    line-height: 1.5;
}

.discordEmbedPreviewCard__timestamp {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--discord-embed-accent-muted);
    color: #98a9bb;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.01em;
}

@media (max-width: 767px) {
    .profileMainPanel[data-profile-panel="admin"] .discordEmbedPreview {
        padding: 18px;
    }

    .discordEmbedPreview__head {
        flex-direction: column;
        align-items: flex-start;
    }

    .discordEmbedPreview__hint {
        text-align: left;
    }

    .discordEmbedPreviewCard__top {
        flex-direction: column;
    }

    .discordEmbedPreviewCard__thumbnail {
        width: 56px;
        height: 56px;
    }
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 180px;
    height: 48px;
    padding: 0 26px;
    border: none;
    border-radius: 999px;
    outline: none;
    background: linear-gradient(90deg, #22e2a6 0%, #20dcb9 45%, #2fbdf0 100%);
    color: #03140f;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.18s ease;
    /* 🔥 MINIMAL glow */
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

/* hover = tmavší, žádný neon */
.button:hover {
    transform: translateY(-1px);
    background: linear-gradient(90deg, #1fd79f 0%, #1dcaa9 45%, #25addf 100%);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
}

/* klik */
.button:active {
    transform: translateY(0);
    background: linear-gradient(90deg, #19bf8b 0%, #18b08e 45%, #2099c9 100%);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.18);
}

/* disabled */
.button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Shop Layout */
.dm-shop__balanceRow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    margin: 0 0 16px;
}

.dm-shop__balanceSpacer {
    min-height: 1px;
}

.dm-shop__balance {
    justify-self: end;
}

.dm-shop {
    width: 100%;
    padding: 32px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(20, 31, 48, 0.96), rgba(8, 18, 30, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-sizing: border-box;
}

.dm-shop__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.dm-product {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: visible;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(255, 255, 255, 0.07);
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.dm-product:hover {
    transform: translateY(-4px);
    border-color: rgba(49, 213, 167, 0.45);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.03));
}

.dm-product__imageWrap {
    aspect-ratio: 16 / 11;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
    background: rgba(0, 0, 0, 0.18);
}

.dm-product__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.dm-product__rankWrap {
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    aspect-ratio: 16 / 11;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
    background: rgba(0, 0, 0, 0.18);
}

.dm-product__rank {
    max-width: 200px;
    max-height: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.dm-product__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
}

.dm-product__name {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
}

.dm-product__price {
    font-size: 18px;
    font-weight: 900;
    color: #38e6b2;
}

.dm-product .button {
    width: 100%;
    min-width: 0;
}

/* Tooltip */
.dm-product::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 14px);
    transform: translateX(-50%) translateY(6px);
    width: 260px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(7, 14, 24, 0.96);
    border: 1px solid rgba(56, 230, 178, 0.22);
    color: #e8f5ff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.18s ease;
    z-index: 20;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

.dm-product::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 6px);
    transform: translateX(-50%) translateY(6px) rotate(45deg);
    width: 12px;
    height: 12px;
    background: rgba(7, 14, 24, 0.96);
    border-right: 1px solid rgba(56, 230, 178, 0.22);
    border-bottom: 1px solid rgba(56, 230, 178, 0.22);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.18s ease;
    z-index: 19;
}

.dm-product:hover::after,.dm-product:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

@media (max-width: 1400px) {
    .dm-shop__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .dm-shop {
        padding: 24px;
    }
    .dm-shop__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .dm-shop {
        padding: 18px;
        border-radius: 18px;
    }
    .dm-shop__grid {
        grid-template-columns: 1fr;
    }
    .dm-product::after {
        width: 220px;
        font-size: 12px;
    }
}

/* GROUP */
.dm-shop__group {
    margin-top: 30px;
}

/* NADPIS SEKCE */
.dm-shop__groupTitle {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    text-align: center;
}

/* smaragdy = jiná barva */
.dm-shop__groupTitle--emerald {
    color: #38e6b2;
}

@media (max-width: 767.98px) {
    .dm-shop__balanceRow {
        grid-template-columns: 1fr;
    }

    .dm-shop__balance {
        justify-self: center;
    }
}

/* 🔥 VELKÝ ODSTUP */
.dm-shop__divider {
    height: 1px;
    margin: 40px 0;
    background: linear-gradient(90deg,        transparent,        rgba(56, 230, 178, 0.25),        transparent    );
}

/* ceny */
.dm-product__currency--czk {
    color: #ffffff;
}

.dm-product__currency--emerald {
    color: #38e6b2;
}

.bonus {
    color: #00ff88;
    font-weight: bold;
}

.dm-product::after {
  content: attr(data-tooltip);
  white-space: pre-line; /* ← tohle je klíč */
}


/* index profil */

.communityUsersSection {
    position: relative;
    padding: 90px 0 56px;
    overflow-x: hidden;
    overflow-y: visible;
}

.homeFoundersSection {
    padding-top: 68px !important;
}

.communityUsersSection__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 36px;
}

.communityUsersSection__eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: #36f29a;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.communityUsersSection__title {
    margin: 0;
    color: #fff;
    font-size: 52px;
    line-height: 1.05;
    font-weight: 900;
    text-transform: uppercase;
}

.communityUsersSection__subtitle {
    margin: 0;
    color: #36f29a;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.communityUsersMarquee {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    padding-top: 12px;
    mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
}

.communityUsersMarquee__track {
    display: flex;
    width: max-content;
    gap: 26px;
    animation: communityUsersMarqueeMove 38s linear infinite;
}

.communityUsersMarquee:hover .communityUsersMarquee__track {
    animation-play-state: paused;
}

.communityUsersMarquee__group {
    display: flex;
    gap: 26px;
    flex-shrink: 0;
}

@keyframes communityUsersMarqueeMove {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-50% - 13px));
    }
}

.communityUserCard {
    width: 280px;
    flex: 0 0 280px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    min-height: 365px;
    padding: 30px 22px 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(8, 16, 24, 0.96) 0%, rgba(5, 11, 18, 0.96) 100%);
    border: 1px solid rgba(54, 242, 154, 0.12);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.communityUserCard::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top, rgba(54, 242, 154, 0.08), transparent 58%);
    pointer-events: none;
}

.communityUserCard:hover {
    transform: translateY(-6px);
    border-color: rgba(54, 242, 154, 0.28);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.40);
    text-decoration: none;
}

.communityUserCard__avatarWrap {
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
    width: 118px;
    height: 118px;
    border-radius: 50%;
    padding: 6px;
    background: linear-gradient(180deg, rgba(54, 242, 154, 0.65), rgba(54, 242, 154, 0.12));
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28);
}

.communityUserCard__avatar {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    background: #0b1118;
    border: 3px solid rgba(255, 255, 255, 0.08);
}

.communityUserCard__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex: 1 1 auto;
}

.communityUserCard__name {
    margin: 0 0 12px;
    color: #fff;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 800;
    text-transform: uppercase;
    word-break: break-word;
}

.communityUserCard__meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    width: 100%;
}

.communityUserCard__webRoleBadge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.communityUserCard__webRoleBadge--user {
    background: rgba(255, 255, 255, 0.06);
    color: #d1dbe5;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.communityUserCard__webRoleBadge--helper {
    background: linear-gradient(180deg, rgba(26, 188, 156, 0.16) 0%, rgba(9, 22, 19, 0.96) 100%);
    color: #b8fff2;
    border: 1px solid rgba(26, 188, 156, 0.32);
}

.communityUserCard__webRoleBadge--admin {
    background: linear-gradient(180deg, rgba(54, 242, 154, 0.16) 0%, rgba(9, 22, 16, 0.96) 100%);
    color: #b9ffe0;
    border: 1px solid rgba(54, 242, 154, 0.32);
}

.communityUserCard__webRoleBadge--manager,
.communityUserCard__webRoleBadge--editor {
    background: linear-gradient(180deg, rgba(46, 184, 239, 0.16) 0%, rgba(10, 20, 28, 0.96) 100%);
    color: #c1ebff;
    border: 1px solid rgba(46, 184, 239, 0.32);
}

.communityUserCard__webRoleBadge--ceo,
.communityUserCard__webRoleBadge--owner {
    background: linear-gradient(180deg, rgba(247, 201, 75, 0.16) 0%, rgba(29, 22, 8, 0.96) 100%);
    color: #ffe39d;
    border: 1px solid rgba(247, 201, 75, 0.32);
}

.communityUserCard__webRoleBadge--maindev {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.16) 0%, rgba(28, 10, 10, 0.96) 100%);
    color: #ff9999;
    border: 1px solid rgba(239, 68, 68, 0.32);
}

.communityUserCard__webRoleBadge--exposer {
    background: rgba(255, 255, 255, 0.06);
    color: #d1dbe5;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.communityUserCard__discordRole {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 600;
    text-align: center;
    max-width: 100%;
    flex-wrap: wrap;
}

.communityUserCard__discordRoleDot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 9px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.18);
}

.communityUserCard__discordRoleText {
    display: inline-block;
}

.communityUserCard__discordRole--empty {
    color: rgba(255, 255, 255, 0.45);
}

.communityUserCard__profileButton {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 11px 18px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(16, 27, 38, 0.96) 0%, rgba(10, 19, 28, 0.96) 100%);
    border: 1px solid rgba(54, 242, 154, 0.26);
    color: #72ffba;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: all 0.2s ease;
}

.communityUserCard:hover .communityUserCard__profileButton {
    border-color: rgba(54, 242, 154, 0.46);
    background: linear-gradient(180deg, rgba(20, 38, 50, 0.98) 0%, rgba(12, 25, 35, 0.98) 100%);
    color: #9cffcf;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(54, 242, 154, 0.10);
}

.communityUserCard__profileIcon {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.communityUsersEmpty {
    text-align: center;
    padding: 40px 20px;
    border-radius: 20px;
    background: rgba(8, 16, 24, 0.9);
    border: 1px solid rgba(54, 242, 154, 0.10);
    color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 991px) {
    .communityUsersSection {
        padding: 72px 0 44px;
    }

    .homeFoundersSection {
        padding-top: 52px !important;
    }

    .communityUsersSection__title {
        font-size: 40px;
    }

    .communityUsersMarquee__track,
    .communityUsersMarquee__group {
        gap: 18px;
    }

    .communityUserCard {
        width: 250px;
        flex: 0 0 250px;
        min-height: 345px;
    }
}

@media (max-width: 575px) {
    .communityUsersSection {
        padding: 58px 0 34px;
    }

    .homeFoundersSection {
        padding-top: 40px !important;
    }

    .communityUsersSection__title {
        font-size: 30px;
    }

    .communityUsersMarquee {
        mask-image: none;
        -webkit-mask-image: none;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .communityUsersMarquee__track {
        animation: none;
        gap: 16px;
        padding-bottom: 12px;
    }

    .communityUsersMarquee__group {
        gap: 16px;
    }

    .communityUserCard {
        width: 220px;
        flex: 0 0 220px;
        min-height: 315px;
        padding: 24px 18px 20px;
    }

    .communityUserCard__name {
        font-size: 20px;
    }

    .communityUserCard__avatarWrap {
        width: 96px;
        height: 96px;
    }

    .communityUserCard__webRoleBadge {
        font-size: 11px;
        padding: 5px 10px;
    }

    .communityUserCard__discordRole {
        font-size: 12px;
    }

    .communityUserCard__profileButton {
        min-height: 40px;
        padding: 10px 14px;
        font-size: 11px;
    }
}

/* support auth modal */
.supportAuthModal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    isolation: isolate;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.supportAuthModal.is-open {
    display: flex;
}

.supportAuthModal__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(3, 10, 16, 0.74);
    backdrop-filter: blur(2px);
    pointer-events: none;
}

.supportAuthModal__dialog {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    width: min(520px, calc(100vw - 32px));
    border-radius: 18px;
    background:
        linear-gradient(160deg, rgba(14, 27, 38, 0.98) 0%, rgba(7, 15, 23, 0.98) 100%);
    border: 1px solid rgba(54, 242, 154, 0.35);
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    padding: 22px 22px 18px;
}

.supportAuthModal__title {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;
}

.supportAuthModal__text {
    margin: 0;
    color: rgba(224, 236, 244, 0.9);
    font-size: 16px;
    line-height: 1.5;
}

.supportAuthModal__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.supportAuthModal__btn {
    border: 0;
    border-radius: 12px;
    min-height: 42px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.18s ease;
    pointer-events: auto;
}

.supportAuthModal__btn--ghost {
    background: rgba(21, 33, 44, 0.95);
    color: #cfdce5;
    border: 1px solid rgba(165, 187, 201, 0.28);
}

.supportAuthModal__btn--ghost:hover {
    color: #ffffff;
    border-color: rgba(197, 218, 229, 0.45);
}

.supportAuthModal__btn--confirm {
    background: linear-gradient(180deg, #32f29b 0%, #0fcd78 100%);
    color: #052413;
    box-shadow: 0 10px 22px rgba(22, 206, 122, 0.34);
}

.supportAuthModal__btn--confirm:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

@media (max-width: 575px) {
    .supportAuthModal__dialog {
        padding: 18px 16px 16px;
        border-radius: 14px;
    }

    .supportAuthModal__title {
        font-size: 20px;
    }

    .supportAuthModal__text {
        font-size: 15px;
    }

    .supportAuthModal__actions {
        margin-top: 14px;
    }
}

/* Minecraft redeem modal */
.minecraftRedeemModal {
    position: fixed;
    inset: 0;
    z-index: 2400;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility 0s linear .18s;
    will-change: opacity;
}

.minecraftRedeemModal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .18s ease;
}

.minecraftRedeemModal__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(5, 10, 16, 0.90);
    backdrop-filter: none;
    contain: paint;
    will-change: opacity;
    pointer-events: none;
}

.minecraftRedeemModal__dialog {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    width: min(720px, 100%);
    max-height: min(88vh, 860px);
    overflow: auto;
    padding: 24px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(15, 23, 32, 0.98) 0%, rgba(10, 16, 24, 0.98) 100%);
    border: 1px solid rgba(150, 178, 200, 0.2);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.34);
    transform: translateY(8px) scale(0.985);
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease;
    contain: layout paint;
    will-change: transform, opacity;
}

.minecraftRedeemModal.is-open .minecraftRedeemModal__dialog {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.minecraftRedeemModal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: rgba(24, 34, 45, 0.96);
    color: #eef5fa;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.16s ease, background 0.16s ease;
    pointer-events: auto;
}

.minecraftRedeemModal__close:hover {
    transform: scale(1.04);
    background: rgba(34, 47, 60, 1);
}

.minecraftRedeemModal__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #8be3ac;
}

.minecraftRedeemModal__title {
    margin: 0;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.1;
    color: #f5fbff;
}

.minecraftRedeemModal__text {
    margin: 12px 0 0;
    color: #c9d7e2;
    font-size: 15px;
    line-height: 1.7;
}

.minecraftRedeemModal__servers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.minecraftRedeemModal__serverForm {
    margin: 0;
    pointer-events: auto;
}

.minecraftRedeemModal__serverBtn {
    width: 100%;
    min-height: 116px;
    padding: 18px 16px;
    border: 1px solid rgba(146, 176, 198, 0.24);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(23, 33, 44, 0.98) 0%, rgba(16, 24, 33, 0.98) 100%);
    color: #edf5fb;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.14);
    pointer-events: auto;
}

.minecraftRedeemModal__serverBtn strong {
    display: block;
    font-size: 18px;
    line-height: 1.2;
}

.minecraftRedeemModal__serverBtn span {
    display: block;
    color: #a7bbca;
    font-size: 14px;
    line-height: 1.5;
}

.minecraftRedeemModal__serverBtn:hover {
    transform: translateY(-2px);
    border-color: rgba(129, 218, 169, 0.5);
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
}

.minecraftRedeemModal__serverBtn:disabled {
    cursor: not-allowed;
    opacity: 0.62;
    transform: none;
    box-shadow: none;
}

.minecraftRedeemModal__serverBtn:disabled:hover {
    transform: none;
    border-color: rgba(146, 176, 198, 0.24);
    box-shadow: none;
}

body.minecraft-redeem-open {
    overflow: hidden;
}

body.minecraft-redeem-open .claudoria-cursor {
    animation: none !important;
    transition: none !important;
    filter: none !important;
}

body.minecraft-redeem-open .profilePageHero *,
body.minecraft-redeem-open .profileLayout *,
body.minecraft-redeem-open .profileBox *,
body.minecraft-redeem-open .minecraftActions * {
    will-change: auto;
}

@media (prefers-reduced-motion: reduce), (max-width: 991.98px) {
    .minecraftRedeemModal,
    .minecraftRedeemModal__dialog,
    .minecraftRedeemModal__close,
    .minecraftRedeemModal__serverBtn {
        transition: none !important;
    }

    .minecraftRedeemModal__overlay {
        background: rgba(5, 10, 16, 0.94);
        backdrop-filter: none;
    }

    .minecraftRedeemModal__dialog {
        transform: none;
    }
}

.redeemCodesHistory {
    margin-top: 22px;
}

.redeemCodesList {
    display: grid;
    gap: 12px;
}

.redeemCodeCard {
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(146, 176, 198, 0.18);
    background: rgba(12, 19, 27, 0.72);
}

.redeemCodeCard__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.redeemCodeCard__code {
    font-size: 18px;
    letter-spacing: 0.08em;
    color: #f4fbff;
}

.redeemCodeCard__status {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(134, 190, 255, 0.12);
    color: #b8d7f2;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.redeemCodeCard__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-top: 10px;
    color: #a9bccb;
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 991.98px) {
    .minecraftRedeemModal__servers {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .minecraftRedeemModal {
        padding: 14px;
    }

    .minecraftRedeemModal__dialog {
        padding: 18px 16px 16px;
        border-radius: 18px;
    }

    .minecraftRedeemModal__title {
        font-size: 22px;
    }

    .minecraftRedeemModal__serverBtn {
        min-height: 100px;
        padding: 16px 14px;
    }

    .redeemCodeCard__top {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Footer legal links keep one-line labels */
.footer-style-one .footer-legal-links li a {
    white-space: nowrap;
}

.footer-style-one .footer-legalCol {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    width: 100%;
}

.footer-style-one .footer-legalWidget {
    margin-bottom: 0;
    width: 100%;
}

.footer-style-one .footer-widget.widget_nav_menu .fw-title,
.footer-style-one .footer-legalTitle {
    font-size: 22px;
    line-height: 1.1;
    margin: 0 0 25px;
    text-transform: uppercase;
    white-space: nowrap;
}

.footer-style-one .footer-legalTitle {
    overflow-wrap: normal;
}

.footer-style-one .footer-legalList {
    margin-top: 0 !important;
}

.footer-style-one .footer-legalList li {
    margin-bottom: 8px;
}

@media (max-width: 767.98px) {
    .footer-style-one .footer-legalTitle {
        white-space: normal;
    }
}

.footer-style-one .footer-newsletter p {
    font-size: 18px;
    line-height: 1.6;
    max-width: 620px;
}

.footer-style-one .footer-newsletter-form [type=email] {
    min-height: 64px;
    font-size: 17px;
    padding-left: 24px;
}

.footer-style-one .footer-newsletter-form [type=email]::placeholder {
    font-size: 17px;
}

/* Classic cursor fallback - custom cursor fully disabled */
body,
html,
a,
button,
input,