/* @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"); */
    /* @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

    @import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */
    
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
    /* New */
    
    @font-face {
        font-family: 'Berlin Sans FB Bold';
        src: url('/assets/fonts/berlinsans/BerlinSansFB-Bold.woff2') format('woff2'), url('/assets/fonts/berlinsans/BerlinSansFB-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Berlin Sans FB';
        src: url('/assets/fonts/berlinsans/BerlinSansFB-Reg.woff2') format('woff2'), url('/assets/fonts/berlinsans/BerlinSansFB-Reg.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Data Trash';
        src: url('/assets/fonts/datatrash/DataTrash.woff2') format('woff2'), url('/assets/fonts/datatrash/DataTrash.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    /* @font-face {
        font-family: 'Data Trash Bold';
        src: url('../fonts/datatrash/DataTrash2.woff2') format('woff2'),
            url('../fonts/datatrash/DataTrash2.woff') format('woff');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    } */
    
    @font-face {
        font-family: 'Futura Md BT';
        src: url('/assets/fonts/futura/FuturaBT-Bold.woff2') format('woff2'), url('/assets/fonts/futura/FuturaBT-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Gadugi';
        src: url('/assets/fonts/gadugi/Gadugi.woff2') format('woff2'), url('/assets/fonts/gadugi/Gadugi.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Gadugi Bold';
        src: url('/assets/fonts/gadugi/Gadugi-Bold.woff2') format('woff2'), url('/assets/fonts/gadugi/Gadugi-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Panton Black Caps';
        src: url('/assets/fonts/panton/Panton-BlackCaps.woff2') format('woff2'), url('/assets/fonts/panton/Panton-BlackCaps.woff') format('woff');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'andreasregular';
        src: url('/assets/fonts/andreas/andreas-webfont.woff2') format('woff2'), url('/assets/fonts/andreasandreas-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    /*  */
    
     :root {
        --Berlin-Sans-FB: 'Berlin Sans FB';
        --Berlin-Sans-FB-Bold: 'Berlin Sans FB Bold';
        --Data-Trash: 'Data Trash';
        /* --Data-Trash-Bold: 'Data Trash Bold'; */
        --Futura-Md-BT: 'Futura Md BT';
        --Gadugi: 'Gadugi';
        --Gadugi-bold: 'Gadugi Bold';
        --Panton-Black-Caps: 'Panton Black Caps';
        --Andreas: 'andreasregular';
        --cursor-close-svg-url: url("https://ik.imagekit.io/3sc26v9yk/img/cursor-close.svg");
        /* --tg-body-font-family:  'Poppins',  sans-serif;
    --tg-heading-font-family:  "Roboto Condensed", sans-serif;
    --tg-main-heading-font-family:  "Kanit", 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: #3786ff;
        --tg-common-color-cyan: #0dcaf0;
        --tg-common-color-rating: #ffa70a;
        --tg-common-color-white: #fff;
        --tg-common-color-gray: #0a0b10;
        --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: #000003;
        --tg-common-color-black-7: #040608;
        --tg-common-color-black-8: #0d141b;
        --tg-common-color-black-9: #111922;
        --tg-common-color-1a1a18: #1a1a18;
        --tg-body-color: #fff;
        --tg-heading-color: #fff;
        --tg-theme-primary: #3786ff;
        --tg-theme-secondary: #ffbe18;
        --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; */
        --main-heading-font-size: 52px;
        --main-heading-large-font-size: 112px;
    }
    
    body {
        font-family: var(--Gadugi);
        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-6);
    }
    
    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: var(--tg-theme-secondary);
        text-decoration: none;
    }
    
    button:focus,
    input:focus,
    input:focus,
    textarea,
    textarea:focus {
        outline: 0;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--tg-main-heading-font-family);
        color: var(--tg-heading-color);
        margin-top: 0px;
        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: 0px;
        padding: 0px;
    }
    
    .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 rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 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 rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 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; */
        margin-top: 115px;
    }
    
    .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;
        }
    }
    
    .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);
    }
    
    .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: 0.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: 0.8px;
        position: relative;
        overflow: hidden;
        justify-content: center;
        text-align: center;
        min-width: 195px;
        z-index: 1;
    }
    
    .tg-btn-1::before,
    .tg-btn-1::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%);
        background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' fill='white' width='100.25' height='126.657' viewBox='0 0 30.25 56.657'%3e%3cpath id='shape.svg' class='cls-1' d='M248.391%2c576.3L218.17%2c605.258l30.221%2c27.7L226.985%2c604Z' transform='translate(-218.156 -576.312)'/%3e%3c/svg%3e");
        width: 30px;
        height: calc(100% + 6px);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
    }
    
    .tg-btn-1::after {
        left: auto;
        right: 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);
    }
    
    .tg-btn-1 span::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--tg-theme-primary);
        clip-path: polygon(28px 0, calc(85% + 2px) 0, 100% 50%, calc(85% + 1px) 100%, 28px 100%, 0% 50%);
        border-top: 2px solid var(--tg-common-color-white);
        border-bottom: 2px solid 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;
        z-index: -1;
    }
    
    .tg-btn-1:hover {
        color: var(--tg-common-color-black-2);
    }
    
    .tg-btn-1:hover span::after {
        background: var(--tg-common-color-white);
    }
    
    .tg-btn-1.-btn-yellow span::after {
        background: var(--tg-theme-secondary);
    }
    
    .tg-btn-1.-btn-yellow:hover span::after {
        background: 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 20px;
        font-size: 15px;
        letter-spacing: 0.8px;
        position: relative;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-image: url("data:image/svg+xml, %3csvg width='157' height='48' viewBox='0 0 157 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1_14)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M131.75 2L155.75 25L131.75 47L148.75 24L131.75 2Z' fill='%2345F882'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M25 1L1 24.5111L25 47L8 23.4889L25 1Z' fill='%2345F882'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.75 1L0.75 25L23.75 47H131.75L155.75 25L131.75 1H24.75Z' stroke='%2345F882' stroke-width='1.5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1_14'%3e%3crect width='156.5' height='47.5' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
        min-width: 157px;
        min-height: 48px;
        z-index: 1;
    }
    
    .tg-border-btn::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: var(--tg-theme-primary);
        clip-path: polygon(27px 0, calc(85% - 3px) 0, 100% 50%, calc(85% - 1px) 100%, 24px 100%, 0% 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;
        opacity: 0;
        z-index: -1;
    }
    
    .tg-border-btn i {
        margin-right: 10px;
    }
    
    .tg-border-btn:hover {
        color: var(--tg-common-color-black-2);
    }
    
    .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);
        border: 2px solid var(--tg-theme-primary);
        white-space: nowrap;
        font-size: 20px;
        padding: 14px 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;
    }
    
    .tg-btn-2::before,
    .tg-btn-2::after {
        content: "";
        position: absolute;
        left: -2px;
        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/icons/btn_shape01.png);
        width: 15px;
        height: 51px;
        pointer-events: none;
    }
    
    .tg-btn-2::after {
        left: auto;
        right: -2px;
        -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);
    }
    
    .tg-btn-2:hover {
        background-color: var(--tg-theme-primary);
        color: var(--tg-common-color-black-2);
    }
    
    .tg-btn-2.-secondary {
        border: 2px solid var(--tg-theme-secondary);
    }
    
    .tg-btn-2.-secondary::before,
    .tg-btn-2.-secondary::after {
        background-image: url(../img/icons/btn_shape02.png);
    }
    
    .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: transparent;
        border: none;
        white-space: nowrap;
        font-size: 16px;
        padding: 15px 25px;
        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;
        width: 188px;
        height: 61px;
    }
    
    @media (max-width: 767.98px) {
        .tg-btn-3 {
            width: 166px;
            height: 53px;
            padding: 13px 22px;
            font-size: 15px;
        }
    }
    
    .tg-btn-3:hover span {
        /* color:  var(--tg-common-color-black-2); */
        opacity: .9;
    }
    
    .tg-btn-3 .svg-icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        fill: #fff;
        /* stroke:  var(--tg-common-color-white); */
        /* stroke: var(--tg-common-color-rating); */
        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;
    }
    
    .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(0.86, 0, 0.07, 1);
        -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    
    .search__popup-wrap::after {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 370px;
        background-image: url(../img/bg/search_wave.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: 0px;
    }
    
    .search__layer {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        background-color: rgba(15, 22, 27, 0.9);
        -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
        -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
        transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        transition-timing-function: cubic-bezier(0.86, 0, 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 0px rgba(69, 248, 130, 0.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: transparent;
        color: var(--tg-common-color-white);
    }
    
    .search__form form input::placeholder {
        font-size: 30px;
        opacity: 0.5;
    }
    
    .search__form form button {
        position: absolute;
        right: 20px;
        background: transparent;
        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-6);
    }
    
    .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-6);
        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 transparent;
        border-radius: 50%;
        animation: preloader 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: var(--tg-theme-primary) transparent transparent transparent;
    }
    
    .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(0.785, 0.135, 0.15, 0.86);
        -moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }
    
    .offCanvas__wrap::-webkit-scrollbar {
        width: 0px;
    }
    
    @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: 0.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: transparent;
        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: transparent;
        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: 0.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: 14px;
        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: 0.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: 361px;
        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: #fff;
        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;
        padding: 0 80px;
    }
    
    @media (max-width: 1199.98px) {
        .breadcrumb__wrapper {
            padding: 0 0;
        }
    }
    
    @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;
        font-family: var(--Andreas);
        letter-spacing: .8px;
    }
    
    @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(0.36, 0.07, 0.19, 0.97) both;
        animation: breadcrumbShake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.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: #101010; */
        padding: 120px 0 230px;
        overflow: hidden;
    }
    
    .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: transparent;
        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: transparent;
        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; */
        background-image: url("/assets/img/icons/accordion-ic.svg");
        font-size: 38px;
        font-family: var(--tg-icon-font-family);
        color: var(--tg-body-color);
        /* opacity: 0.76; */
        width: auto;
        height: auto;
        background-size: 2.5rem;
        line-height: 15px;
    }
    
    .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;
        position: relative;
        display: none;
    }
    
    .faq__wrapper .accordion-button:not(.collapsed) .count::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50px;
        padding: 2px;
        background: linear-gradient(rgb(255, 153, 67) 40%, rgb(255, 61, 228) 44%, rgb(0, 125, 255) 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
    }
    
    .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: transparent;
        color: #fff;
    }
    
    .faq__wrapper .accordion-body {
        /* padding:  11px 0 0 45px; */
        padding: 11px 0 0 0;
    }
    
    @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: transparent;
        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: transparent;
        border-color: transparent;
    }
    
    .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;
        line-height: 45px;
        text-align: center;
        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: #ddd;
        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, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 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;
            line-height: 40px;
            text-align: center;
            right: 30px;
            font-size: 18px;
        }
    }
    
    @media (max-width: 767.98px) {
        .scroll__top {
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 16px;
            right: 15px;
        }
    }
    
    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .scroll__top {
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            right: 25px;
        }
    }
    
    .section__title {
        position: relative;
    }
    
    .section__title .sub-title {
        display: inline-block;
        /* width: auto; */
        text-transform: uppercase;
        font-size: 24px;
        /* letter-spacing: 2px; */
        /* font-weight: var(--tg-fw-semi-bold); */
        /* color: var(--tg-common-color-rating); */
        color: #fff;
        line-height: 1;
        font-family: var(--Gadugi-bold);
        margin-bottom: 20px;
        background: rgb(249, 174, 41);
        /* background: linear-gradient(100deg, rgba(249,174,41,1) 0%, rgba(185,83,154,1) 47%, rgba(81,72,152,1) 75%, rgba(71,121,189,1) 100%) text; */
        background: linear-gradient(100deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) text;
        -webkit-text-fill-color: transparent;
        /* -webkit-text-stroke: 3px transparent; */
    }
    
    @media (max-width: 767.98px) {
        .section__title .sub-title {
            margin: 0 0 10px;
        }
    }
    
    .section__title .title {
        font-size: var(--main-heading-font-size);
        /* font-weight:  var(--tg-fw-extra-bold); */
        font-family: var(--Andreas);
        /* letter-spacing:  1px; */
        margin: 0 0;
        letter-spacing: .8px;
        /* background: linear-gradient(rgb(255, 153, 67) 40%, rgb(255, 61, 228) 44%, rgb(0, 125, 255) 100%) text;
    -webkit-text-fill-color: #000;
    -webkit-text-stroke: 3px transparent;
    letter-spacing: 3px; */
    }
    
    @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;
        }
        .how-it-works .section__title .title br {
            display: block;
        }
    }
    
    .section__title::after {
        content: "";
        display: block;
        background-image: url(../img/bg/title_shape.svg);
        width: 65px;
        height: 5px;
        margin: 20px auto 0;
        display: none;
    }
    
    .how-it-works .title {
        font-size: 92px;
    }
    
    .how-it-works .project-active img {
        width: 100%;
    }
    
    .how-it-works .project-active .project__item {
        /* height: 600px; */
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        height: 100%;
    }
    
    .how-it-works .project-active .project__item .project__item__wrap {
        text-align: center;
        /* font-family: var(--Gadugi-bold); */
        text-transform: inherit;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    
    .how-it-works .project__wrapper {
        margin-bottom: 0;
    }
    
    .how-it-works .project-active .project__item .project__item__wrap .number {
        font-size: 420px;
        /* border-image: linear-gradient(164deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%) 1; */
        background: linear-gradient(180deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%) text;
        -webkit-text-fill-color: #000;
        -webkit-text-stroke: 3px transparent;
        line-height: 1;
    }
    
    .how-it-works .project-active .project__item .project__item__wrap .content-wrap {
        margin-top: -115px;
    }
    
    .how-it-works .project-active .project__item .project__item__wrap .content-wrap h3 {
        font-family: var(--Gadugi-bold);
        line-height: 1.2;
        font-size: 24px;
        margin-bottom: 0;
        padding: 0 20px;
    }
    
    .how-it-works .slider-button-prev.hiw .flaticon-right-arrow {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
    }
    
    .how-it-works .title::after {
        content: "";
        display: block;
        background-image: url(/assets/img/icons/heading-bottom-cmyk.svg);
        width: 100%;
        height: 14px;
        margin: 20px auto 0;
        background-repeat: no-repeat;
        /* background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%); */
    }
    
    .section__title.title-shape-none::after {
        display: none;
    }
    
    .section__title.text-start .title {
        /* line-height:  1.15;
    background: transparent;
    -webkit-text-fill-color: var(--tg-heading-color); */
        /* font-weight: var(--tg-fw-semi-bold); */
        /* background: linear-gradient(rgb(255, 255, 255) 40%, rgb(255, 255, 255) 44%, rgb(255, 255, 255) 100%) text;
    -webkit-text-fill-color: #000;
    -webkit-text-stroke: 3px transparent;
    letter-spacing: 3px; */
    }
    
    .section__title.text-start.grad .title {
        background: linear-gradient(rgb(255, 153, 67) 40%, rgb(255, 61, 228) 44%, rgb(0, 125, 255) 100%) text;
        -webkit-text-fill-color: #000;
        -webkit-text-stroke: 3px transparent;
    }
    
    .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: 19px;
        border: 2px solid var(--tg-theme-primary);
        padding: 5px 10px;
        border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
    }
    
    @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;
        }
    }
    
    @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;
        }
    }
    
    .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: inline-block;
        position: relative;
        list-style: none;
    }
    
    .tgmenu__navbar-wrap ul li a {
        font-size: 18px;
        /* 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: inline-block;
        line-height: 1;
        position: relative;
        letter-spacing: .8px;
        z-index: 1;
        font-family: var(--Andreas);
    }
    
    .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: 0px 30px 70px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 30px 70px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 30px 70px 0px rgba(0, 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: 0.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); */
        background: rgb(249, 174, 41);
        /* background: linear-gradient(100deg, rgba(249,174,41,1) 25%, rgba(185,83,154,1) 47%, rgba(81,72,152,1) 75%, rgba(71,121,189,1) 100%) text; */
        background: linear-gradient(100deg, #fdb137 25%, #f74de9 47%, #595bf4 75%, #208afa 100%) text;
        -webkit-text-fill-color: transparent;
        /* -webkit-text-stroke: 3px transparent; */
    }
    
    .tgmenu__navbar-wrap>ul>li.active.ic>a {
        background: linear-gradient(100deg, #fdb137 42%, #f74de9 65%, #595bf4 90%, #208afa 100%) text;
    }
    
    .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 {
        width: 150px;
        height: 45px;
        /* color:  var(--tg-theme-primary); */
        /* color: var(--tg-common-color-black-2); */
        font-size: 15px;
        letter-spacing: .8px;
        font-family: var(--Data-Trash);
    }
    
    .tgmenu__action>ul li .tg-btn-3 i {
        margin-right: 12px;
    }
    
    .tgmenu__action>ul li .tg-btn-3 .svg-icon {
        /* fill:  #0f1d29; */
        /* fill: var(--tg-common-color-rating); */
        /* stroke:  var(--tg-theme-primary); */
        background-image: url('../../assets/img/icons/shape02-new.svg?v=1.0');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 2px;
    }
    
    
    @media (max-width: 1199.98px) {
        .tgmenu__action {
            /* margin-right: 40px; */
            margin-right: 10px;
        }
    }
    
    .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: 0px;
        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 0px 3px 7px 0px rgba(0, 0, 0, 0.61);
    }
    
    @media (max-width: 1199.98px) {
        .tgmenu__action .header-btn::before {
            box-shadow: inset 0px 3px 7px 0px var(--tg-theme-primary);
            opacity: 0.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 {
        max-width: 77px;
    }
    
    .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-black-6);
        -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 rgba(0, 0, 0, 0.2);
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
        opacity: 1;
    }
    
    .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: transparent;
        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: 99;
        border-radius: 0px;
        transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;
        -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.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 {
        /* max-width: 150px; */
        max-width: 70px;
    }
    
    .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;
        font-family: var(--Andreas);
    }
    
    .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;
        text-transform: capitalize;
    }
    
    .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: 2;
        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: rgba(0, 0, 0, 0.5);
    }
    
    .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: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background: #1A1A18;
        padding: 0px 0px;
        z-index: 5;
        box-shadow: -9px 0 14px 0px rgba(0, 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;
        height: 88vh;
    }
    
    @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); */
        background: #FFFFFF;
        background: linear-gradient(rgb(255, 153, 67) 40%, rgb(255, 61, 228) 44%, rgb(0, 125, 255) 100%) text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        position: relative;
        padding: 17px 0 17px 0px;
    }
    
    @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;
        background-image: url(../img/slider/text_gradient_bg.png);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        z-index: -1;
        opacity: 0.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: 90px;
        /* font-family:  var(--tg-berlin-font-family); */
        font-family: var(--tg-body-font-family);
        line-height: 1;
        text-shadow: -1px 5px 0px rgb(58 57 54);
    }
    
    @media (max-width: 1500px) {
        .slider__content .title {
            font-size: 68px;
        }
    }
    
    @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 0px rgba(69, 248, 130, 0.66);
        }
    }
    
    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .slider__content .title {
            font-size: 17vw;
            text-shadow: -1px 5px 0px rgba(69, 248, 130, 0.66);
        }
    }
    
    .slider__content p {
        margin: 0 0;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: 1.4;
        color: var(--tg-common-color-white);
        font-family: var(--tg-heading-font-family);
    }
    
    @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__bg {
            height: 69vh;
        }
    }
    
    .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__shapes {
        opacity: 0.27;
    }
    
    .slider__shapes img {
        position: absolute;
        animation: shapeBlinker 1.5s linear infinite;
        opacity: 0;
        z-index: -1;
    }
    
    .slider__shapes img:nth-child(1) {
        left: 23%;
        top: 17%;
        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%;
        }
    }
    
    .slider__shapes img:nth-child(2) {
        left: 29%;
        bottom: 45%;
        animation-delay: 0.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%;
        }
    }
    
    .slider__shapes img:nth-child(3) {
        right: 47%;
        top: 20%;
        animation-delay: 0.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%;
        }
    }
    
    .slider__shapes img:nth-child(4) {
        right: 42%;
        top: 23%;
        animation-delay: 0.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%;
        }
    }
    
    .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: 20px 60px;
        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: 100vh;
            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;
    }
    
    .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%, rgba(31, 41, 53, 0.36078) 100%);
        background-image: -webkit-linear-gradient(90deg, #0c0e12 0%, rgba(31, 41, 53, 0.36078) 100%);
        background-image: -ms-linear-gradient(90deg, #0c0e12 0%, rgba(31, 41, 53, 0.36078) 100%);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid rgba(76, 76, 76, 0.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: rgba(69, 248, 130, 0.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: 0.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, rgb(12, 14, 18) 0%, rgb(16, 24, 31) 100%);
        background-image: -webkit-linear-gradient(90deg, rgb(12, 14, 18) 0%, rgb(16, 24, 31) 100%);
        background-image: -ms-linear-gradient(90deg, rgb(12, 14, 18) 0%, rgb(16, 24, 31) 100%);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -o-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid rgba(76, 76, 76, 0.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: transparent;
        -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;
    }
    
    .area-background {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        /* background-color: #101010; */
    }
    
    .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 transparent;
        -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 transparent;
        -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, rgba(2, 0, 36, 0) 0%, var(--tg-theme-primary) 100%);
        opacity: 0.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: 0.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: 0px 3px 7px 0px rgba(0, 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;
        /* margin-top: -70px; */
        margin-top: -62px;
    }
    
    @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; */
            margin: 0;
        }
    }
    
    .about__funFact-images::after {
        content: "";
        /* position:  absolute; */
        bottom: 0;
        right: 0;
        width: 100%;
        height: calc(100% + 15px);
        background: var(--tg-common-color-black-6);
        -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: 0.84;
        z-index: -1;
    }
    
    .about__funFact-images .main-img {
        /* position:  absolute; */
        left: 0;
        right: 0;
        bottom: 0;
        /* max-width:  662px; */
        /* max-width:  500%; */
        max-width: 960px;
        margin: 0 auto;
    }
    
    @media (max-width: 1199.98px) {
        .about__funFact-images .main-img {
            /* max-width: 315px; */
            max-width: 150%;

        }

    }
    
    @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; */
            max-width: 100%;

        }
    }
    
    .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: 16px;
        color: var(--tg-common-color-white);
        letter-spacing: 0.5px;
        /* font-weight:  var(--tg-fw-bold); */
        width: 158px;
        height: 55px;
        font-family: var(--Andreas);
        padding-top: 20px;
    }
    
    .about__content-btns .svg-icon {
        /* fill:  transparent; */
        /* 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: 0.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: 0px 3px 7px rgba(0, 0, 0, 0.004);
        line-height: 0.8;
        opacity: 0.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; */
        text-align: center;
    }
    
    @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: 85px;
        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); */
        background: linear-gradient(rgb(255, 153, 67) 40%, rgb(255, 61, 228) 44%, rgb(0, 125, 255) 100%) text;
        -webkit-text-fill-color: #000;
        -webkit-text-stroke: 3px transparent;
    }
    
    .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: 0px 3px 7px 0px rgba(0, 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;
    }
    
    .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(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.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: 0px 3px 7px 0px rgba(0, 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(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
    
    .gallery-active .swiper-scrollbar {
        background: rgba(69, 248, 130, 0.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;
            /* margin:  0 -50px 0 100px; */
        }
    }
    
    @media (max-width: 1199.98px) {
        .project-active {
            margin: 0 -230px 0 80px;
        }
    }
    
    @media (max-width: 991.98px) {
        .project-active {
            margin: 0 -30px 0 20px;
        }
    }
    
    @media (max-width: 767.98px) {
        .project-active {
            margin: -110px 0 0 60px;
        }
    }
    
    .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: transparent;
        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: 0.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: 0px 3px 13px 0px rgba(0, 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: 0.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: 0.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: 0px 3px 7px 0px rgba(0, 0, 0, 0.21), inset 0px 3px 9px 0px rgba(0, 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: 0.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;
    }
    
    .streamers-active {
        margin: 0 -15px 0;
    }
    
    .streamers__item {
        border: 1px solid transparent;
        /* border:  1px solid rgb(44, 43, 43); */
        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: #fff; */
        border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
    }
    
    .streamers__item:hover .streamers__thumb::before {
        opacity: 0;
    }
    
    .streamers__item:hover .streamers__thumb::after {
        height: 100%;
        opacity: 0.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: rgb(14, 20, 30);
        background: linear-gradient(0deg, rgb(14, 20, 30) 0%, rgba(255, 255, 255, 0) 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-common-color-black-6);
        background: linear-gradient(0deg, var(--tg-common-color-black-6) 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; */
        border: 1px solid transparent;
        width: 100%;
    }
    
    .streamers__content {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 28px;
        pointer-events: none;
        z-index: 1;
        display: none;
    }
    
    .streamers__content .name {
        font-size: 20px;
        letter-spacing: 1px;
        margin: 0 0;
        text-transform: initial;
    }
    
    .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: 0.52;
    }
    
    .streamers__pagination-dots>*.swiper-pagination-bullet-active {
        /* background:  var(--tg-common-color-rating); */
        background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
        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%;
        }
    }
    
    .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: 0.22;
        z-index: -1;
    }
    
    .video-bg::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(../img/bg/video_overlay.png);
        background-position: center;
        background-size: cover;
        opacity: 0.38;
        z-index: -1;
    }
    
    .video__content .popup-video {
        display: inline-block;
        font-size: 86px;
        line-height: 1;
        box-shadow: 0px 5px 12px 0px rgba(0, 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: 0px 3px 7px rgba(0, 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: 0.9px;
    }
    
    .mfp-iframe-holder .mfp-content {
        max-width: 1200px;
    }
    
    @media (max-width: 1500px) {
        .mfp-iframe-holder .mfp-content {
            max-width: 900px;
        }
    }
    
    .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;
        background-attachment: fixed;
    }
    
    .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: 3px;
        height: 100%;
        background: -moz-linear-gradient(90deg, #10161c 0%, #d747e8 100%);
        background: -webkit-linear-gradient(90deg, #10161c 0%, #d747e8 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; */
        margin-bottom: 20px;
        background-color: #101010;
        box-shadow: 0px 3px 7px 0px rgba(0, 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;
        font-family: var(--tg-heading-font-family);
        font-family: var(--Gadugi-bold);
    }
    
    @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: -42px;
        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: transparent transparent transparent #d747e8;
        opacity: 0;
    }
    
    @media (max-width: 767.98px) {
        .roadMap__steps-item::before {
            left: -34px;
        }
    }
    
    .roadMap__steps-item.active::before {
        opacity: 0.9;
    }
    
    .roadMap__steps-item:last-child {
        margin-bottom: 0;
    }
    
    .roadMap__steps-item:hover .roadMap__steps-img,
    .roadMap__steps-item.active .roadMap__steps-img {
        opacity: 0.21;
    }
    
    .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;
        clip-path: polygon(100% 50%, 0 0, 0 100%);
    }
    
    .roadMap__list li.active::before {
        background-color: #d747e8;
        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;
        z-index: 1;
    }
    
    .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: 0.1;
    }
    
    @media (max-width: 1199.98px) {
        .upcoming-match__item::before {
            opacity: 0.05;
        }
    }
    
    @media (max-width: 767.98px) {
        .upcoming-match__item::before {
            top: 60%;
        }
    }
    
    .upcoming-match__item .svg-icon {
        fill: #101010;
        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: 0px 3px 7px 0px rgba(0, 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: rgba(12, 23, 29, 0.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: 0.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;
    }
    
    .match__result-area {
        position: relative;
        padding: 105px 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: 0.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: 0px 3px 7px 0px rgba(0, 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: #fff;
        -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;
    }
    
    .social-bg {
        background-position: bottom center;
        padding: 140px 0 150px;
        margin: -18px 0 -30px;
        filter: drop-shadow(0px 1px 0 rgba(255, 255, 255, 0.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-heading-color); */
        width: 195px;
        height: 160px;
        position: relative;
        margin: 0 0 5px;
        /* background: rgb(255,255,255); */
        /* border-image: linear-gradient(140deg, rgba(255,255,255,1) 0%, rgba(255,153,67,1) 0%, rgba(255,61,228,1) 55%, rgba(0,125,255,1) 100%); */
        border-width: 2px;
        border-style: solid;
        /* border-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,153,67,1) 0%, rgba(255,61,228,1) 55%, rgba(0,125,255,1) 100%) 1; */
        /* border-image: linear-gradient(164deg, rgba(249,174,41,1) 0%, rgba(185,83,154,1) 47%, rgba(81,72,152,1) 75%, rgba(71,121,189,1) 100%) 1; */
        border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
    }
    
    @media (max-width: 1199.98px) {
        .social__item a {
            width: 100%;
            height: 115px;
        }
    }
    
    .social__item a svg {
        fill: var(--tg-heading-color);
        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-heading-color);
        /* background: linear-gradient(to right, #FFFFFF 0%, #FF9943 0, #FF3DE4 34%, #007DFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
        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: auto;
        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: #888888;
        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: 0.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: 120px;
        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;
        padding-right: 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: 0.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: 325px;
        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: 35px;
        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: 0.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; */
        width: 276px;
        flex: 0 0 auto;
        padding-left: 35px;
        padding-right: 35px;
        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: 0.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: 14px;
        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 30px;
        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: 0.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);
    }
    
    .brand-area {
        padding: 120px 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;
    }
    
    .shop-area {
        padding: 120px 0 120px;
    }
    .shop-area .list-wrap {
        flex-wrap: wrap;
    }
    .shop-details-area {
        padding: 120px 0 85px;
    }
    
    .shop-sidebar {
        margin-right: 22px;
    }
    
    @media (max-width: 991.98px) {
        .shop-sidebar {
            margin: 100px 0 0;
        }
        .shop-sidebar.cst {
            margin-top: 0;
        }
    }
    
    @media (max-width: 767.98px) {
        .shop-sidebar {
            margin: 70px 0 0;
        }

    }
    
    .shop__widget {
        border: 1px solid #2c2b2b;
        /* -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;
        font-family: var(--Gadugi-bold);
    }
    
    .shop__widget-title::before {
        content: "\f0da";
        font-family: var(--tg-icon-font-family);
        font-size: 20px;
        color: var(--tg-theme-primary);
        font-weight: 600;
    }
    
    .shop__widget-inner {
        background: #101010;
        border: 1px solid #2c2b2b;
        /* -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: transparent;
        font-weight: var(--tg-fw-medium);
    }
    
    .shop__search input::placeholder {
        opacity: 0.63;
        font-weight: var(--tg-fw-medium);
    }
    
    .shop__search button {
        background: transparent;
        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: transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 6px 5px;
        border-color: transparent transparent var(--tg-theme-primary) transparent;
        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: transparent;
        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: 0.5px;
        font-size: 15px;
    }
    
    .shop__price-slider-amount [type=text] {
        border: none;
        padding: 0;
        width: auto;
        background: transparent;
        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;
        font-weight: 600;
    }
    
    .shop__ordering select {
        background-image: -moz-linear-gradient(90deg, rgba(18, 21, 24, 0.4902) 0%, rgba(31, 41, 53, 0.36078) 100%);
        /* background-image: -webkit-linear-gradient(90deg,  rgba(18,  21,  24,  0.4902) 0%,  rgba(31,  41,  53,  0.36078) 100%); */
        background-image: -ms-linear-gradient(90deg, rgba(18, 21, 24, 0.4902) 0%, rgba(31, 41, 53, 0.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;
        outline: none;
        padding: 12px 40px 12px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        background: #101010;
        border: 1px solid #2c2b2b;
    }
    
    @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: rgb(245, 246, 249);
        background: radial-gradient(circle, rgb(245, 246, 249) 0%, rgba(255, 255, 255, 0) 100%);
        height: 1px;
        opacity: 0.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 0.3rem rgba(19, 19, 19, 0.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 0.75rem rgba(19, 19, 19, 0.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: 0px 3px 7px 0px rgba(0, 0, 0, 0.18);
        border-width: 0.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: 0.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 #2c2b2b;
        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 transparent;
        -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;
        }
        .tournament-details-page .product__desc-wrap .nav-link {
            padding: 11px 25px;
        }
        .tournament-details-page .product__desc-wrap .nav {
            justify-content: center;
        }
    }
    
    .product__desc-wrap .nav-link:hover {
        border-color: transparent;
    }
    
    .product__desc-wrap .nav-link.active {
        color: var(--tg-theme-primary);
        border-color: #101010;
        background: #101010;
    }
    
    @media (max-width: 767.98px) {
        .product__desc-wrap .nav-link.active {
            background: transparent;
        }
    }
    
    .product__desc-wrap .tab-content {
        background: #101010;
        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: #2c2b2b;
        border: 1px solid #2c2b2b;
    }
    
    @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 #101010;
        -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;
        }
    }
    
    .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: 0.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: transparent;
        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: 15px;
    }
    
    .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: transparent;
        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: 0.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: 0.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: transparent;
        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: 0.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: 0.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: transparent;
        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: transparent;
        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);
    }
    
    .contact-area {
        padding: 140px 0 125px;
        background-color: #09090b;
    }
    
    .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: 0.8;
        font-family: var(--Andreas);
        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: rgb(15,  22,  27); */
        background: linear-gradient(0deg, rgb(9 9 11) 0%, rgba(255, 255, 255, 0) 100%);
        opacity: 0.65;
    }
    
    .contact__content .overlay-title span {
        display: block;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: var(--tg-common-color-white);
        opacity: 0.05;
    }
    
    .contact__content>.title {
        font-size: 45px;
        /* font-weight:  var(--tg-fw-extra-bold); */
        margin: 0 0 21px;
        font-family: var(--Andreas);
        letter-spacing: .8px;
        font-size: 92px;
    }
    
    @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,
    .contact__form-wrap .input-grp select {
        display: block;
        width: 100%;
        /* border:  1px solid #262f39; */
        background: transparent;
        color: var(--tg-common-color-white);
        padding: 15px 12px;
    }
    
    .form-cmn .input-grp input,
    .form-cmn .input-grp select {
        height: 56px;
    }
    
    .form-cmn .contact__form-wrap .input-grp::after {
        content: none;
    }
    
    .form-cmn .contact__form-wrap .input-grp {
        clip-path: none;
    }
    
    .form-cmn input,
    .form-cmn textarea,
    .form-cmn select {
        border-width: 1px;
        border-style: solid;
        /* border-image: linear-gradient(164deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%) 1; */
        border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        background: #1d1d1d;
    }
    
    .form-cmn .form-label {
        display: block;
        text-align: left;
        text-transform: uppercase;
    }
    
    .form-cmn .title::after {
        content: "";
        display: block;
        /* background-image: url(/assets/img/icons/heading-bottom-cmyk.svg); */
        width: 66%;
        height: 4px;
        margin: -10px 0 0;
        background-repeat: no-repeat;
        width: 100%;
        background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
    }
    
    .tg-btn-3.cmn {
        font-size: 16px;
        color: var(--tg-common-color-white);
        letter-spacing: 0.5px;
        /* font-weight: var(--tg-fw-bold); */
        width: 158px;
        height: 55px;
        font-family: var(--Andreas);
        padding-top: 20px;
    }
    
    .form-cmn.no-bar .title::after {
        content: none;
    }
    
    .form-cmn input::placeholder,
    .form-cmn textarea::placeholder {
        color: #7f7f7f;
        /* opacity: 0.5; */
    }
    
    .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); */
        background-color: var(--tg-common-color-white);
        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;
        font-family: var(--Gadugi-bold);
    }
    
    .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: 0.8;
    }
    
    @media (max-width: 1500px) {
        .contact-map iframe {
            height: 450px;
        }
    }
    
    .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,
    .pagination__wrap .page-link,
    .pagination__wrap .page-item.disabled .page-link {
        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, rgba(18, 21, 24, 0.4902) 0%, rgba(31, 41, 53, 0.36078) 100%);
        background-image: -webkit-linear-gradient(90deg, rgba(18, 21, 24, 0.4902) 0%, rgba(31, 41, 53, 0.36078) 100%);
        background-image: -ms-linear-gradient(90deg, rgba(18, 21, 24, 0.4902) 0%, rgba(31, 41, 53, 0.36078) 100%);
        background-color: #171d24;
        border: 1px solid var(--tg-border-4);
        color: var(--tg-body-color);
        /*-webkit-border-radius:  5px;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius:  5px;
    */
        font-family: var(--tg-heading-font-family);
        font-weight: var(--tg-fw-bold);
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }
    
    .pagination__wrap .page-link:focus {
        box-shadow: none;
    }
    
    @media (max-width: 767.98px) {
        .pagination__wrap .page-numbers {
            width: 40px;
            height: 40px;
            font-size: 14px;
        }
    }
    
    .pagination__wrap .page-numbers.current,
    .pagination__wrap .page-item.active .page-link {
        background-image: none;
        /* border-color:  var(--tg-theme-primary); */
        /* background-color:  var(--tg-theme-primary); */
        /* color:  var(--tg-common-color-black-2); */
        /* background: rgb(255,255,255);
    background: linear-gradient(140deg, rgba(255,255,255,1) 0%, rgba(255,153,67,1) 0%, rgba(255,61,228,1) 55%, rgba(0,125,255,1) 100%); */
        border-radius: 5px;
        /* border-width: 3px; */
        border-style: solid;
        /* border-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,153,67,1) 0%, rgba(255,61,228,1) 55%, rgba(0,125,255,1) 100%) 1; */
        /* border-image: linear-gradient(164deg, rgba(249,174,41,1) 0%, rgba(185,83,154,1) 47%, rgba(81,72,152,1) 75%, rgba(71,121,189,1) 100%) 1; */
        border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        background-color: transparent;
        border-color: transparent;
    }
    
    .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(0.74, 0.72, 0.27, 0.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;
    }
    
    @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 25px;
        font-size: 16px;
        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: 30px;
    }
    
    .footer-style-one .footer__top-wrap .row:first-child [class*=col-]:nth-child(4n+2) .footer-widget {
        padding-left: 40px;
    }
    
    @media (max-width: 767.98px) {
        .footer-style-one .footer__top-wrap .row:first-child [class*=col-]:nth-child(4n+2) .footer-widget {
            padding-left: 0;
        }
    }
    
    .footer-style-one .footer__top-wrap .row:first-child [class*=col-]:nth-child(4n+3) .footer-widget {
        padding-left: 50px;
    }
    
    @media (max-width: 991.98px) {
        .footer-style-one .footer__top-wrap .row:first-child [class*=col-]:nth-child(4n+3) .footer-widget {
            padding-left: 0;
        }
    }
    
    .footer-style-one .footer__top-wrap .row:first-child [class*=col-]:nth-child(4n+4) .footer-widget {
        padding-left: 78px;
    }
    
    @media (max-width: 1199.98px) {
        .footer-style-one .footer__top-wrap .row:first-child [class*=col-]:nth-child(4n+4) .footer-widget {
            padding-left: 0;
        }
        
    }
    
    .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: transparent;
        -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: 0.85;
        opacity: 0.66;
    }
    
    @media (max-width: 767.98px) {
        .footer__country-name .text {
            display: block;
            font-size: 12vw;
            -webkit-text-stroke-width: 1px;
            line-height: 0.9;
        }
    }
    
    .footer__country-name .text:hover {
        opacity: 1;
    }
    
    .footer__country-name .text::selection {
        -webkit-text-stroke-color: transparent;
    }
    
    .footer-style-two {
        background-color: var(--tg-common-color-black-6);
        position: relative;
        overflow: hidden;
        z-index: 1;
        padding-top: 100px;
        margin-top: 130px;
    }
    
    .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;
        font-weight: 600;
    }
    
    .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 {
        max-width: 165px;
    }
    
    .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;
        }
        .about__area-two .section__title .title,
        .about__area-two {
            text-align: center;
        }
        .about__funFact-images {
            margin-left: auto;
            margin-bottom: 40px;
            margin-right: -9%;
        }
        .about__content-btns {
            justify-content: center;
        }
        .about__funFact-wrap {
            margin: 0 auto;
        }
    }
    
    .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;
        }
        .upcoming-match__area.cst .row.mb-60 {
            margin-bottom: 0;
        }
        .upcoming-match__area.cst .filter-badge {
            flex-wrap: wrap;
            gap: 30px;
        }
        .upcoming-match__area.cst .check-filter {
            margin-left: auto;
        }
        .contact-map {
            padding-top: 80px;
        }
    }
    
    .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);
    }
    
    @-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: 0.59;
        }
    }
    
    @keyframes shapeBlinker {
        50% {
            opacity: 0.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; 
        -webkit-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;
        }
    }
    
    .upcoming-match__item:hover {
        --tg-theme-primary: var(--tg-theme-secondary);
    }
    
    .upcoming-match__item:hover .tournament__list-live a i {
        color: var(--tg-theme-secondary);
    }
    
    .upcoming-match__area.cst .tournament__list-name .team-name {
        margin: 0;
    }
    
    .upcoming-match__area.cst .tournament__list-name .status {
        margin-top: 8px;
    }
    
    .filter-badge {
        margin-bottom: 40px;
    }
    
    .filter-badge ul {
        gap: 10px;
        /* margin-left: 15px; */
    }
    
    .filter-badge ul li.active {
        /* border-color: var(--tg-common-color-rating); */
        /* background: var(--tg-common-color-rating); */
        background-color: #fff;
        border-color: #fff;
        color: var(--tg-common-color-black);
    }
    
    .filter-badge ul li {
        display: block;
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.18);
        border-width: 0.25px;
        border-color: #282f36;
        border-style: solid;
        border-radius: 2px;
        background: #2c2b2b;
        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;
    }
    
    .upcoming-match__area.cst .shop__widget-inner {
        background: transparent;
        padding: 10px 20px;
    }
    
    .upcoming-match__area.cst .form-check-input:checked {
        /* background-color: var(--tg-common-color-rating); */
        background-color: transparent;
        /* border-color: var(--tg-common-color-rating); */
        border-color: #fff;
    }
    
    .upcoming-match__area.cst .form-check-input:focus {
        /* border-color: var(--tg-common-color-rating); */
        box-shadow: none;
    }
    
    .check-filter {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    
    .upcoming-match__area.cst .filter-badge {
        display: flex;
        justify-content: space-between;
    }
    
    .upcoming-match__area.cst .filter-badge i {
        /* color: var(--tg-common-color-rating); */
        color: #fff;
    }
    
    .upcoming-match__area.cst .filter-badge label {
        display: inline-flex;
        gap: 10px;
        align-items: center;
        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-semi-bold);
        /* color: var(--tg-common-color-rating); */
        color: #fff;
    }
    
    .upcoming-match__area.cst .filter-badge label .icon {
        padding: 2px;
        border-radius: 100px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.18);
        /* border: 2px solid var(--tg-common-color-white); */
        background-color: #101010;
        /* border: 2px solid var(--tg-common-color-rating); */
        border: 2px solid #fff;
    }
    
    .upcoming-match__area.cst .filter-badge label .icon,
    .upcoming-match__area.cst .filter-badge label,
    .check-filter .form-check .form-check-input {
        -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;
    }
    
    .check-filter .form-check .form-check-input {
        /* float: right; */
        margin: 0;
        background-color: transparent;
        /* border: 1px solid var(--tg-common-color-rating); */
        border: 1px solid #fff;
    }
    
    .check-filter .form-check {
        padding-left: 0;
        /* padding-right: 1.5em; */
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 10px;
        padding: 10px;
        background-color: #101010;
        border: 1px solid #2c2b2b;
    }
    
    .upcoming-match__area.cst .check-filter .form-check:hover .icon {
        background-color: #fff;
        color: var(--tg-common-color-black-2);
        border-color: #fff;
    }
    
    .upcoming-match__area.cst .check-filter .form-check:hover label {
        color: #fff;
    }
    
    .upcoming-match__area.cst .check-filter .form-check:hover .form-check-input {
        /* border-color: var(--tg-common-color-rating); */
    }
    
    .upcoming-match__area.cst .check-filter .form-check:hover .icon i {
        color: var(--tg-common-color-black-2);
    }
    
    .nav-wallet i {
        font-size: 28px;
    }
    
    .nav-wallet .badge-ps {
        /* background-color: var(--tg-common-color-rating); */
        left: 100%;
        color: #20202a;
        top: 0ch;
        position: absolute;
        border-radius: 50rem;
        -webkit-border-radius: 50rem;
        -moz-border-radius: 50rem;
        -ms-border-radius: 50rem;
        -o-border-radius: 50rem;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        font-family: var(--Berlin-Sans-FB);
        background: rgb(249, 174, 41);
        background: linear-gradient(164deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        /* -webkit-mask-composite: xor; */
        /* mask-composite: exclude; */
        padding: 2px;
    }
    
    .nav-wallet .badge-ps .span-bg {
        background-color: var(--tg-common-color-gray);
        color: #fff;
        padding: 0 8px;
        -webkit-border-radius: 50rem;
        -moz-border-radius: 50rem;
        -ms-border-radius: 50rem;
        -o-border-radius: 50rem;
    }
    
    .nav-wallet .badge-ps:after {}
    
    .custom-progress {
        height: 4px;
        /* padding: 1px; */
        border-radius: 30px;
    }
    
    .progress-label {
        overflow: visible;
    }
    
    .animated-progress {
        position: relative;
    }
    
    .progress-label .progress-bar {
        position: relative;
        overflow: visible;
    }
    
    .custom-progress .progress-bar {
        position: relative;
        border-radius: 30px;
    }
    
    .animated-progress .progress-bar {
        position: relative;
        border-radius: 6px;
        -webkit-animation: animate-positive 2s;
        animation: animate-positive 2s
    }
    
    @-webkit-keyframes animate-positive {
        0% {
            width: 0
        }
    }
    
    @keyframes animate-positive {
        0% {
            width: 0
        }
    }
    
    .custom-progress .progress-bar::before {
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        background-color: #fff;
        border-radius: 7px;
        right: 2px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .progress-label .progress-bar {
        background-color: var(--tg-theme-primary);
    }
    
    .progress-label .progress-bar .label {
        position: absolute;
        top: -25px;
        right: -9px;
        background-color: var(--tg-theme-primary);
        color: #20202a;
        display: inline-block;
        line-height: 18px;
        padding: 0 4px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        font-weight: var(--tg-fw-extra-bold);
    }
    
    .progress-label .progress-bar .label:after {
        content: "";
        position: absolute;
        border: 4px solid transparent;
        border-top-color: var(--tg-theme-primary);
        bottom: -7px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .tournament__list-name.sts::before,
    .tournament__list-name.sts::after {
        display: none;
    }
    
    .tournament__list-name.sts {
        padding-left: 0;
        width: auto;
    }
    
    .tournament__list-name.sts .status {
        text-transform: capitalize;
        color: #45f882;
    }
    
    .tournament__list-name.sts .status.start {
        color: #45f882;
    }
    
    .tournament__list-name.sts .status.end {
        color: #f73408;
    }
    
    .tournament__list-time .pgrs {
        margin-top: 1.5rem;
        display: flex;
        align-items: baseline;
    }
    
    .pgrs>.me {
        margin-right: 1rem;
    }
    
    .upcoming-match__item:hover .pgrs .end {
        --tg-theme-primary: #f73408;
    }
    
    .upcoming-match__item:hover .pgrs .mid {
        --tg-theme-primary: var(--tg-common-color-rating);
    }
    
    .upcoming-match__item:hover .pgrs .start {
        --tg-theme-primary: #45f882;
    }
    
    .upcoming-match__area.cst .blog-post-meta ul {
        gap: 10px 20px;
    }
    
    .upcoming-match__area.cst .blog-post-meta ul li a {
        color: var(--tg-theme-primary);
    }
    
    .tournament__list-name.sts {
        padding-right: 0;
    }
    
    .tournament__list-prize .price-ic {
        margin-right: 0;
    }
    /*# sourceMappingURL=main.css.map */
    
    .text-initial {
        text-transform: initial;
    }
    
    .cb-cursor {
        display: none;
    }
    
    .mask1 {
        -webkit-mask-image: url('/assets/img/slider/letter-mask.png');
        mask-image: url('/assets/img/slider/letter-mask.png');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-position: top;
    }
    /*  */
    
    .padding-tournament {
        padding: 12px;
        margin-left: -8px;
        margin-right: -8px;
        height: 100%;
    }
    
    .col-lg-6.px {
        padding-left: 0;
        padding-right: 0;
    }
    
    .tournament-box {
        background-color: #101010;
        /* border: 1px solid #2c2b2b; */
        max-width: 100%;
        /* height: auto; */
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        font-family: var(--tg-heading-font-family);
    }
    
    .tournament-box .tournament-details {
        /* margin-top: 24px; */
        padding: 15px 15px 0;
    }
    
    .tournament-box .tournament-details .tournament-cover-block {
        width: 150px;
        position: relative;
        float: left;
        margin-right: 15px;
        padding-top: 48px;
        padding-top: 40px;
    }
    
    .tournament-box .tournament-details .tournament-cover-block .cover-image {
        width: 150px;
        /* height: 120px; */
        height: 90px;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .tournament-box .tournament-details .tournament-cover-block .prize-block {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        font-family: var(--Panton-Black-Caps);
        /* background-color: var(--tg-common-color-1a1a18); */
    }
    
    .tournament-box .tournament-details .tournament-cover-block .prize-block .rectangle {
        width: 150px;
        /* height: 40px; */
        /* background: #d747e8; */
        /* background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 153, 67, 1) 0%, rgba(255, 61, 228, 1) 55%, rgba(0, 125, 255, 1) 100%); */
        /* background-color: var(--tg-common-color-rating); */
        border-width: 2px;
        border-style: solid;
        /* border-image: linear-gradient(164deg, rgba(249,174,41,1) 0%, rgba(185,83,154,1) 47%, rgba(81,72,152,1) 75%, rgba(71,121,189,1) 100%) 1; */
        border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        padding: 6px;
    }
    
    .tournament-box .rectangle p {
        margin-bottom: 0;
    }
    
    .tournament-box .rectangle .prize {
        font-size: 13px;
        /* font-weight: 700; */
        /* line-height: 1; */
        text-align: center;
        color: #fff;
        margin-top: -5px;
    }
    
    .tournament-box .tournament-details .tournament-cover-block .prize-block .rectangle p {
        font-size: 18px;
        /* font-weight: 700; */
        line-height: 1;
        text-align: center;
        color: #fff;
        /* padding-top: 4px; */
        /* font-family: var(--Panton-Black-Caps); */
    }
    
    .tournament-box .tournament-details .tournament-cover-block .prize-block .arrow-down {
        width: 0;
        height: 0;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
        border-top: 15px solid var(--tg-common-color-rating);
    }
    
    .prize {}
    
    .tournament-box .tournament-details .tournament-cover-block .prize-block .arrow-down small {
        font-size: 6px;
        font-weight: 600;
        line-height: 1;
        text-align: center;
        color: #000;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 25px;
    }
    
    .tournament-box .tournament-details .tournament-cover-block .cover-image .logo-image {
        max-height: 80%;
        max-width: 80%;
        margin: 0 auto;
        padding-top: 35px;
        display: flex;
    }
    
    .tournament-box .tournament-details .tournament-description-block {
        /* height: 76px; */
        display: flex;
        flex-direction: column;
        font-family: var(--Gadugi);
    }
    
    .tournament-box .tournament-details .tournament-description-block .name-block {
        display: flex;
        position: relative;
        justify-content: space-between;
    }
    
    .tournament-box .tournament-details .tournament-description-block>* {
        flex-shrink: 0;
    }
    
    .tournament-box .tournament-details .tournament-description-block .name-block .tournament-name {
        font-size: 24px;
        /* font-weight: 700; */
        /* font-style: normal; */
        /* font-stretch: normal; */
        line-height: 1;
        /* letter-spacing: normal; */
        text-align: left;
        color: #fff;
        width: calc(100% - 85px);
        margin-bottom: 2px;
        font-family: var(--Gadugi-bold);
        margin-bottom: 12px;
    }
    
    .tournament-box .tournament-details .tournament-description-block .tournament-platform {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 35px;
        height: 24px;
        color: #fff;
    }
    
    .tournament-box .tournament-details .tournament-description-block .tournament-platform img {
        height: 24px;
        width: 24px;
    }
    
    .tournament-box .tournament-details .tournament-description-block .region-block {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
    }
    
    .tournament-box .tournament-details .tournament-description-block .region-block .region-content {
        width: calc(100% - 35px);
    }
    
    .tournament-box .tournament-details .tournament-description-block .region-block .region-content {
        /* align-self: center; */
        margin-top: -7px;
    }
    
    .tournament-box .tournament-details .tournament-description-block .region-block .game-name {
        /* font-size: 15.9px; */
    }
    
    .tournament-box .tournament-details .tournament-description-block .region-block .start-date {
        margin-right: 7px;
        font-family: var(--Gadugi-bold);
    }
    
    .tournament-box .tournament-details .tournament-description-block .region-block .countdown-timer {
        color: #ff2f57;
        display: inline-flex;
        align-items: center;
    }
    
    .tournament-box .tournament-details .tournament-description-block .region-block .countdown-timer>* {
        margin-right: 3px;
    }
    
    .tournament-box .tournament-details .tournament-stats-block {
        display: flex;
        min-height: 60px;
        font-family: var(--Gadugi);
        margin-top: 2px;
        gap: 20px;
    }
    
    .tournament-box .tournament-details .tournament-stats-block .tournament-stats {
        margin-right: 14px;
        /* line-height: 0; */
    }
    
    .tournament-box .tournament-details .tournament-stats-block .tournament-stats small {
        font-size: 9px;
        /* font-weight: 500; */
        text-align: left;
        color: #fff;
    }
    
    .tournament-box .tournament-details .tournament-stats-block .tournament-stats p {
        margin-top: -7px;
        font-size: 15.9px;
        text-align: left;
        color: #fff;
        font-family: var(--Gadugi-bold);
    }
    
    .tournament-box .view-button-container {
        width: 100%;
        align-self: flex-end;
        border-top: 1px solid #000;
        position: relative;
        z-index: 1;
    }
    
    .tournament-box .view-tournament a,
    .tournament-box .view-tournament a:visited {
        font-size: 15.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* color: var(--tg-common-color-rating); */
        color: #fff;
        padding: 0;
        border: 2px solid transparent;
        font-family: var(--Andreas);
        text-transform: uppercase;
        letter-spacing: .8px;
        border-width: 4px;
        border-style: solid;
        /* border-image: linear-gradient(164deg, rgba(249,174,41,1) 0%, rgba(185,83,154,1) 47%, rgba(81,72,152,1) 75%, rgba(71,121,189,1) 100%) 1; */
        border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
    }
    
    .tournament-box .view-tournament a:visited i,
    .tournament-box .view-tournament a i {
        padding-left: 2px;
    }
    
    .services__link.tournament {
        margin-left: 5px;
        position: relative;
        width: 20px;
        height: 20px;
        right: 0;
        bottom: 0;
        font-size: 15px;
        -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-box:hover .services__link {
        color: #000;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    .tournament-box:hover .view-tournament a {
        /* background-color: var(--tg-common-color-rating); */
        /* background: linear-gradient(rgb(255, 153, 67) 6%, rgb(255, 61, 228) 53%, rgb(0, 125, 255) 113%);     */
        /* color: var(--tg-common-color-black-2);    */
        /* border-width: 2px;
        border-style: solid;
        border-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 153, 67, 1) 0%, rgba(255, 61, 228, 1) 55%, rgba(0, 125, 255, 1) 100%) 1;
        background-color: #0a0b0f; */
    }
    /*  */
    
    .scroll-container {
        height: 100vh;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    
    .scroll-container .video-container {
        position: absolute;
        width: 110%;
        height: 110%;
    }
    
    .scroll-container .svg-container {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        /*  */
        /* background-color: #000003; */
    }
    
    .scroll-container svg,
    .scroll-container .v-img,
    .scroll-container .v-img-png {
        width: 100%;
        overflow: visible;
        display: block;
        height: 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;
    }
    
    .scroll-container .v-img,
    .scroll-container .v-img-png {
        padding: 170px;
    }
    
    .scroll-container svg text {
        /*text-anchor: initial;
        */
        font-family: var(--Andreas);
        transform: translate(-40%, 30%);
        -webkit-transform: translate(-40%, 30%);
        -moz-transform: translate(-40%, 30%);
        -ms-transform: translate(-40%, 30%);
        -o-transform: translate(-40%, 30%);
    }
    
    .scroll-container .v-img {
        /*text-anchor: initial;
        */
        font-family: var(--Andreas);
        transform: translate(-20%, 0%);
        -webkit-transform: translate(-20%, 0%);
        -moz-transform: translate(-20%, 0%);
        -ms-transform: translate(-20%, 0%);
        -o-transform: translate(-20%, 0%);
    }
    
    .scroll-container .v-img-png {
        /*text-anchor: initial;
    */
        font-family: var(--Andreas);
        transform: translate(-20%, 0%);
        -webkit-transform: translate(-20%, 0%);
        -moz-transform: translate(-20%, 0%);
        -ms-transform: translate(-20%, 0%);
        -o-transform: translate(-20%, 0%);
    }
    
    .scroll-container .v-img-png,
    .scroll-container .v-img {
        /* height: 490px; */
    }
    
    .scroll-container svg mask rect {
        /*   fill: rgba(255, 255, 255, 0.8); */
        fill: white;
    }
    
    .scroll-container svg>rect {
        /* fill: #000003; */
        fill: #0e0e0e;
        -webkit-mask: url(#mask);
        mask: url(#mask);
    }
    
    .scroll-container .video-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* z-index: 1; */
        /* 	border: 10px solid black; */
        overflow: hidden;
    }
    
    .scroll-container video {
        min-height: 100%;
        min-width: 100%;
        height: 150%;
        width: 150%;
        position: absolute;
        left: 50%;
        top: 60%;
        transform: translate( -50%, -50%);
        -webkit-transform: translate( -50%, -50%);
        -moz-transform: translate( -50%, -50%);
        -ms-transform: translate( -50%, -50%);
        -o-transform: translate( -50%, -50%);
    }
    
    .scroll-container {
        font-family: var(--tg-heading-font-family);
        font-weight: var(--tg-fw-semi-bold);
        font-size: 10em;
        /*   letter-spacing:-0.03em; */
    }
    
    .scroll-container .slider__img {
        display: flex;
    }
    
    .scroll-container .scroll-content {
        position: absolute;
        top: 50%;
        right: -15px;
        width: 50%;
        transform: translate(0, -50%);
        /* visibility: hidden; */
        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;
    }
    
    .svg-container.new .scroll-content {
        /* visibility: visible; */
        opacity: 1;
    }
    
    .scroll-container .scroll-content .section__title .title {
        font-family: var(--Gadugi-bold);
        text-align: center;
    }
    
    .st0 {
        /* fill: var(--tg-common-color-rating) !important; */
        /* fill: #fff !important; */
    }
    
    .match__result-area.cst {
        padding: 115px 0 90px;
    }
    
    .about__content-two h2 {
        font-family: var(--tg-heading-font-family);
    }
    
    .moretext {
        display: none;
    }
    
    .bg-181818 {
        background-color: #181818;
    }
    
    .bg-050506 {
        background-color: #050506;
    }
    /* .section__title .title.no-grd {
        background: transparent;
        -webkit-text-fill-color: #fff;
    } */
    
    .section__title .title span.wt-grad {
        /* background: linear-gradient(86.68deg, rgba(255, 255, 255, 0.58) 9.43%, #FFFFFF 35.29%, rgba(255, 255, 255, 0.62) 60.63%);
        background-clip: text;
        color: transparent; */
    }
    
    .t-btn {
        margin-top: 7px;
    }
    
    .faq-area .section__title .title {
        font-size: var(--main-heading-large-font-size);
    }
    
    .faq-area .section__title .sub-title {
        margin-bottom: 25px;
    }
    
    .faq-area .faq__wrapper {
        padding: 25px 50px;
        background-color: #101010;
        position: relative;
    }
    
    .faq-area .faq__wrapper .mark {
        position: absolute;
        background: transparent;
        z-index: -1;
    }
    
    .faq-area .faq__wrapper .mark.top {
        top: -80px;
        left: -220px;
    }
    
    .faq-area .faq__wrapper .mark.bottom {
        bottom: -140px;
        right: -220px;
        /* -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        -o-transform: scaleY(-1); */
    }
    
    .faq-area .faq__wrapper .mark img {
        width: 100%;
    }
    
    .how-it-works .project-active .project__item .tg-svg {
        margin: 0 auto;
        color: #9f9f9f;
        text-transform: capitalize;
        margin-top: -20px;
    }
    @media (max-width: 1199.98px) {
        .scroll-container .scroll-content {
            position: relative;
            width: 90%;
            margin: 0 auto;
            left: 0;
}
        .scroll-container .v-img {
            transform: translate(0%, -30%);
            -moz-transform: translate(0%, -30%);
            -ms-transform: translate(0%, -30%);
            -o-transform: translate(0%, -30%);
            -webkit-transform: translate(0%, -30%);
}
.scroll-container .v-img {
    visibility: hidden;
}
.tournament-details-info-footer.cst-wrap .filter-badge .form-check {
    gap: 30px;
}

    }
    @media (min-width: 1200px) and (max-width: 1399.98px) {
        .slider__bg {
            height: 82vh;
        }
        .banner-reg-btn {
            bottom: 5%;
        }
        div .banner-reg-mw-btn {
            bottom: 10%;
        }
        div .banner-reg-mw-btn-wrap .ct {
            font-size: 22px;
        }
    }
    
    @media (min-width: 1536px) {
        .slider__bg {
            /* height: 110vh; */
        }
        .how-it-works .project-active .project__item .tg-svg {
            margin-top: 20px;
        }
        .shop-area.cst {
            padding-left: 25px;
            padding-right: 45px;
        }
        .banner-reg-btn {
            bottom: 9%;
            height: 14%;
        }
    }
    
    @media (max-width: 1536px) {
        .slider__bg {
            /* padding:  10px 0 54px; */
        }
        .shop-area.cst {
            padding-left: 15px;
            padding-right: 30px;
        }
        .banner-reg-btn {
            bottom: 5%;
            height: 13%;
        }
    }
    
    @media (min-width: 1919.98px) {
        .scroll-container .v-img {
            /* height: 490px; */
        }
        .inf-bg {
            height: 100vh !important;
        }
        .logo-anm .anm-left img,
        .logo-anm .anm-right img {
            width: 15% !important;
        }
        .banner-reg-btn {
            bottom: 12%;
            height: 11%;
        }
    }
    
    .login .contact__form-wrap {
        border-radius: 8px;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .06);
        background: #101010;
        /* padding: 60px 80px; */
        text-align: center;
        margin: 0 auto 15px;
        position: relative;
    }
    
    .login .contact__form-wrap form {
        padding: 130px 60px 80px;
    }
    
    .login .contact__content {
        margin-right: 0;
        /* margin-top: -120px; */
        /* margin-bottom: 40px; */
    }
    
    .login .contact__content .title {
        text-align: left;
        font-size: 45px;
        /* font-weight: var(--tg-fw-extra-bold); */
        margin: 20px 0 21px;
        font-family: var(--Andreas);
        letter-spacing: .8px;
        font-size: 92px;
        padding-left: 55px;
        position: absolute;
        top: -60px;
        left: 0;
    }
    
    .login .contact__content .title.sm {
        font-size: 65px;
    }
    
    .login .contact__content .title1 {
        text-align: left;
        font-size: 45px;
        /* font-weight: var(--tg-fw-extra-bold); */
        margin: 20px 0 21px;
        font-family: var(--Andreas);
        letter-spacing: .8px;
        font-size: 80px;
        position: absolute;
        top: -60px;
        left: 0;
    }
    
    .media-profile .avatar img {
        width: 140px;
        height: 140px;
        object-fit: cover;
        object-position: top;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    
    .media-profile {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        /* align-items: flex-end; */
        gap: 15px;
        z-index: 1;
        /* margin-bottom: -27px; */
        position: absolute;
        right: -40px;
        top: -70px;
    }
    
    .media-profile .edit-icon {
        position: absolute;
        bottom: 0;
        left: -8px;
    }
    
    .media-profile .avatar .edit-icon img {
        width: 45px;
        height: 45px;
        cursor: pointer;
    }
    
    .media-profile .avatar {
        position: relative;
        background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 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 transparent;
        -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-3.default {
        font-size: 14px;
        color: var(--tg-common-color-white);
        letter-spacing: 0.5px;
        font-weight: var(--tg-fw-bold);
        width: 158px;
        height: 55px;
    }
    
    .or {
        display: block;
        margin: 40px auto 20px;
        width: 36px;
        height: 36px;
        line-height: 36px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #ffffff;
        position: relative;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        color: #20202a;
    }
    
    .or::before {
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
    }
    
    .or::before,
    .or::after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        background: #ffffff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.3);
        width: 100%;
        height: 100%;
        animation: pulse 2s linear infinite;
        -webkit-animation: pulse 2s linear infinite;
        -moz-animation: pulse 2s linear infinite;
        opacity: 0;
    }
    
    @keyframes pulse {
        0% {
            transform: translate(-50%, -50%)scale(1);
            opacity: 1;
            -webkit-transform: translate(-50%, -50%)scale(1);
            -moz-transform: translate(-50%, -50%)scale(1);
            -ms-transform: translate(-50%, -50%)scale(1);
            -o-transform: translate(-50%, -50%)scale(1);
        }
        90% {
            opacity: .5;
            transform: translate(-50%, -50%)scale(1.8);
            -webkit-transform: translate(-50%, -50%)scale(1.8);
            -moz-transform: translate(-50%, -50%)scale(1.8);
            -ms-transform: translate(-50%, -50%)scale(1.8);
            -o-transform: translate(-50%, -50%)scale(1.8);
        }
        100% {
            opacity: 0;
            transform: translate(-50%, -50%)scale(2);
            -webkit-transform: translate(-50%, -50%)scale(2);
            -moz-transform: translate(-50%, -50%)scale(2);
            -ms-transform: translate(-50%, -50%)scale(2);
            -o-transform: translate(-50%, -50%)scale(2);
        }
    }
    
    .or span {
        position: relative;
        z-index: 1;
    }
    
    .default.center {
        width: 100%;
        text-align: center;
    }
    
    .check-com {
        margin-bottom: 30px;
    }
    
    .form-group .check-com .checkgroup {
        flex-wrap: nowrap;
        /* align-items: center; */
        display: flex;
    }
    
    .form-group .check-com .checkgroup input[type=checkbox] {
        width: 18px;
        height: 18px;
        margin-right: 15px;
        margin-top: 5px;
    }
    
    .field-icon {
        float: right;
        margin-right: 20px;
        margin-top: -35px;
        position: relative;
        z-index: 2;
    }
    
    .tournament-details-page-container {
        background-color: #101010;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        /* border: 1px solid #303030; */
    }
    
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        -webkit-box-shadow: 0 0 0px 1000px #8f8f8f inset;
    }
    
    .tournament-details-page-container .tournament-details-cover-container {
        flex-basis: 250px;
        flex-shrink: 0;
        position: relative;
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper {
        width: 100%;
        /* height: 0;
        padding-bottom: 100%; */
        position: relative;
        height: 100%
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        padding: 12px;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover .tournament-details-cover-logo {
        width: 70%;
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover .tournament-details-cover-logo>img {
        display: block;
        width: 100%;
        max-height: 80px;
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover .tournament-details-cover-prize {
        font-family: var(--Panton-Black-Caps);
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #b2b2b2;
        flex-grow: 1;
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover .tournament-details-cover-prize span:first-of-type {
        font-size: 49px;
        color: #fff;
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover .tournament-details-cover-prize span:nth-of-type(2) {
        font-size: 18.2px;
        margin-top: -12px;
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover .tournament-details-cover-details {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover .tournament-details-cover-details>span {
        display: flex;
        align-items: center;
    }
    
    .region-transparent-container {
        display: block;
        margin: -8px;
        padding: 8px;
        height: fit-content;
        /* font-weight: 500; */
        color: #fff;
        background-color: rgba(0, 0, 0, .4);
        border-radius: 4px;
    }
    
    .tournament-details-page-container .tournament-details-info {
        flex-basis: calc(100% - 250px);
        padding: 30px 24px 10px 20px;
        display: flex;
        justify-content: space-between;
    }

    @media screen and (min-width: 1200px) {
        .tournament-details-page-container .tournament-details-info-container {
            width: calc(100% - 100px);
        }
       html body div .scroll-container .scroll-content {
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
}
    }
    
    .tournament-details-info-header h4 {
        margin-top: 0;
        font-family: var(--Gadugi-bold);
    }
    
    .tournament-details-info-header>div {
        display: flex;
    }
    
    .tournament-details-info-header>div p:first-of-type {
        padding-left: 0;
        display: block;
    }
    
    .tournament-details-info-header>div p {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-right: 3px;
        border-right: 2px solid #b3b3b3;
        line-height: 20px;
        padding-right: 12px;
        padding-left: 12px;
        margin-bottom: 0;
    }
    
    .tournament-details-info-header>div p:first-of-type {
        padding-left: 0;
        display: block;
    }
    
    .tournament-details-info-header .community-tournament {
        font-size: .9em;
        color: var(--tg-theme-primary);
        text-transform: uppercase;
        display: block;
    }
    
    .tournament-details-info-header>div p:last-child {
        border: 0;
    }
    
    .tournament-details-info-header img.platform-logo {
        max-width: 30px;
        max-height: 30px;
    }
    
    .tournament-details-info-header>div img {
        width: 40%;
        min-width: 25px;
        max-width: 30px;
        max-height: 30px;
        margin-right: 8px;
    }
    
    .tournament-details-info-body {
        display: flex;
        flex-wrap: wrap;
        text-align: left;
    }
    
    .tournament-details-info-body .time-info-container {
        display: flex;
        width: 100%;
        margin-top: 19px;
    }
    
    .tournament-details-info-body .time-info-container .time-info {
        padding: 8px 76px 8px 16px;
        background-color: #08111C;
        border-radius: 2px;
        margin-right: 5px;
        margin-bottom: 5px;
        border-image: linear-gradient(106deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        /* border-image: linear-gradient(106deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%) 1; */
        border-width: 2px;
        border-style: solid;
    }
    
    .tournament-details-info-body .time-info-container .time-info.ct {
        padding: 8px 34px;
    }
    
    .time-info.ct {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .tournament-details-info-body .time-info-container .time-info>div:first-of-type {
        color: var(--tg-theme-primary);
        text-transform: uppercase;
        font-size: 11.2px;
    }
    
    .tournament-details-info-body .time-info-container .time-info>div:nth-of-type(2) span {
        color: #fff;
        /* font-size: 17.5px; */
        font-family: var(--Gadugi-bold);
        line-height: 1.3;
    }
    
    .tournament-details-info-body .time-info-container .time-info>div:first-of-type {
        color: #fff;
        text-transform: uppercase;
        font-size: 11.2px;
    }
    
    .tournament-details-info-body .time-info-container .time-info>div .tournament-details-ruleset-text {
        font-size: 20px;
        font-family: var(--Gadugi-bold);
    }
    
    .tournament-details-info-body .time-info-container .time-info>div:nth-of-type(2) span.tournament-details-ruleset-text {
        color: #ff0000;
        font-family: var(--Gadugi-bold);
    }
    
    .tournament-details-info-body .tournament-details-entry-info {
        margin-top: 15px;
    }
    
    .tournament-details-info-body .tournament-details-entry-info p:first-of-type {
        padding-left: 0;
    }
    
    .tournament-details-info-body .tournament-details-entry-info p {
        color: #fff;
        display: inline-grid;
        border-right: 1px solid #b3b3b3;
        padding-left: 25px;
        padding-right: 25px;
        font-size: 15.9px;
        font-family: var(--Gadugi-bold);
        border-image: linear-gradient(358deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        /* border-image: linear-gradient(358deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%) 1; */
        border-width: 3px;
        /* border-style: solid; */
    }
    
    .tournament-details-info-body .tournament-details-entry-info p>span:first-of-type {
        /* color: #b3b3b3; */
        font-size: 11.2px;
        font-family: var(--Gadugi);
    }
    
    .tournament-details-info-body .tournament-details-entry-info p:last-of-type {
        border: none;
        padding-right: 0;
    }
    
    .tournament-details-info-body .tournament-details-entry-info .elo-level {
        display: inline-table;
    }
    
    .tournament-details-info-body .tournament-details-entry-info .elo-level .skill-level-title {
        font-size: 11.2px;
        display: flex;
        align-items: center;
    }
    
    .tournament-details-info-body .tournament-details-entry-info .elo-level span {
        margin-bottom: 5px;
    }
    
    .tournament-details-info-body .tournament-details-entry-info .elo-level .skill-level-title .skill-level-explainer-button {
        margin-left: 5px;
    }
    
    .skill-level-explainer .skill-level-explainer-button {
        display: flex;
        align-items: center;
        justify-content: center;
        background: 0 0;
        border: none;
        padding: 0;
    }
    
    .tournament-details-info-body .tournament-details-entry-info .elo-level .skill-level-title .skill-level-explainer-button i {
        font-size: 21px;
    }
    
    .skill-level-explainer .skill-level-explainer-button i {
        color: #8aff80;
    }
    
    .tournament-details-info-body .tournament-details-entry-info .elo-levels-container {
        display: flex;
        margin-top: 3px;
    }
    
    .elo-skill-level-block {
        display: flex;
    }
    
    .elo-skill-level-block .elo-skill-level {
        font-size: 12px;
        color: #000;
        border-radius: 2px;
        text-align: center;
        text-transform: uppercase;
        padding: 3px 7px 1px;
        font-weight: 500;
    }
    
    .tournament-details-info-footer {
        /* border: 1px solid #2c2b2b; */
        /* background-color: #303030; */
        padding: 6px 24px 16px;
        margin-top: auto;
    }
    @media (max-width: 1199.98px) {
        .tournament-details-page-container .tournament-details-info,
        .tournament-details-info-footer {
            padding-right: 0;
            padding-left: 0;
        }
        .tournament-details-page-container {
            flex-wrap: wrap;
        } 
        .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover {
            height: 250px;
            background-size: cover;
        }
        .tournament-details-page-container .tournament-details-info {
            flex-basis: auto;
        }
        .tournament-details-page-container .tournament-details-cover-container .tournament-details-cover-wrapper .tournament-details-cover {
            position: relative;
        }
        .tournament-details-page .bracket-area {
            overflow-x: auto;
            overflow-y: hidden;
            padding-bottom: 50px;
        }
        .faq__wrapper .accordion-button {
            font-size: 18px;
        }
        div .float {
            right: 15px;
        }
        div .pulse {
            right: 10px;
        }
    }
    .pull-right {
        float: right!important;
    }
    
    .tournament-details-header {
        background-size: cover;
        width: 100%;
        height: 300px;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        z-index: -2;
    }
    
    img.profile-page-stripe {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: -1;
        filter: brightness(0%);
    }
    
    .tournament-details-page {
        margin-top: 150px;
        padding-top: 15px;
    }
    
    .tournament-details-info-footer {}
    
    .tournament-details-info-footer .filter-badge label {
        -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-info-footer .filter-badge label {
        display: inline-flex;
        gap: 10px;
        align-items: center;
        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-semi-bold);
        /* color: var(--tg-common-color-rating); */
        color: #fff;
        /* width: 100%; */
        flex-shrink: 2;
    }
    
    .tournament-details-info-footer .filter-badge label .icon {
        -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-info-footer .filter-badge label .icon {
        padding: 2px;
        border-radius: 100px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.18);
        /* border: 2px solid var(--tg-common-color-white); */
        background-color: #101010;
        /* border: 2px solid var(--tg-common-color-rating); */
        border: 2px solid #fff;
    }
    
    .tournament-details-info-footer .filter-badge i {
        /* color: var(--tg-common-color-rating); */
        color: #fff;
    }
    
    .tournament-details-info-footer .form-check-input:checked {
        /* background-color: var(--tg-common-color-rating); */
        background-color: transparent;
        /* border-color: var(--tg-common-color-rating); */
        border-color: #fff;
    }
    
    .tournament-details-info-footer .check-filter .form-check:hover .icon {
        background-color: #fff;
        color: var(--tg-common-color-black-2);
        border-color: #fff;
    }
    
    .tournament-details-info-footer .check-filter .form-check:hover .icon i {
        color: var(--tg-common-color-black-2);
    }
    
    .tournament-details-info-footer .form-check-input:focus {
        /* border-color: var(--tg-common-color-rating); */
        box-shadow: none;
    }
    
    .tournament-details-info-footer .check-filter .form-check {
        background-color: transparent;
        border: 0;
        width: 100%;
        justify-content: flex-end;
    }
    
    .tournament-details-info-footer .check-filter {
        gap: 0;
        flex-direction: column;
    }
    
    .tournament-details-info-footer .filter-badge {
        margin-bottom: 10px;
    }
    
    .tournament-details-info-footer .tg-btn-3.default {
        margin: 0 auto;
    }
    /*  */
    
    @keyframes pulseAnim {
        0% {
            transform: scale(1);
            opacity: 0.7
        }
        50% {
            transform: scale(1.2);
            opacity: 0.4
        }
        100% {
            transform: scale(1);
            opacity: 0.7
        }
    }
    
    .float {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 90px;
        right: 43px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        /*  box-shadow: 2px 2px 3px #999; */
        z-index: 2;
    }
    
    .pulse {
        z-index: 0;
        position: fixed;
        content: '';
        bottom: 85px;
        right: 38px;
        width: 70px;
        height: 70px;
        border-radius: 100%;
        background-color: rgb(37 211 102 / 48%);
        animation-name: pulseAnim;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        z-index: 1;
    }
    
    .my-float {
        margin-top: 16px;
    }
    
    .float-whats-icon a {
        color: var(--tg-common-color-black-6);
    }
    
    .float-whats-icon a:hover {
        color: #2c2b2b;
    }
    
    .tournament-details-page .product__desc-wrap .nav-link {
        font-family: var(--Gadugi-bold);
        -webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
        padding-right: 35px;
    }
    
    .tournament-details-page .product__desc-wrap .nav-link.active {
        border-radius: 0;
        /* color: var(--tg-common-color-black); */
        color: var(--tg-common-color-white);
        /* border-top: 1px solid #fff; */
        /* background-color: #fff; */
        background-image: linear-gradient(117deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
    }
    
    .tournament-details-page .product__desc-wrap .tab-content {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }
    
    .tournament-details-page .product__desc-wrap .tab-content .main-heading {
        font-family: var(--Gadugi-bold);
        /* padding-bottom: 30px; */
        border-bottom: 1px solid #2c2b2b;
        margin: 0 0 30px;
    }
    
    .tournament-details-page .product__desc-wrap .tab-content .main-heading h2 {
        font-size: 25px;
        margin-bottom: 25px;
    }
    
    .tournament-details-page .product__desc-wrap .tab-content .sub-heading h3 {
        font-size: 21px;
        font-family: var(--Gadugi-bold);
        margin-top: 20px;
    }
    
    .tournament-details-page .product__desc-wrap .sub-s-heading h4 {
        font-size: 16px;
        font-family: var(--Gadugi-bold);
        margin-top: 20px;
    }
    
    .tournament-details-page .product__desc-wrap .faq__wrapper .accordion-button::before {
        content: "\f067";
        /* background-image: none !important; */
        background-image: url("/assets/img/icons/accordion-ic.svg");
        font-size: 32px;
        font-family: var(--tg-icon-font-family);
        color: var(--tg-body-color);
        /* opacity: 0.76; */
        width: auto;
        height: auto;
        background-size: 2rem;
        line-height: 12px;
        margin-left: 0;
    }
    
    .tournament-details-page .product__desc-wrap .faq__wrapper .accordion-button::after {
        display: none;
    }
    
    .tournament-details-page .accordion-button:not(.collapsed)::before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transform: rotate(-180deg);
    }
    
    .tournament-details-page .accordion-button::before {
        transition: transform .2s ease-in-out;
    }
    
    .tournament-details-page .faq__wrapper .accordion-button {
        gap: 10px;
    }
    
    .tournament-details-page .faq__wrapper .accordion-body {
        padding: 11px 0 0 44px;
    }
    
    .tournament-details-page .bracket-menu .single-item {
        /*background: #240773;*/
        /* background: var(--tg-common-color-black-6); */
        mix-blend-mode: normal;
        padding: 30px 25px;
        /* border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px; */
    }
    
    .tournament-details-page .bracket-menu .single-item h5 {
        text-transform: uppercase;
        font-family: var(--Gadugi-bold);
        margin-bottom: 0;
        font-family: var(--Andreas);
        font-size: 32px;
    }
    
    .tournament-details-page .bracket-menu .single-item p {
        /* color: rgba(0, 250, 223, 0.8); */
        color: var(--tg-theme-primary);
        background: linear-gradient(146deg, #fdb137 34%, #f74de9 47%, #595bf4 69%, #208afa 100%) text;
        -webkit-text-fill-color: transparent;
        /* font-weight: 500; */
        font-family: var(--Gadugi-bold);
        text-transform: uppercase;
    }
    
    .tournament-details-page .bracket-area {
        margin: 60px 0 60px;

    }
    
    .tournament-details-page .bracket-area .single-bracket.mb-155 {
        margin-bottom: 155px;
    }
    
    .tournament-details-page .bracket-area .group-bracket.mb-30 {
        margin-bottom: 30px;
    }
    
    .tournament-details-page .bracket-area .group-bracket {
        margin-bottom: -50px;
    }
    
    .tournament-details-page .bracket-area .group-bracket .bracket-single {
        position: relative;
    }
    
    .tournament-details-page .bracket-area .group-bracket .bracket-single.second::before {
        background-image: url(/assets/img/team/bracket-line-2.png?v=1.0);
        background-repeat: no-repeat;
        top: calc(50% - 135px);
    }
    
    .tournament-details-page .bracket-area .group-bracket .bracket-single::before {
        position: absolute;
        content: '';
        background-image: url(/assets/img/team/bracket-line.png?v=1.0);
        background-repeat: no-repeat;
        width: 15px;
        height: 100%;
        right: -20px;
        top: calc(50% - 70px);
    }
    
    .tournament-details-page .bracket-area .group-bracket.before-none .bracket-single::before {
        display: none;
    }
    
    .tournament-details-page .bracket-area .single-bracket {
        margin: 0 auto;
        width: 90%;
    }
    
    .tournament-details-page .bracket-area .single-bracket ul {
        position: relative;
        margin-bottom: 30px;
    }
    
    .tournament-details-page .bracket-area .single-bracket ul::before {
        position: absolute;
        content: '1';
        width: 10px;
        height: 10px;
        left: -18px;
        top: calc(50% - 10px);
    }
    
    .tournament-details-page .bracket-area .single-bracket ul.two::before {
        content: '2';
    }
    
    .tournament-details-page .bracket-area .single-bracket ul.three::before {
        content: '3';
    }
    
    .tournament-details-page .bracket-area .single-bracket ul.four::before {
        content: '4';
    }
    
    .tournament-details-page .bracket-area .single-bracket ul.five::before {
        content: '5';
    }
    
    .tournament-details-page .bracket-area .single-bracket ul.six::before {
        content: '6';
    }
    
    .tournament-details-page .bracket-area .single-bracket ul.seven::before {
        content: '7';
    }
    
    .tournament-details-page .bracket-area .single-bracket ul li {
        /* background: #1C0A68; */
        /* background: var(--tg-common-color-black-6); */
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2px;
    }
    
    .tournament-details-page .bracket-area .single-bracket ul li .left {
        padding: 10px 12px;
    }
    
    .tournament-details-page .bracket-area .single-bracket ul li .left img {
        border-radius: 50%;
        margin-right: 10px;
    }
    
    .tournament-details-page .bracket-area .single-bracket ul li .right {
        margin-right: 28px;
    }
    
    .tournament-details-page .bracket-area .single-bracket ul li .green span {
        background: transparent;
        border-image: linear-gradient(106deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        /* border-image: linear-gradient(106deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%) 1; */
        /* border-width: 2px; */
        border-style: solid;
        padding: 70% 70%;
    }
    
    .tournament-details-page .bracket-area .single-bracket ul li span {
        /* background: #2c2b2b; */
        background-color: #08111C;
        /* padding: 100% 100%; */
        border-image: linear-gradient(106deg, #08111C 0%, #08111C 47%, #08111C 75%, #08111C 100%) 1;
        border-style: solid;
        padding: 70% 70%;
    }
    
    .tournament-details-page .bracket-area .single-bracket ul li p,
    .tournament-details-page .bracket-area .single-bracket ul li span {
        font-size: 14px;
        /* line-height: 20px; */
        color: var(--body-color);
        margin-bottom: 8px;
        font-family: var(--Gadugi-bold);
    }
    
    .default-acc .accordion-button:not(.collapsed)::after {
        content: "\f068";
    }
    
    .default-acc .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: 0.76;
        width: auto;
        height: auto;
    }
    
    .default-acc .accordion-item {
        background: transparent;
        border: none;
        border-radius: 0;
        padding-bottom: 35px;
        margin-bottom: 35px;
        border-bottom: 1px solid #2c2b2b;
    }
    
    .default-acc .accordion-header {
        margin: 0 0;
    }
    
    .default-acc .accordion-button {
        padding: 0 0;
        background: transparent;
        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;
    }
    
    .default-acc .accordion-body {
        padding: 11px 0 0 45px;
    }
    
    .default-acc .accordion-button:not(.collapsed) .count {
        background: var(--tg-theme-primary);
    }
    
    .default-acc .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;
    }
    
    .default-acc .accordion-button {
        padding: 0 0;
        background: transparent;
        border-radius: 0 !important;
        box-shadow: none;
        color: var(--tg-common-color-white);
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 1px;
        border: none !important;
        box-shadow: none;
    }
    
    .default-acc.participants img {
        border-radius: 50%;
        margin-right: 10px;
    }
    
    .default-acc.participants .tm,
    .default-acc.participants .accordion-button {
        font-family: var(--Gadugi);
        font-size: 16px;
        text-transform: none;
    }
    
    .default-acc.participants .tm {
        font-weight: 400;
    }
    
    .default-acc.participants .accordion-item {
        padding-bottom: 25px;
        margin-bottom: 30px;
    }
    
    .default-acc.participants .accordion-body {
        /* background-color: #2c2b2b; */
        margin-top: 20px;
        padding: 0px 1.25rem 0 40px;
        /* background: var(--tg-common-color-black-6); */
    }
    
    .default-acc.participants .accordion-button .count {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        margin-right: 0;
        width: 24px;
        height: 24px;
        font-size: 14px;
        border: 1px solid #fff;
        color: #fff;
        background-color: transparent;
    }
    
    .default-acc.participants .accordion-body .tm {
        font-family: var(--Gadugi);
        font-size: 16px;
        margin-top: 2px;
        margin-bottom: 2px;
        background: var(--tg-common-color-black-6);
        padding: 10px 1.25rem;
    }
    
    .default-acc.participants .accordion-button {
        gap: 12px;
    }
    
    .default-acc.participants .accordion-button:not(.collapsed) .count {
        background: #fff;
        color: var(--tg-common-color-black);
    }
    
    .product__desc-wrap .tab-content table.cst td {
        font-style: normal;
    }
    
    .product__desc-wrap .tab-content table.cst td,
    .product__desc-wrap .tab-content table.cst th {
        text-align: center;
    }
    
    .product__desc-wrap .tab-content table.cst td:first-child,
    .product__desc-wrap .tab-content table.cst th:first-child {
        text-align: left;
    }
    
    .product__desc-wrap .tab-content table.cst thead th,
    .product__desc-wrap .tab-content table.cst thead td {
        font-family: var(--Gadugi-bold);
    }
    
    .product__desc-wrap .tab-content table.cst tbody th {
        font-family: var(--Gadugi-bold);
    }
    
    .product__desc-wrap .tab-content table.cst .box-price i {
        color: var(--tg-theme-secondary);
        font-size: 18px;
    }
    
    .product__desc-wrap .tab-content table.cst .box-user i {
        font-size: 16px;
        color: #b3b3b3;
    }
    
    .shop-sidebar.cst .filter-badge {
        margin-bottom: 0;
    }
    
    .shop-sidebar.cst {
        position: sticky;
        position: -webkit-sticky;
        top: 6rem;
        height: 80vh;
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        overflow: overlay;
    }
    
    .shop-sidebar.cst .check-filter {
        flex-wrap: wrap;
    }
    
    .shop-sidebar.cst .check-filter .form-check .form-check-input {
        margin-left: auto;
    }
    
    .shop-sidebar.cst .check-filter .form-check {
        width: 100%;
    }
    
    .shop-area.cst .padding-tournament {
        padding-left: 0;
        padding-right: 0;
    }
    
    .about__area-two {
        overflow-x: hidden;
        overflow: hidden;
    }
    
    .about__area-two .section__title .title {
        background: linear-gradient(180deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) text;
        -webkit-text-fill-color: transparent;
        padding-top: 9px;
        font-size: 92px;
    }
    
    .about__area-two .free-re-ttl span {
        /* font-family: var(--Futura-Md-BT); */
        font-family: var(--Gadugi-bold);
        display: block;
        font-size: 41px;
    }
    
    .filter-widget .title {
        width: 100%;
        text-align: center;
    }
    
    .filter-widget .title .inner {
        font-size: 24px;
        line-height: 1;
        color: #fff;
        font-family: var(--Gadugi-bold);
        margin-bottom: 12px;
        text-transform: uppercase;
        display: inline-block;
    }
    
    .filter-widget .title .inner::after {
        content: "";
        display: block;
        background-image: url(/assets/img/icons/heading-bottom.svg);
        width: 100%;
        height: 14px;
        margin: 10px auto 0;
        background-repeat: no-repeat;
    }
    
    .filter-widget .form-check label {
        text-transform: uppercase;
    }
    
    .filter-widget .wrap {
        margin-bottom: 20px;
    }
    
    .about__area-two .content-wrap {
        padding-top: 50px;
        /* padding-bottom: 80px; */
    }
    
    .check-group .form-check-input {
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    
    .check-group .form-check-input:focus {
        box-shadow: none;
    }
    
    .live-status {
        font-family: var(--Gadugi-bold);
        text-transform: uppercase;
        font-size: 14px;
        margin-top: -14px;
        background: var(--tg-common-color-black-6);
        margin-right: -13px;
        padding: 0px 20px;
    }
    
    .live-status {
        display: flex;
        align-items: center;
        gap: 6px;
    }
    
    .live-status i {
        font-size: 8px;
    }
    
    .live-status.live {
        /* color: #E63410; */
        color: #2CA942;
    }
    
    .live-status.completed {
        color: #E63410;
    }
    
    .live-status.open {
        color: #ffbe18;
    }
    
    .about__title-wrap .title {
        font-size: 92px;
        font-family: var(--Andreas);
        text-align: center;
        display: inline-block;
    }
    
    .about__title-wrap .title::after {
        content: "";
        display: block;
        /* background-image: url(/assets/img/icons/heading-bottom.svg); */
        width: 65%;
        height: 10px;
        margin: 0 auto 0;
        background-position: center;
        background-repeat: no-repeat;
        background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
    }
    
    .about__content-two p {
        text-align: justify;
    }
    
    .match__result-area.cst {
        /* background-color: #101010; */
        background-color: #1A1A18;
        z-index: -1;
        overflow: hidden;
    }
    
    .inf-bg {
        background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
        /* background: linear-gradient(164deg, #F8AD29 0%, #B85399 40%, #514897 60%, #4779BC 100%); */
        /* background-image: url(/assets/img/new-assets/about-bg-gradient.svg);
    background-repeat: no-repeat; */
        height: 94vh;
        width: 100%;
    }
    
    .match__result-area.cst .mission-bg {
        background-image: url(/assets/img/icons/circle-skew-cmyk.svg);
        position: absolute;
        bottom: -140px;
        right: -110px;
        width: 350px;
        height: 350px;
        background-repeat: no-repeat;
        display: block;
        z-index: -1;
    }
    
    .logo-anm {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 100%;
        -webkit-animation: scale-down-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: scale-down-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }
    
    @-webkit-keyframes scale-down-center {
        0% {
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
            -moz-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }
    }
    
    @keyframes scale-down-center {
        0% {
            -webkit-transform: scale(1.5);
            transform: scale(1.5);
            -moz-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }
    }
    
    .logo-anm .logo-fr {
        width: 30%;
        align-self: center;
    }
    
    .logo-anm .logo-fr img {
        /* width: 100%; */
    }
    
    .logo-anm .anm-left img,
    .logo-anm .anm-right img {
        width: 12%;
    }
    
    .logo-anm .anm-left,
    .logo-anm .anm-right {
        display: flex;
        flex-direction: column;
        row-gap: 40px;
        /* justify-content: end; */
        margin-top: 140px;
    }
    
    .logo-anm .anm-left div,
    .logo-anm .anm-right div {
        display: flex;
        gap: 10px;
    }
    
    .logo-anm .anm-left div {
        justify-content: end;
    }
    
    .logo-anm .anm-right div {
        justify-content: start;
    }
    
    .logo-anm .anm-left {
        margin-right: 30px;
    }
    
    .logo-anm .anm-right {
        margin-left: 30px;
    }
    
    .slider__shapes {
        opacity: 0.27;
    }
    
    .logo-anm .anm-left div:nth-child(1) img:first-child {
        animation-delay: 0.2s;
    }
    
    .logo-anm .anm-left div:nth-child(1) img:last-child {
        animation-delay: 0.4s;
    }
    
    .logo-anm .anm-left div:nth-child(2) img:first-child {
        animation-delay: 0.4s;
    }
    
    .logo-anm .anm-left div:nth-child(2) img:last-child {
        animation-delay: 0.6s;
    }
    
    .logo-anm .anm-left div:nth-child(3) img:first-child {
        animation-delay: 0.6s;
    }
    
    .logo-anm .anm-left div:nth-child(3) img:last-child {
        animation-delay: 0.8s;
    }
    
    .logo-anm .anm-left div:nth-child(4) img:first-child {
        animation-delay: 0.8s;
    }
    
    .logo-anm .anm-left div:nth-child(4) img:last-child {
        animation-delay: 0.10s;
    }
    
    .logo-anm .anm-right div:nth-child(1) img:first-child {
        animation-delay: 0.3s;
    }
    
    .logo-anm .anm-right div:nth-child(1) img:last-child {
        animation-delay: 0.5s;
    }
    
    .logo-anm .anm-right div:nth-child(2) img:first-child {
        animation-delay: 0.5s;
    }
    
    .logo-anm .anm-right div:nth-child(2) img:last-child {
        animation-delay: 0.7s;
    }
    
    .logo-anm .anm-right div:nth-child(3) img:first-child {
        animation-delay: 0.7s;
    }
    
    .logo-anm .anm-right div:nth-child(3) img:last-child {
        animation-delay: 0.9s;
    }
    
    .logo-anm .anm-right div:nth-child(4) img:first-child {
        animation-delay: 0.9s;
    }
    
    .logo-anm .anm-right div:nth-child(4) img:last-child {
        animation-delay: 0.11s;
    }
    
    .logo-anm .anm-left img {
        animation: shapeBlinker 1.5s linear infinite;
        opacity: 0;
        /* z-index: -1; */
    }
    
    @-webkit-keyframes shapeBlinker {
        50% {
            opacity: 0.59;
        }
    }
    
    @keyframes shapeBlinker {
        50% {
            opacity: 0.59;
        }
    }
    
    .logo-anm .anm-right img {
        animation: shapeBlinkera 1.5s linear infinite;
        opacity: 0;
        -webkit-animation: shapeBlinkera 1.5s linear infinite;
    }
    
    @-webkit-keyframes shapeBlinkera {
        50% {
            opacity: 0.59;
        }
    }
    
    @keyframes shapeBlinkera {
        50% {
            opacity: 0.59;
        }
    }
    
    .btn-rect,
    .btn-rect:visited {
        font-size: 15.5px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* color: var(--tg-common-color-rating); */
        color: #fff;
        padding: 0;
        border: 2px solid transparent;
        font-family: var(--Andreas);
        text-transform: uppercase;
        letter-spacing: .8px;
        border-width: 4px;
        border-style: solid;
        /* border-image: linear-gradient(164deg, rgba(249,174,41,1) 0%, rgba(185,83,154,1) 47%, rgba(81,72,152,1) 75%, rgba(71,121,189,1) 100%) 1; */
        border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        width: 50%;
        margin: 0 auto;
    }
    /* .all-ct {
    background: url(https://media-rockstargames-com.akamaized.net/mfe6/prod/__common/img/d358ca0f4ef1b724361c30dd82547992.png) 45% 30%/1000% no-repeat;
    height: 100vh;
    -webkit-mask: url(https://media-rockstargames-com.akamaized.net/mfe6/prod/__common/img/fa598c85c9406b0078e3db23e2b605a8.svg) 45% 30%/1000% no-repeat;
    overflow: hidden;
    position: relative;
    will-change: -webkit-mask-position,background-position,-webkit-mask-size,background-size;
} */
    
    .svg-container.new svg {
        display: none;
    }
    
    .svg-container .btn-rect {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }
    
    .svg-container .btn-rect.mt {
        margin-top: 30px;
    }
    
    .svg-container.new {
        background-color: #000003;
    }
    
    .svg-container.new .btn-rect {
        -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-box .view-tournament a {
        transition: all 300ms ease 0ms;
    }
    
    .tournament-box .view-tournament a .t-btn:after {
        font-size: 18px;
        line-height: 1em;
        opacity: 0;
        content: "\f054";
        position: absolute;
        margin-left: -1em;
        -webkit-transition: all .2s;
        transition: all .2s;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-weight: 900;
    }
    
    .tournament-box .view-tournament a:hover .t-btn:after {
        opacity: 1;
        margin-left: 5px;
    }
    
    .detail-bg {
        background-color: #101010;
    }
    
    .divTable {
        /* display: table; */
        width: 100%;
        overflow: auto;
        line-height: 1.4;
    }
    
    .divTableRow {
        /* display: table-row; */
        /* border-width: 2px;
    border-style: solid; */
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 10px;
        border-image: linear-gradient(20deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        border-width: 1px;
        border-style: solid;
    }
    
    .divTableHead .divTableRow {
        background: linear-gradient(20deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
    }
    
    .divTableHeading {
        background-color: #EEE;
        display: table-header-group;
    }
    
    .divTableCell {
        /* display: table-cell; */
        padding: 10px 10px;
        flex: 0 0 auto;
    }
    
    .divTableBody .divTableCell {
        /* border: 1px solid #999999; */
    }
    
    .divTableBody .divTableRow .divTableCell {
        /* border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1; */
    }
    
    #leaderboard .divTableCell:nth-child(3),
    #leaderboard .divTableCell:nth-last-of-type(3) {
        width: 20%;
    }
    
    #leaderboard .divTableCell:nth-child(2),
    #leaderboard .divTableCell:nth-last-of-type(2) {
        width: 30%;
    }
    
    #leaderboard .divTableCell:first-child {
        width: 10%;
    }
    
    #leaderboard .divTableCell:last-child {
        width: 10%;
    }
    
    .divTableBody .divTableRow .divTableCell:nth-child(2),
    .divTableBody .divTableRow .divTableCell:nth-child(3),
    .divTableBody .divTableRow .divTableCell:nth-last-of-type(2),
    .divTableBody .divTableRow .divTableCell:nth-last-of-type(3) {
        /* border-left: 0; */
        /* border-right: 0; */
    }
    
    #leaderboard .divTableCell:nth-child(3),
    #leaderboard .divTableCell:nth-last-of-type(2),
    #leaderboard .divTableCell:last-child {
        text-align: center;
    }
    
    .divTableBody .divTableRow .divTableCell:first-child {
        /* border-right: 0; */
    }
    
    .divTableBody .divTableRow .divTableCell:last-child {
        /* border-left: 0; */
    }
    
    .divTableHeading {
        background-color: #EEE;
        display: table-header-group;
        font-weight: bold;
    }
    
    .divTableFoot {
        background-color: #EEE;
        display: table-footer-group;
        font-weight: bold;
    }
    
    .divTableBody {
        /* display: table-row-group; */
    }
    
    .divTableHead {
        /* display: table-row-group; */
    }
    
    #leaderboard .modal-content {
        background-color: #101010;
    }
    
    #leaderboard .modal-header {
        justify-content: center;
        border-bottom: 0;
        padding-bottom: 0;
    }
    
    #leaderboard .modal-header .modal-title {
        font-size: 38px;
        font-family: var(--Andreas);
        letter-spacing: .8px;
        margin-bottom: -10px;
        margin-top: 7px;
    }
    
    @media (min-width: 576px) {
        #leaderboard .modal-dialog {
            max-width: 590px;
        }
    }
    
    .modal.cmn.show .modal-dialog {
        cursor: auto;
    }
    
    .modal.cmn.show {
        cursor: var(--cursor-close-svg-url) 28 28, auto;
    }
    
    .modal-backdrop.show {
        opacity: .9;
    }
    
    .prize-table-list .divTableRow {
        justify-content: space-between;
        font-family: var(--Gadugi-bold);
    }
    
    .prize-table-list .divTableHead .divTableRow {
        text-transform: uppercase;
    }
    /*  */
    
    .players-of-the-week-container {
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }
    
    .players-of-the-week-container::after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(9 9 11 / 100%);
    }
    
    .z-1 {
        z-index: 1;
    }
    
    .players-of-the-week-container .top-players {
        margin-top: 100px;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .players-of-the-week-container .top-player-container:first-of-type {
        margin-top: -30px;
        margin-bottom: 50px;
        order: 2;
        border-color: #ecc252;
    }
    
    .players-of-the-week-container .top-player-container {
        border-radius: 4px;
        margin: 10px;
        border-radius: 2px;
        border-top: 7px solid;
        width: 328px;
        position: relative;
        background-color: #101010;
    }
    
    .light-border-block {
        border: 1px solid #2c2b2b;
    }
    
    .players-of-the-week-container .profile-avatar {
        width: 120px;
        height: 120px;
        margin: -60px auto 0;
        border-radius: 50%;
        position: relative;
    }
    
    .players-of-the-week-container .profile-avatar a {
        width: 100%;
        height: auto;
        background: none;
    }
    
    .players-of-the-week-container .profile-avatar .top-player-avatar {
        width: 120px;
        height: 120px;
        object-fit: cover;
        /* border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1; */
        background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) border-box;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid transparent;
    }
    
    .circle {
        border-radius: 50%;
    }
    
    .players-of-the-week-container .profile-avatar .top-player-avatar-rank {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 40%);
        font-size: 21px;
        color: #292929;
    }
    
    .players-of-the-week-container .top-player-container .top-player-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .players-of-the-week-container .top-player-container .top-player-info .top-player-name {
        font-size: 30.8px;
        color: #fff;
        font-weight: 500;
        display: block;
        margin-top: 30px;
        margin-bottom: 10px;
        font-family: var(--Gadugi-bold);
    }
    
    .players-of-the-week-container .top-player-container .top-player-info>* {
        margin: 7px;
    }
    
    .players-of-the-week-container .top-player-container .top-player-info .top-player-prize {
        /* color: #c3c3c3; */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        position: relative;
        gap: 10px;
    }
    
    .players-of-the-week-container .top-player-container .top-player-info .top-player-prize .inner::after {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        margin: 0px auto 0;
        background-repeat: no-repeat;
        background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
    }
    
    .top-player-prize .trp {
        align-self: baseline;
    }
    
    .top-player-prize .trp.gold {
        color: #ecc252;
    }
    
    .top-player-prize .trp.silver {
        color: #e2e2e2;
    }
    
    .top-player-prize .trp.bronze {
        color: #b47344;
    }
    
    .players-of-the-week-container .top-player-container .top-player-info .top-player-prize i {
        /* margin-right: 10px; */
    }
    
    .players-of-the-week-container .top-player-container .top-player-info .button-large {
        margin-top: 20px;
        margin-bottom: 40px;
        height: 50px;
    }
    
    .players-of-the-week-container .top-player-container:nth-of-type(3) {
        order: 3;
        border-color: #b47344;
    }
    
    .players-of-the-week-container .top-player-container:nth-of-type(2) {
        order: 1;
        border-color: #e2e2e2;
    }
    
    .players-of-the-week-container .profile-avatar .top-player-avatar-decoration {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 40%);
        width: 40px;
        height: 40px;
    }
    
    .players-of-the-week-container .tg-btn-3 {
        font-size: 16px;
        color: var(--tg-common-color-white);
        letter-spacing: 0.5px;
        font-weight: var(--tg-fw-bold);
        width: 158px;
        height: 55px;
        font-family: var(--Andreas);
        padding-top: 20px;
    }
    
    .invoice-container {
        margin: 15px auto;
        padding: 70px;
        max-width: 850px;
        background-color: #09090b;
        border: 1px solid #2c2b2b;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        color: #fff;
    }
    
    .invoice-container h4,
    .invoice-container p {
        color: #fff;
    }
    
    .invoice-container .bg-light {
        background-color: #000003 !important;
    }
    
    .invoice-container .table {
        color: #d9d9d9;
    }
    
    .invoice-container .border {
        border: 1px solid #2c2b2b !important;
    }
    
    .invoice-container .inv-logo {
        height: 60px;
    }
    
    .invoice-container .table>:not(:first-child) {
        border-top: 2px solid #2c2b2b;
    }
    
    .terms_condition-text {
        margin-bottom: 45px;
    }
    
    .terms_condition-text li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .terms_condition-text li i {
        line-height: 37px;
        margin-right: 15px;
        font-size: 13px;
    }
    
    .terms_condition-text ul {
        padding-left: 0;
    }
    
    .terms_condition-text p {
        gap: 10px;
    }
    
    .terms_condition-text .hd p .bold {
        font-size: 20px;
        margin-right: 5px;
        font-family: var(--Gadugi-bold);
    }
    
    .terms_condition-text .hd p .bold.f-initial,
    .terms_condition-text .hd p span.f-initial {
        font-size: var(--tg-body-font-size);
    }
    
    .terms_condition-text p .bold {
        font-family: var(--Gadugi-bold);
    }
    
    .terms_condition-text .hd p span {
        font-size: 20px;
        flex: 0 0 auto;
        width: auto;
    }
    
    .text-italic {
        font-style: italic;
    }
    
    .terms_condition-text h3,
    .terms_condition-text .h3,
    .terms_condition-text h4,
    .terms_condition-text .h4 {
        font-family: var(--Gadugi-bold);
    }
    
    .terms_condition-text h3,
    .terms_condition-text .h3 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    
    .terms_condition-text h4,
    .terms_condition-text .h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .terms_condition-text:last-child {
        margin-bottom: 0;
    }
    
    .terms_condition-text:last-child ul {
        margin-bottom: 0;
    }
    
    .terms_condition-text:last-child ul p:last-child {
        /* margin-bottom: 0; */
    }
    
    .terms_condition-text .ps {
        padding-left: 20px;
    }
    
    .terms_condition-text .ps ul {
        margin-bottom: 25px;
    }
    
    .terms_condition-text .ps li i {
        line-height: 28px;
    }
    
    .banner-reg-btn {
        position: absolute;
    }
    
    .banner-reg-btn {
        position: absolute;
        width: 21%;
        /* background-color: #ffffff87; */
        left: 7.5%;
        transform: skew(-17deg);
    }
    
    .banner-reg-mw-btn {
        position: absolute;
        /* width: 21%; */
        left: 7.5%;
        transform: skew(-17deg);
        border-width: 3px;
        border-style: solid;
        /* border-image: linear-gradient(164deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%) 1; */
        border-image: linear-gradient(180deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        /* padding: 6px 40px; */
        padding-left: 40px;
        padding-right: 40px;
        bottom: 15%;
    }
    
    .banner-reg-mw-btn-wrap .ct {
        font-size: 28px;
        color: #fff;
        text-align: center;
        transform: skew(17deg);
        -webkit-transform: skew(17deg);
        -moz-transform: skew(17deg);
        -ms-transform: skew(17deg);
        -o-transform: skew(17deg);
        text-transform: uppercase;
        font-family: "Montserrat", sans-serif;
    }
    @media (max-width: 360.98px) {
        .scroll-container .scroll-content {
            /* transform: translate(0, -185%);
            -webkit-transform: translate(0, -185%);
            -moz-transform: translate(0, -185%);
            -ms-transform: translate(0, -185%);
            -o-transform: translate(0, -185%); */
}
}
@media (min-width: 361px) and (max-width: 375.98px) {
    .scroll-container .scroll-content {
        /* transform: translate(0, -165%);
        -webkit-transform: translate(0, -165%);
        -moz-transform: translate(0, -165%);
        -ms-transform: translate(0, -165%);
        -o-transform: translate(0, -165%); */
}
}
@media (min-width: 376px) and (max-width: 414.98px) {
    .scroll-container .scroll-content {
        /* transform: translate(0, -215%);
        -webkit-transform: translate(0, -215%);
        -moz-transform: translate(0, -215%);
        -ms-transform: translate(0, -215%);
        -o-transform: translate(0, -215%); */
}
}
@media (min-width: 415px) and (max-width: 430.98px) {
    .scroll-container .scroll-content {
        /* transform: translate(0, -245%);
        -webkit-transform: translate(0, -245%);
        -moz-transform: translate(0, -245%);
        -ms-transform: translate(0, -245%);
        -o-transform: translate(0, -245%); */
}
}
@media (min-width: 850px) and (max-width: 920.98px) {
    .scroll-container .scroll-content {
        transform: translate(0, -380%) !important;
        -webkit-transform: translate(0, -380%) !important;
        -moz-transform: translate(0, -380%) !important;
        -ms-transform: translate(0, -380%) !important;
        -o-transform: translate(0, -380%) !important;
}
}
@media (min-width: 1000px) and (max-width: 1024px),
 (min-width: 1000px) and (max-height: 1366px) {
   body div .scroll-container .scroll-content {
        transform: translate(0, -390%);
        -webkit-transform: translate(0, -390%);
        -moz-transform: translate(0, -390%);
        -ms-transform: translate(0, -390%);
        -o-transform: translate(0, -390%);
}
}
@media (min-width: 1000px) and (max-width: 1024px),
(min-width: 1000px) and (max-height: 600px) {
    div .scroll-container .scroll-content {
        transform: translate(0, -210%);
        -webkit-transform: translate(0, -210%);
        -moz-transform: translate(0, -210%);
        -ms-transform: translate(0, -210%);
        -o-transform: translate(0, -210%);
}
}

    @media (max-width: 575.98px) {
        .slider__bg {
            height: 100%;
        }
        .banner-reg-mw-btn-wrap .ct {
            font-size: 10px;
        }
        .banner-reg-mw-btn {
            padding-left: 20px;
            padding-right: 20px;
        }
        .logo img {
            max-width: 67px;
        }
        .section__title .title {
            font-size: 34px;
        }
        .section__title .sub-title {
            font-size: 14px;
        }
        .tournament-box .view-tournament a, .tournament-box .view-tournament a:visited {
            font-size: 12.5px;
        }
        .tournament-box .tournament-details .tournament-description-block .name-block .tournament-name {
            font-size: 18px;
        }
        :root {
            --tg-body-font-size: 14px;
        }
        .tournament-box .tournament-details .tournament-cover-block .prize-block .rectangle,
        .tournament-box .tournament-details .tournament-cover-block .cover-image,
        .tournament-box .tournament-details .tournament-cover-block {
            width: 110px;
        }
        .tournament-box .tournament-details .tournament-cover-block .prize-block .rectangle p {
            font-size: 12px;
        }
        .tournament-box .tournament-details .tournament-stats-block .tournament-stats small {
            font-size: 7px;
        }
        .tournament-box .tournament-details .tournament-stats-block {
            gap: 5px;
        }
        .tournament-box .tournament-details .tournament-stats-block .tournament-stats p {
            font-size: 12.9px;
            margin-top: -4px;
        }
        .pagination__wrap .page-numbers, .pagination__wrap .page-link, .pagination__wrap .page-item.disabled .page-link {
            width: 30px;
            height: 30px;
        }
        .upcoming-match__area .section__title.mb-60 {
            margin-bottom: 40px;
        }
        .filter-badge ul li {
            font-size: 10px;
        }
        .filter-badge ul {
            flex-wrap: wrap;
        }
        .section-pt-120 {
            padding-top: 60px;
        }
        .section-pb-120 {
            padding-bottom: 60px;
        }
        .about__area-two .section__title .title,
        .about__title-wrap .title,
        .login .contact__content .title {
            font-size: 72px;
        }
        .login .contact__content .title.sm {
            font-size: 35px;
        }
        .about__area-two .free-re-ttl span {
            font-size: 25px;
        }
        .about__content-two h2 {
            font-size: 20px;
        }
        .about__content-btns {
            margin: 0;
        }
        .players-of-the-week-container .top-players {
            margin-top: 100px;
            display: block;
        }
        .players-of-the-week-container .top-player-container:last-of-type {
            margin-bottom: 0;
        }
        .players-of-the-week-container .top-player-container,
        .players-of-the-week-container .top-player-container:first-of-type {
            margin-bottom: 80px;
        }
        .players-of-the-week-container .top-player-container {
            width: 95%;
        }
        .how-it-works .title {
            font-size: 42px;
        }
        .project__wrapper .section__title {
            width: 130px;
            flex: 0 0 auto;
        }
        .project__wrapper {
            flex-direction: row;
            align-items: center;
        }
        .how-it-works.nw .project__wrapper {
            display: grid;
        }
        .how-it-works.nw .project-active {
            margin: -10px 0 0 0;
        }
        .how-it-works.nw .title br {
            display: none;
        }
        .how-it-works.nw .section__title {
            width: 100%;
        }
        .how-it-works.nw .section__title .title {
            text-align: center;
        }
        .how-it-works.nw .title::after {
            background-size: 100%;
            width: 70%;
         }
        .how-it-works .project-active .project__item .project__item__wrap .content-wrap h3 {
            font-size: 18px;
            margin-bottom: 30px;
        }
        #tournament-container.row {
            --bs-gutter-x: 6px;
        }
        .how-it-works .project-active .project__item .project__item__wrap .number {
            font-size: 260px;
            margin-bottom: 20px;
        }
        .project__wrapper .slider-button-prev {
            right: 14%;
            top: calc(90% + 60px);
        }
        .project-active {
            margin: -110px 0 0 20px;
        }
        .faq-area .faq__wrapper .mark img {
            width: 50%;
        }
        .faq-area .faq__wrapper .mark.top {
            left: -70px;
        }
        .about__content-btns .svg-icon {
            /* background-image: url('../../assets/img/icons/shape02-new.svg?v=1.0');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 0; */
        }
        .about__area-two {
            padding-bottom: 60px;
        }
        .logo-anm .logo-fr {
            width: 300% !important;
        }
        .logo-anm .anm-left, .logo-anm .anm-right {
            row-gap: 20px;
            margin-top: 80px;
        }
        .logo-anm .anm-left img, .logo-anm .anm-right img {
            width: 25%;
        }
        .how-it-works.nw .heading h3 {
            height: 20px;
        }
        .tg-header__area .mobile-nav-toggler {
            margin-top: 14px;
        }
        .tournament-details-page-container .tournament-details-info {
            flex-direction: column;
            align-items: flex-start;
        }
        .tournament-details-info-body .tournament-details-entry-info {
            display: grid;
            grid-template-columns: auto auto;
            width: 100%;
        }
        .tournament-details-info-body .tournament-details-entry-info p:nth-child(even) {
            border: 0;
        }
        .tournament-details-info-body .tournament-details-entry-info p:nth-child(odd) {
            padding-left: 0;
        }
        .tournament-details-page-container {
            justify-content: center;
        } 
        .tournament-details-info-body .time-info-container .time-info {
            padding: 8px 16px 8px 16px;
            flex-grow: 1;
        }
        .tournament-details-page .bracket-area {
            margin: 0;
            /* overflow-x: auto;
            overflow-y: hidden; */
            padding-bottom: 40px;
        }
        .tournament-details-page .bracket-area .w-cus {
            width: 250%;
            margin-top: 70px;
            margin-left: 0;
        }
        .product__desc-wrap .tab-content {
            padding: 25px 0;
        }
        .product__desc-wrap {
            margin-top: 30px;
        }
        .tgmenu__action>ul li {
            margin-left: 20px;
        }
        .login .contact__content .title.sm::after {
            margin: -6px 0 0;
        }
        .breadcrumb__content .title {
            line-height: 1.2;
        }
        #leaderboard .modal-body {
            padding-left: 0;
            padding-right: 0;
        }
        #leaderboard .divTableHead .divTableRow {
            
            /* font-size: 10px; */
        }
        #leaderboard .divTableCell:first-child {
            width: 12%;
        }
        #leaderboard .divTableCell:nth-child(2), #leaderboard .divTableCell:nth-last-of-type(2) {
            width: 24%;
        }
        #leaderboard .divTableCell:last-child {
            width: 20%;
        }
        .scroll-container .scroll-content {
            top: -49%;
        }
        .live-status {
            font-size: 10px;
            background: #2c2b2b;
            padding: 0px 6px;
            border-color: #282f36;
            border-style: solid;
            border-radius: 1px;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            -ms-border-radius: 1px;
            -o-border-radius: 1px;
}
.match__result-area.cst .mission-bg {
    width: 260px;
    height: 260px;
}
.tournament-box .tournament-details .tournament-cover-block {
    padding-top: 32px;
}
    }
    @media (max-width: 991.98px) {
        .logo-anm .logo-fr {
            width: 60%;
        }
        .logo-anm .anm-left, .logo-anm .anm-right {
            row-gap: 20px;
            margin-top: 80px;
        }
        .shop-area {
            padding: 50px 0 0;
        }
        .shop__top-wrap {
            /* margin-top: 70px; */
        }
        .shop-sidebar.cst {
            margin-top: 70px;
        }
        .tournament-details-page .bracket-area .single-bracket ul {
            padding-left: 0;
        }
        .login .contact__content .title {
            padding-left: 0;
            position: relative;
            top: inherit;
            left: inherit;
            display: inline-block;
        }
        .media-profile {
            position: relative;
            top: inherit;
            right: inherit;
            padding-top: 50px;
        }
       .login .contact__content .title {
            margin-top: 50px;
        }
        .login .contact__form-wrap form {
            padding: 60px 15px 60px;
        }
        .contact-area {
            padding-bottom: 0;
            /* padding-top: 0; */
        }
        .front-backend-wrapper .f-right-content {
            padding: 0;
            margin-top: 40px;
        }
    }
    @media (min-width: 500px) and (max-width: 540.98px) {
        .project__wrapper .section__title {
            width: 210px;
        }
        .how-it-works .project-active .project__item .project__item__wrap .number {
            font-size: 260px;
            margin-bottom: 40px;
        }
        .scroll-container .scroll-content {
            transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
}
    }
    @media (min-width: 576px) and (max-width: 767.98px) {
        .banner-reg-mw-btn-wrap .ct {
            font-size: 14px;
        }
        .slider__bg {
            height: 52vh;
        }
        .about__area-two .section__title .title,
        .login .contact__content .title {
            font-size: 72px;
        }
        .login .contact__content .title.sm {
            font-size: 45px;
        }
        .about__area-two .free-re-ttl span {
            font-size: 25px;
        }
        .about__content-two h2 {
            font-size: 20px;
        }
        .about__content-btns {
            margin: 0;
        }
        .project__wrapper .section__title {
            width: 230px;
        }
        .how-it-works .title {
            font-size: 62px;
        }
        .scroll-container .scroll-content {
            transform: translate(0, -200%);
            -webkit-transform: translate(0, -200%);
            -moz-transform: translate(0, -200%);
            -ms-transform: translate(0, -200%);
            -o-transform: translate(0, -200%);
        }
        .project__wrapper .slider-button-prev {
            top: 25%;
        }
        main .how-it-works.nw .heading h3 {
            font-size: 20px;
            height: 0px;
            margin-top: 30px;
        }
        .tournament-details-page .bracket-area .w-cus {
            width: 180%;
        }
    }
    @media (min-width: 768px) and (max-width: 991.98px) {
        .banner-reg-mw-btn-wrap .ct {
            font-size: 18px;
        }
        .slider__bg {
            height: 40vh;
        }
        .about__area-two .section__title .title,
        .login .contact__content .title {
            font-size: 72px;
        }
        .login .contact__content .title.sm {
            font-size: 55px;
        }
        .about__area-two .free-re-ttl span {
            font-size: 25px;
        }
        .about__content-two h2 {
            font-size: 20px;
        }
        .about__content-btns {
            margin: 0;
        }
        .how-it-works .title {
            font-size: 72px;
        }
        .project-active {
            margin: -100px -30px 0 20px;
        }
        .logo-anm .anm-left, .logo-anm .anm-right {
            row-gap: 20px;
            margin-top: 70px;
        }
        .scroll-container .scroll-content {
            transform: translate(0, -290%);
            -webkit-transform: translate(0, -290%);
            -moz-transform: translate(0, -290%);
            -ms-transform: translate(0, -290%);
            -o-transform: translate(0, -290%);
}
.project__wrapper .slider-button-prev {
    top: 35%;
}
main .how-it-works.nw .heading h3 {
    font-size: 20px;
    height: 0px;
    margin-top: 30px;
}
.tournament-details-page .bracket-area .w-cus {
    width: 150%;
}

    }
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .banner-reg-mw-btn-wrap .ct {
            font-size: 20px;
        }
        .about__area-two .section__title .title,
        .login .contact__content .title {
            font-size: 72px;
        }
        .login .contact__content .title.sm {
            font-size: 46px;
        }
        .about__area-two .free-re-ttl span {
            font-size: 25px;
        }
        .about__content-two h2 {
            font-size: 20px;
        }
        .about__content-btns {
            margin: 0;
        }
        .slider__bg {
            height: 580px;
        }
        .logo-anm .anm-left, .logo-anm .anm-right {
            row-gap: 30px;
            margin-top: 100px;
        }
        main .how-it-works.nw .heading h3 {
            height: 50px;
        }
        /* .scroll-container .scroll-content {
            position: relative;
            width: 90%;
            margin: 0 auto;
            transform: translate(0, -200%);
            -webkit-transform: translate(0, -200%);
            -moz-transform: translate(0, -200%);
            -ms-transform: translate(0, -200%);
            -o-transform: translate(0, -200%);
}
        .scroll-container .v-img {
            transform: translate(0%, -30%);
            -moz-transform: translate(0%, -30%);
            -ms-transform: translate(0%, -30%);
            -o-transform: translate(0%, -30%);
            -webkit-transform: translate(0%, -30%);
}
.scroll-container .v-img {
    visibility: hidden;
} */
.scroll-container .scroll-content {
    transform: translate(0, -380%);
    -webkit-transform: translate(0, -380%);
    -moz-transform: translate(0, -380%);
    -ms-transform: translate(0, -380%);
    -o-transform: translate(0, -380%);
}
    }
    .banner-reg-mw-btn-wrap .hvr-shutter-out-horizontal {
        position: absolute;
        transform: skew(-17deg);
        -webkit-transform: skew(-17deg);
        -moz-transform: skew(-17deg);
        -ms-transform: skew(-17deg);
        -o-transform: skew(-17deg);
    }
    
    .banner-reg-mw-btn-wrap .hvr-shutter-out-horizontal:before {
        background: linear-gradient(180deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
    }
    
    @media (min-width: 768px) {
        .terms-message-para p {
            font-size: 24px;
        }
    }
    
    .hvr-shutter-out-horizontal {
        /* display: inline-block; */
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        text-align: center;
    }
    
    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        /* background: #2098D1; */
        background: linear-gradient(164deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    
    .hvr-shutter-out-horizontal:hover,
    .hvr-shutter-out-horizontal:focus,
    .hvr-shutter-out-horizontal:active {
        color: white;
    }
    
    .hvr-shutter-out-horizontal:hover:before,
    .hvr-shutter-out-horizontal:focus:before,
    .hvr-shutter-out-horizontal:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    
    .ic-img img {
        max-width: 100%;
        height: 20px;
    }
    
    .ic-img-sm img {
        max-width: 100%;
        height: 20px;
    }
    
    .f-wrap {
        display: flex;
    }
    
    .f-wrap.gap {
        gap: 2px;
    }
    
    .f-wrap .ic-img-sm {
        margin-top: -8px;
    }
    
    .ic-img.cst {
        flex-shrink: 0;
    }
    
    .tournament-details-info-footer.cst-wrap .filter-badge label {
        gap: 4px;
    }
    
    .tournament-details-info-footer.cst-wrap .filter-badge .form-check {
        padding-left: 0;
        padding-right: 0;
    }
    
    .inline-ic {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    
    .ic-img-inline img {
        max-width: 100%;
        height: 14px;
    }
    
    .ic-img-inline.mt {
        margin-top: -4px;
    }
    
    .tgmenu__navbar-wrap.rt .navigation {
        margin-left: 0;
    }
    
    .tgmenu__navbar-wrap.rt .navigation a i {
        font-size: 30px;
    }
    
    .tgmenu__navbar-wrap.rt .navigation a.link {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }
    
    .how-it-works.nw .heading h3 {
        font-family: var(--Gadugi-bold);
        line-height: 1.2;
        font-size: 24px;
        margin-bottom: 0;
        padding: 0 20px;
        height: 20px;
    }
    
    .how-it-works.nw .project-active .project__item .project__item__wrap .content-wrap {
        margin-top: 0;
    }
    
    .paynow-btn {
        top: 4px !important;
    }

    /* komal wadkar */

    .filter-coins {
        padding: 8px 76px 8px 16px;
        background-color: #08111C;
        border-radius: 2px;
        margin-right: 5px;
        margin-bottom: 5px;
        border-image: linear-gradient(106deg, #fdb137 0%, #f74de9 47%, #595bf4 75%, #208afa 100%) 1;
        /* border-image: linear-gradient(106deg, rgba(249, 174, 41, 1) 0%, rgba(185, 83, 154, 1) 47%, rgba(81, 72, 152, 1) 75%, rgba(71, 121, 189, 1) 100%) 1; */
        border-width: 2px;
        border-style: solid;
    }
    .filter-coins .rs-coin {
        display: flex;
        align-items: center;
        gap: 28px;
    }
    .filter-coins .g-coin {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .filter-coins .form-check-label{
        width: auto;
    }
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
    .tournament-details-page .filter-coins .rs-coin,
    .tournament-details-page .check-filter .form-check,
    .tournament-details-page .filter-coins .g-coin {
        justify-content: space-between;
    }
    .tournament-details-page .filter-coins {
        padding-right: 10px;
    }