@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap);
@font-face{
    font-family:"berlin_sans_fb_demibold";
    src:url(../fonts/berlin_sans_fb_demi_bold-webfont.woff2) format("woff2"),url(../fonts/berlin_sans_fb_demi_bold-webfont.woff) format("woff");
    font-weight:400;
    font-style:normal
}
:root{
    --tg-body-font-family:'Poppins', sans-serif;
    --tg-heading-font-family:'Barlow', sans-serif;
    --tg-berlin-font-family:'berlin_sans_fb_demibold';
    --tg-icon-font-family:"Font Awesome 5 Free";
    --tg-body-font-size:16px;
    --tg-body-line-height:1.75;
    --tg-heading-line-height:1.2;
    --tg-common-color-blue:#0d6efd;
    --tg-common-color-indigo:#6610f2;
    --tg-common-color-purple:#6f42c1;
    --tg-common-color-pink:#d63384;
    --tg-common-color-red:#dc3545;
    --tg-common-color-orange:#fd7e14;
    --tg-common-color-yellow:#ffc107;
    --tg-common-color-green:#198754;
    --tg-common-color-teal:#ff8965;
    --tg-common-color-cyan:#0dcaf0;
    --tg-common-color-rating:#faa706;
    --tg-common-color-white:#fff;
    --tg-common-color-gray:#182029;
    --tg-common-color-black:#0f161b;
    --tg-common-color-black-2:#201f2a;
    --tg-common-color-black-3:#0b0e13;
    --tg-common-color-black-4:#10181f;
    --tg-common-color-black-5:#090d10;
    --tg-common-color-black-6:#050506;
    --tg-common-color-black-7:#040608;
    --tg-common-color-black-8:#0d141b;
    --tg-common-color-black-9:#111922;
    --tg-body-color:#adb0bc;
    --tg-heading-color:#fff;
    --tg-theme-primary:#ff8965;
    --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
}
body{
    font-family:var(--tg-body-font-family);
    font-size:var(--tg-body-font-size);
    font-weight:var(--tg-fw-regular);
    color:var(--tg-body-color);
    line-height:var(--tg-body-line-height);
    background:var(--tg-common-color-black);    
    /* Define a imagem de fundo */
    background: url('background.jpg') no-repeat center center fixed;
    
    /* Faz a imagem cobrir toda a tela */
    background-size: cover;
}
body.bg-black2{
    background:#11131C
}
img,.img{
    max-width:100%;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
a,button{
    color:var(--tg-theme-primary);
    outline:none;
    text-decoration:none;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
a:focus,.btn:focus,.button:focus{
    text-decoration:none;
    outline:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
a:hover,button:hover{
    color: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-heading-font-family);
    color:var(--tg-heading-color);
    margin-top:0;
    font-weight:var(--tg-fw-bold);
    line-height:var(--tg-heading-line-height);
    text-transform:uppercase
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}
h1{
    font-size:2.5rem
}
h2{
    font-size:2rem
}
h3{
    font-size:1.75rem
}
h4{
    font-size:1.5rem
}
h5{
    font-size:1.25rem
}
h6{
    font-size:1rem
}
.list-wrap{
    margin:0;
    padding:0
}
.list-wrap li{
    list-style:none
}
p{
    font-family:var(--tg-body-font-family);
    font-size:var(--tg-body-font-size);
    line-height:var(--tg-body-line-height);
    font-weight:var(--tg-fw-regular);
    color:var(--tg-body-color);
    margin-bottom:15px
}
hr{
    border-bottom:1px solid var(--tg-common-color-gray);
    border-top:0 none;
    margin:30px 0;
    padding:0
}
label{
    color:var(--tg-heading-color);
    cursor:pointer;
    font-size:var(--tg-body-font-size);
    font-weight:var(--tg-fw-regular)
}
input,textarea{
    color:var(--tg-body-color)
}
input[type=color]{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:none;
    border:0;
    cursor:pointer;
    height:100%;
    width:100%;
    padding:0;
    border-radius:50%
}
::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgb(0 0 0 / .3);
    -webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / .3);
    border-radius:10px;
    background-color:var(--tg-common-color-black)
}
::-webkit-scrollbar{
    width:8px;
    background-color:var(--tg-common-color-black)
}
::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgb(0 0 0 / .3);
    -webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / .3);
    background-color:var(--tg-theme-primary)
}
*::-moz-selection{
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    text-shadow:none
}
::-moz-selection{
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    text-shadow:none
}
::selection{
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    text-shadow:none
}
*::-moz-placeholder{
    color:var(--tg-body-color);
    font-size:var(--tg-body-font-size);
    opacity:1
}
*::placeholder{
    color:var(--tg-body-color);
    font-size:var(--tg-body-font-size);
    opacity:1
}
.fix{
    overflow:hidden
}
.clear{
    clear:both
}
.main--area{
    overflow-x:hidden
}
.container{
    padding-left:15px;
    padding-right:15px
}
.row{
    --bs-gutter-x:30px
}
.gutter-y-30{
    --bs-gutter-y:30px
}
.gx-0{
    --bs-gutter-x:0
}
.container{
    max-width:1300px
}
@media (max-width:1500px){
    .container{
        max-width:1260px
    }
}
@media (max-width:1199.98px){
    .container{
        max-width:960px
    }
}
@media (max-width:991.98px){
    .container{
        max-width:720px
    }
}
@media (max-width:767.98px){
    .container{
        max-width:100%
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .container{
        max-width:540px
    }
}
.custom-container{
    max-width:1590px
}
@media (max-width:1800px){
    .custom-container{
        max-width:1490px
    }
}
@media (max-width:1500px){
    .custom-container{
        max-width:1260px
    }
}
@media (max-width:1199.98px){
    .custom-container{
        max-width:960px
    }
}
@media (max-width:991.98px){
    .custom-container{
        max-width:720px
    }
}
@media (max-width:767.98px){
    .custom-container{
        max-width:100%
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .custom-container{
        max-width:540px
    }
}
.custom-container2{
    max-width:1480px
}
@media (max-width:1800px){
    .custom-container2{
        max-width:1400px
    }
}
@media (max-width:1500px){
    .custom-container2{
        max-width:1260px
    }
}
@media (max-width:1400px){
    .custom-container2{
        max-width:1200px
    }
}
@media (max-width:1199.98px){
    .custom-container2{
        max-width:960px
    }
}
@media (max-width:991.98px){
    .custom-container2{
        max-width:720px
    }
}
@media (max-width:767.98px){
    .custom-container2{
        max-width:100%
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .custom-container2{
        max-width:540px
    }
}
.custom-container3{
    max-width:1710px
}
@media (max-width:1800px){
    .custom-container3{
        max-width:1490px
    }
}
@media (max-width:1500px){
    .custom-container3{
        max-width:1260px
    }
}
@media (max-width:1199.98px){
    .custom-container3{
        max-width:960px
    }
}
@media (max-width:991.98px){
    .custom-container3{
        max-width:720px
    }
}
@media (max-width:767.98px){
    .custom-container3{
        max-width:100%
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .custom-container3{
        max-width:540px
    }
}
.custom-container4{
    max-width:1510px
}
@media (max-width:1800px){
    .custom-container4{
        max-width:1460px
    }
}
@media (max-width:1500px){
    .custom-container4{
        max-width:1260px
    }
}
@media (max-width:1199.98px){
    .custom-container4{
        max-width:960px
    }
}
@media (max-width:991.98px){
    .custom-container4{
        max-width:720px
    }
}
@media (max-width:767.98px){
    .custom-container4{
        max-width:100%
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .custom-container4{
        max-width:540px
    }
}
.include-bg{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.grey-bg{
    background:var(--tg-common-color-gray)
}
.white-bg{
    background:var(--tg-common-color-white)
}
.black-bg{
    background:var(--tg-common-color-black)
}
.bg-img-cover{
    background-size:cover
}
.bg-img-center{
    background-position:top center
}
.btn{
    user-select:none;
    -moz-user-select:none;
    background:var(--tg-theme-primary) none repeat scroll 0 0;
    border:medium none;
    border-radius:2px;
    color:var(--tg-common-color-black-2);
    cursor:pointer;
    display:inline-flex;
    font-size:15px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:.8px;
    margin-bottom:0;
    padding:15px 34px;
    text-align:center;
    text-transform:uppercase;
    touch-action:manipulation;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    vertical-align:middle;
    font-family:var(--tg-heading-font-family);
    white-space:nowrap
}
.btn:hover{
    background:var(--tg-common-color-gray);
    color:var(--tg-common-color-white)
}
.tg-btn-1{
    display:inline-flex;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-black-2);
    font-weight:var(--tg-fw-extra-bold);
    text-transform:uppercase;
    padding:14px 49px;
    font-size:15px;
    letter-spacing:.8px;
    position:relative;
    overflow:hidden;
    justify-content:center;
    text-align:center;
    min-width:195px;
    z-index:1
}
.tg-btn-1 svg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1
}
.tg-btn-1 .cls-1{
    fill:var(--tg-theme-primary);
    stroke:var(--tg-common-color-white);
    stroke-width:1.5px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tg-btn-1 .cls-2{
    stroke:#fff0;
    fill:var(--tg-common-color-white)
}
.tg-btn-1 .cls-1,.tg-btn-1 .cls-2{
    fill-rule:evenodd
}
.tg-btn-1:hover{
    color:var(--tg-common-color-black-2)
}
.tg-btn-1:hover .cls-1{
    fill:var(--tg-common-color-white)
}
.tg-btn-1.-btn-yellow .cls-1{
    fill:var(--tg-theme-secondary)
}
.tg-btn-1.-btn-yellow:hover .cls-1{
    fill:var(--tg-theme-primary)
}
.tg-border-btn{
    display:inline-flex;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    text-transform:uppercase;
    padding:10px 30px;
    font-size:15px;
    letter-spacing:.8px;
    position:relative;
    overflow:hidden;
    justify-content:center;
    align-items:center;
    text-align:center;
    min-width:157px;
    min-height:48px;
    z-index:1
}
.tg-border-btn svg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    color:var(--tg-theme-primary)
}
.tg-border-btn svg path:last-child{
    fill:#fff0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tg-border-btn i{
    margin-right:10px
}
.tg-border-btn:hover{
    color:var(--tg-common-color-black-2)
}
.tg-border-btn:hover svg path:last-child{
    fill:var(--tg-theme-primary)
}
.tg-border-btn:hover::before{
    opacity:1
}
.tg-btn-2{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-bold);
    white-space:nowrap;
    font-size:20px;
    padding:16px 35px;
    line-height:1;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:1
}
.tg-btn-2 svg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1
}
.tg-btn-2 svg path{
    stroke:var(--tg-theme-primary)
}
.tg-btn-2:hover{
    background-color:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2)
}
.tg-btn-2.-secondary svg path{
    stroke:var(--tg-theme-secondary)
}
.tg-btn-2.-secondary:hover{
    background-color:var(--tg-theme-secondary)
}
.tg-btn-3{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-black-2);
    font-weight:var(--tg-fw-extra-bold);
    background:#fff0;
    border:none;
    white-space:nowrap;
    font-size:16px;
    padding:22px 35px;
    line-height:1;
    position:relative;
    z-index:1;
    overflow:hidden;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    min-width:188px
}
@media (max-width:767.98px){
    .tg-btn-3{
        min-width:166px;
        padding:18px 30px;
        font-size:15px
    }
}
.tg-btn-3:hover{
    color:var(--tg-common-color-black-2)
}
.tg-btn-3 .svg-icon{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    fill:var(--tg-theme-primary);
    stroke:var(--tg-common-color-white);
    stroke-width:2px;
    fill-rule:evenodd;
    z-index:-1
}
.tg-btn-3 .svg-icon svg{
    display:block;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tg-btn-4{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    background:#fff0;
    border:none;
    white-space:nowrap;
    font-size:16px;
    padding:0;
    line-height:1;
    position:relative;
    z-index:1;
    overflow:hidden;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tg-btn-4 span{
    padding:19.5px 35px;
    display:flex;
    position:relative;
    z-index:1
}
.tg-btn-4 span:before,.tg-btn-4 span:after{
    content:"";
    position:absolute;
    inset:0;
    background:var(--tg-common-color-white);
    clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px,18px 0,18px 1px,1px 18px,1px calc(100% - 1px),calc(100% - 18px) calc(100% - 1px),calc(100% - 1px) calc(100% - 18px),calc(100% - 1px) 1px,18px 1px);
    z-index:-1;
    transition:0.4s;
    opacity:.15
}
.tg-btn-4 span:after{
    background:var(--tg-common-color-white);
    inset:1px;
    clip-path:polygon(18px 0%,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0% 18px);
    opacity:.06
}
.tg-btn-4:after,.tg-btn-4:before{
    content:"";
    position:absolute;
    height:8px;
    width:8px;
    background:var(--tg-theme-primary);
    top:5px;
    left:5px;
    transition:0.4s;
    z-index:2
}
.tg-btn-4:before{
    top:auto;
    left:auto;
    bottom:5px;
    right:5px
}
.tg-btn-4:hover{
    color:var(--tg-common-color-black)
}
.tg-btn-4:hover span:after{
    opacity:1
}
.tg-btn-4:hover:after,.tg-btn-4:hover:before{
    background:var(--tg-theme-primary)
}
.tg-btn-5{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    background:#fff0;
    border:none;
    white-space:nowrap;
    font-size:16px;
    padding:0;
    line-height:1;
    position:relative;
    z-index:1;
    overflow:hidden;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tg-btn-5 span{
    padding:19.5px 35px;
    display:flex;
    position:relative;
    z-index:1
}
.tg-btn-5 span:before,.tg-btn-5 span:after{
    content:"";
    position:absolute;
    inset:0;
    background:var(--tg-common-color-white);
    clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px,18px 0,18px 1px,1px 18px,1px calc(100% - 1px),calc(100% - 18px) calc(100% - 1px),calc(100% - 1px) calc(100% - 18px),calc(100% - 1px) 1px,18px 1px);
    z-index:-1;
    transition:0.4s
}
.tg-btn-5 span:after{
    background:var(--tg-common-color-white);
    inset:1px;
    clip-path:polygon(18px 0%,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0% 18px);
    opacity:0
}
.tg-btn-5:after,.tg-btn-5:before{
    content:"";
    position:absolute;
    height:8px;
    width:8px;
    background:var(--tg-common-color-white);
    top:5px;
    left:5px;
    transition:0.4s;
    z-index:2
}
.tg-btn-5:before{
    top:auto;
    left:auto;
    bottom:5px;
    right:5px
}
.tg-btn-5:hover{
    color:var(--tg-common-color-black)
}
.tg-btn-5:hover span:after{
    opacity:1
}
.tg-btn-5:hover:after,.tg-btn-5:hover:before{
    background:var(--tg-theme-primary)
}
.tg-btn-line{
    font-size:16px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    position:relative
}
.tg-btn-line:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--tg-theme-primary);
    transform-origin:right top;
    transform:scale(0,1);
    transition:transform 0.4s cubic-bezier(.74,.72,.27,.24)
}
.tg-btn-line:hover{
    color:var(--tg-theme-primary)
}
.tg-btn-line:hover:after{
    transform-origin:left top;
    transform:scale(1,1)
}
.search__popup-wrap{
    position:fixed;
    left:0;
    top:0;
    height:100vh;
    width:100%;
    z-index:99;
    margin-top:-370px;
    transform:translateY(-100%);
    -webkit-transition:all 500ms cubic-bezier(.86,0,.07,1);
    -moz-transition:all 500ms cubic-bezier(.86,0,.07,1);
    -o-transition:all 500ms cubic-bezier(.86,0,.07,1);
    transition:all 1500ms cubic-bezier(.86,0,.07,1);
    -webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);
    -moz-transition-timing-function:cubic-bezier(.86,0,.07,1);
    -o-transition-timing-function:cubic-bezier(.86,0,.07,1);
    transition-timing-function:cubic-bezier(.86,0,.07,1)
}
.search__popup-wrap::after{
    content:"";
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:370px;
    background-image:url(../img/bg/search_wave.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    margin-top:0
}
.search__layer{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100vh;
    width:100%;
    background-color:rgb(15 22 27 / .9);
    -webkit-transition:all 500ms cubic-bezier(.86,0,.07,1);
    -moz-transition:all 500ms cubic-bezier(.86,0,.07,1);
    -o-transition:all 500ms cubic-bezier(.86,0,.07,1);
    transition:all 1500ms cubic-bezier(.86,0,.07,1);
    -webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);
    -moz-transition-timing-function:cubic-bezier(.86,0,.07,1);
    -o-transition-timing-function:cubic-bezier(.86,0,.07,1);
    transition-timing-function:cubic-bezier(.86,0,.07,1);
    z-index:-1
}
.search__close{
    position:absolute;
    top:5%;
    right:5%;
    font-size:30px;
    color:var(--tg-theme-primary);
    cursor:pointer
}
.search__wrap{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.search__wrap .title{
    font-size:47px;
    margin:0 0 70px 0;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-extra-bold);
    text-transform:uppercase;
    color:var(--tg-theme-primary);
    letter-spacing:-1px
}
.search__wrap .title span{
    color:var(--tg-common-color-white);
    text-shadow:-2px 2.5px 0 rgb(34 45 109 / .66);
    letter-spacing:5px
}
.search__form{
    position:relative
}
.search__form form input{
    display:block;
    width:100%;
    border:none;
    padding:10px 50px 20px;
    text-align:center;
    font-weight:500;
    font-size:30px;
    background:#fff0;
    color:var(--tg-common-color-white)
}
.search__form form input::placeholder{
    font-size:30px;
    opacity:.5
}
.search__form form button{
    position:absolute;
    right:20px;
    background:#fff0;
    border:0;
    font-size:25px;
    color:var(--tg-theme-primary);
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.search__form::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:2px;
    background:var(--tg-theme-primary);
    -webkit-transition:all 600ms ease;
    -moz-transition:all 600ms ease;
    -ms-transition:all 600ms ease;
    -o-transition:all 600ms ease;
    transition:all 600ms ease
}
.search__active .search__popup-wrap{
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
    margin-top:0
}
.search__active .search__form::after{
    width:100%;
    -webkit-transition-delay:1200ms;
    -moz-transition-delay:1200ms;
    -ms-transition-delay:1200ms;
    -o-transition-delay:1200ms;
    transition-delay:1200ms
}
.page-revealer{
    pointer-events:none;
    visibility:hidden;
    height:100%;
    width:100%;
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    transform:scaleY(0);
    z-index:12000;
    background-color:var(--tg-common-color-black)
}
.tg-preloader{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--tg-common-color-black);
    z-index:99999
}
.tg-preloader>.tg-loading{
    display:inline-block;
    position:relative;
    width:40px;
    height:40px
}
.tg-preloader>.tg-loading>div{
    box-sizing:border-box;
    display:block;
    position:absolute;
    width:32px;
    height:32px;
    margin:4px;
    border:4px solid #fff0;
    border-radius:50%;
    animation:preloader 1s cubic-bezier(.5,0,.5,1) infinite;
    border-color:var(--tg-theme-primary) #fff0 #fff0 #fff0
}
.tg-preloader>.tg-loading>div:nth-child(1){
    animation-delay:-0.1s
}
.tg-preloader>.tg-loading>div:nth-child(2){
    animation-delay:-0.2s
}
.tg-preloader>.tg-loading>div:nth-child(3){
    animation-delay:-0.3s
}
@keyframes preloader{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
html.show-preloader body{
    display:none
}
.offCanvas__wrap{
    position:fixed;
    overflow-y:auto;
    top:0;
    right:0;
    width:485px;
    transform:translateX(100%);
    height:100%;
    display:block;
    background-color:var(--tg-common-color-black-8);
    z-index:1020;
    -webkit-transition:all 600ms cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all 600ms cubic-bezier(.785,.135,.15,.86);
    transition:all 600ms cubic-bezier(.785,.135,.15,.86);
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column
}
.offCanvas__wrap::-webkit-scrollbar{
    width:0
}
@media (max-width:1500px){
    .offCanvas__wrap{
        width:430px
    }
}
@media (max-width:767.98px){
    .offCanvas__wrap{
        width:320px
    }
}
.offCanvas__body{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    flex:1
}
.offCanvas__top{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    padding:35px 40px 25px;
    border-bottom:1px solid #18202a
}
.offCanvas__toggle{
    margin-left:auto;
    width:50px;
    height:50px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:var(--tg-body-color);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background:#1f2935;
    cursor:pointer;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.offCanvas__toggle:hover{
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black)
}
@media (max-width:1500px){
    .offCanvas__toggle{
        width:40px;
        height:40px;
        font-size:20px
    }
}
.offCanvas__content{
    padding:25px 40px 50px 40px
}
.offCanvas__content .title{
    font-size:30px;
    letter-spacing:1px;
    margin:0 0 50px
}
.offCanvas__content .title span{
    color:var(--tg-theme-primary)
}
.offCanvas__newsletter .small-title{
    margin:0 0 22px;
    font-size:16px;
    letter-spacing:.5px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary)
}
.offCanvas__newsletter-form{
    position:relative;
    margin:0 0 20px
}
.offCanvas__newsletter-form [type=email]{
    display:block;
    width:100%;
    background:#fff0;
    border:1px solid #202b36;
    padding:15px 80px 15px 22px;
    font-size:14px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-medium);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.offCanvas__newsletter-form [type=email]:focus{
    border-color:#535d68
}
.offCanvas__newsletter-form [type=submit]{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    border:none;
    background:#fff0;
    width:60px;
    font-size:22px
}
.offCanvas__newsletter-form [type=submit]::before{
    content:"";
    position:absolute;
    width:1px;
    top:6px;
    background:#202b36;
    bottom:6px;
    left:0
}
.offCanvas__newsletter p{
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    margin:0 0
}
.offCanvas__contact{
    margin:0 0 40px
}
.offCanvas__contact .small-title{
    margin:0 0 22px;
    font-size:16px;
    letter-spacing:.5px;
    font-weight:var(--tg-fw-semi-bold)
}
.offCanvas__contact-list li{
    color:var(--tg-body-color);
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-medium);
    position:relative;
    padding-left:23px;
    margin:0 0 8px
}
.offCanvas__contact-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:7px;
    height:7px;
    background:var(--tg-body-color);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.offCanvas__contact-list li:hover::before{
    background:var(--tg-theme-primary)
}
.offCanvas__contact-list li:last-child{
    margin:0 0
}
.offCanvas__contact-list li a{
    color:var(--tg-body-color)
}
.offCanvas__contact-list li a:hover{
    color:var(--tg-theme-primary)
}
.offCanvas__social{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 28px;
    padding:30px 0 0;
    border-top:1px solid #202b36;
    margin:50px 0 0
}
.offCanvas__social li{
    line-height:1
}
.offCanvas__social li a{
    display:block;
    font-size:16px;
    color:var(--tg-common-color-white)
}
.offCanvas__social li a:hover{
    color:var(--tg-theme-primary)
}
.offCanvas__copyright{
    margin:auto 0 0;
    background:#090f16;
    padding:30px 40px
}
.offCanvas__copyright p{
    margin:0 0;
    font-size: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:.8;
    visibility:visible
}
.offCanvas__menu-visible .offCanvas__wrap{
    transform:translateX(0)
}
.breadcrumb-area{
    position:relative;
    padding:110px 0 75px;
    background-position:center;
    background-size:cover;
    min-height:561px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}
@media (max-width:1500px){
    .breadcrumb-area{
        min-height:480px
    }
}
@media (max-width:1199.98px){
    .breadcrumb-area{
        min-height:400px
    }
}
@media (max-width:767.98px){
    .breadcrumb-area{
        min-height:310px;
        padding:120px 0 75px
    }
}
.breadcrumb-area::before,.breadcrumb-area::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:50%;
    -webkit-clip-path:polygon(0 0,0 100%,100% 100%);
    clip-path:polygon(0 0,0 100%,100% 100%);
    background-color:var(--tg-theme-primary);
    height:50px
}
@media (max-width:1500px){
    .breadcrumb-area::before,.breadcrumb-area::after{
        height:40px
    }
}
@media (max-width:1199.98px){
    .breadcrumb-area::before,.breadcrumb-area::after{
        height:30px
    }
}
@media (max-width:767.98px){
    .breadcrumb-area::before,.breadcrumb-area::after{
        height:20px
    }
}
.breadcrumb-area::after{
    left:auto;
    right:0;
    -webkit-clip-path:polygon(100% 0,0 100%,100% 100%);
    clip-path:polygon(100% 0,0 100%,100% 100%)
}
.breadcrumb__wrapper{
    position:relative
}
@media (max-width:991.98px){
    .breadcrumb__content{
        text-align:center
    }
}
.breadcrumb__content .title{
    font-size:60px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:3px;
    line-height:1;
    margin:0 0
}
@media (max-width:1500px){
    .breadcrumb__content .title{
        font-size:50px;
        letter-spacing:2px
    }
}
@media (max-width:767.98px){
    .breadcrumb__content .title{
        font-size:43px
    }
}
.breadcrumb__content .breadcrumb{
    margin:12px 0 0
}
@media (max-width:991.98px){
    .breadcrumb__content .breadcrumb{
        justify-content:center
    }
}
.breadcrumb__content .breadcrumb .breadcrumb-item{
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    font-size:14px;
    letter-spacing:2px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}
.breadcrumb__content .breadcrumb .breadcrumb-item::after{
    content:"";
    display:block;
    width:8px;
    height:8px;
    background:var(--tg-theme-primary);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    margin:0 10px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.breadcrumb__content .breadcrumb .breadcrumb-item:hover::after{
    background:var(--tg-theme-secondary)
}
.breadcrumb__content .breadcrumb .breadcrumb-item+.breadcrumb-item{
    padding:0
}
.breadcrumb__content .breadcrumb .breadcrumb-item+.breadcrumb-item::before,.breadcrumb__content .breadcrumb .breadcrumb-item+.breadcrumb-item::after{
    display:none
}
.breadcrumb__content .breadcrumb .breadcrumb-item.active{
    color:var(--tg-common-color-white)
}
.breadcrumb__img{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:30px
}
@media (max-width:1500px){
    .breadcrumb__img{
        right:60px;
        top:60%
    }
}
.breadcrumb__img img{
    max-height:412px;
    max-width:402px
}
@media (max-width:1500px){
    .breadcrumb__img img{
        max-height:320px;
        max-width:310px
    }
}
@media (max-width:1199.98px){
    .breadcrumb__img img{
        max-height:260px;
        max-width:255px
    }
}
.breadcrumb__img:hover img{
    -webkit-animation:breadcrumbShake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    animation:breadcrumbShake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-perspective:1000px;
    perspective:1000px
}
.breadcrumb__hide-img .breadcrumb__wrapper{
    padding:0 0
}
.breadcrumb__hide-img .breadcrumb__content{
    text-align:center
}
.breadcrumb__hide-img .breadcrumb{
    justify-content:center
}
.faq-area{
    background-color:#0a0e13;
    padding:120px 0
}
.faq__content-wrap .section__title{
    margin:0 0 55px
}
.faq__content-wrap .section__title::after{
    display:none
}
.faq__content-wrap .section__title .title{
    margin:0 0 24px
}
.faq__content-wrap .section__title p{
    margin:0 0
}
@media (max-width:1199.98px){
    .faq__content-wrap .section__title p br{
        display:none
    }
}
.faq__wrapper .accordion-item{
    background:#fff0;
    border:none;
    border-radius:0;
    padding-bottom:35px;
    margin-bottom:35px;
    border-bottom:1px solid #202428
}
@media (max-width:1199.98px){
    .faq__wrapper .accordion-item{
        padding-bottom:25px;
        margin-bottom:25px
    }
}
.faq__wrapper .accordion-item:last-child{
    margin:0 0
}
.faq__wrapper .accordion-header{
    margin:0 0
}
.faq__wrapper .accordion-button{
    padding:0 0;
    background:#fff0;
    border-radius:0!important;
    box-shadow:none;
    color:var(--tg-common-color-white);
    font-size:20px;
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:1px;
    border:none!important;
    box-shadow:none
}
.faq__wrapper .accordion-button::after{
    content:"\f067";
    background-image:none!important;
    font-size:16px;
    font-family:var(--tg-icon-font-family);
    color:var(--tg-body-color);
    opacity:.76;
    width:auto;
    height:auto
}
.faq__wrapper .accordion-button .count{
    width:29px;
    height:29px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:var(--tg-common-color-black);
    background:var(--tg-body-color);
    font-weight:var(--tg-fw-extra-bold);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    margin-right:16px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.faq__wrapper .accordion-button:hover{
    color:var(--tg-theme-primary)
}
.faq__wrapper .accordion-button:hover .count{
    background:var(--tg-theme-primary)
}
.faq__wrapper .accordion-button:not(.collapsed)::after{
    content:"\f068"
}
.faq__wrapper .accordion-button:not(.collapsed) .count{
    background:var(--tg-theme-primary)
}
.faq__wrapper .accordion-body{
    padding:11px 0 0 45px
}
@media (max-width:1199.98px){
    .faq__wrapper .accordion-body{
        padding:15px 0 0 0
    }
}
@media (max-width:991.98px){
    .faq__wrapper .accordion-body{
        padding:11px 0 0 45px
    }
}
@media (max-width:767.98px){
    .faq__wrapper .accordion-body{
        padding:15px 0 0 0
    }
}
.nav-tabs{
    border:none
}
.nav-tabs .nav-item{
    margin:0 0
}
.nav-tabs .nav-link{
    padding:0;
    margin:0;
    background:#fff0;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.nav-tabs .nav-link.active{
    background:#fff0;
    border-color:#fff0
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
    isolation:auto
}
.tab-pane.active{
    animation:tgSlideDown 0.5s ease-in-out
}
.scroll__top{
    width:45px;
    height:45px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    position:fixed;
    bottom:-10%;
    right:50px;
    font-size:20px;
    border-radius:3px;
    z-index:99;
    color:var(--tg-common-color-black-2);
    text-align:center;
    cursor:pointer;
    background:var(--tg-theme-primary);
    transition:0.8s ease;
    border:none
}
.scroll__top.open{
    bottom:30px
}
@media (max-width:767.98px){
    .scroll__top.open{
        bottom:20px
    }
}
.scroll__top::after{
    position:absolute;
    z-index:-1;
    content:"";
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:1;
    background:radial-gradient(ellipse at center,rgb(0 0 0 / .25) 0%,#fff0 80%)
}
.scroll__top:hover{
    background:var(--tg-theme-secondary);
    color:var(--tg-common-color-black-2)
}
.scroll__top i{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
@media (max-width:1199.98px){
    .scroll__top{
        width:40px;
        height:40px;
        right:30px;
        font-size:18px
    }
}
@media (max-width:767.98px){
    .scroll__top{
        width:30px;
        height:30px;
        font-size:16px;
        right:15px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .scroll__top{
        width:35px;
        height:35px;
        right:25px
    }
}
.section__title{
    position:relative
}
.section__title .sub-title{
    display:block;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:2px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary);
    line-height:1;
    margin:0 0 7px
}
@media (max-width:767.98px){
    .section__title .sub-title{
        margin:0 0 10px
    }
}
.section__title .sub-title2{
    display:inline-block;
    font-size:14px;
    font-weight:600;
    font-family:var(--tg-body-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    letter-spacing:.15em;
    position:relative;
    padding:7px 0 7px 20px;
    margin-bottom:15px;
    z-index:1
}
.section__title .sub-title2:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:linear-gradient(to right,var(--tg-theme-primary) -30%,transparent);
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1
}
.section__title .title{
    font-size:45px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1px;
    margin:0 0
}
@media (max-width:767.98px){
    .section__title .title{
        font-size:35px;
        line-height:1.1
    }
}
@media (max-width:1199.98px){
    .section__title .title br{
        display:none
    }
}
.section__title .title2{
    font-size:60px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0
}
@media (max-width:767.98px){
    .section__title .title2{
        font-size:35px
    }
}
.section__title .title2 .section-line{
    position:absolute;
    bottom:0;
    transform:translate(0,100%);
    left:0;
    right:0;
    width:100%
}
.section__title::after{
    content:"";
    display:block;
    background-image:url(../img/bg/title_shape.svg);
    width:65px;
    height:5px;
    margin:20px auto 0
}
.section__title.title-shape-none::after{
    display:none
}
.section__title.text-start .title{
    line-height:1.15
}
.section__title.text-start::after{
    margin:20px 0 0
}
.section__title-link{
    text-align:right
}
@media (max-width:991.98px){
    .section__title-link{
        text-align:center;
        margin:10px 0 0
    }
}
.section__title-link a{
    display:inline-block;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-body-color);
    position:relative;
    padding:0 0 3px
}
.section__title-link a:hover{
    color:var(--tg-theme-primary)
}
.section__title-link a::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:1px;
    background:var(--tg-theme-primary)
}
.tg__animate-text{
    opacity:0
}
.tg__animate-text em{
    opacity:0
}
.tg__animate-text.ready{
    opacity:1
}
.transparent-header{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:9;
    height:auto
}
@media (max-width:767.98px){
    .transparent-header{
        top:0
    }
}
.tg-header__area{
    padding:11px 0;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease
}
.tg-header__area.tg-sticky-menu{
    padding:0 0
}
@media (max-width:1199.98px){
    .tg-header__area.tg-sticky-menu{
        padding:18px 0
    }
}
.tg-header__area .mobile-nav-toggler{
    position:relative;
    float:right;
    font-size:26px;
    cursor:pointer;
    line-height:1;
    color:var(--tg-theme-primary);
    display:none;
    margin-top:3px;
    border:2px solid var(--tg-theme-primary);
    padding:5px 10px
}
@media (max-width:1199.98px){
    .tg-header__area .mobile-nav-toggler{
        display:block
    }
}
@media (max-width:767.98px){
    .tg-header__area .mobile-nav-toggler{
        margin-top:0
    }
}
@media (max-width:1199.98px){
    .tg-header__area{
        padding:25px 0
    }
}
@media (max-width:767.98px){
    .tg-header__area{
        padding:20px 0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .tg-header__area{
        padding:25px 0
    }
}
.tg-header__area-two{
    top:60px
}
.tg-header__area-two .tgmenu__navbar-wrap ul{
    margin:0 auto
}
.tg-header__area-two .tgmenu__action .header-btn{
    padding-left:0
}
.tg-header__area-two .tgmenu__action .header-btn::before{
    display:none
}
.tg-header__area-two .tgmenu__action>ul li{
    margin-left:40px
}
@media (max-width:1400px){
    .tg-header__area-two{
        top:35px
    }
}
@media (max-width:1300px){
    .tg-header__area-two{
        top:0
    }
}
.tg-header__area-three{
    position:relative;
    padding:15px 0 70px
}
@media (max-width:1500px){
    .tg-header__area-three{
        padding:0 0 40px
    }
}
.tg-header__area-three:before{
    content:"";
    position:absolute;
    inset:0;
    background:#11131C;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 67px),50% 100%,50% 100%,0% calc(100% - 67px));
    z-index:-1
}
@media (max-width:1500px){
    .tg-header__area-three:before{
        clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),50% 100%,50% 100%,0% calc(100% - 40px))
    }
}
.tg-header__area-three:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:var(--tg-theme-primary);
    clip-path:polygon(50% 99%,100% 0,100% 25px,50% 100%,0 25px,0 0);
    height:67px
}
@media (max-width:1500px){
    .tg-header__area-three:after{
        height:40px
    }
}
.tg-header__area-three .tgmenu__action .header-btn{
    padding-left:0
}
.tg-header__area-three .tgmenu__action .header-btn::before{
    display:none
}
.tg-header__area-three .tgmenu__action .side-toggle-icon{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    min-width:45px;
    gap:7px;
    display:inline-flex;
    cursor:pointer;
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:0;
    transform:translate(-50%,50%);
    z-index:1;
    width:78px;
    height:78px;
    background:var(--tg-theme-primary);
    border-radius:50%;
    border:7px solid #11131C;
    justify-content:center;
    padding:0 14px
}
@media (max-width:991.98px){
    .tg-header__area-three .tgmenu__action .side-toggle-icon{
        display:none
    }
}
.tg-header__area-three .tgmenu__action .side-toggle-icon span{
    display:block;
    height:3px;
    background-color:var(--tg-common-color-black-2);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tg-header__area-three .tgmenu__action .side-toggle-icon span:nth-child(1){
    width:20px
}
.tg-header__area-three .tgmenu__action .side-toggle-icon span:nth-child(2){
    width:36px
}
.tg-header__area-three .tgmenu__action .side-toggle-icon span:nth-child(3){
    width:20px;
    align-self:flex-end
}
.tg-header__area-three .tgmenu__action .side-toggle-icon:hover span{
    width:36px
}
.tg-header__area-three .tgmenu__navbar-wrap ul{
    margin:0 auto
}
.tg-header__area-three.tg-sticky-menu.sticky-menu__show:before,.tg-header__area-three.tg-sticky-menu.sticky-menu__show:after{
    display:none
}
.tg-header__area-three.tg-sticky-menu.sticky-menu__show .tgmenu__action .side-toggle-icon{
    background:#fff0;
    border:0;
    border-radius:0;
    position:initial;
    transform:none;
    width:auto;
    height:auto
}
.tg-header__area-three.tg-sticky-menu.sticky-menu__show .tgmenu__action .side-toggle-icon span{
    background:var(--tg-common-color-white)
}
@media (max-width:1199.98px){
    .tg-header__area-three:after{
        clip-path:polygon(50% 99%,100% 0,100% 15px,50% 100%,0 15px,0 0);
        height:40px
    }
    .tg-header__area-three:before{
        clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),50% 100%,50% 100%,0% calc(100% - 40px))
    }
}
@media (max-width:991.98px){
    .tg-header__area-three{
        padding:20px 0
    }
    .tg-header__area-three:before,.tg-header__area-three:after{
        display:none
    }
}
.tg-header__area-four{
    padding:0 0
}
@media (max-width:991.98px){
    .tg-header__area-four{
        padding:20px 0
    }
}
.tg-header__area-four .tgmenu__action .header-btn{
    padding-left:0
}
.tg-header__area-four .tgmenu__action .header-btn::before{
    display:none
}
.tgmenu__nav{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-start
}
@media (max-width:1199.98px){
    .tgmenu__nav{
        justify-content:space-between
    }
}
.tgmenu__navbar-wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-grow:1
}
.tgmenu__navbar-wrap ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    padding:0;
    flex-direction:row;
    flex-wrap:wrap;
    margin:0 auto 0 122px
}
@media (max-width:1500px){
    .tgmenu__navbar-wrap ul{
        margin:0 auto 0 65px
    }
}
.tgmenu__navbar-wrap ul li{
    display:block;
    position:relative;
    list-style:none
}
.tgmenu__navbar-wrap ul li a{
    font-size:15px;
    font-weight:var(--tg-fw-bold);
    text-transform:uppercase;
    color:var(--tg-heading-color);
    font-family:var(--tg-heading-font-family);
    padding:38px 23px;
    display:block;
    line-height:1;
    position:relative;
    letter-spacing:.8px;
    z-index:1
}
.tgmenu__navbar-wrap ul li .sub-menu{
    position:absolute;
    left:0;
    top:100%;
    min-width:230px;
    border:1px solid var(--tg-border-2);
    background:var(--tg-common-color-gray);
    margin:0;
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -ms-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    transform-origin:0 0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    -webkit-box-shadow:0 30px 70px 0 rgb(0 0 0 / .15);
    -moz-box-shadow:0 30px 70px 0 rgb(0 0 0 / .15);
    box-shadow:0 30px 70px 0 rgb(0 0 0 / .15);
    border-radius:0;
    padding:18px 0;
    display:block;
    visibility:hidden;
    opacity:0;
    z-index:9
}
.tgmenu__navbar-wrap ul li .sub-menu .sub-menu{
    right:auto;
    left:100%;
    top:0
}
.tgmenu__navbar-wrap ul li .sub-menu li{
    margin-left:0;
    text-align:left;
    display:block
}
.tgmenu__navbar-wrap ul li .sub-menu li a{
    padding:9px 15px 9px 25px;
    line-height:1.4;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-heading-color);
    text-transform:uppercase;
    letter-spacing:.8px;
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.tgmenu__navbar-wrap ul li .sub-menu li a::before{
    content:"";
    display:block;
    width:0;
    height:7px;
    background-color:var(--tg-theme-primary);
    -webkit-border-radius:0 5px 0 0;
    -moz-border-radius:0 5px 0 0;
    -o-border-radius:0 5px 0 0;
    -ms-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
    margin:7px 9px 0 0;
    -webkit-transition:width 0.2s linear;
    -moz-transition:width 0.2s linear;
    -ms-transition:width 0.2s linear;
    -o-transition:width 0.2s linear;
    transition:width 0.2s linear
}
.tgmenu__navbar-wrap ul li .sub-menu li:hover>a::before,.tgmenu__navbar-wrap ul li .sub-menu li.active>a::before{
    width:7px
}
.tgmenu__navbar-wrap ul li:hover>.sub-menu{
    opacity:1;
    visibility:visible;
    transform:scale(1)
}
.tgmenu__navbar-wrap>ul>li>a::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    width:42px;
    height:1px;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(0deg);
    -moz-transform:translateY(-50%) rotate(0deg);
    -ms-transform:translateY(-50%) rotate(0deg);
    -o-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
    background:var(--tg-theme-primary);
    margin:0 auto;
    opacity:0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tgmenu__navbar-wrap>ul>li.active>a,.tgmenu__navbar-wrap>ul>li:hover>a{
    color:var(--tg-theme-primary);text-shadow: 0 0 10px white
}
.tgmenu__navbar-wrap>ul>li.active>a::before,.tgmenu__navbar-wrap>ul>li:hover>a::before{
    opacity:1;
    -webkit-transform:translateY(-50%) rotate(-40deg);
    -moz-transform:translateY(-50%) rotate(-40deg);
    -ms-transform:translateY(-50%) rotate(-40deg);
    -o-transform:translateY(-50%) rotate(-40deg);
    transform:translateY(-50%) rotate(-40deg)
}
.tgmenu__main-menu li.menu-item-has-children .dropdown-btn{
    display:none
}
.tgmenu__action>ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin-left:10px
}
.tgmenu__action>ul li{
    position:relative;
    margin-left:25px
}
.tgmenu__action>ul li:first-child{
    margin-left:0
}
.tgmenu__action>ul li a{
    color:var(--tg-heading-color)
}
.tgmenu__action>ul li .tg-btn-3{
    min-width:150px;
    height:45px;
    color:var(--tg-theme-primary);
    font-size:15px;
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    padding:15px 25px
}
.tgmenu__action>ul li .tg-btn-3 i{
    margin-right:12px
}
.tgmenu__action>ul li .tg-btn-3 .svg-icon{
    fill:#0f1d29;
    stroke:var(--tg-theme-primary)
}
@media (max-width:1199.98px){
    .tgmenu__action{
        margin-right:40px
    }
}
.tgmenu__action .search a{
    display:block;
    font-size:20px
}
.tgmenu__action .search a:hover{
    color:var(--tg-theme-primary)
}
.tgmenu__action .header-btn{
    padding-left:25px
}
.tgmenu__action .header-btn .btn{
    color:var(--tg-common-color-black-2);
    font-size:14px;
    padding:13px 22px;
    font-weight:var(--tg-fw-extra-bold)
}
.tgmenu__action .header-btn::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:6px;
    height:28px;
    background-color:#131b22;
    box-shadow:inset 0 3px 7px 0 rgb(0 0 0 / .61)
}
@media (max-width:1199.98px){
    .tgmenu__action .header-btn::before{
        box-shadow:inset 0 3px 7px 0 var(--tg-theme-primary);
        opacity:.1
    }
}
.tgmenu__action .side-toggle-icon{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    min-width:45px;
    gap:10px;
    cursor:pointer
}
@media (max-width:991.98px){
    .tgmenu__action .side-toggle-icon{
        display:none
    }
}
.tgmenu__action .side-toggle-icon span{
    display:block;
    height:3px;
    background-color:var(--tg-common-color-white);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tgmenu__action .side-toggle-icon span:nth-child(1){
    width:26px
}
.tgmenu__action .side-toggle-icon span:nth-child(2){
    width:45px
}
.tgmenu__action .side-toggle-icon span:nth-child(3){
    width:26px;
    align-self:flex-end
}
.tgmenu__action .side-toggle-icon:hover span{
    width:45px
}
.logo a{
    display:inline-block
}
.logo img{
    max-width:177px
}
.tg-sticky-menu{
    position:fixed;
    left:0;
    margin:auto;
    top:0;
    width:100%;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%);
    z-index:99;
    background:var(--tg-common-color-gray);
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
    border-radius:0;
    opacity:0
}
.tg-sticky-menu.sticky-menu__show{
    -webkit-transform:unset;
    -moz-transform:unset;
    -ms-transform:unset;
    -o-transform:unset;
    transform:unset;
    -webkit-box-shadow:0 10px 15px rgb(0 0 0 / .2);
    box-shadow:0 10px 15px rgb(0 0 0 / .2);
    opacity:1
}
.header-area-3{
    position:relative;
    margin-bottom:-67px;
    z-index:99
}
@media (max-width:1199.98px){
    .header-area-3{
        margin-bottom:-40px
    }
}
@media (max-width:991.98px){
    .header-area-3{
        margin-bottom:0
    }
}
.tgmobile__search{
    padding:0 20px 25px 25px
}
.tgmobile__search form{
    position:relative
}
.tgmobile__search input{
    display:block;
    width:100%;
    border:none;
    padding:10px 45px 10px 20px;
    font-size:14px;
    height:45px;
    background:var(--tg-common-color-gray);
    color:var(--tg-common-color-white)
}
.tgmobile__search input::placeholder{
    font-size:14px;
    color:#c7c7c7
}
.tgmobile__search button{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    border:none;
    padding:0;
    right:20px;
    line-height:1;
    background:#fff0;
    color:var(--tg-heading-color)
}
.tgmobile__menu{
    position:fixed;
    right:0;
    top:0;
    width:300px;
    padding-right:30px;
    max-width:100%;
    height:100%;
    z-index:991;
    border-radius:0;
    transition:all 0.3s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all 0.3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transition:all 0.3s cubic-bezier(.785,.135,.15,.86);
    -ms-transition:all 0.3s cubic-bezier(.785,.135,.15,.86) e;
    -o-transition:all 0.3s cubic-bezier(.785,.135,.15,.86);
    -webkit-transform:translateX(101%);
    -moz-transform:translateX(101%);
    -ms-transform:translateX(101%);
    -o-transform:translateX(101%);
    transform:translateX(101%)
}
.tgmobile__menu .navbar-collapse{
    display:block!important
}
.tgmobile__menu .nav-logo{
    position:relative;
    padding:30px 25px;
    text-align:left
}
.tgmobile__menu .nav-logo img{
    max-width:150px
}
.tgmobile__menu .navigation{
    position:relative;
    display:block;
    width:100%;
    float:none;
    margin:0;
    padding:0
}
.tgmobile__menu .navigation li{
    position:relative;
    display:block;
    border-top:1px solid var(--tg-border-2)
}
.tgmobile__menu .navigation li.current>a::before{
    height:100%
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn{
    position:absolute;
    right:18px;
    top:6px;
    width:32px;
    height:32px;
    text-align:center;
    font-size:16px;
    line-height:32px;
    color:var(--tg-common-color-white);
    background:var(--tg-common-color-gray);
    cursor:pointer;
    border-radius:2px;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    z-index:5
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(0);
    -ms-transform:translate(-50%,-50%) rotate(0);
    transform:translate(-50%,-50%) rotate(0);
    border-radius:10px;
    width:12px;
    height:2px;
    background-color:var(--tg-common-color-white);
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn .plus-line::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(0);
    -ms-transform:translate(-50%,-50%) rotate(0);
    transform:translate(-50%,-50%) rotate(0);
    border-radius:10px;
    width:2px;
    height:12px;
    background-color:var(--tg-common-color-white);
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open{
    background-color:var(--tg-theme-primary)
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line{
    background-color:var(--tg-common-color-black)
}
.tgmobile__menu .navigation li.menu-item-has-children .dropdown-btn.open .plus-line::after{
    display:none
}
.tgmobile__menu .navigation li>a{
    position:relative;
    display:block;
    line-height:1.5;
    padding:11px 60px 11px 25px;
    font-size:15px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-heading-color);
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    border:none
}
.tgmobile__menu .navigation li>a::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:0;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
}
.tgmobile__menu .navigation li ul li>a{
    margin-left:20px
}
.tgmobile__menu .navigation li ul li ul li a{
    margin-left:40px
}
.tgmobile__menu .navigation li ul li ul li ul li a{
    margin-left:60px
}
.tgmobile__menu .navigation li>ul{
    display:none
}
.tgmobile__menu .navigation li>ul>li>ul{
    display:none
}
.tgmobile__menu .navigation ul{
    padding:0;
    margin:0
}
.tgmobile__menu .navigation ul li a{
    display:block
}
.tgmobile__menu .navigation ul li ul li>a{
    font-size:16px;
    margin-left:20px
}
.tgmobile__menu .navigation:last-child{
    border-bottom:1px solid var(--tg-border-2)
}
.tgmobile__menu .navigation>li>ul>li:first-child{
    border-top:1px solid var(--tg-border-2)
}
.tgmobile__menu .close-btn{
    position:absolute;
    right:15px;
    top:28px;
    line-height:30px;
    width:35px;
    text-align:center;
    font-size:20px;
    color:var(--tg-theme-primary);
    cursor:pointer;
    z-index:10;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease
}
.tgmobile__menu-backdrop{
    position:fixed;
    right:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99;
    transition:all 700ms ease;
    -moz-transition:all 700ms ease;
    -webkit-transition:all 700ms ease;
    -ms-transition:all 700ms ease;
    -o-transition:all 700ms ease;
    opacity:0;
    visibility:hidden;
    background:rgb(0 0 0 / .7)
}
.tgmobile__menu .social-links ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    position:relative;
    text-align:center;
    padding:30px 20px 20px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px
}
.tgmobile__menu .social-links ul li{
    position:relative;
    display:block
}
.tgmobile__menu .social-links ul li a{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    position:relative;
    font-size:16px;
    color:var(--tg-common-color-white);
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    border:1px solid var(--tg-border-2);
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px
}
.tgmobile__menu .social-links ul li a:hover{
    border-color:var(--tg-theme-primary);
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black)
}
.tgmobile__menu-box{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    max-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    background:var(--tg-common-color-black);
    padding:0 0;
    z-index:5;
    box-shadow:-9px 0 14px 0 rgb(0 0 0 / .06)
}
.tgmobile__menu-outer .mobile-nav-toggler{
    position:relative;
    float:right;
    font-size:40px;
    line-height:50px;
    cursor:pointer;
    display:none;
    color:var(--tg-common-color-white);
    margin-right:30px;
    top:15px
}
.mobile-menu-visible{
    overflow:hidden
}
.mobile-menu-visible .tgmobile__menu{
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
    -o-transform:translateX(0%);
    transform:translateX(0%)
}
.mobile-menu-visible .tgmobile__menu-backdrop{
    opacity:1;
    visibility:visible
}
.mobile-menu-visible .tgmobile__menu .close-btn{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
}
.slider__bg{
    background-position:center;
    background-size:cover;
    padding:158px 0 54px;
    position:relative;
    z-index:1
}
@media (max-width:991.98px){
    .slider__bg{
        padding:175px 0 55px
    }
}
@media (max-width:767.98px){
    .slider__bg{
        padding:160px 0 55px
    }
}
.slider__content{
    margin:135px 0 0 40px;
    position:relative;
    z-index:2
}
@media (max-width:1800px){
    .slider__content{
        margin:135px 0 0 0
    }
}
@media (max-width:1500px){
    .slider__content{
        margin:90px 0 0 0
    }
}
@media (max-width:991.98px){
    .slider__content{
        margin:0 0 70px;
        text-align:center
    }
}
@media (max-width:767.98px){
    .slider__content{
        margin:0 0 50px
    }
}
.slider__content .sub-title{
    margin:0 0 19px;
    line-height:1;
    font-family:var(--tg-body-font-family);
    font-weight:var(--tg-fw-bold);
    letter-spacing:4px;
    font-size:20px;
    color:var(--tg-theme-primary);
    position:relative;
    padding:17px 0 17px 20px
}
@media (max-width:1199.98px){
    .slider__content .sub-title{
        font-size:16px;
        padding:15px 0 15px 20px
    }
}
@media (max-width:991.98px){
    .slider__content .sub-title{
        font-size:18px;
        padding:15px 20px 15px
    }
}
@media (max-width:767.98px){
    .slider__content .sub-title{
        font-size:17px;
        padding:15px 20px 15px
    }
}
.slider__content .sub-title::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:url(../img/slider/text_gradient_bg.png);
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1;
    opacity:.28
}
@media (max-width:1199.98px){
    .slider__content .sub-title::before{
        background-size:contain
    }
}
@media (max-width:991.98px){
    .slider__content .sub-title::before{
        left:86px;
        top:0;
        right:0;
        width:297px;
        margin:0 auto
    }
}
@media (max-width:767.98px){
    .slider__content .sub-title::before{
        left:55px;
        width:256px;
        margin:0 auto
    }
}
.slider__content .title{
    margin:0 0 21px;
    font-size:150px;
    font-family:var(--tg-berlin-font-family);
    line-height:.8;
    text-shadow:-1px 5px 0 rgb(34 45 109 / .66)
}
@media (max-width:1500px){
    .slider__content .title{
        font-size:118px
    }
}
@media (max-width:1199.98px){
    .slider__content .title{
        font-size:94px
    }
}
@media (max-width:991.98px){
    .slider__content .title{
        font-size:120px
    }
}
@media (max-width:767.98px){
    .slider__content .title{
        font-size:18vw;
        text-shadow:-1px 3px 0 rgb(34 45 109 / .66)
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .slider__content .title{
        font-size:17vw;
        text-shadow:-1px 5px 0 rgb(34 45 109 / .66)
    }
}
.slider__content p{
    margin:0 0;
    font-size:26px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:5px;
    line-height:1.4;
    color:var(--tg-common-color-white)
}
@media (max-width:1199.98px){
    .slider__content p{
        font-size:22px
    }
}
@media (max-width:991.98px){
    .slider__content p{
        font-size:24px
    }
}
@media (max-width:767.98px){
    .slider__content p{
        font-size:20px;
        letter-spacing:3px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .slider__content p{
        font-size:24px;
        letter-spacing:5px
    }
}
.slider__btn{
    margin:33px 0 0
}
.slider__btn .tg-btn-1{
    padding:15px 49px
}
.slider__img img{
    margin:0 auto
}
@media (max-width:1199.98px){
    .slider__img img{
        margin:0 0 0 auto;
        max-width:90%;
        display:block
    }
}
@media (max-width:991.98px){
    .slider__img img{
        margin:0 auto;
        max-width:480px;
        width:100%;
        display:block
    }
}
.slider__shapes{
    opacity:.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:275px 0 295px;
    position:relative;
    z-index:1
}
@media (max-width:1500px){
    .banner__padding{
        padding:260px 0 220px
    }
}
@media (max-width:767.98px){
    .banner__padding{
        padding:180px 0 150px;
        min-height:auto;
        display:flex;
        align-items:center
    }
}
.banner__bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    z-index:-1
}
.banner__content{
    margin:0 0
}
@media (max-width:1500px){
    .banner__content .title{
        font-size:136px
    }
}
@media (max-width:991.98px){
    .banner__content .title{
        font-size:118px
    }
}
@media (max-width:767.98px){
    .banner__content .title{
        font-size:18vw
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .banner__content .title{
        font-size:17vw
    }
}
.banner__btn{
    margin:33px 0 0
}
.banner__area-two{
    padding:185px 0 170px;
    margin:40px 40px 120px;
    position:relative
}
.banner__area-two .banner__bg{
    text-align:end;
    z-index:-1
}
.banner__area-two .banner__bg-shape{
    position:absolute;
    inset:-20px -20px 0 -20px;
    background-size:calc(100% - 50px) calc(100% - 90px);
    background-repeat:no-repeat;
    background-position:center
}
.banner__area-two .banner__bg-shape:after{
    content:"";
    position:absolute;
    inset:0;
    mask-image:url(../img/slider/banner_bg_shape3-1.jpg);
    mask-size:100% 100%;
    mix-blend-mode:color;
    background:var(--tg-theme-primary)
}
.banner__area-two .banner__bg-shape img{
    height:100%;
    width:100%;
    position:absolute
}
.banner__area-two .banner__shape{
    position:absolute
}
.banner__area-two .banner__shape3-1{
    right:103px;
    top:219px
}
.banner__area-two .banner__shape3-2{
    bottom:128px;
    left:390px
}
.banner__area-two .banner__shape3-3{
    bottom:84px;
    right:174px
}
.banner__area-two .banner__content .sub-title2{
    display:inline-block;
    font-size:16px;
    font-weight:600;
    font-family:var(--tg-body-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    letter-spacing:.15em;
    position:relative;
    padding:1px 0 1px 32px;
    margin-bottom:30px
}
.banner__area-two .banner__content .sub-title2:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:linear-gradient(to right,var(--tg-theme-primary) -30%,transparent);
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1
}
.banner__area-two .banner__content .title{
    font-size:130px;
    font-weight:900;
    font-family:var(--tg-heading-font-family);
    text-shadow:none;
    margin-bottom:32px
}
@media (max-width:1500px){
    .banner__area-two .banner__content .title{
        font-size:110px
    }
}
@media (max-width:1199.98px){
    .banner__area-two .banner__content .title{
        font-size:90px
    }
}
@media (max-width:991.98px){
    .banner__area-two .banner__content .title{
        font-size:80px
    }
}
@media (max-width:767.98px){
    .banner__area-two .banner__content .title{
        font-size:60px;
        margin-bottom:20px
    }
}
.banner__area-two .banner__content p{
    font-size:16px;
    font-weight:500;
    text-transform:none;
    letter-spacing:normal;
    color:#92989E;
    line-height:1.75;
    max-width:90%
}
@media (max-width:1400px){
    .banner__area-two .banner__content p{
        max-width:100%
    }
}
.banner__area-two .banner__content .banner__btn{
    margin-top:43px
}
@media (max-width:767.98px){
    .banner__area-two .banner__content .banner__btn{
        margin-top:30px
    }
}
.banner__area-two .banner__img{
    position:relative;
    text-align:center;
    padding:46px 32px 34px 35px
}
.banner__area-two .banner__img .banner__img-shape{
    position:absolute;
    inset:0
}
.banner__area-two .banner__img .banner__img-shape img{
    width:100%;
    height:100%
}
.banner__area-two .banner__img .banner__img-shape:after{
    content:"";
    position:absolute;
    inset:0;
    mask-image:url(../img/slider/thumb_bg_shape3-1.jpg);
    mask-size:100% 100%;
    mix-blend-mode:color;
    background:var(--tg-theme-primary)
}
.banner__area-two .banner__img .thumb{
    display:inline-block;
    mask-image:url(../img/slider/slider_img_mask.png);
    mask-size:100% 100%
}
@media (max-width:1400px){
    .banner__area-two{
        margin:30px 30px 120px;
        padding:135px 0 90px
    }
    .banner__area-two .banner__img{
        padding:37px 25px 29px 27px
    }
}
@media (max-width:1300px){
    .banner__area-two{
        margin:0;
        padding:220px 0 140px
    }
    .banner__area-two .banner__bg-shape{
        display:none
    }
}
@media (max-width:1199.98px){
    .banner__area-two{
        padding:160px 0 120px
    }
    .banner__area-two .banner__img{
        padding:47px 33px 35px 35px;
        display:inline-block
    }
}
@media (max-width:991.98px){
    .banner__area-two .banner__shape{
        display:none
    }
    .banner__area-two .banner__content .banner__btn{
        justify-content:center
    }
}
@media (max-width:767.98px){
    .banner__area-two{
        padding:120px 0 120px
    }
    .banner__area-two .banner__img{
        padding:33px 23px 25px 24px
    }
    .banner__area-two .banner__content p{
        font-weight:400
    }
}
@media (max-width:375px){
    .banner__area-two .banner__content .sub-title2{
        font-size:14px;
        padding:1px 0 1px 22px
    }
}
.banner__area-three{
    position:relative;
    padding:250px 0 200px;
    z-index:1
}
.banner__area-three .banner__bg{
    clip-path:polygon(100% 0,100% 100%,650px calc(100% - 90px),0 100%,0 0)
}
.banner__area-three .banner__bg img{
    height:100%;
    width:100%;
    object-fit:cover
}
.banner__area-three .banner__content .sub-title2{
    display:inline-block;
    font-size:16px;
    font-weight:600;
    font-family:var(--tg-body-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    letter-spacing:.15em;
    position:relative;
    padding:1px 0 1px 32px;
    margin-bottom:32px
}
.banner__area-three .banner__content .sub-title2:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:linear-gradient(to right,var(--tg-theme-primary) -30%,transparent);
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    z-index:-1
}
@media (max-width:991.98px){
    .banner__area-three .banner__content .sub-title2{
        margin-bottom:20px
    }
}
.banner__area-three .banner__content .title{
    font-size:72px;
    font-weight:900;
    font-family:var(--tg-heading-font-family);
    text-shadow:none;
    margin-bottom:22px
}
@media (max-width:991.98px){
    .banner__area-three .banner__content .title{
        font-size:65px
    }
}
@media (max-width:767.98px){
    .banner__area-three .banner__content .title{
        font-size:40px
    }
}
@media (max-width:375px){
    .banner__area-three .banner__content .title{
        font-size:35px
    }
}
.banner__area-three .banner__content .banner__btn{
    margin-top:70px
}
@media (max-width:1500px){
    .banner__area-three{
        padding:175px 0 170px
    }
    .banner__area-three .banner__bg{
        clip-path:polygon(100% 0,100% 99%,482px calc(100% - 83px),0 98%,0 0)
    }
}
@media (max-width:1400px){
    .banner__area-three .banner__bg{
        clip-path:polygon(100% 0,100% 98%,400px calc(100% - 81px),0 97%,0 0)
    }
}
@media (max-width:1300px){
    .banner__area-three .banner__bg{
        clip-path:polygon(100% 0,100% 97%,330px calc(100% - 80px),0 96%,0 0)
    }
}
@media (max-width:1199.98px){
    .banner__area-three{
        padding:150px 0 200px
    }
    .banner__area-three .banner__content .title{
        line-height:1.2;
        margin-bottom:0
    }
    .banner__area-three .banner__bg{
        clip-path:polygon(100% 0,100% 96%,227px calc(100% - 85px),0 93%,0 0)
    }
    .banner__area-three .banner__content .banner__btn{
        margin-top:50px
    }
}
@media (max-width:991.98px){
    .banner__area-three{
        padding:120px 0 120px
    }
    .banner__area-three .banner__bg{
        clip-path:none
    }
    .banner__area-three .banner__content{
        text-align:start
    }
    .banner__area-three .banner__content .banner__btn{
        margin-top:40px
    }
}
@media (max-width:767.98px){
    .banner__area-three{
        padding:100px 0
    }
}
.banner__area-four{
    position:relative;
    padding:170px 0 255px;
    z-index:1
}
.banner__area-four .banner__bg{
    clip-path:polygon(100% 0,100% calc(100% - 87px),calc(100% - 595px) 100%,0 calc(100% - 67px),0 0)
}
.banner__area-four .banner__bg img{
    height:100%;
    width:100%;
    object-fit:cover
}
.banner__area-four .banner__bg-shape{
    position:absolute;
    bottom:0;
    z-index:-1
}
.banner__area-four .banner__bg-shape img{
    width:100%
}
.banner__area-four .banner__content .title{
    font-size:90px;
    font-weight:800;
    font-family:var(--tg-heading-font-family);
    text-transform:capitalize;
    text-shadow:none;
    position:relative;
    margin-bottom:35px
}
@media (max-width:767.98px){
    .banner__area-four .banner__content .title{
        font-size:50px;
        margin-bottom:30px
    }
}
.banner__area-four .banner__content .title .text-stroke{
    position:absolute;
    bottom:-7px;
    left:5px;
    -webkit-text-stroke:1px var(--tg-theme-primary);
    color:#fff0;
    z-index:-1;
    opacity:.3
}
.banner__area-four .banner__content .sub-title{
    background:#fff0;
    padding:0;
    font-size:48px;
    font-weight:500;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    max-width:478px;
    text-transform:capitalize;
    line-height:1.1;
    letter-spacing:normal
}
.banner__area-four .banner__content .sub-title:before{
    display:none
}
.banner__area-four .banner__content .banner__btn{
    margin:53px 0 0;
    align-items:center;
    gap:20px 40px
}
.banner__area-four .slider__img5{
    margin:-110px -210px -80px 0
}
@media (max-width:1500px){
    .banner__area-four .slider__img5{
        margin:-110px -80px -80px 0
    }
}
@media (max-width:1400px){
    .banner__area-four .slider__img5{
        margin:-20px -30px -20px 0
    }
}
@media (max-width:1300px){
    .banner__area-four{
        padding:150px 0 205px
    }
}
@media (max-width:1199.98px){
    .banner__area-four{
        padding:120px 0 150px
    }
    .banner__area-four .slider__img5{
        margin:0
    }
    .banner__area-four .banner__bg-shape{
        display:none
    }
    .banner__area-four .banner__content{
        text-align:center
    }
    .banner__area-four .banner__content .title .text-stroke{
        left:5px;
        right:0
    }
    .banner__area-four .banner__content .sub-title{
        margin-left:auto;
        margin-right:auto
    }
    .banner__area-four .banner__content .banner__btn{
        justify-content:center
    }
}
@media (max-width:991.98px){
    .banner__area-four .banner__content .sub-title{
        font-size:24px;
        line-height:normal
    }
    .banner__area-four .banner__content .banner__btn{
        margin:33px 0 0
    }
}
@media (max-width:767.98px){
    .banner__area-four{
        padding:80px 0
    }
    .banner__area-four .banner__bg{
        clip-path:none
    }
}
.nft-item__area{
    background:var(--tg-common-color-black-3);
    padding:100px 0 70px
}
.nft-item__area .row{
    --bs-gutter-x:37px
}
@media (max-width:1500px){
    .nft-item__area .row{
        --bs-gutter-x:30px
    }
}
.nft-item__box{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-end;
    background-color:#121a23;
    background-image:-moz-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    border:1px solid rgb(76 76 76 / .2);
    padding:25px;
    margin:0 0 30px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
@media (max-width:767.98px){
    .nft-item__box{
        display:block;
        text-align:center;
        max-width:320px;
        padding:35px 25px 25px;
        margin:0 auto 30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .nft-item__box{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        text-align:left;
        max-width:100%;
        padding:25px 25px;
        margin:0 0 30px
    }
}
.nft-item__box:hover{
    border-color:rgb(34 45 109 / .2)
}
.nft-item__thumb{
    flex:0 0 auto;
    margin-right:20px;
    max-width:187px
}
@media (max-width:1800px){
    .nft-item__thumb{
        max-width:165px
    }
}
@media (max-width:1500px){
    .nft-item__thumb{
        max-width:170px
    }
}
@media (max-width:991.98px){
    .nft-item__thumb{
        max-width:187px
    }
}
@media (max-width:767.98px){
    .nft-item__thumb{
        margin:0 auto 25px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .nft-item__thumb{
        margin:0 20px 0 0
    }
}
.nft-item__thumb img{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px
}
.nft-item__content{
    flex-grow:1
}
.nft-item__content .title{
    font-size:20px;
    letter-spacing:.5px;
    margin:0 0 15px
}
.nft-item__avatar{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0 0 20px
}
@media (max-width:767.98px){
    .nft-item__avatar{
        justify-content:center
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .nft-item__avatar{
        justify-content:flex-start
    }
}
.nft-item__avatar .avatar-img{
    margin:0 10px 0 0;
    flex:0 0 auto
}
.nft-item__avatar .avatar-img img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.nft-item__avatar .avatar-name{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}
.nft-item__avatar .avatar-name .name{
    margin:0 0 0;
    font-size:18px;
    font-weight:var(--tg-fw-semi-bold);
    color:#9b9b9b;
    text-transform:capitalize
}
.nft-item__avatar .avatar-name .designation{
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    color:#9b9b9b
}
.nft-item__avatar .avatar-name .designation::before{
    content:"|";
    display:inline-block;
    font-size:12px;
    font-weight:500;
    color:#434343;
    padding:0 8px 0 10px
}
.nft-item__price{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    background-color:#121a23;
    background-image:-moz-linear-gradient(90deg,#0c0e12 0%,#10181f 100%);
    background-image:-webkit-linear-gradient(90deg,#0c0e12 0%,#10181f 100%);
    background-image:-ms-linear-gradient(90deg,#0c0e12 0%,#10181f 100%);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    border:1px solid rgb(76 76 76 / .5);
    padding:14px 15px 14px 20px
}
.nft-item__price p{
    margin:0 0;
    font-family:var(--tg-heading-font-family);
    font-size:18px;
    color:#e8e8e8;
    font-weight:var(--tg-fw-semi-bold)
}
.nft-item__price p span{
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-theme-secondary)
}
.nft-item__price .bid-btn{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    column-gap:10px;
    background:var(--tg-theme-secondary);
    color:var(--tg-common-color-black-2);
    text-transform:capitalize;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    font-size:18px;
    line-height:1;
    padding:11px 14px;
    margin-left:auto
}
.nft-item__price .bid-btn:hover{
    background:var(--tg-theme-primary)
}
.section-pt-120{
    padding-top:120px
}
@media (max-width:767.98px){
    .section-pt-120{
        padding-top:100px
    }
}
.section-pb-90{
    padding-bottom:90px
}
@media (max-width:767.98px){
    .section-pb-90{
        padding-bottom:70px
    }
}
.trendingNft-area{
    background-color:var(--tg-common-color-black-4)
}
.trendingNft__title-wrap{
    margin:0 0 50px
}
.trendingNft__title .title{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:18px;
    margin:0 0;
    font-size:36px
}
@media (max-width:767.98px){
    .trendingNft__title .title{
        justify-content:center
    }
}
.trendingNft__nav{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:13px
}
@media (max-width:767.98px){
    .trendingNft__nav{
        justify-content:center;
        margin-top:18px
    }
}
.trendingNft__nav>*{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:2px solid #adb0bc;
    background:#fff0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    font-size:18px;
    color:#adb0bc
}
.trendingNft__nav>*:hover{
    border-color:var(--tg-theme-primary);
    color:var(--tg-theme-primary)
}
.trendingNft__item{
    background-image:url(../img/bg/trendnft_img.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    max-width:403px;
    height:426px;
    padding:24px 20px;
    margin:0 0 30px
}
@media (max-width:1199.98px){
    .trendingNft__item{
        margin:0 auto 30px
    }
}
@media (max-width:991.98px){
    .trendingNft__item{
        max-width:330px;
        height:345px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .trendingNft__item{
        max-width:403px;
        height:426px
    }
}
.trendingNft__item-top{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0 0 15px
}
.trendingNft__item-avatar{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    gap:9px
}
.trendingNft__item-avatar .image{
    max-width:45px;
    flex:0 0 auto
}
.trendingNft__item-avatar img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.trendingNft__item-avatar .info .name{
    font-size:16px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:capitalize;
    color:#fcfcfc;
    margin:0 0 5px
}
.trendingNft__item-avatar .info .userName{
    display:block;
    line-height:1;
    font-size:12px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-body-color);
    font-family:var(--tg-heading-font-family);
    text-decoration:underline
}
.trendingNft__item-avatar .info .userName:hover{
    color:var(--tg-theme-primary)
}
.trendingNft__item-wish{
    margin-left:auto
}
.trendingNft__item-wish a{
    color:#c9c9c9
}
.trendingNft__item-wish a:hover{
    color:var(--tg-theme-primary)
}
.trendingNft__item-image img{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    width:100%;
    max-height:249px;
    object-fit:cover
}
@media (max-width:991.98px){
    .trendingNft__item-image img{
        max-height:170px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .trendingNft__item-image img{
        max-height:249px
    }
}
.trendingNft__item-bottom{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.trendingNft__item-bottom .bid-btn{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    column-gap:10px;
    background:var(--tg-theme-secondary);
    color:var(--tg-common-color-black-2);
    text-transform:capitalize;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    font-size:18px;
    line-height:1;
    padding:11px 14px;
    margin-left:auto;
    margin-right:35px
}
.trendingNft__item-bottom .bid-btn:hover{
    background:var(--tg-theme-primary)
}
.trendingNft__item-bottom::before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,#383d44 50%,transparent 100%);
    flex:0 0 100%;
    margin:14px 0 13px
}
.trendingNft__item-price .bid{
    display:block;
    font-family:var(--tg-heading-font-family);
    text-transform:capitalize;
    font-size:13px;
    font-weight:var(--tg-fw-semi-bold);
    line-height:1;
    margin:0 0 7px
}
.trendingNft__item-price .eth{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    font-size:18px;
    color:#e8e8e8;
    font-weight:var(--tg-fw-semi-bold);
    margin:0 0
}
.trendingNft__item-price .eth i{
    color:var(--tg-theme-secondary);
    margin-right:10px
}
.trendingNft__item-price .eth span{
    color:var(--tg-theme-secondary);
    font-weight:var(--tg-fw-bold);
    margin-left:5px
}
.nft-card{
    border:10px solid #1F222D;
    box-shadow:0 4px 41px rgb(0 0 0 / .53);
    background:#12141D
}
.nft-card-thumb{
    overflow:hidden
}
.nft-card-thumb img{
    width:100%;
    transition:0.4s
}
.nft-card-content{
    border-top:10px solid #1F222D;
    text-align:center;
    padding-top:25px
}
.nft-card-content .subtitle{
    color:var(--tg-theme-primary);
    font-size:12px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    display:block;
    margin:0 0 5px
}
.nft-card-content .title{
    font-size:20px;
    font-weight:800;
    margin-bottom:20px
}
.nft-card-content .btn-wrap{
    display:flex;
    justify-content:center;
    border-top:1px solid #201F2F;
    padding:20px 25px;
    gap:28px;
    position:relative
}
.nft-card-content .btn-wrap:after{
    content:"";
    position:absolute;
    height:100%;
    width:1px;
    background:#201F2F;
    top:0
}
.nft-card:hover .nft-card-thumb img{
    transform:scale(1.05)
}
.area-background{
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover
}
.section-pt-130{
    padding-top:130px
}
@media (max-width:767.98px){
    .section-pt-130{
        padding-top:100px
    }
}
.section-pb-130{
    padding-bottom:130px
}
@media (max-width:767.98px){
    .section-pb-130{
        padding-bottom:100px
    }
}
.about__buttons{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px 35px;
    margin:0 0 40px
}
.about__tab-wrap .nav-tabs{
    justify-content:center;
    padding:22px 0;
    position:relative;
    gap:15px 35px
}
@media (max-width:991.98px){
    .about__tab-wrap .nav-tabs{
        gap:15px 30px
    }
}
@media (max-width:767.98px){
    .about__tab-wrap .nav-tabs{
        gap:20px 25px
    }
}
.about__tab-wrap .nav-tabs::before,.about__tab-wrap .nav-tabs::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,var(--tg-theme-primary) 50%,transparent 100%)
}
.about__tab-wrap .nav-tabs::after{
    top:auto;
    bottom:0
}
.about__tab-wrap .nav-tabs .nav-item{
    position:relative;
    z-index:1
}
.about__tab-wrap .nav-tabs .nav-item .nav-link{
    position:relative;
    background:linear-gradient(180deg,#10181f 0%,#e3b17d 48%,#10181f 100%) border-box;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:1px solid #fff0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.about__tab-wrap .nav-tabs .nav-item .nav-link .img-shape{
    position:absolute;
    left:50%;
    top:50%;
    width:85px;
    height:84px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background:linear-gradient(180deg,#10181f 0%,#e3b17d 48%,#10181f 100%) border-box;
    border:1px solid #fff0;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:-1
}
.about__tab-wrap .nav-tabs .nav-item .nav-link .img-shape::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#0c1319
}
.about__tab-wrap .nav-tabs .nav-item .nav-link img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#0c1319
}
.about__tab-wrap .nav-tabs .nav-item .nav-link:hover,.about__tab-wrap .nav-tabs .nav-item .nav-link.active{
    background:linear-gradient(180deg,#10181f 0%,var(--tg-theme-primary) 48%,#10181f 100%) border-box
}
.about__tab-wrap .nav-tabs .nav-item .nav-link:hover .img-shape,.about__tab-wrap .nav-tabs .nav-item .nav-link.active .img-shape{
    background:linear-gradient(180deg,#10181f 0%,var(--tg-theme-primary) 48%,#10181f 100%) border-box
}
.about__area .tab-content{
    margin:80px 0 0;
    position:relative;
    overflow:hidden
}
.about__area .tab-content::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--tg-theme-primary);
    background:linear-gradient(45deg,#fff0 0%,var(--tg-theme-primary) 100%);
    opacity:.329
}
@media (max-width:1199.98px){
    .about__area .tab-content::after{
        right:0;
        width:770px;
        margin:0 auto
    }
}
@media (max-width:767.98px){
    .about__area .tab-content::after{
        width:100%;
        opacity:.5
    }
}
@media (max-width:1199.98px){
    .about__img img{
        margin:0 0 35px
    }
}
@media (max-width:1199.98px){
    .about__img img{
        width:100%;
        height:350px;
        object-fit:cover
    }
}
@media (max-width:767.98px){
    .about__img img{
        height:auto
    }
}
.about__flex-wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    height:100%;
    -ms-flex-direction:column;
    flex-direction:column
}
.about__content-wrap{
    display:grid;
    grid-template-columns:56% 1fr;
    gap:30px 30px;
    margin:0 0 30px
}
@media (max-width:767.98px){
    .about__content-wrap{
        grid-template-columns:repeat(1,1fr)
    }
}
.about__content .title{
    margin:0 0 2px;
    font-size:30px
}
.about__content .rate{
    display:block;
    font-size:20px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-theme-secondary);
    margin:0 0 18px
}
.about__content p{
    margin:0 0 0
}
.about__content-list li{
    background-image:-moz-linear-gradient(0deg,#1f2935 0%,transparent 100%,#10181f 100%);
    background-image:-webkit-linear-gradient(0deg,#1f2935 0%,transparent 100%,#10181f 100%);
    background-image:-ms-linear-gradient(0deg,#1f2935 0%,transparent 100%,#10181f 100%);
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .21);
    padding:7px 13px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    -ms-border-radius:7px;
    border-radius:7px;
    margin:0 0 11px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    font-size:16px;
    font-weight:var(--tg-fw-bold);
    font-family:var(--tg-heading-font-family);
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    -ms-transition:0.3s linear;
    -o-transition:0.3s linear;
    transition:0.3s linear
}
.about__content-list li:last-child{
    margin:0 0
}
.about__content-list li:hover{
    -webkit-transform:translateX(-10px);
    -moz-transform:translateX(-10px);
    -ms-transform:translateX(-10px);
    -o-transform:translateX(-10px);
    transform:translateX(-10px)
}
.about__content-list li img{
    margin-right:13px
}
.about__btn-wrap{
    margin-top:auto
}
.about__btn-wrap ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:7px 7px
}
@media (max-width:767.98px){
    .about__btn-wrap ul{
        flex-wrap:wrap
    }
}
.about__btn-wrap ul li{
    flex:auto
}
.about__btn-wrap ul li a{
    display:block;
    background-color:#1f2935;
    background-image:-moz-linear-gradient(90deg,#10181f 0%,transparent 0%,#141a20 100%);
    background-image:-webkit-linear-gradient(90deg,#10181f 0%,transparent 0%,#141a20 100%);
    background-image:-ms-linear-gradient(90deg,#10181f 0%,transparent 0%,#141a20 100%);
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-size:16px;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-body-color);
    text-align:center;
    letter-spacing:1px;
    padding:25px 30px
}
@media (max-width:767.98px){
    .about__btn-wrap ul li a{
        padding:13px 30px
    }
}
.about__btn-wrap ul li a:hover{
    color:var(--tg-theme-primary)
}
.section-pt-160{
    padding-top:160px
}
@media (max-width:1199.98px){
    .section-pt-160{
        padding-top:130px
    }
}
@media (max-width:991.98px){
    .section-pt-160{
        padding-top:120px
    }
}
.section-pb-190{
    padding-bottom:190px
}
@media (max-width:1199.98px){
    .section-pb-190{
        padding-bottom:25px
    }
}
.about__funFact-images{
    position:relative;
    max-width:511px;
    margin:60px 25px 0 auto;
    z-index:1
}
@media (max-width:991.98px){
    .about__funFact-images{
        max-width:510px;
        margin:60px auto 30px
    }
}
@media (max-width:767.98px){
    .about__funFact-images{
        max-width:400px;
        margin:60px 25px 30px 0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .about__funFact-images{
        max-width:480px;
        margin:60px 40px 30px 0
    }
}
.about__funFact-images::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:calc(100% + 15px);
    background:var(--tg-theme-primary);
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -ms-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    transform:rotate(5deg);
    -webkit-transform-origin:bottom right;
    -ms-transform-origin:bottom right;
    transform-origin:bottom right;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    opacity:.84;
    z-index:-1
}
.about__funFact-images .main-img{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-width:382px;
    margin:0 auto
}
@media (max-width:1199.98px){
    .about__funFact-images .main-img{
        max-width:315px
    }
}
@media (max-width:991.98px){
    .about__funFact-images .main-img{
        max-width:350px
    }
}
@media (max-width:767.98px){
    .about__funFact-images .main-img{
        max-width:260px
    }
}
.about__funFact-images:hover::after{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    height:calc(100% + 0px)
}
.about__funFact-trophy{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-start;
    align-items:center;
    margin:35px 25px 0 0
}
@media (max-width:991.98px){
    .about__funFact-trophy{
        margin:35px auto 40px;
        max-width:510px
    }
}
@media (max-width:767.98px){
    .about__funFact-trophy{
        margin:35px 25px 40px auto
    }
}
.about__funFact-trophy .icon{
    position:relative;
    margin-left:22px;
    z-index:1
}
.about__funFact-trophy .icon::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-image:url(../img/icons/trophy_color.png);
    width:95px;
    height:96px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    z-index:-1
}
.about__funFact-trophy .icon img{
    max-height:40px
}
.about__funFact-trophy .content{
    text-align:right
}
.about__funFact-trophy .content h5{
    margin:0 0 2px;
    font-size:22px
}
.about__funFact-trophy .content span{
    display:block;
    text-transform:uppercase;
    font-size:14px;
    font-weight:var(--tg-fw-medium)
}
.about__funFact-wrap{
    flex-grow:1
}
.about__funFact-lists{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:30px 50px
}
.about__funFact-item .count{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    font-size:30px;
    font-weight:var(--tg-fw-semi-bold);
    margin:0 0 8px;
    line-height:1
}
.about__funFact-item .count .formatting-mark{
    display:block;
    line-height:1;
    margin-left:3px
}
.about__funFact-item p{
    line-height:1;
    margin:0 0;
    text-align:center;
    font-size:14px;
    font-weight:var(--tg-fw-medium)
}
.about__content-bottom{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:row-reverse;
    justify-content:flex-end;
    align-items:center;
    position:relative;
    margin:50px 0 0
}
@media (max-width:1199.98px){
    .about__content-bottom{
        margin:40px 0 0;
        align-items:flex-start
    }
}
@media (max-width:991.98px){
    .about__content-bottom{
        align-items:center
    }
}
@media (max-width:767.98px){
    .about__content-bottom{
        align-items:flex-start;
        flex-direction:column-reverse;
        row-gap:30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .about__content-bottom{
        align-items:center;
        flex-direction:row-reverse
    }
}
.about__content-circle{
    width:137px;
    height:137px;
    position:relative;
    -webkit-animation:mykdRotation 12s linear infinite;
    animation:mykdRotation 12s linear infinite;
    -webkit-animation-play-state:running;
    animation-play-state:running;
    margin:0 50px 0 30px
}
@media (max-width:1199.98px){
    .about__content-circle{
        width:100px;
        height:100px;
        margin:0 0 0 auto
    }
}
@media (max-width:991.98px){
    .about__content-circle{
        width:137px;
        height:137px;
        margin:0 0 0 30px
    }
}
@media (max-width:767.98px){
    .about__content-circle{
        width:120px;
        height:120px;
        margin:0 auto
    }
}
.about__content-circle img{
    pointer-events:none
}
.about__content-circle svg{
    position:absolute;
    width:80px;
    height:80px;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%) rotate(-33deg);
    -moz-transform:translate(-50%,-50%) rotate(-33deg);
    -ms-transform:translate(-50%,-50%) rotate(-33deg);
    -o-transform:translate(-50%,-50%) rotate(-33deg);
    transform:translate(-50%,-50%) rotate(-33deg);
    overflow:initial
}
@media (max-width:1199.98px){
    .about__content-circle svg{
        width:60px;
        height:60px
    }
}
@media (max-width:991.98px){
    .about__content-circle svg{
        width:80px;
        height:80px
    }
}
@media (max-width:767.98px){
    .about__content-circle svg{
        width:70px;
        height:70px
    }
}
.about__content-circle svg path{
    fill:none
}
.about__content-circle svg text{
    fill:var(--tg-common-color-white);
    text-transform:uppercase;
    font-size:22px;
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:3px
}
.about__content-circle:hover{
    -webkit-animation-play-state:paused;
    animation-play-state:paused
}
.about__content-btns{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:20px 30px;
    margin:40px 0 0
}
.about__content-btns .tg-btn-3{
    font-size:14px;
    color:var(--tg-common-color-white);
    letter-spacing:.5px;
    font-weight:var(--tg-fw-bold);
    min-width:158px;
    padding:19px 30px
}
.about__content-btns .svg-icon{
    fill:#fff0;
    stroke:var(--tg-theme-primary)
}
.about__content-btns .popup-video{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:0 14px;
    font-size:13px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-common-color-white);
    letter-spacing:.3px
}
.about__content-btns .popup-video i{
    width:46px;
    height:46px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border:2px solid var(--tg-common-color-white);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    color:var(--tg-theme-primary);
    font-size:14px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.about__content-btns .popup-video:hover{
    color:var(--tg-theme-primary)
}
.about__content-btns .popup-video:hover i{
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2);
    border-color:var(--tg-theme-primary)
}
.about__area-three{
    background-color:var(--tg-common-color-black-4);
    position:relative;
    z-index:1
}
.about__area-three .big-title{
    position:absolute;
    left:0;
    right:0;
    top:60%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:252px;
    max-width:1270px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 auto;
    letter-spacing:20px;
    text-shadow:0 3px 7px rgb(0 0 0 / .004);
    line-height:.8;
    opacity:.01;
    pointer-events:none;
    z-index:-1
}
@media (max-width:1199.98px){
    .about__area-three .big-title{
        max-width:930px;
        top:auto;
        bottom:35px;
        font-size:220px;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        text-align:center
    }
}
@media (max-width:991.98px){
    .about__area-three .big-title{
        max-width:690px;
        top:auto;
        bottom:35px;
        font-size:21vw;
        letter-spacing:10px
    }
}
.about__title-wrap{
    max-width:340px
}
@media (max-width:1199.98px){
    .about__title-wrap{
        max-width:100%;
        display:flex;
        align-items:center;
        margin:0 0 55px
    }
}
@media (max-width:991.98px){
    .about__title-wrap{
        flex-direction:column;
        text-align:center;
        gap:35px
    }
}
.about__title-wrap .title{
    font-size:55px;
    letter-spacing:3.5px;
    margin:0 0 50px
}
@media (max-width:1199.98px){
    .about__title-wrap .title{
        margin:0 0 0;
        width:60%;
        flex:0 0 auto
    }
}
@media (max-width:991.98px){
    .about__title-wrap .title{
        width:100%
    }
}
@media (max-width:767.98px){
    .about__title-wrap .title{
        font-size:34px;
        letter-spacing:2.5px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .about__title-wrap .title{
        font-size:44px
    }
}
.about__title-wrap .title i{
    font-style:normal;
    font-weight:var(--tg-fw-light)
}
.about__title-wrap .title span{
    color:var(--tg-theme-primary)
}
.about__title-wrap .title b{
    font-weight:var(--tg-fw-extra-bold)
}
.about__title-wrap .about__content-circle{
    margin:0 0 0 auto
}
@media (max-width:1199.98px){
    .about__title-wrap .about__content-circle{
        margin:0 auto 0;
        width:125px;
        height:125px
    }
    .about__title-wrap .about__content-circle svg{
        width:75px;
        height:75px
    }
}
.about__three-images{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-start;
    gap:26px;
    margin-left:-30px;
    position:relative
}
@media (max-width:1199.98px){
    .about__three-images{
        margin:0 0
    }
}
@media (max-width:991.98px){
    .about__three-images{
        margin:0 0 35px
    }
}
@media (max-width:767.98px){
    .about__three-images{
        flex-direction:column-reverse
    }
}
.about__three-images::after{
    content:"";
    position:absolute;
    left:25%;
    top:47%;
    width:75px;
    height:75px;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .32);
    background-color:var(--tg-theme-primary);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transition:1s;
    transition:1s
}
@media (max-width:1500px){
    .about__three-images::after{
        left:23%;
        top:46%
    }
}
@media (max-width:1199.98px){
    .about__three-images::after{
        left:24%;
        top:48%
    }
}
@media (max-width:991.98px){
    .about__three-images::after{
        display:none
    }
}
.about__three-images .left{
    width:363px;
    height:487px;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-mask-image:url(../img/bg/mask_bg01.png);
    mask-image:url(../img/bg/mask_bg01.png);
    -webkit-mask-position:top left;
    mask-position:top left;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:cover;
    mask-size:cover
}
@media (max-width:1500px){
    .about__three-images .left{
        width:40%;
        height:450px
    }
}
@media (max-width:1199.98px){
    .about__three-images .left{
        height:487px
    }
}
@media (max-width:991.98px){
    .about__three-images .left{
        height:290px;
        -webkit-mask-image:none!important;
        mask-image:none!important
    }
}
@media (max-width:767.98px){
    .about__three-images .left{
        width:100%
    }
}
.about__three-images .right{
    width:519px;
    height:382px;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-mask-image:url(../img/bg/mask_bg02.png);
    mask-image:url(../img/bg/mask_bg02.png);
    -webkit-mask-position:top left;
    mask-position:top left;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:cover;
    mask-size:cover
}
@media (max-width:1500px){
    .about__three-images .right{
        width:calc(60% - 26px);
        height:340px
    }
}
@media (max-width:1199.98px){
    .about__three-images .right{
        height:382px
    }
}
@media (max-width:991.98px){
    .about__three-images .right{
        height:290px
    }
}
@media (max-width:767.98px){
    .about__three-images .right{
        width:100%;
        -webkit-mask-size:100% 290px;
        mask-size:100% 290px
    }
}
.about__three-images:hover::after{
    -webkit-transform:rotateZ(90deg) translateY(-75px);
    -moz-transform:rotateZ(90deg) translateY(-75px);
    -ms-transform:rotateZ(90deg) translateY(-75px);
    -o-transform:rotateZ(90deg) translateY(-75px);
    transform:rotateZ(90deg) translateY(-75px)
}
.about__three-paragraph{
    margin:-35px 5px 0 auto;
    max-width:77%
}
.about__three-paragraph p{
    font-weight:var(--tg-fw-medium);
    margin:0 0
}
@media (max-width:991.98px){
    .about__three-paragraph{
        margin:0 0;
        max-width:100%;
        text-align:center
    }
}
.about__dots{
    position:absolute;
    top:20px;
    right:22px;
    color:var(--tg-theme-primary);
    -webkit-animation:xAnimation 5s infinite;
    animation:xAnimation 5s infinite
}
@media (max-width:1500px){
    .about__dots{
        top:15px;
        right:50px
    }
}
@media (max-width:1199.98px){
    .about__dots{
        right:65px
    }
}
@media (max-width:991.98px){
    .about__dots{
        right:12px;
        top:7px;
        -webkit-animation:none;
        animation:none
    }
}
@media (max-width:767.98px){
    .about__dots{
        right:0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .about__dots{
        right:65px;
        -webkit-animation:xAnimation 5s infinite;
        animation:xAnimation 5s infinite
    }
}
.about__dots svg{
    display:block;
    width:109px;
    height:35px
}
.about__funFact-images3{
    position:relative;
    display:inline-block;
    padding:0 208px 85px 0
}
.about__funFact-images3 .main-img2{
    position:absolute;
    right:0;
    bottom:0
}
.about__funFact-images3 .main-img3{
    position:absolute;
    right:23px;
    top:27px
}
@media (max-width:1300px){
    .about__funFact-images3{
        padding:0 208px 125px 0
    }
}
@media (max-width:1199.98px){
    .about__funFact-images3{
        padding:0 208px 85px 0
    }
}
@media (max-width:767.98px){
    .about__funFact-images3{
        padding:0
    }
    .about__funFact-images3 .main-img2,.about__funFact-images3 .main-img3{
        position:initial;
        margin-top:20px;
        width:100%
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .about__funFact-images3{
        padding:0 208px 185px 0
    }
    .about__funFact-images3 .main-img2,.about__funFact-images3 .main-img3{
        position:absolute;
        margin-top:0;
        width:auto
    }
}
@media (max-width:767.98px){
    .about__area4.section-pb-100{
        padding-bottom:100px
    }
}
.about__funFact-images4{
    text-align:end
}
.about__funFact-images4 .main-img1{
    background:#1F222D;
    box-shadow:0 4px 41px rgb(0 0 0 / .53);
    border:10px solid #1F222D
}
@media (max-width:1199.98px){
    .about__funFact-images4{
        text-align:center
    }
}
.offer__area{
    padding:240px 0 0 0;
    background-position:0 -16px;
    margin-top:-42px;
    margin-bottom:-50px;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 130px),0% calc(100% - 45px))
}
.offer__area .section__title .title2{
    font-weight:700;
    margin-bottom:11px
}
.offer__area .section__title .btn-group{
    margin-top:12px;
    gap:14px;
    flex-wrap:wrap;
    justify-content:center
}
@media (max-width:1500px){
    .offer__area{
        padding:170px 0 20px 0
    }
}
@media (max-width:1400px){
    .offer__area{
        padding:170px 0 10px 0
    }
}
@media (max-width:1300px){
    .offer__area{
        padding:170px 0 20px 0
    }
}
@media (max-width:1199.98px){
    .offer__area{
        padding:100px 0 0 0;
        background-image:none!important;
        margin-top:0;
        margin-bottom:0;
        border-top:10px solid var(--tg-theme-primary);
        border-bottom:10px solid #0A0912;
        clip-path:none
    }
    .offer__area .section__title{
        padding-bottom:60px
    }
    .offer__area .offer-thumb{
        text-align:center
    }
}
@media (max-width:767.98px){
    .offer__area{
        padding:90px 0 0 0
    }
}
.cta-wrap{
    background:#1F222D;
    box-shadow:0 13px 41px rgb(0 0 0 / .22)
}
.cta-wrap .cta-thumb img{
    width:100%
}
.cta-wrap .cta-content-wrap{
    padding:80px 80px 80px 50px
}
@media (max-width:1500px){
    .cta-wrap .cta-content-wrap{
        padding:80px 35px 80px 35px
    }
}
.cta-wrap .cta-content-wrap .section__title .title{
    margin-bottom:15px
}
.cta-wrap .cta-content-wrap .section__title p{
    margin-bottom:32px
}
@media (max-width:1199.98px){
    .cta-wrap .cta-content-wrap{
        padding:60px 60px 60px 60px;
        text-align:center
    }
}
@media (max-width:767.98px){
    .cta-wrap .cta-content-wrap{
        padding:40px 20px
    }
}
.gallery__slider .swiper-slide{
    padding-left:15px;
    padding-right:15px
}
@media (max-width:767.98px){
    .gallery__slider .swiper-slide{
        padding-left:0;
        padding-right:0
    }
}
.gallery__item{
    margin:0 0 55px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    -webkit-transform:scale(.9);
    -moz-transform:scale(.9);
    -ms-transform:scale(.9);
    -o-transform:scale(.9);
    transform:scale(.9)
}
.gallery__thumb{
    margin:0 0 30px
}
@media (max-width:767.98px){
    .gallery__thumb{
        margin:0 0 20px
    }
}
.gallery__thumb img{
    width:100%;
    border:8px solid var(--tg-border-3);
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .42)
}
@media (max-width:767.98px){
    .gallery__thumb img{
        border-width:5px
    }
}
.gallery__content{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    align-items:center;
    opacity:0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    -webkit-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);
    -o-transform:translateY(-40px);
    transform:translateY(-40px)
}
.gallery__content .title{
    margin:0 0;
    font-size:26px
}
@media (max-width:767.98px){
    .gallery__content .title{
        font-size:20px
    }
}
.gallery__content .rate{
    display:block;
    text-transform:uppercase;
    color:#aaaaa9;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold)
}
.gallery-active.swiper-container{
    overflow:visible
}
.gallery-active .swiper-slide-active .gallery__item{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.gallery-active .swiper-slide-active .gallery__content{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.gallery-active .swiper-scrollbar{
    background:rgb(34 45 109 / .49)
}
.gallery-active.swiper-container-horizontal>.swiper-scrollbar{
    border-radius:0;
    height:4px;
    width:100%;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    cursor:pointer;
    max-width:calc(100% - 30px)
}
.gallery-active.swiper-container-horizontal .swiper-scrollbar-drag{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    height:8px;
    top:-2px;
    background:var(--tg-theme-primary)
}
.mfp-title{
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold)
}
.mfp-bottom-bar{
    margin-top:-30px
}
.section-pb-140{
    padding-bottom:140px
}
.project-bg{
    background-color:#09090b;
    overflow:hidden
}
.project__wrapper{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    position:relative;
    margin:0 0 75px
}
@media (max-width:991.98px){
    .project__wrapper{
        flex-direction:column;
        row-gap:50px
    }
}
@media (max-width:767.98px){
    .project__wrapper{
        margin:0 0 50px
    }
}
.project__wrapper .section__title{
    width:420px;
    flex:0 0 auto;
    margin:70px 0 0
}
@media (max-width:991.98px){
    .project__wrapper .section__title{
        width:100%;
        flex:0 0 auto;
        margin:0 0;
        text-align:center!important
    }
}
.project__wrapper .section__title::after{
    display:none
}
.project__wrapper .section__title .title{
    margin:0 0 10px
}
.project__wrapper .section__title .sub-title{
    margin:0 0
}
.project__wrapper .slider-button-prev{
    position:absolute;
    left:30.5%;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(180deg);
    -moz-transform:translateY(-50%) rotate(180deg);
    -ms-transform:translateY(-50%) rotate(180deg);
    -o-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg);
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    line-height:1;
    font-size:38px;
    letter-spacing:-7px
}
@media (max-width:1500px){
    .project__wrapper .slider-button-prev{
        left:34.5%
    }
}
@media (max-width:1199.98px){
    .project__wrapper .slider-button-prev{
        left:43.5%
    }
}
@media (max-width:991.98px){
    .project__wrapper .slider-button-prev{
        left:0;
        top:calc(50% + 60px)
    }
}
@media (max-width:767.98px){
    .project__wrapper .slider-button-prev{
        display:none
    }
}
.project__wrapper .slider-button-prev>*{
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    color:var(--tg-common-color-white);
    animation:shapeBlinker 0.6s linear infinite
}
.project__wrapper .slider-button-prev>*:last-child{
    color:var(--tg-theme-primary);
    animation-delay:0.2s
}
.project__wrapper .slider-button-prev:hover>*{
    animation-play-state:paused;
    color:var(--tg-theme-primary)
}
.project__wrapper .slider-button-prev:hover>*:last-child{
    color:var(--tg-common-color-white)
}
.project-active{
    margin:0 -180px 0 160px
}
@media (max-width:1500px){
    .project-active{
        margin:0 -230px 0 100px
    }
}
@media (max-width:1199.98px){
    .project-active{
        margin:0 -230px 0 80px
    }
}
@media (max-width:991.98px){
    .project-active{
        margin:0 -230px 0 110px
    }
}
@media (max-width:767.98px){
    .project-active{
        margin:0 0
    }
}
.project-area .swiper-scrollbar{
    display:block;
    width:100%;
    height:2px;
    position:relative;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    background:#fff0;
    margin:11px 0
}
.project-area .swiper-scrollbar::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:var(--tg-theme-primary);
    pointer-events:none;
    opacity:.65
}
.project-area .swiper-scrollbar .swiper-scrollbar-drag{
    height:24px;
    background:var(--tg-theme-primary);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    cursor:pointer;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    transition:all 0.5s ease-out 0s;
    top:-11px;
    z-index:1
}
.section-pb-100{
    padding-bottom:100px
}
@media (max-width:767.98px){
    .section-pb-100{
        padding-bottom:70px
    }
}
.team-bg{
    background-position:center;
    background-size:cover
}
.team__item{
    margin:0 0 30px;
    text-align:center;
    background:#1c242f;
    border:1px solid #27313f;
    box-shadow:0 3px 13px 0 rgb(0 0 0 / .17);
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -o-border-radius:12px;
    -ms-border-radius:12px;
    border-radius:12px;
    padding:30px 25px 35px;
    position:relative;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    -ms-transition:0.3s linear;
    -o-transition:0.3s linear;
    transition:0.3s linear;
    overflow:hidden;
    z-index:1
}
@media (max-width:767.98px){
    .team__item{
        max-width:320px;
        margin:0 auto 30px
    }
}
.team__item::before,.team__item::after{
    content:"";
    position:absolute;
    left:0;
    top:-60px;
    width:70px;
    height:320px;
    background:var(--tg-theme-primary);
    -webkit-transform:rotate(-55deg);
    -moz-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    -o-transform:rotate(-55deg);
    transform:rotate(-55deg);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    opacity:.55;
    z-index:-1
}
@media only screen and (min-width:576px) and (max-width:767px){
    .team__item::before,.team__item::after{
        height:295px;
        top:-48px
    }
}
.team__item::after{
    left:auto;
    right:0;
    -webkit-transform:rotate(55deg);
    -moz-transform:rotate(55deg);
    -ms-transform:rotate(55deg);
    -o-transform:rotate(55deg);
    transform:rotate(55deg)
}
.team__item:hover{
    -webkit-transform:translateY(-7px);
    -moz-transform:translateY(-7px);
    -ms-transform:translateY(-7px);
    -o-transform:translateY(-7px);
    transform:translateY(-7px)
}
.team__item:hover::before,.team__item:hover::after{
    opacity:1
}
.team__item:hover .team__thumb::before,.team__item:hover .team__thumb::after{
    opacity:.4
}
.team__thumb{
    margin:0 0 33px
}
.team__thumb img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    border:3px solid var(--tg-common-color-white);
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .21),inset 0 3px 9px 0 rgb(0 0 0 / .92);
    max-width:224px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .team__thumb img{
        max-width:100%
    }
}
.team__thumb::before,.team__thumb::after{
    content:"";
    position:absolute;
    left:75px;
    top:-50px;
    width:1px;
    height:260px;
    background:var(--tg-theme-primary);
    -webkit-transform:rotate(-55deg);
    -moz-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    -o-transform:rotate(-55deg);
    transform:rotate(-55deg);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:-1;
    opacity:.2
}
.team__thumb::after{
    left:auto;
    right:75px;
    -webkit-transform:rotate(55deg);
    -moz-transform:rotate(55deg);
    -ms-transform:rotate(55deg);
    -o-transform:rotate(55deg);
    transform:rotate(55deg)
}
.team__content .name{
    font-size:20px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0 1px;
    letter-spacing:1px
}
.team__content .name a:hover{
    color:var(--tg-common-color-white)
}
.team__content .designation{
    display:block;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    font-size:16px;
    color:var(--tg-theme-primary);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.team__info-area{
    background:#0d1116
}
.team__info-wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}
@media (max-width:991.98px){
    .team__info-wrap{
        display:block
    }
}
.team__info-discord{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    column-gap:25px;
    background:#070d10;
    padding:35px 40px;
    min-width:350px
}
@media (max-width:1199.98px){
    .team__info-discord{
        padding:35px 35px;
        min-width:auto;
        flex-direction:column;
        text-align:center;
        gap:20px
    }
}
@media (max-width:991.98px){
    .team__info-discord{
        padding:35px 0;
        min-width:auto;
        flex-direction:row;
        text-align:left;
        gap:25px;
        justify-content:center
    }
}
.team__info-discord .about__content-circle{
    margin:0 0;
    animation:none!important;
    position:relative;
    width:104px;
    height:104px
}
.team__info-discord .about__content-circle svg{
    width:60px;
    height:60px
}
.team__info-discord .about__content-circle>i{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#faa706;
    font-size:30px
}
.team__info-discord-info{
    flex-grow:1
}
@media (max-width:991.98px){
    .team__info-discord-info{
        flex-grow:inherit
    }
}
.team__info-discord-info .sub{
    display:block;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    font-size:14px;
    color:var(--tg-theme-primary);
    letter-spacing:1px;
    margin:0 0 2px
}
.team__info-discord-info .title{
    font-size:22px;
    margin:0 0
}
.team__info-list{
    flex-grow:1
}
@media (max-width:991.98px){
    .team__info-list{
        padding:30px 0
    }
}
@media (max-width:767.98px){
    .team__info-list{
        padding:30px 0 50px
    }
}
.team__info-list ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:30px 60px
}
@media (max-width:991.98px){
    .team__info-list ul{
        justify-content:center;
        gap:30px 50px
    }
}
@media (max-width:767.98px){
    .team__info-list ul{
        flex-wrap:wrap;
        gap:30px 45px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .team__info-list ul{
        justify-content:space-between
    }
}
.team__info-item{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:20px
}
@media (max-width:767.98px){
    .team__info-item{
        flex-direction:column;
        text-align:center
    }
}
.team__info-icon{
    font-size:50px;
    color:var(--tg-common-color-white);
    line-height:1
}
.team__info-icon img{
    max-width:67px
}
@media (max-width:767.98px){
    .team__info-icon img{
        max-width:100%;
        max-height:50px
    }
}
.team__info-content{
    flex-grow:1
}
.team__info-content .sub{
    display:block;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    font-size:14px;
    color:var(--tg-theme-primary);
    letter-spacing:1px;
    margin:0 0 2px
}
.team__info-content .title{
    font-size:22px;
    margin:0 0
}
@media (max-width:767.98px){
    .team__info-content .title{
        font-size:20px
    }
}
.section-pt-95{
    padding-top:95px
}
.section-pb-120{
    padding-bottom:120px
}
@media (max-width:767.98px){
    .section-pb-120{
        padding-bottom:100px
    }
}
.streamers-active{
    margin:0 -15px 0
}
.streamers__item{
    border:3px solid #383c4e;
    text-align:center;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px;
    padding:3px;
    margin:0 0 30px;
    position:relative;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.streamers__item:hover{
    border-color:var(--tg-theme-primary)
}
.streamers__item:hover .streamers__thumb::before{
    opacity:0
}
.streamers__item:hover .streamers__thumb::after{
    height:100%;
    opacity:.8
}
.streamers__thumb{
    position:relative;
    z-index:1
}
.streamers__thumb::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    background:#0e141e;
    background:linear-gradient(0deg,#0e141e 0%,#fff0 100%);
    opacity:1;
    pointer-events:none;
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
}
.streamers__thumb::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    background:var(--tg-theme-primary);
    background:linear-gradient(0deg,var(--tg-theme-primary) 0%,transparent 100%);
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
}
.streamers__thumb img{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px;
    border:1px solid #383c4e;
    width:100%
}
.streamers__content{
    position:absolute;
    left:20px;
    right:20px;
    bottom:28px;
    pointer-events:none;
    z-index:1
}
.streamers__content .name{
    font-size:20px;
    letter-spacing:1px;
    margin:0 0
}
.streamers__pagination{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px 13px;
    flex-wrap:wrap;
    margin:20px 0 0;
    line-height:1
}
.streamers__pagination-arrow{
    font-size:15px;
    color:var(--tg-common-color-white);
    cursor:pointer;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.streamers__pagination-arrow:hover{
    color:var(--tg-theme-primary)
}
.streamers__pagination-dots{
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:8px;
    z-index:1
}
.streamers__pagination-dots>*{
    display:block;
    width:7px;
    height:7px;
    background:#fefdff;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    opacity:.52
}
.streamers__pagination-dots>*.swiper-pagination-bullet-active{
    background:var(--tg-theme-primary);
    opacity:1
}
.team__details-area{
    background-position:top center;
    background-size:cover
}
.team__details-img{
    position:relative;
    margin:0 0 40px
}
@media (max-width:767.98px){
    .team__details-img{
        margin:0 0 25px
    }
}
.team__details-img img{
    display:block;
    -webkit-clip-path:polygon(0 0,100% 0,100% 85%,80% 85%,80% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 85%,80% 85%,80% 100%,0 100%)
}
.team__details-img svg{
    position:absolute;
    bottom:15px;
    right:8%;
    width:145px;
    height:66px;
    color:var(--tg-theme-primary);
    -webkit-animation:xAnimation 5s infinite;
    animation:xAnimation 5s infinite
}
@media (max-width:1500px){
    .team__details-img svg{
        right:7%
    }
}
@media (max-width:1199.98px){
    .team__details-img svg{
        bottom:8px;
        width:11.5%;
        height:auto
    }
}
@media (max-width:991.98px){
    .team__details-img svg{
        right:8%
    }
}
@media (max-width:767.98px){
    .team__details-img svg{
        right:5%;
        animation:none!important;
        bottom:0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .team__details-img svg{
        right:8%;
        bottom:3px;
        -webkit-animation:xAnimation 5s infinite!important;
        animation:xAnimation 5s infinite!important
    }
}
.team__details-content{
    font-weight:var(--tg-fw-medium)
}
.team__details-content .sub-title{
    display:block;
    text-transform:uppercase;
    color:var(--tg-theme-primary);
    font-size:14px;
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:2px;
    margin:0 0 5px
}
.team__details-content .title{
    font-size:55px;
    line-height:1.15;
    margin:0 0 35px
}
@media (max-width:1199.98px){
    .team__details-content .title{
        font-size:46px
    }
}
@media (max-width:991.98px){
    .team__details-content .title{
        font-size:38px
    }
}
@media (max-width:767.98px){
    .team__details-content .title{
        font-size:28px;
        margin:0 0 25px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .team__details-content .title{
        font-size:34px
    }
}
.team__details-content p{
    font-weight:var(--tg-fw-medium)
}
.team__details-content p:last-child{
    margin:0 0
}
.team__details-quote{
    margin:40px 85px 35px 60px
}
@media (max-width:1199.98px){
    .team__details-quote{
        margin:40px 0 35px 0
    }
}
.team__details-quote::before{
    content:"\f132";
    top:3px
}
@media (max-width:767.98px){
    .team__details-quote::before{
        top:0
    }
}
.team__details-quote cite{
    display:block;
    text-transform:uppercase;
    position:relative;
    padding-left:30px
}
@media (max-width:767.98px){
    .team__details-quote cite{
        display:inline-block
    }
}
.team__details-quote cite::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:5px;
    background:var(--tg-theme-primary)
}
.team__details-inner-wrap{
    margin:40px 0 35px
}
@media (max-width:767.98px){
    .team__details-inner-wrap{
        margin:35px 0 30px
    }
}
.team__details-inner-wrap>*{
    row-gap:30px
}
@media (max-width:767.98px){
    .team__details-inner-wrap>*{
        --bs-gutter-x:20px;
        row-gap:20px
    }
}
@media (max-width:767.98px){
    .team__details-inner-wrap img{
        width:100%
    }
}
.team__item2{
    border:10px solid #1F222D;
    position:relative;
    transition:0.4s
}
.team__item2 .team__thumb{
    margin-bottom:0
}
.team__item2 .team__thumb a{
    display:block
}
.team__item2 .team__thumb a img{
    border-radius:0;
    width:100%;
    max-width:none;
    height:auto;
    border:0
}
.team__item2 .team__content{
    position:absolute;
    bottom:-10px;
    left:50%;
    transform:translate(-50%,0);
    text-align:center;
    clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 100%,0% 100%);
    background:#1F222D;
    padding:18px 61.5px;
    width:max-content;
    transition:0.4s
}
.team__item2 .team__content:after{
    content:"";
    position:absolute;
    inset:9px;
    background:#11131C;
    clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 100%,0% 100%);
    z-index:-1
}
.team__item2 .team__content .name{
    font-size:20px;
    font-weight:900;
    font-style:italic;
    letter-spacing:normal
}
.team__item2 .team__content .name a{
    color:var(--tg-common-color-white)
}
.team__item2 .team__content .name a:hover{
    color:var(--tg-theme-primary)
}
.team__item2 .team__content .designation{
    font-size:12px;
    font-weight:700
}
.team__item2:hover{
    border-color:var(--tg-theme-primary)
}
.team__item2:hover .team__content{
    background:var(--tg-theme-primary)
}
.team__area4{
    padding-top:240px;
    background-position:center -20px
}
@media (max-width:1500px){
    .team__area4{
        background-position:center -40px
    }
}
@media (max-width:1400px){
    .team__area4{
        background-position:center -44px
    }
}
@media (max-width:1300px){
    .team__area4{
        background-position:center -50px;
        padding-top:210px
    }
}
@media (max-width:1199.98px){
    .team__area4{
        background-position:center -57px;
        background-repeat:no-repeat
    }
}
@media (max-width:991.98px){
    .team__area4{
        background-position:center -67px;
        padding-top:200px
    }
}
@media (max-width:767.98px){
    .team__area4{
        background-image:none!important;
        border-top:10px solid var(--tg-theme-primary);
        padding-top:100px
    }
}
.video-bg{
    background-position:center;
    background-size:cover;
    min-height:565px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    position:relative;
    padding:100px 0;
    z-index:1
}
.video-bg::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#1b242e;
    opacity:.22;
    z-index:-1
}
.video-bg::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-image:url(../img/bg/video_overlay.png);
    background-position:center;
    background-size:cover;
    opacity:.38;
    z-index:-1
}
.video__content .popup-video{
    display:inline-block;
    font-size:86px;
    line-height:1;
    box-shadow:0 5px 12px 0 rgb(0 0 0 / .13);
    color:var(--tg-common-color-white);
    margin:0 0 14px
}
.video__content .popup-video:hover{
    color:var(--tg-theme-primary)
}
.video__content .title{
    font-size:55px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0 6px;
    text-shadow:0 3px 7px rgb(0 0 0 / .33);
    letter-spacing:3px
}
@media (max-width:767.98px){
    .video__content .title{
        font-size:48px;
        letter-spacing:1px;
        line-height:1.1
    }
}
.video__content .title span{
    color:var(--tg-theme-primary)
}
.video__content p{
    margin:0 0 30px;
    font-size:16px;
    font-weight:var(--tg-fw-medium);
    color:#fefefe;
    letter-spacing:.9px
}
.mfp-iframe-holder .mfp-content{
    max-width:1200px
}
@media (max-width:1500px){
    .mfp-iframe-holder .mfp-content{
        max-width:900px
    }
}
.video-tab-wrap{
    justify-content:end;
    display:inline-flex
}
.video-tab-wrap .nav-item{
    margin-left:-25.5px
}
.video-tab-wrap .nav-item:first-child{
    margin-left:0
}
.video-tab-wrap .nav-item .nav-link{
    font-size:16px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    color:var(--tg-common-color-white);
    padding:13.5px 45px;
    clip-path:polygon(0 0,calc(100% - 25px) 0,100% 100%,25px 100%);
    background:#1F222D
}
.video-tab-wrap .nav-item .nav-link.active{
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2)
}
@media (max-width:767.98px){
    .video-tab-wrap{
        justify-content:center;
        gap:10px
    }
}
@media (max-width:375px){
    .video-tab-wrap{
        flex-wrap:wrap
    }
    .video-tab-wrap .nav-item{
        display:block;
        width:100%;
        margin-left:0
    }
    .video-tab-wrap .nav-item .nav-link{
        display:block;
        width:100%
    }
}
.video__card{
    padding:8px 12px 8px;
    margin:15px;
    position:relative;
    z-index:1
}
.video__card:after{
    content:"";
    position:absolute;
    inset:0;
    background:#1F222D;
    z-index:-2
}
.video__card .video-card-img{
    clip-path:polygon(27px 0%,calc(100% - 27px) 0%,100% 27px,100% calc(100% - 27px),calc(100% - 27px) 100%,27px 100%,0% calc(100% - 27px),0% 27px)
}
.video__card .video-card-img img{
    width:100%
}
.video__card .video-card-shape{
    position:absolute;
    z-index:-1
}
.video__card .video-card-shape1{
    top:-15px;
    left:-15px
}
.video__card .video-card-shape2{
    right:-15px;
    top:-15px
}
.video__card .video-card-shape3{
    left:-15px;
    bottom:-15px
}
.video__card .video-card-shape4{
    right:-15px;
    bottom:-15px
}
.video__card .video-card-title{
    position:absolute;
    bottom:60px;
    left:60px;
    font-size:30px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    display:inline-flex;
    align-items:end;
    text-transform:uppercase
}
.video__card .video-card-title .icon{
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2);
    display:inline-block;
    padding:6px 158px 6px 50px;
    font-size:36px;
    clip-path:polygon(47px 0%,100% 0%,calc(100% - 47px) 100%,0% 100%);
    margin-right:-158px
}
.video__card .video-card-title .video-card-title-shape{
    position:absolute
}
.video__card .video-card-title .video-card-title-shape1{
    bottom:0;
    left:10px
}
.video__card .video-card-title .video-card-title-shape2{
    right:0;
    top:6px;
    z-index:1;
    bottom:0
}
.video__card .video-card-title .video-card-title-shape2 img{
    height:100%
}
.video__card .video-card-title .title{
    background:#1F222D;
    display:inline-block;
    position:relative;
    padding:5px 66px 11px 85px;
    clip-path:polygon(43px 0%,100% 0%,calc(100% - 43px) 100%,0% 100%);
    clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,43px 0)
}
.video__card .video-card-title:hover{
    color:var(--tg-theme-primary)
}
@media (max-width:991.98px){
    .video__card{
        margin:0;
        padding:12px;
        clip-path:polygon(27px 0%,calc(100% - 27px) 0%,100% 27px,100% calc(100% - 27px),calc(100% - 27px) 100%,27px 100%,0% calc(100% - 27px),0% 27px)
    }
    .video__card .video-card-shape{
        display:none
    }
    .video__card .video-card-title{
        font-size:24px;
        bottom:50px;
        left:50px
    }
    .video__card .video-card-title .icon{
        font-size:30px;
        clip-path:polygon(43px 0%,100% 0%,calc(100% - 43px) 100%,0% 100%);
        margin-right:-150px
    }
    .video__card .video-card-title .title{
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,36px 0)
    }
}
@media (max-width:767.98px){
    .video__card .video-card-title{
        font-size:18px;
        bottom:40px;
        left:30px
    }
    .video__card .video-card-title .icon{
        display:none
    }
    .video__card .video-card-title .title{
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,32px 0);
        padding:5px 46px 11px 75px
    }
    .video__card .video-card-img img{
        width:100%;
        min-height:350px;
        object-fit:cover
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .video__card .video-card-title{
        font-size:20px;
        bottom:50px;
        left:50px
    }
    .video__card .video-card-title .icon{
        font-size:24px;
        clip-path:polygon(33px 0%,100% 0%,calc(100% - 33px) 100%,0% 100%);
        padding:6px 152px 6px 35px;
        display:inline-block
    }
    .video__card .video-card-title .title{
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,32px 0);
        padding:5px 46px 11px 75px
    }
}
@media (max-width:375px){
    .video__card .video-card-title{
        background:var(--tg-theme-primary);
        left:30px;
        bottom:35px;
        clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px)
    }
    .video__card .video-card-title .video-card-title-shape{
        display:none
    }
    .video__card .video-card-title .title{
        padding:11px 20px 11px 20px;
        margin:1px;
        clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px)
    }
}
.video__slider .swiper-slide{
    padding-left:0;
    padding-right:0
}
@media (max-width:767.98px){
    .video__slider .swiper-slide{
        padding-left:0;
        padding-right:0
    }
}
.video__slider .gallery-active .swiper-slide-active .video__item2{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.video__slider .gallery-active .swiper-slide-active .video__item2 .video-card-title{
    opacity:1
}
.video__slider .gallery-active .swiper-slide-active .video__item2 .video-play-btn{
    opacity:1
}
@media (max-width:1500px){
    .video__slider .gallery-active.swiper-container{
        overflow:hidden
    }
}
.video__item2{
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    -webkit-transform:scale(.85);
    -moz-transform:scale(.85);
    -ms-transform:scale(.85);
    -o-transform:scale(.85);
    transform:scale(.85)
}
.video__item2{
    position:relative
}
.video__item2 .video__thumb{
    border:10px solid #1F222D;
    box-shadow:0 4px 41px rgb(0 0 0 / .53)
}
.video__item2 .video__thumb img{
    width:100%
}
.video__item2 .video-play-btn{
    width:160px;
    height:160px;
    line-height:160px;
    border-radius:50%;
    background:rgb(255 255 255 / .05);
    backdrop-filter:blur(30px);
    display:inline-block;
    text-align:center;
    color:var(--tg-common-color-white);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    opacity:0
}
.video__item2 .video-card-title{
    position:absolute;
    bottom:60px;
    left:60px;
    font-size:30px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    display:inline-flex;
    align-items:end;
    text-transform:uppercase;
    transition:0.4s;
    opacity:0
}
.video__item2 .video-card-title .icon{
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2);
    display:inline-block;
    padding:6px 158px 6px 50px;
    font-size:36px;
    clip-path:polygon(47px 0%,100% 0%,calc(100% - 47px) 100%,0% 100%);
    margin-right:-158px
}
.video__item2 .video-card-title .video-card-title-shape{
    position:absolute
}
.video__item2 .video-card-title .video-card-title-shape1{
    bottom:0;
    left:10px
}
.video__item2 .video-card-title .video-card-title-shape2{
    right:0;
    top:6px;
    z-index:1;
    bottom:0
}
.video__item2 .video-card-title .video-card-title-shape2 img{
    height:100%
}
.video__item2 .video-card-title .title{
    background:#1F222D;
    display:inline-block;
    position:relative;
    padding:5px 66px 11px 85px;
    clip-path:polygon(43px 0%,100% 0%,calc(100% - 43px) 100%,0% 100%);
    clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,43px 0)
}
.video__item2 .video-card-title:hover{
    color:var(--tg-theme-primary)
}
@media (max-width:1199.98px){
    .video__item2 .video-play-btn{
        width:100px;
        height:100px;
        line-height:100px;
        transform:translate(-50%,-80%)
    }
    .video__item2 .video-play-btn svg{
        width:24px
    }
}
@media (max-width:991.98px){
    .video__item2 .video-card-title{
        font-size:24px;
        bottom:50px;
        left:50px
    }
    .video__item2 .video-card-title .icon{
        font-size:30px;
        clip-path:polygon(43px 0%,100% 0%,calc(100% - 43px) 100%,0% 100%);
        margin-right:-150px
    }
    .video__item2 .video-card-title .title{
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,36px 0)
    }
}
@media (max-width:767.98px){
    .video__item2 .video__thumb img{
        min-height:350px;
        object-fit:cover
    }
    .video__item2 .video-card-title{
        font-size:18px;
        bottom:40px;
        left:30px
    }
    .video__item2 .video-card-title .icon{
        display:none
    }
    .video__item2 .video-card-title .title{
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,32px 0);
        padding:5px 46px 11px 75px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .video__item2 .video-card-title{
        font-size:20px;
        bottom:50px;
        left:50px
    }
    .video__item2 .video-card-title .icon{
        font-size:24px;
        clip-path:polygon(33px 0%,100% 0%,calc(100% - 33px) 100%,0% 100%);
        padding:6px 152px 6px 35px;
        display:inline-block
    }
    .video__item2 .video-card-title .title{
        clip-path:polygon(calc(100% - 23px) 0,100% 20px,calc(100% - 30px) 100%,0 100%,32px 0);
        padding:5px 46px 11px 75px
    }
}
@media (max-width:375px){
    .video__item2 .video-card-title{
        background:var(--tg-theme-primary);
        left:30px;
        bottom:35px;
        clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px)
    }
    .video__item2 .video-card-title .video-card-title-shape{
        display:none
    }
    .video__item2 .video-card-title .title{
        padding:11px 20px 11px 20px;
        margin:1px;
        clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px)
    }
}
.section-pt-150{
    padding-top:150px
}
@media (max-width:767.98px){
    .section-pt-150{
        padding-top:100px
    }
}
.section-pb-150{
    padding-bottom:150px
}
@media (max-width:767.98px){
    .section-pb-150{
        padding-bottom:100px
    }
}
.roadMap-bg{
    background-position:center;
    background-size:cover
}
.roadMap__content .title{
    font-size:55px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:3px;
    line-height:1;
    margin:0 0 28px
}
@media (max-width:1199.98px){
    .roadMap__content .title{
        font-size:50px
    }
}
@media (max-width:767.98px){
    .roadMap__content .title{
        font-size:40px
    }
}
.roadMap__content p{
    max-width:95%;
    letter-spacing:1px;
    margin:0 0 35px
}
@media (max-width:1199.98px){
    .roadMap__content p{
        max-width:90%
    }
}
@media (max-width:767.98px){
    .roadMap__content p{
        max-width:100%
    }
}
.roadMap__img{
    margin:50px 0 0 -35px
}
@media (max-width:1199.98px){
    .roadMap__img{
        margin:50px 0 0 0
    }
}
.roadMap__steps-wrap{
    margin-left:60px;
    position:relative
}
@media (max-width:1199.98px){
    .roadMap__steps-wrap{
        margin-left:0
    }
}
.roadMap__steps-wrap::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background:-moz-linear-gradient(90deg,#10161c 0%,var(--tg-theme-primary) 100%);
    background:-webkit-linear-gradient(90deg,#10161c 0%,var(--tg-theme-primary) 100%);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
.roadMap__steps-item{
    margin:0 0 20px 45px;
    background-color:#1b242e;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .21);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    padding:45px 45px;
    position:relative
}
@media (max-width:767.98px){
    .roadMap__steps-item{
        margin:0 0 20px 35px;
        padding:35px 25px
    }
}
.roadMap__steps-item .title{
    font-size:30px;
    font-weight:var(--tg-fw-extra-bold);
    line-height:1;
    margin:0 0 22px
}
@media (max-width:1199.98px){
    .roadMap__steps-item .title{
        font-size:26px
    }
}
@media (max-width:767.98px){
    .roadMap__steps-item .title{
        font-size:24px
    }
}
.roadMap__steps-item::before{
    content:"";
    position:absolute;
    left:-39px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:0;
    height:0;
    border-style:solid;
    border-width:20px 0 20px 18px;
    border-color:#fff0 #fff0 #fff0 var(--tg-theme-primary);
    opacity:0
}
@media (max-width:767.98px){
    .roadMap__steps-item::before{
        left:-34px
    }
}
.roadMap__steps-item.active::before{
    opacity:.9
}
.roadMap__steps-item:last-child{
    margin-bottom:0
}
.roadMap__steps-item:hover .roadMap__steps-img,.roadMap__steps-item.active .roadMap__steps-img{
    opacity:.11
}
.roadMap__steps-img{
    position:absolute;
    right:20px;
    top:30px;
    max-height:210px;
    opacity:0;
    pointer-events:none;
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
}
.roadMap__list li{
    display:block;
    font-size:16px;
    font-weight:var(--tg-fw-medium);
    padding-left:37px;
    position:relative;
    margin:0 0 6px
}
.roadMap__list li:last-child{
    margin:0 0 0
}
.roadMap__list li::before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    width:20px;
    height:20px;
    background:#10161c;
    border:2px solid #262e38;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.roadMap__list li.active::before{
    background-color:var(--tg-theme-primary);
    border-color:#1b242e
}
.roadMap__list li.active:hover::before{
    background-color:var(--tg-theme-secondary);
    border-color:#1b242e
}
.section-pb-85{
    padding-bottom:85px
}
.upcoming-match__area{
    background-position:bottom center;
    background-size:cover
}
.upcoming-match__lists{
    margin:0 80px
}
@media (max-width:1199.98px){
    .upcoming-match__lists{
        margin:0 0
    }
}
.upcoming-match__item{
    position:relative;
    margin:0 0 60px
}
@media (max-width:767.98px){
    .upcoming-match__item{
        background:#0f1c23;
        border:1px solid #2c2b2b;
        border-radius:8px;
        padding:25px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .upcoming-match__item{
        padding:30px
    }
}
.upcoming-match__item::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-image:url(../img/bg/line.png);
    max-width:80%;
    height:13px;
    background-repeat:no-repeat;
    background-position:center;
    margin:0 auto;
    opacity:.1
}
@media (max-width:1199.98px){
    .upcoming-match__item::before{
        opacity:.05
    }
}
@media (max-width:767.98px){
    .upcoming-match__item::before{
        top:60%
    }
}
.upcoming-match__item .svg-icon{
    fill:#0f1c23;
    stroke:#2c2b2b;
    stroke-width:1px;
    fill-rule:evenodd
}
@media (max-width:991.98px){
    .upcoming-match__item .svg-icon svg{
        display:none
    }
}
@media (max-width:991.98px){
    .upcoming-match__item .svg-icon{
        background:#0f1c23;
        min-height:140px;
        border:1px solid #2c2b2b;
        border-radius:8px
    }
}
@media (max-width:767.98px){
    .upcoming-match__item .svg-icon{
        display:none!important
    }
}
.upcoming-match__item:hover .svg-icon{
    stroke:var(--tg-theme-primary)
}
.upcoming-match__position{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    position:absolute;
    left:60px;
    right:60px;
    top:21px;
    bottom:14px;
    z-index:1
}
@media (max-width:1199.98px){
    .upcoming-match__position{
        top:17px;
        bottom:18px
    }
}
@media (max-width:991.98px){
    .upcoming-match__position{
        top:50%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%);
        bottom:auto;
        left:30px;
        right:30px
    }
}
@media (max-width:767.98px){
    .upcoming-match__position{
        position:relative;
        flex-wrap:wrap;
        justify-content:space-between;
        top:auto;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        left:0;
        right:0;
        row-gap:15px
    }
}
.upcoming-match__team{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    width:104px;
    height:104px;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .14);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    background:#14242c;
    border:3px solid #34353d;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
@media (max-width:1199.98px){
    .upcoming-match__team{
        width:90px;
        height:90px;
        flex:0 0 auto
    }
}
@media (max-width:767.98px){
    .upcoming-match__team{
        width:75px;
        height:75px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .upcoming-match__team{
        width:90px;
        height:90px
    }
}
.upcoming-match__team:hover{
    border-color:var(--tg-theme-primary)
}
.upcoming-match__team img{
    max-height:75px
}
@media (max-width:1199.98px){
    .upcoming-match__team img{
        max-width:60px
    }
}
@media (max-width:767.98px){
    .upcoming-match__team img{
        max-width:45px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .upcoming-match__team img{
        max-width:60px
    }
}
.upcoming-match__team.team-left{
    margin-right:20px
}
@media (max-width:991.98px){
    .upcoming-match__team.team-left{
        margin-right:15px
    }
}
.upcoming-match__team.team-right{
    margin-left:20px
}
@media (max-width:991.98px){
    .upcoming-match__team.team-right{
        margin-left:15px
    }
}
.upcoming-match__content{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-grow:1
}
@media (max-width:767.98px){
    .upcoming-match__content{
        order:2;
        width:100%;
        flex:0 0 100%;
        gap:30px;
        justify-content:space-between
    }
}
.upcoming-match__content .team--info .game-name{
    display:block;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-size:14px;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-theme-primary);
    letter-spacing:1px
}
.upcoming-match__content .team--info .name{
    font-size:26px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1.5px;
    margin:0 0
}
@media (max-width:1199.98px){
    .upcoming-match__content .team--info .name{
        font-size:22px
    }
}
@media (max-width:991.98px){
    .upcoming-match__content .team--info .name{
        font-size:20px
    }
}
@media (max-width:767.98px){
    .upcoming-match__content .team--info .name{
        font-size:18px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .upcoming-match__content .team--info .name{
        font-size:20px
    }
}
.upcoming-match__content .team--info .name a:hover{
    color:var(--tg-theme-primary)
}
.upcoming-match__content .team--info.info-left{
    text-align:right
}
@media (max-width:767.98px){
    .upcoming-match__content .team--info.info-left{
        text-align:left
    }
}
@media (max-width:767.98px){
    .upcoming-match__content .team--info.info-right{
        text-align:right
    }
}
.upcoming-match__time{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
    border:4px solid #3f3f49;
    background:rgb(12 23 29 / .671);
    width:140px;
    height:110px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 35px
}
@media (max-width:1199.98px){
    .upcoming-match__time{
        width:130px;
        height:85px
    }
}
@media (max-width:991.98px){
    .upcoming-match__time{
        width:100px;
        height:85px;
        margin:0 20px
    }
}
@media (max-width:767.98px){
    .upcoming-match__time{
        position:absolute;
        top:0;
        width:95px;
        height:75px;
        margin:0 auto;
        left:0;
        right:0;
        text-align:center
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .upcoming-match__time{
        width:130px;
        height:90px
    }
}
.upcoming-match__time .time{
    font-size:34px;
    margin:0 0
}
@media (max-width:1199.98px){
    .upcoming-match__time .time{
        font-size:30px
    }
}
@media (max-width:991.98px){
    .upcoming-match__time .time{
        font-size:26px
    }
}
@media (max-width:767.98px){
    .upcoming-match__time .time{
        font-size:22px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .upcoming-match__time .time{
        font-size:30px
    }
}
.upcoming-match__date{
    position:absolute;
    left:0;
    right:0;
    bottom:-24px;
    max-width:287px;
    height:24px;
    margin:0 auto;
    text-align:center;
    overflow:hidden
}
.upcoming-match__date svg{
    display:block;
    width:100%;
    height:100%;
    fill:#101d25;
    fill-rule:evenodd;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.upcoming-match__date span{
    position:absolute;
    display:block;
    left:0;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    text-transform:uppercase;
    font-size:13px;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    opacity:.5;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    line-height:1;
    padding:0 30px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.upcoming-match__item:hover .upcoming-match__date svg{
    fill:var(--tg-theme-primary)
}
.upcoming-match__item:hover .upcoming-match__date span{
    color:#0f1c23;
    opacity:1
}
.section-pt-170{
    padding-top:170px
}
@media (max-width:767.98px){
    .section-pt-170{
        padding-top:175px
    }
}
.upcoming-match__item2{
    position:relative;
    margin-top:33px;
    margin-bottom:45px
}
.upcoming-match__item2 .upcoming-match__wrap{
    display:flex;
    z-index:1;
    position:relative
}
.upcoming-match__item2 .upcoming-match__team{
    background:#1F222D;
    border-radius:0;
    border:0;
    width:160px;
    height:120px;
    margin:0
}
.upcoming-match__item2 .upcoming-match__team a{
    display:flex;
    background:#12141D;
    justify-content:center;
    align-items:center;
    width:146px;
    height:108px
}
.upcoming-match__item2 .upcoming-match__team.team-left{
    clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,30px 100%)
}
.upcoming-match__item2 .upcoming-match__team.team-left a{
    clip-path:polygon(0 0,calc(100% - 28px) 0,100% 100%,28px 100%)
}
.upcoming-match__item2 .upcoming-match__team.team-right{
    clip-path:polygon(30px 0%,100% 0%,calc(100% - 30px) 100%,0% 100%)
}
.upcoming-match__item2 .upcoming-match__team.team-right a{
    clip-path:polygon(30px 0%,100% 0%,calc(100% - 30px) 100%,0% 100%)
}
.upcoming-match__item2 .upcoming-match__content .name{
    background:#12141D;
    border:6px solid #1F222D;
    font-size:24px;
    font-weight:700;
    padding:16px 53px
}
.upcoming-match__item2 .upcoming-match__content .social-wrap{
    display:inline-flex;
    background:#1F222D;
    font-size:14px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    gap:10px;
    padding:5.75px 80px 5.75px 45px;
    clip-path:polygon(30px 0,100% 0,100% 100%,0% 100%);
    position:relative;
    z-index:1;
    margin-bottom:-6px
}
.upcoming-match__item2 .upcoming-match__content .social-wrap a{
    color:var(--tg-common-color-white)
}
.upcoming-match__item2 .upcoming-match__content .social-wrap a:hover{
    color:var(--tg-theme-primary)
}
.upcoming-match__item2 .upcoming-match__content .game-name{
    display:inline-flex;
    background:#1F222D;
    font-size:14px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase;
    gap:10px;
    padding:5.75px 80px 5.75px 45px;
    clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,0% 100%);
    position:relative;
    z-index:1;
    margin-bottom:-6px
}
.upcoming-match__item2 .upcoming-match__content .team--info{
    width:100%
}
.upcoming-match__item2 .upcoming-match__content .team--info.info-left{
    margin-left:-30px;
    margin-right:-15px
}
.upcoming-match__item2 .upcoming-match__content .team--info.info-left .social-wrap{
    justify-content:end
}
.upcoming-match__item2 .upcoming-match__content .team--info.info-left .name{
    text-align:start;
    margin-right:-30px
}
.upcoming-match__item2 .upcoming-match__content .team--info.info-right{
    margin-right:-30px;
    margin-left:-15px
}
.upcoming-match__item2 .upcoming-match__content .team--info.info-right .name{
    text-align:end;
    margin-left:-30px
}
.upcoming-match__item2 .upcoming-match__versus{
    background:#1F222D;
    clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,40px 100%)
}
.upcoming-match__item2 .upcoming-match__versus .versus{
    margin:0;
    font-size:40px;
    font-weight:800;
    padding:23px 66px;
    background:#12141D;
    clip-path:polygon(0 0,100% 0,calc(100% - 35px) 100%,35px 100%);
    margin:6px 9px
}
.upcoming-match__item2 .upcoming-match__day{
    position:absolute;
    left:0;
    right:0;
    top:12px;
    text-align:center;
    transform:translate(0,-100%);
    font-size:16px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase
}
.upcoming-match__item2 .upcoming-match__day span{
    background:#1F222D;
    display:inline-block;
    padding:8.5px 65px;
    clip-path:polygon(27px 0%,calc(100% - 27px) 0%,100% 100%,0% 100%);
    position:relative;
    transition:0.4s
}
.upcoming-match__item2 .upcoming-match__day span:after{
    content:"";
    position:absolute;
    inset:4px 8px;
    clip-path:polygon(22px 0%,calc(100% - 22px) 0%,100% 100%,0% 100%);
    background:#12141D;
    z-index:-1
}
.upcoming-match__item2 .upcoming-match__date{
    max-width:350px;
    height:auto;
    overflow:inherit;
    bottom:-55px
}
.upcoming-match__item2 .upcoming-match__date span{
    font-size:20px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    opacity:1;
    letter-spacing:normal;
    background:#1F222D;
    display:inline-block;
    padding:15.5px 65px 19.5px;
    position:relative;
    transform:none;
    clip-path:polygon(0 0,100% 0,calc(100% - 35px) 100%,35px 100%)
}
.upcoming-match__item2 .upcoming-match__date span:after{
    content:"";
    position:absolute;
    inset:2px 10px 6px;
    clip-path:polygon(0 0,100% 0,calc(100% - 28px) 100%,28px 100%);
    background:#12141D;
    z-index:-1;
    transition:0.4s
}
.upcoming-match__item2:hover .upcoming-match__day span,.upcoming-match__item2:hover .upcoming-match__team{
    background:var(--tg-theme-primary)
}
.upcoming-match__item2:hover .upcoming-match__date span{
    color:var(--tg-common-color-black-2)
}
.upcoming-match__item2:hover .upcoming-match__date span:after{
    background:var(--tg-theme-primary)
}
@media (max-width:1199.98px){
    .upcoming-match__item2{
        margin-top:0
    }
    .upcoming-match__item2 .upcoming-match__wrap{
        display:block
    }
    .upcoming-match__item2 .upcoming-match__team{
        clip-path:none!important;
        background:#12141D;
        border:6px solid #1F222D;
        width:140px
    }
    .upcoming-match__item2 .upcoming-match__team a{
        width:auto;
        height:auto;
        clip-path:none!important;
        background:#fff0
    }
    .upcoming-match__item2 .upcoming-match__content .name{
        font-size:20px;
        padding:16px 25px;
        margin-right:0!important;
        margin-left:0!important;
        text-align:center!important
    }
    .upcoming-match__item2 .upcoming-match__content .team--info{
        background:#1F222D;
        margin-left:0!important;
        margin-right:0!important;
        text-align:center!important
    }
    .upcoming-match__item2 .upcoming-match__content .social-wrap{
        padding:5.75px 30px 5.75px 30px;
        clip-path:none
    }
    .upcoming-match__item2 .upcoming-match__content .game-name{
        padding:5.75px 25px 5.75px 25px
    }
    .upcoming-match__item2 .upcoming-match__team.team-right{
        position:absolute;
        top:0;
        right:0
    }
    .upcoming-match__item2 .upcoming-match__versus{
        clip-path:none
    }
    .upcoming-match__item2 .upcoming-match__versus .versus{
        padding:20px 55px
    }
    .upcoming-match__item2 .upcoming-match__day{
        top:125px
    }
    .upcoming-match__item2:hover .upcoming-match__team{
        background:#12141D;
        border-color:var(--tg-theme-primary)
    }
}
@media (max-width:991.98px){
    .upcoming-match__item2 .upcoming-match__content .social-wrap{
        font-size:12px
    }
    .upcoming-match__item2 .upcoming-match__content .game-name{
        font-size:12px
    }
    .upcoming-match__item2 .upcoming-match__content .name{
        font-size:18px
    }
    .upcoming-match__item2 .upcoming-match__date span{
        font-size:16px
    }
    .upcoming-match__item2 .upcoming-match__versus .versus{
        padding:18px 55px
    }
}
@media (max-width:767.98px){
    .upcoming-match__item2 .upcoming-match__content{
        display:block
    }
    .upcoming-match__item2 .upcoming-match__versus{
        margin:-6px 0
    }
    .upcoming-match__item2 .upcoming-match__versus .versus{
        clip-path:none;
        text-align:center
    }
    .upcoming-match__item2 .upcoming-match__team{
        box-shadow:none
    }
    .upcoming-match__item2 .upcoming-match__day{
        top:120px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .upcoming-match__item2 .upcoming-match__day{
        top:125px
    }
}
@media (max-width:375px){
    .upcoming-match__item2 .upcoming-match__team{
        width:110px;
        height:100px
    }
    .upcoming-match__item2 .upcoming-match__day{
        top:104px
    }
}
.match__result-area{
    position:relative;
    padding:95px 0 120px;
    z-index:1
}
.match__result-bg{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:calc(100% + 70px);
    background-position:top center;
    background-size:cover;
    z-index:-1
}
.match__result-wrapper>*:nth-child(even) .match__winner-wrap{
    flex-direction:row-reverse
}
@media (max-width:991.98px){
    .match__result-wrapper>*:nth-child(even) .match__winner-wrap{
        flex-direction:column-reverse;
        margin-right:0;
        margin-left:10px;
        align-items:flex-start
    }
}
@media (max-width:767.98px){
    .match__result-wrapper>*:nth-child(even) .match__winner-wrap{
        align-items:flex-end;
        margin:20px auto 0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .match__result-wrapper>*:nth-child(even) .match__winner-wrap{
        margin:0 auto 0
    }
}
.match__result-wrapper>*:nth-child(even) .match__winner-img{
    flex-direction:row-reverse;
    margin-left:0;
    margin-right:22px
}
@media (max-width:767.98px){
    .match__result-wrapper>*:nth-child(even) .match__winner-img{
        margin:0 0
    }
}
.match__result-wrapper>*:nth-child(even) .match__winner-img .svg-icon{
    right:auto;
    left:0;
    -webkit-transform:translateY(-50%) rotateY(180deg);
    -moz-transform:translateY(-50%) rotateY(180deg);
    -ms-transform:translateY(-50%) rotateY(180deg);
    -o-transform:translateY(-50%) rotateY(180deg);
    transform:translateY(-50%) rotateY(180deg)
}
.match__result-wrapper>*:nth-child(even) .match__winner-place{
    padding:10px 15px 10px 35px
}
.match__result-wrapper>*:nth-child(even) .match__winner-info{
    text-align:left
}
@media (max-width:767.98px){
    .match__result-wrapper>*:nth-child(even) .match__winner-info{
        text-align:right
    }
}
.match__winner-title{
    text-align:center;
    margin:0 0 20px;
    font-size:24px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:2px;
    color:var(--tg-theme-primary)
}
@media (max-width:767.98px){
    .match__winner-title{
        margin:0 0 30px
    }
}
.match__winner-wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:flex-end;
    align-items:center
}
@media (max-width:991.98px){
    .match__winner-wrap{
        justify-content:flex-start;
        align-items:flex-end;
        flex-direction:column-reverse;
        row-gap:13px;
        margin-right:10px
    }
}
@media (max-width:767.98px){
    .match__winner-wrap{
        align-items:flex-start;
        margin:0 auto;
        max-width:280px
    }
}
.match__winner-info{
    flex-grow:1;
    text-align:right
}
@media (max-width:767.98px){
    .match__winner-info{
        text-align:left
    }
}
.match__winner-info .name{
    font-size:24px;
    line-height:1;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:2px;
    margin:0 0 6px
}
.match__winner-info .price-amount{
    display:block;
    font-size:14px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary);
    letter-spacing:.5px
}
.match__winner-img{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    position:relative;
    margin-left:22px;
    z-index:1
}
@media (max-width:767.98px){
    .match__winner-img{
        margin-left:0
    }
}
.match__winner-img .team-logo-img{
    width:112px;
    height:112px;
    background:#171717;
    border:3px solid var(--tg-theme-primary);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    flex:0 0 auto;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .1)
}
.match__winner-img .team-logo-img img{
    max-width:70px
}
.match__winner-img .svg-icon{
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:75px;
    width:135px;
    fill:var(--tg-theme-primary);
    z-index:-1
}
.match__winner-place{
    font-size:30px;
    font-weight:var(--tg-fw-extra-bold);
    color:#20202a;
    letter-spacing:2px;
    margin:0 0;
    text-transform:uppercase;
    padding:10px 35px 10px 15px;
    line-height:1
}
.grand__final{
    text-align:center;
    margin:30px 0 0
}
@media (max-width:991.98px){
    .grand__final{
        margin:50px 0 0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .grand__final{
        margin:30px 0 0
    }
}
.grand__final-date{
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    color:#e5e5e5;
    letter-spacing:1px;
    margin:0 0 3px
}
.grand__final-place{
    display:block;
    text-transform:uppercase;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary);
    font-family:var(--tg-heading-font-family);
    letter-spacing:1px
}
.grand__final-button{
    margin:32px 0 0
}
.services__bg-color{
    background-color:var(--tg-common-color-black-7)
}
@media (max-width:1199.98px){
    .services__bg-color .section__title{
        width:calc(100% + 200px)
    }
}
@media (max-width:991.98px){
    .services__bg-color .section__title{
        width:100%
    }
}
@media (max-width:767.98px){
    .services__bg-color .section__title{
        text-align:center!important
    }
    .services__bg-color .section__title::after{
        margin:20px auto 0
    }
}
.services__wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:60px 50px
}
@media (max-width:1199.98px){
    .services__wrapper{
        gap:50px 45px
    }
}
@media (max-width:767.98px){
    .services__wrapper{
        text-align:center;
        grid-template-columns:repeat(1,1fr)
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .services__wrapper{
        gap:50px 40px;
        grid-template-columns:repeat(2,1fr)
    }
}
.services__icon{
    font-size:40px;
    display:block;
    line-height:1;
    color:var(--tg-theme-primary);
    margin:0 0 30px
}
.services__content .title{
    font-size:20px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:capitalize;
    letter-spacing:1.2px;
    margin:0 0 18px
}
.services__content .title a:hover{
    color:var(--tg-theme-primary)
}
.services__content p{
    font-size:15px;
    font-weight:var(--tg-fw-medium);
    margin:0 0
}
.services__images{
    margin:0 0 30px 36px;
    position:relative;
    height:681px
}
@media (max-width:1199.98px){
    .services__images{
        margin:0 0 30px 20px;
        height:490px
    }
}
@media (max-width:991.98px){
    .services__images{
        margin:70px 0 30px 0
    }
}
@media (max-width:767.98px){
    .services__images{
        height:360px
    }
}
.services__images-item{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    transition:all 0.1s ease-in-out;
    z-index:1
}
.services__images-item img{
    width:100%;
    object-fit:cover;
    height:100%;
    clip-path:inset(0 100% 0 0);
    -webkit-animation:defaultInset 0.8s forwards ease;
    animation:defaultInset 0.8s forwards ease
}
.services__images-item.active{
    z-index:2
}
.services__images-item.active img{
    -webkit-animation:activeInset 0.8s forwards ease;
    animation:activeInset 0.8s forwards ease
}
.services__images-item.active .services__link i{
    animation:tg_arrow 0.8s forwards
}
.services__link{
    position:absolute;
    right:-30px;
    bottom:-30px;
    width:153px;
    height:153px;
    font-size:98px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#faa706;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    color:#000;
    overflow:hidden
}
@media (max-width:1199.98px){
    .services__link{
        right:0;
        bottom:-30px;
        width:120px;
        height:120px;
        font-size:70px
    }
}
@media (max-width:767.98px){
    .services__link{
        width:80px;
        height:80px;
        font-size:45px
    }
}
.services__link:hover{
    color:#000;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg)
}
.services__details-area{
    background-position:top center;
    background-size:cover
}
.service-card{
    box-shadow:0 4px 41px rgb(0 0 0 / .53)
}
.service-card .service-card-img{
    overflow:hidden;
    background-color: #0f161b;
}
.service-card .service-card-img img{
    width:100%
}
.service-card:hover .service-card-img img{
    transform:scale(1.05)
}
.service-card .service-card-details{
    border:10px solid #1F222D;
    padding:40px;
    background-color: #0f161b;
}
.service-card .service-card-details .service-card-meta{
    display:flex;
    gap:10px 25px;
    margin-top:-.3em;
    flex-wrap:wrap;
    margin-bottom:5px
}
.service-card .service-card-details .service-card-meta a{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase
}
.service-card .service-card-details .service-card-meta a:hover{
    color:var(--tg-theme-primary)
}
.service-card .service-card-details .service-card-title{
    font-size:30px;
    font-weight:700
}
.service-card .service-card-details .service-card-title a{
    color:var(--tg-common-color-white)
}
.service-card .service-card-details .service-card-title a:hover{
    color:var(--tg-theme-primary)
}
.service-card .service-card-details .service-card-tag{
    display:flex;
    gap:10px 25px;
    margin-bottom:-.3em;
    border-top:1px solid #1F222D;
    padding-top:15px;
    margin-top:25px;
    flex-wrap:wrap
}
.service-card .service-card-details .service-card-tag a{
    font-size:14px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase
}
.service-card .service-card-details .service-card-tag a i{
    margin-right:5px;
    color:var(--tg-theme-primary)
}
.service-card .service-card-details .service-card-tag a:hover{
    color:var(--tg-theme-primary)
}
@media (max-width:1500px){
    .service-card .service-card-details{
        padding:30px
    }
    .service-card .service-card-details .service-card-meta{
        margin-bottom:10px
    }
    .service-card .service-card-details .service-card-title{
        font-size:24px
    }
}
@media (max-width:375px){
    .service-card .service-card-details{
        padding:24px
    }
    .service-card .service-card-details .service-card-title{
        font-size:20px
    }
}
.social-bg{
    background-position:bottom center;
    padding:140px 0 150px;
    margin:-18px 0 -30px;
    filter:drop-shadow(0 1px 0 rgb(255 255 255 / .07));
    position:relative;
    background-size:cover
}
@media (max-width:1199.98px){
    .social-bg{
        padding:120px 0 120px
    }
}
.social-bg .gutter-20{
    --bs-gutter-x:20px;
    gap:20px 0
}
.social__item a{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    background-color:#0a0b0f;
    border:3px solid var(--tg-common-color-teal);
    width:195px;
    height:160px;
    position:relative;
    margin:0 0 5px
}
@media (max-width:1199.98px){
    .social__item a{
        width:100%;
        height:115px
    }
}
.social__item a svg{
    fill:var(--tg-common-color-teal);
    fill-rule:evenodd;
    position:absolute;
    left:-3px;
    bottom:-8px
}
.social__item a i{
    font-size:44px;
    color:#d8d8d8;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
@media (max-width:1199.98px){
    .social__item a i{
        font-size:40px
    }
}
.social__item a span{
    display:block;
    text-transform:uppercase;
    color:var(--tg-common-color-teal);
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    letter-spacing:2px;
    line-height:1;
    margin:22px 0 0
}
@media (max-width:1199.98px){
    .social__item a span{
        margin:15px 0 0
    }
}
.social__item a:hover i{
    color:var(--tg-common-color-teal)
}
.tournament-area{
    background:var(--tg-common-color-black-4)
}
.tournament__wrapper{
    padding:0 80px
}
@media (max-width:1500px){
    .tournament__wrapper{
        padding:0 60px
    }
}
@media (max-width:1199.98px){
    .tournament__wrapper{
        padding:0 0
    }
}
.tournament__wrapper .gutter-25{
    --bs-gutter-x:25px
}
@media (max-width:1199.98px){
    .tournament__wrapper .gutter-25{
        --bs-gutter-x:30px
    }
}
.tournament__box-wrap{
    padding:25px 30px 50px;
    position:relative;
    overflow:hidden;
    -webkit-border-radius:0 0 17px 17px;
    -moz-border-radius:0 0 17px 17px;
    -o-border-radius:0 0 17px 17px;
    -ms-border-radius:0 0 17px 17px;
    border-radius:0 0 17px 17px;
    transition:0.4s ease;
    margin:0 0 30px;
    z-index:1
}
.tournament__box-wrap:hover{
    -webkit-transform:translateY(-7px);
    -moz-transform:translateY(-7px);
    -ms-transform:translateY(-7px);
    -o-transform:translateY(-7px);
    transform:translateY(-7px)
}
@media (max-width:991.98px){
    .tournament__box-wrap{
        background:#19222b;
        padding:25px 30px 40px;
        -webkit-border-radius:17px;
        -moz-border-radius:17px;
        -o-border-radius:17px;
        -ms-border-radius:17px;
        border-radius:17px;
        border:1px solid #212d38
    }
    .tournament__box-wrap:hover{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
.tournament__box-wrap.active{
    --tg-theme-primary:var(--tg-theme-secondary)
}
.tournament__box-wrap::before{
    content:"";
    position:absolute;
    left:50%;
    top:20%;
    transform:translateX(-50%);
    background:var(--tg-theme-primary);
    background:radial-gradient(circle,var(--tg-theme-primary) 0%,transparent 100%);
    width:90px;
    height:90px;
    filter:blur(50px);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:-1
}
.tournament__box-wrap .main-bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-2
}
@media (max-width:991.98px){
    .tournament__box-wrap .main-bg{
        display:none
    }
}
.tournament__box-wrap .price-bg{
    position:absolute;
    left:0;
    top:0;
    width:166px;
    height:56px;
    color:var(--tg-theme-primary);
    z-index:-1;
    pointer-events:none
}
.tournament__box-price{
    position:absolute;
    left:0;
    top:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:7px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-extra-bold);
    color:var(--tg-common-color-black);
    font-size:20px;
    line-height:1;
    padding:17px 17px;
    letter-spacing:1px;
    z-index:2
}
.tournament__box-price i{
    font-size:18px;
    letter-spacing:0
}
.tournament__box-countdown{
    margin:0 0 46px
}
.tournament__box-countdown .coming-time{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:flex-end;
    gap:15px;
    line-height:1;
    text-align:center
}
.tournament__box-countdown .time-count{
    line-height:1;
    font-size:13px;
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    font-weight:var(--tg-fw-semi-bold);
    color:#888;
    position:relative
}
.tournament__box-countdown .time-count::after{
    content:":";
    position:absolute;
    top:0;
    right:-10px;
    font-size:14px
}
.tournament__box-countdown .time-count:last-child::after{
    display:none
}
.tournament__box-countdown .time-count span{
    display:block;
    color:var(--tg-common-color-white);
    font-size:14px;
    margin:0 0 7px
}
.tournament__box-caption{
    text-align:center;
    margin:0 0 28px
}
.tournament__box-caption .sub{
    display:block;
    font-size:16px;
    line-height:1;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1px;
    margin:0 0 5px
}
.tournament__box-caption .title{
    font-size:30px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0;
    color:var(--tg-theme-primary);
    letter-spacing:1px
}
.tournament__box-prize{
    text-align:center;
    background:var(--tg-common-color-black-4);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    border-radius:10px;
    font-size:18px;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0 13px;
    padding:24px 20px;
    border:1px solid #1e2933;
    margin:0 0 40px
}
.tournament__box-prize i{
    color:var(--tg-theme-secondary);
    font-size:16px
}
.tournament__box-list li{
    margin:0 0 20px
}
.tournament__box-list li:last-child{
    margin:0 0
}
.tournament__box-list-item{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}
.tournament__box-list-item:hover .tournament__player-name{
    color:var(--tg-common-color-white)
}
.tournament__player-thumb{
    flex:0 0 auto;
    width:40px;
    margin-right:20px
}
.tournament__player-thumb img{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px
}
.tournament__player-name{
    font-size:14px;
    margin:0 0;
    color:var(--tg-body-color);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    letter-spacing:1px
}
.tournament__player-price{
    margin-left:auto;
    color:var(--tg-theme-primary);
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:1px
}
.tournament__player-price i{
    color:var(--tg-theme-secondary);
    margin-left:7px;
    font-size:14px
}
.tournament__list-area{
    background-position:center;
    background-size:cover
}
.tournament__list-item{
    position:relative;
    margin:0 0 25px;
    z-index:1
}
@media (max-width:991.98px){
    .tournament__list-item{
        background:var(--tg-border-1);
        margin:0 0;
        padding:30px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        -o-border-radius:10px;
        -ms-border-radius:10px;
        border-radius:10px;
        border:1px solid #212d38
    }
    .tournament__list-item-wrapper{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:30px
    }
}
@media (max-width:767.98px){
    .tournament__list-item-wrapper{
        grid-template-columns:repeat(1,1fr)
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .tournament__list-item-wrapper{
        max-width:75%;
        margin:0 auto
    }
}
.tournament__list-item:last-child{
    margin:0 0
}
.tournament__list-item:hover{
    --tg-theme-primary:var(--tg-theme-secondary)
}
.tournament__list-item:hover .tournament__list-live a{
    color:var(--tg-common-color-white)
}
.tournament__list-item:hover .tournament__list-live a i{
    color:var(--tg-theme-secondary)
}
.tournament__list-item::before{
    content:"";
    position:absolute;
    left:13%;
    top:19px;
    width:200px;
    height:60px;
    background:var(--tg-theme-primary);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:-1
}
@media (max-width:991.98px){
    .tournament__list-item::before{
        display:none
    }
}
.tournament__list-item svg{
    display:block;
    width:100%
}
@media (max-width:1199.98px){
    .tournament__list-item svg{
        height:auto
    }
}
@media (max-width:991.98px){
    .tournament__list-item svg{
        display:none
    }
}
.tournament__list-item .background-path{
    fill:var(--tg-border-1);
    stroke:#4c4c4c;
    stroke-width:.25px;
    fill-rule:evenodd
}
.tournament__list-content{
    position:absolute;
    left:60px;
    right:50px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}
@media (max-width:1199.98px){
    .tournament__list-content{
        left:50px;
        right:45px
    }
}
@media (max-width:991.98px){
    .tournament__list-content{
        position:relative;
        left:0;
        right:0;
        top:0;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        flex-wrap:wrap;
        gap:40px 0
    }
}
.tournament__list-thumb{
    width:150px;
    flex:0 0 auto
}
@media (max-width:1199.98px){
    .tournament__list-thumb{
        width:115px
    }
}
@media (max-width:991.98px){
    .tournament__list-thumb{
        width:50%
    }
}
.tournament__list-thumb img{
    max-width:89px;
    max-height:91px
}
@media (max-width:1199.98px){
    .tournament__list-thumb img{
        max-width:80px;
        max-height:75px
    }
}
.tournament__list-name{
    padding-left:35px;
    position:relative;
    z-index:1
}
.tournament__list-name::before{
    content:"";
    position:absolute;
    left:1px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:53px;
    width:1px;
    background:var(--tg-common-color-white);
    background:radial-gradient(circle,var(--tg-common-color-white) 0%,transparent 100%);
    opacity:.18;
    z-index:1
}
.tournament__list-name::after{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:60px;
    width:3px;
    background:#121920
}
.tournament__list-name{
    width:205px;
    flex:0 0 auto
}
@media (max-width:991.98px){
    .tournament__list-name{
        width:50%;
        flex:0 0 auto;
        padding-left:20px;
        text-align:right
    }
}
.tournament__list-name .team-name{
    font-size:18px;
    margin:0 0 8px
}
.tournament__list-name .status{
    display:block;
    text-transform:uppercase;
    font-size:13px;
    font-weight:var(--tg-fw-bold);
    font-family:var(--tg-heading-font-family);
    letter-spacing:1px;
    color:var(--tg-theme-primary);
    padding-left:13px;
    position:relative;
    line-height:1;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tournament__list-name .status::before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:8px;
    height:8px;
    background:currentColor;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
@media (max-width:991.98px){
    .tournament__list-name .status{
        padding-left:0;
        padding-right:13px
    }
    .tournament__list-name .status::before{
        left:auto;
        right:0
    }
}
.tournament__list-prize{
    width:216px;
    flex:0 0 auto;
    padding-left:55px;
    position:relative
}
@media (max-width:1199.98px){
    .tournament__list-prize{
        width:180px;
        padding-left:40px
    }
}
@media (max-width:991.98px){
    .tournament__list-prize{
        width:50%;
        padding:0 20px 0 0
    }
    .tournament__list-prize::before{
        display:none
    }
}
.tournament__list-prize::before{
    content:"";
    position:absolute;
    left:1px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:53px;
    width:1px;
    background:var(--tg-common-color-white);
    background:radial-gradient(circle,var(--tg-common-color-white) 0%,transparent 100%);
    opacity:.18;
    z-index:1
}
.tournament__list-prize .title{
    font-size:15px;
    color:var(--tg-body-color);
    letter-spacing:1px;
    margin:0 0 3px
}
.tournament__list-prize i{
    color:var(--tg-theme-primary);
    font-size:14px;
    margin-right:7px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tournament__list-prize span{
    color:var(--tg-theme-primary);
    font-family:var(--tg-heading-font-family);
    font-size:17px;
    font-weight:var(--tg-fw-semi-bold);
    letter-spacing:1px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tournament__list-time{
    width:216px;
    flex:0 0 auto;
    padding-left:55px;
    position:relative
}
@media (max-width:1199.98px){
    .tournament__list-time{
        width:180px;
        padding-left:40px
    }
}
@media (max-width:991.98px){
    .tournament__list-time{
        width:50%;
        padding-left:20px;
        text-align:right
    }
}
.tournament__list-time::before{
    content:"";
    position:absolute;
    left:1px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:53px;
    width:1px;
    background:var(--tg-common-color-white);
    background:radial-gradient(circle,var(--tg-common-color-white) 0%,transparent 100%);
    opacity:.18;
    z-index:1
}
.tournament__list-time .title{
    font-size:15px;
    color:var(--tg-body-color);
    letter-spacing:1px;
    margin:0 0 3px
}
.tournament__list-time i{
    font-size:14px;
    margin-right:7px
}
.tournament__list-time span{
    color:var(--tg-body-color);
    font-family:var(--tg-heading-font-family);
    font-size:17px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    letter-spacing:1px
}
.tournament__list-live{
    margin-left:auto
}
@media (max-width:991.98px){
    .tournament__list-live{
        margin:0 auto
    }
}
.tournament__list-live a{
    display:inline-block;
    background:#0c1217;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    font-size:13px;
    color:var(--tg-body-color);
    padding:12px 45px;
    letter-spacing:1px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px
}
@media (max-width:1199.98px){
    .tournament__list-live a{
        padding:12px 22px
    }
}
.tournament__list-live a i{
    margin-left:3px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.tournament__details-area{
    padding:120px 0
}
.tournament__details-content{
    background:#182029;
    padding:40px 45px 40px 40px;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0);
    border:1px solid #232a30;
    font-weight:var(--tg-fw-medium)
}
@media (max-width:1199.98px){
    .tournament__details-content{
        padding:30px 25px
    }
}
@media (max-width:767.98px){
    .tournament__details-content{
        padding:25px 20px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .tournament__details-content{
        padding:30px 25px
    }
}
.tournament__details-content p{
    font-weight:var(--tg-fw-medium)
}
.tournament__details-content .title{
    font-size:32px;
    margin:0 0 18px
}
@media (max-width:767.98px){
    .tournament__details-content .title{
        font-size:24px;
        margin:0 0 15px
    }
}
.tournament__details-content .blog-post-meta{
    padding-bottom:30px;
    border-bottom:1px solid #323c46;
    margin:0 0 30px
}
@media (max-width:767.98px){
    .tournament__details-content .blog-post-meta{
        margin:0 0 25px
    }
}
.tournament__details-content .blog-details-bottom{
    border-top:1px solid #323c46
}
.tournament__details-video{
    margin:35px 0 30px
}
.tournament__details-video .popup-video{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-size:68px;
    color:var(--tg-common-color-white);
    z-index:1
}
@media (max-width:767.98px){
    .tournament__details-video .popup-video{
        font-size:54px
    }
}
.tournament__details-video .popup-video:hover{
    color:var(--tg-theme-secondary)
}
.tournament__details-form{
    margin:40px 0 0
}
.tournament__details-form-title{
    font-size:24px;
    margin:0 0 10px
}
.tournament__details-form form{
    margin:25px 0 0
}
.tournament__details-form input{
    display:block;
    width:100%;
    border:1px solid #23292f;
    background:var(--tg-common-color-black);
    padding:15px 30px;
    margin:0 0 12px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px
}
.tournament__details-form input::placeholder{
    opacity:.6
}
.tournament__details-form-btn{
    display:inline-block;
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    text-transform:uppercase;
    border:none;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    padding:14px 40px;
    font-size:17px;
    letter-spacing:1px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
    margin-top:15px
}
@media (max-width:767.98px){
    .tournament__details-form-btn{
        -webkit-clip-path:polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0);
        clip-path:polygon(100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 0);
        padding:12px 32px
    }
}
.tournament__details-form-btn:hover{
    background:var(--tg-theme-secondary);
    color:var(--tg-common-color-black)
}
.tournament__sidebar .shop__widget,.tournament__sidebar .shop__widget-inner{
    border-color:#232a30
}
.tournament__sidebar .shop__widget-inner{
    background:#182029
}
.tournament__advertisement img{
    width:100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
.trending__matches-item{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0 0 20px
}
.trending__matches-item:last-child{
    margin:0 0
}
.trending__matches-thumb{
    width:73px;
    flex:0 0 auto;
    margin-right:18px
}
.trending__matches-thumb img{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
.trending__matches-content{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-grow:1;
    justify-content:space-between
}
.trending__matches-content .title{
    font-size:18px;
    margin:0 0 5px
}
.trending__matches-content .price{
    display:block;
    font-size:14px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-theme-primary);
    letter-spacing:1px
}
.trending__matches-content .play a{
    display:block;
    color:var(--tg-body-color)
}
.trending__matches-content .play a:hover{
    color:var(--tg-theme-secondary)
}
.testimonial__area{
    padding-top:260px;
    background-position:center -20px;
    margin-top:-150px
}
.testimonial-title{
    font-size:30px;
    position:relative;
    display:flex;
    align-items:center;
    gap:35px
}
.testimonial-title span{
    flex:none
}
.testimonial-title:after{
    content:"";
    position:relative;
    height:1px;
    width:100%;
    background:linear-gradient(to right,var(--tg-common-color-white),transparent)
}
.testimonial__item{
    background:#1F222D;
    box-shadow:0 4px 41px rgb(0 0 0 / .31);
    padding:10px;
    display:flex;
    align-items:center;
    position:relative
}
.testimonial__item .testimonial__thumb{
    flex:none
}
.testimonial__item .testimonial__content{
    padding:50px 60px
}
.testimonial__item .testimonial__content .content{
    font-size:20px;
    font-weight:500;
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    margin-bottom:35px;
    padding-bottom:30px;
    border-bottom:1px solid #343846;
    margin-top:-.35em
}
.testimonial__item .testimonial__content .name{
    font-size:24px;
    font-weight:800;
    margin-bottom:3px
}
.testimonial__item .testimonial__content .desig{
    font-size:12px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-theme-primary);
    display:block;
    margin-bottom:-.35em
}
.testimonial__item .quote-shape{
    position:absolute;
    display:inline-flex;
    bottom:0;
    right:112px;
    gap:15px
}
.testimonial__item .quote-shape:after,.testimonial__item .quote-shape:before{
    content:"";
    position:relative;
    height:80px;
    width:34px;
    background:var(--tg-theme-primary);
    clip-path:polygon(0 0,100% 19px,100% 100%,0% 100%)
}
@media (max-width:1500px){
    .testimonial__area{
        background-position:center 0
    }
}
@media (max-width:1300px){
    .testimonial__area{
        background-image:none!important;
        margin-top:0;
        padding-top:120px
    }
    .testimonial__item .testimonial__content{
        padding:30px 40px
    }
}
@media (max-width:1199.98px){
    .testimonial__item{
        display:block;
        padding:40px
    }
    .testimonial__item .testimonial__content{
        padding:40px 0 0
    }
}
@media (max-width:767.98px){
    .testimonial__area{
        background-image:none!important;
        border-top:10px solid var(--tg-theme-primary);
        padding-top:100px;
        margin-top:100px
    }
    .testimonial-title{
        display:block
    }
    .testimonial-title:after{
        display:none
    }
    .testimonial__item{
        padding:30px
    }
    .testimonial__item .testimonial__thumb img{
        width:100%
    }
    .testimonial__item .testimonial__content{
        padding:30px 0 0
    }
    .testimonial__item .testimonial__content .content{
        font-size:16px;
        font-weight:600;
        line-height:1.6
    }
    .testimonial__item .quote-shape{
        right:50px
    }
    .testimonial__item .quote-shape:after,.testimonial__item .quote-shape:before{
        height:60px
    }
}
@media (max-width:375px){
    .testimonial__item{
        padding:20px 20px 30px
    }
    .testimonial__item .quote-shape{
        right:30px
    }
    .testimonial__item .quote-shape:after,.testimonial__item .quote-shape:before{
        height:45px;
        width:25px
    }
}
.brand-area{
    padding:110px 0 120px;
    background-color:var(--tg-common-color-black-6)
}
.brand__title{
    margin:0 0 70px
}
@media (max-width:767.98px){
    .brand__title{
        margin:0 0 50px
    }
}
.brand__title .title{
    font-size:45px;
    font-weight:var(--tg-fw-medium);
    line-height:1;
    letter-spacing:3px;
    margin:0 0
}
@media (max-width:767.98px){
    .brand__title .title{
        font-size:36px;
        letter-spacing:2px
    }
}
.brand__link{
    display:flex;
    align-items:center;
    justify-content:center;
    height:57px
}
@media (max-width:767.98px){
    .brand__link{
        height:35px
    }
}
.brand__link img{
    max-height:100%
}
.brand-active .col{
    padding-left:15px;
    padding-right:15px
}
.brand-area4{
    margin-top:-90px;
    padding-top:210px
}
@media (max-width:1500px){
    .brand-area4{
        padding-top:130px
    }
}
@media (max-width:1199.98px){
    .brand-area4{
        padding-top:120px
    }
}
@media (max-width:991.98px){
    .brand-area4{
        margin-top:0;
        padding-top:100px
    }
}
@media (max-width:767.98px){
    .brand-area4{
        padding-top:50px
    }
}
.shop-area{
    padding:120px 0 120px
}
.shop-details-area{
    padding:120px 0 85px
}
.shop-sidebar{
    margin-right:17px
}
@media (max-width:991.98px){
    .shop-sidebar{
        margin:100px 0 0
    }
}
@media (max-width:767.98px){
    .shop-sidebar{
        margin:70px 0 0
    }
}
.shop__widget{
    border:1px solid var(--tg-border-4);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    margin:0 0 40px
}
.shop__widget:last-child{
    margin:0 0
}
.shop__widget-title{
    font-size:18px;
    margin:0 0;
    position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:baseline;
    column-gap:10px;
    padding:19px 20px;
    line-height:1
}
.shop__widget-title::before{
    content:"\f0da";
    font-family:var(--tg-icon-font-family);
    font-size:20px;
    color:var(--tg-theme-primary)
}
.shop__widget-inner{
    background:#171d24;
    border:1px solid #26292c;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -o-border-radius:0 0 5px 5px;
    -ms-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    margin:-1px;
    padding:20px
}
.shop__search{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    line-height:1
}
.shop__search input{
    display:block;
    flex-grow:1;
    border:none;
    padding:0 20px 0 0;
    background:#fff0;
    font-weight:var(--tg-fw-medium)
}
.shop__search input::placeholder{
    opacity:.63;
    font-weight:var(--tg-fw-medium)
}
.shop__search button{
    background:#fff0;
    color:var(--tg-body-color);
    transform:rotate(-90deg);
    font-size:14px
}
.shop__search button:hover{
    color:var(--tg-theme-primary)
}
.shop__price-filter{
    margin:5px 0 0
}
.shop__price-filter #slider-range{
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    height:6px;
    background:#0d1216
}
.shop__price-filter .ui-slider-range{
    background:var(--tg-theme-primary);
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0
}
.shop__price-filter .ui-slider-handle{
    background:#fff0;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 5px 6px 5px;
    border-color:#fff0 #fff0 var(--tg-theme-primary) #fff0;
    top:-5px;
    margin:0 0 0 -1px
}
.shop__price-filter .ui-slider-handle:focus-visible{
    outline:none
}
.shop__price-filter .ui-slider-handle:last-child{
    margin:0 0 0 -9px
}
.shop__price-slider-amount{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    line-height:1;
    margin:15px 0 0
}
.shop__price-slider-amount [type=submit]{
    background:#fff0;
    line-height:1;
    flex-grow:1;
    text-align:left;
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-common-color-white);
    letter-spacing:.5px;
    font-size:15px
}
.shop__price-slider-amount [type=text]{
    border:none;
    padding:0;
    width:auto;
    background:#fff0;
    text-align:right;
    width:50%;
    flex:0 0 auto;
    font-weight:var(--tg-fw-medium);
    font-size:15px;
    pointer-events:none
}
.shop__top-wrap{
    margin:0 0 30px
}
@media (max-width:767.98px){
    .shop__showing-result{
        text-align:center
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .shop__showing-result{
        text-align:left
    }
}
.shop__showing-result p{
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    text-transform:uppercase;
    margin:0 0
}
.shop__ordering{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    margin-left:auto;
    position:relative;
    width:187px
}
@media (max-width:767.98px){
    .shop__ordering{
        width:200px;
        margin:15px auto 0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .shop__ordering{
        margin:0 0 0 auto
    }
}
.shop__ordering::after{
    content:"\f107";
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:var(--tg-icon-font-family);
    font-weight:var(--tg-fw-bold);
    right:20px;
    font-size:14px
}
.shop__ordering select{
    background-image:-moz-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-color:#171d24;
    border:1px solid var(--tg-border-4);
    color:var(--tg-body-color);
    font-weight:var(--tg-fw-medium);
    font-size:14px;
    text-transform:capitalize;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    outline:none;
    padding:12px 40px 12px 20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%
}
@media (max-width:767.98px){
    .shop__ordering select{
        padding:10px 40px 10px 20px
    }
}
.shop__item{
    width:100%;
    height:406px;
    background-image:url(../img/bg/shop_shape.svg);
    background-size:contain;
    background-position:top center;
    background-repeat:no-repeat;
    padding:19px;
    margin:0 0 35px
}
@media (max-width:1199.98px){
    .shop__item{
        height:395px
    }
}
@media (max-width:991.98px){
    .shop__item{
        height:406px;
        width:298px;
        margin:0 auto 35px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .shop__item{
        height:auto;
        width:100%
    }
}
.shop__item-thumb{
    position:relative;
    background:var(--tg-common-color-black);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:262px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .shop__item-thumb{
        min-height:200px
    }
}
.shop__item-thumb img{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .shop__item-thumb img{
        max-height:200px
    }
}
.shop__item-thumb .wishlist-button{
    position:absolute;
    top:18px;
    right:18px;
    line-height:1;
    color:var(--tg-body-color)
}
.shop__item-thumb .wishlist-button:hover{
    color:var(--tg-theme-primary)
}
.shop__item-line{
    display:block;
    width:100%;
    background:#f5f6f9;
    background:radial-gradient(circle,#f5f6f9 0%,#fff0 100%);
    height:1px;
    opacity:.15;
    margin:18px 0 25px
}
.shop__item-content-top{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 13px;
    line-height:1
}
.shop__item-content-top .title{
    font-size:18px;
    margin:0 0;
    line-height:1;
    flex-grow:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.shop__item-content-top .title a:hover{
    color:var(--tg-theme-primary)
}
.shop__item-price{
    font-size:18px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    color:var(--tg-theme-primary);
    margin-left:20px
}
.shop__item-cat{
    display:block;
    line-height:1;
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    color:var(--tg-body-color);
    text-transform:uppercase
}
.shop__item-cat a{
    color:var(--tg-body-color)
}
.shop__item-cat a:hover{
    color:var(--tg-theme-primary)
}
.related__products-item{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin-bottom:20px
}
.related__products-item:last-child{
    margin:0 0
}
.related__products-thumb{
    width:80px;
    height:80px;
    flex:0 0 auto;
    margin-right:20px
}
.related__products-thumb img{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    border:1px solid var(--tg-border-4)
}
.related__products-content{
    flex-grow:1
}
.related__products-content .product-name{
    font-size:14px;
    margin:0 0 5px
}
.related__products-content .product-name a:hover{
    color:var(--tg-theme-primary)
}
.related__products-content .amount{
    display:block;
    font-weight:var(--tg-fw-semi-bold);
    font-family:var(--tg-heading-font-family);
    font-size:15px
}
.product-categories li{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold);
    font-size:14px;
    line-height:1;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    padding-bottom:18px;
    margin-bottom:18px;
    border-bottom:1px solid var(--tg-border-4)
}
.product-categories li:last-child{
    margin-bottom:10px;
    padding-bottom:0;
    border:none
}
.product-categories li:hover{
    color:var(--tg-common-color-white)
}
.product-categories li a{
    display:block;
    color:var(--tg-body-color);
    text-transform:uppercase
}
.product-categories li a:hover{
    color:var(--tg-common-color-white)
}
.product-categories li .float-right{
    margin-left:auto
}
.shop__details-images-wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    width:55%;
    flex:0 0 auto
}
@media (max-width:1199.98px){
    .shop__details-images-wrap{
        flex-direction:column-reverse
    }
}
@media (max-width:991.98px){
    .shop__details-images-wrap{
        width:80%;
        margin:0 0 50px
    }
}
@media (max-width:767.98px){
    .shop__details-images-wrap{
        width:100%
    }
}
.shop__details-images-wrap .nav-tabs{
    flex-direction:column;
    width:93px;
    flex:0 0 auto;
    gap:13px;
    margin-right:18px
}
@media (max-width:1199.98px){
    .shop__details-images-wrap .nav-tabs{
        flex-direction:row;
        width:100%;
        gap:15px;
        margin:15px 0 0
    }
}
.shop__details-images-wrap .nav-tabs .nav-item{
    margin:0 0;
    filter:drop-shadow(0 0 .3rem rgb(19 19 19 / .49))
}
.shop__details-images-wrap .nav-tabs .nav-link{
    padding:9px;
    display:block;
    width:100%;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 0);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    background:#1b242e
}
.shop__details-images-wrap .nav-tabs .nav-link img{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px
}
.shop__details-images-wrap .tab-content{
    filter:drop-shadow(0 0 .75rem rgb(19 19 19 / .49))
}
.shop__details-images-wrap .tab-pane{
    padding:19px;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    background:#1b242e
}
@media (max-width:767.98px){
    .shop__details-images-wrap .tab-pane{
        padding:16px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .shop__details-images-wrap .tab-pane{
        padding:19px
    }
}
.shop__details-images-wrap .tab-pane img{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px
}
.shop__details-images-wrap .tab-pane.active{
    animation:none!important
}
.shop__details-content{
    width:44%;
    flex:0 0 auto;
    margin-left:auto
}
@media (max-width:991.98px){
    .shop__details-content{
        width:100%;
        margin:0 0
    }
}
.shop__details-content .title{
    font-size:40px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1.5px;
    margin:0 0 13px
}
@media (max-width:767.98px){
    .shop__details-content .title{
        font-size:32px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .shop__details-content .title{
        font-size:40px
    }
}
.shop__details-rating{
    font-size:13px;
    margin:0 0 8px
}
.shop__details-rating i{
    color:var(--tg-common-color-rating)
}
.shop__details-rating .rating-count{
    margin-left:5px;
    font-weight:var(--tg-fw-medium)
}
.shop__details-price{
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    margin:13px 0 28px
}
.shop__details-price .amount{
    font-size:18px;
    color:var(--tg-common-color-white)
}
.shop__details-price .stock-status{
    font-size:16px;
    color:var(--tg-theme-primary)
}
.shop__details-short-description{
    margin:0 0 27px
}
.shop__details-short-description p{
    font-weight:var(--tg-fw-medium)
}
.shop__details-model{
    margin:0 0 35px
}
.shop__details-model .model{
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-common-color-white)
}
.shop__details-model ul{
    gap:10px;
    margin-left:15px
}
.shop__details-model ul li{
    display:block;
    box-shadow:0 3px 7px 0 rgb(0 0 0 / .18);
    border-width:.25px;
    border-color:#282f36;
    border-style:solid;
    border-radius:2px;
    background:#1b242e;
    text-transform:uppercase;
    font-weight:var(--tg-fw-extra-bold);
    font-size:13px;
    font-family:var(--tg-heading-font-family);
    line-height:1;
    padding:7px 17px;
    cursor:pointer
}
.shop__details-model ul li.active{
    border-color:var(--tg-common-color-rating);
    background:var(--tg-common-color-rating);
    color:var(--tg-common-color-black)
}
.shop__details-qty{
    padding:30px 0 0;
    border-top:1px solid #1b242e
}
.shop__details-qty>*{
    gap:12px
}
.shop__details-qty .quantity{
    position:relative;
    width:99px
}
.shop__details-qty .quantity input{
    width:100%;
    border-width:.25px;
    border-color:#282f36;
    border-style:solid;
    border-radius:3px;
    background:#1b242e;
    height:53px;
    padding:13px 40px 13px 25px;
    font-weight:var(--tg-fw-extra-bold);
    font-size:14px;
    font-family:var(--tg-heading-font-family)
}
.shop__details-qty .quantity .qtybutton-box{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column;
    position:absolute;
    top:0;
    right:18px;
    height:100%;
    line-height:1;
    align-items:center;
    justify-content:center
}
.shop__details-qty .quantity .qtybutton-box span{
    cursor:pointer
}
.shop__details-cart-btn{
    display:block;
    width:160px;
    height:53px;
    text-align:center;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-extra-bold);
    font-size:15px;
    text-transform:uppercase;
    color:var(--tg-common-color-black);
    letter-spacing:1px;
    background-color:var(--tg-theme-primary);
    border:none;
    -webkit-clip-path:path("M8,0H152a8,8,0,0,1,8,8V33.63C160,37.36,140,53,140,53H8a8,8,0,0,1-8-8V8A8,8,0,0,1,8,0Z");
    clip-path:path("M8,0H152a8,8,0,0,1,8,8V33.63C160,37.36,140,53,140,53H8a8,8,0,0,1-8-8V8A8,8,0,0,1,8,0Z")
}
.shop__details-cart-btn:hover{
    color:var(--tg-common-color-black);
    background-color:var(--tg-theme-secondary)
}
.shop__details-bottom{
    margin:34px 0 0
}
.shop__details-bottom>div{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:baseline
}
.shop__details-bottom>div:not(:last-child){
    margin-bottom:13px
}
.shop__details-bottom b{
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-semi-bold);
    margin-right:6px
}
.shop__details-bottom a{
    display:inline-block;
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    color:var(--tg-body-color);
    margin-left:5px
}
.shop__details-bottom a:hover{
    color:var(--tg-theme-primary)
}
.shop__details-bottom .product_share a:not(:last-child){
    margin-right:10px
}
.animation-none{
    animation:none!important
}
.product__desc-wrap{
    margin:90px 0 0
}
.product__desc-wrap .nav{
    border-bottom:1px solid var(--tg-border-5);
    margin:0 0 5px
}
@media (max-width:767.98px){
    .product__desc-wrap .nav{
        margin:0 0 20px;
        padding-bottom:15px;
        gap:5px 25px
    }
}
.product__desc-wrap .nav-item{
    margin:0 0 -1px
}
.product__desc-wrap .nav-link{
    padding:11px 25px;
    text-transform:uppercase;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-body-color);
    border:1px solid #fff0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    border-radius:3px
}
@media (max-width:767.98px){
    .product__desc-wrap .nav-link{
        padding:0 0;
        border:none;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        -o-border-radius:0;
        -ms-border-radius:0;
        border-radius:0
    }
}
.product__desc-wrap .nav-link:hover{
    border-color:#fff0
}
.product__desc-wrap .nav-link.active{
    color:var(--tg-theme-primary);
    border-color:#282f36;
    background:#1b242e
}
@media (max-width:767.98px){
    .product__desc-wrap .nav-link.active{
        background:#fff0
    }
}
.product__desc-wrap .tab-content{
    background:#161e26;
    padding:25px 30px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
@media (max-width:1199.98px){
    .product__desc-wrap .tab-content{
        padding:25px 25px
    }
}
.product__desc-wrap .tab-content p{
    font-weight:var(--tg-fw-medium)
}
.product__desc-wrap .tab-content table{
    margin:0 0
}
.product__desc-wrap .tab-content table th,.product__desc-wrap .tab-content table td{
    padding:10px 25px;
    border-color:#30363d;
    border:1px solid #30363d
}
@media (max-width:767.98px){
    .product__desc-wrap .tab-content table th,.product__desc-wrap .tab-content table td{
        padding:10px 20px
    }
}
.product__desc-wrap .tab-content table th{
    color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-semi-bold);
    width:25%
}
@media (max-width:1199.98px){
    .product__desc-wrap .tab-content table th{
        width:30%
    }
}
@media (max-width:991.98px){
    .product__desc-wrap .tab-content table th{
        width:40%
    }
}
@media (max-width:767.98px){
    .product__desc-wrap .tab-content table th{
        width:auto
    }
}
.product__desc-wrap .tab-content table td{
    color:var(--tg-body-color);
    font-weight:var(--tg-fw-medium);
    font-style:italic
}
.product__desc-review{
    padding:25px 30px;
    border:1px solid #30363d;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px
}
@media (max-width:767.98px){
    .product__desc-review{
        padding:20px 20px
    }
}
.related__product-wrapper{
    padding:110px 0 0
}
.related__product-wrapper .related-title{
    font-size:36px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:2px;
    margin:0 0 35px
}
@media (max-width:991.98px){
    .related__product-wrapper .related-title{
        text-align:center
    }
}
.shop__category{
    background:#1F212D;
    text-align:center;
    padding:25px;
    position:relative;
    overflow:hidden;
    z-index:1
}
.shop__category:before,.shop__category:after{
    content:"";
    position:absolute;
    width:305px;
    height:305px;
    background:#ff8965;
    filter:blur(150px);
    z-index:-1;
    left:50%;
    bottom:0;
    transform:translate(-50%,50%);
    transition:0.4s;
    opacity:0
}
.shop__category:after{
    clip-path:polygon(51% 0,51% 0,0 100%,20% 100%,51% 40%,80% 100%,100% 100%,100% 100%);
    background:rgb(14 15 23 / .5);
    filter:none;
    height:0;
    width:400px;
    left:50%;
    bottom:0;
    transform:translate(-50%,0)
}
.shop__category .shop__category-thumb{
    height:230px
}
.shop__category .shop__category-thumb img{
    height:100%;
    object-fit:contain
}
.shop__category .shop__category-content{
    padding-top:25px
}
.shop__category .shop__category-content .title{
    font-size:24px;
    font-weight:700;
    margin-bottom:0
}
.shop__category .shop__category-content .title a{
    color:var(--tg-common-color-white)
}
.shop__category .shop__category-content .title a:hover{
    color:var(--tg-theme-secondary)
}
.shop__category:hover:before,.shop__category:hover:after{
    opacity:1
}
.shop__category:hover:after{
    height:118%
}
.shop__item2{
    background:#1F222D;
    position:relative;
    overflow:hidden;
    z-index:1
}
.shop__item2:before,.shop__item2:after{
    content:"";
    position:absolute;
    width:305px;
    height:305px;
    background:#ff8965;
    filter:blur(150px);
    z-index:-1;
    right:0;
    bottom:50%;
    transform:translate(50%,50%);
    transition:0.4s;
    opacity:0
}
.shop__item2:after{
    clip-path:polygon(51% 0,51% 0,0 100%,20% 100%,51% 40%,80% 100%,100% 100%,100% 100%);
    background:rgb(14 15 23 / .5);
    filter:none;
    height:0;
    width:400px;
    left:50%;
    bottom:0;
    transform:translate(-40%,0)
}
.shop__item2 .shop__item-thumb{
    position:relative;
    background:#fff0;
    height:262px
}
.shop__item2 .shop__item-thumb img{
    height:100%;
    max-height:none
}
.shop__item2 .shop__item-thumb .actions-btn-wrap{
    position:absolute;
    bottom:0;
    right:30px
}
.shop__item2 .shop__item-thumb .actions-btn-wrap .icon-btn{
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    background:var(--tg-theme-primary);
    display:inline-block;
    color:var(--tg-common-color-black);
    text-align:center
}
.shop__item2 .shop__item-thumb .actions-btn-wrap .action-btn{
    display:block;
    position:absolute;
    bottom:0;
    opacity:0;
    transition:0.4s
}
.shop__item2 .shop__item-thumb .actions-btn-wrap .action-btn .icon-btn{
    background:var(--tg-common-color-white);
    color:var(--tg-common-color-black);
    display:block
}
.shop__item2 .shop__item-thumb .actions-btn-wrap .action-btn .icon-btn:not(:last-child){
    margin-bottom:10px
}
.shop__item2 .shop__item-thumb .actions-btn-wrap .action-btn .icon-btn:hover{
    background:var(--tg-theme-primary)
}
.shop__item2 .shop__item-content{
    padding:20px 30px 40px
}
@media (max-width:1500px){
    .shop__item2 .shop__item-content{
        padding:20px 25px 30px
    }
}
.shop__item2 .shop__item-content .shop__item-rating{
    font-size:16px;
    font-weight:600;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    margin-bottom:11px
}
.shop__item2 .shop__item-content .shop__item-rating i{
    margin-right:5px
}
.shop__item2 .shop__item-content .title{
    font-size:20px;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:10px
}
.shop__item2 .shop__item-content .shop__item-price{
    margin-left:0;
    margin-bottom:-.3em;
    font-size:24px;
    font-weight:700
}
.shop__item2:hover .shop__item-thumb .actions-btn-wrap .action-btn{
    opacity:1
}
.shop__item2:hover:before,.shop__item2:hover:after{
    opacity:1
}
.shop__item2:hover:after{
    height:118%
}
.deal-active .shop__item2 .shop__item-thumb{
    height:auto;
    min-height:auto;
    padding:30px 30px 0
}
.deal-active .shop__item2 .shop__item-thumb img{
    height:346px;
    object-fit:contain
}
.deal-active .shop__item2 .shop__item-content .title{
    font-size:30px;
    margin-bottom:0
}
@media (max-width:1500px){
    .deal-active .shop__item2 .shop__item-content .title{
        font-size:26px
    }
}
@media (max-width:767.98px){
    .deal-active .shop__item2 .shop__item-content .title{
        font-size:20px
    }
}
.deal-active .shop__item2 .shop__item-content .shop__item-price{
    font-size:40px;
    margin-bottom:-.44em
}
@media (max-width:1500px){
    .deal-active .shop__item2 .shop__item-content .shop__item-price{
        font-size:28px
    }
}
.deal-active .swiper-scrollbar{
    background:rgb(34 45 109 / .49);
    margin-top:40px
}
.deal-active.swiper-container-horizontal>.swiper-scrollbar{
    border-radius:0;
    height:4px;
    width:100%;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    cursor:pointer;
    max-width:calc(100% - 30px)
}
.deal-active.swiper-container-horizontal .swiper-scrollbar-drag{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    height:8px;
    top:-2px;
    background:var(--tg-theme-primary)
}
@media (max-width:767.98px){
    .deal-active .shop__item2 .shop__item-thumb img{
        height:250px
    }
}
@media (max-width:375px){
    .deal-active .shop__item2 .shop__item-thumb img{
        height:230px
    }
}
.deal__area{
    position:relative;
    background-size:cover
}
@media (max-width:991.98px){
    .deal__area{
        padding-left:40px;
        padding-right:40px
    }
}
@media (max-width:767.98px){
    .deal__area{
        padding-left:15px;
        padding-right:15px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .deal__area{
        padding-left:40px;
        padding-right:40px
    }
}
.blog-area{
    padding:120px 0
}
.blog-post-wrapper{
    width:69%;
    flex:0 0 auto
}
@media (max-width:1199.98px){
    .blog-post-wrapper{
        width:65%
    }
}
@media (max-width:991.98px){
    .blog-post-wrapper{
        width:100%
    }
}
.blog-post-wrapper .pagination__wrap{
    margin:60px 0 0
}
.blog-post-wrapper .pagination__wrap ul{
    justify-content:flex-start!important
}
@media (max-width:991.98px){
    .blog-post-wrapper .pagination__wrap ul{
        justify-content:center!important
    }
}
.blog-post-item{
    margin:0 0 50px
}
.blog-post-thumb img{
    max-width:100%
}
.blog-post-content{
    background:#182029;
    padding:40px 45px 40px 40px;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 25px),calc(100% - 25px) 100%,0 100%,0 0);
    border:1px solid #232a30
}
@media (max-width:1199.98px){
    .blog-post-content{
        padding:35px 30px
    }
}
@media (max-width:767.98px){
    .blog-post-content{
        padding:30px 25px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .blog-post-content{
        padding:40px 30px
    }
}
.blog-post-content .title{
    font-size:32px;
    letter-spacing:1px;
    margin:0 0 23px
}
@media (max-width:767.98px){
    .blog-post-content .title{
        font-size:24px;
        letter-spacing:0;
        margin:0 0 18px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .blog-post-content .title{
        font-size:28px
    }
}
.blog-post-content .title a:hover{
    color:var(--tg-theme-primary)
}
.blog-post-content p{
    font-weight:var(--tg-fw-medium)
}
.blog-post-meta{
    margin:0 0 17px
}
.blog-post-meta ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 40px
}
@media (max-width:767.98px){
    .blog-post-meta ul{
        gap:10px 25px
    }
}
.blog-post-meta ul li{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:5px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:var(--tg-fw-semi-bold);
    line-height:1
}
.blog-post-meta ul li i{
    color:var(--tg-theme-primary);
    margin-right:5px
}
.blog-post-meta ul li a{
    display:block;
    color:var(--tg-body-color)
}
.blog-post-meta ul li a:hover{
    color:var(--tg-theme-primary)
}
.blog-post-bottom{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:10px 0;
    margin:35px 0 0
}
.blog-post-read{
    margin-right:20px
}
.blog-post-read a{
    display:block;
    line-height:1;
    font-size:14px;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-body-color);
    font-family:var(--tg-body-font-family);
    letter-spacing:.5px
}
.blog-post-read a i{
    font-size:16px;
    color:var(--tg-theme-primary);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    margin-left:4px
}
.blog-post-read a:hover{
    color:var(--tg-theme-primary)
}
.blog-post-read a:hover i{
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
}
.blog-post-share{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}
.blog-post-share .share{
    margin:0 0;
    font-size:14px;
    font-weight:var(--tg-fw-bold);
    color:var(--tg-body-color);
    font-family:var(--tg-body-font-family);
    letter-spacing:1px
}
.blog-post-share ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center
}
.blog-post-share ul li{
    margin-left:16px
}
.blog-post-share ul a{
    display:block;
    line-height:1;
    font-size:14px;
    color:var(--tg-body-color)
}
.blog-post-share ul a:hover{
    color:var(--tg-theme-primary)
}
.blog-post-sidebar{
    width:31%;
    flex:0 0 auto
}
@media (max-width:1199.98px){
    .blog-post-sidebar{
        width:35%
    }
}
@media (max-width:991.98px){
    .blog-post-sidebar{
        width:50%
    }
}
@media (max-width:767.98px){
    .blog-post-sidebar{
        width:100%
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .blog-post-sidebar{
        width:80%
    }
}
.blog-sidebar{
    margin-left:20px
}
@media (max-width:991.98px){
    .blog-sidebar{
        margin:100px 0 0
    }
}
.blog-widget{
    margin:0 0 50px
}
.blog-widget:last-child{
    margin:0 0
}
.blog-details-area .blog-post-item{
    margin:0 0 65px
}
.blog-details-area .blog-post-thumb{
    margin:0 0 35px
}
@media (max-width:767.98px){
    .blog-details-area .blog-post-thumb{
        margin:0 0 25px
    }
}
.blog-details-content{
    background:#fff0;
    padding:0 0;
    -webkit-clip-path:none;
    clip-path:none;
    border:none
}
.blog-details-content p{
    font-weight:var(--tg-fw-regular)
}
.blog-details-inner{
    margin:35px 0 30px
}
.blog-details-inner .inner-title{
    margin:0 0 15px
}
.blog-details-inner-img{
    margin:0 0 30px
}
.blog-details-bottom{
    padding-top:25px;
    border-top:2px solid #19222b;
    margin:65px 0 0
}
.blog-details-bottom>*{
    row-gap:15px
}
.blog-details-bottom .tg-post-tags{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-start
}
.blog-details-bottom .tg-post-tags ul{
    line-height:1
}
.blog-details-bottom .tg-post-tags ul li{
    font-size:14px;
    text-transform:uppercase;
    font-weight:var(--tg-fw-medium);
    margin-right:8px
}
.blog-details-bottom .tg-post-tags ul li a{
    display:inline-block;
    line-height:1;
    color:var(--tg-body-color);
    font-weight:var(--tg-fw-medium)
}
.blog-details-bottom .tg-post-tags ul li a:hover{
    color:var(--tg-theme-primary)
}
.blog-details-bottom .tags-title{
    font-size:14px;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    font-family:var(--tg-body-font-family);
    line-height:1;
    margin:0 13px 0 0
}
.blog-details-bottom .blog-post-share ul a{
    color:var(--tg-common-color-white);
    font-size:16px
}
.blog-details-bottom .blog-post-share ul a:hover{
    color:var(--tg-theme-primary)
}
blockquote{
    padding-left:80px;
    position:relative;
    margin:27px 0 28px;
    font-size:20px;
    color:var(--tg-common-color-white);
    line-height:1.5;
    font-style:italic
}
@media (max-width:767.98px){
    blockquote{
        padding:0;
        text-align:center;
        font-size:18px
    }
}
blockquote::before{
    content:"\f137";
    position:absolute;
    left:0;
    top:0;
    font-family:"Flaticon";
    color:var(--tg-theme-primary);
    font-size:52px;
    line-height:1;
    font-style:normal
}
@media (max-width:767.98px){
    blockquote::before{
        position:relative;
        display:block;
        font-size:40px;
        margin:0 0 7px
    }
}
blockquote p{
    font-size:20px;
    color:var(--tg-common-color-white);
    line-height:1.5;
    font-style:italic;
    font-weight:var(--tg-fw-medium)!important
}
@media (max-width:767.98px){
    blockquote p{
        font-size:18px
    }
}
.blog__avatar-wrap{
    overflow:hidden;
    padding:20px 55px 20px 30px;
    display:flex;
    align-items:center;
    border:1px solid #232a30;
    background:#182029;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    border-radius:6px
}
@media (max-width:1199.98px){
    .blog__avatar-wrap{
        padding:20px 45px 20px 30px
    }
}
@media (max-width:767.98px){
    .blog__avatar-wrap{
        display:block;
        text-align:center;
        padding:35px 25px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .blog__avatar-wrap{
        padding:30px 30px
    }
}
.blog__avatar-img{
    margin-right:30px;
    width:145px;
    flex:0 0 auto
}
@media (max-width:1199.98px){
    .blog__avatar-img{
        margin-right:30px;
        width:130px
    }
}
@media (max-width:767.98px){
    .blog__avatar-img{
        margin:0 auto 25px
    }
}
.blog__avatar-img img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    height:145px;
    object-fit:cover
}
@media (max-width:1199.98px){
    .blog__avatar-img img{
        height:130px
    }
}
.blog__avatar-info .designation{
    font-size:13px;
    color:var(--tg-theme-secondary);
    font-weight:var(--tg-fw-semi-bold);
    display:block;
    margin-bottom:3px;
    text-transform:uppercase;
    letter-spacing:1px
}
.blog__avatar-info .name{
    font-size:20px;
    margin-bottom:12px
}
.blog__avatar-info .name a:hover{
    color:var(--tg-theme-primary)
}
.blog__avatar-info p{
    margin:0 0 0
}
.comments-wrap-title{
    font-size:24px;
    letter-spacing:1px;
    margin:0 0 40px
}
.comments-box{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:flex-start;
    padding-bottom:40px;
    margin-bottom:40px;
    border-bottom:1px solid #19222b
}
@media (max-width:767.98px){
    .comments-box{
        display:block;
        margin-bottom:30px;
        padding-bottom:30px
    }
}
.comments-avatar{
    margin-right:25px;
    width:132px;
    flex:0 0 auto
}
@media (max-width:1199.98px){
    .comments-avatar{
        width:100px
    }
}
@media (max-width:767.98px){
    .comments-avatar{
        margin:0 0 15px
    }
}
.comments-avatar img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%
}
.comments-text{
    flex-grow:1
}
.comments-text .avatar-name{
    overflow:hidden;
    margin-bottom:10px;
    position:relative
}
.comments-text .avatar-name .name{
    font-size:18px;
    margin-bottom:3px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:space-between;
    letter-spacing:1px;
    margin-top:0
}
.comments-text .avatar-name .date{
    display:block;
    text-transform:uppercase;
    font-size:14px;
    font-weight:var(--tg-fw-medium)
}
.comments-text .comment-reply-link{
    font-size:16px;
    letter-spacing:1.5px
}
.comments-text .comment-reply-link i{
    color:var(--tg-theme-primary);
    margin-right:3px
}
.comments-text .comment-reply-link:hover{
    color:var(--tg-theme-primary)
}
.comments-text p{
    margin:0 0
}
.latest-comments{
    margin:0 0 70px
}
.latest-comments .children{
    margin:0 0 0 80px;
    padding:0
}
@media (max-width:767.98px){
    .latest-comments .children{
        margin:0 0
    }
}
.comment-reply-title{
    font-size:24px;
    letter-spacing:1px;
    margin:0 0 17px
}
.comment-form .form-grp{
    position:relative;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    margin:0 0 30px
}
.comment-form .form-grp::after{
    content:"";
    position:absolute;
    background-color:#19222b;
    width:60px;
    height:2px;
    right:-21px;
    bottom:12px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.comment-form .form-grp input,.comment-form .form-grp textarea{
    display:block;
    width:100%;
    border:2px solid #19222b;
    background:#fff0;
    color:var(--tg-common-color-white);
    padding:14px 25px;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.comment-form .form-grp textarea{
    height:160px;
    max-height:160px
}
.comment-form .form-grp input::placeholder,.comment-form .form-grp textarea::placeholder{
    opacity:.8
}
.comment-form [type=submit]{
    -webkit-clip-path:polygon(100% 0,100% 65%,89% 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% 65%,89% 100%,0 100%,0 0);
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    border:none;
    padding:14px 30px
}
.comment-form [type=submit]:hover{
    background:var(--tg-theme-secondary)
}
.comment-notes{
    margin:0 0 40px
}
@media (max-width:767.98px){
    .sidebar__author{
        text-align:center
    }
}
.sidebar__author-thumb{
    margin:0 0 25px
}
.sidebar__author-content .name{
    font-size:22px;
    letter-spacing:1px;
    margin:0 0 10px
}
.sidebar__author-content p{
    font-weight:var(--tg-fw-medium);
    margin:0 0
}
.sidebar__author-social{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    gap:20px;
    margin:20px 0 0
}
@media (max-width:767.98px){
    .sidebar__author-social{
        justify-content:center
    }
}
.sidebar__author-social a{
    display:block;
    line-height:1;
    color:var(--tg-common-color-white)
}
.sidebar__author-social a:hover{
    color:var(--tg-theme-primary)
}
.sidebar-search-form input{
    display:block;
    width:100%;
    border:none;
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    background:#182029;
    padding:17px 50px 17px 25px;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    border:1px solid #232a30;
    color:var(--tg-common-color-white)
}
.sidebar-search-form input::placeholder{
    text-transform:uppercase;
    font-size:14px;
    color:var(--tg-body-color);
    opacity:.54;
    font-weight:var(--tg-fw-medium)
}
.sidebar-search-form button{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:30px;
    border:none;
    padding:0 0;
    background:#fff0;
    color:var(--tg-common-color-white);
    font-size:18px
}
.sidebar-search-form button:hover{
    color:var(--tg-theme-primary)
}
.fw-title{
    font-size:22px;
    margin:0 0 25px
}
.widget_categories ul li{
    font-size:15px;
    font-weight:var(--tg-fw-semi-bold);
    color:var(--tg-body-color);
    text-transform:uppercase;
    position:relative;
    margin-bottom:14px
}
.widget_categories ul li:last-child{
    margin-bottom:0
}
.widget_categories ul li a{
    color:var(--tg-body-color);
    position:relative;
    display:block
}
.widget_categories ul li a::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:0;
    height:7px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:var(--tg-theme-primary);
    -webkit-border-radius:0 5px 0 0;
    -moz-border-radius:0 5px 0 0;
    -o-border-radius:0 5px 0 0;
    -ms-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
    -webkit-transition:width 0.2s linear;
    -moz-transition:width 0.2s linear;
    -ms-transition:width 0.2s linear;
    -o-transition:width 0.2s linear;
    transition:width 0.2s linear
}
.widget_categories ul li a:hover{
    padding-left:18px;
    color:var(--tg-theme-primary)
}
.widget_categories ul li a:hover::before{
    width:7px
}
.widget_categories ul li .float-right{
    position:absolute;
    top:0;
    right:0
}
.rc__post-item{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    margin:0 30px 20px 0
}
@media (max-width:1500px){
    .rc__post-item{
        margin:0 0 20px
    }
}
.rc__post-item:last-child{
    margin-bottom:0
}
.rc__post-thumb{
    width:112px;
    height:88px;
    margin-right:24px;
    flex:0 0 auto
}
@media (max-width:1199.98px){
    .rc__post-thumb{
        width:90px
    }
}
@media (max-width:991.98px){
    .rc__post-thumb{
        width:100px
    }
}
.rc__post-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.rc__post-content{
    flex-grow:1
}
.rc__post-content .title{
    font-size:16px;
    line-height:1.3;
    letter-spacing:.5px;
    margin:0 0 5px
}
.rc__post-content .title a:hover{
    color:var(--tg-theme-primary)
}
.rc__post-content .date{
    display:block;
    text-transform:uppercase;
    font-size:14px;
    font-weight:var(--tg-fw-medium);
    letter-spacing:.5px
}
.sidebar__newsletter p{
    font-weight:var(--tg-fw-medium);
    margin:0 0 25px
}
.sidebar__newsletter-form{
    position:relative
}
.sidebar__newsletter-form [type=email]{
    display:block;
    width:100%;
    border:none;
    border-bottom:2px solid #19222b;
    background:#fff0;
    font-size:15px;
    font-weight:var(--tg-fw-medium);
    color:var(--tg-theme-primary);
    padding:0 0 15px
}
.sidebar__newsletter-form [type=email]::placeholder{
    font-size:15px;
    font-weight:var(--tg-fw-medium);
    color:var(--tg-theme-primary)
}
.sidebar__newsletter-form [type=submit]{
    position:absolute;
    top:0;
    right:0;
    border:none;
    background:#fff0;
    font-size:18px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.sidebar__insta{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:11px
}
.sidebar__insta img{
    width:100%
}
.tagcloud{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
.tagcloud a{
    display:block;
    font-size:14px!important;
    font-weight:var(--tg-fw-semi-bold);
    text-transform:uppercase;
    color:var(--tg-body-color);
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 0);
    border:1px solid #232a30;
    background:#182029;
    padding:9px 24px
}
@media (max-width:1500px){
    .tagcloud a{
        padding:8px 22px
    }
}
@media (max-width:767.98px){
    .tagcloud a{
        padding:6px 20px
    }
}
.tagcloud a:hover{
    background:var(--tg-theme-primary);
    border-color:var(--tg-theme-primary);
    color:var(--tg-common-color-black)
}
.section-pt-240{
    padding-top:240px
}
@media (max-width:1500px){
    .section-pt-240{
        padding-top:220px
    }
}
@media (max-width:991.98px){
    .section-pt-240{
        padding-top:120px;
        border-top:10px solid var(--tg-theme-primary)
    }
}
@media (max-width:767.98px){
    .section-pt-240{
        padding-top:100px
    }
}
.blog-area3-bg-thumb{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:calc(100% + 45px);
    background-position:top center;
    background-size:cover;
    z-index:-1
}
@media (max-width:1500px){
    .blog-area3-bg-thumb{
        height:calc(100% + 65px)
    }
}
@media (max-width:1199.98px){
    .blog-area3-bg-thumb{
        height:calc(100% + 75px)
    }
}
@media (max-width:991.98px){
    .blog-area3-bg-thumb{
        display:none
    }
}
.blog-card{
    border:10px solid #1F222D;
    background:#12141D;
    box-shadow:0 4px 41px rgb(0 0 0 / .53)
}
.blog-card .blog-card-img{
    overflow:hidden
}
.blog-card .blog-card-img img{
    width:100%
}
.blog-card .blog-card-content{
    padding:40px
}
.blog-card .blog-card-title{
    font-size:24px;
    font-weight:700;
    line-height:1.416em;
    margin-bottom:25px
}
.blog-card .blog-post-read{
    display:flex
}
.blog-card .blog-post-read a{
    display:inline-block;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:var(--tg-common-color-white);
    position:relative;
    padding-bottom:10px
}
.blog-card .blog-post-read a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--tg-common-color-white);
    transition:0.4s
}
.blog-card .blog-post-read a:hover{
    color:var(--tg-theme-secondary)
}
.blog-card .blog-post-read a:hover:after{
    background:var(--tg-theme-secondary)
}
.blog-card:hover .blog-card-img img{
    transform:scale(1.05)
}
@media (max-width:1199.98px){
    .blog-card .blog-card-title{
        font-size:20px
    }
}
@media (max-width:991.98px){
    .blog-card .blog-card-content{
        padding:30px
    }
}
@media (max-width:375px){
    .blog-card .blog-post-meta ul li{
        font-size:12px
    }
}
.contact-area{
    padding:140px 0 125px
}
.contact__content{
    margin-right:50px;
    position:relative;
    z-index:1
}
@media (max-width:1500px){
    .contact__content{
        margin-right:0
    }
}
.contact__content .overlay-title{
    font-size:90px;
    line-height:.8;
    font-weight:var(--tg-fw-extra-bold);
    position:absolute;
    left:0;
    top:0;
    right:0;
    -webkit-transform:translateY(calc(-100% + 13px));
    -moz-transform:translateY(calc(-100% + 13px));
    -ms-transform:translateY(calc(-100% + 13px));
    -o-transform:translateY(calc(-100% + 13px));
    transform:translateY(calc(-100% + 13px));
    margin:0 0;
    letter-spacing:4px;
    z-index:-1
}
@media (max-width:767.98px){
    .contact__content .overlay-title{
        font-size:16vw
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .contact__content .overlay-title{
        font-size:13vw
    }
}
.contact__content .overlay-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:100%;
    height:100%;
    background:#0f161b;
    background:linear-gradient(0deg,#0f161b 0%,#fff0 100%);
    opacity:.65
}
.contact__content .overlay-title span{
    display:block;
    -webkit-text-fill-color:#fff0;
    -webkit-text-stroke-width:2px;
    -webkit-text-stroke-color:var(--tg-common-color-white);
    opacity:.05
}
.contact__content>.title{
    font-size:45px;
    font-weight:var(--tg-fw-extra-bold);
    margin:0 0 21px
}
@media (max-width:767.98px){
    .contact__content>.title{
        font-size:40px
    }
}
.contact__content p{
    font-weight:var(--tg-fw-medium);
    margin:0 0 0
}
.contact__content .footer-el-widget{
    margin:30px 0 0!important
}
@media (max-width:991.98px){
    .contact__form-wrap{
        margin:50px 0 0
    }
}
.contact__form-wrap .input-grp{
    position:relative;
    -webkit-clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 0);
    margin:0 0 30px
}
.contact__form-wrap .input-grp::after{
    content:"";
    position:absolute;
    background-color:#262f39;
    width:60px;
    height:1px;
    right:-21px;
    bottom:12px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.contact__form-wrap .input-grp input,.contact__form-wrap .input-grp textarea{
    display:block;
    width:100%;
    border:1px solid #262f39;
    background:#fff0;
    color:var(--tg-common-color-white);
    padding:15px 25px
}
.contact__form-wrap .input-grp textarea{
    height:148px;
    max-height:148px
}
.contact__form-wrap .input-grp.message-grp{
    margin:0 0 35px
}
.contact__form-wrap .submit-btn{
    -webkit-clip-path:polygon(100% 0,100% 65%,89% 100%,0 100%,0 0);
    clip-path:polygon(100% 0,100% 65%,89% 100%,0 100%,0 0);
    background:var(--tg-theme-primary);
    color:var(--tg-common-color-black);
    font-family:var(--tg-heading-font-family);
    text-transform:uppercase;
    font-weight:var(--tg-fw-bold);
    letter-spacing:1px;
    border:none;
    padding:14px 30px
}
.contact__form-wrap .submit-btn:hover{
    background:var(--tg-theme-secondary)
}
.contact__form-wrap .ajax-response{
    margin:0 0
}
.contact__form-wrap .ajax-response.error,.contact__form-wrap .ajax-response.success{
    margin-top:15px
}
.contact__form-wrap .ajax-response.error{
    color:var(--tg-theme-secondary)
}
.contact__form-wrap .ajax-response.success{
    color:var(--tg-theme-primary)
}
.contact-map iframe{
    display:block;
    width:100%;
    height:600px;
    opacity:.8
}
@media (max-width:1500px){
    .contact-map iframe{
        height:450px
    }
}
.contact-list-wrap .footer-contact-link:not(:last-child){
    margin-bottom:40px
}
.contact__form-wrap4{
    background:#1F212B;
    padding:60px;
    border-bottom:10px solid #12141D;
    position:relative;
    margin-bottom:10px
}
.contact__form-wrap4:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-10px;
    background:#1F212B;
    height:10px;
    transform:translate(0,100%)
}
.contact__form-wrap4 .input-grp{
    position:relative;
    margin:0 0 20px
}
.contact__form-wrap4 .input-grp input,.contact__form-wrap4 .input-grp textarea{
    display:block;
    width:100%;
    background:#12141D;
    border:0;
    color:var(--tg-common-color-white);
    padding:15px 25px
}
.contact__form-wrap4 .input-grp textarea{
    height:148px;
    max-height:148px
}
.contact__form-wrap4 .input-grp.message-grp{
    margin:0 0 30px
}
.contact__form-wrap4 .ajax-response{
    margin:0 0
}
.contact__form-wrap4 .ajax-response.error,.contact__form-wrap4 .ajax-response.success{
    margin-top:15px
}
.contact__form-wrap4 .ajax-response.error{
    color:var(--tg-theme-secondary)
}
.contact__form-wrap4 .ajax-response.success{
    color:var(--tg-theme-primary)
}
@media (max-width:767.98px){
    .contact__form-wrap4{
        padding:40px
    }
}
@media (max-width:375px){
    .contact__form-wrap4{
        padding:35px
    }
}
.singUp-wrap{
    background-color:#121a23;
    background-image:-moz-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    border:1px solid rgb(76 76 76 / .2);
    padding:30px 50px 40px
}
@media (max-width:767.98px){
    .singUp-wrap{
        padding:30px 20px 30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .singUp-wrap{
        padding:30px 30px 30px
    }
}
.singUp-wrap .title{
    font-size:36px;
    margin-bottom:10px
}
@media (max-width:767.98px){
    .singUp-wrap .title{
        font-size:26px
    }
}
.singUp-wrap p{
    margin-bottom:25px
}
@media (max-width:767.98px){
    .singUp-wrap p br{
        display:none
    }
}
.account__social-btn{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--tg-common-color-black);
    border:1px solid rgb(76 76 76 / .2);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    font-size:16px;
    gap:10px;
    color:var(--tg-common-color-dark);
    padding:10px 20px
}
.account__social-btn:hover{
    color:var(--tg-theme-primary);
    border-color:var(--tg-theme-primary)
}
.account__divider{
    position:relative;
    text-align:center;
    margin-block-end:35px;
    margin-block-start:35px
}
.account__divider::before,.account__divider::after{
    content:"";
    height:1px;
    width:40%;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background:rgb(76 76 76 / .5);
    position:absolute
}
.account__divider::after{
    left:auto;
    right:0
}
.account__divider span{
    font-size:16px;
    color:var(--tg-heading-color)
}
.account__form .form-grp{
    margin-bottom:20px
}
.account__form .form-grp label{
    font-size:16px;
    font-weight:500;
    line-height:1;
    margin-bottom:10px
}
.account__form .form-grp input{
    width:100%;
    padding:14px 20px;
    font-size:16px;
    color:var(--tg-heading-color);
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px;
    border-radius:2px;
    line-height:1;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.account__form .form-grp input::placeholder{
    font-weight:400;
    font-size:16px;
    color:var(--tg-body-color);
    opacity:.8;
    text-transform:capitalize
}
.account__form .form-grp input:focus{
    border-color:var(--tg-theme-primary)
}
.account__form .btn{
    width:100%;
    justify-content:center;
    margin-top:30px
}
.account__form .btn.mt-15{
    margin-top:15px
}
.account__switch{
    margin-top:30px
}
.account__switch p{
    margin-bottom:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px
}
.account__switch p a{
    color:var(--tg-theme-primary);
    text-decoration:underline
}
.account__switch p a:hover{
    color:var(--tg-theme-secondary)
}
.account__check{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:15px;
    justify-content:space-between
}
.account__check-remember{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    gap:5px
}
.account__check-remember input{
    width:20px;
    height:20px;
    margin-inline-end:3px;
    background:var(--tg-common-color-gray)
}
.account__check-remember input:focus{
    box-shadow:none
}
.account__check-remember input:checked{
    background-color:var(--tg-theme-primary);
    border-color:var(--tg-theme-primary)
}
.account__check-remember label{
    user-select:none
}
.account__check-forgot a{
    color:var(--tg-theme-primary);
    font-size:16px;
    text-decoration:underline
}
.account__check-forgot a:hover{
    color:var(--tg-theme-primary)
}
.cart__table{
    margin:0 0
}
.cart__table thead th{
    padding:12px 12px;
    font-weight:600;
    color:var(--tg-common-color-white)
}
@media (max-width:767.98px){
    .cart__table thead th.product__subtotal,.cart__table thead th.product__price{
        display:none
    }
}
.cart__table tbody tr{
    position:relative
}
.cart__table tbody td{
    padding:12px 17px;
    text-align:left;
    line-height:1.1;
    border:none;
    border-top:1px solid #2b3242;
    vertical-align:middle;
    color:var(--tg-body-color)
}
@media (max-width:767.98px){
    .cart__table tbody td{
        padding:12px 10px
    }
}
.cart__table tbody td:first-child{
    padding-left:0
}
.cart__table tbody td a{
    color:var(--tg-theme-primary)
}
.cart__table tbody td.product__name{
    font-weight:500
}
.cart__table tbody td.product__remove{
    padding-right:5px;
    text-align:right
}
.cart__table tbody td.product__remove a{
    font-size:25px
}
.cart__table tbody td.product__quantity{
    text-align:right;
    padding-right:0
}
.cart__table .product__thumb img{
    max-width:70px
}
@media (max-width:767.98px){
    .cart__table .product__price{
        display:none
    }
}
@media (max-width:767.98px){
    .cart__table .product__remove a{
        position:absolute;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        width:1.375rem;
        height:1.375rem;
        border-radius:50%;
        color:#fff;
        background-color:red;
        font-size:15px!important;
        left:0;
        margin-top:-10px
    }
}
@media (max-width:767.98px){
    .cart__table .product__subtotal{
        display:none
    }
}
.cart__table .product__remove{
    padding:0!important;
    width:0!important
}
.cart__actions{
    padding-top:25px!important;
    padding-bottom:10px!important;
    padding-right:0!important
}
.cart__actions-form{
    display:inline-flex;
    align-items:center;
    gap:10px
}
@media (max-width:767.98px){
    .cart__actions-form{
        width:100%
    }
}
.cart__actions-form input{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%;
    margin-bottom:0;
    height:52.5px;
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    color:var(--tg-heading-color);
    padding:0 20px;
    border-radius:2px;
    padding-right:0
}
.cart__collaterals-wrap{
    border:1px solid #2b3242;
    border-radius:0;
    padding:1.25rem;
    height:calc(100% - 8px);
    margin-left:50px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    flex-direction:column
}
@media (max-width:1199.98px){
    .cart__collaterals-wrap{
        margin-left:0
    }
}
@media (max-width:991.98px){
    .cart__collaterals-wrap{
        margin-top:50px
    }
}
.cart__collaterals-wrap .title{
    font-size:1.5rem;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:2rem;
    border-bottom:.9375rem;
    border-bottom:1px solid #2b3242
}
.cart__collaterals-wrap .list-wrap{
    padding-bottom:.9375rem
}
.cart__collaterals-wrap .list-wrap li{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:space-between;
    border-bottom:1px solid #2b3242;
    color:var(--tg-heading-color);
    font-size:15px;
    font-weight:600;
    padding:12px 5px
}
.cart__collaterals-wrap .list-wrap li span{
    color:var(--tg-body-color);
    font-weight:400
}
.cart__collaterals-wrap .list-wrap li span.amount{
    font-weight:600;
    color:var(--tg-heading-color);
    font-size:1.25rem
}
.cart__collaterals-wrap .btn{
    width:100%;
    text-align:center;
    justify-content:center;
    margin-top:auto
}
.f-right{
    float:right
}
@media (max-width:767.98px){
    .f-right{
        float:none
    }
}
@media (max-width:767.98px){
    .update__cart-btn{
        text-align:center!important;
        width:100%;
        margin-top:20px
    }
}
@media (max-width:767.98px){
    .update__cart-btn .btn{
        width:100%;
        text-align:center;
        justify-content:center
    }
}
.product__quantity .shop__details-qty{
    border:none;
    padding:0
}
.coupon__code-info{
    background:var(--tg-common-color-gray);
    padding:20px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    gap:5px;
    margin-bottom:25px;
    border-radius:5px
}
@media (max-width:767.98px){
    .coupon__code-info{
        flex-wrap:wrap
    }
}
.coupon__code-info a:hover{
    text-decoration:underline;
    color:var(--tg-theme-primary)
}
.coupon__code-form{
    margin-bottom:35px;
    display:none
}
.coupon__code-form p{
    margin-bottom:15px
}
.coupon__code-form input{
    width:100%;
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    height:55px;
    color:var(--tg-heading-color);
    padding:0 20px;
    margin-bottom:15px;
    border-radius:2px
}
.customer__form-wrap{
    border:1px solid #2b3242;
    padding:30px;
    border-radius:5px
}
@media (max-width:767.98px){
    .customer__form-wrap{
        padding:25px 20px
    }
}
.customer__form-wrap .title{
    display:block;
    font-size:1.5rem;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:.75rem;
    margin-bottom:.75rem;
    border-bottom:1px solid #2b3242;
    color:var(--tg-heading-color);
    font-family:var(--tg-heading-font-family);
    line-height:1
}
@media (max-width:767.98px){
    .customer__form-wrap .title{
        font-size:1.3rem
    }
}
.customer__form-wrap .title.title-two{
    margin-top:20px
}
.customer__form-wrap .form-grp{
    margin-bottom:15px
}
.customer__form-wrap .form-grp.select-grp{
    position:relative
}
.customer__form-wrap .form-grp.select-grp::after{
    content:"\f078";
    position:absolute;
    bottom:13px;
    font-family:"Font Awesome 5 Free";
    font-weight:700;
    right:20px;
    font-size:14px;
    color:var(--tg-theme-primary)
}
.customer__form-wrap .form-grp label{
    display:block;
    margin-bottom:5px;
    color:var(--tg-body-color)
}
.customer__form-wrap .form-grp textarea,.customer__form-wrap .form-grp input{
    width:100%;
    color:var(--tg-heading-color);
    height:53px;
    padding:0 20px;
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    border-radius:2px
}
.customer__form-wrap .form-grp textarea{
    padding:10px 20px 0;
    min-height:120px;
    max-height:120px
}
.customer__form-wrap .form-grp select{
    border:1px solid rgb(76 76 76 / .2);
    background:var(--tg-common-color-gray);
    color:var(--tg-heading-color);
    font-weight:400;
    font-size:16px;
    text-transform:capitalize;
    border-radius:0;
    outline:none;
    padding:12px 37px 9px 20px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    line-height:1.2;
    height:53px;
    cursor:pointer
}
.order__info-wrap{
    border:2px solid var(--tg-theme-primary);
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    padding:30px
}
@media (max-width:991.98px){
    .order__info-wrap{
        margin-top:50px
    }
}
@media (max-width:767.98px){
    .order__info-wrap{
        padding:25px 20px
    }
}
.order__info-wrap>.title{
    font-size:1.5rem;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:.75rem;
    margin-bottom:.75rem;
    border-bottom:1px solid #2b3242
}
.order__info-wrap .list-wrap{
    margin-bottom:20px
}
.order__info-wrap .list-wrap li{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #2b3242;
    color:var(--tg-body-color);
    font-weight:600;
    gap:8px;
    padding:12px 0
}
.order__info-wrap .list-wrap li span{
    color:var(--tg-heading-color);
    display:block;
    line-height:1;
    font-weight:700
}
.order__info-wrap .list-wrap li.title span{
    color:var(--tg-body-color)
}
.order__info-wrap .list-wrap li:last-child span{
    font-size:1.25rem
}
.order__info-wrap p{
    margin-bottom:15px
}
.order__info-wrap p a{
    text-decoration:underline
}
.order__info-wrap p a:hover{
    color:var(--tg-theme-primary)
}
.order__info-wrap .btn{
    width:100%;
    margin-top:10px;
    text-align:center;
    justify-content:center
}
.error-content svg{
    display:block;
    width:100%;
    color:var(--tg-theme-primary);
    margin:0 0 40px
}
@media (max-width:1500px){
    .error-content svg{
        height:190px
    }
}
@media (max-width:1199.98px){
    .error-content svg{
        height:165px
    }
}
@media (max-width:767.98px){
    .error-content svg{
        height:90px;
        margin-bottom:20px
    }
}
.error-content .title{
    font-size:45px;
    font-weight:var(--tg-fw-extra-bold);
    letter-spacing:1px;
    margin:0 0 20px
}
@media (max-width:767.98px){
    .error-content .title{
        font-size:35px;
        line-height:1.1;
        margin:0 0 10px
    }
}
.error-content p{
    font-size:18px;
    margin:0 0 30px
}
@media (max-width:767.98px){
    .error-content p{
        font-size:16px
    }
}
.pagination__wrap{
    margin:20px 0 0
}
.pagination__wrap ul{
    gap:10px 15px
}
@media (max-width:767.98px){
    .pagination__wrap ul{
        gap:10px
    }
}
.pagination__wrap .page-numbers{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    background-image:-moz-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,rgb(18 21 24 / .4902) 0%,rgb(31 41 53 / .36078) 100%);
    background-color:#171d24;
    border:1px solid var(--tg-border-4);
    color:var(--tg-body-color);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-bold)
}
@media (max-width:767.98px){
    .pagination__wrap .page-numbers{
        width:40px;
        height:40px;
        font-size:14px
    }
}
.pagination__wrap .page-numbers.current{
    background-image:none;
    border-color:var(--tg-theme-primary);
    background-color:var(--tg-theme-primary);
    color:var(--tg-common-color-black-2)
}
.footer__top-wrap{
    padding:80px 0 30px;
    border-top:1px solid #151d23;
    background-color: #151d23;
}
.footer-widget{
    margin:0 0 50px
}
.footer-widget .fw-title{
    font-size:20px;
    margin:0 0 28px
}
@media (max-width:767.98px){
    .footer-widget .fw-title{
        margin:0 0 20px
    }
}
.footer-widget ul li{
    margin:0 0 6px
}
.footer-widget ul li a{
    font-size:15px;
    display:inline-block;
    color:var(--tg-body-color);
    position:relative
}
.footer-widget ul li a:hover{
    color:var(--tg-theme-primary)
}
.footer-widget.widget_nav_menu ul li a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--tg-theme-primary);
    -webkit-transform-origin:right top;
    -ms-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:scale(0,1);
    -ms-transform:scale(0,1);
    transform:scale(0,1);
    transition:transform 0.4s cubic-bezier(.74,.72,.27,.24)
}
.footer-widget.widget_nav_menu ul li a:hover::after{
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
    -webkit-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1)
}
.footer-logo{
    margin:0 0 30px
}
.footer-text{
    margin-right:30px
}
@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;
        display: none;
    }
}
.footer__country{
    margin:0 0 100px
}
.footer__country-name{
    line-height:1
}
.footer__country-name .text{
    margin:0 0;
    font-size:90px;
    text-transform:capitalize;
    color:#fff0;
    -webkit-text-stroke-width:2px;
    -webkit-text-stroke-color:var(--tg-common-color-white);
    font-weight:var(--tg-fw-extra-bold);
    display:inline-block;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    line-height:.85;
    opacity:.66
}
@media (max-width:767.98px){
    .footer__country-name .text{
        display:block;
        font-size:12vw;
        -webkit-text-stroke-width:1px;
        line-height:.9
    }
}
.footer__country-name .text:hover{
    opacity:1
}
.footer__country-name .text::selection{
    -webkit-text-stroke-color:#fff0
}
.footer-style-two{
    background-color:var(--tg-common-color-black-6);
    position:relative;
    overflow:hidden;
    z-index:1
}
.footer-style-two::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    background-image:url(../img/bg/footer_shape.png);
    width:100%;
    height:100%;
    background-position:top center;
    background-size:cover;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:all 2.5s ease-out 0s;
    -moz-transition:all 2.5s ease-out 0s;
    -ms-transition:all 2.5s ease-out 0s;
    -o-transition:all 2.5s ease-out 0s;
    transition:all 2.5s ease-out 0s;
    z-index:-1
}
.footer-style-two.active-footer::before{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.footer__two-widgets{
    margin:0 0 20px
}
.footer-el-widget{
    margin:0 0 50px
}
.footer-el-widget:not(.widget_nav_menu){
    margin-top:30px
}
@media (max-width:767.98px){
    .footer-el-widget:not(.widget_nav_menu){
        margin-top:0
    }
}
.footer-el-widget .title{
    position:relative;
    font-size:18px;
    padding-left:30px;
    letter-spacing:1px;
    margin:0 0 20px
}
.footer-el-widget .title::before,.footer-el-widget .title::after{
    content:"\f0d9";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:var(--tg-icon-font-family);
    font-size:20px
}
.footer-el-widget .title::after{
    content:"\f0da";
    color:var(--tg-theme-primary);
    left:11px
}
.footer-el-widget.text-start .title{
    padding-left:0;
    padding-right:30px
}
@media (max-width:767.98px){
    .footer-el-widget.text-start .title{
        padding-left:30px;
        padding-right:0
    }
}
.footer-el-widget.text-start .title::before{
    left:auto;
    right:11px
}
@media (max-width:767.98px){
    .footer-el-widget.text-start .title::before{
        left:0;
        right:auto
    }
}
.footer-el-widget.text-start .title::after{
    content:"\f0da";
    color:var(--tg-theme-primary);
    left:auto;
    right:0
}
@media (max-width:767.98px){
    .footer-el-widget.text-start .title::after{
        left:11px;
        right:auto
    }
}
.footer-el-widget>ul.list-wrap li{
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-medium);
    color:#e2e1e1
}
@media (max-width:991.98px){
    .footer-el-widget>ul.list-wrap li br{
        display:none
    }
}
.footer-el-widget>ul.list-wrap li a{
    color:#e2e1e1
}
.footer-el-widget>ul.list-wrap li a:hover{
    color:var(--tg-theme-primary)
}
.footer-el-widget.widget_nav_menu ul li{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    margin:0 0 13px
}
@media (max-width:767.98px){
    .footer-el-widget.widget_nav_menu ul li{
        justify-content:flex-start;
        margin:0 0 10px
    }
}
.footer-el-widget.widget_nav_menu ul li:last-child{
    margin:0 0
}
.footer-el-widget.widget_nav_menu ul li a{
    display:block;
    text-transform:uppercase;
    font-family:var(--tg-heading-font-family);
    font-weight:var(--tg-fw-semi-bold);
    color:#e2e1e1;
    position:relative
}
.footer-el-widget.widget_nav_menu ul li a::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    width:42px;
    height:1px;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(0deg);
    -moz-transform:translateY(-50%) rotate(0deg);
    -ms-transform:translateY(-50%) rotate(0deg);
    -o-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
    background:var(--tg-theme-primary);
    margin:0 auto;
    opacity:0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.footer-el-widget.widget_nav_menu ul li a:hover{
    color:var(--tg-theme-primary)
}
.footer-el-widget.widget_nav_menu ul li a:hover::before{
    opacity:1;
    -webkit-transform:translateY(-50%) rotate(-40deg);
    -moz-transform:translateY(-50%) rotate(-40deg);
    -ms-transform:translateY(-50%) rotate(-40deg);
    -o-transform:translateY(-50%) rotate(-40deg);
    transform:translateY(-50%) rotate(-40deg)
}
.footer-el-logo img{
    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
    }
}
.copyright__menu ul{
    gap:0 55px
}
@media (max-width:1500px){
    .copyright__menu ul{
        gap:0 35px
    }
}
@media (max-width:991.98px){
    .copyright__menu ul{
        gap:0 25px;
        margin:5px 0 0
    }
}
.copyright__menu ul li a{
    display:block;
    text-transform:uppercase;
    color:#9f9f9f;
    font-weight:var(--tg-fw-semi-bold);
    font-family:var(--tg-heading-font-family)
}
.copyright__menu ul li a:hover{
    color:var(--tg-theme-primary)
}
.footer-style-three{
    padding-top:140px
}
.footer-style-three .footer__top-wrap{
    border-top:none
}
.footer-style-three .copyright__wrap{
    background:#fff0;
    border-top:1px solid rgb(255 255 255 / .1);
    padding:22px 0
}
.footer-style-three .copyright__text p{
    color:var(--tg-common-color-white);
    font-size:16px
}
.footer-style-three .copyright__menu ul{
    gap:0 42px
}
@media (max-width:767.98px){
    .footer-style-three .copyright__menu ul{
        gap:0 20px;
        margin:0
    }
}
.footer-style-three .copyright__menu ul li a{
    color:var(--tg-common-color-white)
}
.footer-style-three .copyright__menu ul li a:hover{
    color:var(--tg-theme-primary)
}
@media (max-width:991.98px){
    .footer-style-three{
        padding-top:0;
        margin-top:40px;
        background-image:none!important;
        border-top:10px solid var(--tg-theme-primary)
    }
    .footer-style-three .copyright__wrap{
        text-align:center
    }
    .footer-style-three .copyright__text p{
        font-size:14px
    }
    .footer-style-three .copyright__menu ul li a{
        font-size:14px
    }
}
@media (max-width:767.98px){
    .footer-style-three{
        margin-top:30px
    }
}
.footer-contact-link{
    display:flex;
    gap:20px;
    align-items:center
}
.footer-contact-link .icon{
    width:80px;
    height:80px;
    line-height:68px;
    flex:none;
    background:#12141D;
    border:5px solid #1F222D;
    box-shadow:0 7px 25px rgb(0 0 0 / .33);
    backdrop-filter:blur(9.5px);
    text-align:center;
    color:var(--tg-theme-primary)
}
.footer-contact-link .title{
    font-size:18px;
    font-weight:700
}
.footer-contact-link p,.footer-contact-link .link{
    font-size:18px;
    font-family:var(--tg-heading-font-family);
    margin-bottom:0;
    line-height:1.4em;
    color:var(--tg-body-color)
}
.footer-contact-link .link{
    display:block
}
.footer-contact-link .link:hover{
    color:var(--tg-theme-primary)
}
.footer-style-four{
    clip-path:polygon(50% 0%,100% 167px,100% 100%,0 100%,0% 167px)
}
.footer-style-four .footer__top-wrap{
    padding-top:160px;
    position:relative;
    padding-bottom:0
}
.footer-style-four .footer__top-wrap::before,.footer-style-four .footer__top-wrap::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:50%;
    clip-path:polygon(0% 167px,0% 100%,100% 0%);
    background-color:#0A0912;
    height:200px
}
.footer-style-four .footer__top-wrap::after{
    left:auto;
    right:0;
    clip-path:polygon(100% 167px,0% 0%,100% 100%);
    background:var(--tg-theme-primary)
}
@media (max-width:767.98px){
    .footer-style-four .footer__top-wrap{
        padding-top:80px
    }
}
.footer-style-four .copyright__wrap{
    background:#fff0;
    padding:22.5px 0
}
.footer-style-four .copyright__text p{
    color:var(--tg-common-color-white);
    font-size:16px
}
.footer-style-four .copyright__menu ul{
    gap:0 42px
}
@media (max-width:767.98px){
    .footer-style-four .copyright__menu ul{
        gap:0 25px
    }
}
.footer-style-four .copyright__menu ul li a{
    color:var(--tg-common-color-white)
}
.footer-style-four .copyright__menu ul li a:hover{
    color:var(--tg-theme-primary)
}
@media (max-width:991.98px){
    .footer-style-four .copyright__wrap{
        text-align:center
    }
    .footer-style-four .copyright__text p{
        font-size:14px
    }
    .footer-style-four .copyright__menu ul li a{
        font-size:14px
    }
}
.footer-menu-link{
    display:inline-flex;
    gap:15px 50px;
    flex-wrap:wrap;
    justify-content:center
}
@media (max-width:767.98px){
    .footer-menu-link{
        gap:5px 25px
    }
}
.footer-menu-link a{
    font-size:18px;
    font-weight:700;
    font-family:var(--tg-heading-font-family);
    color:var(--tg-common-color-white);
    text-transform:uppercase
}
.footer-menu-link a:hover{
    color:var(--tg-theme-primary)
}
.footer-newsletter2{
    background:#fff0;
    padding:60px 60px 60px 80px;
    display:flex;
    justify-content:space-between;
    position:relative;
    box-shadow:0 15px 41px rgb(0 0 0 / .1);
    align-items:center
}
.footer-newsletter2:before,.footer-newsletter2:after{
    content:"";
    position:absolute;
    inset:1px;
    z-index:-1;
    background:#11131C;
    clip-path:polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,50px 100%,0 calc(100% - 50px));
    opacity:.4
}
.footer-newsletter2:before{
    inset:0;
    background:#303340
}
.footer-newsletter2 .title{
    margin-bottom:0;
    font-size:36px;
    font-weight:800
}
@media (max-width:1199.98px){
    .footer-newsletter2 .title{
        font-size:30px
    }
}
@media (max-width:991.98px){
    .footer-newsletter2{
        display:block;
        text-align:center;
        padding:55px 60px 60px
    }
    .footer-newsletter2 .title{
        margin-bottom:30px
    }
}
@media (max-width:767.98px){
    .footer-newsletter2{
        padding:45px 40px 50px
    }
}
@media (max-width:375px){
    .footer-newsletter2{
        padding:35px 35px 40px
    }
}
.footer-newsletter-form2{
    position:relative;
    width:577px
}
.footer-newsletter-form2 [type=email]{
    display:block;
    border:none;
    background:#1F222D;
    width:100%;
    border-radius:0;
    padding:17px 170px 17px 25px;
    font-size:14px;
    height:60px;
    clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))
}
.footer-newsletter-form2 [type=email]::placeholder{
    font-size:14px
}
.footer-newsletter-form2 [type=submit]{
    position:absolute;
    top:10px;
    right:10px;
    height:40px;
    border:none;
    padding:10px 32px;
    font-size:14px;
    font-weight:600;
    font-family:var(--tg-heading-font-family);
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#202123;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--tg-theme-primary);
    clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))
}
.footer-newsletter-form2 [type=submit]:hover{
    background:var(--tg-theme-secondary)
}
@media (max-width:1199.98px){
    .footer-newsletter-form2{
        width:425px
    }
}
@media (max-width:991.98px){
    .footer-newsletter-form2{
        width:100%
    }
}
@media (max-width:767.98px){
    .footer-newsletter-form2{
        text-align:center
    }
    .footer-newsletter-form2 [type=email]{
        padding:17px 25px 17px 25px
    }
    .footer-newsletter-form2 [type=submit]{
        position:relative;
        display:inline-flex;
        top:0;
        right:0;
        margin-top:20px
    }
}
@-webkit-keyframes tgSlideDown{
    0%{
        opacity:0;
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes tgSlideDown{
    0%{
        opacity:0;
        transform:translateY(50px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
@-webkit-keyframes shapeBlinker{
    50%{
        opacity:.59
    }
}
@keyframes shapeBlinker{
    50%{
        opacity:.59
    }
}
@-webkit-keyframes mykdRotation{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes mykdRotation{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.tg__animate-text span{
    animation:0.8s both tg_animated_text
}
@keyframes tg_animated_text{
    0%{
        opacity:0
    }
    65%{
        opacity:1;
        text-shadow:0 0 25px var(--tg-theme-primary)
    }
    75%{
        opacity:1
    }
    100%{
        opacity:1
    }
}
.tg__animate-text.style2 span{
    animation:0.8s both tg_animated_text2
}
@keyframes tg_animated_text2{
    0%{
        opacity:0
    }
    65%{
        opacity:1;
        text-shadow:0 0 25px var(--tg-common-color-black-4)
    }
    75%{
        opacity:1
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes breadcrumbShake{
    10%,90%{
        -webkit-transform:translate3d(-1px,0,0);
        transform:translate3d(-1px,0,0)
    }
    20%,80%{
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
    }
    30%,50%,70%{
        -webkit-transform:translate3d(-4px,0,0);
        transform:translate3d(-4px,0,0)
    }
    40%,60%{
        -webkit-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
    }
}
@keyframes breadcrumbShake{
    10%,90%{
        -webkit-transform:translate3d(-1px,0,0);
        transform:translate3d(-1px,0,0)
    }
    20%,80%{
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
    }
    30%,50%,70%{
        -webkit-transform:translate3d(-4px,0,0);
        transform:translate3d(-4px,0,0)
    }
    40%,60%{
        -webkit-transform:translate3d(4px,0,0);
        transform:translate3d(4px,0,0)
    }
}
@-webkit-keyframes xAnimation{
    0%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
    50%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
}
@keyframes xAnimation{
    0%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
    50%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
}
@-webkit-keyframes defaultInset{
    0%{
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
    }
    100%{
        -webkit-clip-path:inset(0 0 0 100%);
        clip-path:inset(0 0 0 100%)
    }
}
@keyframes defaultInset{
    0%{
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
    }
    100%{
        -webkit-clip-path:inset(0 0 0 100%);
        clip-path:inset(0 0 0 100%)
    }
}
@-webkit-keyframes activeInset{
    0%{
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path:inset(0 100% 0 0)
    }
    100%{
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
    }
}
@keyframes activeInset{
    0%{
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path:inset(0 100% 0 0)
    }
    100%{
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
    }
}
@-webkit-keyframes tg_arrow{
    49%{
        transform:translateX(80%)
    }
    50%{
        opacity:0;
        transform:translateX(-80%)
    }
    51%{
        opacity:1
    }
}
@-moz-keyframes tg_arrow{
    49%{
        transform:translateX(80%)
    }
    50%{
        opacity:0;
        transform:translateX(-80%)
    }
    51%{
        opacity:1
    }
}
@keyframes tg_arrow{
    49%{
        transform:translateX(80%)
    }
    50%{
        opacity:0;
        transform:translateX(-80%)
    }
    51%{
        opacity:1
    }
}
.movingX{
    animation:movingX 8s linear infinite
}
@keyframes movingX{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(50px)
    }
    100%{
        transform:translateX(0)
    }
}
.jump{
    animation:jumpAni 7s linear infinite
}
@keyframes jumpAni{
    0%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    100%{
        transform:translateY(0)
    }
}
.jump-reverse{
    animation:jumpReverseAni 7s linear infinite
}
@keyframes jumpReverseAni{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(30px)
    }
    100%{
        transform:translateY(0)
    }
}
   
.tela-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* Ajuste a opacidade conforme necessário */
  z-index: -1;
}

#background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: -2;
    object-fit: cover;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.tela-video-all {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* Ajuste a opacidade conforme necessário */
  z-index: -1;
}

.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -2; /* Para garantir que o vídeo fique atrás do conteúdo */
}

#background-video-all {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover; /* Para garantir que o vídeo cubra todo o background */
}

.box-ajust{

    margin-bottom: 125px;
    margin-top: 175px;
}
.form-grp.inline {
  display: flex;
  align-items: center;
  gap: 10px; /* Espaçamento entre o rádio e o label */
}
.filterdb input[type="radio"]{

  margin-bottom: -5px;
}
input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  appearance: none;
  -webkit-appearance: none;
  background-image: url('radio_off.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 0;
  margin-bottom: 9px;
  margin-top: 20px;
}

.form-grp.inline input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  appearance: none;
  -webkit-appearance: none;
  background-image: url('radio_off.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 0;
  margin-bottom: 9px;
  margin-top: 20px;
}

.form-grp.inline input[type="radio"]:checked {
  background-image: url('radio_on.png');
}

.form-grp.inline input[type="radio"] + label {
  cursor: pointer;
  font-size: 16px;
  line-height: 1; 
  margin-top: 20px;
}

input[type="radio"]:checked {
  background-image: url('radio_on.png');
}

input[type="radio"] + label {
  cursor: pointer;
  font-size: 16px;
  line-height: 1; 
  margin-top: 20px;
}

.container-geral{

}
.database {
    width: 100%;
    margin-bottom: 25   px;
    border-collapse: collapse;
    background-color: #444; 
    color: white; 

}

.database td img {
  vertical-align: middle;  
}

.database th, .database td {

    padding: 10px;

}

.database tr th {
    padding: 10px;
    background-color:#0d0f14;
}

.database tr {
    background-color:#121a23;
    background-image:-moz-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-webkit-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%);
    background-image:-ms-linear-gradient(90deg,#0c0e12 0%,rgb(31 41 53 / .36078) 100%); 
}


.database img {
    max-width: 50px; 
    max-height: 50px; 
}

body {
  cursor: url('cursor.png'), auto;
}

a:hover, 
button:hover, 
i:hover, 
select:hover,  
input[type="checkbox"], 
.square , 
input[type="radio"], 
input[type="radio"]+label {

  cursor: url('hand.png'), auto!important;
}


a:active, 
button:active, 
i:active,select:active,  
input[type="checkbox"]:active, 
.square:active, 
input[type="radio"]:active, 
input[type="radio"]+label:active {
  cursor: url('click.png'), auto!important;
}

select:disabled, select option:disabled. button:disabled, a:disabled, input[type="checkbox"]:disabled {
  cursor: url('blocked.png'), auto;
}

.disabled{
    pointer-events: none; 
    opacity: 0.50;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}


.db-container {
   padding: 30px;
   margin: 50px;
   margin-top: 160px;
   background-color: var(--tg-common-color-black);


   border-radius: 8px;

   overflow: auto; 
}

.search-box {
  float: right;
  margin-bottom: 10px;


}
.search-box form {
  display: flex;
  align-items: center;
}

.search-box input[type="text"], .db-container input[type="number"] {
    padding: 5px;
    border: 1px solid var(--tg-theme-primary); 
    background-color:var(--tg-common-color-gray); 
    color: white;
    padding: 10px;
    margin-right: 5px;
    border-radius: 7px;
}

.search-box input[type="text"]::placeholder {
    color: #888; 
}

.btn-filter {
    width: 10%;
    padding: 10px;
    background-color: var(--tg-theme-primary);
    border: none;
    border-radius: 4px;
    color: var(--tg-common-color-black-2);
    font-size: 1em;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: var(--tg-fw-extra-bold);
       
}
.btn-footer-anterior:hover,
.btn-footer-proximo:hover,
.btn-filter:hover {
    background-color: var(--tg-common-color-gray);
    transition: all 0.2s ease;
    color: white;
}

.title-db{
    padding-bottom: 15px;
    justify-content: center;
    display: flex;
}

.footer-table{
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-table span#paginas {

    padding-top: 10px;
    padding-bottom: 10px;
    width: 10%;
    background-color: #222;
    border: none;
    display: inline-block; 
    color: #fff;
    font-size: 1em;
    text-align: center; 
    vertical-align: middle; 
}

.btn-footer-proximo {
    width: 10%;
    padding: 10px;
    background-color: var(--tg-theme-primary);
    border: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: var(--tg-common-color-black-2);
    font-size: 1em;
    cursor: pointer;
    transition: background 0.5s ease;
    font-weight: var(--tg-fw-extra-bold);
    
    
}

.btn-footer-anterior {
    width: 10%;
    padding: 10px;
    background-color: var(--tg-theme-primary);
    border: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: var(--tg-common-color-black-2);
    font-size: 1em;
    cursor: pointer;
    transition: background 0.5s ease;
    font-weight: var(--tg-fw-extra-bold);
    
    
}

   .search-box form {
       display: flex;
       align-items: center;
       gap: 0.5rem;
   }
   .search-box input[type="submit"] {
       border: none;
       appearance: none;
       -webkit-appearance: none;
       background: none; /* Remove qualquer fundo */
       background-image: url('assets/btn_search_out.png'); /* Defina a imagem */
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       cursor: pointer;
       width: 37px !important;
       height: 32px;
       text-indent: -9999px; /* Move o texto para fora da tela */
       transition: none;
       transition: all 0.3s ease;
   }
   .search-box input[type="submit"]:hover {
       transition: all 0.3s ease;
       background-image: url('assets/btn_search_over.png');
       transition: none;
   }
   .search-box input[type="submit"]:active {
       transition: all 0.3s ease;
       background-image: url('assets/btn_search_press.png');
       transition: none;
   }
        .banner-vote {
            width: auto !important;
            height: auto !important;
            max-width: none !important;
            max-height: 90px !important;
        }

       .footer-social img:hover{
        transform: scale(1.2);
    }

    
    .container-info {
      max-width: 1200px;
      width: 100%;
      background: var(--tg-common-color-black);
      padding: 40px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 12px;
      justify-content: center;
      box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
    }

    headerarea {
      text-align: center;
      margin-bottom: 40px;
    }

    headerarea h1 {
      font-size: 2.5rem;
      font-weight: 600;
      color: white;
      margin-bottom: 25px;
    }

    .section-area {
      margin-bottom: 40px;
    }

    .section-area-title {
      font-size: 1.8rem;
      font-weight: 600;
      border-bottom: 2px solid var(--tg-theme-primary);
      padding-bottom: 10px;
      margin-bottom: 20px;
      color: var(--tg-theme-primary);
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
    }

    .card-area-info {
      background: var(--tg-common-color-gray);
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
      transition: transform 0.2s;
    }

    .card-area-info:hover {
      transform: translateY(-5px);
    }

    .card-area-info h3 {
      color: var(--tg-theme-primary);
      font-size: 1.5rem;
      margin-bottom: 10px;
    }

    .container-info p {
      color: #fff;
      line-height: 1.5;
    }
  .icon-social{
    margin: 0 10px;
  }
  .icon-social:hover{
    margin: 0 10px;
    transform: scale(1.2);
  } 
  .em{
      color: var(--tg-theme-primary);
  }

    .container-download {
    display: flex; 
    justify-content: space-around; 
    align-items: center; 
    padding-bottom: 50px;
    position: relative;
}

.botao-download-link {
    color: #272827;
    text-decoration: none !important;
    width: 30%; 
    height: 109px; 
    display: block;
    margin: 0 auto;
    position: relative; 
}

.botao-download-link:hover {
    color: #FFFFFF;
}

.botao-download {
    width: 100%;
    height: 100%;
    position: relative; 
}

.down-download-img {
    position: absolute;
    top: 10px; 
    right: 10px; 
    z-index: 2; 
    width: 50px;
    height: 50px;
}

.botao-download-img1 {
    position: absolute;
    margin-left: 35px;
    margin-top: 20px;
    z-index: 2;
}
.botao-download-img2 {
    position: absolute;
    margin-left: 35px;
    margin-top: 20px;
    z-index: 2;
}
.botao-download-img3 {
    position: absolute;
    margin-left: 35px;
    margin-top: 20px;
    z-index: 2;
}

.botao-download-barralateral {
    width: 14px;
    height: 109px;
    border-radius: 10px 0px 0px 10px;
    position: absolute;
    z-index: 1;
}

.botao-download-botao {
    width: 100%;
    height: 100%;
    background: var(--tg-common-color-gray);
    border-radius: 10px;
    padding-top: 10px;
    transition: 0.5s;
}
.botao-download-botao p:hover,.botao-download-botao span:hover {
      color: var(--tg-common-color-black)!important;
}

.botao-download-botao p {

    font-size: 16px;
    line-height: 180%;
}

.botao-download-botao p span {
    font-size: 25px;
    font-weight: 600;
}

.barralateral-azul {
    background: #0863DE;
}

.botao-azul:hover {
    background: #0863DE;
}

.barralateral-verde {
    background: #47ea52;
}

.botao-verde:hover {
    background: #47ea52;
}

.barralateral-vermelho {
    background: #FF0000;
}

.botao-vermelho:hover {
    background: #FF0000;
}

.circle {
    width: 25px;
    height: 25px;
    border: 4px solid var(--tg-common-color-black);
    border-top: 4px solid var(--tg-theme-primary);
    border-radius: 50%;
    animation: spin 2s linear infinite;
    display: none; /* Hide by default */
    margin-left: 10px;
    align-items: center;
    justify-content: center;
    margin: auto;
}
@keyframes spin {
    0% { transform: rotate(deg); }
    100% { transform: rotate(360deg); }
}
.messageError{
    color: white;
    background-color: #bd2130;
    padding: 5px;
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    width: 100%;
    transition: all 0.9s ease;

    margin: 7px 0;

}
.messageSuccess{
    color: white;
    background-color: #1e7e34;
    padding: 5px;
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    width: 100%;
    transition: all 0.9s ease;
    margin: 7px 0;

}
#popup{
    display: none; 
    position: fixed; 
    z-index: 9999; 
    bottom: 20px; 
    left: 50%; 
    transform: translateX(-50%);
    background-color:#121a23;
    background-image:-moz-linear-gradient(90deg,rgb(31 41 53 / .36078) 0%,#0c0e12 100%);
    background-image:-webkit-linear-gradient(90deg,rgb(31 41 53 / .36078) 0%,#0c0e12 100%);
    background-image:-ms-linear-gradient(90deg,rgb(31 41 53 / .36078) 0%,#0c0e12 100%); 
    color: white; 
    padding: 10px; border-radius: 5px; 
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
}#background-video2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: -2;
    object-fit: cover;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

}.menu-area-video {
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 100px 0 0 0 ;
}
.tela-video-footer{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Ajuste a opacidade conforme necessário */
  z-index: -1;
}
.blog-area-video {
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 100px 0 0 0 ;

}

.input-info{
    padding: 14px 20px;
    font-size: 16px;
    color: var(--tg-heading-color);
    border: 1px solid rgb(76 76 76 / .2);
    background: var(--tg-common-color-gray);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    line-height: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
    #send-donate{
       width:45.7%;
    }
    .menu-item-has-children.account-nav{
        display: none;
    }
@media (max-width: 1400px) {
    #send-donate{
        width: 100%;
    }
}   
@media (max-width: 768px) {
    
    .db-container {
        margin-left:0;
        margin-right:0;
    }
     .search-box{
        
        margin-top:3px;
    }
    .database, .filterdb, .search-box input,.banner-vote, .drops, .slider-result-show{
        zoom: 0.5
    } 

    .db-container button{
        zoom: 0.5;
        width: 25%;
    }
    .filterdb label{
        zoom: 0.9
    }
    .title-db{
        zoom: 0.5
    }
    .btn-footer-anterior {
        width: 100%; 
    }
    .btn-footer-proximo {
        width: 100%; 
    }

    .footer-table span#paginas {
        width: 100%;
    }
    .account-nav{
        display: block;
    }
    
}