@use "sass:math";
@font-face{
    font-family:warPriest;
    src:url(../fonts/warpriest/warpriest.ttf)
}
@font-face{
    font-family:warPriest3d;
    src:url(../fonts/warpriest/warpriest3d.ttf)
}
:root{
    --theme-color: #3c9ec9;
    --theme-color2: #FFBE18;
    --theme-color3: #6240CF;
    --title-color: #0B0E13;
    --body-color: #969EB2;
    --smoke-color: #F5F7FA;
    --smoke-color2: #F5F8FD;
    --black-color: #000000;
    --black-color2: #1A1D26;
    --black-color3: #0F1C23;
    --gray-color: #D8DDE1;
    --white-color: #ffffff;
    --light-color: #bdbdbd;
    --yellow-color: #FFB539;
    --success-color: #28a745;
    --error-color: #F2003A;
    --th-border-color: #6C6C6C;
    --th-border-color2: #E6E6E6;
    --title-font: 'Rajdhani', sans-serif;
    --body-font: 'Poppins', sans-serif;
    --war-font: "warPriest";
    --war-font2: "warPriest3d";
    --goldman-font: "Goldman", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1225px;
    --container-gutters: 24px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s;
    --th-body-background: #0B0E13
}
html,body{
    scroll-behavior:auto !important
}
.theme-red{
    --theme-color: #E20000
}
.theme-red .th-btn{
    color:var(--white-color)
}
.theme-red .th-btn.style-border3:hover .btn-border{
    color:var(--white-color)
}
.theme-red .th-btn.style-border2 .btn-border{
    color:var(--white-color)
}
.theme-red .th-menu-wrapper .th-menu-toggle{
    color:var(--white-color)
}
.home-sidemenu body{
    margin-left:100px;
    margin-right:100px
}
@media (max-width: 575px){
    .home-sidemenu body{
        margin-left:0;
        margin-right:0
    }
}
body{
    font-family:var(--body-font);
    font-size:16px;
    font-weight:400;
    color:var(--body-color);
    line-height:26px;
    overflow-x:hidden;
    background:var(--th-body-background);
    -webkit-font-smoothing:antialiased;
    cursor:auto
}
body:has(.cursor-image){
   cursor: url('cursor.png'), auto;
}

body::-webkit-scrollbar{
    width:10px;
    height:10px;
    border-radius:0px
}
body::-webkit-scrollbar-track{
    background:var(--black-color2);
    box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:0px
}
body::-webkit-scrollbar-thumb{
    background-color:var(--theme-color);
    background-image:-webkit-linear-gradient(45deg, rgba(0,0,0,0.3) 25%, transparent 20%, transparent 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.3) 75%, transparent 75%, transparent);
    border-radius:0px
}
.cursor-animation{
    position:fixed;
    background:var(--theme-color);
    width:15px;
    height:15px;
    border-radius:100%;
    z-index:999999;
    -webkit-transition:0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition:0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition:0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
    transition:0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none;
    -webkit-transform:translate(2px, 2px);
    -ms-transform:translate(2px, 2px);
    transform:translate(2px, 2px);
    mix-blend-mode:exclusion
}
iframe{
    border:none;
    width:100%
}
.slick-slide:focus,button:focus,a:focus,a:active,input,input:hover,input:focus,input:active,textarea,textarea:hover,textarea:focus,textarea:active{
    outline:none
}
input:focus{
    outline:none;
    box-shadow:none
}
img:not([draggable]),embed,object,video{
    max-width:100%;
    height:auto
}
ul{
    list-style-type:disc
}
ol{
    list-style-type:decimal
}
table{
    margin:0 0 1.5em;
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    border:1px solid var(--th-border-color)
}
th{
    font-weight:700;
    color:var(--title-color)
}
td,th{
    border:1px solid var(--th-border-color);
    padding:9px 12px
}
a{
    color:var(--theme-color);
    text-decoration:none;
    outline:0;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s
}
a:hover{
    color:var(--white-color)
}
a:active,a:focus,a:hover,a:visited{
    text-decoration:none;
    outline:0
}
button{
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s
}
img{
    border:none;
    max-width:100%
}
ins{
    text-decoration:none
}
pre{
    font-family:var(--body-font);
    background:#f5f5f5;
    color:#666;
    font-size:14px;
    margin:20px 0;
    overflow:auto;
    padding:20px;
    white-space:pre-wrap;
    word-wrap:break-word
}
span.ajax-loader:empty,p:empty{
    display:none
}
p{
    font-family:var(--body-font);
    margin:0 0 18px 0;
    color:var(--body-color);
    line-height:1.75
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a,span a{
    font-size:inherit;
    font-family:inherit;
    font-weight:inherit;
    line-height:inherit
}
.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{
    font-family:var(--title-font);
    color:var(--title-color);
    text-transform:none;
    font-weight:700;
    line-height:1.4;
    margin:0 0 15px 0
}
.h1,h1{
    font-size:84px;
    line-height:1.18
}
.h2,h2{
    font-size:44px;
    line-height:1.227
}
.h3,h3{
    font-size:36px;
    line-height:1.278
}
.h4,h4{
    font-size:30px;
    line-height:1.333
}
.h5,h5{
    font-size:24px;
    line-height:1.417
}
.h6,h6{
    font-size:20px;
    line-height:1.5
}
@media (max-width: 1399px){
    .h1,h1{
        font-size:74px;
        line-height:1.3
    }
}
@media (max-width: 1199px){
    .h1,h1{
        font-size:44px;
        line-height:1.3
    }
    .h2,h2{
        font-size:36px;
        line-height:1.3
    }
    .h3,h3{
        font-size:30px
    }
    .h4,h4{
        font-size:24px
    }
    .h5,h5{
        font-size:20px
    }
    .h6,h6{
        font-size:16px
    }
}
@media (max-width: 767px){
    .h1,h1{
        font-size:40px
    }
    .h2,h2{
        font-size:34px;
        line-height:1.3
    }
    .h3,h3{
        font-size:30px
    }
    .h4,h4{
        font-size:22px
    }
    .h5,h5{
        font-size:18px
    }
    .h6,h6{
        font-size:16px
    }
}
@media (max-width: 575px){
    .h1,h1{
        font-size:36px;
        line-height:1.35
    }
    .h2,h2{
        font-size:30px
    }
    .h3,h3{
        font-size:26px
    }
}
@media (max-width: 375px){
    .h1,h1{
        font-size:34px
    }
}
p.has-drop-cap{
    margin-bottom:20px
}
.unittest-header .sticky-wrapper.sticky{
    position:relative;
    background-color:transparent;
    padding:0
}
.page--item p:last-child .alignright{
    clear:right
}
.blog-title,.pagi-title,.breadcumb-title{
    word-break:break-word
}
.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{
    color:var(--body-color)
}
.bypostauthor,.gallery-caption{
    display:block
}
.page-links,.clearfix{
    clear:both
}
.page--item{
    margin-bottom:30px
}
.page--item p{
    line-height:1.8
}
.content-none-search{
    margin-top:30px
}
.wp-block-button.aligncenter{
    text-align:center
}
.alignleft{
    display:inline;
    float:left;
    margin-bottom:10px;
    margin-right:1.5em
}
.alignright{
    display:inline;
    float:right;
    margin-bottom:10px;
    margin-left:1.5em;
    margin-right:1em
}
.aligncenter{
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:100%
}
.gallery{
    margin-bottom:1.5em;
    width:100%
}
.gallery-item{
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width:100%;
    padding:0 5px
}
.wp-block-columns{
    margin-bottom:1em
}
figure.gallery-item{
    margin-bottom:10px;
    display:inline-block
}
figure.wp-block-gallery{
    margin-bottom:14px
}
.gallery-columns-2 .gallery-item{
    max-width:50%
}
.gallery-columns-3 .gallery-item{
    max-width:33.33%
}
.gallery-columns-4 .gallery-item{
    max-width:25%
}
.gallery-columns-5 .gallery-item{
    max-width:20%
}
.gallery-columns-6 .gallery-item{
    max-width:16.66%
}
.gallery-columns-7 .gallery-item{
    max-width:14.28%
}
.gallery-columns-8 .gallery-item{
    max-width:12.5%
}
.gallery-columns-9 .gallery-item{
    max-width:11.11%
}
.gallery-caption{
    display:block;
    font-size:12px;
    color:var(--body-color);
    line-height:1.5;
    padding:0.5em 0
}
.wp-block-cover p:not(.has-text-color),.wp-block-cover-image-text,.wp-block-cover-text{
    color:var(--white-color)
}
.wp-block-cover{
    margin-bottom:15px
}
.wp-caption-text{
    text-align:center
}
.wp-caption{
    margin-bottom:1.5em;
    max-width:100%
}
.wp-caption .wp-caption-text{
    margin:0.5em 0;
    font-size:14px
}
.wp-block-media-text,.wp-block-media-text.alignwide,figure.wp-block-gallery{
    margin-bottom:30px
}
.wp-block-media-text.alignwide{
    background-color:var(--smoke-color)
}
.editor-styles-wrapper .has-large-font-size,.has-large-font-size{
    line-height:1.4
}
.wp-block-latest-comments a{
    color:inherit
}
.wp-block-button{
    margin-bottom:10px
}
.wp-block-button:last-child{
    margin-bottom:0
}
.wp-block-button .wp-block-button__link{
    color:#fff
}
.wp-block-button .wp-block-button__link:hover{
    color:var(--title-color);
    background-color:var(--theme-color)
}
.wp-block-button.is-style-outline .wp-block-button__link{
    background-color:transparent;
    border-color:var(--title-color);
    color:var(--title-color)
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
    color:var(--title-color);
    background-color:var(--theme-color);
    border-color:var(--theme-color)
}
.wp-block-button.is-style-squared .wp-block-button__link{
    border-radius:0
}
ol.wp-block-latest-comments li{
    margin:15px 0
}
ul.wp-block-latest-posts{
    padding:0;
    margin:0;
    margin-bottom:15px
}
ul.wp-block-latest-posts a{
    color:inherit
}
ul.wp-block-latest-posts a:hover{
    color:var(--theme-color)
}
ul.wp-block-latest-posts li{
    margin:15px 0
}
.wp-block-search__inside-wrapper{
    position:relative
}
.wp-block-search{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:30px
}
.wp-block-search .wp-block-search__label,.wp-block-search .wp-block-group__inner-container h2{
    position:relative;
    font-size:30px;
    font-weight:700;
    font-family:var(--title-font);
    line-height:1em;
    color:var(--white-color);
    margin:-0.12em 0 30px 0
}
.wp-block-search .wp-block-search__inside-wrapper{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    background:var(--theme-color)
}
.wp-block-search .wp-block-search__inside-wrapper:before,.wp-block-search .wp-block-search__inside-wrapper:after{
    content:"";
    position:absolute;
    background-color:var(--theme-color);
    z-index:1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:10px;
    width:26px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%);
    clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%)
}
.wp-block-search .wp-block-search__inside-wrapper:after{
    right:10px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.wp-block-search .wp-block-search__inside-wrapper input{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    border-radius:0px;
    padding:0 40px;
    padding-right:110px;
    border:0;
    -webkit-clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    background:var(--black-color3);
    color:var(--white-color);
    margin:1px
}
.wp-block-search .wp-block-search__inside-wrapper input:focus{
    border-color:var(--theme-color)
}
.wp-block-search .wp-block-search__inside-wrapper input::-webkit-input-placeholder{
    color:var(--white-color)
}
.wp-block-search .wp-block-search__inside-wrapper input::-moz-placeholder{
    color:var(--white-color)
}
.wp-block-search .wp-block-search__inside-wrapper input:-ms-input-placeholder{
    color:var(--white-color)
}
.wp-block-search .wp-block-search__inside-wrapper input::-ms-input-placeholder{
    color:var(--white-color)
}
.wp-block-search .wp-block-search__inside-wrapper input::placeholder{
    color:var(--white-color)
}
.wp-block-search .wp-block-search__inside-wrapper button{
    border:none;
    font-size:16px;
    font-weight:500;
    background-color:transparent;
    color:var(--theme-color);
    display:inline-block;
    padding:0;
    width:auto;
    height:100%;
    text-align:center;
    border-radius:0px;
    position:absolute;
    top:0;
    right:40px
}
.wp-block-search .wp-block-search__inside-wrapper button:hover{
    color:var(--white-color);
    background:transparent
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{
    padding:0;
    border:none
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{
    padding:0 120px 0 40px
}
ul.wp-block-rss a{
    color:inherit
}
.wp-block-group.has-background{
    padding:15px 15px 1px;
    margin-bottom:30px
}
.wp-block-table td,.wp-block-table th{
    border-color:rgba(0,0,0,0.1)
}
.wp-block-table.is-style-stripes{
    border:1px solid rgba(0,0,0,0.1);
    margin-bottom:30px
}
.wp-block-table.is-style-stripes{
    border:0;
    margin-bottom:30px;
    border-bottom:0
}
.wp-block-table.is-style-stripes th,.wp-block-table.is-style-stripes td{
    border-color:var(--th-border-color)
}
.logged-in .sticky-wrapper.sticky,.logged-in .preloader .th-btn{
    top:32px
}
@media (max-width: 782px){
    .logged-in .sticky-wrapper.sticky,.logged-in .preloader .th-btn{
        top:46px
    }
}
@media (max-width: 600px){
    .logged-in .sticky-wrapper.sticky,.logged-in .preloader .th-btn{
        top:0
    }
}
.post-password-form{
    margin-bottom:30px;
    margin-top:20px
}
.post-password-form p{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    gap:15px
}
@media (max-width: 575px){
    .post-password-form p{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.post-password-form label{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -webkit-flex:auto;
    -ms-flex:auto;
    flex:auto;
    margin-bottom:0;
    line-height:1;
    margin-top:0;
    gap:15px
}
@media (max-width: 575px){
    .post-password-form label{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.post-password-form input{
    width:100%;
    border:none;
    height:55px;
    padding-left:25px;
    color:var(--body-color);
    border:1px solid var(--th-border-color)
}
.post-password-form input[type="submit"]{
    padding-left:0;
    padding-right:0;
    margin:0;
    width:140px;
    border:none;
    color:#fff;
    background-color:var(--theme-color);
    text-align:center
}
.post-password-form input[type="submit"]:hover{
    background-color:var(--title-color)
}
.page-links{
    clear:both;
    margin:0 0 1.5em;
    padding-top:1em
}
.page-links>.page-links-title{
    margin-right:10px
}
.page-links>span:not(.page-links-title):not(.screen-reader-text),.page-links>a{
    display:inline-block;
    padding:5px 13px;
    background-color:var(--white-color);
    color:var(--title-color);
    border:1px solid rgba(0,0,0,0.08);
    margin-right:10px
}
.page-links>span:not(.page-links-title):not(.screen-reader-text):hover,.page-links>a:hover{
    opacity:0.8;
    color:var(--title-color);
    background-color:var(--theme-color);
    border-color:transparent
}
.page-links>span:not(.page-links-title):not(.screen-reader-text).current,.page-links>a.current{
    background-color:var(--theme-color);
    color:var(--title-color);
    border-color:transparent
}
.page-links span.screen-reader-text{
    display:none
}
.blog-single .wp-block-archives-dropdown{
    margin-bottom:30px
}
.blog-single.format-quote,.blog-single.format-link,.blog-single.tag-sticky-2,.blog-single.sticky{
    border-color:transparent;
    position:relative
}
.blog-single.format-quote .blog-content:before,.blog-single.format-link .blog-content:before,.blog-single.tag-sticky-2 .blog-content:before,.blog-single.sticky .blog-content:before{
    display:none
}
.blog-single.format-quote:before,.blog-single.format-link:before,.blog-single.tag-sticky-2:before,.blog-single.sticky:before{
    content:"\f0c1";
    position:absolute;
    font-family:var(--icon-font);
    font-size:16px;
    font-weight:500;
    opacity:1;
    right:0;
    top:0;
    color:var(--white-color);
    background-color:var(--theme-color);
    z-index:1;
    height:44px;
    width:44px;
    line-height:44px;
    text-align:center;
    border-radius:0 20px 0 20px
}
@media (max-width: 767px){
    .blog-single.format-quote:before,.blog-single.format-link:before,.blog-single.tag-sticky-2:before,.blog-single.sticky:before{
        border-radius:0 10px 0 10px
    }
}
.blog-single.tag-sticky-2::before,.blog-single.sticky::before{
    content:"\f08d"
}
.blog-single.format-quote:before{
    content:"\f10e"
}
.blog-single .blog-content .wp-block-categories-dropdown.wp-block-categories,.blog-single .blog-content .wp-block-archives-dropdown{
    display:block;
    margin-bottom:30px
}
.blog-details .blog-single:before{
    display:none
}
.blog-details .blog-single .blog-content{
    background-color:transparent;
    overflow:hidden
}
.blog-details .blog-single.format-chat .blog-meta{
    margin-bottom:20px
}
.blog-details .blog-single.format-chat .blog-content>p:nth-child(2n){
    background:var(--smoke-color);
    padding:5px 20px
}
.blog-details .blog-single.tag-sticky-2:before,.blog-details .blog-single.sticky:before,.blog-details .blog-single.format-quote:before,.blog-details .blog-single.format-link:before{
    display:none
}
.blog-navigation{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    border-top:1px solid var(--th-border-color);
    border-bottom:1px solid var(--th-border-color);
    padding:30px 0;
    margin-top:40px;
    margin-bottom:30px
}
.blog-navigation>div{
    min-width:220px
}
.blog-navigation .nav-text{
    font-size:18px;
    font-family:var(--body-font);
    color:var(--white-color);
    display:inline-block;
    font-weight:600
}
.blog-navigation .nav-btn{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:25px
}
.blog-navigation .nav-btn img{
    border-radius:10px
}
.blog-navigation .nav-btn.next{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.blog-navigation .nav-btn:hover .nav-text{
    color:var(--theme-color)
}
.blog-navigation .blog-btn{
    font-size:38px;
    color:var(--light-color)
}
.blog-navigation .blog-btn:hover{
    color:var(--theme-color)
}
@media (max-width: 575px){
    .blog-navigation>div{
        min-width:150px
    }
    .blog-navigation .nav-img{
        width:50px
    }
    .blog-navigation .nav-btn{
        gap:8px
    }
    .blog-navigation .nav-btn img{
        width:50px !important;
        border-radius:5px
    }
    .blog-navigation .nav-text{
        font-size:14px
    }
    .blog-navigation .blog-btn{
        display:none
    }
}
.nof-title{
    margin-top:-0.24em
}
.th-search{
    background-color:var(--smoke-color2);
    margin-bottom:30px;
    border-radius:15px;
    overflow:hidden
}
.th-search .search-grid-content{
    padding:30px
}
@media (max-width: 767px){
    .th-search .search-grid-content{
        padding:20px
    }
}
.th-search .search-grid-title{
    font-size:20px;
    margin-bottom:5px;
    margin-top:0
}
.th-search .search-grid-title a{
    color:inherit
}
.th-search .search-grid-title a:hover{
    color:var(--theme-color)
}
.th-search .search-grid-meta>*{
    display:inline-block;
    margin-right:15px;
    font-size:14px
}
.th-search .search-grid-meta>*:last-child{
    margin-right:0
}
.th-search .search-grid-meta a,.th-search .search-grid-meta span{
    color:var(--body-color)
}
.hide-icon.main-menu ul.sub-menu li a:before{
    display:none
}
.hide-icon.main-menu ul.sub-menu li a:hover{
    padding-left:0
}
@media (max-width: 767px){
    .blog-single.format-quote:before,.blog-single.format-link:before,.blog-single.tag-sticky-2:before,.blog-single.sticky:before{
        font-size:14px;
        width:40px;
        height:40px;
        line-height:40px
    }
}
@media (max-width: 768px){
    .wp-block-latest-comments{
        padding-left:10px
    }
    .page--content.clearfix+.th-comment-form{
        margin-top:24px
    }
}
@media (max-width: 1399px){
    :root{
        --main-container: 1250px
    }
}
@media (min-width: 1600px){
    .th-container2{
        --main-container: 1600px
    }
    .th-container3{
        --main-container: 1536px
    }
    .th-container4{
        --main-container: 1464px
    }
    .th-container5{
        --main-container: 1720px
    }
}
@media (min-width: 1922px){
    .th-container5,.th-container4,.th-container3,.th-container2{
        margin-right:auto
    }
}
@media only screen and (min-width: 1300px){
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{
        max-width:calc(var(--main-container) + var(--container-gutters));
        padding-left:calc(var(--container-gutters) / 2);
        padding-right:calc(var(--container-gutters) / 2)
    }
    .container-xxl.px-0,.container-xl.px-0,.container-lg.px-0,.container-md.px-0,.container-sm.px-0,.container.px-0{
        max-width:var(--main-container)
    }
}
@media only screen and (min-width: 1300px){
    .th-container{
        --main-container: 1617px
    }
}
@media only screen and (max-width: 1600px){
    .container-fluid.px-0{
        padding-left:15px !important;
        padding-right:15px !important
    }
    .container-fluid.px-0 .row{
        margin-left:0 !important;
        margin-right:0 !important
    }
}
.container-gallery{
    max-width:1840px
}
.slick-track>[class*=col]{
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x)/ 2);
    padding-left:calc(var(--bs-gutter-x)/ 2);
    margin-top:var(--bs-gutter-y)
}
@media (min-width: 1300px){
    .row{
        --bs-gutter-x: 24px
    }
}
.gy-30{
    --bs-gutter-y: 30px
}
.g-0{
    --bs-gutter-y: 0;
    --bs-gutter-x: 0
}
.gx-0{
    --bs-gutter-x: 0
}
.gy-40{
    --bs-gutter-y: 40px
}
.gy-50{
    --bs-gutter-y: 50px
}
.gy-60{
    --bs-gutter-y: 60px
}
.gy-80{
    --bs-gutter-y: 80px
}
.gx-10{
    --bs-gutter-x: 10px
}
.gy-10{
    --bs-gutter-y: 10px
}
@media (min-width: 1299px){
    .gx-60{
        --bs-gutter-x: 60px
    }
}
@media (min-width: 1399px){
    .gx-30{
        --bs-gutter-x: 30px
    }
    .gx-25{
        --bs-gutter-x: 25px
    }
    .gx-40{
        --bs-gutter-x: 40px
    }
}
@media (max-width: 1199px){
    .gy-80{
        --bs-gutter-y: 50px
    }
}
@media (max-width: 991px){
    .gy-50{
        --bs-gutter-y: 40px
    }
}
select,.form-control,.form-select,textarea,input{
    height:60px;
    padding:0 25px 0 25px;
    padding-right:45px;
    border:1px solid transparent;
    color:var(--body-color);
    background-color:var(--title-color);
    border-radius:10px;
    font-size:16px;
    width:100%;
    font-family:var(--body-font);
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    position:relative
}
select:focus,.form-control:focus,.form-select:focus,textarea:focus,input:focus{
    outline:0;
    box-shadow:none;
    border-color:var(--th-border-color);
    background-color:var(--smoke-color2)
}
select::-moz-placeholder,.form-control::-moz-placeholder,.form-select::-moz-placeholder,textarea::-moz-placeholder,input::-moz-placeholder{
    color:var(--body-color)
}
select::-webkit-input-placeholder,.form-control::-webkit-input-placeholder,.form-select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{
    color:var(--body-color)
}
select:-ms-input-placeholder,.form-control:-ms-input-placeholder,.form-select:-ms-input-placeholder,textarea:-ms-input-placeholder,input:-ms-input-placeholder{
    color:var(--body-color)
}
select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder{
    color:var(--body-color)
}
select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder{
    color:var(--body-color)
}
select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder{
    color:var(--body-color)
}
select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder, textarea::-ms-input-placeholder, input::-ms-input-placeholder{
    color:var(--body-color)
}
select::placeholder,.form-control::placeholder,.form-select::placeholder,textarea::placeholder,input::placeholder{
    color:var(--body-color)
}
input[type=date]{
    padding:0 25px 0 25px;
    position:relative
}
input[type=date]:after{

    position:relative;
    font-family:var(--icon-font);
    top:0px;
    font-weight:300;
    color:var(--theme-color)
}
input[type=date]::-webkit-calendar-picker-indicator{
    background:transparent;
    position:absolute;
    right:20px;
    z-index:1;
    cursor:pointer
}
.form-select,select{
    display:block;
    width:100%;
    line-height:1.5;
    vertical-align:middle;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-position:right 26px center;
    background-repeat:no-repeat;
    background-size:16px 12px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer
}
.form-select.style2,select.style2{
    background-image:url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E")
}
textarea.form-control,textarea{
    min-height:154px;
    padding-top:16px;
    padding-bottom:17px
}
textarea.form-control.style2,textarea.style2{
    min-height:100px
}
.form-group{
    margin-bottom:var(--bs-gutter-x);
    position:relative
}
.form-group>i{
    display:inline-block;
    position:absolute;
    right:25px;
    top:19px;
    font-size:16px;
    color:var(--body-color)
}
.form-group>i.fa-envelope{
    padding-top:1px
}
.form-group>i.fa-comment{
    margin-top:-2px
}
.form-group>i.fa-chevron-down{
    width:17px;
    background-color:var(--smoke-color2)
}
.form-group.has-label>i{
    top:50px
}
.form-group.style-border{
    position:relative;
    z-index:1
}
.form-group.style-border:after{
    content:'';
    position:absolute;
    left:var(--bs-gutter-x)/2;
    top:0;
    background:transparent;
    height:100%;
    width:calc(100% - (var(--bs-gutter-x)/ 1));
    border:1px solid var(--theme-color);
    z-index:-1;
    border-radius:10px;
    opacity:0.3
}
.form-group.style-border input{
    background:var(--title-color);
    color:var(--white-color);
    margin:1px;
    width:-webkit-fill-available
}
.form-group.style-border input::-webkit-input-placeholder{
    color:var(--body-color)
}
.form-group.style-border input::-moz-placeholder{
    color:var(--body-color)
}
.form-group.style-border input:-ms-input-placeholder{
    color:var(--body-color)
}
.form-group.style-border input::-ms-input-placeholder{
    color:var(--body-color)
}
.form-group.style-border input::placeholder{
    color:var(--body-color)
}
.form-group.style-border textarea{
    background:var(--title-color);
    margin:1px;
    color:var(--white-color);
    width:-webkit-fill-available
}
.form-group.style-border i{
    color:var(--body-color)
}
.form-group.style-border2{
    position:relative;
    z-index:1
}
.form-group.style-border2:after{
    content:'';
    position:absolute;
    left:var(--bs-gutter-x)/2;
    top:0;
    background:transparent;
    height:100%;
    width:calc(100% - (var(--bs-gutter-x)/ 1));
    border:1px solid var(--theme-color);
    z-index:-1;
    border-radius:10px;
    opacity:1
}
.form-group.style-border2 input{
    background:var(--black-color3);
    color:var(--white-color);
    margin:1px;
    width:-webkit-fill-available
}
.form-group.style-border2 input::-webkit-input-placeholder{
    color:var(--body-color)
}
.form-group.style-border2 input::-moz-placeholder{
    color:var(--body-color)
}
.form-group.style-border2 input:-ms-input-placeholder{
    color:var(--body-color)
}
.form-group.style-border2 input::-ms-input-placeholder{
    color:var(--body-color)
}
.form-group.style-border2 input::placeholder{
    color:var(--body-color)
}
.form-group.style-border2 textarea{
    background:var(--black-color3);
    margin:1px;
    color:var(--white-color);
    width:-webkit-fill-available
}
.form-group.style-border2 .form-select{
    background:var(--black-color3);
    border:0
}
.form-group.style-border2:has(.form-select){
    padding:1px
}
.form-group.style-border2:has(.form-select):after{
    inset:0;
    width:100%
}
.form-group.style-border2:has(.form-select)>i{
    font-size:20px
}
.form-group.style-border2 i{
    color:var(--body-color)
}
.form-group.style-white .form-select,.form-group.style-white .form-control{
    background:var(--white-color)
}
.form-group.style-white>i{
    top:20px;
    background:transparent;
    color:var(--body-color)
}
.form-group.style-black .form-select,.form-group.style-black .form-control{
    background:var(--black-color);
    border:1px solid var(--black-color2);
    color:var(--white-color)
}
.form-group.style-black>i{
    top:22px;
    background:transparent;
    color:var(--body-color)
}
[class*="col-"].form-group>i{
    right:calc((var(--bs-gutter-x) / 2) + 25px)
}
.form-rounded-10 .form-control,.form-rounded-10 .form-select{
    border-radius:10px !important
}
.form-rounded-10 .th-btn{
    border-radius:10px
}
option:checked,option:focus,option:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type="number"]{
    -moz-appearance:textfield
}
input[type="checkbox"]{
    visibility:hidden;
    opacity:0;
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
    display:none
}
input[type="checkbox"]:checked ~ label:before{
    content:"\f00c";
    color:var(--title-color);
    background-color:var(--theme-color);
    border-color:var(--theme-color)
}
input[type="checkbox"] ~ label{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:block
}
input[type="checkbox"] ~ label:before{
    content:"";
    font-family:var(--icon-font);
    font-weight:700;
    position:absolute;
    left:0px;
    top:3.5px;
    background-color:var(--white-color);
    border:1px solid var(--th-border-color);
    height:18px;
    width:18px;
    line-height:18px;
    text-align:center;
    font-size:12px
}
input[type="checkbox"].style2 ~ label{
    color:#8B929C;
    padding-left:23px;
    margin-bottom:-0.5em
}
input[type="checkbox"].style2 ~ label:before{
    background-color:rgba(255,255,255,0.1);
    border:1px solid #8B929C;
    height:14px;
    width:14px;
    line-height:14px;
    border-radius:3px;
    top:6px
}
input[type="checkbox"].style2:checked ~ label:before{
    color:var(--theme-color)
}
input[type="radio"]{
    visibility:hidden;
    opacity:0;
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:0;
    display:none
}
input[type="radio"] ~ label{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    line-height:1;
    display:inline-block;
    font-weight:600;
    margin-bottom:0
}
input[type="radio"] ~ label::before{
    content:"\f111";
    position:absolute;
    font-family:var(--icon-font);
    left:0;
    top:5px;
    width:20px;
    height:20px;
    padding-left:0;
    font-size:0.6em;
    line-height:19px;
    text-align:center;
    border:1px solid var(--theme-color);
    border-radius:100%;
    font-weight:700;
    background:var(--white-color);
    color:transparent;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease
}
input[type="radio"]:checked ~ label::before{
    border-color:var(--theme-color);
    background-color:var(--theme-color);
    color:var(--title-color)
}
label{
    margin-bottom:0.5em;
    margin-top:-0.3em;
    display:block;
    color:var(--title-color);
    font-family:var(--body-font);
    font-size:16px
}
textarea.is-invalid,select.is-invalid,input.is-invalid,.was-validated input:invalid{
    border:1px solid var(--error-color) !important;
    background-position:right calc(0.375em + 0.8875rem) center;
    background-image:none
}
textarea.is-invalid:focus,select.is-invalid:focus,input.is-invalid:focus,.was-validated input:invalid:focus{
    outline:0;
    box-shadow:none
}
textarea.is-invalid{
    background-position:top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem)
}
.row.no-gutters>.form-group{
    margin-bottom:0
}
.form-messages{
    display:none
}
.form-messages.mb-0 *{
    margin-bottom:0
}
.form-messages.success{
    color:var(--success-color);
    display:block
}
.form-messages.error{
    color:var(--error-color);
    display:block
}
.form-messages pre{
    padding:0;
    background-color:transparent;
    color:inherit
}
.swiper-wrapper.row{
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.th-slider.has-shadow{
    padding-left:12px;
    padding-right:12px;
    margin:-25px -12px
}
.th-slider.has-shadow .swiper-wrapper{
    padding:25px 0
}
.swiper-fade .swiper-slide{
    -webkit-transition:0.6s ease-in-out;
    transition:0.6s ease-in-out
}
.swiper-fade .swiper-slide-prev{
    opacity:0
}
.swiper-pagination-bullets{
    position:relative;
    z-index:3;
    text-align:center;
    margin:50px 0 0px 0;
    line-height:10px;
    height:10px
}
.swiper-pagination-bullets .swiper-pagination-bullet{
    display:inline-block;
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-horizontal-gap: 8px;
    margin:5px 7px;
    opacity:1;
    background-color:var(--theme-color);
    position:relative;
    cursor:pointer
}
.swiper-pagination-bullets .swiper-pagination-bullet:before{
    content:'';
    position:absolute;
    inset:-5px;
    border:1px solid var(--theme-color);
    -webkit-transform:scale(0.2);
    -ms-transform:scale(0.2);
    transform:scale(0.2);
    border-radius:inherit;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--theme-color)
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.slider-area{
    position:relative
}
.slider-arrow{
    display:inline-block;
    padding:0;
    background-color:var(--theme-color);
    color:var(--title-color);
    position:absolute;
    top:50%;
    border:none;
    left:var(--pos-x, -120px);
    width:var(--icon-size, 56px);
    height:var(--icon-size, 56px);
    line-height:var(--icon-size, 56px);
    font-size:var(--icon-font-size, 18px);
    margin-top:calc(var(--icon-size, 56px) / -2);
    z-index:3;
    border-radius:99px
}
.slider-arrow.default{
    position:relative;
    --pos-x: 0;
    margin-top:0
}
.slider-arrow.slider-next{
    right:var(--pos-x, -120px);
    left:auto
}
.slider-arrow:hover{
    background-color:var(--theme-color2);
    color:var(--title-color)
}
.slider-arrow.style2{
    border:1px solid var(--theme-color);
    background:var(--black-color3);
    color:var(--theme-color)
}
.slider-arrow.style2:hover{
    border-color:var(--theme-color3);
    color:var(--white-color)
}
.slider-arrow.style3{
    background:var(--black-color2);
    color:var(--theme-color);
    --icon-font-size: 24px;
    line-height:var(--icon-size, 58px)
}
.slider-arrow.style3:hover{
    background:var(--theme-color);
    color:var(--title-color)
}
.arrow-margin .slider-arrow{
    top:calc(50% - 30px)
}
.arrow-wrap{
    position:relative
}
.arrow-wrap .slider-arrow{
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(0.4);
    -ms-transform:scale(0.4);
    transform:scale(0.4)
}
.arrow-wrap:hover .slider-arrow{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
@media (max-width: 1500px){
    .slider-arrow{
        --arrow-horizontal: -20px;
        --pos-x: -80px
    }
}
@media (max-width: 1399px){
    .slider-arrow{
        --arrow-horizontal: 40px;
        --pos-x: -30px
    }
}
@media (max-width: 991px){
    .slider-arrow{
        display:none
    }
}
.icon-box .slider-arrow{
    opacity:1;
    visibility:visible;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.icon-box .slider-arrow:not(:last-child){
    margin-right:8px
}
@media (max-width: 991px){
    .icon-box .slider-arrow{
        display:inline-block !important
    }
}
@media (max-width: 991px){
    .slider-arrow{
        --icon-size: 40px;
        line-height:38px;
        margin-right:40px;
        font-size:14px
    }
    .slider-arrow.slider-next{
        margin-right:0;
        margin-left:40px
    }
    .slick-dots{
        margin:40px 0 0 0
    }
    .icon-box .slider-arrow{
        margin-right:0
    }
}
.slick-3d-active{
    margin-left:-12%;
    margin-right:-12%
}
.slick-3d-active .slick-list{
    padding-left:30% !important;
    padding-right:30% !important
}
.slick-3d-active .slick-track{
    max-width:100% !important;
    -webkit-transform:translate3d(0, 0, 0) !important;
    transform:translate3d(0, 0, 0) !important;
    -webkit-perspective:100px;
    perspective:100px
}
.slick-3d-active .slick-slide{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    opacity:0;
    width:100% !important;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -webkit-transition:opacity 1s, -webkit-transform 1s;
    transition:opacity 1s, -webkit-transform 1s;
    transition:transform 1s, opacity 1s;
    transition:transform 1s, opacity 1s, -webkit-transform 1s
}
.slick-3d-active .slick-3d-next,.slick-3d-active .slick-3d-prev,.slick-3d-active .slick-3d-next2,.slick-3d-active .slick-3d-prev2{
    display:block
}
.slick-3d-active .slick-current{
    opacity:1;
    position:relative;
    display:block;
    z-index:2
}
.slick-3d-active .slick-3d-next{
    opacity:1;
    -webkit-transform:translate3d(50%, 0, -21px);
    transform:translate3d(50%, 0, -21px);
    z-index:1;
    -webkit-perspective:1000px;
    perspective:1000px
}
.slick-3d-active .slick-3d-next2{
    opacity:1;
    -webkit-transform:translate3d(40%, 0, -23px);
    transform:translate3d(40%, 0, -23px);
    z-index:0;
    -webkit-perspective:1000px;
    perspective:1000px
}
.slick-3d-active .slick-3d-prev{
    opacity:1;
    -webkit-transform:translate3d(-50%, 0, -21px);
    transform:translate3d(-50%, 0, -21px)
}
.slick-3d-active .slick-3d-prev .testi-card{
    box-shadow:none
}
.slick-3d-active .slick-3d-prev2{
    opacity:1;
    -webkit-transform:translate3d(-40%, 0, -23px);
    transform:translate3d(-40%, 0, -23px)
}
.th-menu-wrapper{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    background-color:rgba(0,0,0,0.6);
    z-index:999999;
    width:0;
    width:100%;
    height:100%;
    -webkit-transition:all ease 0.8s;
    transition:all ease 0.8s;
    opacity:0;
    visibility:hidden
}
.th-menu-wrapper .mobile-logo{
    padding-bottom:30px;
    padding-top:40px;
    display:block;
    text-align:center;
    background-color:var(--black-color2)
}
.th-menu-wrapper .mobile-logo a{
    position:relative;
    display:inline-block
}
.th-menu-wrapper .mobile-logo a .logo-mask{
    height:100%;
    width:100%;
    mix-blend-mode:color;
    background:var(--theme-color);
    position:absolute;
    top:0
}
.th-menu-wrapper .mobile-logo svg{
    max-width:185px
}
.th-menu-wrapper .th-menu-toggle{
    border:none;
    font-size:22px;
    position:absolute;
    right:-16.5px;
    top:25px;
    padding:0;
    line-height:1;
    width:33px;
    height:33px;
    line-height:35px;
    font-size:18px;
    z-index:1;
    color:var(--title-color);
    background-color:var(--theme-color);
    border-radius:50%
}
.th-menu-wrapper .th-menu-toggle:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.th-menu-wrapper .th-menu-area{
    width:100%;
    max-width:310px;
    background-color:var(--title-color);
    border-right:3px solid var(--theme-color);
    height:100%;
    position:relative;
    left:-110%;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all ease 1s;
    transition:all ease 1s;
    z-index:1
}
.th-menu-wrapper.th-body-visible{
    opacity:1;
    visibility:visible
}
.th-menu-wrapper.th-body-visible .th-menu-area{
    left:0;
    opacity:1;
    visibility:visible
}
.th-mobile-menu{
    overflow-y:scroll;
    max-height:calc(100vh - 200px);
    padding-bottom:40px;
    margin-top:33px;
    text-align:left
}
.th-mobile-menu ul{
    margin:0;
    padding:0 0
}
.th-mobile-menu ul li{
    border-bottom:1px solid var(--th-border-color);
    list-style-type:none
}
.th-mobile-menu ul li li:first-child{
    border-top:1px solid var(--th-border-color)
}
.th-mobile-menu ul li a{
    display:block;
    position:relative;
    padding:12px 0;
    line-height:1.4;
    font-size:16px;
    font-family:var(--title-font);
    font-weight:600;
    text-transform:capitalize;
    color:var(--white-color)
}
.th-mobile-menu ul li.th-active>a{
    color:var(--theme-color)
}
.th-mobile-menu ul li.th-active>a:before{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.th-mobile-menu ul li ul li{
    padding-left:20px
}
.th-mobile-menu ul li ul li:last-child{
    border-bottom:none
}
.th-mobile-menu ul .menu-item-has-children>a .th-mean-expand{
    position:absolute;
    right:0;
    top:50%;
    font-weight:400;
    font-size:12px;
    width:25px;
    height:25px;
    line-height:25px;
    margin-top:-12.5px;
    display:inline-block;
    text-align:center;
    background-color:var(--black-color2);
    color:var(--white-color);
    border-radius:50%
}
.th-mobile-menu ul .menu-item-has-children>a .th-mean-expand:before{
    content:'\f067';
    font-family:var(--icon-font)
}
.th-mobile-menu ul .menu-item-has-children>a:after{
    content:"\f067";
    font-family:var(--icon-font);
    width:22px;
    height:22px;
    line-height:22px;
    display:inline-block;
    text-align:center;
    font-size:12px;
    border-radius:50px;
    background-color:var(--black-color2);
    float:right;
    margin-top:1px
}
.th-mobile-menu ul .menu-item-has-children.th-active>a .th-mean-expand:before{
    content:'\f068'
}
.th-mobile-menu ul .menu-item-has-children.th-active>a:after{
    content:"\f068"
}
.th-mobile-menu>ul{
    padding:0 40px
}
.th-mobile-menu>ul>li:last-child{
    border-bottom:none
}
.th-menu-toggle{
    width:70px;
    height:54px;
    padding:0;
    font-size:20px;
    border:none;
    background-color:var(--theme-color);
    color:var(--white-color);
    display:inline-block;
    border-radius:0px;
    -webkit-clip-path:polygon(12% 0%, 88% 0%, 100% 50%, 88% 100%, 12% 100%, 0% 50%);
    clip-path:polygon(12% 0%, 88% 0%, 100% 50%, 88% 100%, 12% 100%, 0% 50%);
    position:relative
}
.th-menu-toggle .btn-border{
    position:absolute;
    height:calc(100% - 3px);
    width:calc(100% - 3px);
    top:1.5px;
    left:1.5px;
    -webkit-clip-path:polygon(12% 0%, 88% 0%, 100% 50%, 88% 100%, 12% 100%, 0% 50%);
    clip-path:polygon(12% 0%, 88% 0%, 100% 50%, 88% 100%, 12% 100%, 0% 50%);
    background:var(--title-color);
    z-index:-2
}
.th-menu-toggle:before,.th-menu-toggle:after{
    content:"";
    position:absolute;
    background-color:var(--theme-color);
    z-index:-1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:4px;
    width:16px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(70% 0%, 80% 0%, 30% 50%, 80% 100%, 70% 100%, 20% 50%);
    clip-path:polygon(70% 0%, 80% 0%, 30% 50%, 80% 100%, 70% 100%, 20% 50%)
}
.th-menu-toggle:after{
    right:4px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.th-menu-toggle:hover{
    background-color:var(--theme-color2)
}
.th-menu-toggle:hover:after,.th-menu-toggle:hover:before{
    background:var(--theme-color2)
}
.th-menu-toggle.style-text,.th-menu-toggle.style-text-white{
    width:auto;
    height:auto;
    background-color:transparent;
    color:var(--title-color);
    font-size:20px
}
.th-menu-toggle.style-text i,.th-menu-toggle.style-text-white i{
    margin-right:10px
}
.th-menu-toggle.style-text-white{
    color:var(--white-color)
}
@media (max-width: 400px){
    .th-menu-wrapper .th-menu-area{
        width:100%;
        max-width:270px
    }
    .th-mobile-menu>ul{
        padding:0 20px
    }
}
.preloader{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:99999;
    background-color:var(--title-color)
}
.preloader .th-btn{
    padding:15px 20px;
    border-radius:0;
    font-size:14px
}
.preloader-inner{
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    text-align:center;
    line-height:1
}
.preloader-inner img{
    display:block;
    margin:0 auto 0 auto
}
.loader{
    -webkit-transform:rotateZ(45deg);
    -ms-transform:rotate(45deg);
    transform:rotateZ(45deg);
    -webkit-perspective:1000px;
    perspective:1000px;
    border-radius:50%;
    width:80px;
    height:80px;
    color:var(--white-color);
    display:inline-block
}
.loader:before,.loader:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    border-radius:50%;
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg);
    -webkit-animation:1s spinloader linear infinite;
    animation:1s spinloader linear infinite
}
.loader:after{
    color:var(--theme-color);
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:translate(-50%, -50%) rotateZ(0deg);
        transform:translate(-50%, -50%) rotateZ(0deg)
    }
    100%{
        -webkit-transform:translate(-50%, -50%) rotateZ(360deg);
        transform:translate(-50%, -50%) rotateZ(360deg)
    }
}
@keyframes rotate{
    0%{
        -webkit-transform:translate(-50%, -50%) rotateZ(0deg);
        transform:translate(-50%, -50%) rotateZ(0deg)
    }
    100%{
        -webkit-transform:translate(-50%, -50%) rotateZ(360deg);
        transform:translate(-50%, -50%) rotateZ(360deg)
    }
}
@-webkit-keyframes rotateccw{
    0%{
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100%{
        -webkit-transform:translate(-50%, -50%) rotate(-360deg);
        transform:translate(-50%, -50%) rotate(-360deg)
    }
}
@keyframes rotateccw{
    0%{
        -webkit-transform:translate(-50%, -50%) rotate(0deg);
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100%{
        -webkit-transform:translate(-50%, -50%) rotate(-360deg);
        transform:translate(-50%, -50%) rotate(-360deg)
    }
}
@-webkit-keyframes spinloader{
    0%,100%{
        box-shadow:.5em 0px 0 0px currentcolor
    }
    12%{
        box-shadow:.5em .5em 0 0 currentcolor
    }
    25%{
        box-shadow:0 .5em 0 0px currentcolor
    }
    37%{
        box-shadow:-.5em .5em 0 0 currentcolor
    }
    50%{
        box-shadow:-.5em 0 0 0 currentcolor
    }
    62%{
        box-shadow:-.5em -.5em 0 0 currentcolor
    }
    75%{
        box-shadow:0px -.5em 0 0 currentcolor
    }
    87%{
        box-shadow:.5em -.5em 0 0 currentcolor
    }
}
@keyframes spinloader{
    0%,100%{
        box-shadow:.5em 0px 0 0px currentcolor
    }
    12%{
        box-shadow:.5em .5em 0 0 currentcolor
    }
    25%{
        box-shadow:0 .5em 0 0px currentcolor
    }
    37%{
        box-shadow:-.5em .5em 0 0 currentcolor
    }
    50%{
        box-shadow:-.5em 0 0 0 currentcolor
    }
    62%{
        box-shadow:-.5em -.5em 0 0 currentcolor
    }
    75%{
        box-shadow:0px -.5em 0 0 currentcolor
    }
    87%{
        box-shadow:.5em -.5em 0 0 currentcolor
    }
}
.th-btn{
    position:relative;
    z-index:2;
    overflow:hidden;
    vertical-align:middle;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    border:none;
    text-align:center;
    background-color:var(--theme-color);
    color:var(--title-color);
    font-family:var(--title-font);
    font-size:16px;
    font-weight:700;
    line-height:1;
    padding:20px 30px;
    min-width:200px;
    border-radius:0px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    -webkit-transition:0.2s;
    transition:0.2s
}
.th-btn:before,.th-btn:after{
    content:"";
    position:absolute;
    background-color:var(--title-color);
    z-index:-1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:5px;
    width:16px;
    height:calc(100% - 10px);
    border-radius:0;
    transition:-webkit-clip-path 0.2s ease;
    -webkit-transition:-webkit-clip-path 0.2s ease;
    transition:clip-path 0.2s ease;
    transition:clip-path 0.2s ease, -webkit-clip-path 0.2s ease;
    -webkit-clip-path:polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%);
    clip-path:polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%)
}
.th-btn:after{
    right:5px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.th-btn i{
    -webkit-transition:0.4s all;
    transition:0.4s all
}
.th-btn:hover,.th-btn.active{
    background:var(--white-color);
    -webkit-clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    color:var(--title-color)
}
.th-btn:hover:before,.th-btn:hover:after,.th-btn.active:before,.th-btn.active:after{
    -webkit-clip-path:polygon(2px 60%, 2px calc(100% - 2px), 100% calc(100% - 0px), 100% 100%, 0 100%, 0 100%);
    clip-path:polygon(2px 60%, 2px calc(100% - 2px), 100% calc(100% - 0px), 100% 100%, 0 100%, 0 100%)
}
.th-btn.style2{
    background-color:var(--theme-color2)
}
.th-btn.style2:hover{
    background:var(--theme-color)
}
.th-btn.style3{
    background:transparent
}
.th-btn.style3:hover{
    color:var(--title-color)
}
.th-btn.style3:hover:before,.th-btn.style3:hover:after{
    background-color:var(--white-color)
}
.th-btn.style4{
    background-color:var(--theme-color2);
    color:var(--white-color)
}
.th-btn.style4:hover{
    color:var(--white-color)
}
.th-btn.style4:hover:before,.th-btn.style4:hover:after{
    background-color:var(--title-color)
}
.th-btn.style5{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.th-btn.style5:hover{
    color:var(--theme-color)
}
.th-btn.style5:hover:before,.th-btn.style5:hover:after{
    background-color:var(--white-color)
}
.th-btn.style6{
    background-color:var(--title-color)
}
.th-btn.style6:hover{
    color:var(--theme-color)
}
.th-btn.style6:hover:before,.th-btn.style6:hover:after{
    background-color:var(--white-color)
}
.th-btn.style7{
    background-color:var(--white-color);
    color:var(--title-color)
}
.th-btn.style-border{
    display:inline-block;
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    background:var(--theme-color);
    padding:0
}
.th-btn.style-border .btn-border{
    display:inline-block;
    background-color:var(--title-color);
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    border:0;
    width:-webkit-fill-available;
    color:var(--white-color);
    border-radius:0;
    margin:2px;
    padding:19px 30px
}
.th-btn.style-border:after,.th-btn.style-border:before{
    -webkit-clip-path:polygon(45% 0, 50% 0, 5% 50%, 50% 100%, 45% 100%, 0% 50%);
    clip-path:polygon(45% 0, 50% 0, 5% 50%, 50% 100%, 45% 100%, 0% 50%);
    top:6px;
    left:6px;
    width:26px;
    height:calc(100% - 12px);
    background:var(--theme-color);
    z-index:1
}
.th-btn.style-border:after{
    right:6px;
    left:auto
}
.th-btn.style-border:hover{
    -webkit-clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%)
}
.th-btn.style-border:hover .btn-border{
    -webkit-clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%)
}
.th-btn.style-border:hover:after,.th-btn.style-border:hover:before{
    -webkit-clip-path:polygon(2px 50%, 2px calc(100% - 2px), 100% calc(100% - 0px), 100% 100%, 0 100%, 0 100%);
    clip-path:polygon(2px 50%, 2px calc(100% - 2px), 100% calc(100% - 0px), 100% 100%, 0 100%, 0 100%)
}
.th-btn.style-border2{
    display:inline-block;
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    background:var(--white-color);
    padding:0
}
.th-btn.style-border2 .btn-border{
    display:inline-block;
    background-color:var(--title-color);
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    border:0;
    width:-webkit-fill-available;
    color:var(--theme-color);
    border-radius:0;
    margin:2px;
    padding:19px 30px
}
.th-btn.style-border2:after,.th-btn.style-border2:before{
    -webkit-clip-path:polygon(45% 0, 50% 0, 5% 50%, 50% 100%, 45% 100%, 0% 50%);
    clip-path:polygon(45% 0, 50% 0, 5% 50%, 50% 100%, 45% 100%, 0% 50%);
    top:6px;
    left:6px;
    width:26px;
    height:calc(100% - 12px);
    background:var(--white-color);
    z-index:1
}
.th-btn.style-border2:after{
    right:6px;
    left:auto
}
.th-btn.style-border2:hover{
    -webkit-clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%)
}
.th-btn.style-border2:hover .btn-border{
    -webkit-clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    clip-path:polygon(0px 0%, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%)
}
.th-btn.style-border2:hover:after,.th-btn.style-border2:hover:before{
    -webkit-clip-path:polygon(2px 50%, 2px calc(100% - 2px), 100% calc(100% - 0px), 100% 100%, 0 100%, 0 100%);
    clip-path:polygon(2px 50%, 2px calc(100% - 2px), 100% calc(100% - 0px), 100% 100%, 0 100%, 0 100%)
}
.th-btn.style-border3{
    display:inline-block;
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    background:var(--theme-color);
    padding:0
}
.th-btn.style-border3 .btn-border{
    display:inline-block;
    background-color:var(--title-color);
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    border:0;
    width:-webkit-fill-available;
    color:var(--white-color);
    border-radius:0;
    margin:1px;
    padding:19px 30px;
    -webkit-transition:0.4s;
    transition:0.4s
}
.th-btn.style-border3 .btn-border i{
    -webkit-transition:none;
    transition:none
}
.th-btn.style-border3:after,.th-btn.style-border3:before{
    -webkit-clip-path:polygon(45% 0, 50% 0, 5% 50%, 50% 100%, 45% 100%, 0% 50%);
    clip-path:polygon(45% 0, 50% 0, 5% 50%, 50% 100%, 45% 100%, 0% 50%);
    top:6px;
    left:8px;
    width:26px;
    height:calc(100% - 12px);
    background:var(--theme-color);
    z-index:1
}
.th-btn.style-border3:after{
    right:8px;
    left:auto
}
.th-btn.style-border3:hover{
    background:var(--theme-color)
}
.th-btn.style-border3:hover .btn-border{
    background:var(--theme-color);
    color:var(--title-color)
}
.th-btn.style-border3:hover:after,.th-btn.style-border3:hover:before{
    background:var(--title-color)
}
.th-btn.btn-fw{
    width:100%
}
.th-btn.btn-fw:before,.th-btn.btn-fw:after{
    display:none
}
.th-btn.btn-fw:hover{
    background:var(--white-color);
    color:var(--title-color)
}
.th-btn.btn-sm{
    padding:16px 25px;
    min-width:152px
}
@media (max-width: 575px){
    .th-btn{
        padding:17px 30px;
        min-width:180px
    }
    .th-btn .btn-border svg{
        height:100%;
        width:100%
    }
    .th-btn.style-border:before,.th-btn.style-border:after{
        height:calc(100% - 16px);
        top:8px
    }
}
.icon-btn{
    display:inline-block;
    width:var(--btn-size, 56px);
    height:var(--btn-size, 56px);
    line-height:var(--btn-size, 54px);
    font-size:var(--btn-font-size, 20px);
    background-color:var(--icon-bg, #f7f7f7);
    color:var(--title-color);
    text-align:center;
    border-radius:0;
    border:1px solid var(--th-border-color);
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    position:relative
}
.icon-btn:hover{
    background-color:var(--theme-color);
    color:var(--white-color);
    border-color:var(--theme-color)
}
.icon-btn.style2{
    background-color:var(--theme-color);
    color:var(--white-color);
    border:none;
    border-radius:99px
}
.icon-btn.style2:hover{
    background-color:var(--theme-color2)
}
.play-btn{
    display:inline-block;
    position:relative;
    z-index:1
}
.play-btn>i{
    display:inline-block;
    width:var(--icon-size, 56px);
    height:var(--icon-size, 56px);
    line-height:var(--icon-size, 56px);
    text-align:center;
    background-color:var(--white-color);
    color:var(--theme-color);
    font-size:var(--icon-font-size, 1.4em);
    border-radius:50%;
    z-index:1;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s
}
.play-btn:after,.play-btn:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:var(--white-color);
    z-index:-1;
    border-radius:50%;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s
}
.play-btn:after{
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.play-btn:hover:after,.play-btn:hover::before,.play-btn:hover i{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.play-btn.style2:before,.play-btn.style2:after{
    background-color:transparent;
    border:1px solid var(--white-color)
}
.play-btn.style3>i{
    --icon-size: 70px;
    --icon-font-size: 20px;
    background-color:var(--theme-color);
    color:var(--title-color)
}
.play-btn.style3:before,.play-btn.style3:after{
    background-color:var(--theme-color)
}
.play-btn.style3:hover>i{
    background-color:var(--white-color)
}
.play-btn.style3:hover:before,.play-btn.style3:hover:after{
    background-color:var(--white-color)
}
.play-btn.style4{
    --icon-size: 120px;
    --icon-font-size: 30px
}
.play-btn.style4>i{
    color:var(--white-color);
    background-color:transparent;
    border:1px solid var(--white-color)
}
.play-btn.style4:after,.play-btn.style4:before{
    background:transparent;
    border:1px solid var(--white-color)
}
@media (max-width: 767px){
    .play-btn.style4{
        --icon-size: 100px;
        --icon-font-size: 24px
    }
}
.play-btn.style5{
    --icon-size: 30px;
    --icon-font-size: 10px
}
.play-btn.style5>i{
    color:var(--theme-color);
    background-color:transparent;
    border:1px solid var(--white-color);
    line-height:28px
}
.play-btn.style5:after,.play-btn.style5:before{
    background:rgba(0,0,0,0.7);
    border:0;
    inset:-3px
}
.play-btn.style6{
    --icon-size: 56px;
    --icon-font-size: 20px
}
.play-btn.style6>i{
    color:var(--theme-color);
    line-height:56px;
    border-radius:0;
    position:relative;
    background:transparent
}
.play-btn.style6 .icon-shape{
    position:absolute;
    top:0;
    left:0
}
.play-btn.style6:before,.play-btn.style6:after{
    display:none
}
.link-btn{
    font-weight:600;
    font-size:14px;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    line-height:0.8;
    position:relative;
    padding-bottom:2px;
    margin-bottom:-2px;
    text-transform:uppercase;
    color:var(--theme-color)
}
.link-btn i{
    -webkit-transition:0.4s all;
    transition:0.4s all;
    position:relative;
    top:-1px
}
.link-btn:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:2px;
    background-color:var(--theme-color);
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s
}
.link-btn:hover,.link-btn.active{
    color:var(--theme-color)
}
.link-btn:hover::before,.link-btn.active::before{
    width:100%
}
.link-btn.style2{
    padding-bottom:4px
}
.link-btn.style2:before{
    width:100%;
    height:1px
}
.link-btn.style2:hover,.link-btn.style2.active{
    color:var(--theme-color)
}
.link-btn.style2:hover::before,.link-btn.style2.active::before{
    width:55%
}
.scroll-top{
    position:fixed;
    right:30px;
    bottom:30px;
    height:50px;
    width:50px;
    cursor:pointer;
    display:block;
    border-radius:50px;
    z-index:10000;
    opacity:1;
    visibility:hidden;
    -webkit-transform:translateY(45px);
    -ms-transform:translateY(45px);
    transform:translateY(45px);
    -webkit-transition:all 300ms linear;
    transition:all 300ms linear
}
.scroll-top:after{
    content:"\f062";
    font-family:var(--icon-font);
    position:absolute;
    text-align:center;
    line-height:50px;
    font-size:20px;
    color:var(--title-color);
    left:0;
    top:0;
    height:50px;
    width:50px;
    cursor:pointer;
    display:block;
    z-index:1;
    border:2px solid var(--theme-color);
    box-shadow:none;
    border-radius:50%
}
.scroll-top svg{
    color:var(--theme-color);
    border-radius:50%;
    background:var(--white-color)
}
.scroll-top svg path{
    fill:none
}
.scroll-top .progress-circle path{
    stroke:var(--title-color);
    stroke-width:20px;
    box-sizing:border-box;
    -webkit-transition:all 400ms linear;
    transition:all 400ms linear
}
.scroll-top.show{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.sec-title{
    margin-bottom:calc(var(--section-title-space) - 13px);
    margin-top:-0.2em;
    text-transform:capitalize;
    color:var(--white-color)
}
.sub-title{
    display:block;
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--theme-color);
    margin-bottom:24px;
    text-transform:capitalize;
    line-height:24px;
    margin-top:-0.2em;
    letter-spacing:2px
}
.sub-title.h4{
    font-size:30px;
    font-weight:600;
    line-height:1;
    margin-top:-0.14em
}
.sub-title i{
    font-size:32px;
    margin-right:10px
}
@media (max-width: 991px){
    .sub-title i{
        font-size:24px
    }
}
.sub-title.style2{
    letter-spacing:4px;
    text-transform:uppercase
}
.sub-title.style3{
    position:relative;
    display:inline-block;
    padding:3px 20px;
    margin-bottom:30px;
    margin-top:0
}
.sub-title.style3 .sub-title-shape{
    position:absolute;
    inset:0;
    left:0;
    top:0;
    -webkit-clip-path:polygon(7px 0%, calc(100% - 7px) 0%, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0% calc(100% - 7px), 0% 7px);
    clip-path:polygon(7px 0%, calc(100% - 7px) 0%, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0% calc(100% - 7px), 0% 7px)
}
.sub-title.style3 .sub-title-shape img{
    width:100%;
    height:100%;
    object-fit:cover
}
.sub-title.style3 .sub-title-shape .mask-icon{
    -webkit-mask-size:cover;
    mask-size:cover;
    top:0;
    left:0
}
@media (max-width: 575px){
    .sub-title{
        font-size:16px
    }
}
.sec-text{
    font-size:18px
}
.box-title{
    font-size:24px;
    line-height:1.417;
    font-weight:600;
    margin-top:-0.32em
}
.box-title a{
    color:inherit
}
.box-title a:hover{
    color:var(--theme-color)
}
.box-subtitle{
    margin-bottom:8px
}
.box-title2{
    font-size:20px;
    line-height:1.5;
    font-weight:700;
    margin-top:-0.35em
}
.box-title2 a{
    color:inherit
}
.box-title2 a:hover{
    color:var(--theme-color)
}
.title-area{
    margin-bottom:calc(var(--section-title-space) - 13px);
    position:relative;
    z-index:2
}
.title-area .sec-title{
    margin-bottom:22px
}
.title-area.mb-0 .sec-title{
    margin-bottom:-0.24em
}
.title-area.text-center .shadow-title{
    margin:-30px 0 -0.45em 0;
    left:50%;
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
.mb-32{
    margin-bottom:32px
}
hr.title-line{
    --th-border-color: rgba(69, 248, 130, 0.2);
    margin-top:0;
    background-color:var(--th-border-color);
    opacity:1;
    margin-bottom:var(--section-title-space) !important
}
.sec-btn{
    text-align:center
}
.sec-btn,.title-line{
    margin-bottom:var(--section-title-space)
}
.shadow-title{
    font-family:var(--war-font);
    font-size:158px;
    font-weight:400;
    line-height:1;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px var(--white-color);
    -webkit-background-clip:text;
    background-clip:text;
    opacity:0.1;
    margin:-30px 0 -0.45em -199px;
    position:absolute;
    top:0
}
.shadow-title.color2{
    background-image:-webkit-linear-gradient(top, #232C47 0%, rgba(20,29,56,0) 91.15%);
    background-image:linear-gradient(180deg, #232C47 0%, rgba(20,29,56,0) 91.15%)
}
.shadow-title.color3{
    background-image:-webkit-linear-gradient(top, #E0E0E0 0%, rgba(220,214,214,0) 93.75%);
    background-image:linear-gradient(180deg, #E0E0E0 0%, rgba(220,214,214,0) 93.75%)
}
@media (max-width: 1500px){
    .shadow-title{
        margin-left:-50px
    }
}
@media (max-width: 1399px){
    .shadow-title{
        margin-left:0;
        font-size:140px
    }
}
.title-area2{
    padding:50px 100px
}
.title-area2 .subtitle{
    color:var(--white-color);
    text-transform:uppercase;
    margin-top:-0.4em;
    margin-bottom:5px;
    display:block
}
.title-area2 .title{
    color:var(--white-color);
    max-width:430px;
    margin-bottom:-0.26em
}
@media (max-width: 1700px){
    .title-area2{
        padding:50px 50px
    }
}
@media (max-width: 1199px){
    .sub-title{
        margin-bottom:20px
    }
    .shadow-title{
        font-size:64px
    }
    .title-area,.sec-title{
        --section-title-space: 60px
    }
    .title-area.mb-45,.sec-title.mb-45{
        margin-bottom:36px
    }
    .title-area.mb-50,.sec-title.mb-50{
        margin-bottom:40px
    }
    .sec-btn,.title-line{
        --section-title-space: 55px
    }
    .title-area2 .title{
        max-width:300px
    }
}
@media (max-width: 991px){
    .shadow-title{
        font-size:60px
    }
    .title-area,.sec-title{
        --section-title-space: 50px
    }
    .title-area.mb-45,.sec-title.mb-45{
        margin-bottom:35px
    }
    .sec-btn,.title-line{
        --section-title-space: 50px
    }
    .sub-title.h4{
        font-size:22px
    }
}
@media (max-width: 767px){
    .title-area2{
        text-align:center
    }
    .title-area2 .title{
        max-width:100%
    }
}
@media (max-width: 575px){
    .shadow-title{
        font-size:52px
    }
}
@media (max-width: 375px){
    .shadow-title{
        font-size:40px
    }
    .title-area2{
        padding:40px 20px
    }
}
.page-title{
    margin-bottom:20px
}
.page-img{
    overflow:hidden;
    border-radius:20px
}
.page-img img{
    width:100%
}
@media (max-width: 767px){
    .page-img{
        border-radius:10px
    }
}
.page-single{
    margin-bottom:40px
}
.shape-mockup-wrap{
    z-index:2;
    position:relative
}
.shape-mockup{
    position:absolute;
    z-index:-1;
    pointer-events:none
}
.shape-mockup.z-index-3{
    z-index:3;
    pointer-events:none
}
.shape-mockup.z-index-1{
    z-index:1;
    pointer-events:none
}
.shape-mockup .svg-img{
    height:110px;
    width:110px
}
.z-index-step1{
    position:relative;
    z-index:4 !important
}
.z-index-common{
    position:relative;
    z-index:3
}
.z-index-3{
    z-index:3
}
.z-index-n1{
    z-index:-1
}
.media-body{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
.badge{
    position:absolute;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    display:inline-block;
    text-align:center;
    background-color:var(--theme-color);
    color:var(--white-color);
    padding:0.25em 0.45em;
    font-size:0.7em;
    border-radius:50%;
    top:8px;
    right:8px;
    font-weight:400;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.th-social a{
    display:inline-block;
    width:var(--icon-size, 46px);
    height:var(--icon-size, 46px);
    line-height:var(--icon-size, 46px);
    background-color:var(--black-color3);
    color:var(--body-color);
    font-size:20px;
    text-align:center;
    margin-right:5px;
    border-radius:0px;
    position:relative
}
.th-social a img{
    position:relative;
    margin-top:-2px
}
.th-social a:last-child{
    margin-right:0
}
.th-social a.facebook{
    color:#1778F2
}
.th-social a.twitter{
    color:#00A1F6
}
.th-social a.instagram i{
    background:-webkit-linear-gradient(226deg, #791CC9 -1.01%, #C938A8 24.13%, #FE5340 54.23%, #FFD854 95.27%);
    background:linear-gradient(224deg, #791CC9 -1.01%, #C938A8 24.13%, #FE5340 54.23%, #FFD854 95.27%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.th-social a.linkedin{
    color:#2565BD
}
.th-social a:hover{
    background-color:var(--title-color)
}
.th-social.color-theme a{
    color:var(--body-color);
    border-color:var(--theme-color)
}
.th-social.style2{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:25px
}
.th-social.style2 a{
    width:auto;
    height:auto;
    line-height:normal;
    background:transparent
}
.th-social.style2 a:hover{
    background:transparent;
    color:var(--theme-color)
}
.th-social.style3 a{
    height:var(--icon-size, 46px);
    width:var(--icon-size, 62px);
    background:var(--theme-color);
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%)
}
.th-social.style3 a span{
    display:block;
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    background:var(--title-color);
    height:calc(100% - 2px);
    width:calc(100% - 2px);
    margin:1px 0 0 1px
}
.th-social.style3 a img{
    margin-top:-4px
}
.th-social.style3 a:before,.th-social.style3 a:after{
    content:"";
    position:absolute;
    background-color:var(--theme-color);
    z-index:1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:8px;
    width:14px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%);
    clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%)
}
.th-social.style3 a:after{
    right:8px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.th-social.style3 a:hover{
    background:var(--white-color)
}
.th-social.style3 a:hover:before,.th-social.style3 a:hover:after{
    background:var(--white-color)
}
.th-social.style4 a{
    --icon-size: 45px;
    border-radius:50%;
    background:var(--body-color);
    color:var(--white-color)
}
.th-social.style4 a:hover{
    background:var(--theme-color);
    color:var(--white-color)
}
.th-social.style-mask a{
    -webkit-mask-image:url(../img/theme-img/th-social-bg.svg);
    mask-image:url(../img/theme-img/th-social-bg.svg);
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%
}
.th-social.style-mask a:hover{
    background:var(--white-color)
}
.bg-mask{
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
}
.icon-masking{
    position:relative;
    display:inline-block;
    height:auto;
    width:auto
}
.icon-masking .mask-icon{
    position:absolute;
    height:100%;
    width:100%;
    mix-blend-mode:color;
    background:var(--theme-color);
    top:0
}
.box-icon img{
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.box-text{
    margin-bottom:-0.5em
}
.btn-group{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:30px
}
.btn-group.style2{
    gap:20px 70px
}
@media (max-width: 767px){
    .btn-group.style2{
        gap:20px 30px
    }
}
@media (max-width: 767px){
    .btn-group{
        gap:20px
    }
}
.th-bg-img{
    position:absolute;
    inset:0
}
.th-bg-img img{
    height:100%;
    width:100%;
    object-fit:cover
}
.mfp-zoom-in .mfp-content{
    opacity:0;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
    -webkit-transform:scale(0.7);
    -ms-transform:scale(0.7);
    transform:scale(0.7)
}
.mfp-zoom-in.mfp-bg{
    opacity:0;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease
}
.mfp-zoom-in.mfp-ready .mfp-content{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.mfp-zoom-in.mfp-ready.mfp-bg{
    opacity:0.7
}
.mfp-zoom-in.mfp-removing .mfp-content{
    -webkit-transform:scale(0.7);
    -ms-transform:scale(0.7);
    transform:scale(0.7);
    opacity:0
}
.mfp-zoom-in.mfp-removing.mfp-bg{
    opacity:0
}
.font-icon{
    font-family:var(--icon-font)
}
.font-title{
    font-family:var(--title-font)
}
.font-body{
    font-family:var(--body-font)
}
.fw-extralight{
    font-weight:100
}
.fw-light{
    font-weight:300
}
.fw-normal{
    font-weight:400
}
.fw-medium{
    font-weight:500
}
.fw-semibold{
    font-weight:600
}
.fw-bold{
    font-weight:700
}
.fw-extrabold{
    font-weight:800
}
.fs-md{
    font-size:18px
}
.fs-16{
    font-size:16px !important
}
.fs-xs{
    font-size:14px
}
.bg-theme{
    background-color:var(--theme-color) !important
}
.bg-theme2{
    background-color:var(--theme-color2) !important
}
.bg-theme3{
    background-color:var(--theme-color3) !important
}
.bg-smoke{
    background-color:var(--smoke-color) !important
}
.bg-smoke2{
    background-color:var(--smoke-color2) !important
}
.bg-white{
    background-color:var(--white-color) !important
}
.bg-black{
    background-color:var(--black-color) !important
}
.bg-black2{
    background-color:var(--black-color2) !important
}
.bg-black3{
    background-color:var(--black-color3) !important
}
.bg-title{
    background-color:var(--title-color) !important
}
.gr-bg1{
    background:-webkit-linear-gradient(top, #0B0E13 0%, rgba(11,14,19,0.94) 46.17%, #0B0E13 100%);
    background:linear-gradient(180deg, #0B0E13 0%, rgba(11,14,19,0.94) 46.17%, #0B0E13 100%)
}
.gr-bg2{
    background-image:-webkit-linear-gradient(349.38deg, rgba(249,215,175,0.3) 0%, rgba(214,202,245,0.3) 24.03%, rgba(198,241,255,0.3) 45.73%, rgba(248,242,222,0.3) 69.05%, rgba(212,179,253,0.3) 100.44%);
    background-image:linear-gradient(100.62deg, rgba(249,215,175,0.3) 0%, rgba(214,202,245,0.3) 24.03%, rgba(198,241,255,0.3) 45.73%, rgba(248,242,222,0.3) 69.05%, rgba(212,179,253,0.3) 100.44%)
}
.gr-bg3{
    background-image:-webkit-linear-gradient(339.41deg, rgba(236,207,254,0.4) 0%, rgba(255,221,221,0.5) 46.79%, rgba(247,255,229,0.7) 100%);
    background-image:linear-gradient(110.59deg, rgba(236,207,254,0.4) 0%, rgba(255,221,221,0.5) 46.79%, rgba(247,255,229,0.7) 100%);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px)
}
.gr-bg4{
    background-image:-webkit-linear-gradient(344.56deg, rgba(255,229,133,0.4) 0%, rgba(189,255,199,0.4) 48.48%, rgba(223,109,223,0.4) 100%);
    background-image:linear-gradient(105.44deg, rgba(255,229,133,0.4) 0%, rgba(189,255,199,0.4) 48.48%, rgba(223,109,223,0.4) 100%);
    -webkit-backdrop-filter:blur(15px);
    backdrop-filter:blur(15px)
}
.background-image,[data-bg-src]{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg-fluid{
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center center
}
.bg-auto{
    background-size:auto auto
}
.bg-top-center{
    background-size:auto;
    background-position:top center
}
.bg-repeat{
    background-size:auto;
    background-repeat:repeat
}
.bg-bottom-right{
    background-size:auto;
    background-position:bottom right
}
.bg-top-right{
    background-size:auto;
    background-position:top right
}
.bg-top-left{
    background-size:auto;
    background-position:top left
}
.bg-attachment{
    background-attachment:fixed
}
.gradient-border{
    --border-width: 1px;
    --border-radius: 20px;
    position:relative;
    background:-webkit-linear-gradient(left, var(--theme-color), var(--theme-color2)),-webkit-linear-gradient(left, var(--theme-color), var(--theme-color2));
    background:linear-gradient(to right, var(--theme-color), var(--theme-color2)),linear-gradient(to right, var(--theme-color), var(--theme-color2));
    background-position:var(--border-radius) 0,var(--border-radius) 100%;
    background-repeat:no-repeat;
    background-size:calc(100% - var(--border-radius) - var(--border-radius)) var(--border-width)
}
.gradient-border:after,.gradient-border:before{
    content:"";
    display:block;
    position:absolute;
    width:var(--border-radius);
    top:0;
    bottom:0
}
.gradient-border:before{
    left:0;
    border:var(--border-width) solid var(--theme-color);
    border-top-left-radius:var(--border-radius);
    border-bottom-left-radius:var(--border-radius);
    border-right-color:transparent
}
.gradient-border:after{
    right:0;
    border:var(--border-width) solid var(--theme-color2);
    border-top-right-radius:var(--border-radius);
    border-bottom-right-radius:var(--border-radius);
    border-left-color:transparent
}
.radient-border-bottom{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:2px;
    background:-webkit-linear-gradient(0.23deg, #FBEC6B .44%, #FF1F58 18.3%, #FE63FC 38.04%, #0391FF 58.82%, #00F9F5 79.6%, #01FF8E 100.7%);
    background:linear-gradient(89.77deg, #FBEC6B .44%, #FF1F58 18.3%, #FE63FC 38.04%, #0391FF 58.82%, #00F9F5 79.6%, #01FF8E 100.7%)
}
.radient-border-bottom:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:10px;
    background:-webkit-linear-gradient(0.47deg, #FBEC6B .88%, #FF1F58 18.66%, #FE63FC 38.31%, #0391FF 58.95%, #00F9F5 79.69%, #01FF8E 100.69%);
    background:linear-gradient(89.53deg, #FBEC6B .88%, #FF1F58 18.66%, #FE63FC 38.31%, #0391FF 58.95%, #00F9F5 79.69%, #01FF8E 100.69%);
    opacity:0.5;
    -webkit-filter:blur(25px);
    filter:blur(25px)
}
.radient-border-top{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;
    background:-webkit-linear-gradient(0.23deg, #FBEC6B .44%, #FF1F58 18.3%, #FE63FC 38.04%, #0391FF 58.82%, #00F9F5 79.6%, #01FF8E 100.7%);
    background:linear-gradient(89.77deg, #FBEC6B .44%, #FF1F58 18.3%, #FE63FC 38.04%, #0391FF 58.82%, #00F9F5 79.6%, #01FF8E 100.7%)
}
.radient-border-top:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:10px;
    background:-webkit-linear-gradient(0.47deg, #FBEC6B .88%, #FF1F58 18.66%, #FE63FC 38.31%, #0391FF 58.95%, #00F9F5 79.69%, #01FF8E 100.69%);
    background:linear-gradient(89.53deg, #FBEC6B .88%, #FF1F58 18.66%, #FE63FC 38.31%, #0391FF 58.95%, #00F9F5 79.69%, #01FF8E 100.69%);
    opacity:0.5;
    -webkit-filter:blur(25px);
    filter:blur(25px)
}
.text-theme{
    color:var(--theme-color) !important
}
.text-theme2{
    color:var(--theme-color2) !important
}
.text-theme3{
    color:var(--theme-color3) !important
}
.text-title{
    color:var(--title-color) !important
}
.text-body{
    color:var(--body-color) !important
}
.text-white{
    color:var(--white-color) !important
}
.text-light{
    color:var(--light-color) !important
}
.text-yellow{
    color:var(--yellow-color) !important
}
.text-success{
    color:var(--success-color) !important
}
.text-error{
    color:var(--error-color) !important
}
.text-inherit{
    color:inherit
}
.text-inherit:hover{
    color:var(--theme-color)
}
a.text-theme:hover,.text-reset:hover{
    text-decoration:underline
}
.overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:-1
}
.position-center{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
[data-overlay]{
    position:relative;
    z-index:2
}
[data-overlay] [class^="col-"],[data-overlay] [class*="col-"]{
    z-index:1
}
[data-overlay]:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1
}
[data-overlay="theme"]:before{
    background-color:var(--theme-color)
}
[data-overlay="title"]:before{
    background-color:var(--title-color)
}
[data-overlay="smoke"]:before{
    background-color:var(--smoke-color)
}
[data-overlay="white"]:before{
    background-color:var(--white-color)
}
[data-overlay="black"]:before{
    background-color:var(--black-color)
}
[data-overlay="overlay1"]:before{
    background-color:#080E1C
}
[data-opacity="1"]:before{
    opacity:.1
}
[data-opacity="2"]:before{
    opacity:.2
}
[data-opacity="3"]:before{
    opacity:.3
}
[data-opacity="4"]:before{
    opacity:.4
}
[data-opacity="5"]:before{
    opacity:.5
}
[data-opacity="6"]:before{
    opacity:.6
}
[data-opacity="7"]:before{
    opacity:.7
}
[data-opacity="8"]:before{
    opacity:.8
}
[data-opacity="9"]:before{
    opacity:.9
}
[data-opacity="10"]:before{
    opacity:1
}
.ripple-animation,.play-btn:after,.play-btn:before{
    -webkit-animation-duration:var(--ripple-ani-duration);
    animation-duration:var(--ripple-ani-duration);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:ripple;
    animation-name:ripple
}
@-webkit-keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:0.4
    }
    100%{
        -webkit-transform:scale(1.8);
        transform:scale(1.8);
        opacity:0
    }
}
@keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:0.4
    }
    100%{
        -webkit-transform:scale(1.8);
        transform:scale(1.8);
        opacity:0
    }
}
@-webkit-keyframes ripple2{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:0.4
    }
    100%{
        -webkit-transform:scale(2.8);
        transform:scale(2.8);
        opacity:0
    }
}
@keyframes ripple2{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:0.4
    }
    100%{
        -webkit-transform:scale(2.8);
        transform:scale(2.8);
        opacity:0
    }
}
@-webkit-keyframes scrollMove{
    0%{
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
}
@keyframes scrollMove{
    0%{
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
}
.fancy-animation{
    -webkit-animation:morph 8s ease-in-out infinite;
    animation:morph 8s ease-in-out infinite
}
@-webkit-keyframes morph{
    0%{
        border-radius:60% 40% 30% 70% / 60% 30% 70% 40%
    }
    50%{
        border-radius:30% 60% 70% 40% / 50% 60% 30% 60%
    }
    100%{
        border-radius:60% 40% 30% 70% / 60% 30% 70% 40%
    }
}
@keyframes morph{
    0%{
        border-radius:60% 40% 30% 70% / 60% 30% 70% 40%
    }
    50%{
        border-radius:30% 60% 70% 40% / 50% 60% 30% 60%
    }
    100%{
        border-radius:60% 40% 30% 70% / 60% 30% 70% 40%
    }
}
.movingX{
    -webkit-animation:movingX 8s linear infinite;
    animation:movingX 8s linear infinite
}
@-webkit-keyframes movingX{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes movingX{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(50px);
        transform:translateX(50px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.movingCar{
    -webkit-animation:movingCar 25s linear infinite;
    animation:movingCar 25s linear infinite
}
@-webkit-keyframes movingCar{
    0%{
        -webkit-transform:translateX(0) rotateY(0deg);
        transform:translateX(0) rotateY(0deg)
    }
    50%{
        -webkit-transform:translateX(calc(100vw*-1 + 108%));
        transform:translateX(calc(100vw*-1 + 108%))
    }
    51%{
        -webkit-transform:translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
        transform:translateX(calc(100vw*-1 + 108%)) rotateY(180deg)
    }
    100%{
        -webkit-transform:translateX(0) rotateY(180deg);
        transform:translateX(0) rotateY(180deg)
    }
}
@keyframes movingCar{
    0%{
        -webkit-transform:translateX(0) rotateY(0deg);
        transform:translateX(0) rotateY(0deg)
    }
    50%{
        -webkit-transform:translateX(calc(100vw*-1 + 108%));
        transform:translateX(calc(100vw*-1 + 108%))
    }
    51%{
        -webkit-transform:translateX(calc(100vw*-1 + 108%)) rotateY(180deg);
        transform:translateX(calc(100vw*-1 + 108%)) rotateY(180deg)
    }
    100%{
        -webkit-transform:translateX(0) rotateY(180deg);
        transform:translateX(0) rotateY(180deg)
    }
}
.moving{
    -webkit-animation:moving 8s linear infinite;
    animation:moving 8s linear infinite
}
@-webkit-keyframes moving{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes moving{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(-50px);
        transform:translateX(-50px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.jump{
    -webkit-animation:jumpAni 7s linear infinite;
    animation:jumpAni 7s linear infinite
}
@-webkit-keyframes jumpAni{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes jumpAni{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.jump-reverse{
    -webkit-animation:jumpReverseAni 7s linear infinite;
    animation:jumpReverseAni 7s linear infinite
}
@-webkit-keyframes jumpReverseAni{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes jumpReverseAni{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.spin{
    -webkit-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.bg-color-ani,.color-animate{
    -webkit-animation:bgColor 6s linear infinite;
    animation:bgColor 6s linear infinite
}
@-webkit-keyframes bgColor{
    0%{
        background-color:#F2BA4C
    }
    25%{
        background-color:#81F24C
    }
    50%{
        background-color:#41F27D
    }
    75%{
        background-color:#0500FF
    }
    100%{
        background-color:#F2BA4C
    }
}
@keyframes bgColor{
    0%{
        background-color:#F2BA4C
    }
    25%{
        background-color:#81F24C
    }
    50%{
        background-color:#41F27D
    }
    75%{
        background-color:#0500FF
    }
    100%{
        background-color:#F2BA4C
    }
}
@-webkit-keyframes animate-positive{
    0%{
        width:0
    }
}
@keyframes animate-positive{
    0%{
        width:0
    }
}
.fadein,.scalein,.slidetopleft,.slidebottomright,.slideinleft,.slideinright,.slideindown,.slideinup,.rollinleft,.rollinright{
    opacity:0;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s;
    -webkit-animation-name:var(--animation-name);
    animation-name:var(--animation-name)
}
.swiper-slide-active .fadein{
    --animation-name: fadein
}
.swiper-slide-active .scalein{
    --animation-name: scalein
}
.swiper-slide-active .slidetopleft{
    --animation-name: slidetopleft
}
.swiper-slide-active .slidebottomright{
    --animation-name: slidebottomright
}
.swiper-slide-active .slideinleft{
    --animation-name: slideinleft
}
.swiper-slide-active .slideinright{
    --animation-name: slideinright
}
.swiper-slide-active .slideinup{
    --animation-name: slideinup
}
.swiper-slide-active .slideindown{
    --animation-name: slideindown
}
.swiper-slide-active .rollinleft{
    --animation-name: rollinleft
}
.swiper-slide-active .rollinright{
    --animation-name: rollinright
}
@-webkit-keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadein{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes slideinup{
    0%{
        opacity:0;
        -webkit-transform:translateY(100px);
        transform:translateY(100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideinup{
    0%{
        opacity:0;
        -webkit-transform:translateY(100px);
        transform:translateY(100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes slideinright{
    0%{
        opacity:0;
        -webkit-transform:translateX(180px);
        transform:translateX(180px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideinright{
    0%{
        opacity:0;
        -webkit-transform:translateX(180px);
        transform:translateX(180px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes slideindown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideindown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100px);
        transform:translateY(-100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes slideinleft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100px);
        transform:translateX(-100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideinleft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100px);
        transform:translateX(-100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes slidebottomright{
    0%{
        opacity:0;
        -webkit-transform:translateX(120px) translateY(120px);
        transform:translateX(120px) translateY(120px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
}
@keyframes slidebottomright{
    0%{
        opacity:0;
        -webkit-transform:translateX(120px) translateY(120px);
        transform:translateX(120px) translateY(120px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
}
@-webkit-keyframes slidetopleft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100px) translateY(-100px);
        transform:translateX(-100px) translateY(-100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
}
@keyframes slidetopleft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100px) translateY(-100px);
        transform:translateX(-100px) translateY(-100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
}
.spin2{
    -webkit-animation:spin2 10s linear infinite;
    animation:spin2 10s linear infinite
}
@-webkit-keyframes spin2{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
@keyframes spin2{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
.animation-bubble{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    overflow:hidden;
    z-index:1;
    pointer-events:none
}
.animation-bubble div[class^=bubble-]{
    height:1px;
    width:1px;
    position:absolute;
    background:url(../img/shape/star.html) no-repeat center center;
    background-size:cover;
    border-radius:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    pointer-events:none
}
@media (max-width: 1024px){
    .animation-bubble>:nth-child(even){
        display:none
    }
}
.bubble-1{
    bottom:-5px;
    left:68%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -6.57s;
    animation:bubble-animation 4.5s infinite ease-in -6.57s
}
.bubble-2{
    bottom:-71px;
    left:97%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -5.07s;
    animation:bubble-animation 4.5s infinite ease-in -5.07s
}
.bubble-3{
    bottom:-71px;
    left:43%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -6.73s;
    animation:bubble-animation 4.5s infinite ease-in -6.73s
}
.bubble-4{
    bottom:-3.8px;
    left:82%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -4.04s;
    animation:bubble-animation 4.5s infinite ease-in -4.04s
}
.bubble-5{
    bottom:-73.4px;
    left:29%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -3.11s;
    animation:bubble-animation 4.5s infinite ease-in -3.11s
}
.bubble-6{
    bottom:-71px;
    left:41%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -5.95s;
    animation:bubble-animation 4.5s infinite ease-in -5.95s
}
.bubble-7{
    bottom:-79.4px;
    left:14%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -3.68s;
    animation:bubble-animation 4.5s infinite ease-in -3.68s
}
.bubble-8{
    bottom:-115.4px;
    left:90%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -3.89s;
    animation:bubble-animation 4.5s infinite ease-in -3.89s
}
.bubble-9{
    bottom:-44.6px;
    left:33%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -1.09s;
    animation:bubble-animation 4.5s infinite ease-in -1.09s
}
.bubble-10{
    bottom:-6.2px;
    left:59%;
    -webkit-animation:bubble-animation 4.5s infinite ease-in -.96s;
    animation:bubble-animation 4.5s infinite ease-in -.96s
}
@-webkit-keyframes bubble-animation{
    0%{
        -webkit-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        height:1px;
        width:1px
    }
    100%{
        -webkit-transform:translate3d(-50%, -280px, 0);
        transform:translate3d(-50%, -280px, 0);
        height:30px;
        width:30px
    }
}
@keyframes bubble-animation{
    0%{
        -webkit-transform:translate3d(-50%, 0, 0);
        transform:translate3d(-50%, 0, 0);
        height:1px;
        width:1px
    }
    100%{
        -webkit-transform:translate3d(-50%, -280px, 0);
        transform:translate3d(-50%, -280px, 0);
        height:30px;
        width:30px
    }
}
@-webkit-keyframes toTopFromBottom{
    49%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    50%{
        opacity:0;
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    51%{
        opacity:1
    }
}
@keyframes toTopFromBottom{
    49%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    50%{
        opacity:0;
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    51%{
        opacity:1
    }
}
.custom-anim-right{
    -webkit-animation:custom-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    animation:custom-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity:0
}
@-webkit-keyframes custom-anim-right{
    0%{
        -webkit-transform:translateX(5%);
        transform:translateX(5%);
        -webkit-clip-path:inset(0 0 0 100%);
        clip-path:inset(0 0 0 100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity:1
    }
}
@keyframes custom-anim-right{
    0%{
        -webkit-transform:translateX(5%);
        transform:translateX(5%);
        -webkit-clip-path:inset(0 0 0 100%);
        clip-path:inset(0 0 0 100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity:1
    }
}
.custom-anim-left{
    -webkit-animation:custom-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    animation:custom-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity:0
}
@-webkit-keyframes custom-anim-left{
    0%{
        -webkit-transform:translateX(-5%);
        transform:translateX(-5%);
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path:inset(0 100% 0 0);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity:1
    }
}
@keyframes custom-anim-left{
    0%{
        -webkit-transform:translateX(-5%);
        transform:translateX(-5%);
        -webkit-clip-path:inset(0 100% 0 0);
        clip-path:inset(0 100% 0 0);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity:1
    }
}
.custom-anim-top{
    -webkit-animation:custom-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    animation:custom-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity:0
}
@-webkit-keyframes custom-anim-top{
    0%{
        -webkit-transform:translateY(-5%);
        transform:translateY(-5%);
        -webkit-clip-path:inset(0 0 100% 0);
        clip-path:inset(0 0 100% 0);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity:1
    }
}
@keyframes custom-anim-top{
    0%{
        -webkit-transform:translateY(-5%);
        transform:translateY(-5%);
        -webkit-clip-path:inset(0 0 100% 0);
        clip-path:inset(0 0 100% 0);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity:1
    }
}
.custom-anim-bottom{
    -webkit-animation:custom-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    animation:custom-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity:0
}
@-webkit-keyframes custom-anim-bottom{
    0%{
        -webkit-transform:translateY(5%);
        transform:translateY(5%);
        -webkit-clip-path:inset(100% 0 0 0);
        clip-path:inset(100% 0 0 0);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity:1
    }
}
@keyframes custom-anim-bottom{
    0%{
        -webkit-transform:translateY(5%);
        transform:translateY(5%);
        -webkit-clip-path:inset(100% 0 0 0);
        clip-path:inset(100% 0 0 0);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0);
        opacity:1
    }
}
.widget_nav_menu ul,.widget_meta ul,.widget_pages ul,.widget_archive ul,.widget_categories ul,.wp-block-categories ul{
    list-style:none;
    padding:0;
    margin:0 0 0 0
}
.widget_nav_menu a,.widget_meta a,.widget_pages a,.widget_archive a,.widget_categories a,.wp-block-categories a{
    display:inline-block;
    background-color:var(--title-color);
    -webkit-clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    border:0;
    margin:1px;
    width:-webkit-fill-available;
    padding:20px 40px;
    font-size:14px;
    font-weight:500;
    line-height:1;
    color:var(--white-color);
    border-radius:0;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    position:relative
}
.widget_nav_menu a:before,.widget_nav_menu a:after,.widget_meta a:before,.widget_meta a:after,.widget_pages a:before,.widget_pages a:after,.widget_archive a:before,.widget_archive a:after,.widget_categories a:before,.widget_categories a:after,.wp-block-categories a:before,.wp-block-categories a:after{
    content:"";
    position:absolute;
    background-color:var(--white-color);
    z-index:1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:10px;
    width:26px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%);
    clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%)
}
.widget_nav_menu a:after,.widget_meta a:after,.widget_pages a:after,.widget_archive a:after,.widget_categories a:after,.wp-block-categories a:after{
    right:10px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.widget_nav_menu li,.widget_meta li,.widget_pages li,.widget_archive li,.widget_categories li,.wp-block-categories li{
    display:block;
    position:relative;
    margin-bottom:15px;
    -webkit-transition:0.4s;
    transition:0.4s
}
.widget_nav_menu li:before,.widget_meta li:before,.widget_pages li:before,.widget_archive li:before,.widget_categories li:before,.wp-block-categories li:before{
    content:'';
    position:absolute;
    height:56px;
    width:100%;
    background:var(--white-color);
    -webkit-transition:0.4s;
    transition:0.4s;
    -webkit-clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%)
}
.widget_nav_menu li>span,.widget_meta li>span,.widget_pages li>span,.widget_archive li>span,.widget_categories li>span,.wp-block-categories li>span{
    color:var(--white-color);
    text-align:center;
    position:absolute;
    right:40px;
    top:16px;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s;
    pointer-events:none;
    min-width:20px;
    text-align:right
}
.widget_nav_menu li:hover:has(>a:hover):before,.widget_meta li:hover:has(>a:hover):before,.widget_pages li:hover:has(>a:hover):before,.widget_archive li:hover:has(>a:hover):before,.widget_categories li:hover:has(>a:hover):before,.wp-block-categories li:hover:has(>a:hover):before{
    background:var(--theme-color)
}
.widget_nav_menu .menu>li:last-child,.widget_nav_menu>ul>li:last-child,.widget_meta .menu>li:last-child,.widget_meta>ul>li:last-child,.widget_pages .menu>li:last-child,.widget_pages>ul>li:last-child,.widget_archive .menu>li:last-child,.widget_archive>ul>li:last-child,.widget_categories .menu>li:last-child,.widget_categories>ul>li:last-child,.wp-block-categories .menu>li:last-child,.wp-block-categories>ul>li:last-child{
    margin-bottom:0
}
.widget_nav_menu .menu>li:last-child>a,.widget_nav_menu>ul>li:last-child>a,.widget_meta .menu>li:last-child>a,.widget_meta>ul>li:last-child>a,.widget_pages .menu>li:last-child>a,.widget_pages>ul>li:last-child>a,.widget_archive .menu>li:last-child>a,.widget_archive>ul>li:last-child>a,.widget_categories .menu>li:last-child>a,.widget_categories>ul>li:last-child>a,.wp-block-categories .menu>li:last-child>a,.wp-block-categories>ul>li:last-child>a{
    border-bottom:none
}
.widget_nav_menu a:hover:before,.widget_nav_menu a:hover:after,.widget_meta a:hover:before,.widget_meta a:hover:after,.widget_pages a:hover:before,.widget_pages a:hover:after,.widget_archive a:hover:before,.widget_archive a:hover:after,.widget_categories a:hover:before,.widget_categories a:hover:after,.wp-block-categories a:hover:before,.wp-block-categories a:hover:after{
    background:var(--theme-color)
}
.widget_nav_menu a:hover::before,.widget_meta a:hover::before,.widget_pages a:hover::before,.widget_archive a:hover::before,.widget_categories a:hover::before,.wp-block-categories a:hover::before{
    opacity:1
}
.widget_nav_menu .sub-menu,.widget_nav_menu .children,.widget_meta .sub-menu,.widget_meta .children,.widget_pages .sub-menu,.widget_pages .children,.widget_archive .sub-menu,.widget_archive .children,.widget_categories .sub-menu,.widget_categories .children,.wp-block-categories .sub-menu,.wp-block-categories .children{
    margin-left:10px;
    margin-top:15px
}
.wp-block-categories{
    list-style:none;
    padding:0
}
.wp-block-categories>li:last-child>a{
    border-bottom:none
}
.widget_nav_menu a,.widget_meta a,.widget_pages a{
    padding-right:20px
}
.widget_nav_menu .sub-menu{
    margin-left:10px
}
.wp-block-archives{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:20px
}
.wp-block-archives a:not(:hover){
    color:inherit
}
.th-blog ul.wp-block-archives li{
    margin:5px 0
}
.widget{
    padding:var(--widget-padding-y, 40px) var(--widget-padding-x, 40px);
    background-color:var(--black-color3);
    margin-bottom:40px;
    position:relative;
    border-radius:30px
}
.widget[data-overlay]:before{
    z-index:-1
}
.widget .th-social a{
    box-shadow:0px 2px 14px rgba(4,6,66,0.1)
}
.widget select,.widget input,.widget .form-select,.widget .form-control,.widget textarea{
    border:1px solid var(--th-border-color);
    background-color:transparent;
    color:var(--body-color)
}
.widget textarea{
    min-height:120px
}
.widget .form-group>i{
    background-color:var(--white-color)
}
.widget_title{
    position:relative;
    font-size:30px;
    font-weight:700;
    font-family:var(--title-font);
    line-height:1em;
    padding-bottom:17px;
    color:var(--white-color);
    margin:-0.12em 0 40px 0
}
.widget_title:before{
    content:'';
    height:2px;
    width:100%;
    background:-webkit-linear-gradient(354deg, var(--theme-color) 0%, var(--theme-color2) 100%);
    background:linear-gradient(96deg, var(--theme-color) 0%, var(--theme-color2) 100%);
    position:absolute;
    bottom:0;
    left:0
}
@media (max-width: 575px){
    .widget_title{
        font-size:26px
    }
}
.widget-form{
    --bs-gutter-x: 20px
}
.widget .search-form{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    background:var(--theme-color)
}
.widget .search-form:before,.widget .search-form:after{
    content:"";
    position:absolute;
    background-color:var(--theme-color);
    z-index:1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:10px;
    width:26px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%);
    clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%)
}
.widget .search-form:after{
    right:10px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.widget .search-form input{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    border-radius:0px;
    padding:0 40px;
    padding-right:70px;
    border:0;
    -webkit-clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    background:var(--black-color3);
    color:var(--white-color);
    margin:1px
}
.widget .search-form input:focus{
    border-color:var(--theme-color)
}
.widget .search-form input::-webkit-input-placeholder{
    color:var(--white-color)
}
.widget .search-form input::-moz-placeholder{
    color:var(--white-color)
}
.widget .search-form input:-ms-input-placeholder{
    color:var(--white-color)
}
.widget .search-form input::-ms-input-placeholder{
    color:var(--white-color)
}
.widget .search-form input::placeholder{
    color:var(--white-color)
}
.widget .search-form button{
    border:none;
    font-size:16px;
    font-weight:500;
    background-color:transparent;
    color:var(--theme-color);
    display:inline-block;
    padding:0;
    width:auto;
    height:100%;
    text-align:center;
    border-radius:0px;
    position:absolute;
    top:0;
    right:40px
}
.widget .search-form button:hover{
    color:var(--white-color)
}
.wp-block-tag-cloud,.tagcloud{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px
}
.wp-block-tag-cloud a,.tagcloud a{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    font-family:var(--body-font);
    text-transform:capitalize;
    line-height:1;
    color:var(--white-color);
    background-color:var(--white-color);
    border-radius:0px;
    position:relative;
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    background:var(--title-color);
    display:inline-block;
    padding:16px 30px;
    margin:1px
}
.wp-block-tag-cloud a:before,.wp-block-tag-cloud a:after,.tagcloud a:before,.tagcloud a:after{
    content:"";
    position:absolute;
    background-color:var(--white-color);
    z-index:1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:5px;
    width:14px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%);
    clip-path:polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%);
    opacity:0.4
}
.wp-block-tag-cloud a:after,.tagcloud a:after{
    right:5px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.wp-block-tag-cloud a:hover,.tagcloud a:hover{
    background-color:var(--theme-color);
    color:var(--title-color) !important
}
.wp-block-tag-cloud a:hover:before,.wp-block-tag-cloud a:hover:after,.tagcloud a:hover:before,.tagcloud a:hover:after{
    background:var(--title-color);
    opacity:1
}
.sidebar-gallery{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    max-width:320px
}
.sidebar-gallery .gallery-btn{
    position:absolute;
    top:20px;
    left:0;
    color:var(--white-color);
    visibility:hidden;
    opacity:0;
    height:100%;
    width:100%;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.sidebar-gallery .gallery-btn:hover{
    color:var(--theme-color)
}
.sidebar-gallery .gallery-thumb{
    overflow:hidden;
    position:relative;
    border-radius:0px
}
.sidebar-gallery .gallery-thumb:before{
    content:'';
    height:100%;
    width:100%;
    background-color:var(--theme-color);
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    border-radius:inherit;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.sidebar-gallery .gallery-thumb img{
    width:100%
}
.sidebar-gallery .gallery-thumb:hover:before{
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1)
}
.sidebar-gallery .gallery-thumb:hover .gallery-btn{
    visibility:visible;
    opacity:1;
    top:0
}
.sidebar-gallery .gallery-thumb:hover .gallery-btn:hover{
    color:var(--white-color)
}
.sidebar-gallery .wp-block-image{
    overflow:hidden;
    position:relative;
    border-radius:5px;
    width:100% !important
}
.sidebar-gallery .wp-block-image img{
    width:100%
}
.recent-post{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:20px
}
.recent-post:last-child{
    margin-bottom:0
}
.recent-post .media-img{
    margin-right:15px;
    width:85px;
    overflow:hidden;
    border-radius:20px;
    position:relative
}
.recent-post .media-img img{
    width:100%;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.recent-post .media-img:after{
    content:'\f0c1';
    font-family:var(--icon-font);
    position:absolute;
    inset:0;
    text-align:center;
    border-radius:20px;
    line-height:85px;
    font-size:24px;
    background-color:rgba(0,0,0,0.7);
    color:var(--theme-color);
    pointer-events:none;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.recent-post .post-title{
    font-weight:600;
    font-size:20px;
    line-height:1.5em;
    margin:-0.4em 0 8px 0;
    font-family:var(--title-font);
    color:var(--white-color);
    text-transform:capitalize
}
.recent-post .recent-post-meta a{
    text-transform:capitalize;
    font-size:14px;
    color:var(--body-color);
    font-family:var(--body-font)
}
.recent-post .recent-post-meta a i{
    margin-right:6px;
    color:var(--theme-color)
}
.recent-post .recent-post-meta a:hover{
    color:var(--theme-color)
}
.recent-post:hover .media-img img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.recent-post:hover .media-img:after{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.sidebar-area ul.wp-block-latest-posts{
    margin-bottom:0
}
.sidebar-area ul.wp-block-latest-posts li:last-child{
    margin-bottom:0
}
.sidebar-area .wp-block-categories{
    margin:-20px 0 -20px 0
}
.sidebar-area .sidebar-gallery{
    margin-bottom:0 !important
}
.sidebar-area .widget .wp-block-search{
    margin-bottom:0
}
.sidebar-area .wp-block-search__label,.sidebar-area .wp-block-group__inner-container h2{
    position:relative;
    font-size:30px;
    font-weight:700;
    font-family:var(--title-font);
    line-height:1em;
    padding-bottom:17px;
    color:var(--white-color);
    margin:-0.12em 0 40px 0
}
.sidebar-area .wp-block-search__label:before,.sidebar-area .wp-block-group__inner-container h2:before{
    content:'';
    height:2px;
    width:100%;
    background:-webkit-linear-gradient(354deg, var(--theme-color) 0%, var(--theme-color2) 100%);
    background:linear-gradient(96deg, var(--theme-color) 0%, var(--theme-color2) 100%);
    position:absolute;
    bottom:0;
    left:0
}
.sidebar-area .wp-block-search__inside-wrapper{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    background:var(--theme-color)
}
.sidebar-area .wp-block-search__inside-wrapper:before,.sidebar-area .wp-block-search__inside-wrapper:after{
    content:"";
    position:absolute;
    background-color:var(--theme-color);
    z-index:1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:10px;
    width:26px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%);
    clip-path:polygon(95% 0, 100% 0, 5% 50%, 100% 100%, 95% 100%, 0% 50%)
}
.sidebar-area .wp-block-search__inside-wrapper:after{
    right:10px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.sidebar-area .wp-block-search__inside-wrapper input{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    border-radius:0px;
    padding:0 40px;
    padding-right:110px;
    border:0;
    -webkit-clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    clip-path:polygon(30px 0%, calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 30px 100%, 0% 50%);
    background:var(--black-color3);
    color:var(--white-color);
    margin:1px
}
.sidebar-area .wp-block-search__inside-wrapper input:focus{
    border-color:var(--theme-color)
}
.sidebar-area .wp-block-search__inside-wrapper input::-webkit-input-placeholder{
    color:var(--white-color)
}
.sidebar-area .wp-block-search__inside-wrapper input::-moz-placeholder{
    color:var(--white-color)
}
.sidebar-area .wp-block-search__inside-wrapper input:-ms-input-placeholder{
    color:var(--white-color)
}
.sidebar-area .wp-block-search__inside-wrapper input::-ms-input-placeholder{
    color:var(--white-color)
}
.sidebar-area .wp-block-search__inside-wrapper input::placeholder{
    color:var(--white-color)
}
.sidebar-area .wp-block-search__inside-wrapper button{
    border:none;
    font-size:16px;
    font-weight:500;
    background-color:transparent;
    color:var(--theme-color);
    display:inline-block;
    padding:0;
    width:auto;
    height:100%;
    text-align:center;
    border-radius:0px;
    position:absolute;
    top:0;
    right:40px
}
.sidebar-area .wp-block-search__inside-wrapper button:hover{
    color:var(--white-color);
    background:transparent
}
.sidebar-area ol.wp-block-latest-comments{
    padding:0;
    margin:0
}
.sidebar-area ol.wp-block-latest-comments li{
    line-height:1.5;
    margin:0 0 20px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-bottom:20px
}
.sidebar-area ol.wp-block-latest-comments li:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.widget-game-info{
    text-align:center
}
.widget-game-info .player-logo{
    display:inline-block;
    height:100px;
    width:100px;
    line-height:85px;
    border:5px solid var(--title-color);
    border-radius:50%
}
.widget-game-info .player-logo img{
    height:60px
}
.widget-game-info .game-info-title{
    font-weight:700;
    color:var(--white-color);
    margin-top:32px;
    margin-bottom:19px
}
.widget-game-info .game-meta-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-size:14px;
    text-transform:uppercase;
    gap:15px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:32px
}
.widget-game-info .game-rating-info{
    background:var(--black-color);
    border-radius:10px;
    padding:15px 30px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    text-align:left;
    gap:15px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:40px
}
.widget-game-info .game-rating-info .rating-wrap .game-rating{
    display:inline-block;
    height:24px;
    line-height:24px;
    padding:0 8px;
    border-radius:5px;
    background:var(--black-color3);
    font-size:14px
}
.widget-game-info .game-rating-info .rating-wrap .game-rating i{
    color:var(--theme-color2)
}
.widget-game-info .game-rating-info .rating-wrap .review-count{
    display:block;
    margin-top:6px;
    margin-bottom:-0.4em;
    font-size:14px
}
.widget-game-info .game-rating-info .download-wrap .download-wrap-title{
    font-size:30px;
    font-weight:700;
    color:var(--white-color);
    margin-bottom:-1px;
    margin-top:-0.3em
}
.widget-game-info .game-rating-info .download-wrap .download-wrap-text{
    font-size:14px;
    display:block;
    margin-bottom:-0.5em
}
.widget-game-info .btn-wrap{
    gap:15px
}
.widget-game-info .btn-wrap a{
    width:calc(50% - 7.5px)
}
.widget-tournament-info .next-match-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:-0.4em
}
.widget-tournament-info .next-match-list:not(:last-child){
    padding-bottom:40px
}
.widget-tournament-info .next-match-list .player-info{
    text-align:center
}
.widget-tournament-info .next-match-list .player-info .player-logo{
    width:90px;
    margin:auto
}
.widget-tournament-info .next-match-list .player-title{
    color:var(--white-color);
    margin-top:23px;
    text-transform:uppercase;
    margin-bottom:0px;
    font-size:24px
}
.widget-tournament-info .next-match-list .player-title a{
    color:var(--white-color)
}
.widget-tournament-info .next-match-list .player-title a:hover{
    color:var(--theme-color)
}
.widget-tournament-info .next-match-list .player-social{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:10px;
    font-size:14px
}
.widget-tournament-info .next-match-list .player-social a:hover{
    color:var(--theme-color2)
}
.widget-tournament-info .next-match-list .verses-tag{
    color:var(--white-color)
}
@media (max-width: 575px){
    .widget-tournament-info .next-match-list .player-title{
        font-size:20px
    }
    .widget-tournament-info .next-match-list .player-info .player-logo{
        width:70px
    }
}
.widget-advertise{
    display:inline-block;
    border-radius:30px;
    overflow:hidden
}
.download-widget-wrap .th-btn{
    width:100%
}
.download-widget-wrap .th-btn:first-child{
    margin-bottom:15px
}
.download-widget-wrap .th-btn.style2{
    color:var(--body-color)
}
.download-widget-wrap .th-btn.style2:before{
    background-color:var(--theme-color)
}
.download-widget-wrap .th-btn.style2:hover{
    color:var(--white-color);
    border-color:var(--theme-color)
}
.widget_call{
    background-color:var(--title-color);
    position:relative;
    padding:0 !important
}
.widget_call .widget_title{
    color:var(--white-color)
}
.widget-map iframe{
    min-height:280px
}
.widget-call{
    position:relative;
    z-index:2;
    overflow:hidden;
    text-align:center;
    padding:0 10px var(--widget-padding-y, 40px) 10px
}
.widget-call:before{
    content:'';
    width:368px;
    height:368px;
    background-color:var(--theme-color);
    border:6px solid var(--white-color);
    position:absolute;
    bottom:calc(100% - 120px);
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    border-radius:50%;
    z-index:-1
}
.widget-call .text{
    display:block;
    margin:22px auto 25px auto;
    color:var(--white-color);
    max-width:310px
}
.widget-call .call{
    font-size:30px;
    font-weight:600;
    color:var(--white-color);
    display:block;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    margin:30px auto 0 auto
}
.widget-call .call:hover{
    color:var(--theme-color)
}
.widget-call .play-btn{
    --icon-size: 60px
}
.widget-call .play-btn>i{
    font-size:30px
}
.widget-call .box-title{
    font-weight:500;
    color:var(--white-color);
    margin-bottom:35px;
    padding-top:20px
}
@media (max-width: 1299px){
    .widget-call .title{
        font-size:34px
    }
}
.widget_info .th-btn{
    width:100%;
    margin-bottom:10px;
    display:block
}
.widget_info .th-video{
    margin-bottom:20px
}
.info-list{
    margin-top:-16px
}
.info-list ul{
    list-style:none;
    padding:0;
    margin:0
}
.info-list i{
    color:var(--theme-color);
    width:16px;
    margin-right:2px;
    font-size:16px
}
.info-list strong{
    font-weight:600;
    color:var(--title-color);
    display:block;
    font-size:18pxx
}
.info-list li{
    border-bottom:1px dashed #D3DBEB;
    padding:12px 0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.info-list li:last-child{
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:-0.45em
}
.price_slider_wrapper{
    margin-top:-0.5em
}
.price_slider_wrapper .price_label span{
    display:inline-block;
    color:var(--body-color)
}
.price_slider_wrapper .ui-slider{
    height:6px;
    position:relative;
    width:100%;
    background-color:var(--theme-color);
    border:none;
    margin-top:15px;
    margin-bottom:25px;
    cursor:pointer;
    border-radius:0
}
.price_slider_wrapper .ui-slider-range{
    border:none;
    cursor:pointer;
    position:absolute;
    top:0;
    height:100%;
    z-index:1;
    display:block;
    background-color:var(--title-color)
}
.price_slider_wrapper .ui-slider-handle{
    width:16px;
    height:16px;
    line-height:16px;
    border-radius:50%;
    text-align:center;
    padding:0;
    cursor:pointer;
    position:absolute;
    margin-top:-5px;
    z-index:2;
    background-color:var(--white-color);
    border:3px solid var(--title-color);
    -webkit-transform:translateX(-1px);
    -ms-transform:translateX(-1px);
    transform:translateX(-1px)
}
.price_slider_wrapper .ui-slider-handle:focus{
    outline:none;
    box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,0.15)
}
.price_slider_wrapper .ui-slider-handle:last-child{
    -webkit-transform:translateX(-9px);
    -ms-transform:translateX(-9px);
    transform:translateX(-9px)
}
.price_slider_wrapper button,.price_slider_wrapper .button{
    background-color:var(--theme-color);
    color:var(--white-color);
    font-weight:500;
    line-height:1.6;
    text-transform:capitalize;
    text-align:center;
    border:none;
    display:inline-block;
    overflow:hidden;
    position:relative;
    z-index:2;
    padding:7px 20px;
    min-width:100px;
    font-size:14px;
    border-radius:0;
    -webkit-transition:0.4s ease-in;
    transition:0.4s ease-in
}
.price_slider_wrapper button:hover,.price_slider_wrapper .button:hover{
    background-color:var(--title-color)
}
.widget_shopping_cart .widget_title{
    margin-bottom:35px;
    border-bottom:none
}
.widget_shopping_cart ul{
    margin:0;
    padding:0
}
.widget_shopping_cart ul li{
    list-style-type:none
}
.widget_shopping_cart .mini_cart_item{
    position:relative;
    padding:30px 30px 30px 90px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    margin-bottom:0;
    text-align:left
}
.widget_shopping_cart .mini_cart_item:first-child{
    border-top:1px solid rgba(0,0,0,0.1)
}
.widget_shopping_cart .cart_list a:not(.remove){
    display:block;
    color:var(--body-color);
    font-size:16px;
    font-weight:500;
    font-family:var(--title-font);
    font-weight:600;
    color:var(--title-color)
}
.widget_shopping_cart .cart_list a:not(.remove):hover{
    color:var(--theme-color)
}
.widget_shopping_cart .cart_list a.remove{
    position:absolute;
    top:50%;
    left:95%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:var(--body-color)
}
.widget_shopping_cart .cart_list a.remove:hover{
    color:var(--theme-color)
}
.widget_shopping_cart .cart_list img{
    width:75px;
    height:75px;
    position:absolute;
    left:0;
    top:18px
}
.widget_shopping_cart .quantity{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    white-space:nowrap;
    vertical-align:top;
    margin-right:20px;
    font-size:14px;
    font-weight:500
}
.widget_shopping_cart .total{
    margin-top:20px;
    font-size:18px;
    color:var(--title-color);
    font-family:var(--body-font)
}
.widget_shopping_cart .total strong{
    font-family:var(--title-font)
}
.widget_shopping_cart .amount{
    padding-left:5px
}
.widget_shopping_cart .th-btn{
    margin-right:15px
}
.widget_shopping_cart .th-btn:last-child{
    margin-right:0
}
.widget_banner{
    --widget-padding-y: 75px
}
.widget_banner .icon{
    font-size:60px;
    color:var(--theme-color);
    margin-bottom:22px
}
.widget_banner .subtitle{
    color:var(--white-color);
    font-size:24px;
    line-height:34px;
    font-weight:600
}
.widget_banner .title{
    font-size:30px;
    font-weight:700;
    margin-bottom:20px
}
.widget_banner .title a{
    color:var(--theme-color)
}
.widget_banner .title a:hover{
    color:var(--white-color)
}
.widget_banner .link{
    font-size:16px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color)
}
.widget_banner .link:hover{
    color:var(--theme-color)
}
@media (max-width: 1199px){
    .widget_banner .subtitle{
        font-size:20px;
        line-height:normal
    }
    .widget_banner .title{
        font-size:24px
    }
}
.th-video-widget .video-thumb{
    position:relative
}
.th-video-widget .play-btn{
    --icon-size: 60px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.th-video-widget .play-btn i{
    font-size:16px
}
.th-video-widget .video-thumb-title{
    font-size:20px;
    font-weight:600;
    line-height:1.4;
    margin-top:10px;
    margin-bottom:-0.3em
}
.widget_recent_entries ul{
    margin:-0.3em 0 0 0;
    padding:0;
    list-style:none
}
.widget_recent_entries ul li>a{
    color:var(--body-color);
    font-weight:500;
    display:inline-block
}
.widget_recent_entries ul li>a:hover{
    color:var(--theme-color)
}
.widget_recent_entries ul li span.post-date{
    font-size:14px
}
.widget_recent_entries ul li:not(:last-child){
    border-bottom:1px solid #dadada;
    padding-bottom:12px;
    margin-bottom:12px
}
.widget_recent_comments ul,.wp-block-latest-comments ul{
    list-style-type:none;
    padding-left:0
}
ul.widget_recent_comments,ol.widget_recent_comments,.wp-block-latest-comments{
    margin-top:-0.11em;
    padding-left:0
}
.widget_recent_comments ol,.widget_recent_comments ul,.wp-block-latest-comments ol,.wp-block-latest-comments ul{
    margin-bottom:0
}
.widget_recent_comments li,.wp-block-latest-comments li{
    margin-bottom:0;
    color:var(--body-color);
    padding-left:30px;
    position:relative
}
.widget_recent_comments li:before,.wp-block-latest-comments li:before{
    content:"\f086";
    position:absolute;
    left:0;
    top:-1px;
    color:var(--theme-color);
    font-family:var(--icon-font)
}
.widget_recent_comments.has-avatars li,.wp-block-latest-comments.has-avatars li{
    padding-left:0;
    padding-bottom:0 !important
}
.widget_recent_comments.has-avatars li:before,.wp-block-latest-comments.has-avatars li:before{
    display:none
}
.widget_recent_comments .avatar,.wp-block-latest-comments .avatar{
    margin-top:0.4em
}
.widget_recent_comments li:not(:last-child),.wp-block-latest-comments li:not(:last-child){
    padding-bottom:12px
}
.widget_recent_comments article,.wp-block-latest-comments article{
    line-height:1.5
}
.widget_recent_comments a,.wp-block-latest-comments a{
    color:inherit
}
.widget_recent_comments a:hover,.wp-block-latest-comments a:hover{
    color:var(--theme-color)
}
.wp-block-latest-comments__comment{
    line-height:1.6
}
.wp-block-latest-comments__comment a{
    color:var(--body-color)
}
.wp-block-latest-comments__comment a:hover{
    color:var(--theme-color)
}
.wp-block-latest-comments__comment:last-child{
    margin-bottom:0
}
.wp-block-calendar tbody td,.wp-block-calendar th{
    padding:10px
}
.wp-block-calendar,.calendar_wrap{
    position:relative;
    background-color:#fff;
    padding-bottom:0;
    border:none
}
.wp-block-calendar span[class*="wp-calendar-nav"],.calendar_wrap span[class*="wp-calendar-nav"]{
    position:absolute;
    top:9px;
    left:20px;
    font-size:14px;
    color:var(--white-color);
    font-weight:400;
    z-index:1;
    line-height:1.7
}
.wp-block-calendar span[class*="wp-calendar-nav"] a,.calendar_wrap span[class*="wp-calendar-nav"] a{
    color:inherit
}
.wp-block-calendar span.wp-calendar-nav-next,.calendar_wrap span.wp-calendar-nav-next{
    left:auto;
    right:20px
}
.wp-block-calendar caption,.calendar_wrap caption{
    caption-side:top;
    text-align:center;
    color:var(--white-color);
    background-color:var(--theme-color)
}
.wp-block-calendar th,.calendar_wrap th{
    font-size:14px;
    padding:5px 5px;
    border:none;
    text-align:center;
    border-right:1px solid #fff;
    color:var(--title-color);
    font-weight:500
}
.wp-block-calendar th:first-child,.calendar_wrap th:first-child{
    border-left:1px solid #eee
}
.wp-block-calendar th:last-child,.calendar_wrap th:last-child{
    border-right:1px solid #eee
}
.wp-block-calendar table th,.calendar_wrap table th{
    font-weight:500
}
.wp-block-calendar td,.calendar_wrap td{
    font-size:14px;
    padding:5px 5px;
    color:#01133c;
    border:1px solid #eee;
    text-align:center;
    background-color:transparent;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s
}
.wp-block-calendar #today,.calendar_wrap #today{
    color:var(--theme-color);
    background-color:var(--white-color);
    border-color:#ededed
}
.wp-block-calendar thead,.calendar_wrap thead{
    background-color:#fff
}
.wp-block-calendar .wp-calendar-table,.calendar_wrap .wp-calendar-table{
    margin-bottom:0
}
.wp-block-calendar .wp-calendar-nav .pad,.calendar_wrap .wp-calendar-nav .pad{
    display:none
}
.wp-block-calendar a,.calendar_wrap a{
    color:inherit;
    text-decoration:none
}
.wp-block-calendar a:hover,.calendar_wrap a:hover{
    color:var(--title-color)
}
.wp-block-calendar{
    margin-bottom:30px;
    border:none;
    padding-bottom:0
}
.wp-block-calendar table caption{
    color:var(--white-color)
}
ul.widget_rss,ul.wp-block-rss,ol.widget_rss,ol.wp-block-rss{
    padding-left:0
}
.widget_rss,.wp-block-rss{
    list-style-type:none
}
.widget_rss ul,.wp-block-rss ul{
    margin:-0.2em 0 -0.5em 0;
    padding:0;
    list-style:none
}
.widget_rss ul .rsswidget,.wp-block-rss ul .rsswidget{
    color:var(--title-color);
    font-family:var(--theme-font);
    font-size:18px;
    display:block;
    margin-bottom:10px
}
.widget_rss ul .rssSummary,.wp-block-rss ul .rssSummary{
    font-size:14px;
    margin-bottom:7px;
    line-height:1.5
}
.widget_rss ul a,.wp-block-rss ul a{
    display:block;
    font-weight:600;
    color:inherit
}
.widget_rss ul a:hover,.wp-block-rss ul a:hover{
    color:var(--theme-color)
}
.widget_rss ul .rss-date,.wp-block-rss ul .rss-date{
    font-size:14px;
    display:inline-block;
    margin-bottom:5px;
    font-weight:400;
    color:var(--title-color)
}
.widget_rss ul .rss-date:before,.wp-block-rss ul .rss-date:before{
    content:"\f073";
    font-family:var(--icon-font);
    margin-right:10px;
    font-weight:300;
    color:var(--theme-color)
}
.widget_rss ul cite,.wp-block-rss ul cite{
    font-weight:500;
    color:var(--title-color);
    font-family:var(--body-font);
    font-size:14px
}
.widget_rss ul cite:before,.wp-block-rss ul cite:before{
    content:"";
    position:relative;
    top:-1px;
    left:0;
    width:20px;
    height:2px;
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
    background-color:var(--theme-color)
}
.widget_rss li:not(:last-child),.wp-block-rss li:not(:last-child){
    margin-bottom:16px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-bottom:16px
}
.widget_rss a:hover,.wp-block-rss a:hover{
    color:var(--theme-color)
}
.textwidget{
    margin-top:-0.1em
}
.sidebar-area .widget_shopping_cart .th-btn{
    margin-right:10px;
    padding:8px 22px;
    font-size:14px
}
@media (min-width: 1200px){
    .sidebar-shop .widget{
        padding:30px
    }
}
@media (min-width: 992px){
    .sidebar-shop .widget{
        margin-bottom:24px
    }
}
@media (max-width: 1199px){
    .widget{
        --widget-padding-y: 30px;
        --widget-padding-x: 30px
    }
    .widget_title{
        margin:-0.12em 0 30px 0
    }
    .author-widget-wrap .name{
        font-size:22px
    }
}
@media (max-width: 991px){
    .sidebar-area{
        padding-top:30px
    }
    .widget{
        --widget-padding-y: 40px;
        --widget-padding-x: 40px
    }
}
@media (max-width: 767px){
    .widget{
        padding:30px 20px
    }
}
@media (max-width: 330px){
    .recent-post .post-title{
        font-size:14px;
        line-height:24px
    }
    .recent-post .recent-post-meta a{
        font-size:12px
    }
}
.footer-widget{
    margin-bottom:40px
}
.footer-widget,.footer-widget .widget{
    padding:0;
    border:none;
    padding-bottom:0;
    background-color:transparent;
    box-shadow:none
}
.footer-widget .form-group>i{
    color:var(--theme-color);
    top:18px
}
.footer-widget .sidebar-gallery{
    gap:20px
}
.footer-widget .sidebar-gallery .gallery-thumb{
    border-radius:0px
}
.footer-widget .widget_title{
    max-width:270px;
    color:var(--white-color);
    font-weight:700;
    font-size:30px;
    text-transform:capitalize;
    margin:-0.12em 0 35px 0;
    padding-bottom:16px
}
.footer-widget .widget_title:before{
    display:none
}
.footer-widget .widget_title:after{
    content:'';
    position:absolute;
    height:2px;
    width:96px;
    bottom:0;
    left:0;
    background-color:transparent;
    background-image:-webkit-linear-gradient(left, var(--theme-color), var(--theme-color2));
    background-image:linear-gradient(to right, var(--theme-color), var(--theme-color2))
}
.footer-widget .widget_title img{
    margin:-7px 10px 0 0
}
.footer-widget.widget_meta ul,.footer-widget.widget_pages ul,.footer-widget.widget_archive ul,.footer-widget.widget_categories ul,.footer-widget.widget_nav_menu ul{
    margin-top:-4px
}
.footer-widget.widget_meta .menu,.footer-widget.widget_meta>ul,.footer-widget.widget_pages .menu,.footer-widget.widget_pages>ul,.footer-widget.widget_archive .menu,.footer-widget.widget_archive>ul,.footer-widget.widget_categories .menu,.footer-widget.widget_categories>ul,.footer-widget.widget_nav_menu .menu,.footer-widget.widget_nav_menu>ul{
    margin-bottom:-4px
}
.footer-widget.widget_meta a,.footer-widget.widget_pages a,.footer-widget.widget_archive a,.footer-widget.widget_categories a,.footer-widget.widget_nav_menu a{
    font-size:16px;
    font-weight:400;
    padding:0 0 0 25px;
    margin-bottom:21px;
    font-family:var(--body-font);
    display:block;
    max-width:100%;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding-left:0;
    background-color:transparent;
    border-bottom:none;
    position:relative;
    color:var(--body-color);
    -webkit-clip-path:none;
    clip-path:none
}
.footer-widget.widget_meta a i,.footer-widget.widget_pages a i,.footer-widget.widget_archive a i,.footer-widget.widget_categories a i,.footer-widget.widget_nav_menu a i{
    margin-right:10px
}
.footer-widget.widget_meta a:before,.footer-widget.widget_meta a:after,.footer-widget.widget_pages a:before,.footer-widget.widget_pages a:after,.footer-widget.widget_archive a:before,.footer-widget.widget_archive a:after,.footer-widget.widget_categories a:before,.footer-widget.widget_categories a:after,.footer-widget.widget_nav_menu a:before,.footer-widget.widget_nav_menu a:after{
    display:none
}
.footer-widget.widget_meta a:hover,.footer-widget.widget_pages a:hover,.footer-widget.widget_archive a:hover,.footer-widget.widget_categories a:hover,.footer-widget.widget_nav_menu a:hover{
    background-color:transparent;
    color:var(--theme-color)
}
.footer-widget.widget_meta li,.footer-widget.widget_pages li,.footer-widget.widget_archive li,.footer-widget.widget_categories li,.footer-widget.widget_nav_menu li{
    -webkit-clip-path:none;
    clip-path:none;
    background:transparent
}
.footer-widget.widget_meta li:before,.footer-widget.widget_pages li:before,.footer-widget.widget_archive li:before,.footer-widget.widget_categories li:before,.footer-widget.widget_nav_menu li:before{
    display:none
}
.footer-widget.widget_meta li>span,.footer-widget.widget_pages li>span,.footer-widget.widget_archive li>span,.footer-widget.widget_categories li>span,.footer-widget.widget_nav_menu li>span{
    width:auto;
    height:auto;
    position:relative;
    background-color:transparent;
    color:var(--body-color);
    line-height:1
}
.footer-widget.widget_meta li:last-child a,.footer-widget.widget_pages li:last-child a,.footer-widget.widget_archive li:last-child a,.footer-widget.widget_categories li:last-child a,.footer-widget.widget_nav_menu li:last-child a{
    margin-bottom:0
}
.footer-widget .recent-post{
    max-width:300px;
    margin-bottom:20px
}
.footer-widget .recent-post .media-img{
    max-width:80px
}
.footer-widget .recent-post .media-img:after{
    line-height:74px
}
.footer-widget .recent-post .post-title{
    color:var(--white-color)
}
.footer-widget .recent-post:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
.footer-widget .recent-post .recent-post-meta{
    margin-top:-0.4em
}
.footer-widget .recent-post .recent-post-meta a{
    font-weight:400;
    line-height:1.2
}
.footer-widget .recent-post .recent-post-meta i{
    color:var(--theme-color)
}
.footer-widget .recent-post .recent-post-meta a:hover i{
    color:var(--theme-color)
}
.about-logo{
    margin-bottom:15px
}
.th-widget-about{
    max-width:315px;
    margin-bottom:-0.5em
}
.th-widget-about .about-logo{
    margin-bottom:34px
}
.th-widget-about .about-logo a{
    position:relative;
    display:inline-block
}
.th-widget-about .about-logo .logo-mask{
    height:100%;
    width:100%;
    mix-blend-mode:color;
    background:var(--theme-color);
    position:absolute;
    top:0
}
.th-widget-about .about-text{
    margin-bottom:32px;
    margin-top:-0.5em
}
.th-widget-about .th-social a:hover{
    background:var(--white-color)
}
.th-widget-about .widget_title{
    margin-bottom:0;
    font-size:24px;
    font-weight:600
}
.th-widget-about .widget_title:after{
    display:none
}
.footer-text{
    margin-top:-0.5em;
    margin-bottom:25px
}
.social-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.social-box .social-title{
    font-size:20px;
    color:var(--white-color);
    font-weight:600;
    margin-right:20px;
    margin-bottom:0
}
.icon-group a{
    color:var(--white-color);
    font-size:18px;
    margin-right:17px
}
.icon-group a:last-child{
    margin-right:0
}
@media (max-width: 1199px){
    .footer-widget.widget_meta a,.footer-widget.widget_pages a,.footer-widget.widget_archive a,.footer-widget.widget_categories a,.footer-widget.widget_nav_menu a{
        margin-bottom:16px
    }
}
@media (max-width: 767px){
    .th-widget-about .about-text{
        margin-bottom:20px
    }
    .social-box.mb-30{
        margin-bottom:25px
    }
}
.widget-instagram-feeds{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:10px;
    max-width:320px
}
.widget-instagram-feeds .gallery-btn{
    position:absolute;
    top:50%;
    left:50%;
    color:var(--white-color);
    visibility:hidden;
    opacity:0;
    -webkit-transform:translate(-50%, 20px);
    -ms-transform:translate(-50%, 20px);
    transform:translate(-50%, 20px);
    background:transparent
}
.widget-instagram-feeds .gallery-btn:hover{
    color:var(--theme-color);
    background:transparent
}
.widget-instagram-feeds .gallery-thumb{
    overflow:hidden;
    position:relative;
    border-radius:15px
}
.widget-instagram-feeds .gallery-thumb:before{
    content:'';
    height:calc(100% - 14px);
    width:calc(100% - 14px);
    background-color:var(--title-color);
    opacity:0.8;
    position:absolute;
    top:7px;
    left:7px;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    border-radius:inherit;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.widget-instagram-feeds .gallery-thumb img{
    width:100%
}
.widget-instagram-feeds .gallery-thumb:hover:before{
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1)
}
.widget-instagram-feeds .gallery-thumb:hover .gallery-btn{
    visibility:visible;
    opacity:1;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.th-header{
    position:relative;
    z-index:41
}
.th-header .icon-btn{
    border-radius:99px
}
.th-header .menu-area{
    position:relative;
    z-index:2
}
.sticky-wrapper{
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.sticky-wrapper.sticky{
    position:fixed;
    top:0;
    right:0;
    left:0;
    background-color:var(--black-color);
    -webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,0.07));
    filter:drop-shadow(0 0 10px rgba(0,0,0,0.07));
    -webkit-animation:stickyAni 0.4s ease-in-out;
    animation:stickyAni 0.4s ease-in-out
}
@-webkit-keyframes stickyAni{
    0%{
        -webkit-transform:translate3d(0, -40px, 0) scaleY(0.8);
        transform:translate3d(0, -40px, 0) scaleY(0.8);
        opacity:0.7
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0) scaleY(1);
        transform:translate3d(0, 0, 0) scaleY(1);
        opacity:1
    }
}
@keyframes stickyAni{
    0%{
        -webkit-transform:translate3d(0, -40px, 0) scaleY(0.8);
        transform:translate3d(0, -40px, 0) scaleY(0.8);
        opacity:0.7
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0) scaleY(1);
        transform:translate3d(0, 0, 0) scaleY(1);
        opacity:1
    }
}
.main-menu a{
    display:block;
    position:relative;
    font-weight:600;
    font-size:16px;
    font-family:var(--title-font);
    color:var(--white-color)
}
.main-menu a:hover{
    color:var(--theme-color)
}
.main-menu>ul>li{
    margin:0 27px
}
.main-menu>ul>li>a{
    padding:37px 0
}
.main-menu>ul>li>a:hover{
    color:var(--theme-color)
}
.main-menu ul{
    margin:0;
    padding:0
}
.main-menu ul li{
    list-style-type:none;
    display:inline-block;
    position:relative
}
.main-menu ul li.menu-item-has-children>a:after{
    content:"\f107";
    display:inline-block;
    position:relative;
    font-family:var(--icon-font);
    margin-left:4px;
    font-weight:400;
    top:0;
    font-size:14px;
    color:var(--white-color);
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.main-menu ul li.menu-item-has-children>a:hover:after{
    content:"\f106";
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    color:var(--theme-color)
}
.main-menu ul li:last-child{
    margin-right:0 !important
}
.main-menu ul li:first-child{
    margin-left:0 !important
}
.main-menu ul li:hover>ul.sub-menu{
    visibility:visible;
    opacity:1;
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1);
    z-index:9
}
.main-menu ul.sub-menu{
    position:absolute;
    text-align:left;
    top:100%;
    left:0;
    background-color:var(--black-color2);
    visibility:hidden;
    min-width:230px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding:7px;
    left:-14px;
    opacity:0;
    z-index:-1;
    box-shadow:0px 4px 15px rgba(255,255,255,0.06);
    border-radius:0;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s
}
.main-menu ul.sub-menu a{
    font-size:16px;
    line-height:30px
}
.main-menu ul.sub-menu{
    padding:18px 20px 18px 18px;
    left:-27px
}
.main-menu ul.sub-menu li{
    display:block;
    margin:0 0;
    padding:0px 9px
}
.main-menu ul.sub-menu li.menu-item-has-children>a:after{
    content:"\f105";
    float:right;
    top:1px;
    display:inline-block
}
.main-menu ul.sub-menu li.menu-item-has-children>a:hover:after{
    content:"\f105";
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.main-menu ul.sub-menu li a{
    position:relative;
    padding-left:0;
    text-transform:capitalize
}
.main-menu ul.sub-menu li a:before{
    content:"\f11b";
    position:absolute;
    top:6px;
    left:10px;
    font-family:var(--icon-font);
    width:11px;
    height:11px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    font-size:1em;
    line-height:1;
    color:var(--theme-color);
    font-weight:400;
    opacity:0;
    visibility:visible;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.main-menu ul.sub-menu li a:hover{
    padding-left:30px
}
.main-menu ul.sub-menu li a:hover:before{
    visibility:visible;
    opacity:1;
    left:0
}
.main-menu ul.sub-menu li ul.sub-menu{
    left:100%;
    right:auto;
    top:0;
    margin:0 0;
    margin-left:20px
}
.main-menu ul.sub-menu li ul.sub-menu li ul{
    left:100%;
    right:auto
}
@media (max-width: 1500px){
    .main-menu>ul>li{
        margin:0 13px
    }
}
.menu-style1>ul>li{
    margin:0 14px
}
@media (max-width: 1299px){
    .menu-style1>ul>li{
        margin:0 10px
    }
}
.menu-style1>ul>li>a{
    padding:17px 0;
    color:var(--white-color)
}
.menu-style1>ul>li>a:hover{
    color:var(--theme-color2)
}
.menu-style1 ul li.menu-item-has-children>a:after{
    color:var(--white-color)
}
.simple-icon{
    border:none;
    background-color:transparent;
    padding:0;
    font-size:16px;
    position:relative;
    color:var(--white-color)
}
.simple-icon:hover{
    color:var(--theme-color)
}
.simple-icon:has(.badge){
    padding-right:8px
}
.simple-icon .badge{
    top:-8px;
    right:0;
    font-size:12px
}
.header-button{
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px
}
.header-button .th-btn{
    margin-left:10px
}
.header-button .icon-btn .badge{
    font-size:12px;
    top:0;
    right:0
}
.header-button .icon-btn:hover .badge{
    background-color:var(--title-color)
}
.social-links .social-title{
    font-weight:500;
    font-size:16px;
    display:inline-block;
    margin:0 10px 0 0;
    color:var(--body-color)
}
.social-links a{
    font-size:16px;
    display:inline-block;
    color:var(--body-color);
    margin:0 15px 0 0
}
.social-links a:last-child{
    margin-right:0 !important
}
.social-links a:hover{
    color:var(--theme-color)
}
.header-logo{
    padding-top:15px;
    padding-bottom:15px;
    position:relative
}
.header-logo a{
    display:block
}
.header-logo a:hover{
    color:var(--theme-color)
}
.header-logo .logo-mask{
    height:100%;
    width:100%;
    mix-blend-mode:color;
    background:var(--theme-color);
    position:absolute;
    top:0
}
.header-links ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.header-links li{
    display:inline-block;
    position:relative;
    font-size:14px;
    font-weight:400;
    font-family:var(--body-font)
}
.header-links li:not(:last-child){
    margin:0 34px 0 0
}
.header-links li:not(:last-child):after{
    content:'';
    height:16px;
    width:2px;
    background-color:var(--th-border-color);
    position:absolute;
    top:50%;
    right:-20px;
    margin-top:-8px
}
.header-links li>i{
    margin-right:11px;
    color:var(--theme-color)
}
.header-links li,.header-links span,.header-links p,.header-links a{
    color:var(--body-color)
}
.header-links a:hover{
    color:var(--theme-color)
}
.header-links b,.header-links strong{
    font-weight:600;
    margin-right:6px
}
.header-links .social-links a{
    font-size:14px
}
.header-notice{
    margin:0;
    font-family:var(--body-font)
}
.header-notice a{
    color:var(--theme-color)
}
.header-notice a:hover{
    text-shadow:-0.25px -0.25px 0 var(--theme-color),0.25px 0.25px var(--theme-color)
}
.header-top{
    padding:14.2px 0;
    background-color:var(--title-color)
}
.header-top a:hover{
    color:var(--theme-color)
}
.dropdown-link{
    position:relative
}
.dropdown-link>a{
    color:var(--body-color)
}
.dropdown-link>a i{
    color:var(--theme-color);
    margin-right:5px
}
.dropdown-toggle::after{
    content:"\f078";
    border:none;
    font-family:var(--icon-font);
    vertical-align:middle;
    font-weight:400;
    margin-left:6px;
    margin-top:-1px
}
.dropdown-menu{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    min-width:auto;
    top:calc(100% + 6px) !important;
    left:50% !important;
    -webkit-transform:translateX(-50%) !important;
    -ms-transform:translateX(-50%) !important;
    transform:translateX(-50%) !important;
    padding:8px 20px !important;
    text-align:center;
    border-color:var(--th-border-color);
    background:var(--black-color3);
    box-shadow:0px 4px 15px rgba(255,255,255,0.06)
}
.dropdown-menu li{
    padding-right:0;
    margin-right:0
}
.dropdown-menu li:after{
    display:none
}
.dropdown-menu li a{
    display:block;
    font-weight:400;
    font-size:14px
}
.dropdown-menu a{
    color:var(--body-color) !important
}
.dropdown-menu a:hover{
    color:var(--theme-color) !important
}
.dropdown-menu:before{
    content:"";
    position:absolute;
    left:50%;
    top:-7px;
    width:14px;
    height:14px;
    margin-left:-7px;
    background-color:var(--black-color3);
    z-index:-1;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    border-top:1px solid var(--th-border-color);
    border-left:1px solid var(--th-border-color)
}
.header-icons{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    display:flex;
    gap:15px
}
.header-icons .icon-btn{
    font-size:18px
}
.header-icons .icon-btn .badge{
    font-size:12px;
    top:0;
    right:0
}
.header-icons .icon-btn:hover .badge{
    background-color:var(--title-color)
}
.header-search{
    position:relative
}
.header-search input{
    height:46px;
    border:1px solid var(--th-border-color);
    width:500px;
    max-width:100%
}
.header-search input:focus{
    border-color:var(--theme-color)
}
@media (max-width: 1199px){
    .header-search input{
        max-width:350px
    }
}
.header-search button{
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    border:none;
    background-color:var(--theme-color);
    color:var(--white-color);
    width:50px;
    height:46px;
    line-height:45px;
    text-align:center;
    padding:0;
    border-radius:0 99px 99px 0
}
.menu-expand{
    display:inline-block;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    color:var(--white-color);
    background-color:var(--theme-color2);
    padding:17px 25px;
    width:100%
}
@media (max-width: 1299px){
    .menu-expand{
        font-size:15px
    }
}
.menu-expand i{
    margin-right:15px
}
.menu-expand:hover{
    color:var(--white-color)
}
.header-layout1{
    position:absolute;
    left:0;
    right:0;
    top:0;
    background:var(--black-color)
}
.header-layout1 .header-top{
    position:relative;
    background:transparent;
    z-index:3
}
.header-layout1 .header-top:after{
    content:'';
    position:absolute;
    height:100%;
    width:100%;
    -webkit-clip-path:polygon(0 0, 100% 0, 100% 35px, calc(100% - 75px) 100%, 75px 100%, 0 35px);
    clip-path:polygon(0 0, 100% 0, 100% 35px, calc(100% - 75px) 100%, 75px 100%, 0 35px);
    background:var(--title-color);
    top:0;
    left:0;
    z-index:-1
}
.header-layout1 .main-menu{
    margin-left:140px
}
.header-layout1 .menu-area{
    position:relative
}
.header-layout1 .menu-area:after{
    content:'';
    position:absolute;
    left:0;
    bottom:-23px;
    height:calc(100% + 23px);
    width:100%;
    background:var(--black-color);
    -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, calc(100% - 75px) calc(100% - 23px), 75px calc(100% - 23px), 0 100%);
    clip-path:polygon(0 0, 100% 0, 100% 100%, calc(100% - 75px) calc(100% - 23px), 75px calc(100% - 23px), 0 100%);
    z-index:-2
}
.header-layout1 .menu-area:before{
    content:'';
    position:absolute;
    left:0;
    bottom:-23px;
    height:23px;
    width:100%;
    background:var(--theme-color);
    -webkit-clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 65px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%);
    clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 65px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%);
    z-index:-1
}
.header-layout1 .header-logo{
    position:relative;
    z-index:2
}
.header-layout1 .logo-bg{
    position:absolute;
    bottom:-23px;
    left:0;
    width:21.5%;
    height:calc(100% + 78px);
    z-index:-1;
    -webkit-clip-path:polygon(calc(100% - 110px) 0, 100% calc(100% - 20px), 75px calc(100% - 20px), 0 100%, 0 0);
    clip-path:polygon(calc(100% - 110px) 0, 100% calc(100% - 20px), 75px calc(100% - 20px), 0 100%, 0 0);
    -webkit-transition:0.4s;
    transition:0.4s;
    background:var(--black-color2)
}
.header-layout1 .logo-bg:before{
    content:'';
    position:absolute;
    right:0;
    bottom:0px;
    height:23px;
    width:100%;
    background:var(--theme-color2);
    -webkit-clip-path:polygon(75px 0, 100% 0, 100% 100%, 100% calc(100% - 20px), 75px calc(100% - 20px), -110px 190%);
    clip-path:polygon(75px 0, 100% 0, 100% 100%, 100% calc(100% - 20px), 75px calc(100% - 20px), -110px 190%);
    z-index:1
}
@media (min-width: 1922px){
    .header-layout1 .logo-bg{
        width:28%
    }
}
@media (min-width: 1700px){
    .header-layout1{
        --main-container: 1600px
    }
}
@media (max-width: 1699px){
    .header-layout1 .logo-bg{
        width:25%
    }
}
@media (max-width: 1500px){
    .header-layout1 .logo-bg{
        width:23%
    }
}
@media (max-width: 1399px){
    .header-layout1 .menu-area:before{
        -webkit-clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 60px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%);
        clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 60px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%)
    }
    .header-layout1 .main-menu{
        margin-left:0;
        margin-right:80px
    }
}
@media (max-width: 1299px){
    .unittest-header .main-menu a{
        font-size:15px
    }
    .unittest-header .main-menu>ul>li{
        margin:0 11px
    }
    .header-links li{
        font-size:15px
    }
}
@media (max-width: 1199px){
    .header-layout1 .logo-bg{
        width:26%
    }
    .header-layout1 .menu-area:before{
        -webkit-clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 50px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%);
        clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 50px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%)
    }
    .header-layout1 .main-menu{
        margin-right:0px
    }
}
@media (max-width: 991px){
    .header-layout1 .logo-bg{
        width:33%
    }
    .header-layout1 .menu-area:before{
        -webkit-clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 40px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%);
        clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 40px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%)
    }
    .header-top{
        padding:14.5px 0
    }
}
@media (max-width: 767px){
    .header-layout1 .logo-bg{
        width:44%
    }
}
@media (max-width: 575px){
    .header-layout1 .header-logo h2{
        font-size:36px
    }
    .header-layout1 .header-logo img{
        max-width:100px
    }
    .header-layout1 .header-top:after{
        -webkit-clip-path:none;
        clip-path:none
    }
    .header-layout1 .logo-bg{
        width:50%
    }
    .header-layout1 .menu-area:before{
        -webkit-clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 35px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%);
        clip-path:polygon(75px 0, calc(100% - 75px) 0, 110% 35px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%)
    }
}
@media (max-width: 375px){
    .header-layout1 .logo-bg{
        width:60%
    }
    .header-links li:not(:last-child){
        margin:0 26px 0 0
    }
    .header-links li{
        font-size:14px
    }
    .header-links li:not(:last-child):after{
        right:-18px
    }
    .header-layout1 .menu-area:before{
        -webkit-clip-path:polygon(75px 0, calc(100% - 75px) 0, 140% 55px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%);
        clip-path:polygon(75px 0, calc(100% - 75px) 0, 140% 55px, calc(100% - 75px) calc(100% - 20px), 75px calc(100% - 20px), 0 100%)
    }
}
@media (max-width: 360px){
    .header-layout1 .logo-bg{
        width:69%
    }
    .header-links li:not(:last-child){
        margin:0 17px 0 0
    }
    .header-links li{
        font-size:13px
    }
    .header-links li:not(:last-child):after{
        right:-13px
    }
}
.header-default{
    background:var(--black-color)
}
.header-default .menu-area{
    position:relative;
    z-index:2
}
.header-default .main-menu{
    margin-left:140px
}
.header-default .logo-bg{
    position:absolute;
    bottom:0;
    left:0;
    width:21.4%;
    height:100%;
    z-index:-1;
    background:var(--black-color3);
    -webkit-clip-path:polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%);
    clip-path:polygon(0 0, calc(100% - 80px) 0, 100% 100%, 0% 100%);
    -webkit-transition:0.4s;
    transition:0.4s
}
.header-default .sticky-wrapper.sticky .header-logo{
    margin-top:0px
}
@media (min-width: 1922px){
    .header-default .logo-bg{
        width:28%
    }
}
@media (min-width: 1600px){
    .header-default{
        --main-container: 1600px
    }
}
@media (max-width: 1699px){
    .header-default .logo-bg{
        width:25%
    }
}
@media (max-width: 1199px){
    .header-default .logo-bg{
        width:28%
    }
}
@media (max-width: 991px){
    .header-logo{
        padding-top:16.5px;
        padding-bottom:16.5px
    }
    .header-default .logo-bg{
        width:39%
    }
}
@media (max-width: 767px){
    .header-default .logo-bg{
        width:49%
    }
}
@media (max-width: 575px){
    .header-default .header-logo img{
        max-width:160px
    }
    .header-default .logo-bg{
        width:57%
    }
}
@media (max-width: 375px){
    .header-default .logo-bg{
        width:65%
    }
}
@media (max-width: 360px){
    .header-default .header-logo img{
        max-width:130px
    }
    .header-logo img{
        max-width:130px
    }
}
.header-layout2{
    position:absolute;
    top:40px;
    left:40px;
    right:40px;
    --main-container: 1400px
}
@media (min-width: 1600px){
    .header-layout2{
        --main-container: 1816px
    }
}
@media (max-width: 991px){
    .header-layout2{
        top:30px;
        left:0;
        right:0
    }
}
@media (max-width: 575px){
    .header-layout2{
        top:0
    }
}
@media (max-width: 375px){
    .header-layout2{
        background:var(--black-color2)
    }
}
.header-layout2 .sticky-wrapper.sticky{
    background-color:var(--title-color)
}
.header-layout2 .container{
    padding-left:0;
    padding-right:0
}
.header-layout2 .header-logo-wrap{
    background-color:var(--black-color2);
    padding:0px 120px 0px 100px;
    height:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-clip-path:polygon(0 0, calc(100% - 50px) 0, 100% 100%, 0% 100%);
    clip-path:polygon(0 0, calc(100% - 50px) 0, 100% 100%, 0% 100%)
}
@media (max-width: 1500px){
    .header-layout2 .header-logo-wrap{
        padding:0px 80px 0px 60px
    }
}
@media (max-width: 1299px){
    .header-layout2 .header-logo-wrap{
        padding:0px 60px 0px 30px
    }
}
@media (max-width: 375px){
    .header-layout2 .header-logo-wrap{
        padding:0 60px 0 15px
    }
}
.header-layout2 .menu-area{
    position:relative;
    padding:0 22px 0 113px;
    width:1260px
}
@media (max-width: 1700px){
    .header-layout2 .menu-area{
        width:1100px
    }
}
@media (max-width: 1500px){
    .header-layout2 .menu-area{
        width:1060px
    }
}
@media (max-width: 1399px){
    .header-layout2 .menu-area{
        width:970px
    }
}
@media (max-width: 1299px){
    .header-layout2 .menu-area{
        padding:0 22px 0 64px;
        width:888px
    }
}
@media (max-width: 1199px){
    .header-layout2 .menu-area{
        width:700px
    }
}
@media (max-width: 991px){
    .header-layout2 .menu-area{
        width:auto;
        padding:0 25px 0 100px
    }
}
@media (max-width: 767px){
    .header-layout2 .menu-area{
        padding:0 25px 0 55px
    }
}
@media (max-width: 375px){
    .header-layout2 .menu-area{
        padding:0 15px 0 0
    }
}
.header-layout2 .menu-area:after{
    content:'';
    position:absolute;
    inset:0;
    background-color:var(--black-color2);
    z-index:-1;
    -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 50px 100%);
    clip-path:polygon(0 0, 100% 0, 100% 100%, 50px 100%)
}
.header-layout2 .main-menu>ul>li{
    margin:0 18px
}
.header-layout2 .main-menu>ul>li>a{
    padding:36.5px 0
}
.header-layout2 .th-menu-toggle{
    margin:15px 0
}
@media (max-width: 991px){
    .header-layout2 .th-menu-toggle{
        margin:25px 0
    }
}
.header-layout2 .header-button{
    margin-left:10px;
    gap:30px
}
.header-layout3{
    position:absolute;
    left:0px;
    right:0px
}
.header-layout4{
    background:transparent;
    z-index:999;
    margin-left:-100px
}
.header-layout4 .header-logo{
    height:100px;
    width:100px;
    background:var(--black-color2);
    text-align:center;
    padding:15px
}
.header-layout4 .header-logo a{
    position:relative
}
@media (max-width: 575px){
    .header-layout4 .header-search-wrap{
        display:none
    }
}
.header-layout4 .header-search-wrap form{
    display:inline-block;
    cursor:auto;
    width:100%;
    min-width:650px;
    -webkit-transition:-webkit-transform ease 0.4s;
    transition:-webkit-transform ease 0.4s;
    transition:transform ease 0.4s;
    transition:transform ease 0.4s, -webkit-transform ease 0.4s;
    position:relative
}
@media (max-width: 1199px){
    .header-layout4 .header-search-wrap form{
        max-width:600px;
        min-width:auto
    }
}
.header-layout4 .header-search-wrap form input{
    font-size:16px;
    height:56px;
    width:100%;
    background-color:transparent;
    padding-right:80px;
    padding-left:25px;
    background:var(--black-color2);
    border:0;
    color:var(--white-color);
    -webkit-clip-path:polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px);
    clip-path:polygon(17px 0, 100% 0, 100% calc(100% - 17px), calc(100% - 17px) 100%, 0 100%, 0 17px)
}
.header-layout4 .header-search-wrap form input::-moz-placeholder{
    color:var(--body-color)
}
.header-layout4 .header-search-wrap form input::-webkit-input-placeholder{
    color:var(--body-color)
}
.header-layout4 .header-search-wrap form input:-ms-input-placeholder{
    color:var(--body-color)
}
.header-layout4 .header-search-wrap form input::-ms-input-placeholder{
    color:var(--body-color)
}
.header-layout4 .header-search-wrap form input::placeholder{
    color:var(--body-color)
}
.header-layout4 .header-search-wrap form button{
    position:absolute;
    top:0px;
    background-color:transparent;
    border:none;
    color:#fff;
    font-size:16px;
    right:25px;
    color:var(--theme-color);
    cursor:pointer;
    width:auto;
    height:56px;
    padding:0;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s;
    -webkit-transform:scale(1.001);
    -ms-transform:scale(1.001);
    transform:scale(1.001)
}
.header-layout4 .header-search-wrap form button:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
@media (max-width: 575px){
    .header-layout4{
        margin-left:0
    }
}
@media (max-width: 767px){
    .header-layout4 .sticky{
        padding-right:100px
    }
}
.header-sidebar-menu{
    position:fixed;
    bottom:0;
    top:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    z-index:99;
    left:0;
    border-right:1px solid rgba(255,255,255,0.1)
}
@media (max-width: 575px){
    .header-sidebar-menu{
        display:none
    }
}
.header-sidebar-menu .main-menu ul{
    display:block
}
.header-sidebar-menu .main-menu ul li{
    display:block;
    margin:10px 0;
    width:100px;
    text-align:center
}
.header-sidebar-menu .main-menu ul li a{
    height:54px;
    width:46px;
    line-height:54px;
    text-align:center;
    position:relative;
    z-index:1;
    padding:0;
    margin:auto
}
.header-sidebar-menu .main-menu ul li a:before,.header-sidebar-menu .main-menu ul li a:after{
    content:'';
    position:absolute;
    inset:-25px -30px -30px -30px;
    background:url(../img/theme-img/commando-list-bg.svg);
    background-size:cover;
    z-index:-2
}
.header-sidebar-menu .main-menu ul li a:before{
    background:url(../img/theme-img/th-social-bg2.svg);
    background-size:cover;
    inset:-15px -23px -15px -23px;
    z-index:-1;
    opacity:0;
    -webkit-transition:0.4s;
    transition:0.4s
}
.header-sidebar-menu .main-menu ul li a .text{
    position:absolute;
    right:-7px;
    top:50%;
    -webkit-transform:translate(100%, -50%);
    -ms-transform:translate(100%, -50%);
    transform:translate(100%, -50%);
    text-transform:uppercase;
    line-height:normal;
    background:url(../img/theme-img/menu-text-bg.png);
    background-size:100% 100%;
    padding:4.5px 20px;
    opacity:0;
    -webkit-transition:0.4s;
    transition:0.4s;
    color:var(--white-color)
}
.header-sidebar-menu .main-menu ul li a:hover .text,.header-sidebar-menu .main-menu ul li a:hover:before{
    opacity:1
}
.header-sidebar-menu .main-menu ul li.active a{
    color:var(--theme-color)
}
.header-sidebar-menu .main-menu ul li.active a .text,.header-sidebar-menu .main-menu ul li.active a:before{
    opacity:1
}
.header-fixed-social-wrap{
    text-align:center;
    height:100%;
    width:100px;
    line-height:100px;
    position:fixed;
    top:0;
    right:0;
    z-index:999;
    border-left:1px solid rgba(255,255,255,0.1)
}
@media (max-width: 575px){
    .header-fixed-social-wrap{
        border-left:0
    }
}
.header-fixed-social-wrap .header-social-wrap{
    height:100px
}
.header-fixed-social-wrap .header-social-wrap .header-social-hover_btn{
    font-size:24px;
    color:var(--white-color);
    display:block;
    margin-bottom:20px
}
.header-fixed-social-wrap .header-social-wrap .th-social{
    line-height:normal;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transform:translateY(-5%);
    -ms-transform:translateY(-5%);
    transform:translateY(-5%);
    -webkit-clip-path:inset(0 0 100% 0);
    clip-path:inset(0 0 100% 0);
    opacity:0;
    -webkit-transition:0.4s;
    transition:0.4s
}
.header-fixed-social-wrap .header-social-wrap .th-social a{
    margin-right:0;
    background:var(--black-color2)
}
.header-fixed-social-wrap .header-social-wrap .th-social a:hover{
    background:var(--white-color)
}
.header-fixed-social-wrap .header-social-wrap:hover .th-social{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-clip-path:inset(0 0 0 0);
    clip-path:inset(0 0 0 0);
    opacity:1
}
.header-fixed-social-wrap .header-button{
    line-height:normal;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.footer-wrapper{
    --border-color: $black-color3;
    position:relative;
    z-index:2;
    background-color:var(--black-color);
    overflow:hidden
}
.widget-area{
    padding-top:90px;
    padding-bottom:90px
}
.sticky-footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%
}
.footer-links ul{
    padding:0;
    margin:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:20px 55px
}
@media (max-width: 575px){
    .footer-links ul{
        gap:20px 40px
    }
}
.footer-links li{
    font-family:var(--title-font);
    display:inline-block;
    font-size:16px;
    font-weight:600;
    position:relative
}
.footer-links li:last-child{
    margin-right:0
}
.footer-links a{
    font-family:inherit;
    color:var(--white-color)
}
.footer-links a:hover{
    color:var(--theme-color)
}
.copyright-wrap{
    padding:0;
    background-color:var(--black-color3);
    height:60px;
    margin-top:54px
}
.copyright-wrap .copyright-text{
    display:inline-block;
    background:var(--black-color3);
    -webkit-clip-path:polygon(60px 0%, calc(100% - 60px) 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    clip-path:polygon(60px 0%, calc(100% - 60px) 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%);
    padding:30px 65px;
    position:relative;
    top:-55px;
    margin-bottom:-60px;
    color:var(--white-color);
    overflow:hidden
}
.copyright-wrap .copyright-text a{
    color:var(--theme-color)
}
.copyright-wrap .copyright-text a:hover{
    color:var(--theme-color2)
}
@media (max-width: 375px){
    .copyright-wrap .copyright-text{
        padding:40px
    }
}
.footer-logo a{
    position:relative;
    display:inline-block
}
.footer-logo a .logo-mask{
    height:100%;
    width:100%;
    mix-blend-mode:color;
    background:var(--theme-color);
    position:absolute;
    top:0
}
.footer-layout1{
    background-position:top center;
    overflow:hidden
}
.footer-layout1 .footer-top .footer-logo{
    background:var(--black-color3);
    display:inline-block;
    -webkit-clip-path:polygon(0 0, 100% 0, calc(100% - 60px) 100%, 60px 100%);
    clip-path:polygon(0 0, 100% 0, calc(100% - 60px) 100%, 60px 100%);
    padding:22px 175px
}
@media (max-width: 575px){
    .footer-layout1 .footer-top .footer-logo{
        padding:22px 20px;
        display:block
    }
}
.footer-layout1 .footer-top .footer-links{
    margin-top:52px;
    margin-bottom:32px
}
.footer-layout1 .widget-area{
    border-top:4px solid var(--black-color3);
    border-bottom:4px solid var(--black-color3);
    padding-top:40px;
    padding-bottom:0px
}
.footer-layout1 .widget_title{
    margin-bottom:0;
    padding-bottom:20px;
    font-size:24px;
    font-weight:600
}
.footer-layout1 .widget_title:after{
    display:none
}
.footer-layout1 .newsletter-form{
    padding:40px 0 60px
}
.footer-layout1 .newsletter-form .form-group{
    margin-bottom:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.footer-layout1 .newsletter-form .form-group .form-control{
    height:56px;
    background:var(--black-color3);
    border:0;
    color:var(--white-color);
    padding:0 30px;
    -webkit-clip-path:polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%);
    clip-path:polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%)
}
.footer-layout1 .newsletter-form .form-group .th-btn{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
@media (max-width: 575px){
    .footer-layout1 .newsletter-form .form-group{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        gap:15px
    }
}
.footer-layout1.footer-sidebar-menu{
    margin-left:-100px;
    margin-right:-100px
}
@media (max-width: 575px){
    .footer-layout1.footer-sidebar-menu{
        margin-left:0;
        margin-right:0
    }
}
.footer-layout1.footer-sidebar-menu .copyright-wrap .copyright-text,.footer-layout1.footer-sidebar-menu .copyright-wrap,.footer-layout1.footer-sidebar-menu .newsletter-form .form-group .form-control,.footer-layout1.footer-sidebar-menu .footer-top .footer-logo{
    background:var(--black-color2)
}
.schedule-info{
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px dashed rgba(255,255,255,0.2);
    margin-bottom:15px;
    padding-bottom:15px
}
.schedule-info:last-of-type{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.th-widget-schedule{
    width:280px;
    max-width:100%
}
.th-widget-schedule .title{
    color:var(--white-color);
    font-size:20px;
    font-weight:500;
    margin-bottom:16px
}
.newsletter-widget{
    max-width:317px
}
.newsletter-widget .newsletter-form{
    margin-top:-0.3em
}
.newsletter-widget .newsletter-form .form-group{
    gap:15px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    background:var(--black-color2);
    margin-bottom:20px;
    border-radius:30px;
    height:46px;
    padding:0 25px
}
.newsletter-widget .newsletter-form .check-group label{
    color:var(--body-color);
    margin-bottom:0;
    padding-left:22px;
    font-weight:300
}
.newsletter-widget .newsletter-form .check-group label:before{
    border-radius:2px;
    height:14px;
    width:14px;
    line-height:12px;
    background:transparent;
    top:5px;
    font-size:10px;
    color:var(--body-color)
}
.newsletter-widget .newsletter-form .th-btn{
    width:auto;
    min-width:auto;
    padding:0 0 0 20px;
    background:transparent;
    font-size:16px;
    font-weight:400;
    color:var(--theme-color);
    text-transform:capitalize;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:6px;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    overflow:visible;
    -webkit-clip-path:none;
    clip-path:none;
    position:relative
}
.newsletter-widget .newsletter-form .th-btn:after{
    display:none
}
.newsletter-widget .newsletter-form .th-btn:before{
    content:'';
    position:absolute;
    left:0;
    top:9px;
    height:calc(100% - 18px);
    -webkit-clip-path:none;
    clip-path:none;
    color:var(--title-color);
    width:1px
}
.newsletter-widget .newsletter-form input{
    background:transparent;
    border:0;
    padding:0;
    width:100%;
    height:auto;
    color:var(--white-color)
}
.newsletter-widget .newsletter-form input:hover,.newsletter-widget .newsletter-form input:focus,.newsletter-widget .newsletter-form input:active{
    background:transparent
}
.newsletter-widget .newsletter-form.style2 .form-group{
    border:0;
    background:var(--white-color);
    height:54px;
    padding-bottom:0
}
.newsletter-widget .newsletter-form.style2 .th-btn{
    width:54px;
    height:44px;
    line-height:44px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    background:var(--theme-color);
    color:var(--white-color);
    top:5px;
    right:5px
}
.newsletter-widget .newsletter-form.style2 input{
    color:#363739;
    padding-left:20px
}
.newsletter-widget .newsletter-form.style2 input::-webkit-input-placeholder{
    color:#363739
}
.newsletter-widget .newsletter-form.style2 input::-moz-placeholder{
    color:#363739
}
.newsletter-widget .newsletter-form.style2 input:-ms-input-placeholder{
    color:#363739
}
.newsletter-widget .newsletter-form.style2 input::-ms-input-placeholder{
    color:#363739
}
.newsletter-widget .newsletter-form.style2 input::placeholder{
    color:#363739
}
.newsletter-widget .form-group{
    margin-bottom:0
}
.newsletter-widget .check-group{
    margin-bottom:20px
}
.newsletter-widget .btn-wrap{
    gap:14px;
    margin-top:30px
}
@media (max-width: 991px){
    .newsletter-wrap{
        padding:40px
    }
    .newsletter-wrap .newsletter-title{
        font-size:30px
    }
    .newsletter-wrap .newsletter-text{
        font-size:16px
    }
}
@media (max-width: 767px){
    .newsletter-wrap{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        gap:25px
    }
    .newsletter-wrap .newsletter-title{
        text-align:center;
        margin-left:auto;
        margin-right:auto
    }
    .footer-wrapper .newsletter-form{
        gap:15px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media (max-width: 575px){
    .newsletter-wrap{
        padding:40px 20px
    }
    .newsletter-wrap .newsletter-title{
        font-size:24px
    }
    .newsletter-wrap .newsletter-form{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .footer-wrapper .newsletter-form{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.footer-layout2{
    --body-color: #969EB2
}
.footer-layout2 .footer-top-shape{
    background:var(--black-color3);
    display:inline-block;
    -webkit-clip-path:polygon(0 0, 100% 0, calc(100% - 50px) 100%, 50px 100%);
    clip-path:polygon(0 0, 100% 0, calc(100% - 50px) 100%, 50px 100%);
    padding:25px 235px;
    margin-bottom:-20px
}
.footer-layout2 .widget-area{
    padding-bottom:40px
}
.footer-layout3 .widget-area{
    padding-bottom:40px
}
.footer-layout4 .copyright-wrap{
    background:transparent;
    height:auto;
    padding:39px 0 35px;
    margin-top:0
}
.footer-layout4 .copyright-wrap .copyright-text{
    -webkit-clip-path:none;
    clip-path:none;
    background:transparent;
    padding:0;
    margin:0;
    top:0
}
.footer-layout4 .widget-area{
    max-width:1720px;
    margin:100px auto 0;
    background-size:100% 100%;
    padding-bottom:70px;
    padding-top:100px
}
@media (max-width: 1800px){
    .footer-layout4 .widget-area{
        max-width:1500px
    }
}
@media (max-width: 1500px){
    .footer-layout4 .widget-area{
        max-width:1330px
    }
}
@media (max-width: 1399px){
    .footer-layout4 .widget-area{
        max-width:1310px
    }
}
@media (max-width: 1299px){
    .footer-layout4 .widget-area{
        margin:100px 15px 0
    }
}
@media (max-width: 767px){
    .footer-layout4 .widget-area{
        background-size:cover
    }
}
.footer-layout4 .th-social a{
    background:var(--black-color)
}
.footer-layout4 .newsletter-widget .newsletter-form .form-group{
    background:var(--black-color)
}
.footer-layout4 .btn-wrap img{
    width:120px
}
.th-widget-contact{
    max-width:320px
}
.th-widget-contact .map-modal-btn>i{
    -webkit-animation:none;
    animation:none
}
.info-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:11px
}
.info-box:last-child{
    margin-bottom:0
}
.info-box_icon{
    font-size:16px;
    background-color:transparent;
    color:var(--theme-color);
    text-align:center;
    margin-right:10px
}
.info-box_text{
    display:block;
    color:var(--body-color);
    margin-top:-0.45em;
    margin-bottom:-0.45em;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center
}
.info-box_link{
    display:inline-block;
    color:var(--body-color)
}
.info-box_link:hover{
    color:var(--theme-color)
}
.breadcumb-menu{
    max-width:100%;
    padding:0;
    margin:20px 0 -0.5em 0;
    list-style-type:none;
    position:relative
}
.breadcumb-menu li{
    display:inline-block;
    margin-right:3px;
    padding-right:3px;
    list-style:none;
    position:relative
}
.breadcumb-menu li:after{
    content:"\f054";
    position:relative;
    margin-left:8px;
    font-weight:500;
    font-size:15px;
    color:inherit;
    font-family:var(--icon-font)
}
.breadcumb-menu li:last-child{
    padding-right:0;
    margin-right:0
}
.breadcumb-menu li:last-child:after{
    display:none
}
.breadcumb-menu li,.breadcumb-menu a,.breadcumb-menu span{
    white-space:normal;
    word-break:break-word;
    font-weight:600;
    font-size:20px;
    font-family:var(--title-font);
    text-transform:uppercase;
    color:var(--white-color)
}
.breadcumb-menu a{
    color:var(--theme-color)
}
.breadcumb-title{
    margin:-0.18em 0 -0.18em 0;
    line-height:1.1;
    font-weight:700;
    color:var(--white-color)
}
@media (min-width: 1300px){
    .breadcumb-title{
        font-size:54px
    }
}
.breadcumb-wrapper{
    background-color:var(--gray-color);
    padding:135px 0;
    overflow:hidden;
    text-align:center;
    position:relative
}
.breadcumb-wrapper .breadcumb-shape1{
    position:absolute;
    left:0;
    bottom:0
}
.breadcumb-wrapper .breadcumb-shape2{
    position:absolute;
    right:0;
    top:0
}
@media (max-width: 1199px){
    .breadcumb-wrapper{
        padding:140px 0
    }
    .breadcumb-menu{
        margin:25px 0 -0.5em 0
    }
    .breadcumb-menu li,.breadcumb-menu a,.breadcumb-menu span{
        font-size:16px
    }
}
@media (max-width: 991px){
    .breadcumb-wrapper{
        padding:110px 0
    }
}
@media (max-width: 767px){
    .breadcumb-wrapper .breadcumb-shape1{
        width:120px
    }
    .breadcumb-wrapper .breadcumb-shape2{
        width:100px
    }
}
@media (max-width: 575px){
    .breadcumb-wrapper{
        padding:100px 0
    }
    .breadcumb-title{
        font-size:34px
    }
    .breadcumb-wrapper .breadcumb-shape2,.breadcumb-wrapper .breadcumb-shape1{
        display:none
    }
}
.wp-block-query-pagination-numbers,.th-pagination{
    margin-bottom:40px
}
.wp-block-query-pagination-numbers ul,.th-pagination ul{
    margin:0;
    padding:0
}
.wp-block-query-pagination-numbers li,.th-pagination li{
    display:inline-block;
    margin:0 3px;
    list-style-type:none
}
.wp-block-query-pagination-numbers li:last-child,.th-pagination li:last-child{
    margin-right:0
}
.wp-block-query-pagination-numbers li:first-child,.th-pagination li:first-child{
    margin-left:0
}
.wp-block-query-pagination-numbers span,.wp-block-query-pagination-numbers a,.th-pagination span,.th-pagination a{
    display:inline-block;
    text-align:center;
    position:relative;
    border:none;
    color:var(--title-color);
    background-color:var(--theme-color);
    width:82px;
    height:56px;
    line-height:56px;
    z-index:1;
    font-size:16px;
    font-weight:500;
    border-radius:0px;
    -webkit-clip-path:polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
    clip-path:polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%)
}
.wp-block-query-pagination-numbers span .btn-border,.wp-block-query-pagination-numbers a .btn-border,.th-pagination span .btn-border,.th-pagination a .btn-border{
    position:absolute;
    height:calc(100% - 3px);
    width:calc(100% - 3px);
    top:1.5px;
    left:1.5px;
    -webkit-clip-path:polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
    clip-path:polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
    background:var(--title-color);
    z-index:-2
}
.wp-block-query-pagination-numbers span:before,.wp-block-query-pagination-numbers span:after,.wp-block-query-pagination-numbers a:before,.wp-block-query-pagination-numbers a:after,.th-pagination span:before,.th-pagination span:after,.th-pagination a:before,.th-pagination a:after{
    content:"";
    position:absolute;
    background-color:var(--title-color);
    z-index:-1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:5px;
    width:16px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(90% 0%, 100% 0%, 30% 50%, 100% 100%, 90% 100%, 20% 50%);
    clip-path:polygon(90% 0%, 100% 0%, 30% 50%, 100% 100%, 90% 100%, 20% 50%)
}
.wp-block-query-pagination-numbers span:after,.wp-block-query-pagination-numbers a:after,.th-pagination span:after,.th-pagination a:after{
    right:5px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.wp-block-query-pagination-numbers span:active,.wp-block-query-pagination-numbers span:hover,.wp-block-query-pagination-numbers a:active,.wp-block-query-pagination-numbers a:hover,.th-pagination span:active,.th-pagination span:hover,.th-pagination a:active,.th-pagination a:hover{
    background:var(--white-color)
}
.wp-block-query-pagination-numbers span:has(.btn-border),.wp-block-query-pagination-numbers a:has(.btn-border),.th-pagination span:has(.btn-border),.th-pagination a:has(.btn-border){
    background-color:var(--white-color);
    color:var(--white-color)
}
.wp-block-query-pagination-numbers span:has(.btn-border):before,.wp-block-query-pagination-numbers span:has(.btn-border):after,.wp-block-query-pagination-numbers a:has(.btn-border):before,.wp-block-query-pagination-numbers a:has(.btn-border):after,.th-pagination span:has(.btn-border):before,.th-pagination span:has(.btn-border):after,.th-pagination a:has(.btn-border):before,.th-pagination a:has(.btn-border):after{
    background:var(--white-color);
    -webkit-clip-path:polygon(100% 5%, 100% 0%, 25% 50%, 100% 100%, 100% 95%, 30% 50%);
    clip-path:polygon(100% 5%, 100% 0%, 25% 50%, 100% 100%, 100% 95%, 30% 50%)
}
.wp-block-query-pagination-numbers span:has(.btn-border).active,.wp-block-query-pagination-numbers span:has(.btn-border):hover,.wp-block-query-pagination-numbers a:has(.btn-border).active,.wp-block-query-pagination-numbers a:has(.btn-border):hover,.th-pagination span:has(.btn-border).active,.th-pagination span:has(.btn-border):hover,.th-pagination a:has(.btn-border).active,.th-pagination a:has(.btn-border):hover{
    background:var(--theme-color);
    color:var(--theme-color)
}
.wp-block-query-pagination-numbers span:has(.btn-border).active .btn-border,.wp-block-query-pagination-numbers span:has(.btn-border):hover .btn-border,.wp-block-query-pagination-numbers a:has(.btn-border).active .btn-border,.wp-block-query-pagination-numbers a:has(.btn-border):hover .btn-border,.th-pagination span:has(.btn-border).active .btn-border,.th-pagination span:has(.btn-border):hover .btn-border,.th-pagination a:has(.btn-border).active .btn-border,.th-pagination a:has(.btn-border):hover .btn-border{
    background:var(--title-color)
}
.wp-block-query-pagination-numbers span:has(.btn-border).active:before,.wp-block-query-pagination-numbers span:has(.btn-border).active:after,.wp-block-query-pagination-numbers span:has(.btn-border):hover:before,.wp-block-query-pagination-numbers span:has(.btn-border):hover:after,.wp-block-query-pagination-numbers a:has(.btn-border).active:before,.wp-block-query-pagination-numbers a:has(.btn-border).active:after,.wp-block-query-pagination-numbers a:has(.btn-border):hover:before,.wp-block-query-pagination-numbers a:has(.btn-border):hover:after,.th-pagination span:has(.btn-border).active:before,.th-pagination span:has(.btn-border).active:after,.th-pagination span:has(.btn-border):hover:before,.th-pagination span:has(.btn-border):hover:after,.th-pagination a:has(.btn-border).active:before,.th-pagination a:has(.btn-border).active:after,.th-pagination a:has(.btn-border):hover:before,.th-pagination a:has(.btn-border):hover:after{
    background:var(--theme-color)
}
.wp-block-query-pagination-next{
    display:inline-block;
    text-align:center;
    position:relative;
    border:none;
    color:var(--title-color);
    background-color:var(--smoke-color2);
    min-width:56px;
    height:56px;
    line-height:56px;
    z-index:1;
    font-size:16px;
    padding:0 20px;
    font-weight:500;
    border-radius:12px;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.wp-block-query-pagination-next.active,.wp-block-query-pagination-next:hover{
    color:var(--white-color);
    background-color:var(--theme-color);
    border-color:var(--theme-color)
}
@media (max-width: 767px){
    .wp-block-query-pagination-numbers span,.wp-block-query-pagination-numbers a,.th-pagination span,.th-pagination a{
        width:60px;
        height:40px;
        line-height:40px;
        font-size:14px
    }
    .wp-block-query-pagination-numbers span:has(.btn-border):before,.wp-block-query-pagination-numbers span:has(.btn-border):after,.wp-block-query-pagination-numbers a:has(.btn-border):before,.wp-block-query-pagination-numbers a:has(.btn-border):after,.th-pagination span:has(.btn-border):before,.th-pagination span:has(.btn-border):after,.th-pagination a:has(.btn-border):before,.th-pagination a:has(.btn-border):after{
        background:var(--white-color);
        -webkit-clip-path:polygon(100% 5%, 100% 0%, 25% 50%, 100% 100%, 100% 95%, 30% 50%);
        clip-path:polygon(80% 10%, 80% 0%, 15% 50%, 100% 120%, 90% 100%, 30% 50%)
    }
}
blockquote,.wp-block-quote{
    font-size:16px;
    line-height:1.625;
    padding:40px 60px;
    font-weight:500;
    display:block;
    position:relative;
    background-color:transparent;
    margin:42px 0 50px 0;
    color:var(--white-color);
    font-family:var(--body-font);
    font-style:italic;
    border:1px solid var(--theme-color) !important;
    border-radius:20px
}
blockquote p,.wp-block-quote p{
    font-size:inherit;
    font-family:inherit;
    margin-top:-0.3em;
    margin-bottom:9px;
    line-height:inherit;
    color:inherit;
    width:100%;
    position:relative;
    z-index:3
}
blockquote p a,.wp-block-quote p a{
    color:inherit
}
blockquote:before,.wp-block-quote:before{
    content:"";
    position:absolute;
    top:-1px;
    left:-1px;
    height:50px;
    width:33px;
    background-color:var(--black-color3)
}
blockquote:after,.wp-block-quote:after{
    content:"";
    position:absolute;
    top:-10px;
    left:0px;
    height:20px;
    width:25px;
    background-color:var(--theme-color);
    -webkit-clip-path:path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z");
    clip-path:path("M2.21945 18.2759C0.775335 16.6762 0 14.8819 0 11.9734C0 6.8553 3.44484 2.26804 8.45438 0L9.70641 2.01506C5.03057 4.65307 4.11643 8.07633 3.75189 10.2347C4.5048 9.82818 5.49044 9.68633 6.45645 9.77992C8.98576 10.0241 10.9795 12.1898 10.9795 14.8819C10.9795 16.2393 10.4625 17.5411 9.54219 18.5009C8.62192 19.4608 7.37376 20 6.07229 20C5.35256 19.9934 4.64126 19.8376 3.97981 19.5416C3.31836 19.2457 2.71996 18.8154 2.21945 18.2759ZM16.24 18.2759C14.7959 16.6762 14.0205 14.8819 14.0205 11.9734C14.0205 6.8553 17.4654 2.26804 22.4749 0L23.7269 2.01506C19.0511 4.65307 18.137 8.07633 17.7724 10.2347C18.5253 9.82818 19.511 9.68633 20.477 9.77992C23.0063 10.0241 25 12.1898 25 14.8819C25 16.2393 24.483 17.5411 23.5627 18.5009C22.6424 19.4608 21.3943 20 20.0928 20C19.3731 19.9934 18.6618 19.8376 18.0003 19.5416C17.3389 19.2457 16.7405 18.8154 16.24 18.2759Z")
}
blockquote cite,.wp-block-quote cite{
    display:inline-block;
    font-size:24px;
    line-height:1;
    font-weight:600;
    font-style:normal;
    font-family:var(--title-font);
    white-space:nowrap;
    position:absolute;
    bottom:-17px;
    left:80px;
    background-color:var(--theme-color);
    color:var(--title-color);
    padding:7px 40px 7px 15px;
    -webkit-clip-path:polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
    clip-path:polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
    border-radius:5px
}
blockquote cite br,.wp-block-quote cite br{
    display:none
}
blockquote.is-large:not(.is-style-plain),blockquote.is-style-large:not(.is-style-plain),blockquote.style-left-icon,blockquote.has-text-align-right,.wp-block-quote.is-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain),.wp-block-quote.style-left-icon,.wp-block-quote.has-text-align-right{
    padding:40px;
    margin-bottom:30px
}
blockquote.style-left-icon,.wp-block-quote.style-left-icon{
    font-size:18px;
    color:var(--body-color);
    font-weight:400;
    line-height:1.556;
    background-color:var(--title-color);
    padding-left:160px
}
blockquote.style-left-icon:before,.wp-block-quote.style-left-icon:before{
    right:unset;
    left:56px;
    top:60px;
    font-size:6rem;
    font-weight:400;
    line-height:4rem;
    color:var(--theme-color);
    text-shadow:none
}
blockquote.style-left-icon cite,.wp-block-quote.style-left-icon cite{
    color:var(--title-color)
}
blockquote.style-left-icon cite:before,.wp-block-quote.style-left-icon cite:before{
    background-color:var(--black-color3);
    top:8px
}
blockquote:not(:has(>cite)) p:last-child,.wp-block-quote:not(:has(>cite)) p:last-child{
    margin-bottom:-0.3em
}
blockquote p:has(cite),.wp-block-quote p:has(cite){
    padding-bottom:10px
}
blockquote p cite,.wp-block-quote p cite{
    margin-top:20px;
    margin-bottom:-0.5em;
    bottom:-32px
}
.wp-block-pullquote{
    color:var(--white-color);
    padding:0
}
blockquote.has-very-dark-gray-color{
    color:var(--title-color) !important
}
.wp-block-pullquote blockquote,.wp-block-pullquote p{
    color:var(--title-color)
}
.wp-block-pullquote cite{
    position:absolute;
    color:var(--white-color) !important
}
.wp-block-column blockquote,.wp-block-column .wp-block-quote{
    padding:40px 15px 40px 15px
}
.wp-block-column blockquote:before,.wp-block-column .wp-block-quote:before{
    width:100%;
    height:60px;
    font-size:30px
}
.wp-block-column blockquote.style-left-icon,.wp-block-column blockquote.is-large:not(.is-style-plain),.wp-block-column blockquote.is-style-large:not(.is-style-plain),.wp-block-column blockquote.has-text-align-right,.wp-block-column .wp-block-quote.style-left-icon,.wp-block-column .wp-block-quote.is-large:not(.is-style-plain),.wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain),.wp-block-column .wp-block-quote.has-text-align-right{
    padding:40px 15px 40px 15px
}
.wp-block-column blockquote cite,.wp-block-column .wp-block-quote cite{
    font-size:14px;
    left:20px
}
.wp-block-column blockquote cite:before,.wp-block-column .wp-block-quote cite:before{
    bottom:6px
}
.wp-block-pullquote__citation::before,.wp-block-pullquote cite::before,.wp-block-pullquote footer::before{
    bottom:7px
}
.has-cyan-bluish-gray-background-color blockquote,.has-cyan-bluish-gray-background-color .wp-block-quote{
    background-color:var(--white-color)
}
@media (max-width: 767px){
    .wp-block-pullquote.is-style-solid-color blockquote{
        max-width:90%
    }
    blockquote,.wp-block-quote{
        padding:30px 40px
    }
    blockquote cite,.wp-block-quote cite{
        font-size:18px;
        left:30px
    }
}
@media (max-width: 575px){
    .wp-block-quote.is-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{
        font-size:1.2em
    }
    blockquote,.wp-block-quote{
        padding:30px
    }
}
@media (max-width: 375px){
    blockquote cite,.wp-block-quote cite{
        font-size:18px;
        padding-left:22px
    }
    blockquote cite:before,.wp-block-quote cite:before{
        width:20px
    }
}
.blog-meta{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.blog-meta span,.blog-meta a{
    display:inline-block;
    font-size:14px;
    font-weight:400;
    color:var(--body-color);
    font-family:var(--body-font);
    position:relative;
    margin-right:20px
}
.blog-meta span:after,.blog-meta a:after{
    content:'';
    display:inline-block;
    height:15px;
    width:1px;
    background-color:var(--th-border-color);
    margin-left:20px;
    position:relative;
    top:3px
}
.blog-meta span i,.blog-meta a i{
    margin-right:10px;
    color:var(--theme-color)
}
.blog-meta span:last-child,.blog-meta a:last-child{
    margin-right:0;
    padding-right:0
}
.blog-meta span:last-child:after,.blog-meta a:last-child:after{
    display:none
}
.blog-meta .author img{
    border-radius:50%;
    width:30px;
    height:30px;
    margin-right:6px
}
.blog-meta a:hover{
    color:var(--theme-color)
}
.blog-audio img,.blog-img img,.blog-video img{
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.blog-title a{
    color:inherit
}
.blog-title a:hover{
    color:var(--theme-color)
}
.th-blog{
    margin-bottom:30px
}
.blog-inner-title{
    margin-top:-0.25em;
    margin-bottom:32px;
    color:var(--white-color)
}
.blog-inner-title i{
    color:var(--theme-color);
    margin-right:8px
}
.blog-single{
    position:relative;
    margin-bottom:var(--blog-space-y, 40px);
    background-color:var(--black-color3);
    overflow:hidden;
    padding:40px;
    border-radius:30px
}
.blog-single .blog-title{
    margin-bottom:17px;
    font-size:36px;
    color:var(--white-color);
    line-height:1.333;
    font-weight:700
}
.blog-single .blog-text{
    margin-bottom:24px
}
.blog-single .social-links{
    margin:0;
    padding:0;
    list-style-type:none;
    display:inline-block
}
.blog-single .social-links li{
    display:inline-block;
    margin-right:3px
}
.blog-single .social-links li:last-child{
    margin-right:0
}
.blog-single .social-links a{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    background-color:var(--smoke-color);
    font-size:14px;
    color:var(--title-color);
    text-align:center;
    border-radius:5px
}
.blog-single .social-links a:hover{
    color:var(--white-color);
    background-color:var(--theme-color)
}
.blog-single .blog-meta{
    margin:-0.35em 0 15px 0
}
.blog-single .blog-content{
    margin:0 0 0 0;
    position:relative
}
.blog-single .blog-audio{
    line-height:1
}
.blog-single .blog-audio,.blog-single .blog-img,.blog-single .blog-video{
    position:relative;
    overflow:hidden;
    background-color:var(--black-color3);
    border-radius:20px;
    margin-bottom:40px
}
.blog-single .blog-img .play-btn{
    --icon-size: 60px;
    position:absolute;
    left:50%;
    top:50%;
    margin:calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2)
}
.blog-single .line-btn{
    display:block;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    margin-bottom:-1px
}
.blog-single .th-slider{
    --pos-x: 20px
}
.blog-single:hover .blog-img .slick-arrow{
    opacity:1;
    visibility:visible
}
.blog-details .blog-single{
    background:var(--black-color3)
}
.share-links-title{
    font-size:24px;
    color:var(--white-color);
    font-family:var(--title-font);
    font-weight:600;
    margin:0 15px 0 0;
    display:inline-block
}
.share-links{
    margin:52px 0 0 0
}
.share-links>.row{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    --bs-gutter-y: 20px
}
.share-links .wp-block-tag-cloud,.share-links .tagcloud{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:10px
}
.share-links .wp-block-tag-cloud a,.share-links .tagcloud a{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    font-family:var(--body-font);
    text-transform:capitalize;
    line-height:1;
    color:var(--white-color);
    background-color:var(--title-color);
    border-radius:0px;
    position:relative;
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%)
}
.share-links .wp-block-tag-cloud a span,.share-links .tagcloud a span{
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%);
    background:var(--title-color);
    display:inline-block;
    padding:16px 30px;
    margin:1px
}
.share-links .wp-block-tag-cloud a:before,.share-links .wp-block-tag-cloud a:after,.share-links .tagcloud a:before,.share-links .tagcloud a:after{
    content:"";
    position:absolute;
    background-color:var(--white-color);
    z-index:1;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out;
    top:5px;
    left:5px;
    width:14px;
    height:calc(100% - 10px);
    border-radius:0;
    -webkit-clip-path:polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%);
    clip-path:polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%)
}
.share-links .wp-block-tag-cloud a:after,.share-links .tagcloud a:after{
    right:5px;
    left:auto;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.share-links .wp-block-tag-cloud a:hover,.share-links .tagcloud a:hover{
    background-color:var(--theme-color);
    color:var(--title-color) !important
}
.share-links .wp-block-tag-cloud a:hover:before,.share-links .wp-block-tag-cloud a:hover:after,.share-links .tagcloud a:hover:before,.share-links .tagcloud a:hover:after{
    background:var(--title-color)
}
.blog-author{
    background:var(--black-color3);
    margin:0px 0 40px 0;
    padding:40px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:30px;
    border-radius:30px
}
.blog-author .auhtor-img{
    border-radius:50%
}
.blog-author .auhtor-img img{
    width:130px;
    height:130px;
    object-fit:cover;
    border-radius:50%
}
.blog-author .media{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:9px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:15px 20px;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.blog-author .media .media-body{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.blog-author .media .media-body .th-social{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.blog-author .author-name{
    font-weight:700;
    font-size:24px;
    margin-bottom:3px
}
.blog-author .author-name a{
    color:var(--white-color)
}
.blog-author .author-name a:hover{
    color:var(--theme-color)
}
.blog-author .author-desig{
    color:var(--theme-color);
    font-size:14px;
    font-weight:500
}
.blog-author .author-text{
    margin-bottom:-0.3em
}
@media (max-width: 1399px){
    .share-links{
        --blog-space-x: 20px
    }
}
@media (max-width: 1299px){
    .blog-single{
        border-radius:20px;
        padding:30px
    }
    .blog-single .blog-audio,.blog-single .blog-img,.blog-single .blog-video{
        border-radius:20px;
        margin-bottom:30px
    }
    .blog-author{
        padding:30px
    }
}
@media (max-width: 1199px){
    .blog-author{
        display:block;
        --blog-space-y: 20px
    }
    .blog-author .auhtor-img{
        margin-bottom:25px
    }
    .blog-single .blog-title{
        font-size:30px
    }
}
@media (max-width: 991px){
    .blog-author,.share-links{
        --blog-space-x: 40px
    }
}
@media (max-width: 767px){
    .blog-author,.share-links{
        --blog-space-x: 20px
    }
    .blog-details .blog-single{
        --blog-space-x: 20px;
        --blog-space-y: 20px
    }
    .blog-single .blog-text{
        margin-bottom:22px
    }
    .blog-single .blog-bottom{
        padding-top:15px
    }
    .blog-single .blog-meta span,.blog-single .blog-meta a{
        padding-right:3px
    }
    .blog-single .blog-meta span:after,.blog-single .blog-meta a:after{
        display:none
    }
    .blog-single .share-links-title{
        font-size:18px;
        display:block;
        margin:0 0 10px 0
    }
}
@media (max-width: 575px){
    .blog-single .blog-title{
        font-size:26px
    }
}
.th-comment-form{
    margin:0px 0 40px 0;
    padding:40px;
    border-radius:30px;
    position:relative;
    background:var(--black-color3)
}
.th-comment-form .row{
    --bs-gutter-x: 20px
}
.th-comment-form .form-title{
    margin-top:-0.35em
}
.th-comment-form .form-title a#cancel-comment-reply-link{
    font-size:0.7em;
    text-decoration:underline
}
.th-comment-form .form-text{
    margin-bottom:25px
}
.th-comment-form .form-group>i{
    color:var(--body-color)
}
.blog-comment-area{
    margin:40px 0 0
}
.th-comments-wrap{
    --th-border-color: rgba(69, 248, 130, 0.2);
    padding:40px;
    margin:0px 0 40px 0;
    background:var(--black-color3);
    border-radius:30px
}
.th-comments-wrap .description p:last-child{
    margin-bottom:-0.5em
}
.th-comments-wrap .comment-respond{
    margin:30px 0 40px
}
.th-comments-wrap pre{
    background:#ededed;
    color:#666;
    font-size:14px;
    margin:20px 0;
    overflow:auto;
    padding:20px;
    white-space:pre-wrap;
    word-wrap:break-word
}
.th-comments-wrap li{
    margin:0
}
.th-comments-wrap .th-post-comment{
    padding:0;
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:40px;
    padding-bottom:30px;
    position:relative;
    border-bottom:1px solid var(--th-border-color)
}
.th-comments-wrap .th-post-comment ol,.th-comments-wrap .th-post-comment ul,.th-comments-wrap .th-post-comment dl{
    margin-bottom:1rem
}
.th-comments-wrap .th-post-comment ol ol,.th-comments-wrap .th-post-comment ol ul,.th-comments-wrap .th-post-comment ul ol,.th-comments-wrap .th-post-comment ul ul{
    margin-bottom:0
}
.th-comments-wrap ul.comment-list{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:-40px
}
.th-comments-wrap ul.comment-list ul ul,.th-comments-wrap ul.comment-list ul ol,.th-comments-wrap ul.comment-list ol ul,.th-comments-wrap ul.comment-list ol ol{
    margin-bottom:0
}
.th-comments-wrap .comment-avater{
    width:80px;
    height:80px;
    margin-right:20px;
    overflow:hidden;
    border-radius:20px
}
.th-comments-wrap .comment-avater img{
    width:100%;
    border-radius:20px
}
.th-comments-wrap .comment-content{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    position:relative
}
.th-comments-wrap .commented-on{
    font-size:14px;
    display:inline-block;
    margin-bottom:15px;
    font-weight:400;
    color:var(--body-color)
}
.th-comments-wrap .commented-on i{
    margin-right:7px;
    font-size:0.9rem;
    color:var(--theme-color)
}
.th-comments-wrap .name{
    margin-bottom:1px;
    font-size:24px;
    font-weight:600;
    color:var(--white-color)
}
.th-comments-wrap .comment-top{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.th-comments-wrap .text{
    margin-bottom:10px
}
.th-comments-wrap .children{
    margin:0;
    padding:0;
    list-style-type:none;
    margin-left:80px
}
.th-comments-wrap .reply_and_edit{
    margin-bottom:-0.46em
}
.th-comments-wrap .reply_and_edit a{
    margin-right:0px
}
.th-comments-wrap .reply_and_edit a:last-child{
    margin-right:0
}
.th-comments-wrap .reply_and_edit .comment-edit-link{
    -webkit-transform:translate(-105px, 0);
    -ms-transform:translate(-105px, 0);
    transform:translate(-105px, 0)
}
.th-comments-wrap .reply_and_edit .comment-edit-link:first-child{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.th-comments-wrap .reply-btn{
    font-weight:700;
    font-size:14px;
    color:var(--theme-color);
    display:inline-block;
    background:transparent;
    border-radius:4px;
    text-transform:uppercase;
    padding:0;
    position:absolute;
    right:0;
    top:0
}
.th-comments-wrap .reply-btn i{
    margin-right:7px
}
.th-comments-wrap .reply-btn:hover{
    color:var(--white-color)
}
.th-comments-wrap .star-rating{
    font-size:12px;
    margin-bottom:10px;
    position:absolute;
    top:5px;
    right:0;
    width:80px
}
ul.comment-list .th-comment-item:first-child:last-child>.th-post-comment{
    border-bottom:1px solid var(--th-border-color);
    padding-bottom:30px
}
ul.comment-list .th-comment-item:last-child>.th-post-comment{
    border-bottom:none;
    padding-bottom:0
}
ul.comment-list .children .th-comment-item>.th-post-comment{
    padding-bottom:30px;
    border-bottom:1px solid var(--th-border-color)
}
ul.comment-list:has(>.th-comment-item ~ .th-comment-item):first-child>.th-post-comment{
    padding-bottom:30px;
    border-bottom:1px solid var(--th-border-color)
}
.th-comments-wrap.th-comment-form{
    margin:0
}
@media (max-width: 1299px){
    .th-comment-form,.th-comments-wrap{
        padding:30px
    }
}
@media (max-width: 1199px){
    .blog-comment-area{
        --blog-space-y: 20px;
        --blog-space-x: 20px
    }
    .th-comments-wrap,.th-comment-form{
        --blog-space-x: 20px
    }
    .th-comments-wrap .children{
        margin-left:40px
    }
}
@media (max-width: 991px){
    .blog-comment-area{
        --blog-space-x: 40px;
        --blog-space-y: 40px
    }
    .th-comment-form,.th-comments-wrap{
        --blog-space-x: 40px
    }
    .th-comments-wrap .comment-avater{
        margin-right:20px
    }
    .th-comments-wrap .name{
        font-size:18px
    }
}
@media (max-width: 767px){
    .blog-comment-area{
        --blog-space-x: 20px;
        --blog-space-y: 20px
    }
    .th-comment-form,.th-comments-wrap{
        --blog-space-x: 20px
    }
    .th-comments-wrap .name{
        font-size:16px
    }
    .th-comments-wrap .th-post-comment{
        display:block
    }
    .th-comments-wrap .star-rating{
        position:relative;
        top:0;
        right:0
    }
    .th-comments-wrap .comment-top{
        display:block
    }
    .th-comments-wrap .comment-avater{
        margin-right:0;
        margin-bottom:25px
    }
    .th-comments-wrap .children{
        margin-left:40px
    }
    .th-comments-wrap .children{
        margin-left:30px
    }
}
.th-hero-wrapper{
    position:relative;
    z-index:2;
    overflow:hidden;
    margin-top:150px
}
.th-hero-bg{
    position:absolute;
    inset:0;
    z-index:-1
}
.th-hero-bg img{
    height:100%;
    width:100%;
    object-fit:cover
}
.hero-title{
    font-weight:700;
    line-height:1.119;
    margin-bottom:19px;
    margin-top:-0.2em
}
.hero-text{
    margin-bottom:40px;
    font-size:18px
}
.hero-1:after{
    content:'';
    position:absolute;
    inset:0;
    background:-webkit-radial-gradient(50.83% 52.56%, 100.89% 100.89%, rgba(11,14,19,0) 0%, rgba(11,14,19,0.83) 0%, #0B0E13 63%);
    background:radial-gradient(100.89% 100.89% at 50.83% 52.56%, rgba(11,14,19,0) 0%, rgba(11,14,19,0.83) 0%, #0B0E13 63%)
}
.hero-cta-slider1{
    margin-top:-300px;
    margin-bottom:-50px;
    position:relative;
    z-index:2
}
.hero-cta-slider1 .hero-shape-area{
    position:relative;
    padding:155px 0;
    margin-top:140px
}
.hero-cta-slider1 .hero-shape-area .hero-bg-shape{
    position:absolute;
    inset:0
}
.hero-cta-slider1 .hero-shape-area .hero-bg-shape svg{
    height:100%;
    width:100%
}
.hero-cta-slider1 .hero-shape-area .hero-bg-shape .hero-bg-border-anime{
    position:absolute;
    inset:0;
    background:-webkit-linear-gradient(80deg, var(--theme-color), var(--theme-color2));
    background:linear-gradient(10deg, var(--theme-color), var(--theme-color2));
    background-size:200% 120%;
    z-index:1;
    -webkit-animation:lineBg 7s linear infinite;
    animation:lineBg 7s linear infinite
}
.hero-cta-slider1 .hero-shape-area .title-area{
    max-width:711px;
    text-align:center;
    margin:0 auto
}
.hero-cta-slider1 .hero-img1,.hero-cta-slider1 .hero-img2{
    position:absolute;
    bottom:2px;
    left:-62px;
    z-index:1
}
.hero-cta-slider1 .hero-img2{
    left:auto;
    right:-62px
}
.hero-cta-slider1 .swiper-pagination-bullets{
    position:absolute;
    bottom:18px
}
.hero-cta-slider1 .swiper-pagination-bullets .swiper-pagination-bullet{
    --swiper-pagination-bullet-horizontal-gap: 12px
}
.hero-style1{
    position:relative;
    z-index:6;
    padding:157px 0 300px
}
.hero-style1 .sub-title{
    margin-bottom:25px;
    font-weight:500;
    margin-bottom:18px;
    letter-spacing:0.8px
}
.hero-style1 .hero-title{
    color:var(--white-color)
}
.hero-style1 .hero-title span{
    display:block
}
.hero-style1 .hero-title .title1{
    display:inline-block;
    padding:12.5px 0px;
    width:940px;
    background-size:100% 100%
}
.hero-style1 .hero-title .title2{
    color:var(--theme-color);
    margin-top:-10px
}
.hero-style1 .btn-group{
    margin-top:8px
}
@-webkit-keyframes lineBg{
    0%{
        background-position:0% 0%
    }
    40%{
        background-position:-80% 100%
    }
    60%{
        background-position:-150% 100%
    }
    100%{
        background-position:0% 0%
    }
}
@keyframes lineBg{
    0%{
        background-position:0% 0%
    }
    40%{
        background-position:-80% 100%
    }
    60%{
        background-position:-150% 100%
    }
    100%{
        background-position:0% 0%
    }
}
@media (max-width: 1700px){
    .hero-cta-slider1 .hero-img1{
        left:-20px
    }
    .hero-cta-slider1 .hero-img2{
        right:-20px
    }
}
@media (max-width: 1500px){
    .hero-cta-slider1 .hero-img1,.hero-cta-slider1 .hero-img2{
        bottom:4px
    }
    .hero-cta-slider1 .hero-img1 img,.hero-cta-slider1 .hero-img2 img{
        height:470px
    }
    .hero-cta-slider1 .hero-shape-area{
        padding:95px 0
    }
    .hero-cta-slider1 .hero-shape-area .title-area{
        max-width:570px
    }
}
@media (max-width: 1399px){
    .hero-style1{
        padding:137px 0 350px
    }
    .hero-cta-slider1 .hero-shape-area{
        padding:76px 0;
        margin-top:50px
    }
    .hero-cta-slider1 .hero-img1,.hero-cta-slider1 .hero-img2{
        bottom:2px
    }
    .hero-cta-slider1 .hero-img1 img,.hero-cta-slider1 .hero-img2 img{
        height:405px
    }
    .hero-cta-slider1 .hero-img1{
        left:0
    }
    .hero-cta-slider1 .hero-img2{
        right:0px
    }
}
@media (max-width: 1199px){
    .hero-1{
        margin-bottom:90px
    }
    .hero-cta-slider1{
        margin-bottom:80px
    }
    .hero-cta-slider1 .hero-shape-area .hero-bg-shape{
        position:relative;
        margin-bottom:50px
    }
    .hero-cta-slider1 .hero-shape-area .hero-bg-shape .verses-thumb{
        position:absolute;
        left:50%;
        top:50%;
        -webkit-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%)
    }
    .hero-style1{
        padding:117px 0 240px
    }
}
@media (max-width: 991px){
    .hero-cta-slider1 .hero-shape-area{
        margin-top:20px
    }
    .hero-style1 .hero-title .title1{
        width:auto;
        padding:16.5px 100px
    }
    .hero-cta-slider1 .hero-img1 img,.hero-cta-slider1 .hero-img2 img{
        height:290px
    }
    .hero-cta-slider1 .hero-shape-area .hero-bg-shape .verses-thumb{
        width:100px
    }
}
@media (max-width: 767px){
    .hero-style1 .hero-title .title1{
        width:auto;
        padding:16.5px 50px
    }
    .hero-cta-slider1 .hero-img1 img,.hero-cta-slider1 .hero-img2 img{
        height:215px
    }
    .hero-cta-slider1 .hero-shape-area .hero-bg-shape .verses-thumb{
        width:60px
    }
    .hero-cta-slider1 .hero-shape-area{
        margin-top:0px
    }
}
@media (max-width: 575px){
    .hero-style1 .btn-group{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .hero-style1 .hero-title .title1{
        background-image:none !important;
        padding:16.5px 0 0
    }
    .hero-style1 .hero-title .title2{
        margin-top:0
    }
    .hero-cta-slider1 .hero-img1 img,.hero-cta-slider1 .hero-img2 img{
        height:180px
    }
    .hero-cta-slider1 .hero-shape-area .title-area .sec-title{
        font-size:24px
    }
    .hero-cta-slider1 .hero-shape-area{
        padding:76px 0 50px
    }
    .hero-cta-slider1 .hero-shape-area .hero-bg-shape{
        margin-bottom:30px
    }
    .hero-cta-slider1 .hero-shape-area .title-area .sec-title{
        margin-bottom:-20px
    }
}
@media (max-width: 375px){
    .hero-cta-slider1 .hero-img1 img,.hero-cta-slider1 .hero-img2 img{
        height:150px
    }
    .hero-cta-slider1 .hero-shape-area .hero-bg-shape .verses-thumb{
        width:40px
    }
    .hero-cta-slider1 .hero-shape-area{
        padding:56px 0 50px
    }
}
.hero-2{
    margin-top:0
}
.hero-style2{
    text-align:center;
    padding:40px 0 120px
}
.hero-style2 .hero-title-thumb .character{
    margin-bottom:-410px;
    position:relative
}
.hero-style2 .hero-title-thumb .title-img{
    position:relative;
    display:inline-block;
    z-index:-1
}
.hero-style2 .hero-title-thumb .title-img .title-img-mask{
    display:inline-block;
    height:100%;
    width:100%;
    mix-blend-mode:color;
    background:var(--theme-color);
    position:absolute;
    top:0
}
.hero-style2 .hero-title-thumb .title-img-1{
    margin-bottom:40px
}
.hero-style2 .hero-title-thumb .title-img-2{
    position:relative;
    z-index:2
}
.hero-style2 .btn-group{
    margin-top:30px
}
@media (max-width: 1399px){
    .hero-style2{
        padding-left:50px;
        padding-right:50px
    }
}
@media (max-width: 1299px){
    .hero-style2 .hero-title-thumb .character img{
        width:720px
    }
}
@media (max-width: 1199px){
    .hero-style2 .hero-title-thumb .character{
        margin-bottom:-360px
    }
    .hero-style2 .hero-title-thumb .character img{
        width:640px
    }
}
@media (max-width: 991px){
    .hero-style2 .hero-title-thumb .character{
        margin-bottom:-240px
    }
    .hero-style2 .hero-title-thumb .character img{
        width:440px
    }
}
@media (max-width: 767px){
    .hero-style2 .hero-title-thumb .character{
        margin-bottom:-200px
    }
    .hero-style2 .hero-title-thumb .character img{
        width:350px
    }
}
@media (max-width: 575px){
    .hero-style2{
        padding:40px 0 80px
    }
    .hero-style2 .hero-title-thumb .character{
        margin-bottom:-120px
    }
    .hero-style2 .hero-title-thumb .character img{
        width:240px
    }
    .hero-style2 .hero-title-thumb .title-img-1{
        margin-bottom:20px
    }
}
@media (max-width: 375px){
    .hero-style2 .hero-title-thumb .character{
        margin-bottom:-140px
    }
}
.hero-3{
    margin-top:0;
    position:relative;
    background-color:var(--black-color)
}
.hero-3:after{
    content:'';
    position:absolute;
    inset:0;
    top:0;
    left:0;
    background:-webkit-linear-gradient(345.41deg, #0B0E13 10.9%, rgba(11,14,19,0.966451) 20.97%, rgba(11,14,19,0.923433) 29.29%, rgba(11,14,19,0.43) 70.82%);
    background:linear-gradient(104.59deg, #0B0E13 10.9%, rgba(11,14,19,0.966451) 20.97%, rgba(11,14,19,0.923433) 29.29%, rgba(11,14,19,0.43) 70.82%);
    -webkit-clip-path:polygon(100% 0, 100% calc(100% - 153px), calc(100% - 153px) 100%, 153px 100%, 0% calc(100% - 153px), 0 0);
    clip-path:polygon(100% 0, 100% calc(100% - 153px), calc(100% - 153px) 100%, 153px 100%, 0% calc(100% - 153px), 0 0);
    z-index:-1
}
.hero-3 .th-hero-bg{
    -webkit-clip-path:polygon(100% 0, 100% calc(100% - 153px), calc(100% - 153px) 100%, 153px 100%, 0% calc(100% - 153px), 0 0);
    clip-path:polygon(100% 0, 100% calc(100% - 153px), calc(100% - 153px) 100%, 153px 100%, 0% calc(100% - 153px), 0 0)
}
.hero-style3{
    padding:330px 0 290px
}
@media (max-width: 1199px){
    .hero-style3{
        padding:300px 0 260px
    }
}
@media (max-width: 991px){
    .hero-style3{
        padding:270px 0 240px
    }
}
@media (max-width: 575px){
    .hero-style3{
        padding:200px 0 200px
    }
}
.hero-style3 .sub-title{
    letter-spacing:0.15em;
    text-transform:uppercase;
    font-size:24px;
    font-weight:700;
    margin-top:-0.18em;
    margin-bottom:33px
}
@media (max-width: 1399px){
    .hero-style3 .sub-title{
        font-size:20px
    }
}
@media (max-width: 1199px){
    .hero-style3 .sub-title{
        font-size:18px
    }
}
@media (max-width: 991px){
    .hero-style3 .sub-title{
        font-size:16px
    }
}
.hero-style3 .hero-title{
    color:var(--white-color);
    font-family:var(--war-font);
    font-size:94px;
    font-weight:400;
    text-transform:uppercase
}
.hero-style3 .hero-title.style2{
    font-family:var(--war-font2)
}
@media (max-width: 1399px){
    .hero-style3 .hero-title{
        font-size:80px
    }
}
@media (max-width: 1199px){
    .hero-style3 .hero-title{
        font-size:70px
    }
}
@media (max-width: 991px){
    .hero-style3 .hero-title{
        font-size:60px
    }
}
@media (max-width: 767px){
    .hero-style3 .hero-title{
        font-size:55px
    }
}
@media (max-width: 575px){
    .hero-style3 .hero-title{
        font-size:45px
    }
}
@media (max-width: 375px){
    .hero-style3 .hero-title{
        font-size:38px
    }
}
.hero-style3 .btn-group{
    margin-top:20px
}
.hero-4{
    margin-top:0;
    background-size:100% 100%;
    padding-top:100px;
    padding-bottom:100px
}
@media (max-width: 991px){
    .hero-4{
        background-size:cover
    }
}
.hero-style4{
    background-size:100% 100%;
    position:relative;
    padding-top:252px
}
@media (max-width: 991px){
    .hero-style4{
        padding-top:170px
    }
}
@media (max-width: 767px){
    .hero-style4{
        padding-top:70px
    }
}
.hero-style4:after{
    content:'';
    position:absolute;
    inset:0;
    background:-webkit-linear-gradient(top, #670404 0%, var(--theme-color) 89.41%);
    background:linear-gradient(180deg, #670404 0%, var(--theme-color) 89.41%);
    opacity:0.9;
    z-index:-1
}
.hero-style4 .hero-title{
    font-size:270px;
    font-family:var(--war-font);
    font-weight:400;
    text-transform:uppercase;
    color:var(--white-color)
}
@media (max-width: 1500px){
    .hero-style4 .hero-title{
        font-size:220px
    }
}
@media (max-width: 1199px){
    .hero-style4 .hero-title{
        font-size:200px
    }
}
@media (max-width: 991px){
    .hero-style4 .hero-title{
        font-size:140px
    }
}
@media (max-width: 767px){
    .hero-style4 .hero-title{
        font-size:100px
    }
}
@media (max-width: 575px){
    .hero-style4 .hero-title{
        font-size:80px
    }
}
@media (max-width: 375px){
    .hero-style4 .hero-title{
        font-size:60px
    }
}
.hero-style4 .hero-thumb4-1{
    margin-top:-460px
}
@media (max-width: 991px){
    .hero-style4 .hero-thumb4-1{
        margin-top:-310px
    }
}
@media (max-width: 767px){
    .hero-style4 .hero-thumb4-1{
        margin-top:-170px
    }
}
@media (max-width: 375px){
    .hero-style4 .hero-thumb4-1{
        margin-top:-140px
    }
}
.hero-game-slider4-1{
    margin-top:-140px
}
@media (max-width: 991px){
    .hero-game-slider4-1{
        margin-top:-40px
    }
}
.hero-game-slider4-1 .slider-arrow.style3{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.hero-game-slider4-1 .slider-arrow.style3:hover{
    background:var(--white-color);
    color:var(--theme-color)
}
.hero-5{
    margin-top:0;
    margin-right:-100px
}
@media (max-width: 575px){
    .hero-5{
        margin-right:0
    }
}
.hero-5 .hero-bg-text{
    position:absolute;
    font-size:224px;
    font-weight:400;
    font-family:var(--war-font);
    text-transform:uppercase;
    opacity:0.05;
    left:110px;
    top:40%;
    -webkit-transform:rotate(-90deg) translate(-48%, 0);
    -ms-transform:rotate(-90deg) translate(-48%, 0);
    transform:rotate(-90deg) translate(-48%, 0);
    -webkit-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    line-height:1;
    z-index:-1;
    background:-webkit-linear-gradient(top, #fff 59.5%, rgba(255,255,255,0) 100%);
    background:linear-gradient(180deg, #fff 59.5%, rgba(255,255,255,0) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text
}
@media (max-width: 1500px){
    .hero-5 .hero-bg-text{
        font-size:180px;
        left:90px
    }
}
@media (max-width: 1299px){
    .hero-5 .hero-bg-text{
        font-size:140px;
        left:60px
    }
}
.hero-5 .scroll-down{
    position:absolute;
    bottom:36px;
    left:50%;
    text-align:center;
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0)
}
.hero-5 .hero-5-scroll-wrap{
    color:var(--white-color);
    position:relative;
    font-size:18px;
    font-weight:600;
    font-family:var(--title-font)
}
.hero-5 .hero-5-scroll-wrap:after{
    content:'';
    height:32px;
    width:20px;
    border:1px solid var(--white-color);
    display:inline-block;
    border-radius:30px;
    position:absolute;
    left:-30px;
    top:-4px
}
.hero-5 .hero-5-scroll-wrap:before{
    content:"";
    height:6px;
    width:2px;
    border-radius:50px;
    background-color:var(--white-color);
    position:absolute;
    top:5px;
    left:-21px;
    -webkit-animation:scrollMove 1.5s infinite;
    animation:scrollMove 1.5s infinite
}
.hero-style5{
    margin-left:-112px;
    padding:285px 0
}
@media (max-width: 1500px){
    .hero-style5{
        margin-left:0;
        margin-right:-90px;
        padding:200px 0
    }
}
@media (max-width: 1399px){
    .hero-style5{
        margin-right:0;
        padding:180px 0
    }
}
@media (max-width: 991px){
    .hero-style5{
        padding:60px 0 160px;
        text-align:center
    }
}
.hero-style5 .hero-title{
    color:var(--white-color);
    font-family:var(--goldman-font);
    font-size:74px;
    text-transform:uppercase;
    margin-bottom:6px
}
@media (max-width: 1500px){
    .hero-style5 .hero-title{
        font-size:70px
    }
}
@media (max-width: 1399px){
    .hero-style5 .hero-title{
        font-size:64px
    }
}
@media (max-width: 1299px){
    .hero-style5 .hero-title{
        font-size:56px
    }
}
@media (max-width: 1199px){
    .hero-style5 .hero-title{
        font-size:46px
    }
}
@media (max-width: 575px){
    .hero-style5 .hero-title{
        font-size:42px
    }
}
@media (max-width: 375px){
    .hero-style5 .hero-title{
        font-size:38px
    }
}
.hero-style5 .hero-text{
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    margin-top:10px
}
@media (max-width: 1299px){
    .hero-style5 .hero-text{
        font-size:18px
    }
}
@media (max-width: 575px){
    .hero-style5 .hero-text{
        font-size:16px
    }
}
@media (max-width: 575px){
    .hero-style5 .btn-group{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.hero-thumb5-1{
    margin-right:-165px;
    position:relative
}
@media (max-width: 1500px){
    .hero-thumb5-1{
        margin-right:0
    }
}
@media (max-width: 991px){
    .hero-thumb5-1{
        padding:10px 30px 0
    }
}
@media (max-width: 575px){
    .hero-thumb5-1{
        padding:10px 0px 0
    }
}
.hero-thumb5-1:after{
    content:'';
    position:absolute;
    inset:0;
    background:var(--theme-color);
    opacity:0.2;
    -webkit-filter:blur(240.5px);
    filter:blur(240.5px);
    border-radius:0px 0px 140px 140px;
    z-index:-1
}
.error-page{
    position:relative;
    z-index:1
}
.error-page:after{
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    background:-webkit-radial-gradient(50% 50%, 60.14% 60.14%, rgba(11,14,19,0.96) 0%, rgba(11,14,19,0.97) 100%);
    background:radial-gradient(60.14% 60.14% at 50% 50%, rgba(11,14,19,0.96) 0%, rgba(11,14,19,0.97) 100%)
}
.error-content{
    text-align:center
}
.error-img{
    text-align:center;
    margin-bottom:45px
}
.error-title{
    margin-bottom:17px
}
.error-text{
    margin-bottom:30px;
    max-width:540px;
    font-size:18px;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 991px){
    .error-title{
        margin-bottom:15px
    }
    .error-img{
        margin-bottom:30px
    }
    .error-text{
        margin-bottom:25px
    }
}
@media (max-width: 767px){
    .error-title{
        margin-bottom:10px
    }
}
.popup-search-box{
    position:fixed;
    top:0;
    left:50%;
    background-color:rgba(0,0,0,0.95);
    height:0;
    width:0;
    overflow:hidden;
    z-index:99999;
    opacity:0;
    visibility:hidden;
    border-radius:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s
}
.popup-search-box button.searchClose{
    width:60px;
    height:60px;
    position:absolute;
    top:40px;
    right:40px;
    border-width:1px;
    border-style:solid;
    border-color:var(--theme-color);
    background-color:transparent;
    font-size:22px;
    border-radius:50%;
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s;
    color:var(--theme-color)
}
.popup-search-box button.searchClose:hover{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.popup-search-box form{
    position:absolute;
    top:50%;
    left:50%;
    display:inline-block;
    padding-bottom:40px;
    cursor:auto;
    width:100%;
    max-width:700px;
    -webkit-transform:translate(-50%, -50%) scale(0);
    -ms-transform:translate(-50%, -50%) scale(0);
    transform:translate(-50%, -50%) scale(0);
    -webkit-transition:-webkit-transform ease 0.4s;
    transition:-webkit-transform ease 0.4s;
    transition:transform ease 0.4s;
    transition:transform ease 0.4s, -webkit-transform ease 0.4s
}
@media (max-width: 1199px){
    .popup-search-box form{
        max-width:600px
    }
}
.popup-search-box form input{
    font-size:16px;
    height:70px;
    width:100%;
    background-color:transparent;
    padding-right:80px;
    padding-left:50px;
    background:var(--black-color3);
    border:0;
    color:var(--white-color);
    -webkit-clip-path:polygon(40px 0%, calc(100% - 40px) 0%, 100% 50%, calc(100% - 40px) 100%, 40px 100%, 0% 50%);
    clip-path:polygon(40px 0%, calc(100% - 40px) 0%, 100% 50%, calc(100% - 40px) 100%, 40px 100%, 0% 50%)
}
.popup-search-box form input::-moz-placeholder{
    color:#fff
}
.popup-search-box form input::-webkit-input-placeholder{
    color:#fff
}
.popup-search-box form input:-ms-input-placeholder{
    color:#fff
}
.popup-search-box form input::-ms-input-placeholder{
    color:#fff
}
.popup-search-box form input::placeholder{
    color:#fff
}
.popup-search-box form button{
    position:absolute;
    top:0px;
    background-color:transparent;
    border:none;
    color:#fff;
    font-size:24px;
    right:20px;
    color:var(--white-color);
    cursor:pointer;
    width:70px;
    height:70px;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s;
    -webkit-transform:scale(1.001);
    -ms-transform:scale(1.001);
    transform:scale(1.001)
}
.popup-search-box form button:hover{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.popup-search-box.show{
    opacity:1;
    visibility:visible;
    width:100.1%;
    height:100%;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s;
    border-radius:0
}
.popup-search-box.show form{
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
    -webkit-transform:translate(-50%, -50%) scale(1);
    -ms-transform:translate(-50%, -50%) scale(1);
    transform:translate(-50%, -50%) scale(1)
}
.sidemenu-wrapper{
    position:fixed;
    z-index:99999;
    right:-2px;
    top:0;
    height:100%;
    width:0;
    background-color:rgba(0,0,0,0.75);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all ease 0.8s;
    transition:all ease 0.8s
}
.sidemenu-wrapper .th-social a{
    box-shadow:none
}
.sidemenu-wrapper .closeButton{
    display:inline-block;
    border:2px solid;
    width:50px;
    height:50px;
    line-height:48px;
    font-size:24px;
    padding:0;
    position:absolute;
    top:20px;
    right:20px;
    background-color:var(--white-color);
    border-radius:50%;
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s
}
.sidemenu-wrapper .closeButton:hover{
    color:var(--theme-color);
    border-color:var(--theme-color);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.sidemenu-wrapper .sidemenu-content{
    background-color:var(--title-color);
    width:450px;
    margin-left:auto;
    padding:80px 30px;
    height:100%;
    overflow-y:scroll;
    position:relative;
    right:-500px;
    cursor:auto;
    -webkit-transition-delay:1s;
    transition-delay:1s;
    -webkit-transition:right ease 1s;
    transition:right ease 1s
}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track{
    box-shadow:inset 0 0 1px rgba(0,0,0,0.1);
    background-color:#f5f5f5
}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar{
    width:2px;
    background-color:#f5f5f5
}
.sidemenu-wrapper .widget{
    padding:0;
    border:none;
    background-color:transparent;
    max-width:none
}
.sidemenu-wrapper.show{
    opacity:1;
    visibility:visible;
    width:100%;
    -webkit-transition:all ease 0.8s;
    transition:all ease 0.8s
}
.sidemenu-wrapper.show .sidemenu-content{
    right:0;
    opacity:1;
    visibility:visible
}
@media (max-width: 575px){
    .sidemenu-wrapper{
        background:transparent
    }
    .sidemenu-wrapper .sidemenu-content{
        width:100%
    }
    .sidemenu-wrapper .sidemenu-content .widget_shopping_cart .th-btn{
        margin-bottom:10px
    }
}
.woocommerce-message,.woocommerce-info{
    position:relative;
    padding:11px 20px 11px 50px;
    background-color:var(--theme-color);
    color:var(--title-color);
    font-size:14px;
    font-weight:500;
    margin-bottom:15px;
    border-radius:0px
}
.woocommerce-message a,.woocommerce-info a{
    color:var(--title-color);
    text-decoration:underline
}
.woocommerce-message a:hover,.woocommerce-info a:hover{
    color:var(--title-color)
}
.woocommerce-message:before,.woocommerce-info:before{
    content:"\f06a";
    font-family:var(--icon-font);
    font-weight:400;
    margin-right:10px;
    font-size:18px;
    position:absolute;
    left:20px;
    top:11px
}
.woocommerce-notices-wrapper .woocommerce-message{
    background-color:var(--theme-color);
    color:var(--title-color)
}
.woocommerce-notices-wrapper .woocommerce-message:before{
    content:"\f14a";
    font-weight:300
}
.woocommerce-form-login-toggle .woocommerce-info{
    background-color:var(--theme-color);
    color:var(--title-color)
}
.woocommerce-form-login-toggle .woocommerce-info a{
    color:inherit
}
.woocommerce-form-login-toggle .woocommerce-info a:hover{
    color:var(--title-color)
}
.woocommerce-form-register,.woocommerce-form-coupon,.woocommerce-form-login{
    padding:35px 40px 35px 40px;
    background-color:var(--black-color3);
    box-shadow:0px 6px 30px rgba(1,15,28,0.1);
    margin-bottom:0;
    border-radius:0px
}
@media (max-width: 575px){
    .woocommerce-form-register,.woocommerce-form-coupon,.woocommerce-form-login{
        padding:40px 20px;
        border-radius:10px
    }
}
.woocommerce-form-register .form-group,.woocommerce-form-coupon .form-group,.woocommerce-form-login .form-group{
    margin-bottom:20px
}
.woocommerce-form-register .form-group label,.woocommerce-form-coupon .form-group label,.woocommerce-form-login .form-group label{
    color:var(--white-color)
}
.woocommerce-form-register .form-group:last-child,.woocommerce-form-coupon .form-group:last-child,.woocommerce-form-login .form-group:last-child{
    margin-bottom:0
}
.woocommerce-error{
    background-color:var(--error-color);
    color:#fff;
    list-style:none;
    padding:10px 26px;
    margin:0 0 30px 0;
    border-radius:0;
    font-weight:500;
    font-size:14px
}
nav.woocommerce-MyAccount-navigation li{
    border:1px solid #ddd;
    margin:0;
    border-top:none
}
nav.woocommerce-MyAccount-navigation li:first-child{
    border-top:1px solid #ddd
}
nav.woocommerce-MyAccount-navigation li a{
    color:var(--white-color);
    font-weight:700;
    padding:7px 17px;
    display:block
}
nav.woocommerce-MyAccount-navigation li.is-active a,nav.woocommerce-MyAccount-navigation li a:hover{
    color:var(--title-color);
    background-color:var(--theme-color)
}
.woocommerce-MyAccount-content h3{
    margin-top:-0.3em
}
.woocommerce-MyAccount-content .btn{
    background-color:var(--theme-color);
    color:var(--white-color);
    font-size:14px;
    padding:10px 25px;
    font-weight:700
}
.woocommerce-MyAccount-content .btn:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.wc-block-components-notice-banner.is-info>.wc-block-components-notice-banner__content .wc-forward{
    color:var(--theme-color) !important
}
table.variations,.woocommerce-grouped-product-list-item{
    border-collapse:separate;
    border-spacing:0 15px;
    margin-bottom:5px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    border:none
}
table.variations td,.woocommerce-grouped-product-list-item td{
    border:none;
    vertical-align:middle;
    padding:0 5px
}
table.variations td:first-child,.woocommerce-grouped-product-list-item td:first-child{
    padding:0
}
table.variations label,.woocommerce-grouped-product-list-item label{
    margin:0;
    font-size:14px;
    text-transform:capitalize
}
table.variations label a,.woocommerce-grouped-product-list-item label a{
    color:var(--title-color)
}
table.variations label a:hover,.woocommerce-grouped-product-list-item label a:hover{
    color:var(--theme-color)
}
table.variations .label,.woocommerce-grouped-product-list-item .label{
    border:none
}
table.variations__label,.woocommerce-grouped-product-list-item__label{
    border:none !important;
    font-weight:600
}
table.variations__price,.woocommerce-grouped-product-list-item__price{
    border:none !important
}
table.variations__price .price,table.variations__price .amount,.woocommerce-grouped-product-list-item__price .price,.woocommerce-grouped-product-list-item__price .amount{
    font-size:18px !important
}
table.variations del,.woocommerce-grouped-product-list-item del{
    margin-left:12px
}
.woocommerce-product-attributes th,.woocommerce-product-attributes td{
    border:1px solid var(--th-border-color)
}
.woocommerce-product-attributes th p:last-child,.woocommerce-product-attributes td p:last-child{
    margin-bottom:0
}
.woocommerce-grouped-product-list.group_table{
    border-collapse:collapse;
    margin-bottom:15px
}
.woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount{
    font-size:16px;
    color:var(--title-color)
}
.woocommerce-grouped-product-list.group_table label{
    margin:0 0 0 10px;
    margin:0 0 0 10px;
    font-family:var(--title-font);
    font-size:18px
}
.woocommerce-grouped-product-list.group_table .qty-input{
    border-color:#e3e6e9
}
.woocommerce-grouped-product-list.group_table tr{
    border-bottom:1px solid #e3e6e9
}
.woocommerce-grouped-product-list.group_table tr:last-child{
    border-bottom:none
}
.woocommerce-grouped-product-list.group_table td{
    padding:30px 5px
}
table.variations{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    position:relative
}
table.variations td{
    padding:0
}
table.variations td.label{
    padding-right:10px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
table.variations select{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    font-weight:400;
    line-height:1.5;
    vertical-align:middle;
    margin:0;
    padding-right:54px;
    padding-left:20px;
    height:50px
}
table.variations .reset_variations{
    margin-left:16px;
    display:inline-block;
    position:absolute;
    left:100%;
    bottom:25px
}
.woosq-product .product .woocommerce-grouped-product-list-item__quantity,.woosq-product .product .woocommerce-grouped-product-list-item__label,.woosq-product .product .woocommerce-grouped-product-list-item__price{
    width:auto !important
}
.woocommerce-grouped-product-list-item__label:after,.woocommerce-grouped-product-list-item__price:after{
    display:none
}
.woocommerce-variation.single_variation{
    margin-bottom:30px
}
.woocommerce-variation.single_variation .price{
    color:var(--title-color);
    font-weight:700
}
.wooscp-table-items td.woocommerce-product-attributes-item__value{
    padding-left:15px !important
}
.wooscp-table-items a.added_to_cart.wc-forward{
    margin-left:15px;
    text-decoration:underline
}
.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open{
    z-index:1111
}
table.woocommerce-product-attributes{
    margin-bottom:30px
}
#woosq-popup .product_meta{
    margin-top:20px
}
#woosq-popup .product_title{
    font-size:24px;
    margin-bottom:5px
}
#woosq-popup .single-product .product .actions{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:20px
}
#woosq-popup .single-product .product .actions>div{
    height:auto;
    overflow:visible;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
#woosq-popup .single-product .product .actions>div .quantity.style2.woocommerce-grouped-product-list-item__quantity{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
.login-tab{
    margin-bottom:30px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.login-tab button.nav-link{
    background-color:var(--smoke-color);
    color:var(--title-color);
    padding:11px 39px;
    font-size:18px;
    font-weight:500;
    border-radius:15px ​15px 0
}
.login-tab button.nav-link.active{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.star-rating{
    overflow:hidden;
    position:relative;
    width:100px;
    height:1.2em;
    line-height:1.2em;
    display:block;
    font-family:var(--icon-font);
    font-weight:700;
    font-size:14px
}
.star-rating:before{
    content:"\e28b\e28b\e28b\e28b\e28b";
    color:#e1e1e1;
    float:left;
    top:0;
    left:0;
    position:absolute;
    letter-spacing:3px
}
.star-rating span{
    overflow:hidden;
    float:left;
    top:0;
    left:0;
    position:absolute;
    padding-top:1.5em
}
.star-rating span:before{
    content:"\e28b\e28b\e28b\e28b\e28b";
    top:0;
    position:absolute;
    left:0;
    color:var(--theme-color);
    letter-spacing:3px
}
.rating-select label{
    margin:0;
    margin-right:10px
}
.rating-select p.stars{
    margin-bottom:0;
    line-height:1
}
.rating-select p.stars a{
    position:relative;
    height:14px;
    width:18px;
    text-indent:-999em;
    display:inline-block;
    text-decoration:none
}
.rating-select p.stars a::before{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:18px;
    height:14px;
    line-height:1;
    font-family:var(--icon-font);
    content:"\e28b";
    font-weight:400;
    text-indent:0;
    color:var(--yellow-color)
}
.rating-select p.stars a:hover ~ a::before{
    content:"\e28b";
    font-weight:400
}
.rating-select p.stars:hover a::before{
    content:"\e28b";
    font-weight:700
}
.rating-select p.stars.selected a.active::before{
    content:"\e28b";
    font-weight:700
}
.rating-select p.stars.selected a.active ~ a::before{
    content:"\e28b";
    font-weight:400
}
.rating-select p.stars.selected a:not(.active)::before{
    content:"\e28b";
    font-weight:700
}
@media (max-width: 767px){
    .woocommerce-message,.woocommerce-info{
        font-size:14px;
        line-height:22px;
        padding:10px 15px 10px 37px
    }
    .woocommerce-message:before,.woocommerce-info:before{
        font-size:16px;
        top:10px;
        left:15px
    }
}
.th-product{
    text-align:center;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s;
    background-color:transparent;
    box-shadow:0px 3px 15px rgba(0,0,0,0.05);
    border-radius:0px;
    padding:0px
}
.th-product .product-title{
    font-size:24px;
    margin:4px 0 6px 0;
    font-weight:700;
    color:var(--white-color)
}
.th-product .product-title a{
    color:inherit
}
.th-product .product-title a:hover{
    color:var(--theme-color)
}
.th-product .category,.th-product .product-category{
    color:var(--body-color);
    margin-bottom:0px;
    display:block
}
.th-product .category:hover,.th-product .product-category:hover{
    color:var(--theme-color)
}
.th-product .product-tag{
    font-size:14px;
    position:absolute;
    top:15px;
    left:15px;
    background-color:var(--black-color3);
    border:1px solid var(--theme-color);
    color:var(--white-color);
    padding:0 12px;
    min-width:60px;
    z-index:3;
    border-radius:10px;
    line-height:24px
}
.th-product .woocommerce-product-rating{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px;
    margin-top:8px;
    margin-bottom:5px
}
.th-product .star-rating{
    margin:0 auto 0 auto;
    width:93px
}
.th-product .price{
    display:block;
    color:var(--theme-color);
    font-weight:400;
    font-size:16px;
    margin-bottom:-0.4em;
    font-family:var(--body-font)
}
.th-product .price del{
    margin-left:10px;
    color:#a9a9a9
}
.th-product .product-img{
    --space: 0px;
    overflow:hidden;
    position:relative;
    margin:0 0 23px 0;
    text-align:center;
    background-color:var(--black-color3);
    z-index:2;
    border-radius:20px
}
.th-product .product-img:before{
    --space: 0px;
    content:'';
    height:calc(100% - var(--space)*2);
    width:calc(100% - var(--space)*2);
    border-radius:inherit;
    position:absolute;
    top:var(--space);
    left:var(--space);
    background-color:var(--theme-color);
    z-index:1;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    visibility:hidden;
    opacity:0;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.th-product .product-img .overlay{
    opacity:0;
    -webkit-transition:0.4s;
    transition:0.4s
}
.th-product .product-img img{
    width:100%;
    -webkit-transition:all ease 0.4s;
    transition:all ease 0.4s;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.th-product .actions{
    position:absolute;
    top:20px;
    right:17px;
    text-align:center;
    z-index:3;
    opacity:0;
    visibility:hidden;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    display:grid;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    width:40px
}
.th-product .actions .icon-btn{
    --btn-size: 36px;
    font-size:12px;
    border-color:var(--theme-color3);
    color:var(--white-color);
    border-radius:99px;
    margin-bottom:10px;
    background:var(--black-color3)
}
.th-product .actions .icon-btn:hover{
    color:var(--white-color);
    border-color:var(--theme-color)
}
.th-product .actions>*{
    margin:0 0
}
.th-product .actions>*>a{
    margin:0
}
.th-product .icon-btn{
    -webkit-transform:translateX(30px);
    -ms-transform:translateX(30px);
    transform:translateX(30px);
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
    width:40px;
    height:40px;
    line-height:40px;
    display:inline-block
}
.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,.th-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before{
    position:relative;
    top:0;
    left:0;
    line-height:inherit;
    margin:0;
    font-size:24px
}
.th-product .tinv-wishlist a{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    background-color:var(--white-color);
    color:var(--title-color);
    border-radius:50%
}
.th-product .tinv-wishlist a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.th-product .add_to_cart_button.added{
    display:none
}
.th-product .added_to_cart{
    display:block;
    width:40px;
    height:40px;
    line-height:38px;
    background-color:var(--title-color);
    color:var(--white-color);
    font-size:0;
    text-align:center;
    border-radius:99px;
    border:none;
    margin-bottom:10px
}
.th-product .added_to_cart:after{
    content:"\f07a";
    position:relative;
    font-family:var(--icon-font);
    font-size:16px;
    font-weight:700
}
.th-product .added_to_cart:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.th-product .action-btn{
    background-color:var(--white-color);
    font-size:14px;
    font-family:var(--title-font);
    text-transform:uppercase;
    font-weight:bold;
    display:inline-block;
    padding:13px 25px
}
.th-product:hover .product-img img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.th-product:hover .product-img .overlay{
    opacity:1
}
.th-product:hover .product-img:before{
    opacity:0
}
.th-product:hover .actions{
    margin-top:0;
    opacity:1;
    visibility:visible
}
.th-product:hover .icon-btn{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.th-product.list-view{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    text-align:left;
    height:100%;
    padding:10px
}
.th-product.list-view .product-img{
    --space: 0px;
    width:100%;
    width:87px;
    margin:0;
    border-radius:10px
}
.th-product.list-view .product-img:before{
    --space: 0px
}
.th-product.list-view .product-category{
    font-size:13px;
    line-height:23px;
    margin-top:-3px
}
.th-product.list-view .star-rating{
    margin:5px 0 0 0;
    width:93px;
    font-size:12px
}
.th-product.list-view .product-content{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:0 4px 0 13px
}
.th-product.list-view .actions{
    --icon-gap-x: 2px;
    width:100%;
    right:0;
    text-align:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.th-product.list-view .actions .icon-btn{
    --btn-size: 36px;
    --btn-font-size: 14px;
    background-color:var(--theme-color2);
    color:var(--white-color);
    border:none
}
.th-product.list-view .actions .icon-btn:hover{
    background-color:var(--title-color)
}
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
    width:35px;
    height:35px;
    line-height:35px
}
.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,.th-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before{
    font-size:20px
}
.th-product.list-view .tinv-wishlist a{
    width:35px;
    height:35px;
    line-height:35px
}
.th-product.list-view .added_to_cart{
    width:35px;
    height:35px;
    line-height:35px
}
.th-product.list-view .added_to_cart:after{
    font-size:16px
}
.th-product.list-view .tag{
    top:8px;
    right:8px;
    padding:0px 15px
}
.th-product.list-view .product-title{
    font-size:14px;
    margin:0
}
.th-product.list-view .price{
    font-weight:600;
    font-size:13px;
    line-height:23px;
    color:var(--theme-color)
}
.product-list-area{
    margin-bottom:-24px
}
#productCarousel .slick-arrow{
    top:37.5%
}
.mfp-content{
    margin:1.5rem auto
}
.mfp-content .product-details-img{
    padding-top:15px
}
.mfp-content .product-about{
    padding-top:20px;
    padding-bottom:20px
}
.mfp-content .container{
    position:relative
}
.mfp-content .product-big-img{
    margin-top:12px;
    margin-bottom:12px
}
.mfp-fade.mfp-bg{
    opacity:0;
    -webkit-transition:all 0.15s ease-out;
    transition:all 0.15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:0.8
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    opacity:0;
    -webkit-transition:all 0.4s ease-out;
    transition:all 0.4s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
.mfp-woosq .mfp-close:before{
    color:var(--white-color)
}
.woosq-popup{
    border-radius:0px
}
.woosq-popup .product_meta>span>a:after,.woosq-popup .product_meta>span>span:after{
    display:none
}
.woosq-product>.product .summary{
    display:grid;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    background:var(--black-color3)
}
.woosq-product .thumbnails{
    background:var(--black-color3)
}
.woosq-product .thumbnails .slick-list{
    display:block
}
.woosq-product .thumbnails .slick-dots li button{
    width:12px;
    height:12px;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    background-color:var(--theme-color);
    opacity:0.4
}
.woosq-product .thumbnails .slick-dots li button:before{
    display:none
}
.woosq-product .thumbnails .slick-dots li.slick-active button{
    opacity:1
}
.woosq-product .tinv-wraper{
    display:none
}
.th-sort-bar{
    padding:10px;
    margin:0 0 24px 0;
    background-color:var(--black-color3);
    border-radius:10px
}
.th-sort-bar .row{
    --bs-gutter-x: 0;
    --bs-gutter-y: 15px
}
.th-sort-bar select{
    height:50px;
    border:1px solid var(--theme-color);
    background-color:var(--black-color3);
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    min-width:250px;
    font-size:16px;
    margin:0;
    color:var(--body-color);
    background-blend-mode:exclusion
}
.th-sort-bar .woocommerce-result-count{
    padding-left:15px;
    margin-bottom:0;
    color:var(--body-color)
}
.th-sort-bar .nav a{
    display:inline-block;
    height:50px;
    width:50px;
    line-height:50px;
    border:1px solid var(--th-border-color);
    background-color:var(--white-color);
    text-align:center;
    position:relative;
    font-family:var(--title-font);
    font-weight:600;
    font-size:16px;
    text-transform:capitalize;
    color:var(--body-color);
    margin:0 0 0 10px;
    border-radius:5px
}
.th-sort-bar .nav a.active,.th-sort-bar .nav a:hover{
    color:var(--theme-color)
}
.product-thumb-area{
    position:relative;
    margin-right:10px
}
.product-thumb-area .product-thumb-tab{
    position:absolute;
    top:0;
    left:0
}
.product-thumb-tab{
    --thumb: 120px;
    --gap: 10px;
    max-width:var(--thumb);
    margin-left:calc(0px - var(--thumb)/2);
    position:relative;
    z-index:3;
    display:grid;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    height:100%
}
.product-thumb-tab .tab-btn{
    background-color:var(--white-color);
    cursor:pointer;
    height:var(--thumb);
    width:var(--thumb);
    padding:var(--gap)
}
.product-thumb-tab .tab-btn img{
    max-width:100%
}
.product-thumb-tab .tab-btn:not(:last-of-type){
    margin-bottom:20px
}
.product-thumb-tab .indicator{
    position:absolute;
    top:calc(var(--pos-y) + var(--gap));
    left:calc(var(--pos-x) + var(--gap));
    width:calc(var(--width-set) - var(--gap)*2);
    height:calc(var(--height-set) - var(--gap)*2);
    border:2px solid var(--theme-color);
    pointer-events:none;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.product-big-img{
    background-color:var(--black-color3);
    text-align:center;
    overflow:hidden;
    border-radius:20px
}
.product-big-img .img{
    width:100%
}
.product-big-img .img img{
    width:100%;
    height:100%;
    object-fit:cover;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.product-big-img .slider-pagination{
    position:absolute;
    bottom:40px;
    left:0
}
.product-big-img .slick-dots{
    margin:-11px 0 0 0 !important;
    -webkit-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    transform:translateY(-30px);
    --border-color: #c0c0c0
}
.img-magnifier-container{
    position:relative
}
.img-magnifier-glass{
    position:absolute;
    box-shadow:inset 0 10px 18px rgba(0,0,0,0.2);
    border-radius:50%;
    cursor:none;
    width:200px;
    height:200px
}
.magnify{
    position:relative;
    cursor:none
}
.magnify .magnifier{
    height:180px;
    width:180px;
    position:absolute;
    z-index:20;
    box-shadow:inset 0 10px 18px rgba(0,0,0,0.2);
    border-radius:50%;
    background-size:700%;
    background-repeat:no-repeat;
    margin-left:-90px !important;
    margin-top:-90px !important;
    pointer-events:none;
    display:none
}
.magnify .magnified{
    display:block;
    z-index:10;
    margin:auto;
    width:100%;
    height:100%
}
.magnify img{
    width:100%;
    height:100%
}
.quantity{
    position:relative;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:middle
}
.quantity>.screen-reader-text{
    display:inline-block;
    font-weight:600;
    color:var(--title-color);
    font-family:var(--title-font);
    margin:0;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center;
    margin-right:10px
}
.quantity .qty-btn,.quantity .qty-input{
    display:inline-block;
    width:50px;
    height:50px;
    border:none;
    border-right:none;
    background-color:transparent;
    padding:0;
    border-radius:0;
    text-align:center;
    color:var(--body-color);
    font-size:18px;
    font-weight:600
}
.quantity .qty-btn:last-child,.quantity .qty-input:last-child{
    border-right:none
}
.quantity .qty-btn{
    font-size:16px
}
.product_meta{
    font-weight:700;
    font-size:16px;
    font-family:var(--body-font);
    margin:35px 0 0 0
}
.product_meta>span{
    display:block;
    margin-bottom:5px;
    color:var(--white-color);
    font-weight:bold
}
.product_meta>span:last-child{
    margin-bottom:0
}
.product_meta>span a{
    color:inherit
}
.product_meta>span a:hover{
    color:var(--theme-color)
}
.product_meta>span>a,.product_meta>span>span{
    position:relative;
    color:var(--body-color);
    font-weight:400
}
.product_meta>span>a:after,.product_meta>span>span:after{
    content:",";
    margin-right:5px
}
.product_meta>span>a:last-child:after,.product_meta>span>span:last-child:after{
    display:none
}
.product_meta>span>a:first-child,.product_meta>span>span:first-child{
    margin-left:7px
}
.product-tab-style1{
    --th-border-color: rgba(69, 248, 130, 0.2);
    border-bottom:1px solid var(--th-border-color);
    margin:95px auto 40px auto;
    padding-bottom:40px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:24px
}
#productTabContent{
    margin-bottom:-10px
}
#additional_information{
    margin-bottom:40px
}
.product-inner-list>ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.product-inner-list li{
    position:relative;
    padding-left:15px
}
.product-inner-list li:before{
    content:"-";
    position:absolute;
    left:0
}
.share-title{
    font-size:16px;
    font-weight:600;
    color:var(--title-color);
    margin-bottom:8px
}
.share-title i{
    color:var(--theme-color)
}
.summary-content .product-title,.product-about .product-title{
    margin:0 0 14px 0;
    color:var(--white-color)
}
.summary-content .product_title,.product-about .product_title{
    margin-bottom:20px !important;
    color:var(--white-color)
}
.summary-content>.price,.product-about>.price{
    font-family:var(--body-font);
    font-size:20px;
    font-weight:800;
    color:var(--white-color);
    display:block;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    margin-bottom:19px;
    margin-top:-0.2em
}
.summary-content>.price del,.product-about>.price del{
    color:var(--gray-color);
    font-weight:500;
    margin-left:15px
}
.summary-content .woocommerce-product-rating,.summary-content .product-rating,.product-about .woocommerce-product-rating,.product-about .product-rating{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:5px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    top:2px;
    font-size:16px;
    line-height:20px;
    padding:0 0 0 0;
    margin:0 0 0 0;
    margin-bottom:22px
}
.summary-content .woocommerce-product-rating .star-rating,.summary-content .product-rating .star-rating,.product-about .woocommerce-product-rating .star-rating,.product-about .product-rating .star-rating{
    width:80px;
    font-size:12px;
    margin-right:8px
}
.summary-content .woocommerce-review-link,.product-about .woocommerce-review-link{
    color:var(--body-color)
}
.summary-content .checklist,.product-about .checklist{
    margin:29px 0 29px 0
}
.summary-content .actions,.product-about .actions{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:15px;
    margin:35px 0 27px 0
}
.summary-content .actions .th-btn .btn-icon,.product-about .actions .th-btn .btn-icon{
    padding:10.5px 15px 10.5px 15px
}
.summary-content .actions .icon-btn,.product-about .actions .icon-btn{
    border-color:var(--theme-color);
    background-color:var(--theme-color);
    color:var(--title-color);
    border-radius:0px
}
.summary-content .actions .icon-btn:hover,.product-about .actions .icon-btn:hover{
    background-color:var(--theme-color2);
    border-color:var(--theme-color2)
}
.summary-content .share,.product-about .share{
    margin-top:25px
}
.summary-content .th-social a,.product-about .th-social a{
    --icon-size: 40px;
    line-height:38px;
    font-size:14px;
    border:1px solid var(--th-border-color);
    border-radius:0
}
.summary-content .th-social a:hover,.product-about .th-social a:hover{
    border-color:var(--theme-color)
}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt{
    width:56px;
    height:56px;
    line-height:54px;
    display:inline-block;
    border-radius:0px;
    background-color:var(--theme-color);
    color:var(--title-color);
    border:none
}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before{
    position:relative;
    top:0;
    left:0;
    line-height:inherit;
    margin:0;
    font-size:24px
}
.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,.summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt:hover,.product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt:hover{
    background-color:var(--theme-color2)
}
.summary-content .tinv-wishlist a,.product-about .tinv-wishlist a{
    display:inline-block;
    width:56px;
    height:56px;
    line-height:56px;
    border-radius:0
}
.summary-content .tinv-wishlist a:hover,.product-about .tinv-wishlist a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.summary-content .quantity,.product-about .quantity{
    position:relative;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center
}
.summary-content .quantity:after,.product-about .quantity:after{
    content:'';
    height:100%;
    width:1px;
    background-color:var(--th-border-color);
    position:absolute;
    top:0;
    left:55px
}
.summary-content .quantity .qty-input,.product-about .quantity .qty-input{
    width:112px;
    height:56px;
    border:1px solid var(--th-border-color);
    background-color:transparent;
    color:var(--white-color);
    padding:0 21px;
    text-align:left;
    font-weight:500;
    border-radius:0px
}
.summary-content .quantity .qty-btn,.product-about .quantity .qty-btn{
    color:var(--white-color);
    background-color:transparent;
    position:absolute;
    right:21px;
    height:auto;
    width:auto;
    border:none;
    line-height:16px
}
.summary-content .quantity .quantity-minus,.product-about .quantity .quantity-minus{
    bottom:10px;
    z-index:1
}
.summary-content .quantity .quantity-plus,.product-about .quantity .quantity-plus{
    top:10px
}
.woocommerce-Reviews .th-post-comment{
    border-radius:20px
}
.woocommerce-Reviews .th-post-comment .text{
    margin-bottom:-0.5em
}
.woocommerce-Reviews .th-comments-wrap{
    padding:0;
    margin-right:0 !important;
    box-shadow:none;
    margin:0;
    background:transparent;
    border-radius:0
}
.woocommerce-Reviews .th-comment-form{
    padding:50px;
    background-color:var(--black-color3);
    box-shadow:none;
    margin-right:0 !important;
    margin-top:28px;
    margin-bottom:40px
}
.woocommerce-Reviews .th-comment-form input[type="checkbox"]:checked ~ label:before,.woocommerce-Reviews .th-comment-form .form-control[type="checkbox"]:checked ~ label:before{
    color:var(--title-color)
}
.woocommerce-Reviews .th-comment-form label{
    color:var(--white-color)
}
.woocommerce-Reviews .th-comment-form .blog-inner-title{
    margin-bottom:10px
}
.woocommerce-Reviews .comment-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:0 24px;
    margin:-12px !important;
    margin-bottom:28px !important
}
.woocommerce-Reviews .comment-list li{
    width:49.95%
}
@media (max-width: 991px){
    .woocommerce-Reviews .comment-list li{
        width:100%
    }
}
.woocommerce-Reviews .th-post-comment{
    border:0 !important;
    padding:40px !important;
    margin:12px;
    background:var(--black-color3);
    border-radius:20px
}
.woocommerce-Reviews .th-post-comment .name{
    margin-bottom:3px
}
.woocommerce-Reviews .th-post-comment .commented-on{
    margin-bottom:12px
}
@media (max-width: 1199px){
    .woocommerce-Reviews .th-post-comment{
        padding:30px !important
    }
}
@media (max-width: 991px){
    .woocommerce-Reviews .comment-list{
        grid-template-columns:repeat(1, 1fr)
    }
    .woocommerce-Reviews .th-comment-form{
        padding:40px
    }
}
@media (max-width: 575px){
    .woocommerce-Reviews .th-comment-form{
        padding:40px 20px
    }
}
#description{
    margin-bottom:30px
}
.product-details .th-comments-wrap{
    margin-top:0
}
.product-details .border-title{
    position:relative;
    padding-bottom:20px;
    margin-bottom:40px
}
.product-details .border-title:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    height:2px;
    width:80px;
    background-color:var(--theme-color)
}
.product-inner-title{
    font-size:32px;
    border-bottom:1px solid var(--th-border-color);
    padding:0 0 7px 0;
    margin:0 0 30px 0
}
.related-product-wrapper{
    padding-top:115px
}
@media (max-width: 1399px){
    .th-product.list-view .product-img{
        max-width:150px
    }
}
@media (max-width: 1299px){
    .product-thumb-tab{
        --thumb: 100px;
        margin-left:-40px
    }
    .product-thumb-area{
        margin-right:0
    }
}
@media (max-width: 1199px){
    .th-sort-bar select{
        min-width:auto
    }
    .product-tab-style1{
        margin:55px 0 40px 0
    }
    .summary-content,.product-about{
        padding-left:0
    }
}
@media (max-width: 991px){
    .product-big-img{
        margin-bottom:40px
    }
    .product-thumb-tab{
        margin-left:-10px
    }
    .th-product-box.list-view .product-img{
        max-width:150px
    }
    .th-sort-bar .row{
        --bs-gutter-x: 20px
    }
    .th-sort-bar .nav a:last-child{
        margin-right:0;
        padding-right:0
    }
    .th-sort-bar .nav a:last-child:before{
        display:none
    }
    .woosq-product>.product .thumbnails{
        max-height:400px;
        min-height:200px;
        padding:10px
    }
}
@media (max-width: 767px){
    .th-sort-bar{
        text-align:center;
        padding:10px 15px 15px 15px
    }
    .th-sort-bar .nav{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .th-sort-bar select{
        margin:0 auto
    }
    .th-sort-bar .woocommerce-result-count{
        padding-left:0
    }
    .th-product-box.list-view .product-img{
        max-width:130px
    }
    .th-product-box.list-view .actions{
        --btn-size: 30px;
        --btn-font-size: 10px;
        --icon-gap-x: 2px
    }
}
@media (max-width: 575px){
    .product-about .actions{
        gap:15px 15px
    }
    .product-thumb-tab{
        --thumb: 74px;
        --gap: 6px
    }
    .product-thumb-tab .tab-btn:not(:last-of-type){
        margin-bottom:10px
    }
    .product-grid{
        max-width:340px;
        margin-left:auto;
        margin-right:auto
    }
}
@media (max-width: 375px){
    .th-product.list-view .product-img{
        max-width:130px
    }
    .th-product.list-view .product-content{
        padding:0 15px
    }
}
button.tinvwl_button_close.th-btn .ftinvwl.ftinvwl-times,button.tinvwl_button_view.th-btn .ftinvwl.ftinvwl-heart-o{
    top:-3px
}
.woocommerce-cart-form{
    text-align:center
}
.cart_table{
    border:1px solid var(--th-border-color);
    margin-bottom:45px
}
.cart_table thead{
    background-color:var(--black-color3)
}
.cart_table thead th{
    border:none !important
}
.cart_table td:before,.cart_table th{
    font-family:var(--title-font);
    color:var(--white-color);
    font-weight:800;
    border:none;
    padding:27px 15px
}
.cart_table td:before{
    content:attr(data-title);
    position:absolute;
    left:15px;
    top:50%;
    vertical-align:top;
    padding:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    display:none
}
.cart_table td{
    border:none;
    border-bottom:1px solid var(--th-border-color);
    color:#8b8b8b;
    padding:20px 10px;
    position:relative;
    vertical-align:middle
}
.cart_table .product-quantity{
    color:var(--title-color)
}
.cart_table .product-quantity input{
    position:relative;
    top:-2px
}
.cart_table .cart-productname{
    font-weight:400;
    font-family:var(--body-font);
    color:var(--body-color)
}
.cart_table .cart-productname:hover{
    color:var(--white-color)
}
.cart_table .cart-productimage{
    display:inline-block;
    border:2px solid var(--th-border-color)
}
.cart_table .remove{
    color:var(--theme-color);
    font-size:18px
}
.cart_table .quantity{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.cart_table td.product-quantity{
    min-width:155px
}
.cart_table .qty-btn{
    border:2px solid var(--th-border-color) !important;
    background-color:transparent;
    color:#b8c6d0;
    padding:0;
    width:30px;
    height:30px;
    line-height:28px;
    font-size:14px;
    border-radius:4px
}
.cart_table .qty-btn:hover{
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color:var(--title-color)
}
.cart_table .qty-input{
    vertical-align:middle;
    border:2px solid var(--th-border-color);
    width:60px;
    height:30px;
    font-size:14px;
    text-align:center;
    color:var(--white-color);
    font-weight:700;
    margin:0 3px;
    border-radius:4px;
    padding:0
}
.cart_table .qty-input::-moz-placeholder{
    color:var(--title-color)
}
.cart_table .qty-input::-webkit-input-placeholder{
    color:var(--title-color)
}
.cart_table .qty-input:-ms-input-placeholder{
    color:var(--title-color)
}
.cart_table .qty-input::-ms-input-placeholder{
    color:var(--title-color)
}
.cart_table .qty-input::placeholder{
    color:var(--title-color)
}
.cart_table .qty-input::-webkit-outer-spin-button,.cart_table .qty-input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
.cart_table .qty-input[type="number"]{
    -moz-appearance:textfield
}
.cart_table .actions{
    text-align:right;
    vertical-align:middle;
    padding-left:20px;
    padding-right:20px
}
.cart_table .actions>.th-btn{
    font-size:16px;
    padding:20px 28px;
    margin-right:15px
}
.cart_table .actions>.th-btn:last-child{
    margin-right:0
}
.cart_table .th-cart-coupon{
    float:left;
    margin:0;
    width:455px;
    max-width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.cart_table .th-cart-coupon input{
    width:calc(100% - 200px);
    margin-right:10px;
    background:var(--black-color3);
    color:var(--white-color)
}
.cart_table .th-cart-coupon .th-btn{
    font-size:16px;
    padding:20px 25px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
.cart_totals{
    border:1px solid var(--black-color3)
}
.cart_totals th,.cart_totals td{
    vertical-align:top;
    padding:20px 20px;
    border:none;
    border-bottom:1px solid var(--black-color3);
    font-size:14px;
    color:var(--white-color);
    width:55%
}
.cart_totals th:first-child,.cart_totals td:first-child{
    width:45%;
    background-color:var(--black-color3);
    font-weight:700;
    font-size:14px;
    color:var(--white-color)
}
.cart_totals .shipping-calculator-button{
    display:inline-block;
    border-bottom:1px solid;
    color:var(--white-color);
    font-weight:700
}
.cart_totals .shipping-calculator-button:hover{
    color:var(--theme-color)
}
.cart_totals .woocommerce-shipping-destination{
    margin-bottom:10px
}
.cart_totals .woocommerce-shipping-methods{
    margin-bottom:0
}
.cart_totals .woocommerce-shipping-methods label{
    color:var(--white-color)
}
.cart_totals .woocommerce-shipping-methods input[type="radio"] ~ label::before{
    background:var(--black-color3)
}
.cart_totals .woocommerce-shipping-methods input[type="radio"]:checked ~ label::before{
    color:var(--title-color);
    background:var(--theme-color)
}
.cart_totals .shipping-calculator-form{
    display:none
}
.cart_totals .shipping-calculator-form p:first-child{
    margin-top:20px
}
.cart_totals .shipping-calculator-form p:last-child{
    margin-bottom:0
}
.cart_totals .shipping-calculator-form .form-control,.cart_totals .shipping-calculator-form .form-select{
    border:1px solid var(--theme-color)
}
.cart_totals .amount{
    font-weight:700
}
.cart_totals .order-total .amount{
    color:var(--theme-color)
}
.empty-notice{
    margin:40px auto
}
@media (max-width: 991px){
    .cart_table th{
        padding:23px 8px;
        font-size:14px
    }
    .cart_table .cart-productname{
        font-size:14px
    }
    .cart_table .th-cart-coupon{
        width:100%;
        margin-bottom:20px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .cart_table .actions{
        text-align:center
    }
    .cart_table .cart-productimage{
        max-width:100px
    }
}
@media (max-width: 767px){
    .cart_table{
        text-align:left;
        min-width:auto;
        border-collapse:separate;
        border-spacing:0 20px;
        border:none
    }
    .cart_table thead{
        display:none
    }
    .cart_table td{
        padding:15px;
        display:block;
        width:100%;
        padding-left:25%;
        text-align:right;
        border:1px solid var(--th-border-color);
        border-bottom:none
    }
    .cart_table td::before{
        display:block
    }
    .cart_table td:last-child{
        border-bottom:1px solid var(--th-border-color)
    }
    .cart_table td.actions{
        padding-left:15px;
        text-align:center
    }
    .cart_table td.actions>.th-btn{
        margin-top:10px;
        margin-right:0;
        display:block;
        width:-webkit-max-content;
        width:-moz-max-content;
        width:max-content;
        margin-left:auto;
        margin-right:auto
    }
    .cart_table td.actions>.th-btn:last-child{
        margin-right:auto
    }
    .cart_table .th-cart-coupon{
        width:100%;
        text-align:center;
        float:none;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        display:block;
        padding-bottom:10px
    }
    .cart_table .th-cart-coupon input{
        width:100%;
        margin-bottom:10px
    }
    .cart_totals th,.cart_totals td{
        padding:15px 10px
    }
    .cart_totals th:first-child,.cart_totals td:first-child{
        width:17%;
        line-height:1.4
    }
}
.woocommerce-checkout .form-group,.woocommerce-checkout .form-row{
    margin-bottom:0
}
.woocommerce-checkout .form-select,.woocommerce-checkout .select2-container,.woocommerce-checkout .form-control{
    margin-bottom:0;
    border:1px solid var(--th-border-color);
    background:transparent;
    color:var(--body-color);
    border-radius:10px
}
.woocommerce-checkout .select2-container--open .select2-dropdown--below{
    margin-top:0
}
.woocommerce-checkout .select2-container--open .select2-dropdown--above{
    position:relative;
    bottom:0
}
.woocommerce-checkout .select2-dropdown{
    border:none;
    border-top:none
}
.woocommerce-checkout .select2-container--default .select2-selection--single{
    border-radius:27px
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,.woocommerce-checkout .select2-container--default .select2-selection--single .form-control:focus{
    color:var(--body-color)
}
.woocommerce-checkout .shipping_address{
    margin-top:-3px
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border:1px solid transparent;
    padding:0
}
.woocommerce-form-login select,.woocommerce-form-login .form-select,.woocommerce-form-login .form-control,.woocommerce-form-login .select2,.woocommerce-form-login .select2-container,.woocommerce-form-coupon select,.woocommerce-form-coupon .form-select,.woocommerce-form-coupon .form-control,.woocommerce-form-coupon .select2,.woocommerce-form-coupon .select2-container,.woocommerce-checkout select,.woocommerce-checkout .form-select,.woocommerce-checkout .form-control,.woocommerce-checkout .select2,.woocommerce-checkout .select2-container{
    margin-bottom:var(--bs-gutter-x)
}
#ship-to-different-address{
    margin-top:15px
}
.select2-container--default .select2-selection--single{
    height:56px;
    border:1px solid transparent;
    background-color:var(--smoke-color2);
    border-radius:27px
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:56px;
    padding-left:25px;
    padding-right:25px
}
.woocommerce-billing-fields .form-row{
    margin-bottom:0
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    content:"\f107";
    font-family:var(--icon-font)
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin:0;
    border:none;
    top:0
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:56px;
    line-height:56px;
    margin-right:30px
}
span.select2-selection.select2-selection--single:focus{
    outline:none
}
.checkout-ordertable th,.checkout-ordertable td{
    border:1px solid var(--th-border-color);
    text-align:right;
    padding:5px 20px;
    vertical-align:top;
    font-size:14px;
    font-weight:600;
    color:var(--body-color)
}
.checkout-ordertable th{
    font-weight:800;
    text-align:left
}
.checkout-ordertable ul{
    margin:0;
    padding:0
}
.checkout-ordertable .order-total .amount{
    color:var(--theme-color)
}
.checkout-ordertable input[type="hidden"] ~ label{
    color:var(--theme-color)
}
.woocommerce-checkout .form-group input:not(:last-child){
    margin-bottom:var(--bs-gutter-x)
}
.woocommerce-checkout-payment{
    text-align:left
}
.woocommerce-checkout-payment ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.woocommerce-checkout-payment ul li{
    padding-top:12px;
    border-bottom:1px solid var(--th-border-color);
    border-radius:0;
    font-size:16px
}
.woocommerce-checkout-payment ul input[type="radio"] ~ label{
    margin-bottom:17px;
    color:var(--body-color)
}
.woocommerce-checkout-payment ul input[type="radio"] ~ label img{
    margin-bottom:-2px;
    margin-left:10px
}
.woocommerce-checkout-payment .place-order{
    padding-top:30px
}
.woocommerce-checkout-payment .payment_box{
    color:var(--body-color);
    background-color:var(--black-color3);
    border:1px solid var(--th-border-color);
    border-bottom:none;
    font-size:14px;
    padding:10px 20px;
    border-radius:4px;
    display:none
}
.woocommerce-checkout-payment .payment_box p{
    margin:0
}
.th-checkout-wrapper form.woocommerce-form{
    margin-bottom:30px
}
@media (max-width: 767px){
    tfoot.checkout-ordertable th{
        display:none
    }
    .woocommerce-checkout-payment ul input[type="radio"] ~ label img{
        max-width:150px
    }
    .checkout-ordertable th,.checkout-ordertable td{
        padding:5px 20px 5px 60px
    }
}
.wc-block-components-notice-banner.is-info{
    background:var(--black-color3) !important
}
.wc-block-components-notice-banner{
    color:var(--white-color) !important
}
.woocommerce-checkout .select2-container--default .select2-selection--single{
    border-radius:10px;
    background:transparent;
    border:0;
    height:auto;
    margin:0
}
.tinv-wishlist input[type="checkbox"]{
    display:inline-block;
    opacity:1;
    visibility:visible;
    vertical-align:middle;
    width:auto;
    height:auto
}
.tinv-wishlist .tinv-header{
    margin-top:-0.8rem;
    text-transform:capitalize
}
.tinv-wishlist .cart-empty{
    padding:14px 25px;
    font-weight:700;
    font-size:14px;
    padding-left:45px;
    border-radius:8px
}
.tinv-wishlist p.return-to-shop .button{
    display:inline-block;
    background-color:var(--theme-color);
    color:#fff;
    font-size:14px;
    padding:10px 25px;
    margin-top:10px;
    font-weight:700
}
.tinv-wishlist p.return-to-shop .button:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.tinv-wishlist table{
    border:none
}
.tinv-wishlist table th{
    color:var(--white-color)
}
.tinv-wishlist table td,.tinv-wishlist table th{
    padding:15.3px 10px;
    border-bottom:1px solid var(--th-border-color);
    text-align:center
}
.tinv-wishlist table thead{
    background-color:var(--black-color3)
}
.tinv-wishlist .product-cb,.tinv-wishlist .product-remove{
    width:40px;
    text-align:center
}
.tinv-wishlist .product-thumbnail{
    width:110px
}
.tinv-wishlist .stock.in-stock{
    margin-bottom:0
}
.tinv-wishlist ins{
    text-decoration:none
}
.tinv-wishlist .product-remove button{
    border:none;
    height:22px;
    width:22px;
    text-align:center;
    font-size:12px;
    line-height:22px;
    border-radius:0;
    padding-top:0
}
.tinv-wishlist .product-remove button i{
    line-height:22px;
    font-size:16px
}
.tinv-wishlist .tinvwl-mobile{
    display:none
}
.tinv-wishlist .social-buttons{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    max-width:295px;
    margin-left:auto;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.tinv-wishlist .social-buttons ul{
    padding-left:0;
    margin-bottom:0;
    margin-left:auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:6px
}
.tinv-wishlist table.tinvwl-table-manage-list{
    font-size:16px
}
.tinv-wishlist .product-stock .stock{
    display:block
}
.tinv-wishlist .product-stock span{
    display:inline
}
.tinv-wishlist .product-stock i{
    margin-right:5px
}
.tinv-wishlist .tinv-modal .icon_big_times{
    margin-bottom:5px;
    color:var(--theme-color)
}
.tinv-wishlist button.button{
    border:none;
    height:38px;
    line-height:38px;
    font-size:14px;
    font-weight:600;
    background-color:var(--theme-color);
    color:var(--title-color);
    padding:1px 15px;
    min-width:140px
}
.tinv-wishlist button.button i{
    font-size:18px !important;
    margin-right:3px !important
}
.tinv-wishlist button.button:hover{
    background-color:var(--theme-color2)
}
.tinv-wishlist .tinvwl-buttons-group button i{
    font-size:14px
}
.tinv-wishlist th,.tinv-wishlist td.product-name{
    font-size:16px;
    font-weight:700;
    font-family:var(--title-font)
}
.tinv-wishlist td.product-name a{
    color:var(--body-color)
}
.tinv-wishlist td.product-name a:hover{
    color:var(--theme-color)
}
.tinv-wishlist td.product-price del{
    margin-left:8px;
    font-size:0.9em
}
.tinv-wishlist .social-buttons>span{
    font-weight:700;
    margin-right:10px;
    font-family:var(--title-font);
    color:var(--title-color)
}
.tinv-wishlist .social-buttons li{
    display:inline-block;
    margin-right:0
}
.tinv-wishlist .social-buttons li a.social{
    background-color:var(--theme-color);
    color:var(--title-color);
    width:30px;
    height:30px;
    line-height:30px;
    font-size:14px;
    display:inline-block;
    text-align:center;
    border-radius:50px;
    margin-left:3px
}
.tinv-wishlist .social-buttons li a.social:first-child{
    margin-left:0
}
.tinv-wishlist .social-buttons li a.social i{
    line-height:inherit
}
.tinv-wishlist .social-buttons li a.social:hover{
    background-color:var(--theme-color2)
}
@media (max-width: 991px){
    .tinvwl-full{
        display:none
    }
    .tinv-wishlist .tinvwl-mobile{
        display:block
    }
    .tinvwl-txt{
        display:inline-block !important
    }
    .product-stock{
        width:40px;
        text-align:center
    }
}
@media (max-width: 767px){
    .tinv-wishlist table{
        table-layout:fixed;
        border-bottom:1px solid var(--th-border-color)
    }
    .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove,.tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name){
        display:none
    }
    .tinv-wishlist table td,.tinv-wishlist table th{
        border:1px solid var(--th-border-color)
    }
    .tinv-wishlist table.tinvwl-table-manage-list tbody td{
        display:block;
        width:100% !important;
        text-align:center
    }
    .product-name{
        text-align:center
    }
    .tinv-wishlist table td,.tinv-wishlist table th{
        border-bottom:none
    }
    .tinv-wishlist table tfoot{
        border-bottom:1px solid var(--th-border-color)
    }
    .tinv-wishlist .social-buttons{
        max-width:100%;
        margin-left:unset;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .tinv-wishlist .social-buttons ul{
        margin-left:unset;
        margin-top:5px
    }
    .tinvwl-txt{
        display:inline-block !important
    }
}
.contact-sec-1{
    position:relative;
    -webkit-clip-path:polygon(0 0, calc(50% - 330px) 0%, calc(50% - 256px) 72px, calc(50% + 256px) 72px, calc(50% + 330px) 0, 100% 0, 100% 100%, calc(50% + 330px) 100%, calc(50% + 256px) calc(100% - 72px), calc(50% - 256px) calc(100% - 72px), calc(50% - 330px) 100%, 0 100%);
    clip-path:polygon(0 0, calc(50% - 330px) 0%, calc(50% - 256px) 72px, calc(50% + 256px) 72px, calc(50% + 330px) 0, 100% 0, 100% 100%, calc(50% + 330px) 100%, calc(50% + 256px) calc(100% - 72px), calc(50% - 256px) calc(100% - 72px), calc(50% - 330px) 100%, 0 100%)
}
.contact-sec-1:after{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    height:100%;
    width:4px;
    background:var(--title-color);
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0)
}
@media (max-width: 1399px){
    .contact-sec-1:after{
        display:none
    }
}
@media (max-width: 991px){
    .contact-sec-1{
        -webkit-clip-path:none;
        clip-path:none
    }
}
.contact-wrap-1{
    max-width:1720px;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 1800px){
    .contact-wrap-1{
        margin-left:100px;
        margin-right:100px
    }
}
@media (max-width: 1500px){
    .contact-wrap-1{
        margin-left:50px;
        margin-right:50px
    }
}
@media (max-width: 575px){
    .contact-wrap-1{
        margin:0 15px
    }
}
.contact-page-1{
    max-width:1464px;
    margin-left:auto;
    margin-right:auto
}
.contact-feature{
    padding:25px 25px 18px;
    border-radius:20px;
    border:1px solid var(--th-border-color);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:25px;
    background:var(--black-color3)
}
.contact-feature:not(:last-child){
    margin-bottom:24px
}
@media (max-width: 1300px) and (min-width: 1200px){
    .contact-feature{
        padding:14px 10px 14px 14px
    }
}
.contact-feature-icon{
    -webkit-align-self:self-start;
    -ms-flex-item-align:self-start;
    align-self:self-start
}
.contact-feature .box-title{
    font-weight:600;
    color:var(--white-color);
    margin-bottom:4px
}
.contact-feature .contact-feature_link{
    color:var(--body-color);
    font-size:16px;
    font-weight:400;
    display:block
}
.contact-map{
    line-height:0px;
    width:100%;
    margin:0 auto;
    overflow:hidden
}
.contact-map iframe{
    width:100%;
    height:680px
}
@media (max-width: 1199px){
    .contact-map iframe{
        height:400px
    }
}
@media (max-width: 991px){
    .contact-map iframe{
        height:350px
    }
}
.contact-sec-2 textarea.form-control,.contact-sec-2 textarea{
    min-height:215px
}
.contact-wrap2{
    background:var(--black-color2);
    padding:80px;
    -webkit-clip-path:polygon(77px 0, 100% 0, 100% calc(100% - 77px), calc(100% - 77px) 100%, 0 100%, 0 77px);
    clip-path:polygon(77px 0, 100% 0, 100% calc(100% - 77px), calc(100% - 77px) 100%, 0 100%, 0 77px)
}
@media (max-width: 767px){
    .contact-wrap2{
        padding:60px
    }
}
@media (max-width: 375px){
    .contact-wrap2{
        padding:30px;
        -webkit-clip-path:none;
        clip-path:none
    }
}
.contact-wrap2 .contact-feature2:not(:last-child){
    margin-bottom:50px
}
.contact-wrap2 .contact-feature2 .box-title{
    color:var(--white-color);
    font-size:24px;
    font-weight:600
}
.contact-wrap2 .contact-feature2 .contact-feature_link{
    color:var(--body-color)
}
.about-title-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:15px
}
.about-title-wrap .about-title-thumb{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
@media (max-width: 375px){
    .about-title-wrap{
        display:block
    }
    .about-title-wrap .about-title-thumb{
        margin-bottom:20px
    }
}
.about-grid{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px
}
.about-grid:not(:last-child){
    margin-bottom:33px
}
.about-grid .icon{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.about-grid .about-grid-details .about-grid_title{
    color:var(--white-color);
    font-weight:600;
    margin-bottom:10px
}
.about-grid .about-grid-details .about-grid_text{
    margin-bottom:-0.3em
}
@media (max-width: 375px){
    .about-grid{
        display:block
    }
    .about-grid .icon{
        margin-bottom:20px
    }
}
.img-box1{
    position:relative;
    z-index:2;
    width:100%;
    display:inline-block
}
.img-box2{
    position:relative
}
.img-box2:after{
    content:'';
    position:absolute;
    width:528px;
    height:28px;
    border-radius:528px;
    background:var(--theme-color3);
    -webkit-filter:blur(100px);
    filter:blur(100px);
    bottom:50px;
    z-index:-1
}
@media (max-width: 1299px){
    .img-box2{
        padding-right:60px
    }
}
@media (max-width: 1199px){
    .img-box2{
        text-align:center;
        padding-right:0
    }
}
.about-feature-slider1{
    height:550px;
    overflow:hidden;
    padding-bottom:40px
}
.about-feature-slider1 .swiper-slide-active .about-feature{
    border-color:var(--theme-color)
}
.about-feature-wrap{
    margin-left:-27px
}
.about-feature{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    border-radius:30px;
    border:1px solid var(--th-border-color);
    padding:30px;
    gap:30px;
    -webkit-transition:0.4s;
    transition:0.4s
}
.about-feature .about-feature-icon{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    -webkit-align-self:self-start;
    -ms-flex-item-align:self-start;
    align-self:self-start
}
.about-feature .about-feature-title{
    color:var(--white-color);
    font-size:30px;
    margin-top:-0.3em;
    margin-bottom:12px
}
.about-feature .about-feature-text{
    margin-bottom:-0.5em
}
@media (max-width: 1299px){
    .about-feature-wrap{
        margin-left:-50px
    }
    .about-feature .about-feature-text{
        font-size:14px
    }
}
@media (max-width: 1199px){
    .about-feature-wrap{
        margin-left:0px
    }
    .about-feature-slider1{
        height:480px;
        padding-top:2px
    }
}
@media (max-width: 991px){
    .about-feature-slider1{
        height:520px
    }
    .about-feature .about-feature-content{
        max-width:400px
    }
}
@media (max-width: 767px){
    .about-feature-slider1{
        height:350px
    }
}
@media (max-width: 575px){
    .about-feature-slider1{
        height:400px
    }
}
@media (max-width: 375px){
    .about-feature-slider1{
        height:560px
    }
    .about-feature{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media (max-width: 320px){
    .about-feature-slider1{
        height:610px
    }
}
.img-box3 img{
    border-radius:30px
}
.about-wrap3{
    position:relative
}
.about-wrap3 .title-area{
    margin-bottom:75px
}
.about-wrap3 .about-content{
    padding:73px 0 0 56px
}
.about-wrap3 .about-experience-tag{
    left:50%;
    top:50%
}
.about-wrap3 .about-tag{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    height:248px
}
.about-wrap3 .about-tag .about-experience-tag{
    position:initial
}
.about-wrap3 .about-tag .about-tag-icon{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
@media (max-width: 1199px){
    .about-wrap3 .title-area{
        margin-bottom:45px
    }
    .about-wrap3 .about-content{
        padding:43px 0 0 0px
    }
}
.about-experience-tag{
    background:var(--title-color);
    display:inline-block;
    height:248px;
    width:248px;
    border-radius:50%;
    z-index:1;
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--theme-color);
    line-height:12px;
    text-align:center;
    animation:spin 10s infinite alternate-reverse
}
.about-experience-tag:after,.about-experience-tag:before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    background:transparent;
    border:1px solid var(--theme-color);
    height:45%;
    width:45%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    border-radius:50%
}
.about-experience-tag:after{
    height:calc(100% - 40px);
    width:calc(100% - 40px)
}
.about-experience-tag span{
    --rotate-letter: 12deg;
    height:85px;
    position:absolute;
    width:20px;
    left:44%;
    top:19px;
    -webkit-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-transform:rotate(var(--rotate-letter));
    -ms-transform:rotate(var(--rotate-letter));
    transform:rotate(var(--rotate-letter))
}
.about-experience-tag span.char2{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 2));
    -ms-transform:rotate(calc(var(--rotate-letter) * 2));
    transform:rotate(calc(var(--rotate-letter) * 2))
}
.about-experience-tag span.char3{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 3));
    -ms-transform:rotate(calc(var(--rotate-letter) * 3));
    transform:rotate(calc(var(--rotate-letter) * 3))
}
.about-experience-tag span.char4{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 4));
    -ms-transform:rotate(calc(var(--rotate-letter) * 4));
    transform:rotate(calc(var(--rotate-letter) * 4))
}
.about-experience-tag span.char5{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 5));
    -ms-transform:rotate(calc(var(--rotate-letter) * 5));
    transform:rotate(calc(var(--rotate-letter) * 5))
}
.about-experience-tag span.char6{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 6));
    -ms-transform:rotate(calc(var(--rotate-letter) * 6));
    transform:rotate(calc(var(--rotate-letter) * 6))
}
.about-experience-tag span.char7{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 7));
    -ms-transform:rotate(calc(var(--rotate-letter) * 7));
    transform:rotate(calc(var(--rotate-letter) * 7))
}
.about-experience-tag span.char8{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 8));
    -ms-transform:rotate(calc(var(--rotate-letter) * 8));
    transform:rotate(calc(var(--rotate-letter) * 8))
}
.about-experience-tag span.char9{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 9));
    -ms-transform:rotate(calc(var(--rotate-letter) * 9));
    transform:rotate(calc(var(--rotate-letter) * 9))
}
.about-experience-tag span.char10{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 10));
    -ms-transform:rotate(calc(var(--rotate-letter) * 10));
    transform:rotate(calc(var(--rotate-letter) * 10))
}
.about-experience-tag span.char11{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 11));
    -ms-transform:rotate(calc(var(--rotate-letter) * 11));
    transform:rotate(calc(var(--rotate-letter) * 11))
}
.about-experience-tag span.char12{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 12));
    -ms-transform:rotate(calc(var(--rotate-letter) * 12));
    transform:rotate(calc(var(--rotate-letter) * 12))
}
.about-experience-tag span.char13{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 13));
    -ms-transform:rotate(calc(var(--rotate-letter) * 13));
    transform:rotate(calc(var(--rotate-letter) * 13))
}
.about-experience-tag span.char14{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 14));
    -ms-transform:rotate(calc(var(--rotate-letter) * 14));
    transform:rotate(calc(var(--rotate-letter) * 14))
}
.about-experience-tag span.char15{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 15));
    -ms-transform:rotate(calc(var(--rotate-letter) * 15));
    transform:rotate(calc(var(--rotate-letter) * 15))
}
.about-experience-tag span.char16{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 16));
    -ms-transform:rotate(calc(var(--rotate-letter) * 16));
    transform:rotate(calc(var(--rotate-letter) * 16))
}
.about-experience-tag span.char17{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 17));
    -ms-transform:rotate(calc(var(--rotate-letter) * 17));
    transform:rotate(calc(var(--rotate-letter) * 17))
}
.about-experience-tag span.char18{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 18));
    -ms-transform:rotate(calc(var(--rotate-letter) * 18));
    transform:rotate(calc(var(--rotate-letter) * 18))
}
.about-experience-tag span.char19{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 19));
    -ms-transform:rotate(calc(var(--rotate-letter) * 19));
    transform:rotate(calc(var(--rotate-letter) * 19))
}
.about-experience-tag span.char20{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 20));
    -ms-transform:rotate(calc(var(--rotate-letter) * 20));
    transform:rotate(calc(var(--rotate-letter) * 20))
}
.about-experience-tag span.char21{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 21));
    -ms-transform:rotate(calc(var(--rotate-letter) * 21));
    transform:rotate(calc(var(--rotate-letter) * 21))
}
.about-experience-tag span.char22{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 22));
    -ms-transform:rotate(calc(var(--rotate-letter) * 22));
    transform:rotate(calc(var(--rotate-letter) * 22))
}
.about-experience-tag span.char23{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 23));
    -ms-transform:rotate(calc(var(--rotate-letter) * 23));
    transform:rotate(calc(var(--rotate-letter) * 23))
}
.about-experience-tag span.char24{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 24));
    -ms-transform:rotate(calc(var(--rotate-letter) * 24));
    transform:rotate(calc(var(--rotate-letter) * 24))
}
.about-experience-tag span.char25{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 25));
    -ms-transform:rotate(calc(var(--rotate-letter) * 25));
    transform:rotate(calc(var(--rotate-letter) * 25))
}
.about-experience-tag span.char26{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 26));
    -ms-transform:rotate(calc(var(--rotate-letter) * 26));
    transform:rotate(calc(var(--rotate-letter) * 26))
}
.about-experience-tag span.char27{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 27));
    -ms-transform:rotate(calc(var(--rotate-letter) * 27));
    transform:rotate(calc(var(--rotate-letter) * 27))
}
.about-experience-tag span.char28{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 28));
    -ms-transform:rotate(calc(var(--rotate-letter) * 28));
    transform:rotate(calc(var(--rotate-letter) * 28))
}
.about-experience-tag span.char29{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 29));
    -ms-transform:rotate(calc(var(--rotate-letter) * 29));
    transform:rotate(calc(var(--rotate-letter) * 29))
}
.about-experience-tag span.char30{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 30));
    -ms-transform:rotate(calc(var(--rotate-letter) * 30));
    transform:rotate(calc(var(--rotate-letter) * 30))
}
.about-experience-tag span.char31{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 31));
    -ms-transform:rotate(calc(var(--rotate-letter) * 31));
    transform:rotate(calc(var(--rotate-letter) * 31))
}
.about-experience-tag span.char32{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 32));
    -ms-transform:rotate(calc(var(--rotate-letter) * 32));
    transform:rotate(calc(var(--rotate-letter) * 32))
}
.img-box4{
    position:relative;
    display:inline-block
}
.img-box4 .img2{
    position:absolute;
    right:0;
    bottom:0;
    margin-left:-300px;
    z-index:-1
}
.about-wrap4 .counter-card .box-number{
    font-size:64px
}
.about-wrap4 .counter-card .box-text{
    font-size:18px
}
.th-team{
    position:relative
}
.th-team .team-img{
    position:relative;
    overflow:hidden
}
.th-team .team-img img{
    width:100%;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.th-team .team-desig{
    font-size:14px;
    font-weight:500;
    display:block;
    margin-bottom:-0.45em;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    color:var(--theme-color)
}
.th-team .th-social{
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.th-team .th-social a{
    --icon-size: 40px;
    background-color:var(--white-color);
    color:var(--theme-color)
}
.th-team .th-social a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.th-team .box-title{
    margin-bottom:0
}
.team-sec-1:hover .team-slider1 .swiper-slide:nth-of-type(even){
    margin-top:100px
}
.team-slider1 .swiper-slide{
    -webkit-transition:all 1.5s ease-in-out;
    transition:all 1.5s ease-in-out
}
.team-slider1:hover .swiper-slide:nth-of-type(even){
    margin-top:100px
}
@media (min-width: 1599px) and (max-width: 1700px){
    .team-slider1 .slider-arrow{
        --pos-x: -20px
    }
}
.team-card{
    text-align:center;
    border:double 2px transparent;
    border-radius:10px;
    background-image:-webkit-linear-gradient(var(--black-color3), var(--black-color3)),-webkit-linear-gradient(left, var(--theme-color), var(--theme-color2));
    background-image:linear-gradient(var(--black-color3), var(--black-color3)),linear-gradient(to right, var(--theme-color), var(--theme-color2));
    background-origin:border-box;
    background-clip:content-box, border-box;
    margin-bottom:4px;
    position:relative
}
.team-card .team-card-corner{
    position:absolute;
    display:inline-block;
    width:34px;
    height:34px;
    left:0;
    top:0;
    border-top:solid 17px var(--theme-color);
    border-left:solid 17px var(--theme-color);
    border-right:solid 17px transparent;
    border-bottom:solid 17px transparent;
    z-index:1;
    border-radius:8px 0 0 0
}
.team-card .team-card-corner.team-card-corner2{
    right:0;
    left:auto;
    border-right:solid 17px var(--theme-color2);
    border-left:solid 17px transparent;
    border-top:solid 17px var(--theme-color2);
    border-radius:0 8px 0 0
}
.team-card .team-card-corner.team-card-corner3{
    top:auto;
    bottom:0;
    border-bottom:solid 17px var(--theme-color);
    border-top:solid 17px transparent;
    border-radius:0 0 0 8px
}
.team-card .team-card-corner.team-card-corner4{
    right:0;
    left:auto;
    top:auto;
    bottom:0;
    border-right:solid 17px var(--theme-color2);
    border-left:solid 17px transparent;
    border-bottom:solid 17px var(--theme-color2);
    border-top:solid 17px transparent;
    border-radius:0 0 8px 0
}
.team-card .img-wrap{
    position:relative;
    border-radius:10px;
    border:double 4px transparent;
    background-image:-webkit-linear-gradient(var(--black-color3), var(--black-color3)),-webkit-linear-gradient(left, var(--theme-color), var(--theme-color2));
    background-image:linear-gradient(var(--black-color3), var(--black-color3)),linear-gradient(to right, var(--theme-color), var(--theme-color2));
    background-origin:border-box;
    background-clip:content-box, border-box;
    margin:7px
}
.team-card .img-wrap img{
    -webkit-transition:0.4s;
    transition:0.4s
}
.team-card .img-wrap .game-logo{
    position:absolute;
    top:22px;
    left:22px
}
.team-card .team-img{
    border-radius:10px;
    padding:12px
}
.team-card .team-img img{
    width:100%;
    border-radius:10px
}
.team-card .team-card-content{
    display:inline-block;
    left:50%;
    bottom:-7px;
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    position:absolute;
    background:-webkit-linear-gradient(left, var(--theme-color), var(--theme-color2));
    background:linear-gradient(to right, var(--theme-color), var(--theme-color2));
    border-radius:30px;
    padding:4px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
.team-card .box-title{
    font-size:20px;
    font-weight:700;
    margin:0px;
    display:inline-block;
    background-color:var(--title-color);
    border-radius:30px
}
.team-card .box-title a{
    color:var(--white-color);
    padding:1px 26px;
    display:inline-block
}
.team-card .box-title a:hover{
    color:var(--theme-color)
}
.team-card:hover .img-wrap .game-logo{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
@media (max-width: 575px){
    .team-slider1 .swiper-slide:nth-of-type(even){
        margin-top:0px
    }
}
.team-sec-2 .tab-content{
    margin-bottom:-235px;
    position:relative;
    z-index:3
}
.team-tab{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:60px;
    margin-top:-20px;
    border:0;
    gap:10px
}
.team-tab .nav-item .nav-link{
    height:80px;
    width:80px;
    padding:0;
    line-height:74px;
    border-radius:50%;
    border:2px solid var(--black-color);
    background:transparent;
    -webkit-transition:0.4s;
    transition:0.4s
}
.team-tab .nav-item .nav-link.active,.team-tab .nav-item .nav-link:hover{
    border-color:var(--theme-color)
}
@media (max-width: 991px){
    .team-tab{
        margin-top:0
    }
}
.team-sec-3{
    margin-top:-418px;
    position:relative;
    z-index:3
}
.team-card.style3{
    padding:10px 10px 0;
    background:var(--white-color);
    box-shadow:0px 10px 15px 0px rgba(0,0,0,0.08)
}
.team-card.style3 .img-wrap{
    margin-bottom:0
}
.team-card.style3 .img-wrap:before,.team-card.style3 .img-wrap:after{
    display:none
}
.team-card.style3 .team-card-content{
    padding:30px 0;
    position:relative;
    overflow:hidden
}
.team-card.style3 .team-card-content .team-card-bg{
    position:absolute;
    inset:0;
    -webkit-transition:0.4s;
    transition:0.4s;
    z-index:-1
}
.team-card.style3 .th-social{
    position:initial;
    width:auto;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    opacity:1;
    visibility:visible;
    background:transparent;
    padding:20px 0 0;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:10px
}
.team-card.style3 .th-social a{
    width:30px;
    height:30px;
    line-height:30px;
    display:inline-block;
    border:1px solid var(--th-border-color);
    border-radius:50%;
    font-size:13px
}
.team-card.style3 .th-social a:hover{
    border-color:var(--theme-color);
    background:var(--theme-color);
    color:var(--white-color)
}
.team-card.style3:hover .team-card-bg{
    -webkit-transform:scale(1.3);
    -ms-transform:scale(1.3);
    transform:scale(1.3)
}
.about-card-img{
    position:relative;
    border-radius:30px;
    background:var(--black-color3);
    padding:40px
}
.about-card-img img{
    border-radius:10px;
    width:100%
}
.about-card-img .th-social{
    text-align:center;
    margin-top:-20px
}
.about-card-img .th-social a{
    --icon-size: 40px;
    border-radius:50%;
    background:var(--white-color);
    box-shadow:0px 10px 50px rgba(0,0,0,0.08)
}
.about-card-img .th-social a:hover{
    background:var(--theme-color)
}
@media (max-width: 575px){
    .about-card-img{
        padding:25px
    }
}
@media (min-width: 1300px){
    .team-about-card{
        margin-left:55px
    }
}
.team-info-list ul{
    padding:0;
    margin:0;
    list-style:none
}
.team-info-list ul li{
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color);
    display:grid;
    grid-template-columns:repeat(2, 1fr)
}
.team-info-list ul li:not(:last-child){
    margin-bottom:17px
}
.video-grid-wrap{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px
}
.video-grid-wrap .th-video{
    border-radius:20px
}
.video-grid-wrap .th-video .play-btn{
    z-index:1
}
.video-grid-wrap .th-video .play-btn:after{
    -webkit-animation:none;
    animation:none
}
.video-grid-wrap .th-video img{
    width:100%
}
@media (max-width: 575px){
    .video-grid-wrap{
        gap:15px
    }
}
.testi-slider1 .slider-pagination{
    position:relative;
    height:60px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:20px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:60px;
    bottom:0
}
@media (max-width: 767px){
    .testi-slider1 .slider-pagination{
        height:50px
    }
}
@media (max-width: 575px){
    .testi-slider1 .slider-pagination{
        gap:10px;
        height:30px
    }
}
.testi-slider1 .slider-pagination:after{
    content:'';
    position:absolute;
    height:1px;
    width:100%;
    background:var(--theme-color);
    left:0;
    top:50%;
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
    z-index:-1
}
.testi-slider1 .slider-pagination .swiper-pagination-bullet{
    --swiper-pagination-bullet-horizontal-gap: 0px;
    width:46px;
    height:46px;
    background:var(--title-color);
    border:2px solid rgba(69,248,130,0.3);
    -webkit-transition:0.4s;
    transition:0.4s
}
@media (max-width: 767px){
    .testi-slider1 .slider-pagination .swiper-pagination-bullet{
        width:30px;
        height:30px
    }
}
@media (max-width: 575px){
    .testi-slider1 .slider-pagination .swiper-pagination-bullet{
        width:20px;
        height:20px
    }
}
.testi-slider1 .slider-pagination .swiper-pagination-bullet:before{
    width:26px;
    height:26px;
    background:var(--theme-color);
    border:0;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    opacity:0
}
@media (max-width: 575px){
    .testi-slider1 .slider-pagination .swiper-pagination-bullet:before{
        width:10px;
        height:10px
    }
}
.testi-slider1 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width:60px;
    height:60px;
    border:2px solid #3c9ec9
}
@media (max-width: 767px){
    .testi-slider1 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width:50px;
        height:50px
    }
}
@media (max-width: 575px){
    .testi-slider1 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
        width:30px;
        height:30px
    }
}
.testi-slider1 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    opacity:1
}
.testi-slider1 .slider-arrow{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    top:auto;
    bottom:5px;
    left:0;
    --icon-size: 50px;
    background:var(--title-color)
}
.testi-slider1 .slider-arrow.slider-next{
    left:auto;
    right:0
}
.testi-card{
    position:relative;
    padding:33px 40px 34px;
    background-size:100% 100%
}
.testi-card_text{
    font-size:16px;
    font-weight:400;
    margin:0px 0 40px 0;
    padding-bottom:32px;
    border-bottom:1px solid rgba(150,158,178,0.5)
}
@media (max-width: 991px){
    .testi-card_text{
        font-size:15px
    }
}
@media (max-width: 767px){
    .testi-card_text{
        font-size:18px
    }
}
@media (max-width: 575px){
    .testi-card_text{
        font-size:16px
    }
}
.testi-card .quote-icon{
    margin-bottom:0px;
    opacity:0.13;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.testi-card_profile{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    z-index:3;
    gap:20px
}
.testi-card_avater{
    width:60px;
    min-width:60px;
    border-radius:15px;
    overflow:hidden;
    margin-bottom:14px
}
.testi-card_avater img{
    border-radius:inherit
}
.testi-card_name{
    font-size:24px;
    font-weight:600;
    margin-bottom:0px;
    color:var(--white-color)
}
@media (max-width: 1299px){
    .testi-card_name{
        font-size:20px
    }
}
.testi-card_desig{
    margin-bottom:0;
    display:block;
    color:var(--theme-color);
    font-size:14px
}
.testi-card_review{
    font-size:14px;
    color:#FDA700;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:5px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:-0.4em
}
.testi-card_review i{
    margin:0 2px
}
.testi-sec-2{
    background-size:auto;
    background-position:120px 120px
}
@media (max-width: 1500px){
    .testi-sec-2{
        background-position:-60px 120px
    }
}
@media (max-width: 1299px){
    .testi-sec-2{
        background-position:-60px 60px
    }
}
.testi-thumb2{
    margin-right:-136px;
    margin-left:45px
}
@media (max-width: 1700px){
    .testi-thumb2{
        margin-right:0
    }
}
@media (max-width: 1299px){
    .testi-thumb2{
        margin-left:0
    }
}
@media (max-width: 1199px){
    .testi-thumb2 img{
        height:600px;
        object-fit:cover;
        object-position:0
    }
}
@media (max-width: 991px){
    .testi-thumb2 img{
        height:auto
    }
}
.testi-card-2 .media{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.testi-card-2 .testi-card_review{
    -webkit-box-pack:start;
    -webkit-justify-content:start;
    -ms-flex-pack:start;
    justify-content:start
}
.testi-card-2 .testi-card_profile{
    -webkit-box-pack:start;
    -webkit-justify-content:start;
    -ms-flex-pack:start;
    justify-content:start
}
.testi-card-2 .testi-card_name{
    font-size:24px;
    font-weight:600;
    color:var(--title-color);
    margin-top:20px;
    margin-bottom:6px
}
.testi-card-2 .quote-icon img{
    width:90px;
    opacity:0.45
}
.testi-card-2 .testi-card_text{
    color:var(--body-color);
    font-size:16px;
    font-weight:400;
    font-family:var(--body-font);
    margin-top:15px;
    margin-bottom:0px
}
.testi-card-slide .swiper-pagination-bullets{
    text-align:left;
    margin-top:45px
}
@media (max-width: 1299px){
    .testi-box-area{
        margin-bottom:20px
    }
}
@media (max-width: 575px){
    .testi-card-2 .testi-card_name{
        font-size:20px
    }
}
.counter-card-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.counter-card .box-number{
    font-size:84px;
    color:var(--white-color);
    font-weight:700;
    margin-bottom:-0.18em;
    margin-top:-0.26em
}
.counter-card .box-number .counter-number{
    color:var(--white-color)
}
.counter-card .box-text{
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--theme-color)
}
@media (max-width: 1500px){
    .counter-card .box-number{
        font-size:70px
    }
}
@media (max-width: 1299px){
    .counter-card .box-number{
        font-size:60px;
        margin-bottom:-0.1em
    }
}
@media (max-width: 1199px){
    .counter-card .box-number{
        font-size:50px
    }
}
@media (max-width: 991px){
    .counter-card .box-number{
        font-size:36px
    }
    .counter-card .box-text{
        font-size:16px
    }
}
@media (max-width: 767px){
    .counter-card{
        -webkit-box-flex:50%;
        -webkit-flex:50%;
        -ms-flex:50%;
        flex:50%;
        padding-left:10px;
        padding-right:10px
    }
    .counter-card-wrap{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        position:relative;
        gap:40px 0
    }
}
@media (max-width: 375px){
    .counter-card .box-text{
        font-size:14px
    }
}
.blog-title{
    font-size:30px;
    font-weight:600;
    color:var(--white-color)
}
.blog-card{
    border-radius:0px;
    background-color:transparent
}
.blog-card .blog-title{
    font-size:30px;
    font-weight:600;
    color:var(--white-color);
    margin-bottom:12px
}
.blog-card .blog-title a{
    background-image:-webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
    background-image:linear-gradient(to left, var(--theme-color), var(--theme-color));
    background-repeat:no-repeat;
    background-position:bottom left;
    background-size:0 2px;
    -webkit-transition:0.5s ease-in-out;
    transition:0.5s ease-in-out
}
.blog-card .blog-title a:hover{
    background-size:100% 2px
}
.blog-card .box-title{
    margin-top:23px;
    margin-bottom:24px;
    font-size:22px;
    font-weight:600
}
.blog-card .box-title a{
    background-image:-webkit-linear-gradient(right, var(--theme-color), var(--theme-color));
    background-image:linear-gradient(to left, var(--theme-color), var(--theme-color));
    background-repeat:no-repeat;
    background-position:bottom left;
    background-size:0 2px;
    -webkit-transition:0.5s ease-in-out;
    transition:0.5s ease-in-out
}
.blog-card .box-title a:hover{
    background-size:100% 2px
}
.blog-card .blog-img{
    overflow:hidden;
    border-radius:30px;
    position:relative
}
.blog-card .blog-img img{
    width:100%;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    border-radius:30px
}
.blog-card .blog-img .icon-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:auto;
    height:auto;
    background:transparent;
    line-height:normal;
    border:0;
    font-size:20px;
    z-index:1;
    color:var(--white-color);
    -webkit-transition:0.4s;
    transition:0.4s;
    opacity:0
}
.blog-card .blog-meta{
    margin-bottom:13px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.blog-card .blog-meta span,.blog-card .blog-meta a{
    font-weight:400
}
.blog-card .blog-meta span>i,.blog-card .blog-meta a>i{
    color:var(--theme-color)
}
.blog-card .blog-content{
    padding:25px 0px 0px;
    -webkit-transition:0.4s;
    transition:0.4s;
    position:relative;
    z-index:0
}
.blog-card .blog-content .blog-date{
    width:60px;
    height:55px;
    background:var(--theme-color);
    color:var(--white-color);
    text-align:center;
    font-size:16px;
    font-weight:400;
    padding-top:8px;
    position:relative;
    margin-right:66px
}
.blog-card .blog-content .blog-date::first-line{
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    display:block;
    line-height:0.9
}
.blog-card .blog-content .blog-date .blog-year{
    position:absolute;
    right:-12px;
    top:12px;
    width:54px;
    color:var(--title-color);
    border:1px solid var(--theme-color);
    -webkit-transform:rotate(-90deg) translate(0, 100%);
    -ms-transform:rotate(-90deg) translate(0, 100%);
    transform:rotate(-90deg) translate(0, 100%);
    cursor:vertical-text;
    padding:1px 0px
}
.blog-card .blog-content .blog-date:after{
    content:'';
    position:absolute;
    right:-42px;
    top:50%;
    width:12px;
    height:12px;
    border-left:solid 6px var(--theme-color);
    border-bottom:solid 6px transparent;
    border-top:solid 6px transparent;
    -webkit-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%)
}
.blog-card .blog-text{
    margin-top:-0.5em;
    margin-bottom:16px;
    -webkit-transition:0.4s;
    transition:0.4s
}
.blog-card .link-btn{
    color:var(--theme-color);
    font-weight:600
}
.blog-card .link-btn:before{
    background-color:var(--theme-color)
}
.blog-card .link-btn:hover{
    color:var(--theme-color)
}
.blog-card:hover .blog-img img{
    -webkit-transform:scale(1.08);
    -ms-transform:scale(1.08);
    transform:scale(1.08)
}
.blog-card:hover .blog-img .icon-btn{
    opacity:1
}
.blog-card:hover .blog-img:after{
    opacity:0.8
}
@media (max-width: 1399px){
    .blog-card .box-title{
        font-size:20px
    }
}
@media (max-width: 575px){
    .blog-card .blog-title{
        font-size:24px
    }
}
.blog-area-2{
    position:relative
}
.blog-area-2:after{
    content:'';
    position:absolute;
    inset:-1px;
    background:-webkit-linear-gradient(top, #0B0E13 0%, rgba(11,14,19,0.94) 46.17%, #0B0E13 100%);
    background:linear-gradient(180deg, #0B0E13 0%, rgba(11,14,19,0.94) 46.17%, #0B0E13 100%)
}
.blog-card.style2{
    background:var(--black-color3);
    padding:24px;
    border-radius:0
}
.blog-card.style2 .blog-img{
    border-radius:0
}
.blog-card.style2 .blog-img img{
    border-radius:0
}
.blog-card.style2 .blog-content{
    padding:24px 0 0
}
.blog-card.style2 .blog-content .blog-meta{
    margin-top:-0.3em;
    margin-bottom:10px
}
.blog-card.style2 .blog-content .box-title{
    margin-top:0;
    font-size:30px;
    font-weight:600;
    margin-bottom:10px;
    line-height:1.333em
}
.blog-card.style2 .blog-content .box-title a{
    background-image:none;
    color:var(--white-color)
}
.blog-card.style2 .blog-content .box-title a:hover{
    color:var(--theme-color)
}
.blog-card.style2 .blog-content .blog-text{
    margin-bottom:-0.4em
}
@media (max-width: 1299px){
    .blog-card.style2 .blog-content .box-title{
        font-size:24px
    }
}
@media (max-width: 1199px){
    .blog-card.style2 .blog-content .box-title{
        font-size:30px
    }
}
@media (max-width: 991px){
    .blog-card.style2 .blog-content .box-title{
        font-size:24px
    }
}
@media (max-width: 320px){
    .blog-card.style2 .blog-content .box-title{
        font-size:20px
    }
}
.blog-card.style3{
    background:var(--black-color2);
    padding:30px
}
@media (max-width: 375px){
    .blog-card.style3{
        padding:25px
    }
}
.blog-card.style3 .blog-img{
    border-radius:0
}
.blog-card.style3 .blog-img img{
    border-radius:0
}
.blog-card.style3 .blog-content{
    padding-top:30px
}
@media (max-width: 375px){
    .blog-card.style3 .blog-content{
        padding-top:25px
    }
}
.blog-card.style3 .blog-content .blog-meta{
    margin-top:-0.3em;
    margin-bottom:8px
}
.blog-card.style3 .blog-content .box-title{
    margin-top:0px;
    margin-bottom:10px;
    font-size:30px;
    font-weight:600
}
.blog-card.style3 .blog-content .box-title a{
    color:var(--white-color)
}
.blog-card.style3 .blog-content .box-title a:hover{
    color:var(--theme-color)
}
@media (max-width: 991px){
    .blog-card.style3 .blog-content .box-title{
        font-size:24px
    }
}
@media (max-width: 375px){
    .blog-card.style3 .blog-img{
        margin:0
    }
    .blog-card.style3 .blog-content{
        padding-top:30px
    }
}
.blog-sec4-bg-shape{
    position:absolute;
    inset:240px 0 0 0;
    background-size:contain
}
.blog-card.style4{
    background-size:100% 100%;
    padding:40px
}
@media (max-width: 991px){
    .blog-card.style4{
        padding:30px
    }
}
@media (max-width: 375px){
    .blog-card.style4{
        padding:20px 20px 30px
    }
}
.blog-card.style4 .blog-img{
    border-radius:0
}
.blog-card.style4 .blog-img img{
    border-radius:0
}
.blog-card.style4 .blog-thumb-wrap{
    position:relative
}
.blog-card.style4 .blog-thumb-wrap .blog-date{
    position:absolute;
    right:0;
    bottom:0;
    background:100% 100%;
    width:80px;
    height:80px;
    text-align:center;
    font-size:14px;
    font-weight:700;
    font-family:var(--title-font);
    color:var(--white-color);
    padding-top:20px
}
.blog-card.style4 .blog-thumb-wrap .blog-date span{
    font-size:36px;
    font-weight:700;
    font-family:var(--title-font);
    color:var(--white-color);
    display:block
}
.blog-card.style4 .blog-content{
    padding:40px 0 0
}
@media (max-width: 991px){
    .blog-card.style4 .blog-content{
        padding:30px 0 0 0
    }
}
.blog-card.style4 .blog-content .blog-meta{
    margin-top:-0.3em;
    margin-bottom:16px
}
.blog-card.style4 .blog-content .box-title{
    margin-top:0;
    font-size:36px;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.333em
}
.blog-card.style4 .blog-content .box-title a{
    background-image:none;
    color:var(--white-color)
}
.blog-card.style4 .blog-content .box-title a:hover{
    color:var(--theme-color)
}
@media (max-width: 1199px){
    .blog-card.style4 .blog-content .box-title{
        font-size:30px
    }
}
@media (max-width: 991px){
    .blog-card.style4 .blog-content .box-title{
        font-size:24px
    }
}
@media (max-width: 767px){
    .blog-card.style4 .blog-content .box-title{
        font-size:30px
    }
}
@media (max-width: 575px){
    .blog-card.style4 .blog-content .box-title{
        font-size:24px
    }
}
.blog-card.style4 .blog-content .blog-text{
    margin-bottom:-0.4em
}
.blog-card.style5 .blog-img{
    border-radius:0
}
.blog-card.style5 .blog-img img{
    border-radius:0
}
.brand-box{
    position:relative;
    z-index:1;
    text-align:center;
    height:120px;
    width:324px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media (max-width: 1399px){
    .brand-box{
        width:100%
    }
}
.brand-box .brand-box-shape{
    position:absolute;
    inset:0;
    background-size:100% 100%;
    z-index:-1
}
.brand-box .brand-box-shape2{
    position:absolute;
    inset:0;
    z-index:-1;
    -webkit-transition:0.4s;
    transition:0.4s;
    opacity:0;
    background-size:100% 100%
}
.brand-box:hover .brand-box-shape2{
    opacity:1
}
.brand-sec2-shape{
    position:absolute;
    inset:0;
    background-size:contain;
    opacity:0.05
}
.brand-box.style2{
    width:100%
}
.checklist ul{
    padding-left:0;
    list-style:none;
    text-align:left;
    margin-bottom:0
}
.checklist.list-two-column ul{
    display:inline-grid;
    grid-template-columns:auto auto;
    gap:0 40px
}
@media (max-width: 767px){
    .checklist.list-two-column ul{
        grid-template-columns:auto
    }
    .checklist.list-two-column ul li{
        text-align:initial
    }
}
.checklist.list-grid ul{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:15px 20px;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.checklist.list-grid ul li{
    margin-bottom:0
}
@media (max-width: 1199px){
    .checklist.list-grid ul{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.checklist li{
    color:var(--body-color);
    font-weight:400;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:10px
}
.checklist li:before{
    height:28px
}
.checklist li>i{
    color:var(--theme-color);
    top:5px;
    position:relative
}
.checklist li:not(:last-child){
    margin-bottom:15px
}
@media (max-width: 1199px){
    .checklist.mb-45{
        margin-bottom:40px
    }
}
.checklist.style2 li{
    font-size:16px;
    font-weight:400;
    color:var(--title-color);
    gap:10px;
    line-height:initial;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.checklist.style2 li:not(:last-child){
    margin-bottom:16px
}
.checklist.style2 li>i{
    font-size:14px;
    border-radius:50%;
    background:rgba(230,58,39,0.1);
    padding:4px
}
.check-list ul{
    padding-left:0;
    list-style:none;
    text-align:left;
    margin-bottom:0
}
.check-list li{
    margin-bottom:16px
}
.check-list li:last-child{
    margin-bottom:0
}
.check-list li>i{
    color:var(--theme-color);
    margin-right:5px
}
.mega-hover{
    position:relative;
    overflow:hidden;
    z-index:2
}
.mega-hover:after,.mega-hover:before{
    content:"";
    position:absolute;
    pointer-events:none;
    opacity:1;
    z-index:-1
}
.mega-hover:before{
    top:0;
    right:51%;
    bottom:0;
    left:50%;
    background:rgba(255,255,255,0.2)
}
.mega-hover:after{
    top:50%;
    right:0;
    bottom:50%;
    left:0;
    background:rgba(255,255,255,0.3)
}
.mega-hover:hover:before{
    left:0;
    right:0;
    opacity:0;
    -webkit-transition:all 900ms linear;
    transition:all 900ms linear
}
.mega-hover:hover:after{
    top:0;
    bottom:0;
    opacity:0;
    -webkit-transition:all 900ms linear;
    transition:all 900ms linear
}
.bg-img{
    position:absolute;
    inset:0;
    height:100%;
    width:100%
}
.bg-img img{
    width:100%;
    height:100%
}
.th-video{
    position:relative;
    border-radius:30px;
    border:1px solid transparent;
    -webkit-transition:0.4s;
    transition:0.4s
}
.th-video img{
    border-radius:inherit
}
.th-video .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.rounded-10{
    border-radius:10px
}
.rounded-20{
    border-radius:20px
}
@media (max-width: 767px){
    .rounded-20{
        border-radius:10px
    }
}
.btn-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px 30px
}
.btn-wrap.g-0{
    gap:20px 0
}
.filter-menu{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:15px;
    text-align:center;
    margin-bottom:60px
}
@media (max-width: 1199px){
    .filter-menu{
        margin-bottom:50px
    }
}
@media (max-width: 991px){
    .filter-menu{
        margin-bottom:45px;
        gap:6px
    }
}
.filter-menu .th-btn{
    border-radius:5px;
    padding:15px 30px;
    background-color:transparent;
    color:var(--body-color);
    border:1px solid var(--th-border-color);
    min-width:auto
}
.filter-menu .th-btn:before{
    background-color:var(--theme-color)
}
.filter-menu .th-btn:hover,.filter-menu .th-btn.active{
    border-color:var(--theme-color);
    color:var(--white-color)
}
.filter-menu .th-btn:hover:before,.filter-menu .th-btn.active:before{
    border-radius:3px
}
@media (max-width: 991px){
    .filter-menu .th-btn{
        padding:13px 20px
    }
}
@media (max-width: 1199px){
    p.mb-40{
        margin-bottom:35px
    }
    p.mb-45{
        margin-bottom:38px
    }
}
.modal-backdrop.show{
    opacity:.7;
    z-index:99
}
.modal{
    z-index:999;
    padding-right:0 !important
}
.modal-dialog{
    max-width:100%
}
.modal-dialog .modal-content{
    background:transparent;
    border:0
}
.modal-dialog .modal-content .modal-header{
    border:0
}
.modal-dialog .btn-close{
    padding:0;
    outline:0;
    box-shadow:none;
    margin:0 10px 0 auto;
    border-radius:50%;
    background:var(--theme-color);
    color:var(--white-color);
    border:0;
    opacity:1
}
.modal-dialog .btn-close:hover i{
    -webkit-animation:toTopFromBottom .5s forwards;
    animation:toTopFromBottom .5s forwards
}
.accordion-card{
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    border-radius:0px;
    overflow:hidden;
    background-color:transparent;
    text-align:left;
    position:relative;
    z-index:3
}
.accordion-card:after,.accordion-card:before{
    content:'';
    position:absolute;
    top:0;
    width:100%;
    height:1px;
    background:var(--theme-color);
    opacity:0.3;
    left:0
}
.accordion-card:before{
    bottom:0;
    top:auto
}
.accordion-card:not(:last-child){
    margin-bottom:24px
}
.accordion-card .accordion-button{
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    border:0;
    color:var(--white-color);
    background-color:transparent;
    border-radius:0;
    padding:12px 60px 12px 0px;
    min-height:70px;
    gap:10px;
    margin-bottom:0;
    text-align:left;
    -webkit-transition:0.3s;
    transition:0.3s;
    position:relative
}
.accordion-card .accordion-button:after{
    content:"\2b";
    height:100%;
    width:auto;
    line-height:1;
    background-color:transparent;
    background-image:none;
    font-family:var(--icon-font);
    color:var(--white-color);
    font-weight:500;
    font-size:20px;
    display:grid;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    position:absolute;
    top:0;
    right:30px;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out
}
.accordion-card .accordion-button:focus{
    outline:none;
    box-shadow:none
}
.accordion-card .accordion-button:not(.collapsed){
    box-shadow:none;
    border-radius:0
}
.accordion-card .accordion-button:not(.collapsed):after{
    content:'\f068'
}
.accordion-card .accordion-collapse{
    border:none
}
.accordion-card .accordion-body{
    border-radius:0;
    border:none;
    padding:0px 0 30px
}
.accordion-card .faq-text{
    margin-bottom:-0.48em
}
.accordion-card:has(.show){
    border-radius:0px
}
.faq-img1{
    position:relative;
    margin-right:-99px;
    margin-left:55px;
    z-index:2
}
@media (max-width: 1500px){
    .faq-img1{
        margin-left:30px;
        margin-right:0
    }
}
@media (max-width: 1399px){
    .faq-img1{
        margin-right:0;
        margin-left:0
    }
}
@media (max-width: 1199px){
    .faq-img1{
        margin-bottom:40px
    }
    .faq-img1 .img1 img{
        max-height:600px;
        object-fit:cover;
        object-position:top center
    }
    .faq-img1 .shape1{
        inset:-50px -80px -20px -80px
    }
}
@media (max-width: 575px){
    .faq-img1 .img1{
        padding:20px
    }
    .accordion-card .accordion-button{
        font-size:16px
    }
}
.faq-wrap2{
    padding-left:37px;
    border-left:2px solid rgba(150,158,178,0.3);
    padding-right:30px;
    margin-left:7px
}
@media (max-width: 1199px){
    .faq-wrap2{
        padding-right:0
    }
}
@media (max-width: 575px){
    .faq-wrap2{
        padding-left:30px
    }
}
.accordion-card.style2{
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    border-radius:0px;
    overflow:inherit;
    background-color:transparent;
    text-align:left;
    position:relative;
    z-index:3;
    padding-bottom:5px
}
.accordion-card.style2:after,.accordion-card.style2:before{
    content:'';
    position:absolute;
    top:0;
    width:100%;
    height:2px;
    background:var(--black-color2);
    opacity:1;
    left:0
}
.accordion-card.style2:before{
    bottom:0;
    top:auto;
    display:none
}
.accordion-card.style2:last-child:before{
    display:block
}
.accordion-card.style2:not(:last-child){
    margin-bottom:0px
}
.accordion-card.style2 .accordion-button{
    font-size:30px;
    font-weight:700;
    font-family:var(--title-font);
    border:0;
    color:var(--theme-color);
    background-color:transparent;
    border-radius:0;
    padding:6px 60px 0 0px;
    min-height:80px;
    gap:10px;
    margin-bottom:0;
    text-align:left;
    -webkit-transition:0.3s;
    transition:0.3s;
    position:relative
}
.accordion-card.style2 .accordion-button:after{
    content:'';
    top:35px;
    left:-38px;
    right:auto;
    width:14px;
    height:14px;
    border:2px solid rgba(150,158,178,0.3);
    background:var(--title-color);
    border-radius:50%;
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0)
}
@media (max-width: 575px){
    .accordion-card.style2 .accordion-button:after{
        left:-31px;
        top:31px
    }
}
.accordion-card.style2 .accordion-button:focus{
    outline:none;
    box-shadow:none
}
.accordion-card.style2 .accordion-button:not(.collapsed){
    box-shadow:none;
    border-radius:0
}
.accordion-card.style2 .accordion-button:not(.collapsed):after{
    border-color:var(--theme-color);
    background:var(--theme-color)
}
@media (max-width: 575px){
    .accordion-card.style2 .accordion-button{
        font-size:24px;
        min-height:70px
    }
}
.accordion-card.style2 .accordion-collapse{
    border:none
}
.accordion-card.style2 .accordion-body{
    border-radius:0;
    border:none;
    padding:0px 0 27px
}
.accordion-card.style2 .faq-text{
    margin-bottom:-0.48em
}
.accordion-card.style2:has(.show){
    border-radius:0px
}
.process-card{
    position:relative;
    z-index:2;
    text-align:center;
    padding-top:26px
}
.process-card .box-content{
    background-color:var(--smoke-color);
    padding:30px 25px 30px;
    margin:0 0 18px 18px;
    position:relative
}
.process-card .box-content .box-text{
    max-width:221px;
    margin-left:auto;
    margin-right:auto
}
.process-card .box-content:after{
    content:'';
    position:absolute;
    border:1px solid var(--theme-color);
    inset:30px 18px -18px -18px;
    z-index:-1;
    -webkit-transition:0.4s;
    transition:0.4s
}
.process-card .box-icon{
    margin-bottom:30px
}
.process-card .box-number{
    text-transform:uppercase;
    background:var(--theme-color);
    position:absolute;
    width:50px;
    height:46px;
    line-height:46px;
    color:var(--white-color);
    font-size:24px;
    font-weight:600;
    font-family:var(--title-font);
    z-index:1;
    left:38px;
    top:0;
    -webkit-transition:0.4s;
    transition:0.4s
}
.process-card .box-number:after{
    content:'';
    position:absolute;
    background:var(--theme-color);
    width:10px;
    height:26px;
    top:0;
    right:-10px;
    -webkit-clip-path:polygon(0 0, 0% 100%, 100% 100%);
    clip-path:polygon(0 0, 0% 100%, 100% 100%);
    -webkit-transition:0.4s;
    transition:0.4s
}
.process-card .box-title{
    margin-bottom:6px;
    font-size:20px;
    font-weight:600
}
@media (max-width: 1399px){
    .process-card .box-title{
        font-size:18px
    }
}
@media (max-width: 1299px){
    .process-card .box-title{
        font-size:20px
    }
}
.process-card:hover .box-icon img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.process-card:hover .box-number{
    background:var(--theme-color2)
}
.process-card:hover .box-number:after{
    background:var(--theme-color2)
}
.process-card:hover .box-content:after{
    border-color:var(--theme-color2)
}
@media (max-width: 1199px){
    .process-card .box-content{
        padding:30px 10px
    }
}
@media (max-width: 767px){
    .process-card .box-content{
        padding:30px
    }
}
.process-card-wrap:last-child .process-card.style2:after{
    display:none
}
.process-card-wrap:nth-of-type(even) .process-card.style2:after{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.process-card.style2{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:0;
    overflow:hidden
}
.process-card.style2:after{
    content:'';
    position:relative;
    width:83px;
    height:35px;
    background:url(../img/icon/process_arrow2-1.html);
    display:block;
    margin:0 14px 0 38px
}
.process-card.style2 .box-number{
    height:50px;
    width:50px;
    border-radius:50%;
    line-height:50px;
    font-size:16px;
    font-weight:600;
    margin:0;
    left:auto;
    right:26px
}
.process-card.style2 .box-number:after{
    display:none
}
.process-card.style2 .box-content{
    width:276px;
    height:276px;
    border-radius:50%;
    position:relative;
    margin:23px;
    padding:50px 0
}
.process-card.style2 .box-content:after{
    border-radius:50%;
    inset:-23px;
    border:0;
    background:url(../img/process/process-card-bg2-1.html);
    background-size:cover;
    -webkit-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite
}
@media (max-width: 1399px){
    .process-card.style2:after{
        margin:0 4px 0 28px
    }
    .process-card.style2 .box-content{
        padding:45px 0
    }
}
@media (max-width: 1299px){
    .process-card.style2:after{
        display:none
    }
}
@media (max-width: 1199px){
    .process-card.style2{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media (max-width: 320px){
    .process-card.style2 .box-content{
        margin:0
    }
}
.price-card{
    position:relative;
    z-index:2;
    border:1px solid var(--th-border-color2);
    padding:40px
}
.price-card .price-card-bg{
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:-1
}
.price-card .price-card-bg img{
    width:100%
}
.price-card .box-title{
    margin-bottom:4px
}
.price-card .price-card_text{
    margin-bottom:37px;
    font-size:18px
}
.price-card .price-card_price{
    font-size:50px;
    font-weight:700;
    border-bottom:1px solid var(--th-border-color2);
    padding-bottom:15px;
    margin-bottom:30px
}
.price-card .price-card_price .currency{
    font-size:24px;
    font-weight:600
}
.price-card .price-card_price .duration{
    font-size:14px;
    font-weight:400;
    color:var(--theme-color);
    text-transform:uppercase
}
.price-card .price-card_content .checklist li{
    font-weight:400
}
.price-card .price-card_content .checklist li:not(:last-child){
    margin-bottom:13px
}
.price-card .price-card_content .checklist li.unavailable i{
    color:var(--body-color)
}
.price-card .th-btn{
    margin-top:35px
}
@media (max-width: 1299px){
    .price-card .price-card_text{
        font-size:16px
    }
}
@media (max-width: 1199px){
    .price-card{
        padding:30px
    }
    .price-card .price-card_price{
        font-size:40px
    }
}
.feature-sec-wrap1{
    border-radius:70px 0 0 70px
}
.feature-card{
    text-align:center;
    border-radius:40px;
    background:var(--black-color3);
    padding:35px;
    max-width:575px
}
.feature-card-border{
    margin-bottom:150px;
    padding:50px;
    border-radius:40px;
    background:var(--title-color);
    display:inline-block;
    position:relative
}
.feature-card-border:before,.feature-card-border:after{
    content:'';
    position:absolute;
    left:-79px;
    top:0;
    height:80px;
    width:80px;
    background:var(--title-color);
    -webkit-clip-path:path("M0 0H79.9695V76.3123C80.0103 77.5714 80.0101 78.8022 79.9695 80V76.3123C79.0054 46.5602 55.1443 0.959397 0 0Z");
    clip-path:path("M0 0H79.9695V76.3123C80.0103 77.5714 80.0101 78.8022 79.9695 80V76.3123C79.0054 46.5602 55.1443 0.959397 0 0Z")
}
.feature-card-border:before{
    left:auto;
    right:-1px;
    top:auto;
    bottom:-79px
}
.feature-card-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.feature-card-wrap:nth-of-type(odd){
    -webkit-box-pack:end;
    -webkit-justify-content:end;
    -ms-flex-pack:end;
    justify-content:end
}
.feature-card-wrap:nth-of-type(odd) .feature-card-border{
    padding-right:0;
    border-radius:70px 0px 0px 70px
}
.feature-card-wrap:nth-of-type(odd) .feature-card-border:after{
    right:-1px;
    left:auto;
    top:-79px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.feature-card-wrap:nth-of-type(even) .feature-card-border{
    padding-left:0;
    border-radius:0 70px 70px 0
}
.feature-card-wrap:nth-of-type(even) .feature-card-border:after{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    top:-79px;
    left:0
}
.feature-card-wrap:nth-of-type(even) .feature-card-border:before{
    left:0;
    right:auto;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    bottom:-80px
}
.feature-card-wrap:first-child .feature-card-border{
    padding-top:0;
    border-radius:0 0 0px 70px
}
.feature-card-wrap:first-child .feature-card-border:after{
    right:auto;
    left:-79px;
    top:-1px;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.feature-card-wrap:last-child .feature-card-border{
    margin-bottom:0;
    padding-bottom:0;
    border-radius:70px 0px 0 0
}
.feature-card-wrap:last-child .feature-card-border:before{
    left:-80px;
    right:auto;
    top:auto;
    bottom:0;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.feature-card .feature-card-icon{
    margin-bottom:30px;
    display:inline-block;
    position:relative;
    -webkit-transition:0.4s;
    transition:0.4s
}
.feature-card .feature-card-icon .feature-card-icon-mask{
    position:absolute;
    inset:0;
    mix-blend-mode:color;
    background:var(--theme-color)
}
.feature-card .feature-card-title{
    color:var(--white-color);
    font-size:30px;
    margin-top:-0.3em;
    margin-bottom:15px
}
.feature-card .feature-card-text{
    margin-bottom:-0.4em
}
.feature-card:hover .feature-card-icon{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
@media (max-width: 991px){
    .feature-card-wrap:last-child .feature-card-border:before,.feature-card-wrap:first-child .feature-card-border:after{
        display:none
    }
}
@media (max-width: 767px){
    .feature-card-wrap:first-child .feature-card-border{
        padding-left:0;
        border-radius:0 0 0px 30px
    }
    .feature-card-wrap:nth-of-type(even) .feature-card-border{
        padding-right:0;
        border-radius:0 30px 30px 0
    }
    .feature-card-wrap:last-child .feature-card-border{
        padding-left:0;
        border-radius:30px 0px 0 0
    }
}
@media (max-width: 375px){
    .feature-card-border{
        padding:40px
    }
    .feature-card .feature-card-title{
        font-size:24px
    }
}
.skill-feature{
    text-align:left
}
.skill-feature:not(:last-child){
    margin-bottom:30px
}
.skill-feature_title{
    font-size:24px;
    font-weight:600;
    margin-bottom:12px;
    margin-top:-0.2em;
    font-family:var(--title-font);
    color:var(--white-color)
}
.skill-feature_title .skill-feature_subtitle{
    font-size:16px;
    color:var(--theme-color)
}
@media (max-width: 575px){
    .skill-feature_title{
        font-size:20px
    }
}
.skill-feature .progress{
    position:relative;
    height:10px;
    background-color:var(--black-color2);
    overflow:visible;
    border-radius:0
}
.skill-feature .progress-bar{
    background-color:var(--theme-color);
    height:10px;
    border-radius:10px;
    overflow:visible;
    position:relative;
    border:0
}
.skill-feature .progress-bar.lose{
    right:0;
    position:absolute;
    background-color:var(--error-color)
}
.skill-feature .progress-value-wrap{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:15px 20px;
    margin-top:14px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.skill-feature .progress-value{
    font-size:14px;
    font-weight:400;
    font-family:var(--body-font);
    color:var(--white-color);
    position:relative;
    padding-left:20px
}
.skill-feature .progress-value:after{
    content:'';
    position:absolute;
    left:0;
    top:8px;
    height:10px;
    width:10px;
    border-radius:50%;
    background:var(--theme-color)
}
.skill-feature .progress-value.draw:after{
    background:var(--black-color2)
}
.skill-feature .progress-value.lose:after{
    background:var(--error-color)
}
.skill-feature.style2{
    position:relative
}
.skill-feature.style2 .skill-feature_title{
    font-size:18px;
    font-weight:600
}
.skill-feature.style2 .progress{
    height:3px;
    background:var(--black-color)
}
.skill-feature.style2 .progress-bar{
    height:3px;
    border-radius:0
}
.skill-feature.style2 .progress-value{
    font-size:18px;
    font-weight:600;
    font-family:var(--title-font);
    position:absolute;
    right:0;
    top:0;
    padding:0
}
.skill-feature.style2 .progress-value:after{
    display:none
}
.feature-game-slider1 .th-slider{
    padding-bottom:100px;
    margin-top:-100px;
    z-index:3
}
.feature-game-slider1 .slider-arrow{
    margin-top:calc(var(--icon-size, 56px) / -1)
}
.feature-game-card{
    text-align:center
}
.feature-game-card .feature-game-card-img{
    position:relative
}
.feature-game-card .feature-game-card-img img{
    width:100%
}
.feature-game-card .feature-game-card-img .feature-card-img-shape{
    position:absolute;
    inset:0
}
.feature-game-card .feature-game-card-img .feature-card-img-shape img{
    width:100%;
    height:100%
}
.feature-game-card .feature-game-card-img .th-btn{
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translate(-50%, 50%);
    -ms-transform:translate(-50%, 50%);
    transform:translate(-50%, 50%);
    padding:15px 40px;
    min-width:-webkit-max-content;
    min-width:-moz-max-content;
    min-width:max-content;
    opacity:0;
    -webkit-transition:0.4s;
    transition:0.4s
}
.feature-game-card .feature-game-card-details{
    margin-top:28px;
    -webkit-transition:0.4s;
    transition:0.4s
}
.feature-game-card .feature-game-card-details .box-title{
    margin-bottom:8px;
    font-size:30px;
    font-weight:700
}
.feature-game-card .feature-game-card-details .box-title a{
    color:var(--white-color)
}
.feature-game-card .feature-game-card-details .box-title a:hover{
    color:var(--theme-color)
}
.feature-game-card .feature-game-card-details .text{
    margin-bottom:-0.3em
}
.feature-game-card:hover .th-btn{
    opacity:1
}
.feature-game-card:hover .feature-game-card-details{
    -webkit-transform:translate(0, 22px);
    -ms-transform:translate(0, 22px);
    transform:translate(0, 22px)
}
@media (max-width: 767px){
    .feature-game-card .feature-game-card-img .th-btn{
        opacity:1
    }
    .feature-game-card .feature-game-card-details{
        -webkit-transform:translate(0, 22px);
        -ms-transform:translate(0, 22px);
        transform:translate(0, 22px)
    }
}
.marquee-area-1{
    padding:111px 60px 60px
}
.marquee-item{
    gap:45px;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:auto
}
.marquee-item .marquee_icon{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.marquee-item .marquee-title{
    font-size:44px;
    display:inline-block;
    margin-bottom:-0.25em;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    margin-top:-0.25em
}
.marquee-item .marquee-title a{
    color:var(--theme-color)
}
.marquee-item .marquee-title a:hover{
    color:var(--white-color)
}
@media (max-width: 1399px){
    .marquee-item .marquee_icon{
        width:28px
    }
    .marquee-item .marquee-title{
        font-size:34px
    }
}
@media (max-width: 1299px){
    .marquee-area-1{
        padding:111px 40px 60px
    }
}
@media (max-width: 1199px){
    .marquee-area-1{
        padding:60px 40px 55px
    }
}
@media (max-width: 575px){
    .marquee-area-1{
        padding:40px 20px
    }
    .marquee-item{
        gap:25px;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
    .marquee-item .marquee_icon{
        width:20px
    }
    .marquee-item .marquee-title{
        font-size:24px
    }
}
.game-sec-wrap1{
    border-radius:30px;
    position:relative;
    padding-left:188px;
    padding-right:188px
}
.game-sec-wrap1:after{
    content:'';
    position:absolute;
    inset:0;
    background:var(--title-color);
    opacity:0.96
}
.game-sec-wrap1 .swiper-pagination-bullets{
    margin:100px 0 -110px 0
}
@media (max-width: 1500px){
    .game-sec-wrap1{
        padding-left:50px;
        padding-right:50px;
        margin:0 -50px
    }
}
@media (max-width: 991px){
    .game-sec-wrap1 .swiper-pagination-bullets{
        margin:60px 0 -70px 0
    }
}
.game-slider-1 .swiper-pagination-bullets{
    margin:100px 0 -110px 0
}
@media (max-width: 1500px){
    .game-slider-1{
        padding-left:50px;
        padding-right:50px;
        margin:0 -50px
    }
}
@media (max-width: 991px){
    .game-slider-1 .swiper-pagination-bullets{
        margin:60px 0 -70px 0
    }
}
.game-card{
    text-align:center;
    padding:20px;
    border-radius:20px
}
.game-card .game-card-img{
    margin-bottom:-15px
}
.game-card .game-card-img img{
    width:100%;
    border-radius:10px;
    -webkit-transition:0.4s;
    transition:0.4s
}
.game-card .game-card-img a{
    display:block;
    overflow:hidden;
    border-radius:10px
}
.game-card .game-card-img .game-logo{
    -webkit-clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
    height:56px;
    width:56px;
    line-height:59px;
    text-align:center;
    display:inline-block;
    background:var(--title-color);
    -webkit-transform:translate(0, -32px);
    -ms-transform:translate(0, -32px);
    transform:translate(0, -32px);
    margin-bottom:-14px
}
.game-card .game-card-img .game-logo img{
    width:27px;
    border-radius:0
}
.game-card .game-card-details{
    margin-top:-1.4em
}
.game-card .game-card-details .box-title{
    color:var(--white-color);
    margin-bottom:0
}
.game-card .game-card-details .game-content{
    font-size:14px;
    font-weight:400;
    margin-bottom:-0.4em;
    color:var(--white-color)
}
.game-card .game-card-details .game-content span{
    margin-left:5px;
    display:inline-block
}
.game-card:hover .game-card-img a img{
    -webkit-transform:scale(1.15);
    -ms-transform:scale(1.15);
    transform:scale(1.15)
}
.game-card.style2{
    padding:0
}
.game-card.style2 .game-card-img{
    padding:0 30px;
    position:relative;
    z-index:1;
    margin-bottom:-50px;
    overflow:hidden
}
.game-card.style2 .game-card-img a{
    border-radius:20px
}
.game-card.style2 .game-card-img .game-logo{
    width:100px;
    height:100px;
    line-height:90px;
    border:5px solid var(--title-color);
    background:var(--black-color3);
    border-radius:50%;
    -webkit-clip-path:none;
    clip-path:none;
    left:0;
    display:block;
    -webkit-transform:translate(-5px, -50px);
    -ms-transform:translate(-5px, -50px);
    transform:translate(-5px, -50px);
    margin-bottom:-50px;
    -webkit-transition:0.4s;
    transition:0.4s
}
.game-card.style2 .game-card-img .game-logo img{
    -webkit-transition:.4s;
    transition:.4s;
    width:60px
}
.game-card.style2 .game-card-details{
    border:1px solid var(--body-color);
    -webkit-transition:0.4s;
    transition:0.4s;
    border-radius:30px;
    padding:152px 30px 30px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    text-align:left;
    -webkit-transform:translate(0, -78px);
    -ms-transform:translate(0, -78px);
    transform:translate(0, -78px);
    margin-bottom:-78px;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.game-card.style2 .game-card-details .box-title{
    font-size:30px
}
.game-card.style2 .game-card-details .media-body{
    text-align:end;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.game-card.style2 .game-card-details .game-rating{
    display:inline-block;
    height:24px;
    line-height:24px;
    padding:0 8px;
    border-radius:5px;
    background:var(--black-color3);
    font-size:14px
}
.game-card.style2 .game-card-details .game-rating i{
    color:var(--theme-color2)
}
.game-card.style2 .game-card-details .review-count{
    display:block;
    margin-top:5px;
    margin-bottom:-0.4em;
    font-size:14px
}
.game-card.style2:hover .game-card-details{
    border-color:var(--theme-color)
}
.game-card.style2:hover .game-logo{
    background:var(--theme-color)
}
.game-card.style2:hover .game-logo img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
@media (max-width: 1299px){
    .game-card.style2 .game-card-details .box-title{
        font-size:24px
    }
}
@media (max-width: 1199px){
    .game-card.style2 .game-card-details{
        display:block
    }
    .game-card.style2 .game-card-details .media-body{
        text-align:left;
        margin-top:17px;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .game-card.style2 .game-card-details .review-count{
        margin-bottom:0
    }
}
.game-filter-btn{
    background:var(--black-color2);
    padding:12px;
    gap:12px;
    -webkit-clip-path:polygon(18px 0%, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
    clip-path:polygon(18px 0%, calc(100% - 18px) 0%, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0% calc(100% - 18px), 0% 18px);
    margin-bottom:50px
}
.game-filter-btn .tab-btn{
    background:var(--title-color);
    border:0;
    font-size:18px;
    font-weight:600;
    color:var(--body-color);
    font-family:var(--title-font);
    letter-spacing:0.1em;
    padding:15px 45px;
    -webkit-clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px);
    clip-path:polygon(15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px)
}
@media (max-width: 1299px){
    .game-filter-btn .tab-btn{
        padding:15px 30px
    }
}
@media (max-width: 1199px){
    .game-filter-btn .tab-btn{
        background:var(--black-color2)
    }
}
.game-filter-btn .tab-btn.active,.game-filter-btn .tab-btn:hover{
    background:var(--theme-color);
    color:var(--title-color)
}
@media (max-width: 1199px){
    .game-filter-btn{
        background:transparent;
        -webkit-clip-path:none;
        clip-path:none;
        padding:0
    }
}
.game-filter-btn.style2 .tab-btn.active,.game-filter-btn.style2 .tab-btn:hover{
    color:var(--white-color)
}
.game-card.style3{
    background:var(--black-color2);
    padding:20px
}
.game-card.style3 .game-card-img{
    margin-bottom:-15px
}
@media (max-width: 375px){
    .game-card.style3 .game-card-img{
        margin-bottom:-20px
    }
}
.game-card.style3 .game-card-img a{
    position:relative;
    border-radius:0
}
.game-card.style3 .game-card-img a:after{
    content:'';
    position:absolute;
    inset:0;
    top:0;
    left:0;
    background:-webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0) 50.74%);
    background:linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 50.74%)
}
.game-card.style3 .game-card-img img{
    border-radius:0;
    height:270px;
    object-fit:cover
}
@media (max-width: 1199px){
    .game-card.style3 .game-card-img img{
        height:200px
    }
}
@media (max-width: 767px){
    .game-card.style3 .game-card-img img{
        height:270px
    }
}
@media (max-width: 375px){
    .game-card.style3 .game-card-img img{
        height:220px
    }
}
.game-card.style3 .game-rating{
    position:absolute;
    right:30px;
    top:30px;
    z-index:1;
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color);
    line-height:1;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:5px
}
.game-card.style3 .game-rating i{
    color:var(--yellow-color);
    font-size:14px;
    margin-top:-1px
}
.game-card.style3 .game-card-details{
    margin-top:0
}
.game-card.style3 .game-card-details .game-tag{
    display:inline-block;
    background:var(--theme-color);
    color:var(--title-color);
    width:86px;
    height:30px;
    line-height:30px;
    -webkit-clip-path:polygon(8px 0%, calc(100% - 8px) 0%, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0% calc(100% - 8px), 0% 8px);
    clip-path:polygon(8px 0%, calc(100% - 8px) 0%, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0% calc(100% - 8px), 0% 8px);
    margin-top:1px
}
@media (max-width: 1299px){
    .game-card.style3 .game-card-details .game-tag{
        width:78px;
        margin-top:0
    }
}
@media (max-width: 1199px){
    .game-card.style3 .game-card-details .game-tag{
        width:86px;
        position:relative
    }
}
@media (max-width: 767px){
    .game-card.style3 .game-card-details .game-tag{
        width:120px;
        margin-top:1px
    }
}
@media (max-width: 575px){
    .game-card.style3 .game-card-details .game-tag{
        width:90px;
        margin-top:0
    }
}
.game-card.style3 .game-card-details .box-title{
    font-size:30px;
    font-weight:700;
    margin-top:20px;
    margin-bottom:9px
}
@media (max-width: 1299px){
    .game-card.style3 .game-card-details .box-title{
        font-size:24px
    }
}
.game-card.style3 .game-card-details .game-content{
    font-size:18px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--theme-color);
    margin-bottom:0
}
.game-card.style4{
    padding:0
}
.game-card.style4 .game-card-img{
    margin-bottom:0
}
.game-card.style4 .game-card-details{
    margin-top:30px;
    text-align:start
}
.game-card.style4 .game-card-details .box-title{
    font-size:24px;
    font-weight:600;
    margin-bottom:6px
}
.game-card.style4 .game-card-details .game-content{
    color:var(--theme-color);
    font-size:14px
}
.game-card.style4 .game-card-details .game-content img{
    margin-right:3px
}
.game-card.style4:hover .game-card-img a img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.game-details-wrap .game-title-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    gap:10px;
    margin-bottom:20px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.game-details-wrap .game-title-wrap .game-meta{
    font-size:14px
}
.tournament-filter-btn{
    background:var(--theme-color3);
    gap:50px;
    padding:0 30px 0 45px;
    -webkit-clip-path:polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path:polygon(30px 0%, 100% 0%, 100% 100%, 0% 100%)
}
.tournament-filter-btn .tab-btn{
    background:transparent;
    padding:0;
    border:0;
    font-size:14px;
    font-weight:600;
    color:var(--white-color);
    padding:15px 0px;
    position:relative
}
.tournament-filter-btn .tab-btn:after{
    content:'';
    position:absolute;
    left:50%;
    bottom:0;
    height:4px;
    width:100px;
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    background:var(--title-color);
    -webkit-transition:0.4s;
    transition:0.4s
}
.tournament-filter-btn .tab-btn:nth-of-type(even):after{
    top:0;
    bottom:auto
}
.tournament-filter-btn .tab-btn.active:after{
    background:var(--theme-color)
}
.tournament-card{
    --border-width: 1px;
    --border-radius: 30px;
    padding:50px;
    border-radius:30px;
    background-color:var(--black-color3);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.tournament-card .tournament-card-img{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:25px;
    border-right:2px solid var(--theme-color);
    padding-right:100px;
    margin-right:100px
}
.tournament-card .tournament-card-img img{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.tournament-card .tournament-card-meta{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:10px
}
.tournament-card .tournament-card-meta span{
    line-height:normal;
    border-radius:10px;
    padding:7.5px 30px;
    font-size:16px;
    font-weight:600;
    font-family:var(--title-font);
    display:inline-block
}
.tournament-card .tournament-card-meta .tournament-card-tag{
    color:var(--title-color);
    background-color:var(--theme-color)
}
.tournament-card .tournament-card-meta .tournament-card-score{
    --border-radius: 10px;
    color:var(--white-color)
}
.tournament-card .tournament-card-title{
    margin-top:16px;
    margin-bottom:7px
}
.tournament-card .tournament-card-title a{
    color:var(--white-color)
}
.tournament-card .tournament-card-title a:hover{
    color:var(--theme-color)
}
.tournament-card .tournament-card-date{
    font-size:18px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color);
    margin-bottom:6px
}
.tournament-card .tournament-card-date span{
    margin-left:5px
}
.tournament-card .th-social{
    gap:24px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.tournament-card .th-social a{
    width:auto;
    height:auto;
    background:transparent;
    margin:0;
    font-size:18px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color);
    line-height:normal;
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:8px
}
.tournament-card .th-social a i{
    color:var(--theme-color)
}
.tournament-card .th-social a i.fa-youtube{
    color:#F2003A
}
@media (max-width: 1299px){
    .tournament-card .tournament-card-img{
        padding-right:50px;
        margin-right:50px
    }
    .tournament-card .tournament-card-title{
        font-size:30px
    }
}
@media (max-width: 1199px){
    .tournament-card{
        padding:40px;
        display:block;
        text-align:center
    }
    .tournament-card .tournament-card-img{
        padding:0 0 30px;
        margin:0 0 40px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        border-right:0;
        border-bottom:1px solid var(--theme-color)
    }
    .tournament-card .th-social,.tournament-card .tournament-card-meta{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media (max-width: 767px){
    .tournament-card .tournament-card-img img{
        width:120px
    }
}
@media (max-width: 575px){
    .tournament-filter-btn{
        gap:20px 30px;
        padding:0 30px 0 45px
    }
    .tournament-card .tournament-card-img img{
        width:90px;
        height:110px
    }
    .tournament-card .tournament-card-title{
        font-size:24px
    }
    .tournament-filter-btn{
        display:block;
        text-align:center
    }
    .tournament-filter-btn .tab-btn{
        display:block;
        width:100%
    }
    .tournament-filter-btn .tab-btn:after{
        bottom:0
    }
    .tournament-filter-btn .tab-btn:nth-of-type(even):after{
        top:auto;
        bottom:0
    }
}
@media (max-width: 375px){
    .tournament-card .tournament-card-img{
        gap:0
    }
    .tournament-card{
        padding:30px
    }
}
@media (max-width: 320px){
    .tournament-card .tournament-card-img img{
        width:80px;
        height:90px;
        object-fit:cover
    }
}
.tournament-sec-v2{
    position:relative;
    z-index:1;
    padding-top:calc(210px + 120px)
}
.tournament-sec-v2:after{
    content:'';
    position:absolute;
    inset:0;
    background:-webkit-linear-gradient(top, #0B0E13 0%, rgba(11,14,19,0.94) 46.17%, #0B0E13 100%);
    background:linear-gradient(180deg, #0B0E13 0%, rgba(11,14,19,0.94) 46.17%, #0B0E13 100%);
    z-index:-1
}
.tournament-filter-btn2{
    gap:15px
}
.tournament-filter-btn2 .th-btn{
    border-radius:0;
    padding:0;
    min-width:200px;
    background:var(--theme-color);
    border:none
}
.tournament-filter-btn2 .th-btn.active{
    background:var(--theme-color)
}
.tournament-filter-btn2 .th-btn.active .btn-border{
    background:var(--theme-color);
    color:var(--title-color)
}
.tournament-filter-btn2 .th-btn.active:after,.tournament-filter-btn2 .th-btn.active:before{
    background:var(--title-color)
}
.tournament-card.style2{
    background:transparent;
    padding:0
}
.tournament-card.style2 .tournament-card-img{
    text-align:center;
    margin:0;
    padding:42px 72px;
    border:0;
    position:relative;
    z-index:1
}
.tournament-card.style2 .tournament-card-img:before,.tournament-card.style2 .tournament-card-img:after{
    -webkit-clip-path:polygon(22% 0%, 78% 0%, 100% 50%, 78% 100%, 22% 100%, 0% 50%);
    clip-path:polygon(22% 0%, 78% 0%, 100% 50%, 78% 100%, 22% 100%, 0% 50%);
    content:'';
    position:absolute;
    background:var(--black-color3);
    z-index:-1;
    inset:0;
    -webkit-transition:0.4s;
    transition:0.4s
}
.tournament-card.style2 .tournament-card-img:after{
    inset:1px;
    background:var(--black-color3)
}
.tournament-card.style2 .tournament-card-img img{
    max-width:90px;
    height:100px
}
.tournament-card.style2 .tournament-card-versus{
    display:none
}
.tournament-card.style2 .tournament-card-content{
    position:relative;
    margin:0 -28.5px;
    width:-webkit-fill-available
}
.tournament-card.style2 .tournament-card-content .tournament-card-meta{
    position:absolute;
    bottom:0;
    z-index:1;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.tournament-card.style2 .tournament-card-content .tournament-card-meta span{
    padding:1.5px 20px;
    --border-radius: 8px;
    background-color:var(--black-color3)
}
.tournament-card.style2 .tournament-card-content .tournament-card-meta .tournament-card-tag{
    color:var(--white-color)
}
.tournament-card.style2 .tournament-card-content .tournament-card-details{
    padding:28px 40px 56px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    z-index:1;
    gap:30px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.tournament-card.style2 .tournament-card-content .tournament-card-details:before,.tournament-card.style2 .tournament-card-content .tournament-card-details:after{
    -webkit-mask-image:url(../img/bg/tournament-card2-bg.png);
    mask-image:url(../img/bg/tournament-card2-bg.png);
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    content:'';
    position:absolute;
    background:var(--black-color3);
    z-index:-1;
    inset:0;
    -webkit-transition:0.4s;
    transition:0.4s
}
.tournament-card.style2 .tournament-card-content .tournament-card-details:after{
    inset:1px 2px;
    background:var(--black-color3)
}
.tournament-card.style2 .tournament-card-content .card-title-wrap{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    min-width:200px
}
.tournament-card.style2 .tournament-card-content .tournament-card-subtitle{
    font-size:16px;
    font-weight:700;
    color:var(--theme-color);
    text-transform:uppercase;
    margin-bottom:0
}
.tournament-card.style2 .tournament-card-content .tournament-card-title{
    font-size:36px;
    font-weight:700;
    margin-bottom:0;
    margin-top:0
}
.tournament-card.style2 .tournament-card-content .tournament-card-date-wrap{
    background:var(--black-color);
    border-radius:20px;
    padding:21px 31px
}
.tournament-card.style2 .tournament-card-content .tournament-card-time{
    font-size:44px;
    font-weight:700;
    color:var(--white-color);
    margin-bottom:-0.05em;
    margin-top:-0.25em
}
.tournament-card.style2 .tournament-card-content .tournament-card-date{
    font-size:14px;
    font-weight:500;
    color:var(--body-color);
    font-family:var(--body-font);
    margin-bottom:-0.45em;
    text-align:center
}
.tournament-card.style2.active .tournament-card-details:before,.tournament-card.style2.active .tournament-card-img:before,.tournament-card.style2:hover .tournament-card-details:before,.tournament-card.style2:hover .tournament-card-img:before{
    background:var(--theme-color)
}
@media (max-width: 1199px){
    .tournament-card.style2{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        text-align:start;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
        gap:15px
    }
    .tournament-card.style2 .tournament-card-versus{
        display:block
    }
    .tournament-card.style2 .tournament-card-content{
        -webkit-box-ordinal-group:4;
        -webkit-order:3;
        -ms-flex-order:3;
        order:3;
        margin:0
    }
    .tournament-card.style2 .tournament-card-content .tournament-card-title{
        font-size:30px
    }
}
@media (max-width: 767px){
    .tournament-card.style2 .tournament-card-img{
        padding:35px 55px
    }
    .tournament-card.style2 .tournament-card-versus{
        width:80px
    }
    .tournament-card.style2 .tournament-card-content .tournament-card-details{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-mask-image:none !important;
        mask-image:none !important;
        padding:28px 40px 85px;
        gap:25px
    }
    .tournament-card.style2 .tournament-card-content .tournament-card-details:after,.tournament-card.style2 .tournament-card-content .tournament-card-details:before{
        -webkit-mask-image:none !important;
        mask-image:none !important
    }
    .tournament-card.style2 .tournament-card-content .tournament-card-details:after{
        inset:1px
    }
    .tournament-card.style2 .tournament-card-content .card-title-wrap{
        min-width:auto;
        width:100%;
        text-align:center
    }
    .tournament-card.style2 .tournament-card-content .tournament-card-meta{
        bottom:30px
    }
    .tournament-card.style2 .tournament-card-content .tournament-card-title{
        margin-bottom:-0.2em
    }
}
@media (max-width: 575px){
    .tournament-card.style2 .tournament-card-img img{
        max-width:60px;
        height:auto
    }
    .tournament-card.style2 .tournament-card-versus{
        width:60px
    }
    .tournament-card.style2 .tournament-card-img{
        padding:30px 47px
    }
    .tournament-card.style2 .tournament-card-content .tournament-card-meta{
        width:100%
    }
}
@media (max-width: 375px){
    .tournament-card.style2 .tournament-card-img{
        padding:20px 37px
    }
    .tournament-card.style2 .tournament-card-img img{
        max-width:50px
    }
}
@media (max-width: 320px){
    .tournament-card.style2 .tournament-card-img{
        padding:20px 31px
    }
    .tournament-card.style2 .tournament-card-versus{
        width:40px
    }
}
.tournament-card.style3{
    display:block;
    background:transparent;
    padding:0;
    border-radius:0;
    position:relative;
    margin:47px 0;
    text-align:left
}
.tournament-card.style3:after{
    content:'';
    position:absolute;
    inset:-1px;
    -webkit-clip-path:polygon(72px 0%, calc(100% - 72px) 0%, 100% 50%, calc(100% - 72px) 100%, 72px 100%, 0% 50%);
    clip-path:polygon(72px 0%, calc(100% - 72px) 0%, 100% 50%, calc(100% - 72px) 100%, 72px 100%, 0% 50%);
    background:var(--body-color);
    z-index:1;
    -webkit-transition:0.4s;
    transition:0.4s
}
.tournament-card.style3 .tournament-card-inner{
    background:var(--title-color);
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-clip-path:polygon(72px 0%, calc(100% - 72px) 0%, 100% 50%, calc(100% - 72px) 100%, 72px 100%, 0% 50%);
    clip-path:polygon(72px 0%, calc(100% - 72px) 0%, 100% 50%, calc(100% - 72px) 100%, 72px 100%, 0% 50%);
    border-radius:0;
    padding:36px 80px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    position:relative;
    z-index:2
}
.tournament-card.style3 .tournament-card-img{
    border:0;
    margin:0;
    padding:0;
    gap:20px
}
.tournament-card.style3 .tournament-card-img img{
    max-width:80px
}
.tournament-card.style3 .tournament-card-title{
    margin-top:0;
    margin-bottom:2px
}
.tournament-card.style3 .tournament-card-subtitle{
    color:var(--theme-color);
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.tournament-card.style3 .tournament-card-content{
    text-align:center;
    height:254px;
    width:254px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:50%;
    background:var(--black-color3);
    border:1px solid var(--body-color);
    position:absolute;
    left:50%;
    top:-47px;
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    z-index:3;
    -webkit-transition:0.4s;
    transition:0.4s
}
.tournament-card.style3 .tournament-card-content .tournament-year{
    margin-bottom:0;
    letter-spacing:4px;
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color)
}
.tournament-card.style3 .tournament-card-content .tournament-tag{
    margin-bottom:0;
    font-size:20px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color)
}
.tournament-card.style3:hover:after{
    background:var(--theme-color)
}
.tournament-card.style3:hover .tournament-card-content{
    border-color:var(--theme-color)
}
@media (max-width: 1199px){
    .tournament-card.style3{
        margin:284px 0 0
    }
    .tournament-card.style3 .tournament-card-content{
        -webkit-transform:translate(-50%, -100%);
        -ms-transform:translate(-50%, -100%);
        transform:translate(-50%, -100%);
        top:-30px
    }
}
@media (max-width: 991px){
    .tournament-sec-v3{
        -webkit-mask-image:none !important;
        mask-image:none !important
    }
    .tournament-card.style3 .tournament-card-inner{
        padding:36px 70px
    }
}
@media (max-width: 767px){
    .tournament-card.style3{
        margin:0;
        border:1px solid var(--body-color);
        border-radius:5px;
        background:var(--title-color);
        padding:30px;
        -webkit-transition:0.4s;
        transition:0.4s
    }
    .tournament-card.style3:after{
        display:none
    }
    .tournament-card.style3 .tournament-card-inner{
        -webkit-clip-path:none;
        clip-path:none;
        padding:0
    }
    .tournament-card.style3 .tournament-card-img{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        gap:5px
    }
    .tournament-card.style3 .tournament-card-img ~ .tournament-card-img{
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -webkit-flex-direction:column-reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:end
    }
    .tournament-card.style3 .tournament-card-img ~ .tournament-card-img img{
        margin-left:auto
    }
    .tournament-card.style3 .tournament-card-img .card-title-wrap{
        width:100%
    }
    .tournament-card.style3 .tournament-card-content{
        position:initial;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        width:auto;
        height:auto;
        border:0;
        border-radius:0;
        padding:15px;
        margin-bottom:25px;
        text-align:center
    }
    .tournament-card.style3 .tournament-card-content .tournament-card-details img{
        width:70px;
        margin-bottom:10px
    }
    .tournament-card.style3 .tournament-card-content .tournament-tag,.tournament-card.style3 .tournament-card-content .tournament-year{
        font-size:18px
    }
    .tournament-card.style3:hover{
        border-color:var(--theme-color)
    }
}
@media (max-width: 575px){
    .tournament-card.style3 .tournament-card-img img{
        width:auto;
        max-width:none;
        height:90px
    }
}
@media (max-width: 375px){
    .tournament-card.style3 .tournament-card-inner{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        gap:20px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        text-align:center
    }
    .tournament-card.style3 .tournament-card-img{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .tournament-card.style3 .tournament-card-img ~ .tournament-card-img{
        text-align:center
    }
    .tournament-card.style3 .tournament-card-img ~ .tournament-card-img img{
        margin-right:auto
    }
}
.tournament-card.style4{
    background:transparent;
    gap:50px;
    padding:0
}
.tournament-card.style4 .tournament-player-wrap2,.tournament-card.style4 .tournament-player-wrap{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    z-index:1;
    -webkit-box-flex:1;
    -webkit-flex:auto;
    -ms-flex:auto;
    flex:auto;
    -webkit-clip-path:polygon(0 -285px, 100% 0, 100% calc(100% - 45px), calc(100% - 45px) 100%, 45px 100%, 0% calc(100% - 45px));
    clip-path:polygon(0 -285px, 100% 0, 100% calc(100% - 45px), calc(100% - 45px) 100%, 45px 100%, 0% calc(100% - 45px));
    margin-top:57px
}
.tournament-card.style4 .tournament-player-wrap2 .card-title-wrap,.tournament-card.style4 .tournament-player-wrap .card-title-wrap{
    padding:45px 0 45px 45px
}
@media (max-width: 1199px){
    .tournament-card.style4 .tournament-player-wrap2 .card-title-wrap,.tournament-card.style4 .tournament-player-wrap .card-title-wrap{
        padding:35px 0 35px 35px
    }
}
.tournament-card.style4 .tournament-player-wrap2:after,.tournament-card.style4 .tournament-player-wrap:after{
    content:'';
    position:absolute;
    inset:0;
    background:var(--black-color3);
    -webkit-clip-path:polygon(44px 0%, calc(100% - 44px) 0%, 100% 44px, 100% calc(100% - 44px), calc(100% - 44px) 100%, 44px 100%, 0% calc(100% - 44px), 0% 44px);
    clip-path:polygon(44px 0%, calc(100% - 44px) 0%, 100% 44px, 100% calc(100% - 44px), calc(100% - 44px) 100%, 44px 100%, 0% calc(100% - 44px), 0% 44px);
    z-index:-1
}
@media (max-width: 991px){
    .tournament-card.style4 .tournament-player-wrap2,.tournament-card.style4 .tournament-player-wrap{
        -webkit-box-flex:1;
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto;
        width:80%;
        margin-top:52px;
        -webkit-clip-path:polygon(0 -435px, 100% 0, 100% calc(100% - 45px), calc(100% - 45px) 100%, 45px 100%, 0% calc(100% - 45px));
        clip-path:polygon(0 -435px, 100% 0, 100% calc(100% - 45px), calc(100% - 45px) 100%, 45px 100%, 0% calc(100% - 45px))
    }
}
@media (max-width: 575px){
    .tournament-card.style4 .tournament-player-wrap2,.tournament-card.style4 .tournament-player-wrap{
        margin-top:0
    }
}
.tournament-card.style4 .tournament-player-wrap2{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    text-align:end
}
.tournament-card.style4 .tournament-player-wrap2 .card-title-wrap{
    padding:45px 45px 45px 0
}
@media (max-width: 1199px){
    .tournament-card.style4 .tournament-player-wrap2 .card-title-wrap{
        padding:35px 35px 35px 0
    }
}
@media (max-width: 991px){
    .tournament-card.style4 .tournament-player-wrap2{
        margin-top:0
    }
}
.tournament-card.style4 .tournament-card-img{
    padding:0;
    margin:0;
    border:0;
    margin-top:-57px;
    -webkit-align-self:flex-end;
    -ms-flex-item-align:end;
    align-self:flex-end;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.tournament-card.style4 .tournament-card-img img{
    width:auto;
    height:auto
}
@media (max-width: 575px){
    .tournament-card.style4 .tournament-card-img{
        margin-top:0
    }
}
.tournament-card.style4 .tournament-card-content{
    text-align:center;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
@media (max-width: 991px){
    .tournament-card.style4 .tournament-card-content{
        -webkit-box-flex:0;
        -webkit-flex:none;
        -ms-flex:none;
        flex:none
    }
}
.tournament-card.style4 .tournament-card-content .tournament-card-meta{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.tournament-card.style4 .tournament-card-subtitle{
    color:var(--theme-color);
    font-size:14px;
    font-weight:600;
    margin-bottom:0
}
.tournament-card.style4 .tournament-card-title{
    margin-bottom:-0.2em;
    margin-top:5px
}
.tournament-card.style4 .tournament-card-tag{
    background:var(--black-color2);
    color:var(--theme-color);
    margin-bottom:16px
}
.tournament-card.style4 .tournament-card-date{
    margin-bottom:12px
}
.tournament-card.style4 .tournament-card-date .tournament-card-time{
    color:var(--theme-color)
}
.tournament-card.style4 .th-social{
    margin-bottom:25px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.tournament-card.style4 .th-btn .btn-border{
    padding:14px 30px
}
@media (max-width: 1199px){
    .tournament-card.style4{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        text-align:start
    }
}
@media (max-width: 991px){
    .tournament-card.style4{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        gap:30px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .tournament-card.style4:not(:last-child){
        margin-bottom:30px
    }
}
.tournament-card.style5{
    padding:40px 70px 22px;
    border-radius:0;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:0 47px;
    background:transparent;
    position:relative
}
@media (max-width: 1199px){
    .tournament-card.style5{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        gap:0 30px;
        padding:40px 40px 30px
    }
}
@media (max-width: 767px){
    .tournament-card.style5{
        padding:40px 40px
    }
}
@media (max-width: 575px){
    .tournament-card.style5{
        padding:50px 20px 60px
    }
}
.tournament-card.style5 .tournament-card-shape{
    position:absolute;
    inset:0;
    z-index:-1;
    background-size:100% 100%
}
@media (max-width: 991px){
    .tournament-card.style5 .tournament-card-shape{
        background-size:cover;
        -webkit-clip-path:polygon(40px 0%, calc(100% - 40px) 0%, 100% 40px, 100% calc(100% - 40px), 100% 100%, 0 100%, 0% calc(100% - 40px), 0% 40px);
        clip-path:polygon(40px 0%, calc(100% - 40px) 0%, 100% 40px, 100% calc(100% - 40px), 100% 100%, 0 100%, 0% calc(100% - 40px), 0% 40px)
    }
}
.tournament-card.style5 .tournament-player-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    gap:40px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:end
}
@media (max-width: 1199px){
    .tournament-card.style5 .tournament-player-wrap{
        -webkit-box-flex:1;
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto
    }
}
.tournament-card.style5 .tournament-player-wrap.style2{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    text-align:start
}
@media (max-width: 991px){
    .tournament-card.style5 .tournament-player-wrap{
        display:block;
        text-align:center
    }
    .tournament-card.style5 .tournament-player-wrap.style2{
        text-align:center
    }
}
@media (max-width: 575px){
    .tournament-card.style5 .tournament-player-wrap{
        width:100%
    }
    .tournament-card.style5 .tournament-player-wrap.style2{
        -webkit-box-ordinal-group:5;
        -webkit-order:4;
        -ms-flex-order:4;
        order:4
    }
}
.tournament-card.style5 .tournament-player-wrap .tournament-card-img{
    border:0;
    width:160px;
    height:160px;
    padding:30px 40px;
    background-size:100% 100%;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    margin:0
}
@media (max-width: 1199px){
    .tournament-card.style5 .tournament-player-wrap .tournament-card-img{
        width:100px;
        height:100px;
        padding:25px
    }
}
@media (max-width: 991px){
    .tournament-card.style5 .tournament-player-wrap .tournament-card-img{
        margin:0 auto 10px
    }
}
@media (max-width: 575px){
    .tournament-card.style5 .tournament-player-wrap .tournament-card-img img{
        width:auto;
        height:auto
    }
}
.tournament-card.style5 .tournament-player-wrap .tournament-card-subtitle{
    color:var(--theme-color);
    font-size:18px;
    font-weight:600;
    margin-bottom:-8px
}
.tournament-card.style5 .tournament-player-wrap .tournament-card-title{
    font-size:44px;
    font-weight:700;
    margin-bottom:0
}
@media (max-width: 1299px){
    .tournament-card.style5 .tournament-player-wrap .tournament-card-title{
        font-size:36px
    }
}
.tournament-card.style5 .tournament-card-versus{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    text-align:center
}
@media (max-width: 1199px){
    .tournament-card.style5 .tournament-card-versus{
        width:40px
    }
}
@media (max-width: 575px){
    .tournament-card.style5 .tournament-card-versus{
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
}
.tournament-card.style5 .tournament-card-content{
    width:100%;
    text-align:center;
    margin-top:-7px
}
@media (max-width: 1199px){
    .tournament-card.style5 .tournament-card-content{
        margin-top:0
    }
}
@media (max-width: 575px){
    .tournament-card.style5 .tournament-card-content{
        margin-top:20px;
        margin-bottom:20px;
        -webkit-box-ordinal-group:4;
        -webkit-order:3;
        -ms-flex-order:3;
        order:3;
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
}
.tournament-card.style5 .tournament-card-content .tournament-card-time{
    font-size:30px;
    font-weight:700;
    color:var(--white-color);
    margin-bottom:-5px
}
.tournament-card.style5 .tournament-card-content .tournament-card-date{
    font-size:14px;
    font-weight:400;
    font-family:var(--body-font);
    color:var(--body-color)
}
.tournament-sec-5{
    position:relative
}
.tournament-sec-5:before{
    opacity:0.96
}
.tournament-sec-5 .tournament-sec-bg-shape{
    position:absolute;
    inset:444px 0 328px;
    z-index:1;
    background-size:100% 100%
}
.tournament-card.style5.style5-2{
    padding:40px;
    gap:0px;
    -webkit-box-align:start;
    -webkit-align-items:start;
    -ms-flex-align:start;
    align-items:start;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width: 575px){
    .tournament-card.style5.style5-2{
        padding:40px 30px
    }
}
@media (max-width: 375px){
    .tournament-card.style5.style5-2{
        padding:40px 10px
    }
}
.tournament-card.style5.style5-2 .tournament-card-shape{
    background-size:100% 100%;
    -webkit-transition:0.4s;
    transition:0.4s
}
@media (max-width: 575px){
    .tournament-card.style5.style5-2 .tournament-card-shape{
        background-size:cover
    }
}
.tournament-card.style5.style5-2 .tournament-card-shape2{
    background-size:102% 102%;
    opacity:0;
    -webkit-transition:0.4s;
    transition:0.4s;
    position:absolute;
    inset:0;
    z-index:-1
}
@media (max-width: 575px){
    .tournament-card.style5.style5-2 .tournament-card-shape2{
        background-size:cover
    }
}
.tournament-card.style5.style5-2 .tournament-player-wrap{
    text-align:center;
    display:block;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
@media (max-width: 575px){
    .tournament-card.style5.style5-2 .tournament-player-wrap{
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
}
.tournament-card.style5.style5-2 .tournament-player-wrap .tournament-card-img{
    margin:0 auto 23px
}
.tournament-card.style5.style5-2 .tournament-player-wrap .tournament-card-subtitle{
    font-size:16px
}
.tournament-card.style5.style5-2 .tournament-player-wrap .tournament-card-title{
    font-size:30px;
    margin-top:15px
}
@media (max-width: 575px){
    .tournament-card.style5.style5-2 .tournament-player-wrap .tournament-card-title{
        font-size:24px
    }
}
.tournament-card.style5.style5-2 .tournament-card-versus{
    margin-top:15px
}
@media (max-width: 575px){
    .tournament-card.style5.style5-2 .tournament-card-versus{
        -webkit-box-flex:0;
        -webkit-flex:none;
        -ms-flex:none;
        flex:none
    }
}
.tournament-card.style5.style5-2 .tournament-card-content{
    width:-webkit-min-content;
    width:-moz-min-content;
    width:min-content;
    margin:-110px auto 0
}
@media (max-width: 1299px){
    .tournament-card.style5.style5-2 .tournament-card-content{
        margin:-20px auto 0
    }
}
@media (max-width: 991px){
    .tournament-card.style5.style5-2 .tournament-card-content{
        width:100%;
        margin-top:-80px
    }
}
@media (max-width: 767px){
    .tournament-card.style5.style5-2 .tournament-card-content{
        margin-top:-10px
    }
}
@media (max-width: 575px){
    .tournament-card.style5.style5-2 .tournament-card-content{
        -webkit-box-ordinal-group:5;
        -webkit-order:4;
        -ms-flex-order:4;
        order:4
    }
}
.tournament-card.style5.style5-2 .tournament-card-content .tournament-card-details{
    background:var(--black-color);
    border-radius:16px;
    margin-top:30px;
    padding:3px 20px 8px;
    display:inline-block;
    margin-bottom:30px
}
.tournament-card.style5.style5-2 .tournament-card-content .tournament-card-time{
    font-size:30px;
    font-weight:700
}
.tournament-card.style5.style5-2 .tournament-card-content .tournament-card-date{
    font-size:14px;
    font-weight:400;
    margin-bottom:0;
    color:var(--theme-color)
}
.tournament-card.style5.style5-2 .tournament-card-content .btn-wrap{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.tournament-card.style5.style5-2 .tournament-card-content .th-btn{
    font-family:var(--body-font);
    font-size:14px
}
.tournament-card.style5.style5-2 .tournament-card-content .th-btn.style-border3 .btn-border{
    padding:17px 30px
}
.tournament-card.style5.style5-2:hover .tournament-card-shape{
    opacity:0
}
.tournament-card.style5.style5-2:hover .tournament-card-shape2{
    opacity:1
}
.tournament-details-wrap.page-single{
    background:var(--black-color3);
    border-radius:30px;
    padding:40px
}
.tournament-details-wrap.page-single .page-title{
    margin-bottom:10px
}
.tournament-details-wrap.page-single .tournament-meta{
    font-size:16px;
    font-weight:400;
    color:var(--theme-color);
    padding-bottom:32px;
    margin-bottom:32px;
    position:relative
}
.tournament-details-wrap.page-single .tournament-meta:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:var(--theme-color);
    opacity:0.2
}
@media (max-width: 1299px){
    .tournament-details-wrap.page-single{
        padding:30px
    }
}
.tournament-team-list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:50px;
    gap:40px
}
.tournament-team-list .tournament-single-team-list{
    list-style:none;
    padding:0;
    margin:0
}
.tournament-team-list .tournament-single-team-list ~ .tournament-single-team-list .tournament-single-team{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.tournament-team-list .tournament-single-team{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:12px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:18px;
    font-weight:600;
    color:var(--white-color);
    font-family:var(--title-font)
}
.tournament-team-list .tournament-single-team img{
    border-radius:10px;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
.tournament-team-list .tournament-single-team:not(:last-child){
    margin-bottom:14px
}
@media (max-width: 375px){
    .tournament-team-list .tournament-single-team{
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction:normal !important;
        -webkit-flex-direction:row !important;
        -ms-flex-direction:row !important;
        flex-direction:row !important
    }
}
.commando-card{
    position:relative;
    padding:32px 40px 45px;
    margin-top:78px;
    margin-right:30px
}
@media (max-width: 1299px){
    .commando-card{
        padding:30px
    }
}
@media (max-width: 991px){
    .commando-card{
        padding:50px
    }
}
@media (max-width: 575px){
    .commando-card{
        padding:30px
    }
}
@media (max-width: 375px){
    .commando-card{
        margin-top:0;
        margin-right:0
    }
}
.commando-card .commando-card-bg-shape{
    position:absolute;
    background-size:100% 100%;
    inset:0;
    z-index:-1
}
.commando-card .commando-card-content{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width: 375px){
    .commando-card .commando-card-content{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.commando-card .commando-thumb{
    position:relative;
    top:-110px;
    right:-70px;
    margin-left:-91px;
    margin-bottom:-110px
}
@media (max-width: 1299px){
    .commando-card .commando-thumb{
        margin-left:-108px
    }
}
@media (max-width: 375px){
    .commando-card .commando-thumb{
        margin:0 0 10px 0;
        position:initial
    }
}
.commando-card .commando-card-details{
    margin-bottom:60px
}
@media (max-width: 375px){
    .commando-card .commando-card-details{
        text-align:center;
        margin-bottom:20px
    }
}
.commando-card .commando-card-title{
    color:var(--white-color);
    font-size:36px;
    font-weight:700;
    margin-bottom:0
}
.commando-card .commando-card-text{
    margin-bottom:0
}
.commando-card .star-ratting{
    margin-bottom:13px
}
.commando-card .star-ratting i{
    color:var(--black-color)
}
.commando-card .star-ratting i.active{
    color:var(--yellow-color);
    position:relative
}
.commando-card .star-ratting i.active:after{
    content:'';
    position:absolute;
    inset:0;
    opacity:0.5;
    -webkit-filter:blur(10px);
    filter:blur(10px);
    background:var(--yellow-color)
}
.commando-card .commando-list-wrap{
    list-style:none;
    padding:0;
    margin:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    gap:20px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width: 375px){
    .commando-card .commando-list-wrap{
        gap:15px
    }
}
.commando-card .commando-list-wrap .commando-single-list{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px
}
.commando-card .commando-list-wrap .commando-single-list:first-child{
    color:var(--theme-color)
}
.commando-card .commando-list-wrap .commando-single-list:nth-child(2){
    color:#3c9ec9
}
.commando-card .commando-list-wrap .commando-single-list:nth-child(3){
    color:#FFBE18
}
.commando-card .commando-list-wrap .commando-single-list .icon{
    height:46px;
    width:46px;
    line-height:46px;
    text-align:center;
    position:relative;
    z-index:1
}
.commando-card .commando-list-wrap .commando-single-list .icon:after{
    content:'';
    position:absolute;
    inset:-25px -30px -30px -30px;
    background:url(../img/theme-img/commando-list-bg.svg);
    background-size:cover;
    z-index:-1
}
.project-card{
    text-align:center;
    position:relative;
    overflow:hidden
}
.project-card .project-img{
    z-index:2;
    overflow:hidden
}
.project-card .project-img img{
    width:100%;
    object-fit:cover
}
.project-card .project-img:after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:0;
    background-color:var(--black-color);
    opacity:0;
    -webkit-transition:0.4s ease;
    transition:0.4s ease;
    -webkit-transform:scale(0.5);
    -ms-transform:scale(0.5);
    transform:scale(0.5)
}
.project-card .icon-btn{
    --btn-size: 35px;
    background:var(--theme-color);
    color:var(--white-color);
    border-color:var(--theme-color);
    font-size:18px
}
.project-card .icon-btn:hover{
    background:var(--white-color);
    border-color:var(--white-color);
    color:var(--theme-color)
}
.project-card .project-content{
    padding:30px 10px;
    background-color:transparent;
    box-shadow:0px 3px 15px rgba(0,0,0,0.08);
    border-radius:0px;
    position:absolute;
    inset:30px;
    z-index:3;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out;
    border:1px solid rgba(255,255,255,0.4);
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    visibility:hidden;
    opacity:0
}
.project-card .project-title{
    font-weight:600;
    font-size:20px;
    margin-top:-0.2em;
    margin-bottom:6px
}
.project-card .project-title a{
    color:var(--white-color)
}
.project-card .project-title a:hover{
    color:var(--theme-color)
}
.project-card .project-subtitle{
    font-size:16px;
    font-weight:400;
    color:var(--white-color);
    margin-bottom:20px
}
.project-card:hover .project-img:after{
    opacity:0.7;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.project-card:hover .project-content{
    opacity:1;
    visibility:visible
}
@media (max-width: 991px){
    .project-card .project-img img{
        min-height:400px
    }
}
@media (max-width: 375px){
    .project-card .project-content{
        inset:20px
    }
}
.project-card.style2{
    height:318px
}
.project-card.style2 .project-img{
    height:100%
}
.project-card.style2 .project-img img{
    height:100%;
    min-height:none
}
.project-filter-btn{
    gap:20px 80px
}
.project-filter-btn .tab-btn{
    background:transparent;
    border:0;
    padding:0;
    font-size:16px;
    font-weight:600;
    color:var(--title-color);
    position:relative
}
.project-filter-btn .tab-btn:after{
    content:'';
    position:absolute;
    left:0;
    bottom:-3px;
    background:var(--theme-color);
    height:1px;
    -webkit-transition:0.4s;
    transition:0.4s;
    width:0
}
.project-filter-btn .tab-btn.active:after{
    width:100%
}
.project-card.style3:hover .project-img:after{
    opacity:0.8
}
.project-card.style3 .project-content{
    inset:0
}
.project-card.style3 .project-content .project-details{
    position:relative;
    padding:15px
}
.project-card.style3 .project-content .project-details .left-angle-shape{
    position:absolute;
    left:0;
    bottom:0;
    width:38px;
    background:var(--theme-color);
    display:inline-block;
    height:1px
}
.project-card.style3 .project-content .project-details .left-angle-shape:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    height:40px;
    width:1px;
    background:var(--theme-color)
}
.project-card.style3 .project-content .project-details .right-angle-shape{
    position:absolute;
    right:0;
    top:0;
    width:38px;
    background:var(--theme-color);
    display:inline-block;
    height:1px
}
.project-card.style3 .project-content .project-details .right-angle-shape:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    height:40px;
    width:1px;
    background:var(--theme-color)
}
.project-card.style3 .project-content .project-details .project-subtitle{
    margin-bottom:-0.2em
}
@media (max-width: 991px){
    .project-filter-btn{
        gap:20px 40px
    }
}
@media (max-width: 575px){
    .project-filter-btn{
        gap:20px 45px
    }
}
.category-card{
    background-color:var(--smoke-color2);
    padding:40px 15px 45px 15px;
    text-align:center;
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.category-card .box-shape{
    position:absolute;
    inset:2px;
    pointer-events:none;
    background-size:100% 100%
}
.category-card .box-icon{
    width:120px;
    height:120px;
    line-height:120px;
    background-color:var(--white-color);
    margin:0 auto 20px auto
}
.category-card .box-title{
    font-size:18px;
    margin-bottom:-0.3em;
    -webkit-transition:0.1s;
    transition:0.1s
}
.category-card .box-title a:hover{
    color:var(--title-color)
}
.category-card .box-subtitle{
    font-size:14px;
    font-weight:500;
    font-family:var(--title-font);
    -webkit-transition:0.4s ease-in-out;
    transition:0.4s ease-in-out
}
.category-card:hover{
    background-color:var(--theme-color)
}
.category-card:hover .box-title{
    color:var(--white-color)
}
.category-card:hover .box-subtitle{
    color:var(--white-color)
}
.category-card:hover .box-icon img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.category-box{
    text-align:center
}
.category-box .box-icon{
    width:150px;
    height:150px;
    line-height:150px;
    margin:0 auto 20px auto;
    border-radius:999px;
    position:relative;
    z-index:2
}
.category-box .box-icon:before,.category-box .box-icon:after{
    content:'';
    position:absolute;
    border-radius:inherit;
    z-index:-1
}
.category-box .box-icon:before{
    inset:11px;
    background-color:var(--white-color)
}
.category-box .box-icon:after{
    inset:0;
    border:2px dashed var(--th-border-color)
}
@media (max-width: 375px){
    .category-box .box-icon{
        width:130px;
        height:130px;
        line-height:130px
    }
}
.category-box .box-title{
    font-size:20px;
    margin-bottom:5px
}
@media (max-width: 375px){
    .category-box .box-title{
        font-size:18px
    }
}
.category-box .box-text{
    font-size:14px
}
.category-box:hover .box-icon img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.category-box:hover .box-icon:after{
    border-color:var(--theme-color);
    -webkit-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite
}
.color-scheme-wrap{
    position:fixed;
    right:0;
    top:50%;
    z-index:99;
    background:var(--black-color2);
    padding:20px;
    border-radius:10px 0 0 10px;
    display:inline-block;
    -webkit-transition:0.4s;
    transition:0.4s
}
.color-scheme-wrap .switchIcon{
    position:absolute;
    left:0;
    top:10px;
    border:0;
    background:var(--theme-color);
    color:var(--title-color);
    height:45px;
    width:45px;
    border-radius:5px 0 0 5px;
    -webkit-transform:translate(-100%, 0);
    -ms-transform:translate(-100%, 0);
    transform:translate(-100%, 0)
}
.color-scheme-wrap .color-scheme-wrap-title{
    font-size:22px;
    border-bottom:2px solid var(--th-border-color);
    padding-bottom:6px;
    color:var(--white-color);
    margin-bottom:20px
}
.color-scheme-wrap .color-scheme-wrap-title i{
    font-size:18px;
    margin-right:3px
}
.color-scheme-wrap .color-switch-btns{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:18px
}
.color-scheme-wrap .color-switch-btns button{
    padding:0;
    border:0;
    background:transparent;
    font-size:24px;
    color:var(--theme-color);
    text-align:left
}
.color-scheme-wrap.active{
    -webkit-transform:translate(100%, 0);
    -ms-transform:translate(100%, 0);
    transform:translate(100%, 0)
}
.cta-area-1{
    position:relative
}
.cta-area-1 .cta-bg-img{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0
}
.cta-area-1 .cta-bg-shape-border{
    position:absolute;
    inset:0;
    z-index:1
}
.cta-area-1 .cta-bg-shape-border svg{
    width:100%;
    height:100%
}
.cta-area-1 .cta-wrap-bg{
    position:absolute;
    inset:0
}
.cta-area-1 .cta-wrap-bg .cta-thumb{
    position:absolute;
    right:0;
    bottom:0
}
.cta-area-1 .cta-wrap{
    padding:120px 0 120px 120px;
    position:relative
}
@media (max-width: 1500px){
    .cta-area-1 .cta-wrap{
        padding:70px 0px 70px 80px
    }
    .cta-area-1 .cta-wrap .title-area{
        margin-right:-100px
    }
    .cta-area-1 .cta-wrap-bg .cta-thumb{
        width:610px
    }
}
@media (max-width: 1299px){
    .cta-area-1 .cta-wrap{
        padding:50px 0px 50px 50px
    }
    .cta-area-1 .cta-wrap .title-area{
        margin-right:-160px
    }
    .cta-area-1 .cta-wrap-bg .cta-thumb{
        width:500px;
        height:97%
    }
    .cta-area-1 .cta-wrap-bg .cta-thumb img{
        height:100%;
        object-fit:cover;
        object-position:left
    }
}
@media (max-width: 1199px){
    .cta-area-1{
        overflow:hidden
    }
    .cta-area-1 .cta-bg-shape-border{
        display:none
    }
    .cta-area-1 .cta-wrap-bg{
        -webkit-mask-image:none !important;
        mask-image:none !important;
        border-radius:20px
    }
    .cta-area-1 .cta-wrap-bg .cta-thumb{
        display:none
    }
    .cta-area-1 .cta-wrap{
        padding:65px 60px 65px 60px;
        text-align:center
    }
    .cta-area-1 .cta-wrap .title-area{
        margin-right:0
    }
}
@media (max-width: 575px){
    .cta-area-1 .cta-wrap{
        padding:65px 40px
    }
}
.cta-wrap2{
    position:relative;
    z-index:1;
    margin-top:-224px;
    margin-bottom:10px
}
.cta-wrap2 .cta-border-shape{
    position:absolute;
    inset:-10px;
    background:var(--theme-color)
}
.cta-wrap2 .cta-border-shape2{
    position:absolute;
    inset:20px;
    z-index:1;
    background-size:100% 100%
}
@media (max-width: 1299px){
    .cta-wrap2 .cta-border-shape2{
        display:none
    }
}
.cta-wrap2 .cta-wrap-content{
    background:var(--black-color3);
    text-align:center;
    padding:60px;
    position:relative;
    z-index:2
}
.cta-wrap2 p{
    max-width:676px;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 991px){
    .cta-wrap2{
        margin-bottom:7px
    }
    .cta-wrap2 .cta-border-shape{
        inset:-7px
    }
}
@media (max-width: 767px){
    .cta-wrap2{
        margin-bottom:5px
    }
    .cta-wrap2 .cta-wrap-content{
        padding:60px 40px
    }
    .cta-wrap2 .cta-border-shape{
        inset:-5px
    }
}
@media (max-width: 575px){
    .cta-wrap2{
        margin-bottom:0;
        margin-top:-254px
    }
    .cta-wrap2 .cta-border-shape{
        inset:-3px -4px
    }
}
@media (max-width: 375px){
    .cta-wrap2 .cta-wrap-content{
        padding:50px 30px
    }
}
.cta-wrap3{
    padding:35px 0 35px 60px;
    position:relative
}
.cta-wrap3:after{
    content:'';
    position:absolute;
    background:var(--black-color3);
    inset:0;
    z-index:-1;
    -webkit-clip-path:polygon(77px 0%, calc(100% - 77px) 0%, 100% 77px, 100% calc(100% - 77px), calc(100% - 77px) 100%, 77px 100%, 0% calc(100% - 77px), 0% 77px);
    clip-path:polygon(77px 0%, calc(100% - 77px) 0%, 100% 77px, 100% calc(100% - 77px), calc(100% - 77px) 100%, 77px 100%, 0% calc(100% - 77px), 0% 77px)
}
.cta-wrap3 .title-area{
    margin-right:-21px
}
@media (max-width: 1399px){
    .cta-wrap3{
        padding:60px 60px
    }
    .cta-wrap3:after{
        -webkit-clip-path:polygon(50px 0%, calc(100% - 50px) 0%, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 50px 100%, 0% calc(100% - 50px), 0% 50px);
        clip-path:polygon(50px 0%, calc(100% - 50px) 0%, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 50px 100%, 0% calc(100% - 50px), 0% 50px)
    }
}
@media (max-width: 767px){
    .cta-wrap3{
        padding:40px
    }
}
@media (max-width: 375px){
    .cta-wrap3{
        padding:40px 30px
    }
}
.cta-thumb3-1{
    margin-right:-130px;
    margin-left:-60px
}
.cta-thumb3-1 img{
    width:100%;
    border-radius:30px
}
@media (max-width: 1500px){
    .cta-thumb3-1{
        margin-right:-50px
    }
}
@media (max-width: 1399px){
    .cta-thumb3-1{
        margin-right:0
    }
}
@media (max-width: 1199px){
    .cta-thumb3-1{
        margin-left:0
    }
}
.cta-area-4{
    padding:80px 0
}
@media (max-width: 1500px){
    .cta-area-4 .cta4-sec-thumb{
        display:none
    }
}
.cta-area-5{
    max-width:1720px;
    margin:auto;
    background-size:100% 100%
}
@media (max-width: 1800px){
    .cta-area-5{
        max-width:1500px
    }
}
@media (max-width: 1500px){
    .cta-area-5{
        max-width:1330px
    }
}
@media (max-width: 1399px){
    .cta-area-5{
        max-width:1310px
    }
}
@media (max-width: 1299px){
    .cta-area-5{
        margin:0 15px
    }
}
@media (max-width: 1800px){
    .cta-wrap5 .shadow-title{
        margin-left:-100px
    }
}
@media (max-width: 1500px){
    .cta-wrap5 .shadow-title{
        margin-left:-20px
    }
}
@media (max-width: 991px){
    .cta-wrap5{
        text-align:center
    }
    .cta-wrap5 .shadow-title{
        left:50%;
        margin-left:0;
        -webkit-transform:translate(-50%, 0);
        -ms-transform:translate(-50%, 0);
        transform:translate(-50%, 0)
    }
    .cta-wrap5 .btn-wrap{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.cta-thumb5{
    margin-right:-115px
}
@media (max-width: 1500px){
    .cta-thumb5{
        margin-right:0
    }
}
.appointment-form{
    background:rgba(54,54,56,0.25);
    padding:60px
}
@media (max-width: 575px){
    .appointment-form{
        padding:40px
    }
}
@media (max-width: 375px){
    .appointment-form{
        padding:30px
    }
}
.video-area-1{
    -webkit-mask-size:cover;
    mask-size:cover;
    -webkit-mask-position:bottom;
    mask-position:bottom;
    padding:182px 0 416px;
    background-attachment:fixed
}
@media (max-width: 575px){
    .video-area-1{
        padding:152px 0 386px
    }
}
.video-box1{
    position:relative;
    display:inline-block
}
.video-box1 .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.video-box3{
    position:relative
}
.video-box3 .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.video-tab-btn{
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:20px 50px;
    margin-top:-65px;
    padding-bottom:36px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.video-tab-btn a,.video-tab-btn button{
    background:transparent;
    border:0;
    color:var(--white-color);
    font-family:var(--title-font);
    font-size:18px;
    font-weight:600;
    padding:2px 15px;
    position:relative;
    display:inline-block;
    z-index:1
}
.video-tab-btn a:after,.video-tab-btn button:after{
    content:'';
    position:absolute;
    inset:0;
    background:-webkit-linear-gradient(left, rgba(226,0,0,0.5) 0%, rgba(226,0,0,0) 100%);
    background:linear-gradient(90deg, rgba(226,0,0,0.5) 0%, rgba(226,0,0,0) 100%);
    -webkit-filter:blur(7.5px);
    filter:blur(7.5px);
    z-index:-1;
    -webkit-transition:0.4s;
    transition:0.4s;
    opacity:0
}
.video-tab-btn a:hover:after,.video-tab-btn a.active:after,.video-tab-btn button:hover:after,.video-tab-btn button.active:after{
    opacity:1
}
@media (max-width: 1500px){
    .video-tab-btn{
        margin-top:20px;
        padding-bottom:0
    }
}
@media (max-width: 375px){
    .video-tab-btn{
        gap:20px
    }
}
.video-shadow-title{
    position:initial;
    text-align:center;
    margin:60px 0 0;
    text-transform:uppercase
}
.video-box4{
    position:relative
}
.video-box4 img{
    width:100%
}
.video-box4 .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    --icon-size: 100px;
    opacity:0
}
@media (max-width: 575px){
    .video-box4 .play-btn{
        opacity:1
    }
}
.video-box4 .video-tab-btn{
    margin-top:0;
    gap:5px;
    padding:20px 30px 0;
    position:absolute;
    bottom:-1px;
    left:50%;
    -webkit-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    -webkit-clip-path:polygon(40px 0%, calc(100% - 40px) 0%, 100% 100%, 0% 100%);
    clip-path:polygon(40px 0%, calc(100% - 40px) 0%, 100% 100%, 0% 100%);
    background:var(--title-color);
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-transition:0.4s;
    transition:0.4s;
    opacity:0
}
.video-box4 .video-tab-btn a{
    font-size:14px
}
@media (max-width: 1299px){
    .video-box4 .video-tab-btn{
        gap:0
    }
}
@media (max-width: 575px){
    .video-box4 .video-tab-btn{
        opacity:1
    }
}
.video-box4:hover .play-btn{
    opacity:1
}
.video-box4:hover .video-tab-btn{
    opacity:1
}
.client-slider1{
    margin:-20px 0
}
.client-card{
    text-align:center;
    display:block;
    padding:20px 0
}
.client-card img{
    -webkit-transition:0.4s;
    transition:0.4s
}
.client-card:hover img{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.client-area-2{
    padding:65px 0
}
@media (max-width: 575px){
    .client-area-2{
        padding:55px 0
    }
}
.client-area-3{
    padding:50px 0;
    background-size:100% 100%;
    margin-right:-100px
}
@media (max-width: 1399px){
    .client-area-3{
        background-size:cover;
        background:var(--black-color2)
    }
}
@media (max-width: 575px){
    .client-area-3{
        margin-right:0
    }
}
.client-card2{
    text-align:center;
    display:block
}
.client-card2 .client-card2-title{
    color:var(--white-color);
    font-size:24px;
    font-weight:600;
    margin-top:10px;
    margin-bottom:-0.3em
}
.tab-menu1{
    gap:10px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.tab-menu1 .tab-btn{
    font-size:14px;
    padding:4px 12px;
    background-color:var(--smoke-color2);
    border:1px solid var(--th-border-color);
    border-radius:6px
}
.tab-menu1 .tab-btn.active{
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color:var(--white-color)
}
.point-table-area-1{
    position:relative;
    background-attachment:fixed;
    z-index:1
}
.point-table-area-1:after{
    content:'';
    position:absolute;
    inset:-1px;
    z-index:-1;
    background:-webkit-linear-gradient(top, #0B0E13 0%, rgba(11,14,19,0.94) 46.17%, #0B0E13 100%);
    background:linear-gradient(180deg, #0B0E13 0%, rgba(11,14,19,0.94) 46.17%, #0B0E13 100%)
}
.table-responsive{
    overflow-y:hidden
}
.tournament-table{
    border:0;
    border-collapse:separate;
    border-spacing:0 10px;
    margin-top:-10px;
    margin-bottom:-10px;
    min-width:1000px
}
.tournament-table thead{
    background-color:var(--theme-color);
    -webkit-clip-path:polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
    clip-path:polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%)
}
.tournament-table thead th{
    border:0;
    text-align:center;
    font-size:20px;
    font-weight:700;
    font-family:var(--title-font);
    color:var(--title-color);
    line-height:44px
}
.tournament-table thead th:last-child{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    padding-right:0px
}
.tournament-table thead th:first-child{
    padding-left:50px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    display:block
}
.tournament-table thead th:nth-child(2){
    text-align:left
}
.tournament-table tbody tr{
    -webkit-clip-path:polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
    clip-path:polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
    background:var(--black-color3);
    margin-top:10px
}
.tournament-table tbody tr th{
    border:0;
    text-align:center;
    font-size:24px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color);
    vertical-align:middle
}
.tournament-table tbody tr td{
    border:0;
    vertical-align:middle;
    font-size:24px;
    font-weight:600;
    font-family:var(--title-font);
    color:var(--white-color);
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    padding:10px
}
.tournament-table tbody tr td a{
    color:var(--white-color)
}
.tournament-table tbody tr td a:hover{
    color:var(--theme-color)
}
.tournament-table tbody tr td ~ td{
    text-align:center
}
.tournament-table tbody tr td img{
    max-height:40px;
    margin-right:20px
}
.instagram-area-1{
    position:relative;
    z-index:1;
    padding:0 100px
}
@media (max-width: 1399px){
    .instagram-area-1{
        padding:0 50px
    }
}
@media (max-width: 767px){
    .instagram-area-1{
        padding:0 15px
    }
}
.instagram-sec-title{
    font-size:94px;
    font-weight:700;
    color:var(--white-color);
    margin-bottom:-150px
}
@media (max-width: 1500px){
    .instagram-sec-title{
        font-size:60px
    }
}
@media (max-width: 1199px){
    .instagram-sec-title{
        margin-bottom:0;
        margin-top:-0.23em
    }
}
@media (max-width: 767px){
    .instagram-sec-title{
        font-size:50px
    }
}
@media (max-width: 575px){
    .instagram-sec-title{
        font-size:40px
    }
}
.instagram-slider1{
    padding-top:34px
}
.instagram-slider1 .swiper-wrapper{
    padding-bottom:150px;
    padding-top:150px
}
.instagram-slider1 .swiper-slide{
    -webkit-transition:0.4s;
    transition:0.4s;
    height:240px
}
.instagram-slider1 .swiper-slide.swiper-slide-active{
    margin-top:-150px
}
.instagram-slider1 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide{
    margin-top:150px
}
.instagram-slider1 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide{
    margin-top:0
}
.instagram-slider1 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide{
    margin-top:-150px
}
.instagram-slider1 .swiper-slide.swiper-slide-active ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide ~ .swiper-slide{
    margin-top:0
}
@media (max-width: 1500px){
    .instagram-slider1{
        padding-top:76px
    }
    .instagram-slider1 .swiper-slide{
        height:180px
    }
}
@media (max-width: 1199px){
    .instagram-slider1{
        padding-top:30px
    }
    .instagram-slider1 .swiper-wrapper{
        padding:0
    }
    .instagram-slider1 .swiper-slide{
        margin-top:0 !important;
        height:auto
    }
}
.insta-box{
    position:relative;
    border-radius:30px;
    overflow:hidden;
    height:100%
}
.insta-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:30px
}
.insta-box .icon-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background:rgba(0,0,0,0.5);
    border:0;
    height:100%;
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:36px;
    color:var(--white-color);
    border-radius:30px;
    opacity:0
}
.insta-box:hover .icon-btn{
    opacity:1
}
.gallery-area-1{
    margin:0 45px
}
@media (max-width: 991px){
    .gallery-area-1{
        margin:0
    }
}
@media (max-width: 767px){
    .gallery-area-1{
        margin:0 15px
    }
}
.gallery-wrap1 .th-video{
    border-radius:0
}
.gallery-wrap1 .th-video img{
    width:100%
}
.gallery-wrap1 .th-video .play-btn{
    opacity:0;
    visibility:hidden
}
.gallery-slider1{
    margin:0 -140px
}
.gallery-slider1 .swiper-slide-active .th-video{
    border:1px solid var(--theme-color);
    border-radius:30px
}
.gallery-slider1 .swiper-slide-active .th-video .play-btn{
    opacity:1;
    visibility:visible
}
.gallery-slider1 .slider-arrow{
    --pos-x: 100px;
    --icon-size: 92px;
    --icon-font-size: 24px;
    background:var(--title-color);
    color:var(--theme-color)
}
.gallery-slider1 .slider-arrow:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    border:double 1px transparent;
    border-radius:50px;
    background-image:-webkit-linear-gradient(var(--title-color), var(--title-color)),-webkit-linear-gradient(right, var(--theme-color2), var(--theme-color3) 80%);
    background-image:linear-gradient(var(--title-color), var(--title-color)),linear-gradient(to left, var(--theme-color2), var(--theme-color3) 80%);
    background-origin:border-box;
    background-clip:content-box, border-box;
    -webkit-transition:0.4s;
    transition:0.4s;
    z-index:-1
}
.gallery-slider1 .slider-arrow.slider-next:before{
    background-image:-webkit-linear-gradient(var(--title-color), var(--title-color)),-webkit-linear-gradient(left, var(--theme-color2), var(--theme-color3) 80%);
    background-image:linear-gradient(var(--title-color), var(--title-color)),linear-gradient(to right, var(--theme-color2), var(--theme-color3) 80%)
}
.gallery-slider1 .slider-arrow:hover{
    color:var(--white-color)
}
@media (max-width: 1299px){
    .gallery-slider1 .slider-arrow{
        --pos-x: 110px;
        --icon-size: 72px
    }
}
@media (max-width: 991px){
    .gallery-slider1{
        margin:0 -40px
    }
}
@media (max-width: 767px){
    .gallery-slider1{
        margin:0
    }
}
@media (max-width: 575px){
    .gallery-wrap1 .play-btn.style3>i{
        --icon-size: 50px;
        --icon-font-size: 16px
    }
}
.gallery-card{
    position:relative
}
.gallery-card .box-img img{
    width:100%
}
.gallery-card .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    opacity:0
}
.gallery-card:hover .play-btn{
    opacity:1
}
.gallery-card.style2{
    background:transparent;
    -webkit-transition:0.4s;
    transition:0.4s
}
.gallery-card.style2 .gallery-card-img{
    position:relative
}
.gallery-card.style2 .gallery-card-img img{
    width:100%
}
.gallery-card.style2 .gallery-card-img .img-overlay{
    position:absolute;
    inset:0;
    -webkit-transition:0.4s;
    transition:0.4s;
    opacity:0
}
.gallery-card.style2 .play-btn{
    position:relative;
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    left:auto;
    top:auto
}
.gallery-card.style2 .gallery-content{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:left;
    padding:33px 120px 0;
    -webkit-transition:0.4s;
    transition:0.4s;
    opacity:0;
    position:absolute;
    left:0;
    right:0;
    gap:10px
}
@media (max-width: 1199px){
    .gallery-card.style2 .gallery-content{
        padding:33px 80px 0
    }
}
@media (max-width: 991px){
    .gallery-card.style2 .gallery-content{
        position:inherit
    }
}
@media (max-width: 767px){
    .gallery-card.style2 .gallery-content{
        padding:33px 60px 0
    }
}
@media (max-width: 575px){
    .gallery-card.style2 .gallery-content{
        padding:33px 30px 0
    }
}
@media (max-width: 375px){
    .gallery-card.style2 .gallery-content{
        padding:33px 0px 0
    }
}
.gallery-card.style2 .gallery-card-subtitle{
    color:var(--theme-color);
    font-size:18px;
    font-weight:600;
    font-family:var(--title-font);
    margin-bottom:3px;
    display:block
}
.gallery-card.style2 .gallery-card-title{
    font-size:36px;
    font-weight:700;
    margin-bottom:0
}
.gallery-card.style2 .gallery-card-title a{
    color:var(--white-color)
}
.gallery-card.style2 .gallery-card-title a:hover{
    color:var(--theme-color)
}
@media (max-width: 1299px){
    .gallery-card.style2 .gallery-card-title{
        font-size:24px
    }
}
@media (max-width: 991px){
    .gallery-slider3{
        padding:0 30px
    }
}
.gallery-slider3 .th-slider{
    padding-top:135px
}
@media (max-width: 991px){
    .gallery-slider3 .th-slider{
        padding-top:0
    }
}
.gallery-slider3 .swiper-3d .swiper-slide-shadow-right,.gallery-slider3 .swiper-3d .swiper-slide-shadow-left{
    background-image:none
}
.gallery-slider3 .swiper-slide-active.gallery-card.style2{
    margin-top:-135px;
    margin-bottom:-135px
}
.gallery-slider3 .swiper-slide-active.gallery-card.style2 .gallery-card-img .img-overlay{
    opacity:1
}
.gallery-slider3 .swiper-slide-active.gallery-card.style2 .gallery-content{
    opacity:1
}
@media (max-width: 991px){
    .gallery-slider3 .swiper-slide-active.gallery-card.style2{
        margin-top:0;
        margin-bottom:0
    }
}
.gallery-slider3 .swiper-slide-prev{
    -webkit-transform:translate(104px, 0);
    -ms-transform:translate(104px, 0);
    transform:translate(104px, 0)
}
@media (max-width: 1199px){
    .gallery-slider3 .swiper-slide-prev{
        -webkit-transform:translate(70px, 0);
        -ms-transform:translate(70px, 0);
        transform:translate(70px, 0)
    }
}
@media (max-width: 991px){
    .gallery-slider3 .swiper-slide-prev{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.gallery-slider3 .swiper-slide-next{
    -webkit-transform:translate(-104px, 0);
    -ms-transform:translate(-104px, 0);
    transform:translate(-104px, 0);
    z-index:-1
}
@media (max-width: 1199px){
    .gallery-slider3 .swiper-slide-next{
        -webkit-transform:translate(-70px, 0);
        -ms-transform:translate(-70px, 0);
        transform:translate(-70px, 0)
    }
}
@media (max-width: 991px){
    .gallery-slider3 .swiper-slide-next{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.gallery-slider3 .slider-pagination{
    height:auto
}
.gallery-slider3 .slider-pagination .swiper-pagination-bullet{
    --swiper-pagination-bullet-size: 3px;
    --swiper-pagination-bullet-horizontal-gap: 0;
    border-radius:0;
    width:204px;
    bottom:0;
    margin:0;
    background:var(--black-color3);
    -webkit-transition:0.4s;
    transition:0.4s
}
@media (max-width: 1299px){
    .gallery-slider3 .slider-pagination .swiper-pagination-bullet{
        width:100px
    }
}
@media (max-width: 991px){
    .gallery-slider3 .slider-pagination .swiper-pagination-bullet{
        width:90px
    }
}
@media (max-width: 767px){
    .gallery-slider3 .slider-pagination .swiper-pagination-bullet{
        width:70px
    }
}
@media (max-width: 575px){
    .gallery-slider3 .slider-pagination .swiper-pagination-bullet{
        width:50px
    }
}
@media (max-width: 375px){
    .gallery-slider3 .slider-pagination .swiper-pagination-bullet{
        width:40px
    }
}
.gallery-slider3 .slider-pagination .swiper-pagination-bullet:before{
    display:none
}
.gallery-slider3 .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:var(--theme-color)
}
.countdown-thumb1-1{
    z-index:1
}
@media (max-width: 1500px){
    .countdown-thumb1-1{
        width:380px
    }
}
@media (max-width: 1399px){
    .countdown-thumb1-1{
        width:350px
    }
}
@media (max-width: 1299px){
    .countdown-thumb1-1{
        width:280px
    }
}
.countdown-thumb1-2{
    z-index:1
}
@media (max-width: 1500px){
    .countdown-thumb1-2{
        width:420px
    }
}
@media (max-width: 1399px){
    .countdown-thumb1-2{
        width:380px
    }
}
@media (max-width: 1299px){
    .countdown-thumb1-2{
        width:310px
    }
}
.countdown-wrap1{
    max-width:682px;
    margin:auto
}
.countdown-wrap1 .countdown-subtitle{
    font-size:44px;
    font-weight:700;
    color:var(--white-color);
    text-transform:uppercase;
    margin-top:-0.28em
}
@media (max-width: 1199px){
    .countdown-wrap1 .countdown-subtitle{
        font-size:36px
    }
}
@media (max-width: 991px){
    .countdown-wrap1 .countdown-subtitle{
        font-size:32px
    }
}
@media (max-width: 767px){
    .countdown-wrap1 .countdown-subtitle{
        font-size:30px
    }
}
.countdown-wrap1 .countdown-title{
    font-family:var(--war-font2);
    color:var(--theme-color);
    font-size:74px;
    font-weight:400;
    margin-top:-0.22em;
    margin-bottom:8px
}
@media (max-width: 1199px){
    .countdown-wrap1 .countdown-title{
        font-size:60px
    }
}
@media (max-width: 991px){
    .countdown-wrap1 .countdown-title{
        font-size:54px
    }
}
@media (max-width: 767px){
    .countdown-wrap1 .countdown-title{
        font-size:48px
    }
}
@media (max-width: 575px){
    .countdown-wrap1 .countdown-title{
        font-size:40px
    }
}
.countdown-wrap1 .countdown-time{
    font-size:24px;
    font-weight:600;
    color:var(--white-color);
    margin-bottom:0
}
.counter-list{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:26px;
    margin-bottom:0;
    padding:0;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:15px
}
.counter-list li{
    display:block;
    text-align:center
}
.counter-list li .count-number{
    color:var(--white-color);
    font-size:44px;
    font-weight:700;
    font-family:var(--title-font);
    margin-bottom:8px;
    margin-top:4px;
    background:var(--black-color2);
    padding:27px 17px;
    min-width:80px;
    -webkit-clip-path:polygon(12px 0%, calc(100% - 12px) 0%, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0% calc(100% - 12px), 0% 12px);
    clip-path:polygon(12px 0%, calc(100% - 12px) 0%, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0% calc(100% - 12px), 0% 12px);
    background-size:calc(100% - 10px) calc(100% - 10px);
    background-position:center;
    background-repeat:no-repeat
}
.counter-list li .count-name{
    color:var(--body-color);
    font-family:var(--body-font);
    text-transform:uppercase;
    font-weight:600;
    font-family:var(--title-font);
    font-size:18px;
    margin-bottom:-0.4em;
    display:block
}
@media (max-width: 1299px){
    .counter-list li .count-number{
        font-size:36px
    }
}
.subscribe-wrap1{
    padding:65px 60px;
    background-size:100% 100%
}
@media (max-width: 575px){
    .subscribe-wrap1{
        padding:45px 40px
    }
}
.subscribe-wrap1 .title-area .sec-text{
    font-family:var(--title-font);
    font-size:20px;
    font-weight:600;
    margin-bottom:0
}
.subscribe-wrap1 .newsletter-form .form-group{
    margin-bottom:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.subscribe-wrap1 .newsletter-form .form-group .form-control{
    height:56px;
    background:var(--black-color);
    border:0;
    color:var(--white-color);
    padding:0 30px;
    -webkit-clip-path:polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%);
    clip-path:polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%)
}
.subscribe-wrap1 .newsletter-form .form-group .th-btn{
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none
}
@media (max-width: 575px){
    .subscribe-wrap1 .newsletter-form .form-group{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        gap:15px
    }
}
.px-5{
    padding-right:5px;
    padding-left:5px
}
.px-10{
    padding-right:10px;
    padding-left:10px
}
.px-15{
    padding-right:15px;
    padding-left:15px
}
.px-20{
    padding-right:20px;
    padding-left:20px
}
.px-25{
    padding-right:25px;
    padding-left:25px
}
.px-30{
    padding-right:30px;
    padding-left:30px
}
.px-35{
    padding-right:35px;
    padding-left:35px
}
.px-40{
    padding-right:40px;
    padding-left:40px
}
.px-45{
    padding-right:45px;
    padding-left:45px
}
.px-50{
    padding-right:50px;
    padding-left:50px
}
.py-5{
    padding-top:5px;
    padding-bottom:5px
}
.py-10{
    padding-top:10px;
    padding-bottom:10px
}
.py-15{
    padding-top:15px;
    padding-bottom:15px
}
.py-20{
    padding-top:20px;
    padding-bottom:20px
}
.py-25{
    padding-top:25px;
    padding-bottom:25px
}
.py-30{
    padding-top:30px;
    padding-bottom:30px
}
.py-35{
    padding-top:35px;
    padding-bottom:35px
}
.py-40{
    padding-top:40px;
    padding-bottom:40px
}
.py-45{
    padding-top:45px;
    padding-bottom:45px
}
.py-50{
    padding-top:50px;
    padding-bottom:50px
}
.pt-5{
    padding-top:5px
}
.pt-10{
    padding-top:10px
}
.pt-15{
    padding-top:15px
}
.pt-20{
    padding-top:20px
}
.pt-25{
    padding-top:25px
}
.pt-30{
    padding-top:30px
}
.pt-35{
    padding-top:35px
}
.pt-40{
    padding-top:40px
}
.pt-45{
    padding-top:45px
}
.pt-50{
    padding-top:50px
}
.pb-5{
    padding-bottom:5px
}
.pb-10{
    padding-bottom:10px
}
.pb-15{
    padding-bottom:15px
}
.pb-20{
    padding-bottom:20px
}
.pb-25{
    padding-bottom:25px
}
.pb-30{
    padding-bottom:30px
}
.pb-35{
    padding-bottom:35px
}
.pb-40{
    padding-bottom:40px
}
.pb-45{
    padding-bottom:45px
}
.pb-50{
    padding-bottom:50px
}
.pl-5{
    padding-left:5px
}
.pl-10{
    padding-left:10px
}
.pl-15{
    padding-left:15px
}
.pl-20{
    padding-left:20px
}
.pl-25{
    padding-left:25px
}
.pl-30{
    padding-left:30px
}
.pl-35{
    padding-left:35px
}
.pl-40{
    padding-left:40px
}
.pl-45{
    padding-left:45px
}
.pl-50{
    padding-left:50px
}
.pr-5{
    padding-right:5px
}
.pr-10{
    padding-right:10px
}
.pr-15{
    padding-right:15px
}
.pr-20{
    padding-right:20px
}
.pr-25{
    padding-right:25px
}
.pr-30{
    padding-right:30px
}
.pr-35{
    padding-right:35px
}
.pr-40{
    padding-right:40px
}
.pr-45{
    padding-right:45px
}
.pr-50{
    padding-right:50px
}
.pb-60{
    padding-bottom:60px
}
.pt-60{
    padding-top:60px
}
.mx-5{
    margin-right:5px;
    margin-left:5px
}
.mx-10{
    margin-right:10px;
    margin-left:10px
}
.mx-15{
    margin-right:15px;
    margin-left:15px
}
.mx-20{
    margin-right:20px;
    margin-left:20px
}
.mx-25{
    margin-right:25px;
    margin-left:25px
}
.mx-30{
    margin-right:30px;
    margin-left:30px
}
.mx-35{
    margin-right:35px;
    margin-left:35px
}
.mx-40{
    margin-right:40px;
    margin-left:40px
}
.mx-45{
    margin-right:45px;
    margin-left:45px
}
.mx-50{
    margin-right:50px;
    margin-left:50px
}
.my-5{
    margin-top:5px;
    margin-bottom:5px
}
.my-10{
    margin-top:10px;
    margin-bottom:10px
}
.my-15{
    margin-top:15px;
    margin-bottom:15px
}
.my-20{
    margin-top:20px;
    margin-bottom:20px
}
.my-25{
    margin-top:25px;
    margin-bottom:25px
}
.my-30{
    margin-top:30px;
    margin-bottom:30px
}
.my-35{
    margin-top:35px;
    margin-bottom:35px
}
.my-40{
    margin-top:40px;
    margin-bottom:40px
}
.my-45{
    margin-top:45px;
    margin-bottom:45px
}
.my-50{
    margin-top:50px;
    margin-bottom:50px
}
.mt-5{
    margin-top:5px
}
.mt-10{
    margin-top:10px
}
.mt-15{
    margin-top:15px
}
.mt-20{
    margin-top:20px
}
.mt-25{
    margin-top:25px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-45{
    margin-top:45px
}
.mt-50{
    margin-top:50px
}
.mb-5{
    margin-bottom:5px
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-25{
    margin-bottom:25px
}
.mb-30{
    margin-bottom:30px
}
.mb-35{
    margin-bottom:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-45{
    margin-bottom:45px
}
.mb-50{
    margin-bottom:50px
}
.ml-5{
    margin-left:5px
}
.ml-10{
    margin-left:10px
}
.ml-15{
    margin-left:15px
}
.ml-20{
    margin-left:20px
}
.ml-25{
    margin-left:25px
}
.ml-30{
    margin-left:30px
}
.ml-35{
    margin-left:35px
}
.ml-40{
    margin-left:40px
}
.ml-45{
    margin-left:45px
}
.ml-50{
    margin-left:50px
}
.mr-5{
    margin-right:5px
}
.mr-10{
    margin-right:10px
}
.mr-15{
    margin-right:15px
}
.mr-20{
    margin-right:20px
}
.mr-25{
    margin-right:25px
}
.mr-30{
    margin-right:30px
}
.mr-35{
    margin-right:35px
}
.mr-40{
    margin-right:40px
}
.mr-45{
    margin-right:45px
}
.mr-50{
    margin-right:50px
}
.mb-60{
    margin-bottom:60px
}
.mb-80{
    margin-bottom:80px
}
.mb-33{
    margin-bottom:33px
}
.mb-28{
    margin-bottom:28px
}
.mt-60{
    margin-top:60px
}
.mt-n1{
    margin-top:-.25rem
}
.mt-n2{
    margin-top:-.45rem
}
.mt-n3{
    margin-top:-0.8rem
}
.mt-n4{
    margin-top:-1.5rem
}
.mt-n5{
    margin-top:-3rem
}
.mb-n1{
    margin-bottom:-.25rem
}
.mb-n2{
    margin-bottom:-.45rem
}
.mb-n3{
    margin-bottom:-0.8rem
}
.mb-n4{
    margin-bottom:-1.5rem
}
.mb-n5{
    margin-bottom:-3rem
}
.space,.space-top{
    padding-top:var(--section-space)
}
.space,.space-bottom{
    padding-bottom:var(--section-space)
}
.space-extra,.space-extra-top{
    padding-top:calc(var(--section-space) - 30px)
}
.space-extra,.space-extra-bottom{
    padding-bottom:calc(var(--section-space) - 30px)
}
.space-extra2,.space-extra2-top{
    padding-top:calc(var(--section-space) - 40px)
}
.space-extra2,.space-extra2-bottom{
    padding-bottom:calc(var(--section-space) - 40px)
}
@media (max-width: 991px){
    .space,.space-top{
        padding-top:var(--section-space-mobile)
    }
    .space,.space-bottom{
        padding-bottom:var(--section-space-mobile)
    }
    .space-extra,.space-extra-top{
        padding-top:calc(var(--section-space-mobile) - 30px)
    }
    .space-extra,.space-extra-bottom{
        padding-bottom:calc(var(--section-space-mobile) - 30px)
    }
    .space-top-md-none{
        padding-top:0
    }
    .space-extra2,.space-extra2-top{
        padding-top:70px
    }
    .space-extra2,.space-extra2-bottom{
        padding-bottom:70px
    }
}
 
/*

CSS CUSTOM

*/

 .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(--theme-color);
    border: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: black;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.5s ease;
    
    
}

.btn-footer-anterior {
    width: 10%;
    padding: 10px;
    background-color: var(--theme-color);
    border: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: black;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.5s ease;
    
    
}
.disabled{
    pointer-events: none; 
    opacity: 0.50;
}
.btn-filter {
    width: 10%;
    padding: 10px;
    background-color: var(--theme-color);
    border: none;
    border-radius: 4px;
    color: black;
    font-size: 1em;
    cursor: pointer;
    transition: all 0.2s ease;
       
}
.btn-footer-anterior:hover,
.btn-footer-proximo:hover,
.btn-filter:hover {
    background-color: black;
    transition: all 0.2s ease;
    color: white;
}
.search-box {
  float: right;
  margin-bottom: 10px;


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

input[type="text"], input[type="number"], input[type="url"],input[type="file"],input[type="password"],input[type="date"], select {
    padding: 5px;
    border: 1px solid var(--theme-color)!important; 
    background-color:var(--tg-common-color-gray); 
    color: white;
    padding: 10px;
    margin-right: 5px;
    border-radius: 7px; transition: all 0.3s ease;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="url"]:focus,input[type="file"]:focus,input[type="password"]:focus{
    
    filter: drop-shadow(0 0 10px var(--theme-color)); 
    transition: all 0.3s ease;

}

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

  margin-top: 20px!important;
}
input[type="radio"] + label {
  cursor: pointer;
  font-size: 16px;
  line-height: 1; 
  margin-top: 20px;
  color: white;
}
.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;

}


    .points-box {
      color: #fff;
      font-size: 18px;
      margin-bottom: 30px;
      text-align: center;
    }

    .container-vote {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
      max-width: 1200px;
      width: 100%;
    }

    .vote-card {
      background-color: #1a1d26;
      border-radius: 16px;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      overflow: hidden;
      transition: transform 0.3s, box-shadow 0.3s;
      color: #fff;
    }

    .vote-card:hover {
      box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
    }

    .vote-card img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      transition: transform 0.3s;
    }

    .vote-card:hover img {
      transform: scale(1.05);
    }

    .vote-content {
      padding: 20px;
    }

    .vote-title {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .vote-info {
      margin: 6px 0;
    }

    .vote-button,
    .admin-button {
      margin-top: 15px;
      padding: 10px 20px;
      border: none;
      border-radius: 10px;
      font-weight: bold;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .vote-button {
      background-color: var(--theme-color);
      filter: drop-shadow(0px 0px 5px #1c536b);
      color: white;
    }

    .vote-button:hover {      
      background-color: #1c536b;
      transition: background-color 0.3s;
      filter: drop-shadow(0px 0px 5px var(--theme-color));
    }

    .admin-button.edit {
      background-color: #007bff;
      color: white;
      margin-right: 10px;
    }

    .admin-button.edit:hover {
      background-color: #0056b3;
    }

    .admin-button.delete {
      background-color: #dc3545;
      color: white;
    }

    .admin-button.delete:hover {
      background-color: #a71d2a;
    }

    .admin-buttons {
      display: flex;
      gap: 10px;
      margin-top: 15px;
    }
    .form-group input, .form-group select,select:focus, select option{
      background-color: #1a1d26;
    }
    .form-group label, h2{
      color: white;
      margin-top: 10px;
    }
    .message-box {
      background-color: #ffffff10;
      border: 2px solid #ffffff30;
      border-radius: 16px;
      padding: 40px;
      max-width: 500px;
      backdrop-filter: blur(10px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    }

    .message-box h1 {
      font-size: 32px;
      color: white;
      margin-bottom: 20px;
    }

    .message-box p {
      font-size: 18px;
      line-height: 1.6;
    }

    .back-button {
      display: inline-block;
      margin-top: 30px;
      padding: 12px 24px;
      background-color: var(--theme-color);
      color: white;
      border: none;
      border-radius: 10px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      transition: background-color 0.3s;
      text-decoration: none;
    }

    .back-button:hover {
      background-color: #1c536b;
    }
    .circle {
    width: 25px;
    height: 25px;
    border: 4px solid white;
    border-top: 4px solid #1c536b;
    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); }
}

    .login-box {
      background-color: #1a1d26;
      padding: 40px;
      border-radius: 20px;
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
      width: 100%;
      max-width: 500px;
      color: white;
      box-sizing: border-box;
    }

    .login-box h2 {
      text-align: center;
      margin-bottom: 30px;
      color: #fff;
    }

    .form-group {
      margin-bottom: 20px;
    }

    .form-group label {
      display: block;
      margin-bottom: 6px;
      color: #fff;
      font-weight: bold;
    }

    .form-group input {
      width: 100%;
      padding: 12px;
      border-radius: 10px;
      border: 1px solid #ccc;
      font-size: 16px;
      box-sizing: border-box;
      transition: border-color 0.3s;
    }

    .form-group input:focus {
      border-color: #5e2174;
      outline: none;
    }

    .login-button {
      width: 100%;
      padding: 12px;
      background-color: var(--theme-color);
      filter: drop-shadow(0px 0px 5px #1c536b);
      color: white;
      border: none;
      border-radius: 10px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .login-button:hover {
      background-color: #1c536b;
      transition: background-color 0.3s;
      filter: drop-shadow(0px 0px 5px var(--theme-color));
    }

    .login-footer {
      margin-top: 20px;
      text-align: center;
      font-size: 14px;
    }

    .login-footer a {
      color: var(--theme-color);
      text-decoration: none;
      font-weight: bold;
    }

    .login-footer a:hover {
      text-decoration: underline;
    }

    

  .conta-container {
    background: #ffffff0a;
    backdrop-filter: blur(10px);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
  }

  .conta-header {
    text-align: center;
    margin-bottom: 30px;
  }

  .conta-header h2 {
    font-size: 28px;
    margin: 0;
  }

  .conta-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .conta-info-item {
    background-color: #ffffff1a;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }

  .conta-info-item strong {
    display: block;
    font-size: 14px;
    color: #ccc;
    margin-bottom: 6px;
  }

  .conta-info-item span {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
  }

  .conta-status {
    margin-top: 20px;
    text-align: center;
  }

  .badge {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 8px;
    font-weight: bold;
    margin-top: 10px;
  }

  .badge-warning {
    background-color: #ffcc00;
    color: #000;
  }

  .badge-danger {
    background-color: #e63946;
    color: #fff;
  }

  .conta-actions {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .btn-conta {
    background-color: var(--theme-color);
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s;
  }
  .conta-recursos {
    margin: 25px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .input-info {
    background-color: #ffffff1c;
    color: #fff;
    padding: 12px 16px;
    border: 1px solid #9993;
    border-radius: 10px;
    font-size: 15px;
    font-weight: bold;
    pointer-events: none;
    text-align: center;
  }
  .btn-conta:hover {      
    background-color: #1c536b;
      transition: background-color 0.3s;
      filter: drop-shadow(0px 0px 5px var(--theme-color));
  }

  @media (max-width: 600px) {
    .conta-info-grid {
      grid-template-columns: 1fr;
    }
  }
    
   .doacao-container {
  background-color: #1d1f27;
  border-radius: 15px;
  padding: 30px;
  max-width: 700px;
  margin: 40px auto;
  color: #fff;
  box-shadow: 0 0 10px #0004;
}

.titulo-secao {
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
  color: #e3e3e3;
  text-shadow: 1px 1px 4px #000;
}

.doacao-texto {
  text-align: center;
  font-size: 15px;
  color: #ccc;
  margin-bottom: 20px;
}

.doacao-texto .em {
  color: var(--theme-color);
  font-style: normal;
  font-weight: bold;
}

.doacao-info {
  background-color: #2a2c38;
  border: 1px solid #444;
  border-radius: 10px;
  padding: 15px 15px 0 15px;
  margin-bottom: 25px;
  font-size: 15px;
  line-height: 1.6;
}

.form-doacao {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
 

.btn-confirmar {
    background-color: var(--theme-color);
    filter: drop-shadow(0px 0px 5px #1c536b);
  color: #000;
  border: none;
  padding: 12px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-confirmar:hover {
    background-color: #1c536b;
    transition: background-color 0.3s;
    filter: drop-shadow(0px 0px 5px var(--theme-color));
}

.hidden {
  display: none;
}

#message-donate {
  text-align: center;
  color: #ff6c6c;
}
  .servidor-container {
  background-color: #1d1f27;
  border-radius: 15px;
  padding: 30px;
  color: #fff;
  max-width: 850px;
  margin: 40px auto;
  box-shadow: 0 0 10px #0003;
}

.titulo-secao-info {
  text-align: center;
  font-size: 28px;
  margin-bottom: 25px;
  color: #e3e3e3;
  text-shadow: 1px 1px 4px #000;
}

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

.servidor-item {
  background-color: #2a2c38;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #444;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.info-label {
  font-weight: bold;
  font-size: 15px;
  color: #aaa;
  margin-bottom: 8px;
}

.info-valor {
  font-size: 17px;
  font-weight: bold;
  color: #fff;
}

.badge-sucesso {
  color: var(--theme-color);
  font-weight: bold;
}
#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);
}
  .item-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 20px;
}

.item-card {
  background: #1a1d26;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  color: #fff;
  transition: transform 0.2s;
}

.item-card:hover {
  transform: scale(1.02);
}

.item-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.item-icon {
  width: 42px;
  height: 42px;
  margin-right: 10px;
}

.item-info {
  display: flex;
  flex-direction: column;
}

.item-name {
  font-weight: bold;
  color: #6cf;
  text-decoration: none;
}

.item-name:hover {
  text-decoration: underline;
}

.item-id,
.item-refine,
.item-slots {
  font-size: 12px;
  color: #ccc;
}

.item-details {
  margin-top: 10px;
}

.item-section {
  margin-bottom: 8px;
}

.item-cards,
.item-options {
  list-style: none;
  padding-left: 10px;
}

.item-cards li,
.item-options li {
  font-size: 13px;
  margin: 2px 0;
}

.price-block {
  display: flex;
  align-items: center;
  gap: 8px;
}

.coin-icon {
  width: 20px;
  height: 20px;
}
   .item-detail {
  background: #1a1d26;
  padding: 20px;
  border-radius: 16px;
  color: #eee;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.item-detail .tournament-table.infos tbody tr td img {
   width: 24px;
   margin: 0;
}
.item-header-block {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 20px;
}

.item-img-large {
  width: 150px;
  height: auto;
  border-radius: 12px;
  background: #111;
  padding: 10px;
}

.item-icon-small {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin-right: 8px;
}

.item-name {
  font-size: 1.6em;
  color: #6cf;
}

.item-description {
  white-space: pre-wrap;
  background: #1b2739;
  padding: 10px;
  border-radius: 8px;
  font-family: 'Courier New', monospace;
  color: #ccc;
}

.tabs {
  display: flex;
  margin: 20px 0;
}

.tab {
  background: #1b2739;
  padding: 10px 20px;
  margin-right: 10px;
  border-radius: 10px;
  cursor: pointer;
  color: #aaa;
  transition: 0.2s;
}

.tab.active,
.tab:hover {
  background: var(--theme-color);
  color: #000;
  font-weight: bold;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

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;
}
   .monster-profile-card {
  background: linear-gradient(145deg, #1a1d26, #0f1c23);
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 20px;
  color: #eee;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}

.monster-header {
  display: flex;
  align-items: center;
  gap: 20px;
}

.monster-img {
  width: 150px;
  border-radius: 10px;
}

.monster-title {
  font-size: 28px;
  margin: 0;
  font-weight: bold;
  color: #00fff5;
}

.icon-mvp {
  margin-top: 10px;
  width: 65px;
}

.monster-attributes {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 15px;
}

.attribute {
  background-color: #393e46;
  padding: 10px 15px;
  border-radius: 10px;
  flex: 1 1 80px;
  text-align: center;
}

.attribute .label {
  color: #aaa;
  display: block;
  font-size: 14px;
}

.attribute .value {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

.monster-details-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 15px;
  margin-top: 20px;
}

.detail {
  background-color: #2f3640;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}


  .box-cookie {
    z-index: 99;
    position: fixed;
    bottom: 50px;
    right: -370px;
    max-width: 345px;
    width: 100%;
    background: #0f161b;
    border-radius: 8px;
    padding: 15px 25px 22px;
    transition: right 0.3s ease;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  }
  .box-cookie.show {
    right: 20px;
  }
  .box-cookie header {
    display: flex;
    align-items: center;
    column-gap: 15px;
  }

  .box-cookie .data {
    margin-top: 16px;
  }

  .box-cookie .data p {
    color: #fff;
    font-size: 16px;
  }
  .box-cookie .data p a {
    color: var(--theme-color);
    text-decoration: none;
  }
  .box-cookie .data p a:hover {
    text-decoration: underline;
  }
  .box-cookie .buttons {
    margin-top: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .box-cookie .buttons .button-cookie {
    border: none;
    color: #0f161b;
    padding: 8px 0;
    border-radius: 4px;
    background: var(--theme-color);
    cursor: pointer;
    width: calc(100% / 2 - 10px);
    transition: all 0.9s ease;

  }
  .box-cookie .buttons .button-cookie:hover {
          background-color: #1c536b;
      transition: background-color 0.3s;
      filter: drop-shadow(0px 0px 5px var(--theme-color));
  }
  .box-cookie #decline-cookie {
    border: 2px solid var(--theme-color);
    background-color: transparent;
    color: var(--theme-color);
  }
  .box-cookie #decline-cookie:hover {
    background-color: var(--theme-color);
    color: #0f161b;
  }
      .discord-button {
        position: fixed;
        bottom: 20px;
        left: 20px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #5f70be; /* Cor do Discord */
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        z-index: 1000;
        animation: pulse 1.5s infinite;
    }
    
    .discord-button::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: rgba(88, 101, 242, 0.5); /* Cor mais transparente */
        z-index: -1;
        animation: ripple 1.5s infinite;
    }
    
    .discord-button:hover {
        transform: scale(1.2);
        transition: transform 0.3s;
    }
    
    .discord-button img {
        width: 50px;
        height: auto;
        border-radius: 50%;
    }
.resultado-recuperacao-container {
  background-color: #1d1f27;
  border-radius: 15px;
  padding: 30px;
  max-width: 500px;
  margin: 80px auto;
  color: #fff;
  box-shadow: 0 0 10px #0004;
  text-align: center;
}

.titulo-secao {
  font-size: 26px;
  margin-bottom: 25px;
  color: #e3e3e3;
  text-shadow: 1px 1px 4px #000;
}

.mensagem-recuperacao {
  font-size: 18px;
  color: #ccc;
  margin-bottom: 30px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
    .container-woe {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 50px;
      gap: 40px;
    }

    .categories {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 30px;
      width: 280px;
    }

    /* Categorias do lado esquerdo: imagem à esquerda, texto à direita */
    .left .category {
      display: flex;
      align-items: center;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      padding: 10px;
      gap: 15px;
      text-align: left;
    }

    .left .category img {
      width: 24px;
      height:24px;
      border-radius: 8px;
      flex-shrink: 0;
      object-fit: cover;
    }

    /* Categorias do lado direito: texto primeiro, imagem depois */
    .right .category {
      display: flex;
      align-items: center;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      padding: 10px;
      gap: 15px;
      text-align: left;
      flex-direction: row-reverse; /* imagem à direita */
    }

    .right .category img {
      width: 24px;
      height: 24px;
      border-radius: 8px;
      flex-shrink: 0;
      object-fit: cover;
    }

    /* Texto do título e subtítulo */
    .category h3 {
      margin: 0;
      font-size: 18px;
      color: #333;
    }

    .category p {
      margin: 5px 0 0;
      font-size: 14px;
      color: #666;
    }

    .image-container-woe img {
      width: 300px;
      height: auto;
      border-radius: 20px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }

    @media (max-width: 900px) {
      .container-woe {
        flex-direction: column;
        gap: 20px;
      }

      .categories {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
      }

      .left .category,
      .right .category {
        width: 150px;
        flex-direction: column;
        text-align: center;
      }

      .left .category img,
      .right .category img {
        width: 100%;
        height: auto;
        border-radius: 10px;
      }
    }   
.header-logo a img{
    width: 200px;
}
@media (max-width: 768px){
    .header-logo a img{
        width: 100px;
    }
    .search-box, a .btn-filter, .btn-footer-anterior, .btn-footer-proximo, #paginas, #page-number, .footer-table button.btn-filter, .footer-table label {
        zoom: 0.5;
    }
    .table-responsive .table.tournament-table{
        zoom: 0.3;
    }     
    .filterdb{
        zoom: 0.4;
    }
    .termos{
        padding: 0 15px;
    }
    .btn-footer-anterior, .btn-footer-proximo{
        width: 15%;
    }
}