:root{
    --theme-color: #f08323;
    --title-color: #03598e;
    --body-color: #5C5F71;
    --smoke-color: #E4E4E5;
    --smoke-color2: #F2F3FC;
    --smoke-color3: #C5DACC;
    --smoke-color4: #E9F5ED;
    --smoke-color5: #FFF2F2;
    --black-color: #000000;
    --black-color2: #0A0A0A;
    --gray-color: #D8DDE1;
    --white-color: #ffffff;
    --light-color: #B7BEC8;
    --yellow-color: #FFB539;
    --success-color: #28a745;
    --error-color: #dc3545;
    --th-border-color: #E0E0E0;
    --title-font: "Outfit", sans-serif;
    --title-font2: "Saira", sans-serif;
    --body-font: "Inter", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1620px;
    --container-gutters: 24px;
    --section-space: 100px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s
}
html,body{
    scroll-behavior:auto !important
}
body{
    font-family:var(--body-font);
    font-size:16px;
    font-weight:400;
    color:var(--body-color);
    line-height:26px;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased
}
iframe{
    border:none;
    width:100%
}
.slick-slide:focus,button:focus,a:focus,a:active,a.nice-select.open,input,input:hover,input:focus,input:active,input.nice-select.open,textarea,textarea:hover,textarea:focus,textarea:active,textarea.nice-select.open{
    outline:none
}
input:focus{
    outline:none;
    -webkit-box-shadow: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 .4s;
    transition:all ease .4s
}
a:hover{
    color:var(--title-color)
}
a:active,a.nice-select.open,a:focus,a:hover,a:visited{
    text-decoration:none;
    outline:0
}
button{
    -webkit-transition:all ease .4s;
    transition:all ease .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:88px;
    line-height:1.09
}
.h2,h2{
    font-weight:600;
    font-size:57px;
    letter-spacing:.02em;
    line-height:1.26
}
.h3,h3{
    font-weight:500;
    font-size:40px;
    letter-spacing:.02em;
    line-height:1.25
}
.h4,h4{
    font-weight:600;
    font-size:32px;
    letter-spacing:.02em;
    line-height:1.5
}
.h5,h5{
    font-weight:600;
    font-size:24px;
    letter-spacing:.02em;
    line-height:1.333
}
.h6,h6{
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    line-height:1.5
}
@media(max-width: 1500px){
    .h1,h1{
        font-size:67px;
        line-height:1.26
    }
    .h2,h2{
        font-size:47px;
        line-height:1.31
    }
}
@media(max-width: 1399px){
    .h2,h2{
        font-size:40px;
        line-height:1.25
    }
}
@media(max-width: 1199px){
    .h1,h1{
        font-size:57px;
        line-height:1.26
    }
    .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:32px;
        line-height:1.3
    }
    .h3,h3{
        font-size:26px
    }
    .h4,h4{
        font-size:22px
    }
    .h5,h5{
        font-size:18px
    }
    .h6,h6{
        font-size:16px
    }
}
@media(max-width: 575px){
    .h1,h1{
        font-size:34px;
        line-height:1.35
    }
    .h2,h2{
        font-size:28px
    }
}
p.has-drop-cap{
    margin-bottom:20px
}
.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:.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:.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-color2)
}
.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:#57b33e
}
.wp-block-button.is-style-outline .wp-block-button__link{
    background-color:rgba(0,0,0,0);
    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:#57b33e;
    border-color:#57b33e
}
.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:#57b33e
}
ul.wp-block-latest-posts li{
    margin:15px 0
}
.wp-block-search__inside-wrapper{
    position:relative
}
.wp-block-search{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:30px
}
.wp-block-search .wp-block-search__input{
    width:100%;
    max-width:100%;
    border:1px solid var(--smoke-color);
    padding-left:25px;
    border-radius:20px
}
.wp-block-search .wp-block-search__input:focus{
    border-color:#57b33e
}
.wp-block-search .wp-block-search__button{
    margin:0;
    min-width:110px;
    height:100%;
    border:none;
    color:var(--white-color);
    background-color:#57b33e;
    border-radius:20px;
    position:absolute;
    top:0;
    right:0
}
.wp-block-search .wp-block-search__button.has-icon{
    min-width:56px
}
.wp-block-search .wp-block-search__button:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.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 8px 0 25px
}
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,.1)
}
.wp-block-table.is-style-stripes{
    border:1px solid rgba(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:-ms-flexbox;
    display:flex;
    position:relative;
    gap:15px
}
@media(max-width: 575px){
    .post-password-form p{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.post-password-form label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:auto;
    flex:auto;
    margin-bottom:0;
    line-height:1;
    margin-top:0;
    gap:15px
}
@media(max-width: 575px){
    .post-password-form label{
        -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:var(--title-color);
    background-color:#57b33e;
    text-align:center
}
.post-password-form input[type=submit]:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.page-links{
    clear:both;
    margin:0 0 1.5em;
    padding-top:1em
}
.ru-active{
    color: #ef8223 !important;
}
.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,.08);
    margin-right:10px
}
.page-links>span:not(.page-links-title):not(.screen-reader-text):hover,.page-links>a:hover{
    opacity:.8;
    color:var(--title-color);
    background-color:#57b33e;
    border-color:rgba(0,0,0,0)
}
.page-links>span:not(.page-links-title):not(.screen-reader-text).current,.page-links>a.current{
    background-color:#57b33e;
    color:var(--title-color);
    border-color:rgba(0,0,0,0)
}
.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{
    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:"";
    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:#57b33e;
    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:""
}
.blog-single.format-quote:before{
    content:""
}
.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:rgba(0,0,0,0);
    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,.blog-details .blog-single.sticky,.blog-details .blog-single.format-quote,.blog-details .blog-single.format-link{
    background-color:rgba(0,0,0,0)
}
.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
}
.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:#57b33e
}
.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)
}
@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
    }
}
.wp-block-pullquote{
    border-bottom:none;
    border-top:none;
    color:currentColor;
    margin-bottom:1.75em
}
.wp-block-pullquote cite{
    position:absolute;
    color:var(--white-color) !important
}
.wp-block-column blockquote cite,.wp-block-column .wp-block-quote cite{
    font-size:14px;
    left:10px;
    padding:7px 45px 7px 10px
}
@media(max-width: 1199px){
    .wp-block-column blockquote cite,.wp-block-column .wp-block-quote cite{
        padding:7px 25px 7px 10px
    }
}
.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(--title-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(--title-color);
    background-color:#57b33e
}
.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:rgba(0,0,0,0);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.wp-block-calendar #today,.calendar_wrap #today{
    color:#57b33e;
    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
}
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:#57b33e
}
.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:"";
    font-family:var(--icon-font);
    margin-right:10px;
    font-weight:300;
    color:#57b33e
}
.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:#57b33e
}
.widget_rss li:not(:last-child),.wp-block-rss li:not(:last-child){
    margin-bottom:16px;
    border-bottom:1px solid rgba(0,0,0,.1);
    padding-bottom:16px
}
.widget_rss a:hover,.wp-block-rss a:hover{
    color:#57b33e
}
.textwidget{
    margin-top:-0.1em
}
.th-comments-wrap .th-post-comment blockquote:before,.th-comments-wrap .th-post-comment .wp-block-quote:before{
    height:35px;
    width:35px;
    background-color:var(--smoke-color2)
}
.footer-sticky.sticky-footer{
    position:absolute;
    left:0;
    bottom:0;
    width:100%
}
@media(max-width: 1399px){
    :root{
        --main-container: 1250px
    }
}
@media(min-width: 1370px){
    .th-container2{
        --main-container: 1720px
    }
}
.th-container3{
    --main-container: 1540px
}
@media(min-width: 1370px){
    .th-container4{
        --main-container: 1620px
    }
}
@media(min-width: 1922px){
    .th-container2{
        margin-left:auto;
        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: 1680px
    }
    .th-container5{
        --main-container: 1224px
    }
}
@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
    }
}
.round-container{
    max-width:1530px;
    margin-left:auto;
    margin-right:auto;
    border-radius:50px;
    position:relative;
    z-index:2;
    overflow:hidden
}
@media(max-width: 1199px){
    .round-container{
        border-radius:0
    }
}
.slick-track>[class*=col]{
    -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)
}
.gy-30{
    --bs-gutter-y: 30px
}
.gy-40{
    --bs-gutter-y: 40px
}
.gy-50{
    --bs-gutter-y: 50px
}
.gx-10{
    --bs-gutter-x: 10px
}
.gx-80{
    --bs-gutter-x: 80px
}
@media(max-width: 1199px){
    .gx-80{
        --bs-gutter-x: 60px
    }
}
@media(max-width: 991px){
    .gx-80{
        --bs-gutter-x: 40px
    }
}
.gy-80{
    --bs-gutter-y: 80px
}
@media(max-width: 1199px){
    .gy-80{
        --bs-gutter-y: 60px
    }
}
@media(max-width: 991px){
    .gy-80{
        --bs-gutter-y: 40px
    }
}
@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: 991px){
    .gy-50{
        --bs-gutter-y: 40px
    }
}
select,.form-control,.form-select,textarea,input{
    height:48px;
    padding:0 25px 0 25px;
    padding-right:45px;
    border:1px solid var(--smoke-color);
    color:var(--body-color);
    background-color:var(--white-color);
    border-radius:5px;
    font-weight:400;
    font-size:16px;
    line-height:1.75;
    letter-spacing:.02em;
    color:rgba(92,95,113,.9);
    width:100%;
    font-family:var(--body-font);
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
select:focus,.form-control:focus,.form-select:focus,textarea:focus,input:focus{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:var(--theme-color)
}
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)
}
.form-select,
select {
  display: block;
  width: 100%;
  line-height: 1.5;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%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:150px;
    padding-top:16px;
    padding-bottom:17px;
    border-radius:5px
}
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:15px;
    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-color)
}
.form-group.has-label>i{
    top:50px
}
[class*=col-].form-group>i{
    right:calc(var(--bs-gutter-x)/2 + 25px)
}
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:"";
    color:var(--white-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:hsla(0,0%,100%,.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:"";
    position:absolute;
    font-family:var(--icon-font);
    left:0;
    top:-2px;
    width:20px;
    height:20px;
    padding-left:0;
    font-size:.6em;
    line-height:19px;
    text-align:center;
    border:1px solid var(--theme-color);
    border-radius:100%;
    font-weight:700;
    background:var(--white-color);
    color:rgba(0,0,0,0);
    -webkit-transition:all .2s ease;
    transition:all .2s ease
}
input[type=radio]:checked~label::before{
    border-color:var(--theme-color);
    background-color:var(--theme-color);
    color:var(--white-color)
}
label{
    margin-bottom:.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(.375em + .8875rem) center;
    background-image:none
}
textarea.is-invalid:focus,select.is-invalid:focus,input.is-invalid:focus,.was-validated input:invalid:focus{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
textarea.is-invalid{
    background-position:top calc(.375em + .5875rem) right calc(.375em + .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:rgba(0,0,0,0);
    color:inherit
}
input[type=date]{
    padding:0 25px 0 25px;
    position:relative
}
input[type=date]::-webkit-calendar-picker-indicator{
    background:rgba(0,0,0,0);
    position:absolute;
    left:0px;
    height:100%;
    width:100%;
    z-index:1;
    cursor:pointer
}
input[type=time]{
    padding:0 30px;
    position:relative
}
input[type=time]::-webkit-calendar-picker-indicator{
    background:rgba(0,0,0,0);
    position:absolute;
    left:0px;
    height:100%;
    width:100%;
    z-index:1;
    cursor:pointer
}
.swiper-wrapper.row{
    -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:.6s ease-in-out;
    transition:.6s ease-in-out
}
.swiper-fade .swiper-slide-prev{
    opacity:0
}
.swiper-pagination-progressbar{
    --swiper-pagination-progressbar-size: 2px;
    background:hsla(0,0%,100%,.6);
    position:relative;
    margin-top:30px;
    margin-bottom:24px
}
@media(max-width: 1199px){
    .swiper-pagination-progressbar{
        margin-top:20px
    }
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:var(--title-color);
    border-radius:18px
}
.swiper-pagination-progressbar{
    --swiper-pagination-progressbar-size: 8px;
    background:var(--white-color);
    border-radius:8px;
    position:relative;
    margin-top:30px;
    margin-bottom:24px
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:var(--swiper-pagination-progressbar-size, 8px);
    left:0
}
.swiper-pagination-fraction{
    text-align:center;
    font-family:var(--title-font);
    font-size:18px;
    font-weight:700;
    color:var(--theme-color)
}
.swiper-pagination-fraction .swiper-pagination-current{
    font-size:24px;
    color:var(--title-color);
    font-weight:600;
    display:inline-block;
    width:31px
}
.white-color .swiper-pagination-current{
    color:var(--white-color)
}
.slider-controller{
    margin-top:60px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:24px
}
.slider-controller .button{
    width:calc(100% - 204px)
}
.slider-controller .slider-arrow{
    min-width:56px
}
@media(max-width: 991px){
    .slider-controller .slider-arrow{
        min-width:48px;
        height:48px
    }
}
.slider-controller .swiper-pagination-progressbar{
    background-color:#f2f3fc
}
@media(max-width: 1199px){
    .slider-controller{
        margin-top:45px
    }
}
.swiper-pagination-bullets{
    position:relative;
    z-index:3;
    text-align:center;
    margin:45px 0 10px 0;
    padding-bottom:20px;
    line-height:12px;
    height:12px
}
.swiper-pagination-bullets .swiper-pagination-bullet{
    display:inline-block;
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    margin:5px 4px;
    opacity:1;
    background-color:rgba(0,0,0,0);
    border:1px solid var(--body-color);
    color:var(--white-color);
    border-radius:50%;
    position:relative;
    cursor:pointer;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    -webkit-transform:scale(1.9);
    transform:scale(1.9)
}
.slider-area{
    position:relative
}
.slider-arrow{
    display:inline-block;
    padding:0;
    background-color:var(--title-color);
    border-radius:30px;
    color:var(--white-color);
    border:1px solid var(--title-color);
    position:absolute;
    top:50%;
    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, 20px);
    margin-top:calc(var(--icon-size, 0px)/-2);
    z-index:3;
    border-radius:50%
}
@media(max-width: 767px){
    .slider-arrow{
        display:none
    }
}
.slider-arrow.style2{
    background-color:rgba(0,0,0,0);
    border-color:#dedfe3;
    color:var(--title-color)
}
.slider-arrow.style2:hover{
    background-color:var(--title-color);
    border-color:var(--title-color)
}
.slider-arrow.style3{
    background-color:rgba(0,0,0,0);
    border:1px solid rgba(92,95,113,.2);
    color:var(--title-color)
}
.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-color);
    color:var(--white-color);
    border-color:var(--theme-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);
    transform:scale(0.4)
}
@media(max-width: 1299px){
    .arrow-wrap .slider-arrow{
        display:none
    }
}
.arrow-wrap:hover .slider-arrow{
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    transform:scale(1)
}
@media(max-width: 1500px){
    .slider-arrow{
        --arrow-horizontal: -20px;
        --pos-x: -70px
    }
}
@media(max-width: 1399px){
    .slider-arrow{
        --arrow-horizontal: 40px;
        --pos-x: -17px
    }
}
.icon-box .slider-arrow{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
    visibility:visible
}
.icon-box .slider-arrow:not(:last-child){
    margin-right:8px
}
@media(max-width: 1500px){
    .icon-box .slider-arrow{
        display: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
    }
    .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{
    -webkit-box-shadow:none;
    box-shadow:none
}
.slick-3d-active .slick-3d-prev2{
    opacity:1;
    -webkit-transform:translate3d(-40%, 0, -23px);
    transform:translate3d(-40%, 0, -23px)
}
:root{
    --input-height: 50px
}
.nice-select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background-image:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    clear:both;
    cursor:pointer;
    position:relative;
    line-height:calc(var(--input-height) - 2px);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.nice-select:after{
    content:"";
    font-family:var(--icon-font);
    font-weight:700;
    font-size:16px;
    pointer-events:none;
    border-bottom:1px solid var(--body-color);
    border-right:1px solid var(--body-color);
    position:absolute;
    right:20px;
    line-height:calc(var(--input-height) - 2px);
    top:21px;
    height:8px;
    width:8px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.nice-select.open:after{
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.nice-select.open .list{
    opacity:1;
    border-radius:0;
    pointer-events:auto;
    -webkit-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0);
    border-bottom:3px solid var(--theme-color)
}
.nice-select.disabled{
    border-color:rgb(237.1,237.1,237.1);
    color:#999;
    pointer-events:none
}
.nice-select.disabled:after{
    border-color:#ccc
}
.nice-select.wide{
    width:100%
}
.nice-select.wide .list{
    left:0 !important;
    right:0 !important
}
.nice-select.right{
    float:right
}
.nice-select.right .list{
    left:auto;
    right:0
}
.nice-select.small{
    font-size:12px;
    height:36px;
    line-height:34px
}
.nice-select.small:after{
    height:4px;
    width:4px
}
.nice-select.small .option{
    line-height:34px;
    min-height:34px
}
.nice-select .list{
    width:100%;
    background-color:#fff;
    border-radius:5px;
    -webkit-box-shadow:0 0 0 1px rgba(68,68,68,.11);
    box-shadow:0 0 0 1px rgba(68,68,68,.11);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-top:4px;
    opacity:0;
    overflow:hidden;
    padding:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:0;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:scale(0.75) translateY(-28px);
    transform:scale(0.75) translateY(-28px);
    -webkit-transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
    transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
    z-index:9
}
.nice-select .list:hover .option:not(:hover){
    background-color:rgba(0,0,0,0) !important
}
.nice-select .option{
    cursor:pointer;
    font-weight:400;
    line-height:40px;
    list-style:none;
    min-height:40px;
    outline:none;
    padding-left:18px;
    padding-right:29px;
    text-align:left;
    -webkit-transition:all .2s;
    transition:all .2s
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
    background-color:var(--smoke-color)
}
.nice-select .option.selected{
    font-weight:bold
}
.nice-select .option.disabled{
    background-color:rgba(0,0,0,0);
    color:#999;
    cursor:default
}
.no-csspointerevents .nice-select .list{
    display:none
}
.no-csspointerevents .nice-select.open .list{
    display:block
}
.th-menu-wrapper{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    background-color:rgba(0,0,0,.6);
    z-index:999999;
    width:0;
    width:100%;
    height:100%;
    -webkit-transition:all ease .8s;
    transition:all ease .8s;
    opacity:0;
    visibility:hidden
}
.th-menu-wrapper .mobile-logo{
    padding-bottom:30px;
    padding-top:40px;
    display:block;
    text-align:center;
    background-color:var(--smoke-color2)
}
.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:8px
}
.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:#fff;
    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 #fdedf1;
    list-style-type:none
}
.th-mobile-menu ul li li:first-child{
    border-top:1px solid #fdedf1
}
.th-mobile-menu ul li a{
    display:block;
    position:relative;
    padding:12px 0;
    line-height:1.4;
    font-size:16px;
    text-transform:capitalize;
    color:var(--title-color);
    padding-left:18px
}
.th-mobile-menu ul li a:before{
    content:"";
    font-family:var(--icon-font);
    position:absolute;
    left:0;
    top:12px;
    margin-right:10px;
    display:inline-block
}
.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);
    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 .th-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(--smoke-color);
    color:var(--title-color);
    -webkit-box-shadow:0 0 20px -8px rgba(173,136,88,.5);
    box-shadow:0 0 20px -8px rgba(173,136,88,.5);
    border-radius:50%
}
.th-mobile-menu ul .th-item-has-children>a .th-mean-expand:before{
    content:"";
    font-family:var(--icon-font)
}
.th-mobile-menu ul .th-item-has-children>a:after{
    content:"";
    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(--smoke-color);
    float:right;
    margin-top:1px
}
.th-mobile-menu ul .th-item-has-children.th-active>a .th-mean-expand:before{
    content:""
}
.th-mobile-menu ul .th-item-has-children.th-active>a:after{
    content:""
}
.th-mobile-menu>ul{
    padding:0 40px
}
.th-mobile-menu>ul>li:last-child{
    border-bottom:none
}
.th-menu-toggle{
    width:56px;
    height:56px;
    padding:0;
    font-size:20px;
    border:none;
    background-color:var(--theme-color);
    color:var(--white-color);
    display:inline-block;
    border-radius:8px
}
.th-menu-toggle:hover{
    background-color:var(--title-color)
}
.th-menu-toggle.style-text,.th-menu-toggle.style-text-white{
    width:auto;
    height:auto;
    background-color:rgba(0,0,0,0);
    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:999;
    background-color:var(--white-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%);
    transform:translate(-50%, -50%);
    text-align:center;
    line-height:1
}
.preloader-inner img{
    display:block;
    margin:0 auto 0 auto
}
.heart-rate{
    width:170px;
    height:73px;
    position:relative;
    margin:20px auto
}
.heart-rate .fade-in{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#fff;
    top:0;
    right:0;
    -webkit-animation:heartRateIn 2.5s linear infinite;
    animation:heartRateIn 2.5s linear infinite
}
.heart-rate .fade-out{
    position:absolute;
    width:120%;
    height:100%;
    background-color:#fff;
    top:0;
    right:-120%;
    -webkit-animation:heartRateOut 2.5s linear infinite;
    animation:heartRateOut 2.5s linear infinite
}
@-webkit-keyframes heartRateIn{
    0%{
        width:100%
    }
    50%{
        width:0
    }
    100%{
        width:0
    }
}
@keyframes heartRateIn{
    0%{
        width:100%
    }
    50%{
        width:0
    }
    100%{
        width:0
    }
}
@-webkit-keyframes heartRateOut{
    0%{
        left:-120%
    }
    30%{
        left:-120%
    }
    100%{
        left:0
    }
}
@keyframes heartRateOut{
    0%{
        left:-120%
    }
    30%{
        left:-120%
    }
    100%{
        left:0
    }
}
.th-btn{
    position:relative;
    z-index:2;
    overflow:hidden;
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    background-color:var(--theme-color);
    font-family:var(--body-font);
    border:none;
    font-weight:500;
    font-size:16px;
    text-transform:capitalize;
    color:var(--white-color);
    line-height:1;
    padding:20px 24px;
    border-radius:8px;
    -webkit-transition:-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.5);
    transition:-webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.5);
    transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.5);
    transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.5), -webkit-transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.5);
    -webkit-transition-delay:0s;
    transition-delay:0s;
    will-change:transform
}
.th-btn img{
    margin-right:8px
}
.th-btn:before,.th-btn:after{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--title-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--title-color)), color-stop(75%, var(--title-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--title-color) 25%, transparent 0, transparent 50%, var(--title-color) 0, var(--title-color) 75%, transparent 0);
    -webkit-transform:translateY(var(--progress, 100%));
    transform:translateY(var(--progress, 100%));
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease, -webkit-transform .4s ease;
    z-index:-1
}
.th-btn:after{
    --progress: -100%;
    background:-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, transparent), color-stop(0, var(--title-color)), color-stop(50%, var(--title-color)), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, var(--title-color)));
    background:linear-gradient(90deg, transparent 0, transparent 25%, var(--title-color) 0, var(--title-color) 50%, transparent 0, transparent 75%, var(--title-color) 0)
}
.th-btn:hover{
    color:var(--white-color);
    -webkit-transition-delay:.4s;
    transition-delay:.4s
}
.th-btn:hover:before,.th-btn:hover:after{
    --progress: 0
}
.th-btn.style1:before,.th-btn.style1:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--white-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--white-color)), color-stop(75%, var(--white-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--white-color) 25%, transparent 0, transparent 50%, var(--white-color) 0, var(--white-color) 75%, transparent 0)
}
.th-btn.style1:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, transparent), color-stop(0, var(--white-color)), color-stop(50%, var(--white-color)), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, var(--white-color)));
    background:linear-gradient(90deg, transparent 0, transparent 25%, var(--white-color) 0, var(--white-color) 50%, transparent 0, transparent 75%, var(--white-color) 0)
}
.th-btn.style1:hover{
    color:var(--title-color)
}
.th-btn.style2{
    background-color:var(--title-color)
}
.th-btn.style2:before,.th-btn.style2:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--theme-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--theme-color)), color-stop(75%, var(--theme-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--theme-color) 25%, transparent 0, transparent 50%, var(--theme-color) 0, var(--theme-color) 75%, transparent 0)
}
.th-btn.style2:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, transparent), color-stop(0, var(--theme-color)), color-stop(50%, var(--theme-color)), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, var(--theme-color)));
    background:linear-gradient(90deg, transparent 0, transparent 25%, var(--theme-color) 0, var(--theme-color) 50%, transparent 0, transparent 75%, var(--theme-color) 0)
}
.th-btn.style3{
    background-color:var(--white-color);
    color:var(--title-color);
    padding:16px 24px
}
.th-btn.style3:before,.th-btn.style3:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--theme-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--theme-color)), color-stop(75%, var(--theme-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--theme-color) 25%, transparent 0, transparent 50%, var(--theme-color) 0, var(--theme-color) 75%, transparent 0)
}
.th-btn.style3:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, transparent), color-stop(0, var(--theme-color)), color-stop(50%, var(--theme-color)), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, var(--theme-color)));
    background:linear-gradient(90deg, transparent 0, transparent 25%, var(--theme-color) 0, var(--theme-color) 50%, transparent 0, transparent 75%, var(--theme-color) 0)
}
.th-btn.style3:hover{
    color:var(--white-color)
}
.th-btn.th-border{
    background-color:rgba(0,0,0,0);
    border:1px solid var(--white-color)
}
.th-btn.th-border:before,.th-btn.th-border:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--white-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--white-color)), color-stop(75%, var(--white-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--white-color) 25%, transparent 0, transparent 50%, var(--white-color) 0, var(--white-color) 75%, transparent 0)
}
.th-btn.th-border:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, transparent), color-stop(0, var(--white-color)), color-stop(50%, var(--white-color)), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, var(--white-color)));
    background:linear-gradient(90deg, transparent 0, transparent 25%, var(--white-color) 0, var(--white-color) 50%, transparent 0, transparent 75%, var(--white-color) 0)
}
.th-btn.th-border:hover{
    color:var(--title-color)
}
.th-btn.th-border2{
    background-color:rgba(0,0,0,0);
    border:1px solid var(--title-color);
    color:var(--title-color)
}
.th-btn.th-border2:before,.th-btn.th-border2:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--title-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--title-color)), color-stop(75%, var(--title-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--title-color) 25%, transparent 0, transparent 50%, var(--title-color) 0, var(--title-color) 75%, transparent 0)
}
.th-btn.th-border2:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, transparent), color-stop(0, var(--title-color)), color-stop(50%, var(--title-color)), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, var(--title-color)));
    background:linear-gradient(90deg, transparent 0, transparent 25%, var(--title-color) 0, var(--title-color) 50%, transparent 0, transparent 75%, var(--title-color) 0)
}
.th-btn.th-border2:hover{
    color:var(--white-color)
}
.th-btn.black-border{
    background-color:rgba(0,0,0,0);
    border:1px solid rgba(92,95,113,.2);
    border-radius:8px;
    color:var(--title-color)
}
.th-btn.black-border:before,.th-btn.black-border:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--title-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--title-color)), color-stop(75%, var(--title-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--title-color) 25%, transparent 0, transparent 50%, var(--title-color) 0, var(--title-color) 75%, transparent 0)
}
.th-btn.black-border:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, transparent), color-stop(0, var(--title-color)), color-stop(50%, var(--title-color)), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, var(--title-color)));
    background:linear-gradient(90deg, transparent 0, transparent 25%, var(--title-color) 0, var(--title-color) 50%, transparent 0, transparent 75%, var(--title-color) 0)
}
.th-btn.black-border:hover{
    color:var(--white-color)
}
.th-btn.th-radius{
    border-radius:30px
}
.th-btn.th-radius2{
    border-radius:100px
}
.th-btn.btn-sm{
    padding:14px 32px
}
.th-btn.fw-btn{
    width:100%
}
.icon-btn{
    display:inline-block;
    width:var(--btn-size, 48px);
    height:var(--btn-size, 48px);
    line-height:var(--btn-size, 48px);
    font-size:var(--btn-font-size, 18px);
    background-color:var(--icon-bg, transparent);
    border:1px solid rgba(114,114,119,.2);
    border-radius:8px;
    color:var(--title-color);
    text-align:center;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.icon-btn a{
    color:var(--title-color)
}
.icon-btn:hover{
    background-color:var(--theme-color);
    color:var(--white-color);
    border-color:var(--theme-color)
}
.icon-btn.th-radius{
    border-radius:100px
}
.play-btn{
    display:inline-block;
    position:relative;
    z-index:1
}
.play-btn>i{
    display:inline-block;
    width:var(--icon-size, 68px);
    height:var(--icon-size, 68px);
    line-height:var(--icon-size, 68px);
    text-align:center;
    background-color:var(--theme-color);
    color:var(--white-color);
    font-size:var(--icon-font-size, 1.1em);
    border-radius:50%;
    z-index:1;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.play-btn:after,.play-btn:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:var(--theme-color);
    -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;
    z-index:-1;
    border-radius:50%;
    -webkit-transition:all ease .4s;
    transition:all ease .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(--white-color);
    color:var(--title-color)
}
.play-btn.style2:before,.play-btn.style2:after{
    background-color:rgba(0,0,0,0);
    border:1px solid var(--white-color)
}
.play-btn.style3>i{
    background-color:var(--theme-color);
    color:var(--white-color);
    font-size:20px
}
.play-btn.style3:before,.play-btn.style3:after{
    background-color:var(--theme-color)
}
.play-btn.style3:hover>i{
    background-color:var(--white-color);
    color:var(--theme-color)
}
.play-btn.style3:hover:before,.play-btn.style3:hover:after{
    background-color:var(--white-color)
}
.link-btn{
    font-weight:600;
    font-size:14px;
    display:inline-block;
    line-height:.8;
    position:relative;
    padding-bottom:2px;
    margin-bottom:-2px;
    text-transform:uppercase;
    color:var(--theme-color)
}
.link-btn i{
    margin-left:5px;
    font-size:.9rem
}
.link-btn:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:2px;
    background-color:var(--theme-color);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.link-btn:hover{
    color:var(--theme-color)
}
.link-btn:hover::before{
    width:100%
}
.line-btn{
    font-size:18px;
    font-weight:500;
    line-height:1.3;
    letter-spacing:.02em;
    display:inline-block;
    line-height:.8;
    position:relative;
    padding-bottom:4px;
    margin-bottom:-1px;
    text-transform:capitalize;
    color:var(--title-color)
}
.line-btn i{
    margin-left:5px
}
.line-btn:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background-color:var(--title-color);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.line-btn:hover{
    color:var(--theme-color)
}
.line-btn:hover::before{
    width:45px
}
.line-btn:hover.th-icon i{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.line-btn.th-icon i{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.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);
    transform:translateY(45px);
    -webkit-transition:all 300ms linear;
    transition:all 300ms linear
}
.scroll-top:after{
    content:"";
    font-family:var(--icon-font);
    position:absolute;
    text-align:center;
    line-height:50px;
    font-size:20px;
    color:var(--theme-color);
    left:0;
    top:0;
    height:50px;
    width:50px;
    cursor:pointer;
    display:block;
    z-index:1;
    border:2px solid var(--theme-color);
    -webkit-box-shadow:none;
    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(--theme-color);
    stroke-width:20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 400ms linear;
    transition:all 400ms linear
}
.scroll-top.show{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.sec-title{
    margin-bottom:calc(var(--section-title-space) - 10px);
    margin-top:-0.32em
}
.sub-title{
    position:relative;
    font-family:var(--body-font);
    font-weight:400;
    font-size:20px;
    letter-spacing:.02em;
    text-transform:uppercase;
    color:var(--theme-color);
    margin-bottom:22px;
    display:inline-block;
    padding-left:35px
}
@media(max-width: 575px){
    .sub-title{
        font-size:16px
    }
}
.sub-title:before{
    position:absolute;
    content:"";
    top:5px;
    left:0;
    width:28px;
    height:15px;
    background-image:url("../img/theme-img/sub-title.svg");
    background-repeat:no-repeat;
    background-color:rgba(0,0,0,0)
}
.sub-title:has(img){
    margin-top:0
}
.box-title{
    font-size:21px;
    line-height:1.3;
    font-weight:600;
    margin-top:-0.32em
}
.box-title a{
    color:inherit
}
.box-title a:hover{
    color:var(--theme-color)
}
.sec-text{
    font-size:18px;
    max-width:850px;
    display:block;
    margin:auto
}
.sec-desc{
    font-family:var(--title-font);
    font-size:18px;
    color:#b7bec8;
    margin-bottom:0
}
.sec-text2{
    font-family:var(--title-font);
    font-weight:500;
    max-width:522px
}
@media(max-width: 1199px){
    .sec-text2{
        max-width:100%
    }
}
.title-area{
    margin-bottom:calc(var(--section-title-space) - 10px);
    position:relative;
    z-index:2
}
.title-area.style2{
    margin-top:-8px
}
.title-area .sec-title{
    margin-bottom:15px
}
.title-area .th-btn{
    margin-top:20px;
    margin-bottom:10px
}
hr.title-line{
    margin-top:0;
    background-color:var(--th-border-color);
    opacity:1
}
.sec-btn,.title-line{
    margin-bottom:var(--section-title-space)
}
.shadow-title{
    font-family:var(--title-font);
    font-weight:700;
    font-size:194px;
    line-height:204px;
    color:#121212;
    opacity:.02;
    margin:-0.55em 0 -0.45em -0.25em
}
.shadow-title.style2{
    position:absolute;
    top:0;
    font-weight:700;
    font-size:194px;
    line-height:200px;
    color:#191919;
    display:inline-block;
    margin-left:-20%;
    opacity:1;
    z-index:-1
}
@media(max-width: 575px){
    .shadow-title.style2{
        font-size:104px;
        line-height:200px
    }
}
.shadow-title.style3{
    margin-left:-40%;
    width:978px
}
.shadow-title.color2{
    background-image:-webkit-gradient(linear, left top, left bottom, from(#232C47), color-stop(91.15%, rgba(20, 29, 56, 0)));
    background-image:linear-gradient(180deg, #232C47 0%, rgba(20, 29, 56, 0) 91.15%)
}
.shadow-title.color3{
    background-image:-webkit-gradient(linear, left top, left bottom, from(#E0E0E0), color-stop(93.75%, rgba(220, 214, 214, 0)));
    background-image:linear-gradient(180deg, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%)
}
.shadow-title2{
    font-family:var(--title-font);
    font-size:164px;
    font-weight:900;
    line-height:1;
    color:var(--title-color);
    opacity:.025;
    margin:-0.4em 0 -0.64em 0;
    text-transform:uppercase;
    display:block
}
.shadow-title2.color2{
    background-image:-webkit-gradient(linear, left top, left bottom, from(#232C47), color-stop(91.15%, rgba(20, 29, 56, 0)));
    background-image:linear-gradient(180deg, #232C47 0%, rgba(20, 29, 56, 0) 91.15%)
}
.shadow-title2.color3{
    background-image:-webkit-gradient(linear, left top, left bottom, from(#E0E0E0), color-stop(93.75%, rgba(220, 214, 214, 0)));
    background-image:linear-gradient(180deg, #E0E0E0 0%, rgba(220, 214, 214, 0) 93.75%)
}
@media(max-width: 1199px){
    .shadow-title2{
        font-size:100px;
        margin:-0.42em 0 -0.64em 0
    }
}
@media(max-width: 991px){
    .shadow-title2{
        font-size:60px;
        margin:-0.45em 0 -0.64em 0
    }
}
@media(max-width: 575px){
    .shadow-title2{
        font-size:52px
    }
}
@media(max-width: 375px){
    .shadow-title2{
        font-size:40px
    }
}
@media(max-width: 1199px){
    .sub-title{
        margin-bottom:20px
    }
    .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
    }
}
@media(max-width: 991px){
    .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
    }
}
@media(max-width: 767px){
    .shadow-title{
        font-size:102px;
        line-height:102px
    }
}
@media(max-width: 375px){
    .shadow-title{
        font-size:80px;
        line-height:80px
    }
}
.shape-mockup-wrap{
    z-index:2;
    position:relative
}
.shape-mockup{
    position:absolute;
    z-index:-1
}
.shape-mockup.z-index-3{
    z-index:3
}
@media(min-width: 1930px){
    .shape-mockup.testi-shape{
        width:100%
    }
    .shape-mockup.testi-shape img{
        width:100%;
        height:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
@media(max-width: 1199px){
    .shape-mockup.testi-shape{
        width:100%;
        height:100%
    }
    .shape-mockup.testi-shape img{
        width:100%;
        height:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
@media(max-width: 1699px){
    .shape-mockup.testi-shape2{
        width:30%;
        height:100%
    }
    .shape-mockup.testi-shape2 img{
        height:100%
    }
}
@media(max-width: 1299px){
    .shape-mockup.testi-shape2{
        display:none !important
    }
}
.shape-mockup.testi-img{
    border-radius:30px 0 0 0
}
@media(max-width: 1899px){
    .shape-mockup.shape1{
        display:none !important
    }
}
.shape-mockup.faq-shape{
    max-width:238px
}
.shape-mockup.faq-shape:before{
    content:"";
    position:absolute;
    inset:0;
    background-color:var(--theme-color);
    -webkit-mask-image:url(../img/shape/star.png);
    mask-image:url(../img/shape/star.png);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    z-index:-1;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.shape-mockup.faq-shape img{
    max-width:238px;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-mask-image:url(../img/shape/star2.png);
    mask-image:url(../img/shape/star2.png);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%
}
.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
}
.th-radius2{
    border-radius:20px
}
.th-radius3{
    border-radius:30px
}
.th-radius4{
    border-radius:100px
}
@media(max-width: 767px){
    .th-radius4{
        border-radius:50px
    }
}
.th-radius5{
    border-radius:50px
}
.media-body{
    -webkit-box-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(--title-color);
    color:var(--white-color);
    padding:.25em .45em;
    font-size:.7em;
    border-radius:50%;
    top:5px;
    right:5px;
    font-weight:400;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.bg-mask{
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
}
.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(--white-color);
    color:var(--title-color);
    font-size:16px;
    text-align:center;
    margin-right:5px;
    border-radius:50%
}
.th-social a:last-child{
    margin-right:0
}
.th-social a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.th-social.style2 a{
    --icon-size: 40px;
    font-size:14px;
    background-color:rgba(0,0,0,0);
    color:var(--white-color);
    border:1px solid
}
.th-social.style2 a:hover{
    border-color:var(--theme-color);
    color:var(--white-color);
    background-color:var(--theme-color)
}
.th-social.style3 a{
    width:var(--icon-size, 46px);
    height:var(--icon-size, 46px);
    line-height:var(--icon-size, 46px);
    margin-right:10px
}
.th-social.color-theme a{
    color:var(--body-color);
    border-color:var(--theme-color)
}
.slider-shadow .slick-list{
    padding-top:30px;
    padding-bottom:30px;
    margin-bottom:-30px;
    margin-top:-30px
}
.btn-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:24px
}
.btn-group.style2{
    gap:20px 70px
}
@media(max-width: 767px){
    .btn-group.style2{
        gap:20px 30px
    }
}
.th-bg-img{
    position:absolute;
    inset:0
}
.th-bg-img img{
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.sec-shape{
    position:relative;
    text-align:center;
    overflow:hidden
}
.sec-shape.style2:after,.sec-shape.style2:before{
    background:#e3e7f0
}
.sec-shape.style2 .th-btn{
    padding:20.5px 40px
}
.sec-shape:after,.sec-shape:before{
    content:"";
    position:absolute;
    top:50%;
    width:560px;
    height:1px;
    background:#656a74
}
.sec-shape:before{
    margin-left:-37rem
}
.sec-shape:after{
    margin-left:2.5rem
}
.icon-masking{
    position:relative;
    display:inline-block;
    height:auto;
    width:auto
}
.icon-masking .mask-icon{
    position:absolute;
    height:100%;
    width:100%;
    mix-blend-mode:hue;
    background:var(--theme-color);
    top:0
}
.icon-masking2{
    position:relative;
    display:inline-block;
    height:auto;
    width:auto
}
.icon-masking2 .mask-icon{
    position:absolute;
    height:100%;
    width:100%;
    mix-blend-mode:color;
    background:var(--theme-color);
    top:0
}
.mfp-zoom-in .mfp-content{
    opacity:0;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    -webkit-transform:scale(0.7);
    transform:scale(0.7)
}
.mfp-zoom-in.mfp-bg{
    opacity:0;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.mfp-zoom-in.mfp-ready .mfp-content{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.mfp-zoom-in.mfp-ready.mfp-bg{
    opacity:.7
}
.mfp-zoom-in.mfp-removing .mfp-content{
    -webkit-transform:scale(0.7);
    transform:scale(0.7);
    opacity:0
}
.mfp-zoom-in.mfp-removing.mfp-bg{
    opacity:0
}
.cursor-follower{
    position:fixed;
    background:var(--theme-color);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    border:1px solid var(--theme-color);
    width:15px;
    height:15px;
    border-radius:100%;
    z-index:999999;
    -webkit-transition:.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition:.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-transition:.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
    transition:.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
    -webkit-transition:.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition:.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background,.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);
    transform:translate(2px, 2px)
}
.slider-drag-cursor{
    pointer-events:none;
    z-index:99999;
    position:fixed;
    top:0;
    left:-2px;
    height:36px;
    width:36px;
    -webkit-transition:width .1s ease-in-out;
    transition:width .1s ease-in-out;
    background:rgba(87,179,62,.7);
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    width:120px;
    height:120px;
    line-height:120px;
    text-align:center;
    border-radius:100%;
    color:var(--white-color);
    display:none;
    cursor:none
}
.slider-drag-cursor.active{
    display:block
}
.reveal{
    position:relative;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    visibility:hidden;
    overflow:hidden
}
.reveal img{
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transform-origin:left;
    transform-origin:left
}
.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-xs{
    font-size:14px
}
.bg-theme{
    background-color:var(--theme-color) !important
}
.bg-smoke{
    background-color:var(--smoke-color) !important
}
.bg-smoke2{
    background-color:var(--smoke-color2) !important
}
.bg-smoke3{
    background-color:var(--smoke-color3) !important
}
.bg-smoke4{
    background-color:var(--smoke-color4) !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-title{
    background-color:var(--title-color) !important
}
.gradient-body{
    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-bg1{
    background-image:linear-gradient(80deg, rgba(249, 215, 175, 0.3) 0%, rgba(214, 202, 245, 0.3) 23.81%, rgba(198, 241, 255, 0.3) 45.3%, rgba(248, 242, 222, 0.3) 68.4%, rgba(212, 179, 253, 0.3) 99.5%)
}
.gr-bg2{
    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: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: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)
}
.gr-bg5{
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(237, 240, 244, 0)), to(rgba(237, 240, 244, 0.85)));
    background:linear-gradient(180deg, rgba(237, 240, 244, 0) 0%, rgba(237, 240, 244, 0.85) 100%)
}
.gr-bg6{
    background:-webkit-gradient(linear, left top, left bottom, from(#02CE80), to(#7BD706));
    background:linear-gradient(180deg, #02CE80 0%, #7BD706 100%)
}
.gr-bg7{
    background:-webkit-gradient(linear, left top, left bottom, from(#3E66F3), to(#0031DD));
    background:linear-gradient(180deg, #3E66F3 0%, #0031DD 100%);
    border-radius:100px
}
.gray-body{
    background-color:#f8faff
}
.smoke-body{
    background-color:#f3f2ea
}
.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-bottom-center{
    background-size:auto;
    background-position:bottom 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
}
.text-theme{
    color:var(--theme-color) !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%
}
.position-center{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-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=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:0.1
}
[data-opacity="2"]:before{
    opacity:0.2
}
[data-opacity="3"]:before{
    opacity:0.3
}
[data-opacity="4"]:before{
    opacity:0.4
}
[data-opacity="5"]:before{
    opacity:0.5
}
[data-opacity="6"]:before{
    opacity:0.6
}
[data-opacity="7"]:before{
    opacity:0.7
}
[data-opacity="8"]:before{
    opacity:0.8
}
[data-opacity="9"]:before{
    opacity:0.9
}
[data-opacity="10"]:before{
    opacity:1
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.ripple-animation{
    -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:.3
    }
    100%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
        opacity:0
    }
}
@keyframes ripple{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    30%{
        opacity:.3
    }
    100%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
        opacity:0
    }
}
@-webkit-keyframes ripple2{
    0%{
        -webkit-transform:scale(0.6);
        transform:scale(0.6);
        opacity:.4
    }
    50%{
        opacity:.3
    }
    80%{
        opacity:.2
    }
    100%{
        -webkit-transform:scale(2.2);
        transform:scale(2.2);
        opacity:0
    }
}
@keyframes ripple2{
    0%{
        -webkit-transform:scale(0.6);
        transform:scale(0.6);
        opacity:.4
    }
    50%{
        opacity:.3
    }
    80%{
        opacity:.2
    }
    100%{
        -webkit-transform:scale(2.2);
        transform:scale(2.2);
        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%
    }
}
.jumpAni{
    -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)
    }
}
.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)
    }
}
.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
}
@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 15s linear infinite;
    animation:spin 15s 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)
    }
}
@-webkit-keyframes titleFill{
    0%{
        width:0
    }
    80%{
        width:100%
    }
    100%{
        width:100%
    }
}
@keyframes titleFill{
    0%{
        width:0
    }
    80%{
        width:100%
    }
    100%{
        width:100%
    }
}
@-webkit-keyframes lineDown{
    0%{
        -webkit-transform:0;
        transform:0;
        opacity:0
    }
    30%{
        opacity:1
    }
    60%{
        opacity:1
    }
    100%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px);
        opacity:1
    }
}
@keyframes lineDown{
    0%{
        -webkit-transform:0;
        transform:0;
        opacity:0
    }
    30%{
        opacity:1
    }
    60%{
        opacity:1
    }
    100%{
        -webkit-transform:translateY(8px);
        transform:translateY(8px);
        opacity:1
    }
}
.swing{
    -webkit-animation:swing 10s infinite ease-in-out;
    animation:swing 10s infinite ease-in-out
}
@-webkit-keyframes swing{
    0%,100%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    25%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    50%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    75%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
}
@keyframes swing{
    0%,100%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    25%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    50%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    75%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
}
@-webkit-keyframes scaleUpDown{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes scaleUpDown{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes roundFill{
    0%{
        width:0
    }
    60%{
        width:100%;
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes roundFill{
    0%{
        width:0
    }
    60%{
        width:100%;
        opacity:1
    }
    100%{
        opacity:0
    }
}
.dance{
    -webkit-animation:dance 2s alternate infinite;
    animation:dance 2s alternate infinite
}
@-webkit-keyframes dance{
    0%{
        -webkit-transform:scale(0.8);
        transform:scale(0.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes dance{
    0%{
        -webkit-transform:scale(0.8);
        transform:scale(0.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.dance2{
    -webkit-animation:dance2 4s alternate infinite;
    animation:dance2 4s alternate infinite
}
@-webkit-keyframes dance2{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform:translate3d(15px, -15px, 0);
        transform:translate3d(15px, -15px, 0)
    }
    100%{
        -webkit-transform:translate3d(0, -15px, 15px);
        transform:translate3d(0, -15px, 15px)
    }
}
@keyframes dance2{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform:translate3d(15px, -15px, 0);
        transform:translate3d(15px, -15px, 0)
    }
    100%{
        -webkit-transform:translate3d(0, -15px, 15px);
        transform:translate3d(0, -15px, 15px)
    }
}
@-webkit-keyframes slideTop{
    49%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    50%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    51%{
        opacity:1
    }
}
@keyframes slideTop{
    49%{
        -webkit-transform:translateY(100%);
        transform:translateY(100%)
    }
    50%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    51%{
        opacity:1
    }
}
@-webkit-keyframes zoom1{
    0%{
        scale:.2
    }
    50%{
        scale:1
    }
    100%{
        scale:.2
    }
}
@keyframes zoom1{
    0%{
        scale:.2
    }
    50%{
        scale:1
    }
    100%{
        scale:.2
    }
}
@-webkit-keyframes topBottomLine{
    0%{
        top:0
    }
    50%{
        top:calc(100% - 30px)
    }
    100%{
        top:0
    }
}
@keyframes topBottomLine{
    0%{
        top:0
    }
    50%{
        top:calc(100% - 30px)
    }
    100%{
        top:0
    }
}
.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 footerLine{
    0%{
        left:40px
    }
    50%{
        left:0
    }
    100%{
        left:40px
    }
}
@keyframes footerLine{
    0%{
        left:40px
    }
    50%{
        left:0
    }
    100%{
        left:40px
    }
}
@-webkit-keyframes fadeLeftRight{
    0%,100%{
        -webkit-transform:translateX(0px);
        transform:translateX(0px)
    }
    50%{
        -webkit-transform:translateX(100px);
        transform:translateX(100px)
    }
}
@keyframes fadeLeftRight{
    0%,100%{
        -webkit-transform:translateX(0px);
        transform:translateX(0px)
    }
    50%{
        -webkit-transform:translateX(100px);
        transform:translateX(100px)
    }
}
@-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:.3s;
    animation-delay:.3s;
    -webkit-animation-name:var(--animation-name);
    animation-name:var(--animation-name)
}
.th-ani{
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
}
.th-ani:hover{
    -webkit-transform:translate(0, -15px);
    transform:translate(0, -15px)
}
@-webkit-keyframes shine{
    100%{
        left:125%
    }
}
@keyframes shine{
    100%{
        left:125%
    }
}
.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 scroll{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(calc(-100% - var(--gap)));
        transform:translateX(calc(-100% - var(--gap)))
    }
}
@keyframes scroll{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(calc(-100% - var(--gap)));
        transform:translateX(calc(-100% - var(--gap)))
    }
}
@-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)
    }
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 40px, 0);
        transform:translate3d(0, 40px, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0, 40px, 0);
        transform:translate3d(0, 40px, 0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    50%{
        opacity:1
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
.dance{
    -webkit-animation:dance 2s alternate infinite;
    animation:dance 2s alternate infinite
}
@keyframes dance{
    0%{
        -webkit-transform:scale(0.8);
        transform:scale(0.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.dance2{
    -webkit-animation:dance2 4s alternate infinite;
    animation:dance2 4s alternate infinite
}
@keyframes dance2{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform:translate3d(15px, -15px, 0);
        transform:translate3d(15px, -15px, 0)
    }
    100%{
        -webkit-transform:translate3d(0, -15px, 15px);
        transform:translate3d(0, -15px, 15px)
    }
}
@-webkit-keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(100px);
        transform:translateY(100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(100px);
        transform:translateY(100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.slideUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.widget_nav_menu ul,.widget_meta ul,.widget_pages ul,.widget_archive ul,.widget_categories ul{
    list-style:none;
    padding:0;
    margin:0 0 0 0
}
.widget_nav_menu>ul,.widget_nav_menu .menu,.widget_meta>ul,.widget_meta .menu,.widget_pages>ul,.widget_pages .menu,.widget_archive>ul,.widget_archive .menu,.widget_categories>ul,.widget_categories .menu{
    margin:0 0 -10px 0
}
.widget_nav_menu a,.widget_meta a,.widget_pages a,.widget_archive a,.widget_categories a{
    display:block;
    background-color:var(--white-color);
    border:1px solid var(--smoke-color);
    margin:0 0 10px 0;
    padding:16.5px 45px 16.5px 25px;
    font-size:16px;
    font-weight:400;
    line-height:1.313;
    color:var(--body-color);
    border-radius:100px
}
.widget_nav_menu a::before,.widget_meta a::before,.widget_pages a::before,.widget_archive a::before,.widget_categories a::before{
    content:"";
    position:absolute;
    right:25px;
    top:17px;
    font-family:var(--icon-font);
    font-weight:600;
    color:var(--body-color);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.widget_nav_menu li,.widget_meta li,.widget_pages li,.widget_archive li,.widget_categories li{
    display:block;
    position:relative
}
.widget_nav_menu li>span,.widget_meta li>span,.widget_pages li>span,.widget_archive li>span,.widget_categories li>span{
    color:var(--title-color);
    background-color:#fff;
    font-weight:600;
    text-align:center;
    position:absolute;
    right:24px;
    top:15px;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    pointer-events:none;
    min-width:20px;
    text-align:right
}
.widget_nav_menu a:hover,.widget_meta a:hover,.widget_pages a:hover,.widget_archive a:hover,.widget_categories a:hover{
    color:var(--white-color);
    background-color:var(--theme-color);
    border-color: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{
    color:var(--white-color)
}
.widget_nav_menu a:hover~span,.widget_meta a:hover~span,.widget_pages a:hover~span,.widget_archive a:hover~span,.widget_categories a:hover~span{
    color:var(--white-color);
    background-color:var(--theme-color)
}
.widget_nav_menu .children,.widget_meta .children,.widget_pages .children,.widget_archive .children,.widget_categories .children{
    margin-left:10px
}
.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
}
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;
    padding:0
}
.widget_recent_comments li,.wp-block-latest-comments li{
    margin-bottom:0;
    color:var(--body-color);
    padding-left:30px;
    position:relative;
    list-style:none
}
.widget_recent_comments li:before,.wp-block-latest-comments li:before{
    content:"";
    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:.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
}
.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{
    padding:var(--widget-padding-y, 32px) var(--widget-padding-x, 32px);
    background-color:rgba(0,0,0,0);
    border:1px solid var(--smoke-color);
    margin-bottom:32px;
    position:relative;
    border-radius:30px
}
.widget[data-overlay]:before{
    z-index:-1
}
.widget .th-social a{
    background-color:#4d5765;
    border-radius:14px;
    color:var(--white-color)
}
.widget .th-social a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.widget.widget-author{
    padding:var(--widget-padding-y, 30px) var(--widget-padding-x, 30px);
    background-color:var(--smoke-color2);
    border-radius:30px;
    margin-right:16px
}
@media(max-width: 1399px){
    .widget.widget-author{
        margin:0
    }
}
@media(max-width: 767px){
    .widget.widget-author{
        padding:25px
    }
}
.widget.widget-author .author-widget-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:30px
}
@media(max-width: 767px){
    .widget.widget-author .author-widget-wrap{
        display:block;
        text-align:center
    }
}
.widget.widget-author .author-widget-wrap .avater{
    min-width:189px;
    display:grid;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:15px
}
@media(max-width: 767px){
    .widget.widget-author .author-widget-wrap .avater{
        margin-bottom:25px
    }
}
.widget.widget-author .author-widget-wrap .avater img{
    border-radius:15px
}
.widget.widget-author .author-widget-wrap .box-title{
    margin-bottom:3px
}
.widget.widget-author .author-widget-wrap .desig{
    color:var(--body-color);
    display:block;
    margin-bottom:5px
}
.widget.widget-author .author-widget-wrap .author-bio{
    margin-bottom:-0.3rem
}
.widget.widget_categories.style2 a{
    border:none
}
.widget.widget_categories.style2 a:before{
    color:var(--body-color)
}
.widget.widget_categories.style2 a:hover{
    background-color:var(--title-color);
    color:var(--theme-color)
}
.widget.widget_categories.style2 a:hover:before{
    color:var(--theme-color)
}
.widget.widget_quote{
    background-color:#fff2f2;
    border:none
}
.widget.widget_quote .form-group{
    margin-bottom:16px
}
.widget.widget_quote select,.widget.widget_quote .form-control,.widget.widget_quote .form-select,.widget.widget_quote textarea,.widget.widget_quote input{
    height:56px;
    background-color:var(--white-color);
    border-radius:4px;
    font-size:14px;
    border:none;
    font-family:var(--body-font);
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.widget.widget_quote textarea.form-control,.widget.widget_quote textarea{
    min-height:118px
}
.widget.widget_quote .th-btn{
    padding:15px 24px
}
.sidebar-area{
    margin-left:15px
}
@media(max-width: 1199px){
    .sidebar-area{
        margin-left:0
    }
}
.widget_title{
    position:relative;
    font-size:24px;
    font-weight:600;
    font-family:var(--title-font);
    line-height:1em;
    margin:-0.12em 0 28px 0
}
.widget .search-form{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.widget .search-form input{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:64px;
    border-radius:100px;
    padding-right:56px;
    background-color:rgba(0,0,0,0);
    border:1px solid var(--smoke-color);
    border-radius:8px
}
.widget .search-form button{
    border:none;
    font-size:16px;
    background-color:#f6f2f1;
    color:var(--theme-color);
    border-radius:4px;
    display:inline-block;
    padding:0;
    width:48px;
    height:48px;
    text-align:center;
    border-radius:4px;
    position:absolute;
    top:8px;
    right:8px
}
.widget .search-form button:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.download-media{
    background-color:var(--white-color);
    -webkit-box-shadow:0px 2px 4px rgba(2,29,53,.1);
    box-shadow:0px 2px 4px rgba(2,29,53,.1);
    border-radius:10px;
    padding:8px 8px 8px 43px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 1199px){
    .download-media{
        padding:8px 8px 8px 23px
    }
}
.download-media:not(:last-child){
    margin-bottom:14px
}
.download-media_title{
    font-weight:500;
    font-size:16px;
    line-height:26px;
    letter-spacing:.02em;
    margin-bottom:0
}
.download-media_btn{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:var(--theme-color);
    border-radius:6px;
    color:var(--white-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.download-media_btn:hover{
    background:var(--title-color);
    color:var(--white-color)
}
.wp-block-search__label.style2,.widget_title.style2{
    position:relative;
    font-size:24px;
    font-weight:700;
    font-family:var(--title-font);
    line-height:1em;
    padding-bottom:17px;
    margin:-0.12em 0 30px 0
}
.wp-block-search__label.style2:after,.wp-block-search__label.style2:before,.widget_title.style2:after,.widget_title.style2:before{
    content:"";
    height:3px;
    width:100%;
    background-color:#e0e0e0;
    position:absolute;
    bottom:0;
    left:0
}
.wp-block-search__label.style2:after,.widget_title.style2:after{
    background-color:var(--theme-color);
    width:50px
}
.widget_call{
    background-color:var(--title-color);
    position:relative;
    z-index:2
}
.widget-call .box-title{
    margin-bottom:5px
}
.widget-call .info-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.widget-call .info-box_link{
    font-size:18px;
    color:var(--white-color)
}
.widget-call .info-box_link:hover{
    color:var(--white-color)
}
.widget-call .info-box_icon{
    width:50px;
    height:50px;
    min-width:50px;
    line-height:50px;
    font-size:16px;
    background-color:rgba(0,0,0,0);
    border:1px solid var(--theme-color);
    color:var(--theme-color);
    border-radius:50%;
    text-align:center;
    margin-right:14px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.widget-call .info-box_icon:hover{
    background-color:var(--white-color);
    color:var(--title-color)
}
.widget-call .info-box_subtitle{
    font-size:14px;
    color:var(--white-color);
    text-transform:capitalize;
    margin-bottom:5px
}
.widget-call .info-box_text{
    font-size:18px;
    font-weight:500;
    color:var(--white-color)
}
.widget-call .info-box_text:last-child{
    margin-bottom:0
}
.widget-call .info-box:not(:last-child){
    margin-bottom:20px
}
.widget-call .info-box:nth-child(2) .info-box_icon{
    border-color:#6d2cf8;
    color:#6d2cf8
}
.widget-call .info-box:nth-child(3) .info-box_icon{
    border-color:#c9f31d;
    color:#c9f31d
}
.widget_cta{
    position:relative;
    border-radius:20px;
    text-align:center;
    --space: 40px;
    height:452px;
    margin-bottom:0
}
@media(max-width: 1299px){
    .widget_cta{
        --space: 30px
    }
}
.widget_cta:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:20px;
    opacity:.9;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(-18.65%, rgba(62, 102, 243, 0)), color-stop(99.96%, #0031DD));
    background:linear-gradient(180deg, rgba(62, 102, 243, 0) -18.65%, #0031DD 99.96%)
}
.widget_cta .cta-banner{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:var(--space)
}
.widget_cta .banner-title{
    font-weight:700;
    font-size:30px;
    line-height:40px;
    color:var(--white-color);
    margin-bottom:20px
}
@media(max-width: 1299px){
    .widget_cta .banner-title{
        font-size:20px;
        line-height:30px
    }
}
.widget_cta .th-btn{
    border-radius:30px
}
.widget_offer{
    position:relative;
    background-color:var(--theme-color);
    padding:32px;
    border-radius:16px;
    min-height:500px;
    margin-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    z-index:2
}
@media(max-width: 1199px){
    .widget_offer{
        margin-right:0
    }
}
.widget_offer.style2{
    min-height:470px
}
.widget_offer:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(-9.7%, rgba(3, 6, 14, 0)), color-stop(87.88%, rgba(3, 6, 14, 0.5)));
    background:linear-gradient(180deg, rgba(3, 6, 14, 0) -9.7%, rgba(3, 6, 14, 0.5) 87.88%);
    border-radius:inherit;
    z-index:-1
}
@media(max-width: 1199px){
    .widget_offer{
        padding:30px
    }
}
.widget_offer .offer-banner .banner-title{
    color:var(--white-color);
    margin-bottom:30px
}
.widget_offer .offer-banner .th-btn{
    padding:17px 36px
}
@media(max-width: 1199px){
    .widget_offer .offer-banner .th-btn{
        padding:17px 30px
    }
}
.widget_info .info-list{
    max-width:240px;
    margin-bottom:30px
}
.widget_info .info-list ul{
    padding:0
}
.widget_info .info-list ul li{
    list-style:none;
    margin-bottom:10px
}
.widget_info .info-list ul strong{
    color:var(--title-color)
}
.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;
    padding:10.5px 19px;
    margin-right:5px;
    margin-bottom:10px;
    color:var(--body-color);
    background-color:#f2f3fc;
    border-radius:4px
}
.wp-block-tag-cloud a:hover,.tagcloud a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.wp-block-tag-cloud,.tagcloud{
    margin-right:-10px;
    margin-bottom:-10px;
    display:inline-block
}
.sidebar-gallery{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    max-width:320px
}
.sidebar-gallery .gallery-btn{
    position:absolute;
    top:50%;
    left:50%;
    color:var(--white-color);
    visibility:hidden;
    opacity:0;
    -webkit-transform:translate(-50%, 20px);
    transform:translate(-50%, 20px)
}
.sidebar-gallery .gallery-btn:hover{
    color:var(--theme-color)
}
.sidebar-gallery .gallery-thumb{
    overflow:hidden;
    position:relative;
    border-radius:16px
}
.sidebar-gallery .gallery-thumb:before{
    content:"";
    height:auto;
    width:0;
    background-color:var(--title-color);
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    border-radius:50%;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.sidebar-gallery .gallery-thumb img{
    width:100%
}
.sidebar-gallery .gallery-thumb:hover:before{
    opacity:.8;
    padding-top:135%;
    width:135%;
    border-radius:35%
}
.sidebar-gallery .gallery-thumb:hover .gallery-btn{
    visibility:visible;
    opacity:1;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.recent-post{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media(max-width: 375px){
    .recent-post{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.recent-post:not(:last-child){
    border-bottom:1px solid var(--smoke-color);
    margin-bottom:24px;
    padding-bottom:24px
}
.recent-post .media-img{
    margin-right:24px;
    width:100px;
    overflow:hidden;
    border-radius:8px
}
@media(max-width: 375px){
    .recent-post .media-img{
        margin-bottom:20px
    }
}
.recent-post .media-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.recent-post .post-title{
    font-weight:600;
    font-size:18px;
    line-height:28px;
    margin-right:10px;
    text-transform:capitalize
}
.recent-post .recent-post-meta{
    margin-bottom:5px
}
.recent-post .recent-post-meta a{
    text-transform:capitalize;
    font-weight:400;
    font-size:14px;
    color:var(--body-color)
}
.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);
    transform:scale(1.1)
}
.sidebar-area.style2{
    margin-left:15px
}
@media(max-width: 1199px){
    .sidebar-area.style2{
        margin-left:0
    }
}
.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 select,.sidebar-area input{
    background-color:var(--white-color)
}
.sidebar-area .widget .wp-block-search{
    margin-bottom:0
}
.sidebar-area .wp-block-group__inner-container h2{
    font-size:20px;
    line-height:1em;
    margin-bottom:20px;
    margin-top:-0.07em
}
.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,.1);
    padding-bottom:20px
}
.sidebar-area ol.wp-block-latest-comments li:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.download-widget-wrap .th-btn{
    width:100%
}
.download-widget-wrap .th-btn:first-child{
    margin-bottom:20px
}
.download-widget-wrap .th-btn.style2{
    color:var(--body-color)
}
.download-widget-wrap .th-btn.style2:before,.download-widget-wrap .th-btn.style2:after{
    background-color:var(--theme-color)
}
.download-widget-wrap .th-btn.style2:hover{
    color:var(--white-color);
    border-color:var(--theme-color)
}
.widget_banner{
    background-color:var(--title-color);
    position:relative
}
.widget_banner .shape1{
    position:absolute;
    bottom:0;
    right:0
}
.widget_banner .widget_title{
    color:var(--white-color)
}
.widget_banner:has(.widget-map){
    padding:0;
    line-height:0px
}
.widget-map iframe{
    min-height:280px
}
.widget-banner{
    height:360px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
@media(max-width: 360px){
    .widget-banner{
        height:280px
    }
}
.widget-banner .text{
    display:block;
    margin-top:-0.4em;
    margin-bottom:15px;
    color:var(--white-color);
    text-transform:uppercase;
    font-weight:500
}
.widget-banner .title{
    color:var(--white-color);
    margin-bottom:35px
}
@media(max-width: 1299px){
    .widget-banner .title{
        font-size:34px
    }
}
.project-info-list .contact-feature{
    padding:17px
}
.project-info-list .contact-feature:not(:last-of-type){
    margin-bottom:10px
}
.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);
    transform:translateX(-1px)
}
.price_slider_wrapper .ui-slider-handle:focus{
    outline:none;
    -webkit-box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15);
    box-shadow:1.5px 2.598px 10px 0px rgba(0,0,0,.15)
}
.price_slider_wrapper .ui-slider-handle:last-child{
    -webkit-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:5px;
    -webkit-transition:.4s ease-in;
    transition:.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:30px;
    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,.1);
    margin-bottom:0;
    text-align:left
}
.widget_shopping_cart .mini_cart_item:first-child{
    border-top:1px solid rgba(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%);
    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:-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
}
.sidebar-area .widget_shopping_cart .th-btn{
    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: 20px;
        --widget-padding-x: 20px
    }
    .widget_title{
        font-size:22px;
        margin:-0.12em 0 24px 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
    }
    .wp-block-tag-cloud a,.tagcloud a{
        padding:10.5px 18px
    }
}
@media(max-width: 767px){
    .widget{
        padding:35px 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:50px
}
.footer-widget,.footer-widget .widget{
    padding:0;
    border:none;
    padding-bottom:0;
    background-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none
}
.footer-widget .form-group>i{
    color:var(--theme-color);
    top:18px
}
.footer-widget .sidebar-gallery{
    max-width:287px
}
.footer-widget .widget_title{
    max-width:270px;
    color:var(--white-color);
    margin:-0.11em 0 32px 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:-5px
}
.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:-5px
}
.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 28px;
    margin-bottom:21px;
    font-family:var(--body-font);
    color:var(--smoke-color2);
    display:block;
    max-width:100%;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    background-color:rgba(0,0,0,0);
    border:none;
    position:relative;
    -webkit-transition:all .9s ease-in-out;
    transition:all .9s ease-in-out
}
.footer-widget.widget_meta a:before,.footer-widget.widget_pages a:before,.footer-widget.widget_archive a:before,.footer-widget.widget_categories a:before,.footer-widget.widget_nav_menu a:before{
    content:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1'%3E%3Cpath d='M16 6.47399V9.52606C16 9.75581 15.8138 9.94225 15.5838 9.94225H9.94225V15.5838C9.94225 15.8139 9.75581 16 9.52606 16H6.47399C6.24437 16 6.05779 15.8138 6.05779 15.5838V9.94225H0.416193C0.186253 9.94225 0 9.75581 0 9.52606V6.47399C0 6.24419 0.186253 6.05779 0.416193 6.05779H6.05779V0.416193C6.05779 0.186162 6.24432 0 6.47399 0H9.52606C9.75581 0 9.94225 0.186162 9.94225 0.416193V6.05779H15.5838C15.8139 6.05779 16 6.24419 16 6.47399Z' fill='%2305598e'/%3E%3C/g%3E%3C/svg%3E");
    font-weight:900;
    font-family:var(--icon-font);
    left:0;
    top:4px;
    width:16px;
    color:rgba(183,189,222,.3);
    -webkit-transform:translateY(0);
    transform:translateY(0);
    font-size:16px;
    background-color:rgba(0,0,0,0);
    border:none;
    -webkit-transition:all .9s ease-in-out;
    transition:all .9s ease-in-out
}
.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:rgba(0,0,0,0);
    color:var(--theme-color)
}
.footer-widget.widget_meta a:hover:before,.footer-widget.widget_pages a:hover:before,.footer-widget.widget_archive a:hover:before,.footer-widget.widget_categories a:hover:before,.footer-widget.widget_nav_menu a:hover:before{
    content:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.47399V9.52606C16 9.75581 15.8138 9.94225 15.5838 9.94225H9.94225V15.5838C9.94225 15.8139 9.75581 16 9.52606 16H6.47399C6.24437 16 6.05779 15.8138 6.05779 15.5838V9.94225H0.416193C0.186253 9.94225 0 9.75581 0 9.52606V6.47399C0 6.24419 0.186253 6.05779 0.416193 6.05779H6.05779V0.416193C6.05779 0.186162 6.24432 0 6.47399 0H9.52606C9.75581 0 9.94225 0.186162 9.94225 0.416193V6.05779H15.5838C15.8139 6.05779 16 6.24419 16 6.47399Z' fill='%23F96363'/%3E%3C/svg%3E%0A");
    color:var(--theme-color);
    -webkit-transition:all .9s ease-in-out;
    transition:all .9s ease-in-out
}
.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:rgba(0,0,0,0);
    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.widget_meta.style2 a:before,
.footer-widget.widget_pages.style2 a:before,
.footer-widget.widget_archive.style2 a:before,
.footer-widget.widget_categories.style2 a:before,
.footer-widget.widget_nav_menu.style2 a:before{
    content:url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1'%3E%3Cpath d='M16.25 6.47399V9.52606C16.25 9.75581 16.0638 9.94225 15.8338 9.94225H10.1923V15.5838C10.1923 15.8139 10.0058 16 9.77606 16H6.72399C6.49437 16 6.30779 15.8138 6.30779 15.5838V9.94225H0.666193C0.436253 9.94225 0.25 9.75581 0.25 9.52606V6.47399C0.25 6.24419 0.436253 6.05779 0.666193 6.05779H6.30779V0.416193C6.30779 0.186162 6.49432 0 6.72399 0H9.77606C10.0058 0 10.1923 0.186162 10.1923 0.416193V6.05779H15.8338C16.0639 6.05779 16.25 6.24419 16.25 6.47399Z' fill='%2305598e'/%3E%3C/g%3E%3C/svg%3E");
}
.footer-widget.widget_meta.style2 a:hover:before,.footer-widget.widget_pages.style2 a:hover:before,.footer-widget.widget_archive.style2 a:hover:before,.footer-widget.widget_categories.style2 a:hover:before,.footer-widget.widget_nav_menu.style2 a:hover:before{
    content:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.47399V9.52606C16 9.75581 15.8138 9.94225 15.5838 9.94225H9.94225V15.5838C9.94225 15.8139 9.75581 16 9.52606 16H6.47399C6.24437 16 6.05779 15.8138 6.05779 15.5838V9.94225H0.416193C0.186253 9.94225 0 9.75581 0 9.52606V6.47399C0 6.24419 0.186253 6.05779 0.416193 6.05779H6.05779V0.416193C6.05779 0.186162 6.24432 0 6.47399 0H9.52606C9.75581 0 9.94225 0.186162 9.94225 0.416193V6.05779H15.5838C15.8139 6.05779 16 6.24419 16 6.47399Z' fill='%23F96363'/%3E%3C/svg%3E%0A");
    color:var(--theme-color)
}
.footer-widget .recent-post{
    max-width:303px;
    margin-top:-0.3em;
    margin-bottom:28px
}
.footer-widget .recent-post:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
.footer-widget .recent-post .media-img{
    margin-right:20px;
    width:95px;
    height:80px;
    overflow:hidden;
    border-radius:16px
}
.footer-widget .recent-post .recent-post-meta a{
    font-size:14px;
    font-weight:400;
    color:var(--theme-color);
    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)
}
.footer-widget .recent-post .post-title{
    color:var(--white-color);
    font-size:18px;
    font-weight:500
}
.th-widget-about .about-logo{
    margin-bottom:32px
}
.th-widget-about .about-text{
    font-size:18px;
    color:rgba(183,189,222,.8);
    margin-bottom:30px;
    margin-top:-0.5em
}
.th-widget-about .footer-info{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:8px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    color:var(--white-color);
    max-width:322px;
    font-size:16px;
    margin-top:0
}
.th-widget-about .footer-info i{
    min-width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid rgba(183,189,222,.5);
    border-radius:50%;
    color:var(--white-color);
    font-size:16px;
    background-color:rgba(0,0,0,0);
    cursor:pointer;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.th-widget-about .footer-info i:hover{
    background-color:var(--white-color);
    color:var(--title-color)
}
.th-widget-about .footer-info:not(:last-child){
    margin:0 0 16px 0
}
.footer-text{
    margin-top:-0.46em;
    margin-bottom:25px
}
.social-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align: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
}
.newsletter-widget{
    max-width:290px
}
.newsletter-widget .form-control{
    background-color:var(--white-color) !important;
    border:1px solid var(--th-border-color)
}
@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){
    .footer-widget .widget_title{
        margin-bottom:35px
    }
    .th-widget-about .about-text{
        margin-bottom:20px
    }
    .social-box.mb-30{
        margin-bottom:25px
    }
}
.th-header{
    position:relative;
    z-index:41
}
.header-absolute{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.sticky-wrapper{
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.sticky-wrapper.sticky{
    position:fixed;
    top:0;
    right:0;
    left:0;
    background-color:var(--white-color);
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.07);
    box-shadow:0 0 10px 0 rgba(0,0,0,.07);
    -webkit-animation:stickyAni .4s ease-in-out;
    animation:stickyAni .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:.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:.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-family:var(--body-font);
    font-weight:600;
    font-size:16px;
    line-height:28px;
    letter-spacing:.02em;
    color:var(--title-color);
    text-transform:capitalize
}
.main-menu a:hover{
    color:var(--theme-color)
}
.main-menu>ul>li{
    margin:0 9px
}
.main-menu>ul>li>a{
    padding:33px 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: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);
    transform:scaleY(1);
    z-index:9
}
.main-menu ul li:hover ul.mega-menu{
    visibility:visible;
    opacity:1;
    z-index:9;
    -webkit-transform:scaleY(1) translateX(0%);
    transform:scaleY(1) translateX(0%)
}
@media(max-width: 1599px){
    .main-menu ul li:hover ul.mega-menu{
        -webkit-transform:scaleY(1) translateX(14%);
        transform:scaleY(1) translateX(14%)
    }
}
.main-menu ul.sub-menu,.main-menu ul.mega-menu{
    position:absolute;
    text-align:left;
    top:100%;
    left:0;
    background-color:var(--white-color);
    visibility:hidden;
    min-width:190px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    padding:7px;
    left:-14px;
    opacity:0;
    z-index:-1;
    border-top:3px solid var(--theme-color);
    -webkit-box-shadow:0px 4px 15px rgba(1,15,28,.06);
    box-shadow:0px 4px 15px rgba(1,15,28,.06);
    border-radius:0;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s
}
.main-menu ul.sub-menu a,.main-menu ul.mega-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:"";
    float:right;
    top:1px
}
.main-menu ul.sub-menu li.menu-item-has-children:hover:after{
    -webkit-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:"";
    position:absolute;
    top:6px;
    left:10px;
    font-family:var(--icon-font);
    width:13px;
    height:16px;
    text-align:center;
    display:inline-block;
    font-size:16px;
    line-height:1;
    color:var(--theme-color);
    font-weight:500;
    opacity:0;
    visibility:visible;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.main-menu ul.sub-menu li a:hover{
    padding-left:23px
}
.main-menu ul.sub-menu li a:hover:before{
    visibility:visible;
    opacity:1;
    left:0;
    color:var(--theme-color)
}
.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
}
.main-menu .mega-menu-wrap{
    position:static
}
.main-menu ul.mega-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    text-align:left;
    width:100%;
    max-width:var(--main-container);
    padding:20px 15px 23px 15px;
    left:50%;
    -webkit-transform:scaleY(0) translateX(-50%);
    transform:scaleY(0) translateX(-50%)
}
.main-menu ul.mega-menu li{
    display:block;
    width:100%;
    padding:0 15px
}
.main-menu ul.mega-menu li li{
    padding:2px 0
}
.main-menu ul.mega-menu li a{
    display:inline-block;
    text-transform:capitalize
}
.main-menu ul.mega-menu>li>a{
    display:block;
    padding:0;
    padding-bottom:15px;
    margin-bottom:10px;
    text-transform:capitalize;
    letter-spacing:1px;
    font-weight:700;
    color:var(--title-color);
    border-color:var(--theme-color)
}
.main-menu ul.mega-menu>li>a::after,.main-menu ul.mega-menu>li>a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:15px;
    height:1px;
    background-color:var(--theme-color)
}
.main-menu ul.mega-menu>li>a::after{
    width:calc(100% - 20px);
    left:20px
}
.main-menu ul.mega-menu>li>a:hover{
    padding-left:0
}
.header-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:12px
}
@media(max-width: 1500px){
    .header-info:last-child{
        display:none
    }
}
.header-info-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:24px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
@media(max-width: 1199px){
    .header-info-wrap{
        display:none
    }
}
.header-info-wrap .divided{
    width:1px;
    height:40px;
    background-color:var(--smoke-color)
}
@media(max-width: 1500px){
    .header-info-wrap .divided{
        display:none
    }
}
@media(max-width: 1399px){
    .header-info:last-child{
        display:none
    }
}
.header-info_icon i{
    width:40px;
    height:40px;
    line-height:40px;
    border:1px solid #dedfe3;
    border-radius:100px;
    text-align:center;
    font-size:16px;
    color:var(--theme-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.header-info_icon i:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.header-info_label{
    font-style:normal;
    letter-spacing:.02em;
    color:var(--body-color);
    font-size:14px;
    line-height:14px;
    font-weight:400;
    margin-bottom:0
}
.header-info_link{
    font-weight:500;
    font-size:14px;
    color:var(--title-color);
    margin-bottom:0
}
.header-info_link a{
    color:inherit
}
.header-info_link a:hover{
    color:var(--theme-color)
}
.header-button{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:16px
}
.header-button .icon-btn{
    position:relative
}
.header-button .cart-btn{
    position:relative;
    padding:10px 16px;
    background:#f2f3fc;
    border-radius:8px;
    font-weight:500;
    font-size:16px;
    line-height:28px;
    letter-spacing:.02em;
    color:var(--title-color);
    border:0
}
.header-button .cart-btn i{
    color:var(--theme-color);
    margin-left:4px
}
.header-button .search-form{
    position:relative
}
@media(max-width: 1299px){
    .header-button .search-form{
        display:none
    }
}
.header-button .search-form input{
    width:315px;
    height:48px;
    padding:16px 24px;
    background-color:rgba(0,0,0,0);
    border:1px solid rgba(114,114,119,.2);
    border-radius:8px
}
@media(max-width: 1799px){
    .header-button .search-form input{
        width:250px
    }
}
@media(max-width: 1699px){
    .header-button .search-form input{
        width:170px
    }
}
.header-button .search-form button{
    position:absolute;
    top:10px;
    right:15px;
    background-color:rgba(0,0,0,0);
    border:0;
    color:var(--title-color)
}
.header-links ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.header-links li{
    display:inline-block;
    position:relative;
    font-size:14px;
    font-weight:500;
    font-family:var(--body-font)
}
.header-links li:not(:last-child){
    margin-right:18px
}
.header-links li>i{
    color:#ffb30f;
    margin-right:6px
}
.header-links li,.header-links span,.header-links p,.header-links a{
    color:var(--title-color)
}
.header-links a:hover{
    color:var(--theme-color)
}
.header-links i{
    color:var(--title-color)
}
.header-links b,.header-links strong{
    font-weight:600
}
.social-links{
    margin-bottom: 24px;
}
.social-links .social-title{
    font-weight:400;
    font-size:14px;
    display:inline-block;
    margin:0 10px 0 0;
    font-family:var(--body-font);
    color:var(--body-color)
}
@media(max-width: 1599px){
    .social-links .social-title{
        display:none
    }
}
.social-links a{
    font-size:14px;
    display:inline-block;
    color:var(--body-color);
    margin:0 15px 0 0;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.social-links a:last-child{
    margin-right:0 !important
}
.social-links a:hover{
    color:var(--theme-color)
}
.social-links a:hover i{
    -webkit-animation:slideTop .5s;
    animation:slideTop .5s
}
.header-social .social-title{
    font-weight:500;
    font-size:16px;
    display:inline-block;
    margin:0 15px 0 0;
    color:var(--body-color)
}
.header-social a{
    font-size:16px;
    display:inline-block;
    color:var(--body-color);
    margin:0 15px 0 0
}
.header-social a:last-child{
    margin-right:0
}
.header-social a:hover{
    color:var(--theme-color)
}
.header-logo{
    padding-top:15px;
    padding-bottom:15px
}
@media(max-width: 575px){
    .header-logo{
        max-width:150px
    }
    .header-logo .icon-masking .mask-icon{
        -webkit-mask-size:cover;
        mask-size:cover
    }
}
@media(max-width: 1199px){
    .main-menu>ul>li>a{
        padding:37px 0
    }
}
@media(max-width: 1299px){
    .header-button .th-btn:not(:last-child){
        display:none
    }
}
.header-top{
    background-color:#010f1c;
    padding:10.7px 0
}
.header-layout1 .container{
    --main-container: 1856px
}
.header-layout1 .header-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:90px
}
@media(max-width: 1299px){
    .header-layout1 .header-wrapp{
        gap:30px
    }
}
@media(min-width: 992px){
    .header-layout1 .header-wrapp .th-btn{
        display:none
    }
}
.header-layout1 .header-logo.style1{
    display:none
}
.header-layout1 .sticky-wrapper.sticky .main-menu>ul>li>a{
    padding:39px 0
}
.header-layout1 .sticky-wrapper.sticky .header-logo.style1{
    display:block
}
.header-layout1 .sticky-wrapper.sticky .header-wrapp .th-btn{
    display:none
}
@media(max-width: 1199px){
    .header-layout1 .sticky-wrapper.sticky .th-btn{
        display:none
    }
}
.header-layout1 .menu-area{
   
    padding:0px 35px 0px 35px;
    border-radius:16px;
    background-color:var(--white-color)
}
@media(max-width: 1199px){
    .header-layout1 .menu-area{
        padding:0px 25px 0px 25px
    }
}
@media(max-width: 480px){
    .header-layout1 .menu-area{
        padding:0px 15px 0px 15px
    }
}
@media(max-width: 375px){
    .header-layout1 .menu-area{
        padding:0
    }
}
.header-layout1 .menu-top{
    border-bottom:1px solid var(--smoke-color)
}
.header-layout1 .header-logo{
    padding-top:24px;
    padding-bottom:24px
}
.header-layout1 .header-link{
    color:var(--white-color);
    padding-right:30px;
    margin-right:30px;
    height:40px;
    display:inline-block;
    border-right:1px solid #343434
}
.header-layout1 .header-link:last-child{
    padding-right:0;
    margin-right:0;
    border-right:none
}
.header-layout1 .header-link .icon-btn{
    --btn-size: 40px;
    border:1px solid #dedfe3;
    border-radius:100px
}
.header-layout1 .header-link:hover{
    color:var(--theme-color)
}
.header-layout1 .th-btn{
        padding: 15.2px 17px;
}
@media(max-width: 1299px){
    .header-layout1 .th-btn{
        padding:15px 16px;

    }
    
}

.header-layout1 .th-btn:not(:last-child){
    margin-right:10px
}
@media(max-width: 1399px){
    .header-layout1 .th-btn:not(:last-child){
        display:none
    }
}
.header-layout1 .icon-btn img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.header-layout1 .icon-btn:hover img{
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
.header-layout1 .th-menu-toggle{
    margin:15px 0
}
.header-layout1.unittest-header .logo-bg{
    display:none
}
.header-layout1.unittest-header .header-logo{
    margin:0
}
@media(max-width: 1299px){
    .header-layout1.unittest-header .main-menu>ul>li{
        margin:0 12px
    }
}
.header-layout2 .header-top{
    padding:15px 0;
    background-color:rgba(0,0,0,0);
    border-bottom:1px solid rgba(92,95,113,.2)
}
.header-layout2 .th-btn{
    padding:15.2px 24px
}
.header-layout2 .header-links li>i{
    color:var(--theme-color)
}
.header-layout2 .main-menu>ul>li>a{
    padding:39.5px 0
}
@media(max-width: 767px){
    .header-layout2 .sticky-wrapper.sticky .menu-area{
        padding:0px 0
    }
}
@media(max-width: 767px){
    .header-layout2 .menu-area{
        padding:10px 0
    }
}
.header-layout2 .header-button .icon-btn img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.header-layout2 .header-button .icon-btn:hover img{
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
.header-layout2 .header-logo{
    position:relative;
    z-index:2
}
.header-layout3 .header-right{
    position:absolute;
    right:0;
    bottom:0;
    width:108px;
    height:108px;
    line-height:108px;
    text-align:center;
    background-color:var(--theme-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.header-layout3 .header-right:hover{
    background-color:var(--title-color)
}
@media(max-width: 1899px){
    .header-layout3 .header-right{
        position:relative
    }
}
.header-layout3 .main-menu>ul>li>a{
    padding:39px 0
}
.header-layout3 .simple-btn{
    border:0;
    background:rgba(0,0,0,0);
    display:inline-block
}
.header-layout4 .header-logo{
    position:relative;
    z-index:2;
    height:100px;
    padding:20px 100px 20px 0
}
.header-layout4 .header-logo .logo-bg{
    position:absolute;
    top:0;
    right:-26px;
    height:100%;
    width:2000px;
    background-size:auto;
    background-repeat:repeat;
    background-position:center right;
    z-index:-1;
    clip-path:polygon(0 0, 100% 0, calc(100% - 42px) 100%, 0% 100%)
}
.header-layout4 .icon-btn{
    border-radius:50%
}
@media(max-width: 1500px){
    .header-layout4 .main-menu ul.mega-menu{
        left:-27rem !important
    }
}
@media(max-width: 1399px){
    .header-layout4 .header-button .th-btn{
        display:none
    }
    .header-layout4 .header-logo{
        padding:20px 50px 20px 0
    }
    .header-layout4 .header-logo .logo-bg{
        right:-15px
    }
    .header-layout4 .main-menu ul.mega-menu{
        left:-29rem !important
    }
}
@media(max-width: 1199px){
    .header-layout4 .header-logo{
        padding:20px 28px 20px 0
    }
}
@media(max-width: 991px){
    .header-layout4 .header-logo{
        padding:15px 50px 15px 0;
        height:90px
    }
}
@media(max-width: 575px){
    .header-layout4 .header-logo{
        height:82px;
        padding-right:0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .header-layout4 .header-logo .logo-bg{
        right:-60px
    }
    .header-layout4 .header-logo h2{
        font-size:36px
    }
    .header-layout4 .header-logo img{
        max-width:150px
    }
}
@media(max-width: 375px){
    .header-layout4 .header-logo .logo-bg{
        right:-35px
    }
}
.header-layout5{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    padding-top:50px
}
.header-layout5 .sticky-wrapper{
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0 12px
}
.header-layout5 .header-button .icon-btn{
    border-radius:50%
}
.header-layout5 .header-button .th-btn{
    margin-right:0
}
.header-layout5 .header-logo{
    padding:20px 0 20px 0
}
@media(max-width: 1830px){
    .header-layout5{
        padding-top:12px
    }
}
@media(max-width: 991px){
    .header-layout5 .header-logo{
        height:auto
    }
}
@media(max-width: 575px){
    .header-layout5{
        padding-top:0
    }
    .header-layout5 .sticky-wrapper{
        padding:0
    }
}
.footer-wrapper{
    --border-color: rgba(255, 255, 255, 0.3);
    position:relative;
    z-index:2;
    overflow:hidden
}
.fa-phone-volume{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.widget-area{
    padding-top:var(--section-space);
    padding-bottom:30px
}
.footer-links ul{
    padding:0;
    margin:0
}
.footer-links li{
    font-size:16px;
    font-family:var(--body-font);
    display:inline-block;
    padding-right:25px;
    margin-right:10px;
    position:relative
}
@media(max-width: 575px){
    .footer-links li{
        padding-right:20px;
        margin-right:5px
    }
}
.footer-links li:after{
    content:"";
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    top:50%;
    background-color:var(--theme-color);
    right:0
}
.footer-links li:last-child{
    margin-right:0;
    padding-right:0
}
.footer-links li:last-child:after{
    display:none
}
.footer-links a{
    font-family:inherit;
    color:#5c5f71
}
.footer-links a:hover{
    color:var(--theme-color)
}
.copyright-wrap{
    background-color:var(--white-color);
    padding:18px 0
}
.copyright-text{
    margin:0;
    color:var(--body-color)
}
.copyright-text a{
    color:var(--theme-color)
}
.copyright-text a:hover{
    color:var(--title-color)
}
.footer-text2{
    font-size:18px;
    margin-bottom:-0.4rem
}
.th-widget-contact{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:48px
}
@media(max-width: 1500px){
    .th-widget-contact{
        gap:20px
    }
}
@media(max-width: 1399px){
    .th-widget-contact{
        display:grid;
        grid-template-columns:auto auto auto
    }
}
@media(max-width: 1299px){
    .th-widget-contact{
        grid-template-columns:auto auto
    }
}
@media(max-width: 991px){
    .th-widget-contact{
        grid-template-columns:auto
    }
}
.th-widget-contact .info-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:16px;
    max-width:357px
}
@media(max-width: 375px){
    .th-widget-contact .info-box{
        max-width:100%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center
    }
}
.th-widget-contact .info-box .box-icon{
    min-width:56px;
    height:56px;
    line-height:56px;
    text-align:center;
    border:1px solid rgba(92,95,113,.3);
    border-radius:48px;
    color:var(--theme-color);
    font-size:20px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.th-widget-contact .info-box .box-icon:hover{
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color:var(--white-color)
}
@media(max-width: 375px){
    .th-widget-contact .info-box .box-icon{
        max-width:56px;
        display:block;
        margin:auto
    }
}
.th-widget-contact .info-box .box-title{
    margin-bottom:5px
}
.th-widget-contact .info-box .box-text{
    margin-bottom:0
}
.th-widget-contact .info-box .box-link{
    color:var(--body-color);
    display:block
}
.th-widget-contact .divided{
    width:1px;
    height:71px;
    background:rgba(92,95,113,.2);
    border-radius:24px
}
@media(max-width: 1500px){
    .th-widget-contact .divided{
        display:none
    }
}
@media(max-width: 767px){
    .th-widget-contact .footer-btn{
        text-align:center
    }
}
.th-widget-contact .footer-btn .th-btn{
    font-size:24px;
    padding:36px 30px
}
@media(max-width: 575px){
    .th-widget-contact .footer-btn .th-btn{
        font-size:20px;
        padding:20px 20px
    }
}
@media(max-width: 375px){
    .th-widget-contact .footer-btn .th-btn{
        font-size:18px;
        padding:20px 18px
    }
}
.copyright-wrap{
    background-color:rgba(0,0,0,0)
}
.copyright-wrap .copyright-text{
    color:var(--body-color)
}
.copyright-wrap .footer-links a{
    color:#b7bdde
}
.copyright-wrap .footer-links a:hover{
    color:var(--theme-color)
}
.footer-top{
    border-bottom:1px solid rgba(183,189,222,.2);
    padding:48px 0
}
@media(max-width: 1199px){
    .footer-newsletter-content{
        text-align:center;
        margin-bottom:25px
    }
}
@media(max-width: 991px){
    .footer-wrapper .widget-area{
        padding-top:var(--section-space-mobile);
        padding-bottom:30px
    }
    .footer-contact-wrap{
        grid-template-columns:auto auto;
        gap:30px
    }
    .copyright-text{
        text-align:center
    }
}
.footer-tags .tagcloud a{
    background-color:rgba(0,0,0,0);
    border:1px solid rgba(183,189,222,.2);
    border-radius:8px;
    padding:12.5px 15px;
    font-weight:400;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color)
}
.footer-tags .tagcloud a:not(:last-child){
    margin:0 16px 16px 0
}
.footer-tags .tagcloud a:hover{
    background-color:var(--theme-color)
}
.footer-tags .btn-group{
    margin-top:32px
}
.footer-tags .opening-hour{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:12px
}
.footer-tags .opening-hour .icon{
    width:56px;
    height:56px;
    line-height:56px;
    text-align:center;
    border:1px solid rgba(183,189,222,.2);
    border-radius:8px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.footer-tags .opening-hour .icon i{
    color:var(--theme-color);
    font-size:20px
}
.footer-tags .opening-hour .icon:hover{
    background-color:var(--white-color)
}
.footer-tags .opening-hour .label{
    font-weight:400;
    font-size:16px;
    letter-spacing:.02em;
    color:#b7bdde;
    display:block;
    margin-bottom:5px
}
.footer-tags .opening-hour .time{
    font-weight:500;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--white-color)
}
.footer-layout1{
    background-repeat:no-repeat;
    --smoke-color2: #5C5F71;
    background-size:100% 100%
}
@media(max-width: 1500px){
    .footer-layout1{
        background-size:auto
    }
}
.footer-layout1 .widget-area{
    background-color:var(--white-color);
    border-radius:24px;
    margin:120px 150px 50px 150px;
    padding:72px 72px 0 72px
}
@media(max-width: 1899px){
    .footer-layout1 .widget-area{
        margin:120px 40px 0 40px
    }
}
@media(max-width: 1500px){
    .footer-layout1 .widget-area{
        padding:40px 40px 0 40px
    }
}
@media(max-width: 1199px){
    .footer-layout1 .widget-area{
        margin:80px 10px 0 10px
    }
}
@media(max-width: 375px){
    .footer-layout1 .widget-area{
        padding:20px 20px 0 20px
    }
}
.footer-layout1 .footer-widget{
    margin-bottom:0px
}
@media(max-width: 1199px){
    .footer-layout1 .footer-widget{
        margin-bottom:50px
    }
}
.footer-layout1 .footer-widget .widget_title{
    max-width:270px;
    color:var(--title-color)
}
.footer-layout1 .th-widget-about .about-text{
    color:#5c5f71
}
.footer-layout1 .th-widget-about .footer-info{
    color:var(--title-color)
}
.footer-layout1 .th-widget-about .footer-info:not(:last-child){
    margin:0 0 20px 0
}
.footer-layout1 .th-widget-about .footer-info i{
    border:1px solid #dedfe3;
    color:var(--title-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.footer-layout1 .th-widget-about .footer-info i:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.footer-layout1 .social-links .title{
    color:var(--title-color)
}
@media(max-width: 480px){
    .footer-layout1 .social-links .title{
        display:block;
        margin-bottom:5px
    }
}
.footer-layout1 .social-links a{
    display:inline-block;
    width:32px;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:var(--title-color);
    text-align:center;
    border-radius:100px;
    border:1px solid #dedfe3;
    background-color:rgba(0,0,0,0);
    color:var(--body-color);
    margin:0 10px 0 0;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.footer-layout1 .social-links a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.footer-layout1 .copyright-wrap{
    border-top:1px solid #dedfe3;
    margin-top:60px;
    padding:20px 0
}
@media(max-width: 1299px){
    .footer-layout1 .footer-widget-about{
        margin-top:40px
    }
}
@media(max-width: 1199px){
    .footer-layout1 .footer-widget-about{
        margin:0
    }
}
.footer-layout1 .heart-rate2{
    position:absolute;
    bottom:20px;
    left:0;
    width:100%;
    height:100px;
    background-size:auto;
    background-repeat:repeat-x;
    z-index:2
}
.footer-layout1 .heart-rate{
    width:auto;
    height:100px;
    background-size:auto;
    background-repeat:repeat-x
}
.footer-layout1 .heart-rate .fade-in{
    background-color:#1c2359;
    -webkit-animation:heartRateIn 9.5s linear infinite;
    animation:heartRateIn 9.5s linear infinite
}
.footer-layout1 .heart-rate .fade-out{
    background-color:#1c2359;
    -webkit-animation:heartRateIn 9.5s linear infinite;
    animation:heartRateIn 9.5s linear infinite
}
.footer-layout2{
    background-color:var(--title-color);
    --body-color: #B7BEC8
}
.footer-layout2 .widget-area{
    padding-top:65px;
    padding-bottom:36px;
    border-bottom:1px solid rgba(183,189,222,.2)
}
.footer-layout2 .footer-widget .th-widget-about{
    position:relative;
    z-index:2
}
.footer-layout2 .footer-widget .th-widget-about:before{
    content:"";
    position:absolute;
    top:-66px;
    right:-40px;
    width:1px;
    height:610px;
    background-color:rgba(183,189,222,.2)
}
@media(max-width: 1899px){
    .footer-layout2 .footer-widget .th-widget-about:before{
        height:610px
    }
}
@media(max-width: 1699px){
    .footer-layout2 .footer-widget .th-widget-about:before{
        height:610px
    }
}
@media(max-width: 1500px){
    .footer-layout2 .footer-widget .th-widget-about:before{
        display:none
    }
}
.footer-layout2 .social-links{
    padding:28px 0
}
@media(max-width: 767px){
    .footer-layout2 .social-links{
        padding:25px 0 15px 0
    }
}
.footer-layout2 .social-links .title{
    font-weight:500;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--white-color);
    margin-right:16px
}
@media(max-width: 375px){
    .footer-layout2 .social-links .title{
        display:block;
        margin-bottom:10px
    }
}
.footer-layout2 .social-links a{
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center;
    border:1px solid rgba(183,189,222,.5);
    border-radius:50%;
    margin:0 10px 0 0
}
.footer-layout2 .social-links a:hover{
    background-color:var(--theme-color);
    color:var(--white-color);
    border-color:var(--theme-color)
}
.footer-layout2 .call-info{
    max-width:288px;
    display:block;
    margin-left:auto;
    background-color:var(--white-color);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:12px;
    padding:16px 24px;
    text-align:left
}
@media(max-width: 991px){
    .footer-layout2 .call-info{
        padding:15px 20px
    }
}
@media(max-width: 767px){
    .footer-layout2 .call-info{
        margin:auto
    }
}
.footer-layout2 .call-info_icon{
    width:46px;
    height:46px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    background:var(--theme-color)
}
.footer-layout2 .call-info_label{
    color:var(--theme-color);
    font-weight:600;
    font-size:14px;
    letter-spacing:.02em
}
.footer-layout2 .call-info_link{
    font-size:18px;
    font-family:var(--title-font);
    letter-spacing:.02em;
    color:var(--title-color);
    margin-bottom:0
}
.footer-layout2 .call-info_link:hover{
    color:var(--theme-color)
}
.footer-layout2 .call-info_link a{
    color:inherit
}
.footer-layout2.style2 .footer-widget .th-widget-about:before{
    content:"";
    position:absolute;
    top:-66px;
    right:-40px;
    width:1px;
    height:625px;
    background-color:rgba(183,189,222,.2)
}
@media(max-width: 1599px){
    .footer-layout2.style2 .footer-widget .th-widget-about:before{
        height:643px
    }
}
@media(max-width: 1899px){
    .footer-layout2.style2 .footer-widget .th-widget-about:before{
        height:625px
    }
}
@media(max-width: 1699px){
    .footer-layout2.style2 .footer-widget .th-widget-about:before{
        height:627px
    }
}
@media(max-width: 1500px){
    .footer-layout2.style2 .footer-widget .th-widget-about:before{
        display:none
    }
}
.footer-layout2.style2 .widget-area{
    margin-top:120px;
    border-top:1px solid rgba(183,189,222,.2)
}
@media(max-width: 991px){
    .footer-layout2.style2 .widget-area{
        margin-top:65px
    }
}
.footer-layout2.style2 .footer-widget{
    margin-bottom:34px
}
.footer-layout2.style2 .footer-widget .widget_title{
    margin:-0.11em 0 48px 0
}
.footer-layout2.style2 .th-widget-about .about-text{
    margin-bottom:0
}
.footer-layout2.style2 .footer-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 1299px){
    .footer-layout2.style2 .footer-wrapp{
        display:block
    }
}
.footer-layout2.style2 .copyright-text{
    color:#b7bdde
}
@media(max-width: 767px){
    .footer-layout2.style2 .copyright-text{
        margin:10px 0
    }
}
.footer-layout2.style2 .copyright-text a:hover{
    color:var(--white-color)
}
.footer-layout2.style2 .footer-info{
    display:block;
    position:relative;
    z-index:2
}
.footer-layout2.style2 .footer-info:not(:last-child){
    padding-bottom:5px;
    margin-bottom:32px
}
@media(max-width: 1500px){
    .footer-layout2.style2 .footer-info:not(:last-child){
        padding-bottom:0
    }
}
.footer-layout2.style2 .footer-info:not(:last-child):before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:132%;
    height:1px;
    background-color:rgba(183,189,222,.2);
    z-index:-1
}
@media(max-width: 1699px){
    .footer-layout2.style2 .footer-info:not(:last-child):before{
        width:129%
    }
}
@media(max-width: 1500px){
    .footer-layout2.style2 .footer-info:not(:last-child):before{
        display:none
    }
}
.footer-layout2.style2 .footer-info .box-title{
    color:var(--white-color);
    margin-bottom:5px
}
.footer-layout2.style2 .footer-info .box-text{
    max-width:260px
}
.footer-layout2 .copyright-wrap{
    border-top:1px solid rgba(183,189,222,.2)
}
.footer-layout2 .copyright-text{
    color:#b7bdde
}
@media(max-width: 767px){
    .footer-layout2 .copyright-text{
        margin:10px 0
    }
}
.footer-layout2 .copyright-text a:hover{
    color:var(--white-color)
}
.footer-layout3 .footer-widget{
    margin-bottom:62px
}
.footer-layout3 .widget-area{
    padding-top:80px
}
.footer-layout3 .copyright-wrap .copyright-text{
    color:#b7bdde
}
.footer-layout3 .footer-widget.widget_nav_menu a{
    color:#b7bdde
}
.footer-layout3 .footer-widget.widget_nav_menu a:hover{
    color:var(--theme-color)
}
.footer-layout3 .footer-area{
    background-color:var(--title-color);
    border-radius:24px;
    width:1760px;
    max-width:100%;
    margin:0px auto 0;
    position:relative;
    z-index:1019;
    -webkit-transition:border-radius .2s,width 350ms ease;
    transition:border-radius .2s,width 350ms ease
}
@media(max-width: 1500px){
    .footer-layout3 .footer-area{
        border-radius:0
    }
}
.footer-layout3 .th-screen.th-visible{
    border-radius:0;
    width:100%
}
@media(max-width: 991px){
    .footer-layout3 .th-social{
        margin-bottom:25px
    }
}
.footer-layout3 .th-social .title{
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color)
}
.footer-layout3 .th-social a{
    --icon-size: 32px;
    background-color:rgba(0,0,0,0);
    border:1px solid #5c5f71;
    border-radius:50%;
    font-size:14px
}
.footer-layout3 .th-social a:hover{
    border-color:var(--theme-color)
}
.footer-layout3 .th-widget-contact{
    background-color:var(--white-color);
    border-radius:16px;
    padding:35px 24px 35px 35px
}
@media(max-width: 575px){
    .footer-layout3 .th-widget-contact{
        padding:25px 20px
    }
}
.footer-layout3 .copyright-text a:hover{
    color:var(--white-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:5px;
    list-style:none;
    color:var(--theme-color);
    position:relative;
    font-weight:500;
    font-size:18px;
    letter-spacing:.02em
}
.breadcumb-menu li:after{
    content:"";
    position:relative;
    margin-left:10px;
    font-weight:500;
    font-size:15px;
    color:var(--theme-color);
    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 a,.breadcumb-menu span{
    white-space:normal;
    color:inherit;
    word-break:break-word;
    font-family:var(--title-font);
    font-weight:500;
    font-size:18px;
    color:var(--white-color)
}
.breadcumb-title{
    color:var(--white-color);
    font-weight:700;
    font-size:57px;
    letter-spacing:.02em;
    margin:-0.22em 0 -0.14em 0;
    line-height:1.1
}
@media(max-width: 1500px){
    .breadcumb-title{
        font-size:47px;
        line-height:1.31
    }
}
.breadcumb-wrapper{
    position:relative;
    background-color:var(--title-color);
    padding:125px 0;
    overflow:hidden;
    z-index:2
}
.breadcumb-wrapper:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 33, 89, 0.7)), to(rgba(26, 33, 89, 0.7)));
    background:linear-gradient(0deg, rgba(26, 33, 89, 0.7), rgba(26, 33, 89, 0.7));
    z-index:-1
}
.breadcumb-content{
    text-align:center
}
@media(max-width: 1199px){
    .breadcumb-wrapper{
        padding:100px 0 100px 0
    }
    .breadcumb-title{
        font-size:40px
    }
    .breadcumb-menu{
        margin:20px 0 -0.5em 0
    }
    .breadcumb-menu li,.breadcumb-menu a,.breadcumb-menu span{
        font-size:16px
    }
}
@media(max-width: 767px){
    .breadcumb-title{
        font-size:32px
    }
}
.th-pagination{
    margin-bottom:30px
}
.th-pagination ul{
    margin:0;
    padding:0
}
.th-pagination li{
    display:inline-block;
    margin:3px;
    list-style-type:none
}
.th-pagination span,.th-pagination a{
    display:inline-block;
    text-align:center;
    position:relative;
    color:var(--title-color);
    min-width:48px;
    height:48px;
    line-height:48px;
    border:1px solid #999;
    border-radius:4px;
    padding:0 18px;
    z-index:1;
    font-size:18px;
    font-weight:500
}
.th-pagination span.active,.th-pagination span:hover,.th-pagination a.active,.th-pagination a:hover{
    color:var(--white-color);
    background-color:var(--theme-color);
    border-color:var(--theme-color)
}
blockquote,.wp-block-quote{
    font-size:18px;
    line-height:1.33;
    padding:27px 40px 45px 60px;
    font-weight:500;
    letter-spacing:.02em;
    display:block;
    position:relative;
    background-color:rgba(0,0,0,0);
    margin:34px 0 40px 0;
    color:var(--title-color);
    font-style:normal;
    border:1px solid rgba(110,112,112,.3) !important;
    border-radius:10px
}
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;
    margin-bottom:0
}
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(--white-color)
}
blockquote:after,.wp-block-quote:after{
    content:"";
    position:absolute;
    top:-10px;
    left:0px;
    height:20px;
    width:25px;
    background-color:var(--theme-color);
    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-weight:400;
    font-size:20px;
    line-height:1;
    font-style:normal;
    font-family:var(--body-font);
    white-space:nowrap;
    position:absolute;
    bottom:-17px;
    left:100px;
    background-color:var(--theme-color);
    color:var(--white-color);
    padding:7px 45px 7px 20px;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='194' height='35' viewBox='0 0 194 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H194L169.234 35H0V0Z' fill='%23F96363'/%3E%3C/svg%3E%0A");
    mask-image:url("data:image/svg+xml,%3Csvg width='194' height='35' viewBox='0 0 194 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H194L169.234 35H0V0Z' fill='%23F96363'/%3E%3C/svg%3E%0A");
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    border-radius:0px;
    overflow:hidden
}
@media(max-width: 375px){
    blockquote cite,.wp-block-quote cite{
        left:30px
    }
}
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(--smoke-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(--title-color);
    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
}
.page--content blockquote:before,.page--content .wp-block-quote:before{
    background-color:#fff
}
.wp-block-pullquote{
    color:var(--body-color);
    padding:0
}
blockquote.has-very-dark-gray-color{
    color:var(--body-color) !important
}
.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:100px 15px 30px 15px
}
@media(max-width: 1199px){
    blockquote,.wp-block-quote{
        font-size:16px;
        padding:40px 20px 30px 30px
    }
    blockquote:before,.wp-block-quote:before{
        width:100px;
        font-size:52px
    }
    blockquote cite,.wp-block-quote cite{
        margin-top:23px
    }
}
@media(max-width: 767px){
    .wp-block-pullquote.is-style-solid-color blockquote{
        max-width:90%
    }
}
.blog-meta{
    display:block
}
.blog-meta span,.blog-meta a{
    display:inline-block;
    font-size:16px;
    font-weight:400;
    color:var(--body-color);
    font-family:var(--body-font);
    position:relative;
    margin-right:32px
}
.blog-meta span i,.blog-meta a i{
    margin-right:6px;
    color:var(--title-color)
}
.blog-meta span:last-child,.blog-meta a:last-child{
    margin-right:0
}
.blog-meta .author img{
    border-radius:50%;
    width:30px;
    height:30px;
    margin-right:6px
}
.blog-meta a:hover{
    color:var(--theme-color)
}
@media(max-width: 1199px){
    .blog-meta span,.blog-meta a{
        margin-right:6px;
        padding-right:15px
    }
}
.blog-audio img,.blog-img img,.blog-video img{
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.blog-title{
    text-transform:capitalize
}
.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:25px
}
.blog-inner-title i{
    color:var(--theme-color);
    margin-right:10px
}
@media(min-width: 1300px){
    .page-single,.blog-single,.as-comments-wrap,.as-comment-form{
        margin-right:16px
    }
}
.page-single .subtitle{
    background:#fff2f2;
    border-radius:24px;
    padding:9px 16px;
    font-weight:500;
    font-size:14px;
    line-height:28px;
    letter-spacing:.02em;
    color:var(--title-color);
    display:inline-block;
    margin-bottom:20px
}
.blog-single{
    position:relative;
    margin-bottom:var(--blog-space-y, 40px);
    overflow:hidden
}
.blog-single.single-grid .blog-img{
    border-radius:24px;
    margin-bottom:32px
}
.blog-single.single-grid .blog-meta{
    margin:-0.25em 0 10px 0
}
.blog-single.single-grid .blog-meta span,.blog-single.single-grid .blog-meta a{
    margin-right:10px
}
.blog-single.single-grid .blog-meta span i,.blog-single.single-grid .blog-meta a i{
    color:var(--theme-color);
    margin-right:8px
}
.blog-single.single-grid .box-title{
    max-width:462px;
    border-bottom:1px solid rgba(92,95,113,.2);
    margin-bottom:32px;
    padding-bottom:25px
}
@media(max-width: 1299px){
    .blog-single.single-grid .box-title{
        font-size:20px
    }
}
@media(max-width: 1199px){
    .blog-single.single-grid .box-title{
        max-width:425px
    }
}
@media(max-width: 991px){
    .blog-single.single-grid .box-title{
        max-width:100%
    }
}
.blog-single .blog-title{
    margin-bottom:20px
}
.blog-single .blog-text{
    margin-bottom:35px
}
.blog-single .social-links{
    margin:0;
    padding:0;
    list-style-type:none;
    display:inline-block;
    padding:3.5px 19px;
    background:#f2f3fc;
    border-radius:4px
}
.blog-single .social-links li{
    display:inline-block;
    margin-right:15px
}
.blog-single .social-links li:last-child{
    margin-right:0
}
.blog-single .social-links a{
    display:inline-block;
    font-size:16px;
    color:var(--title-color);
    text-align:center
}
.blog-single .social-links a:hover{
    color:var(--theme-color)
}
.blog-single .blog-meta{
    margin:-0.25em 0 3px 0
}
.blog-single .blog-content{
    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(--smoke-color);
    border-radius:10px
}
.blog-single .blog-img{
    border-radius:16px;
    margin-bottom:55px
}
@media(max-width: 991px){
    .blog-single .blog-img{
        margin-bottom:35px
    }
}
.blog-single .blog-img img{
    width:100%;
    border-radius:14px
}
.blog-single .blog-img .slick-arrow{
    --pos-x: 30px;
    --icon-size: 45px;
    border:none;
    background-color:var(--white-color);
    color:var(--theme-color);
    border-radius:5px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.blog-single .blog-img .slick-arrow:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.blog-single .blog-img .play-btn{
    --icon-size: 60px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -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:hover .blog-img .slick-arrow{
    opacity:1;
    visibility:visible
}
.blog-list-single{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    gap:40px;
    margin-bottom:50px
}
@media(max-width: 1399px){
    .blog-list-single{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.blog-list-single .blog-img{
    min-width:496px;
    max-width:496px;
    border-radius:24px
}
@media(max-width: 1399px){
    .blog-list-single .blog-img{
        min-width:100%
    }
}
@media(max-width: 991px){
    .blog-list-single .blog-img{
        margin-bottom:0
    }
}
.blog-list-single .blog-img img{
    width:100%;
    border-radius:24px;
    -o-object-fit:cover;
    object-fit:cover
}
.blog-list-single .blog-profile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:25px
}
.blog-list-single .blog-author{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:8px
}
.blog-list-single .blog-author img{
    max-width:40px;
    -o-object-fit:cover;
    object-fit:cover
}
.blog-list-single .blog-author .title{
    font-family:var(--body-font);
    font-weight:500;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--title-color);
    margin-bottom:0
}
.blog-list-single .tag{
    padding:4px 18px;
    font-weight:400;
    font-size:14px;
    letter-spacing:.02em;
    color:#4e4e4e;
    border:1px solid #e4e4e6;
    border-radius:48px
}
.blog-list-single .blog-text{
    margin-bottom:35px
}
.blog-desc{
    font-size:18px;
    line-height:1.5;
    letter-spacing:.02em;
    color:rgba(92,95,113,.9)
}
.share-links-title{
    font-size:20px;
    color:var(--title-color);
    font-family:var(--body-font);
    font-weight:500;
    margin:0 15px 0 0;
    display:inline-block
}
.share-links{
    border-top:1px solid var(--th-border-color);
    padding:32px 0 0 0
}
.share-links>.row{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    --bs-gutter-y: 20px
}
.share-links .wp-block-tag-cloud,.share-links .tagcloud{
    display:inline-block
}
@media(max-width: 1399px){
    .share-links{
        --blog-space-x: 20px
    }
}
@media(max-width: 991px){
    .blog-details .blog-single{
        --blog-space-x: 20px;
        --blog-space-y: 40px
    }
    .share-links{
        --blog-space-x: 40px
    }
}
@media(max-width: 767px){
    .share-links{
        --blog-space-x: 20px
    }
    .blog-details .blog-single{
        --blog-space-x: 20px;
        --blog-space-y: 20px
    }
    .blog-single .blog-title{
        font-size:24px;
        line-height:1.3
    }
    .blog-single .blog-text{
        margin-bottom:22px
    }
    .blog-single .blog-bottom{
        padding-top:15px
    }
    .blog-single .share-links-title{
        font-size:18px;
        display:block;
        margin:0 0 10px 0
    }
}
.blog-text{
    line-height:26px;
    margin-bottom:25px
}
.blog-navigation{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:20px;
    background:var(--smoke-color2);
    padding:40px;
    margin-bottom:40px
}
@media(max-width: 767px){
    .blog-navigation{
        padding:25px
    }
}
.blog-navigation .nav-text{
    font-size:18px;
    font-family:var(--title-font);
    color:var(--title-color);
    display:inline-block;
    font-weight:600
}
@media(max-width: 767px){
    .blog-navigation .nav-text{
        font-size:16px
    }
}
.blog-navigation .nav-btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px
}
.blog-navigation .nav-btn img{
    border-radius:10px
}
@media(max-width: 1199px){
    .blog-navigation .nav-btn img{
        display:none
    }
}
.blog-navigation .nav-btn.next{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    text-align:right
}
.blog-navigation .nav-btn:hover .nav-text{
    color:var(--theme-color)
}
.blog-navigation .nav-btn:hover .nav-img:after{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.blog-navigation .nav-btn:hover .nav-img i{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.blog-navigation .nav-btn .nav-img{
    min-width:85px;
    position:relative;
    overflow:hidden;
    border-radius:10px;
    -webkit-transition:.4s;
    transition:.4s
}
.blog-navigation .nav-btn .nav-img img{
    border-radius:10px
}
@media(max-width: 767px){
    .blog-navigation .nav-btn .nav-img{
        display:none
    }
}
.blog-navigation .nav-btn .nav-img:after{
    content:"";
    position:absolute;
    inset:0;
    background-color:rgba(0,0,0,.7);
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.blog-navigation .nav-btn .nav-img i{
    position:absolute;
    inset:0;
    text-align:center;
    line-height:81px;
    font-size:24px;
    color:var(--theme-color);
    -webkit-transform:scale(0);
    transform:scale(0);
    z-index:2;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.blog-navigation .nav-btn .nav-img img{
    width:100%;
    height:100%;
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    border-radius:10px;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.blog-navigation .blog-next{
    text-align:right
}
.blog-navigation .blog-btn{
    font-size:38px;
    color:var(--theme-color)
}
@media(max-width: 767px){
    .blog-navigation .blog-btn{
        font-size:25px
    }
}
.blog-navigation .blog-btn:hover{
    color:var(--theme-color)
}
.th-comment-form{
    margin-top:var(--blog-space-y, 40px);
    margin-bottom:30px;
    padding-top:62px;
    position:relative;
    margin-right:16px;
    max-width:856px
}
@media(max-width: 991px){
    .th-comment-form{
        margin:0
    }
}
.th-comment-form .row{
    --bs-gutter-x: 20px
}
.th-comment-form .blog-inner-title{
    margin-bottom:0px
}
.th-comment-form .form-title{
    margin-top:-0.35em
}
.th-comment-form .form-title a#cancel-comment-reply-link{
    font-size:.7em;
    text-decoration:underline
}
.th-comment-form .form-text{
    margin-bottom:25px
}
.blog-comment-area{
    margin-bottom:25px
}
.th-comment-form.blog-comment-wrap{
    background-color:var(--smoke-color2)
}
.th-comments-wrap{
    margin-top:var(--blog-space-y, 40px);
    margin-bottom:30px;
    margin-right:16px
}
.th-comments-wrap .description p:last-child{
    margin-bottom:-0.5em
}
.th-comments-wrap .comment-respond{
    margin:30px 0
}
.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:-ms-flexbox;
    display:flex;
    position:relative;
    border:1px solid #dedfe3;
    border-radius:10px;
    padding:32px
}
.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:-30px
}
.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:24px;
    overflow:hidden;
    border-radius:15px
}
.th-comments-wrap .comment-avater img{
    width:100%
}
.th-comments-wrap .comment-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-top:-6px;
    position:relative
}
.th-comments-wrap .commented-on{
    font-size:14px;
    display:inline-block;
    margin-bottom:12px;
    font-weight:400;
    color:var(--body-color)
}
.th-comments-wrap .commented-on i{
    color:var(--theme-color);
    margin-right:7px;
    font-size:.9rem
}
.th-comments-wrap .name{
    margin-bottom:5px;
    font-size:20px;
    font-weight:500
}
.th-comments-wrap .comment-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.th-comments-wrap .text{
    margin-bottom:-0.3rem
}
.th-comments-wrap .children{
    margin:0;
    padding:0;
    list-style-type:none;
    margin-left:80px
}
.th-comments-wrap .reply_and_edit{
    margin-top:0px;
    margin-bottom:-0.46em;
    position:absolute;
    top:0;
    right:0;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.th-comments-wrap .reply_and_edit a{
    margin-right:10px
}
.th-comments-wrap .reply_and_edit a:last-child{
    margin-right:0
}
.th-comments-wrap .reply-btn{
    font-weight:500;
    font-size:14px;
    text-transform:uppercase;
    display:inline-block;
    color:var(--theme-color)
}
@media(max-width: 450px){
    .th-comments-wrap .reply-btn{
        font-size:12px;
        padding:4px 12px
    }
}
.th-comments-wrap .reply-btn i{
    margin-right:7px
}
.th-comments-wrap .reply-btn:hover{
    color:var(--title-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:not(.children .th-comment-item)>.th-post-comment{
    margin-bottom:24px
}
.th-comments-wrap.th-comment-form{
    margin:0
}
@media(max-width: 1199px){
    .th-comments-wrap .children{
        margin-left:40px
    }
}
@media(max-width: 767px){
    .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
    }
}
@media(max-width: 767px){
    .th-comment-form{
        --blog-space-x: 20px
    }
}
.th-hero-wrapper{
    position:relative;
    z-index:2;
    overflow:hidden
}
.th-hero-wrapper .swiper-pagination-bullet{
    border-color:var(--white-color)
}
@media(max-width: 1500px){
    .th-hero-wrapper .slider-arrow{
        --pos-x: 40px
    }
}
@media(max-width: 1399px){
    .th-hero-wrapper .slider-arrow{
        left:auto;
        top:calc(50% - 35px);
        right:var(--pos-x, -120px);
        margin:0
    }
    .th-hero-wrapper .slider-arrow.slider-next{
        top:calc(50% + 35px)
    }
}
@media(max-width: 991px){
    .th-hero-wrapper .slider-arrow{
        left:auto;
        top:calc(50% - 30px);
        right:var(--pos-x, -120px);
        margin:0
    }
    .th-hero-wrapper .slider-arrow.slider-next{
        top:calc(50% + 30px)
    }
}
@media(max-width: 767px){
    .th-hero-wrapper .slider-arrow{
        display:none
    }
}
.th-hero-bg{
    position:absolute;
    inset:0
}
.th-hero-bg img{
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.call-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:12px
}
@media(max-width: 375px){
    .call-info{
        display:block;
        text-align:left;
        gap:5px
    }
}
.call-info.style3{
    background-color:var(--title-color);
    border-radius:16px;
    padding:22px 40px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:60px
}
@media(max-width: 1299px){
    .call-info.style3{
        padding:20px 20px
    }
}
@media(max-width: 767px){
    .call-info.style3{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media(max-width: 375px){
    .call-info.style3{
        text-align:center
    }
}
.call-info.style3 .call-icon{
    border:6px solid hsla(0,0%,100%,.2);
    border-radius:50%;
    width:68px
}
@media(max-width: 767px){
    .call-info.style3 .call-icon{
        display:block;
        margin:auto
    }
}
.call-info.style3 .call-icon i:hover{
    background-color:var(--white-color);
    color:var(--theme-color)
}
.call-info.style3 .call-label{
    font-weight:600;
    font-size:14px;
    line-height:28px;
    letter-spacing:.02em;
    color:var(--theme-color)
}
.call-info.style3 .call-link{
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color)
}
@media(max-width: 375px){
    .call-info .call-icon{
        margin-bottom:5px
    }
}
.call-info .call-icon i{
    width:56px;
    height:56px;
    line-height:56px;
    font-size:18px;
    text-align:center;
    background-color:var(--theme-color);
    color:var(--white-color);
    border-radius:48px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.call-info .call-icon i:hover{
    background-color:var(--title-color);
    border-color:var(--title-color);
    color:var(--white-color)
}
.call-info .call-label{
    font-size:16px;
    letter-spacing:.02em;
    color:var(--body-color);
    display:block;
    margin-bottom:0px
}
@media(max-width: 375px){
    .call-info .call-label{
        font-size:16px
    }
}
.call-info .call-link{
    font-weight:600;
    font-size:18px;
    line-height:32px;
    color:var(--title-color);
    margin-bottom:0;
    letter-spacing:.02em;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.call-info .call-link:hover{
    color:var(--theme-color)
}
@media(max-width: 375px){
    .call-info .call-link{
        font-size:18px
    }
}
.call-info .call-link a{
    color:inherit
}
.call-info.style2 .call-icon{
    width:56px;
    border:5px solid rgba(249,99,99,.2);
    border-radius:50%
}
.call-info.style2 .call-icon i{
    width:46px;
    height:46px;
    line-height:46px
}
.call-info.style2 .call-label{
    font-weight:500;
    font-size:16px;
    line-height:28px;
    letter-spacing:.02em;
    color:var(--theme-color)
}
@media(max-width: 1199px){
    .btn-group:has(.call-btn){
        gap:25px
    }
}
@media(max-width: 767px){
    .btn-group:has(.call-btn){
        gap:20px
    }
}
@media(max-width: 1199px){
    .hero-image{
        text-align:center
    }
}
.hero-1{
    position:relative;
    z-index:3
}
.hero-1 .th-hero-bg:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 33, 89, 0.8)), to(rgba(26, 33, 89, 0.8)));
    background:linear-gradient(0deg, rgba(26, 33, 89, 0.8), rgba(26, 33, 89, 0.8))
}
.hero-1 .scroll-down{
    position:absolute;
    left:50%;
    bottom:70px
}
.hero-1 .scroll-down .hero-scroll-wrap{
    position:absolute;
    left:50%;
    bottom:56px;
    z-index:3;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    display:inline-block;
    width:30px
}
.hero-1 .scroll-down .hero-scroll-wrap span{
    font-size:16px;
    font-weight:400;
    font-family:var(--body-font);
    color:var(--light-color);
    -webkit-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:translate(-100%, -50%) rotate(-90deg);
    transform:translate(-100%, -50%) rotate(-90deg);
    width:100px;
    display:inline-block
}
.hero-1 .scroll-down .hero-scroll-wrap:after{
    content:"";
    position:absolute;
    height:59px;
    width:40px;
    border:1px solid var(--white-color);
    border-radius:30px
}
.hero-1 .scroll-down .hero-scroll-wrap:before{
    content:"";
    height:8px;
    width:8px;
    border-radius:50px;
    background-color:var(--white-color);
    position:absolute;
    bottom:-40px;
    left:50%;
    -webkit-animation:scrollMove 1.5s infinite;
    animation:scrollMove 1.5s infinite
}
.hero-1 .scroll-down .title{
    position:relative;
    bottom:-35px;
    left:5px;
    font-weight:500;
    font-size:14px;
    letter-spacing:.02em;
    color:var(--white-color);
    z-index:2
}
@media(max-width: 1500px){
    .hero-1 .scroll-down{
        bottom:40px
    }
    .hero-1 .scroll-down .hero-scroll-wrap span{
        display:none
    }
}
@media(max-width: 1199px){
    .hero-1 .scroll-down{
        bottom:70px;
        left:unset;
        right:40px
    }
}
@media(max-width: 575px){
    .hero-1 .scroll-down{
        display:none
    }
}
.hero-1 .social-links{
    position:absolute;
    z-index:2;
    left:-5.5%;
    bottom:40%;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
@media(max-width: 1899px){
    .hero-1 .social-links{
        left:-8%
    }
}
@media(max-width: 1799px){
    .hero-1 .social-links{
        display:none
    }
}
.hero-1 .social-links a{
    display:inline-block;
    width:32px;
    height:32px;
    line-height:32px;
    font-size:14px;
    text-align:center;
    border-radius:100px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    border:1px solid hsla(0,0%,100%,.3);
    background-color:rgba(0,0,0,0);
    color:var(--white-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.hero-1 .social-links a:hover{
    background-color:var(--theme-color);
    border-color:var(--theme-color)
}
.hero-1 .social-links:after{
    content:"";
    position:relative;
    background-color:var(--theme-color);
    height:1px;
    width:176px;
    display:inline-block;
    top:-6px;
    margin-left:15px
}
.hero-1 .social-links.style2{
    left:-7%
}
.hero-1 .slider-controller{
    position:absolute;
    top:50%;
    right:66px;
    z-index:2;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media(max-width: 1199px){
    .hero-1 .slider-controller{
        display:none
    }
}
.hero-1 .slider-controller .swiper-pagination-bullets{
    margin:0
}
.hero-1 .slider-controller .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:24px 0 !important;
    display:block
}
.hero-1 .slider-controller .hero-thumb{
    margin-left:20px
}
.hero-1 .slider-controller .hero-thumb .tab-btn{
    font-weight:500;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color);
    margin:10px 0;
    position:relative;
    z-index:2;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.hero-1 .slider-controller .hero-thumb .tab-btn:before{
    content:"";
    position:absolute;
    top:13px;
    left:-25px;
    height:1px;
    width:19px;
    background-color:var(--white-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.hero-1 .slider-controller .hero-thumb .tab-btn.active{
    opacity:1;
    visibility:visible
}
.hero-style1{
    position:relative;
    padding:408px 0 189px 0;
    max-width:913px;
    margin-left:40px;
    z-index:4
}
@media(max-width: 1199px){
    .hero-style1{
        text-align:center;
        padding:408px 0 100px 0
    }
}
@media(max-width: 991px){
    .hero-style1{
        padding:350px 0 100px 0;
        margin:0
    }
}
@media(max-width: 575px){
    .hero-style1{
        padding:300px 0 100px 0
    }
}
.hero-style1 .sub-title{
    color:var(--white-color)
}
.hero-style1 .hero-title{
    color:var(--white-color);
    margin-bottom:60px
}
@media(max-width: 1599px){
    .hero-shape1{
        display:none !important
    }
}
@media(max-width: 1599px){
    .hero-shape2{
        display:none !important
    }
}
.hero-2{
    position:relative
}
.hero-2 .hero-slide-area{
    position:relative;
    background-color:#fff2f2;
    border-radius:24px;
    overflow:hidden
}
.hero-2 .slider-controller{
    position:absolute;
    top:50%;
    right:63px;
    z-index:2;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media(max-width: 1399px){
    .hero-2 .slider-controller{
        display:none
    }
}
.hero-2 .slider-controller .swiper-pagination-bullets{
    margin:0
}
.hero-2 .slider-controller .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:16px 0 !important;
    display:block
}
.hero-2 .swiper-pagination-bullet{
    border-color:var(--title-color)
}
.hero-2 .social-links{
    position:absolute;
    z-index:2;
    left:-7%;
    bottom:40%;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
@media(min-width: 1930px){
    .hero-2 .social-links{
        left:0
    }
}
@media(max-width: 1899px){
    .hero-2 .social-links{
        left:-8%
    }
}
@media(max-width: 1799px){
    .hero-2 .social-links{
        display:none
    }
}
.hero-2 .social-links a{
    display:inline-block;
    width:32px;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:var(--title-color);
    text-align:center;
    border-radius:100px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    border:1px solid rgba(92,95,113,.2);
    background-color:rgba(0,0,0,0);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.hero-2 .social-links a:hover{
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color:var(--white-color)
}
.hero-2 .social-links:after{
    content:"";
    position:relative;
    background-color:var(--theme-color);
    height:1px;
    width:176px;
    display:inline-block;
    top:-6px;
    margin-left:15px
}
.hero-2 .social-links.style2{
    left:-7%
}
.hero-2 .hero-image{
    position:relative;
    z-index:2;
    margin-left:-80px
}
@media(max-width: 1500px){
    .hero-2 .hero-image{
        margin-left:0
    }
}
@media(max-width: 1199px){
    .hero-2 .hero-image{
        text-align:center
    }
}
.hero-2 .hero-image:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:528px;
    height:528px;
    border-radius:50%;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(9.25%, #FFF2F2), color-stop(144.57%, #EEDCDC));
    background:linear-gradient(180deg, #FFF2F2 9.25%, #EEDCDC 144.57%);
    z-index:-1
}
@media(max-width: 1199px){
    .hero-2 .hero-image:before{
        left:50%;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%)
    }
}
.hero-style2{
    position:relative;
    padding:187px 0 187px 100px;
    max-width:850px
}
@media(max-width: 1199px){
    .hero-style2{
        padding:140px 50px 50px 50px;
        text-align:center;
        max-width:100%
    }
}
@media(max-width: 991px){
    .hero-style2{
        padding:100px 30px 50px 30px
    }
}
@media(max-width: 575px){
    .hero-style2{
        padding:100px 20px 50px 20px
    }
}
.hero-style2 .sub-title{
    color:var(--title-color);
    margin-bottom:10px
}
@media(max-width: 1499px){
    .hero-style2 .hero-title{
        font-size:67px;
        line-height:1.26
    }
}
@media(max-width: 1299px){
    .hero-style2 .hero-title{
        font-size:57px
    }
}
@media(max-width: 767px){
    .hero-style2 .hero-title{
        font-size:40px;
        line-height:1.25
    }
}
.hero-style2 .hero-text{
    font-size:18px;
    max-width:659px;
    margin-bottom:50px
}
@media(max-width: 1299px){
    .hero-style2 .hero-text{
        max-width:100%
    }
}
.hero-style2 .hero-content{
    max-width:800px;
    display:block;
    margin:-50px auto auto auto;
    text-align:center
}
@media(max-width: 767px){
    .hero-style2 .hero-content{
        margin-top:0
    }
}
.hero-3{
    position:relative
}
.hero-3 .slider-controller{
    position:absolute;
    top:50%;
    right:25px;
    z-index:2;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media(max-width: 1799px){
    .hero-3 .slider-controller{
        display:none
    }
}
.hero-3 .slider-controller .swiper-pagination-bullets{
    margin:0
}
.hero-3 .slider-controller .swiper-pagination-bullets .swiper-pagination-bullet{
    border:1px solid var(--title-color);
    margin:24px 0 !important;
    display:block
}
.hero-3 .slider-controller .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color:var(--theme-color2)
}
.hero-3 .slider-controller .hero-thumb .tab-btn{
    font-weight:500;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--body-color);
    margin:48px 0;
    position:relative;
    z-index:2;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    cursor:pointer
}
.hero-3 .slider-controller .hero-thumb .tab-btn:before{
    content:"";
    position:absolute;
    top:13px;
    right:-25px;
    height:2px;
    width:25px;
    border-radius:5px;
    background-color:var(--body-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.hero-3 .slider-controller .hero-thumb .tab-btn.active{
    color:var(--theme-color)
}
.hero-3 .slider-controller .hero-thumb .tab-btn.active:before{
    background-color:var(--theme-color)
}
.hero-3 .swiper-pagination-bullet{
    border-color:var(--title-color)
}
.hero-3 .social-links{
    position:absolute;
    z-index:2;
    left:-7%;
    bottom:40%;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
@media(min-width: 1930px){
    .hero-3 .social-links{
        left:0
    }
}
@media(max-width: 1899px){
    .hero-3 .social-links{
        left:-8%
    }
}
@media(max-width: 1799px){
    .hero-3 .social-links{
        display:none
    }
}
.hero-3 .social-links a{
    display:inline-block;
    width:32px;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:var(--title-color);
    text-align:center;
    border-radius:100px;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    border:1px solid rgba(92,95,113,.2);
    background-color:rgba(0,0,0,0);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.hero-3 .social-links a:hover{
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color:var(--white-color)
}
.hero-3 .social-links:after{
    content:"";
    position:relative;
    background-color:var(--theme-color);
    height:1px;
    width:176px;
    display:inline-block;
    top:-6px;
    margin-left:15px
}
.hero-3 .social-links.style2{
    left:-7%
}
.hero-3 .scroll-down{
    position:absolute;
    right:0%;
    bottom:0px;
    width:108px;
    height:140px;
    background-color:var(--title-color)
}
@media(max-width: 1799px){
    .hero-3 .scroll-down{
        display:none
    }
}
.hero-3 .scroll-down .hero-scroll-wrap{
    position:absolute;
    right:20%;
    top:0%;
    z-index:3;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    display:inline-block;
    width:30px
}
.hero-3 .scroll-down .hero-scroll-wrap .line{
    position:absolute;
    top:140%;
    left:60%;
    width:1px;
    height:18px;
    background:#b7bdde;
    border-radius:48px
}
.hero-3 .scroll-down .hero-scroll-wrap .text{
    font-size:16px;
    font-weight:400;
    font-family:var(--body-font);
    color:var(--light-color);
    -webkit-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:translate(-100%, -50%) rotate(-90deg);
    transform:translate(-100%, -50%) rotate(-90deg);
    width:100px;
    display:inline-block
}
.hero-3 .scroll-down .hero-scroll-wrap:after{
    content:"";
    position:absolute;
    height:59px;
    width:40px;
    border:1px solid var(--white-color);
    border-radius:30px
}
.hero-3 .scroll-down .hero-scroll-wrap:before{
    content:"";
    height:8px;
    width:8px;
    border-radius:50px;
    background-color:var(--theme-color);
    position:absolute;
    bottom:-40px;
    left:50%;
    -webkit-animation:scrollMove 1.5s infinite;
    animation:scrollMove 1.5s infinite
}
.hero-3 .scroll-down .title{
    position:relative;
    bottom:-95px;
    left:40px;
    font-weight:500;
    font-size:14px;
    letter-spacing:.02em;
    color:var(--white-color);
    z-index:2
}
@media(max-width: 1500px){
    .hero-3 .scroll-down{
        bottom:40px
    }
    .hero-3 .scroll-down .hero-scroll-wrap span{
        display:none
    }
}
.hero-3 .hero-image{
    position:relative;
    z-index:2;
    margin-right:-35px
}
@media(max-width: 1899px){
    .hero-3 .hero-image{
        margin-right:0
    }
}
.hero-3 .hero-image img{
    width:100%
}
@media(max-width: 1199px){
    .hero-3 .hero-image{
        text-align:center
    }
}
.hero-3 .hero-image:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:528px;
    height:528px;
    border-radius:50%;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(9.25%, #FFF2F2), color-stop(144.57%, #EEDCDC));
    background:linear-gradient(180deg, #FFF2F2 9.25%, #EEDCDC 144.57%);
    z-index:-1
}
@media(max-width: 1199px){
    .hero-3 .hero-image:before{
        left:50%;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%)
    }
}
.hero-style3{
    position:relative
}
@media(max-width: 1399px){
    .hero-style3{
        padding:120px 0
    }
}
@media(max-width: 1199px){
    .hero-style3{
        text-align:center;
        padding:120px 0 50px 0px;
        max-width:100%
    }
}
.hero-style3 .sub-title{
    color:var(--title-color);
    margin-bottom:10px
}
.hero-style3 .hero-title{
    margin-bottom:40px
}
@media(max-width: 1499px){
    .hero-style3 .hero-title{
        font-size:67px;
        line-height:1.26
    }
}
@media(max-width: 1299px){
    .hero-style3 .hero-title{
        font-size:57px
    }
}
@media(max-width: 767px){
    .hero-style3 .hero-title{
        font-size:40px;
        line-height:1.25
    }
}
.hero-style3 .hero-text{
    font-size:18px;
    max-width:659px;
    margin-bottom:50px
}
@media(max-width: 1299px){
    .hero-style3 .hero-text{
        max-width:100%
    }
}
.hero-style3 .client-box{
    margin-top:56px
}
@media(max-width: 1199px){
    .hero-style3 .client-box .client-thumb-group{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.hero-style3 .client-box .client-thumb-group .thumb img{
    height:64px
}
.hero-style3 .client-box .client-thumb-group .thumb.icon{
    height:64px;
    width:64px;
    background-color:var(--title-color);
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color);
    line-height:28px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.hero-style3 .client-box .client-thumb-group .thumb.icon span{
    font-weight:600;
    font-size:9px;
    line-height:11px
}
.hero-4 .hero-img{
    position:absolute;
    right:44px;
    top:0;
    height:100%;
    display:grid;
    -ms-flex-line-pack:center;
    align-content:center
}
@media(max-width: 1500px){
    .hero-4 .hero-img{
        right:50px;
        width:750px
    }
}
@media(max-width: 1299px){
    .hero-4 .hero-img{
        width:650px
    }
}
@media(max-width: 1199px){
    .hero-4 .hero-img{
        right:20px;
        width:500px
    }
}
@media(max-width: 991px){
    .hero-4 .hero-img{
        position:relative;
        right:0;
        display:block;
        width:auto;
        margin:30px 30px 0;
        text-align:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media(max-width: 575px){
    .hero-4 .hero-img{
        margin-top:50px
    }
}
.hero-style4{
    padding:208px 0;
    position:relative;
    z-index:6
}
.hero-style4 .hero-text{
    max-width:496px;
    font-size:18px
}
@media(max-width: 991px){
    .hero-style4 .hero-text{
        font-size:16px
    }
}
.hero-style4 .hero-title .title2,.hero-style4 .hero-title .title1{
    display:block
}
.hero-style4 .btn-group{
    gap:24px
}
@media(max-width: 1399px){
    .hero-style4{
        padding:160px 0
    }
}
@media(max-width: 1299px){
    .hero-style4{
        padding:150px 0
    }
}
@media(max-width: 1199px){
    .hero-style4{
        padding:120px 0
    }
    .hero-style4 .hero-text{
        max-width:515px
    }
}
@media(max-width: 991px){
    .hero-style4{
        padding:0 0 120px;
        text-align:center
    }
    .hero-style4 .sub-title{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .hero-style4 .sub-title:after,.hero-style4 .sub-title:before{
        display:none
    }
    .hero-style4 .hero-title .title1,.hero-style4 .hero-title .title2{
        max-width:none
    }
    .hero-style4 .hero-text{
        margin-left:auto;
        margin-right:auto
    }
}
@media(max-width: 767px){
    .hero-style4{
        padding:0 0 100px
    }
}
.hero-5{
    margin:50px auto 0 auto;
    max-width:1810px;
    border-radius:20px 20px 20px 0;
    position:relative;
    overflow:hidden
}
@media(max-width: 991px){
    .hero-5 .hero-inner{
        padding-top:180px
    }
}
@media(max-width: 575px){
    .hero-5 .hero-inner{
        padding-top:160px
    }
}
.hero-5 .hero-img{
    position:absolute;
    right:160px;
    bottom:125px;
    display:inline-block
}
@media(max-width: 1500px){
    .hero-5 .hero-img{
        right:100px;
        bottom:204px;
        max-width:500px
    }
}
@media(max-width: 1399px){
    .hero-5 .hero-img{
        right:70px
    }
}
@media(max-width: 1299px){
    .hero-5 .hero-img{
        right:40px
    }
}
@media(max-width: 1199px){
    .hero-5 .hero-img{
        position:relative;
        max-width:100%;
        bottom:auto;
        right:auto;
        margin-top:180px;
        margin-left:40px
    }
}
@media(max-width: 991px){
    .hero-5 .hero-img{
        display:block;
        margin-left:30px;
        margin-right:30px;
        margin-top:0
    }
    .hero-5 .hero-img img{
        width:100%
    }
}
.hero-5 .hero-social{
    position:absolute;
    bottom:0;
    left:0;
    background-color:var(--theme-color);
    border-radius:10px;
    z-index:4;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:15px;
    padding:20px
}
.hero-5 .hero-social .box-shape{
    position:absolute;
    bottom:0;
    left:0;
    width:calc(100% + 24px);
    height:calc(100% + 24px);
    background-color:var(--white-color);
    border-radius:0 20px 0 0;
    z-index:-2
}
.hero-5 .hero-social .box-shape:after,.hero-5 .hero-social .box-shape:before{
    content:"";
    position:absolute;
    bottom:100%;
    left:0;
    line-height:1;
    height:20px;
    width:20px;
    background-color:var(--white-color);
    clip-path:path("M-0.00405075 0.197186C-0.00451078 0.129431 -0.00450747 0.0623935 -0.00405075 -0.00390625V0.197186C0.038618 6.48153 4.06739 18.9271 20.0077 20.0039H-0.00405075V0.197186Z")
}
.hero-5 .hero-social .box-shape:after{
    left:calc(100% - 1px);
    bottom:0
}
.hero-5 .hero-social:before{
    content:"";
    position:absolute;
    inset:0;
    background-color:inherit;
    border-radius:inherit;
    z-index:-1
}
.hero-5 .hero-social .social-title{
    font-weight:700;
    color:var(--white-color)
}
.hero-5 .th-social a{
    background-color:var(--white-color);
    border-radius:6px;
    color:var(--theme-color)
}
.hero-5 .th-social a:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.hero-5 .shape-mockup{
    z-index:1
}
.hero-5 .dna-shape{
    -webkit-transform:scale(0.65) rotate(-90deg);
    transform:scale(0.65) rotate(-90deg)
}
@media(max-width: 1199px){
    .hero-5 .dna-shape{
        left:auto !important;
        right:10% !important;
        bottom:4% !important
    }
}
@media(max-width: 767px){
    .hero-5 .dna-shape{
        display:none
    }
}
@media(max-width: 1830px){
    .hero-5{
        margin:12px 12px 0 12px
    }
}
@media(max-width: 767px){
    .hero-5 .shape-2{
        top:10% !important;
        left:20px !important
    }
    .hero-5 .shape-3{
        top:10% !important;
        right:20px !important
    }
    .hero-5 .hero-social{
        padding:10px
    }
    .hero-5 .hero-social .box-shape{
        width:calc(100% + 10px);
        height:calc(100% + 10px)
    }
}
@media(max-width: 575px){
    .hero-5{
        margin:0;
        border-radius:0
    }
    .hero-5 .hero-social{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        text-align:center;
        margin-right:30px
    }
}
.hero-style5{
    padding:204px 0;
    position:relative;
    z-index:6
}
.hero-style5 .hero-text{
    max-width:670px;
    font-size:18px
}
@media(max-width: 1299px){
    .hero-style5 .hero-text{
        max-width:520px
    }
}
@media(max-width: 767px){
    .hero-style5 .hero-text{
        font-size:16px
    }
}
.hero-style5 .hero-title{
    text-transform:capitalize;
    font-size:74px;
    line-height:1.135em;
    margin-top:-0.1em
}
.hero-style5 .hero-title .title1,.hero-style5 .hero-title .title2,.hero-style5 .hero-title .title3{
    display:block
}
@media(max-width: 1500px){
    .hero-style5 .hero-title{
        font-size:64px
    }
}
@media(max-width: 1199px){
    .hero-style5 .hero-title{
        font-size:56px
    }
}
@media(max-width: 767px){
    .hero-style5 .hero-title{
        font-size:40px
    }
}
@media(max-width: 575px){
    .hero-style5 .hero-title{
        font-size:34px
    }
}
@media(max-width: 1500px){
    .hero-style5{
        padding:200px 0 240px
    }
}
@media(max-width: 1199px){
    .hero-style5{
        padding:60px 0 240px
    }
    .hero-style5 .hero-text{
        max-width:none
    }
}
@media(max-width: 991px){
    .hero-style5{
        text-align:center
    }
    .hero-style5 .hero-title>span{
        margin-left:auto;
        margin-right:auto
    }
    .hero-style5 .btn-group{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media(max-width: 767px){
    .hero-style5{
        padding:60px 0 190px
    }
}
.dna-ani{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.dna-ani span{
    width:80px;
    height:4px;
    background:#008cb4;
    margin:6px;
    position:relative;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-animation:dnaAnim 2.5s linear infinite;
    animation:dnaAnim 2.5s linear infinite
}
.dna-ani span:before,.dna-ani span:after{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:#008cb4;
    position:absolute;
    top:calc(50% - 5px)
}
.dna-ani span:after{
    right:-8px
}
.dna-ani span:before{
    left:-8px
}
.dna-ani span:nth-child(1){
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
.dna-ani span:nth-child(2){
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.dna-ani span:nth-child(3){
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
.dna-ani span:nth-child(4){
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.dna-ani span:nth-child(5){
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.dna-ani span:nth-child(6){
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.dna-ani span:nth-child(7){
    -webkit-animation-delay:.7s;
    animation-delay:.7s
}
.dna-ani span:nth-child(8){
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.dna-ani span:nth-child(9){
    -webkit-animation-delay:.9s;
    animation-delay:.9s
}
.dna-ani span:nth-child(10){
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.dna-ani span:nth-child(11){
    -webkit-animation-delay:1.1s;
    animation-delay:1.1s
}
.dna-ani span:nth-child(12){
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.dna-ani span:nth-child(13){
    -webkit-animation-delay:1.3s;
    animation-delay:1.3s
}
.dna-ani span:nth-child(14){
    -webkit-animation-delay:1.4s;
    animation-delay:1.4s
}
.dna-ani span:nth-child(15){
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
.dna-ani span:nth-child(16){
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
.dna-ani span:nth-child(17){
    -webkit-animation-delay:1.7s;
    animation-delay:1.7s
}
.dna-ani span:nth-child(18){
    -webkit-animation-delay:1.8s;
    animation-delay:1.8s
}
@-webkit-keyframes dnarotate{
    0%{
        -webkit-transform:rotateZ(0deg);
        transform:rotateZ(0deg)
    }
    100%{
        -webkit-transform:rotateZ(359deg);
        transform:rotateZ(359deg)
    }
}
@keyframes dnarotate{
    0%{
        -webkit-transform:rotateZ(0deg);
        transform:rotateZ(0deg)
    }
    100%{
        -webkit-transform:rotateZ(359deg);
        transform:rotateZ(359deg)
    }
}
@-webkit-keyframes dnaAnim{
    0%{
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    100%{
        -webkit-transform:rotateY(359deg);
        transform:rotateY(359deg)
    }
}
@keyframes dnaAnim{
    0%{
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    100%{
        -webkit-transform:rotateY(359deg);
        transform:rotateY(359deg)
    }
}
.error-content{
    text-align:center
}
.error-img{
    text-align:center;
    margin-bottom:45px
}
.error-title{
    margin-bottom:20px
}
.error-text{
    margin-bottom:35px;
    max-width:500px;
    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,.95);
    height:0;
    width:0;
    overflow:hidden;
    z-index:99999;
    opacity:0;
    visibility:hidden;
    border-radius:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:all ease .4s;
    transition:all ease .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:rgba(0,0,0,0);
    font-size:22px;
    border-radius:50%;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    color:var(--theme-color)
}
.popup-search-box button.searchClose:hover{
    color:var(--body-color);
    background-color:#fff;
    border-color:rgba(0,0,0,0);
    border-color:rgba(0,0,0,0);
    -webkit-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);
    transform:translate(-50%, -50%) scale(0);
    -webkit-transition:-webkit-transform ease .4s;
    transition:-webkit-transform ease .4s;
    transition:transform ease .4s;
    transition:transform ease .4s, -webkit-transform ease .4s
}
@media(max-width: 1199px){
    .popup-search-box form{
        max-width:600px
    }
}
.popup-search-box form input{
    font-size:18px;
    height:70px;
    width:100%;
    border:2px solid var(--theme-color);
    background-color:rgba(0,0,0,0);
    padding-left:30px;
    color:#fff;
    border-radius:50px
}
.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:rgba(0,0,0,0);
    border:none;
    color:#fff;
    font-size:24px;
    right:12px;
    color:var(--white-color);
    cursor:pointer;
    width:70px;
    height:70px;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transform:scale(1.001);
    transform:scale(1.001)
}
.popup-search-box form button:hover{
    -webkit-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 .4s;
    transition:all ease .4s;
    border-radius:0
}
.popup-search-box.show form{
    -webkit-transition-delay:.5s;
    transition-delay:.5s;
    -webkit-transform:translate(-50%, -50%) scale(1);
    transform:translate(-50%, -50%) scale(1)
}
.sidemenu-wrapper{
    position:fixed;
    z-index:99999;
    right:0;
    top:0;
    height:100%;
    width:0;
    background-color:rgba(0,0,0,.75);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all ease .8s;
    transition:all ease .8s
}
.sidemenu-wrapper .closeButton{
    display:inline-block;
    border:1px solid;
    width:50px;
    height:50px;
    line-height:48px;
    font-size:24px;
    padding:0;
    position:absolute;
    top:20px;
    right:20px;
    background-color:rgba(0,0,0,0);
    border-radius:50%;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.sidemenu-wrapper .closeButton:hover{
    color:var(--theme-color);
    border-color:var(--theme-color);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.sidemenu-wrapper .sidemenu-content{
    background-color:var(--white-color);
    width:450px;
    margin-left:auto;
    padding:80px 30px 20px 30px;
    height:100%;
    overflow:scroll;
    position:relative;
    right:-500px;
    cursor:auto;
    -webkit-transition-delay:1s;
    transition-delay:1s;
    -webkit-transition:right ease 1s;
    transition:right ease 1s
}
@media(max-width: 575px){
    .sidemenu-wrapper .sidemenu-content{
        width:320px
    }
}
.sidemenu-wrapper .sidemenu-content .footer-widget .widget_title:after{
    border:2px solid var(--white-color)
}
.sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.1);
    box-shadow:inset 0 0 1px rgba(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:rgba(0,0,0,0)
}
.sidemenu-wrapper .widget .widget_title{
    color:var(--title-color)
}
.sidemenu-wrapper .widget .recent-post-wrap .recent-post .post-title:hover a{
    color:var(--theme-color)
}
.sidemenu-wrapper .widget.footer-widget .recent-post{
    max-width:100%;
    padding-bottom:10px
}
.sidemenu-wrapper .widget.footer-widget .recent-post .post-title{
    color:var(--title-color)
}
.sidemenu-wrapper .widget.footer-widget .recent-post .post-title:hover a{
    color:var(--theme-color)
}
.sidemenu-wrapper .widget.footer-widget .th-widget-about .about-text{
    color:var(--body-color)
}
.sidemenu-wrapper .widget.footer-widget .th-widget-about .footer-info-title{
    color:var(--title-color)
}
.sidemenu-wrapper.show{
    opacity:1;
    visibility:visible;
    width:100%;
    -webkit-transition:all ease .8s;
    transition:all ease .8s
}
.sidemenu-wrapper.show .sidemenu-content{
    right:0;
    opacity:1;
    visibility:visible
}
.woocommerce-message,.woocommerce-info{
    position:relative;
    padding:11px 20px 11px 50px;
    background-color:var(--theme-color);
    color:var(--white-color);
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
    border-radius:5px
}
.woocommerce-message a,.woocommerce-info a{
    color:var(--white-color);
    text-decoration:underline
}
.woocommerce-message a:hover,.woocommerce-info a:hover{
    color:var(--title-color)
}
.woocommerce-message:before,.woocommerce-info:before{
    content:"";
    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(--white-color)
}
.woocommerce-notices-wrapper .woocommerce-message:before{
    content:"";
    font-weight:300
}
.woocommerce-form-login-toggle .woocommerce-info{
    background-color:var(--theme-color);
    color:var(--white-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(--white-color);
    -webkit-box-shadow:0px 6px 30px rgba(1,15,28,.1);
    box-shadow:0px 6px 30px rgba(1,15,28,.1);
    margin-bottom:0;
    border-radius:10px
}
@media(max-width: 575px){
    .woocommerce-form-register,.woocommerce-form-coupon,.woocommerce-form-login{
        padding:40px 20px
    }
}
.woocommerce-form-register .form-group,.woocommerce-form-coupon .form-group,.woocommerce-form-login .form-group{
    margin-bottom:20px
}
.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-form-login{
    margin-bottom:30px
}
.woocommerce-error{
    background-color:var(--error-color);
    color:#fff;
    list-style:none;
    padding:10px 26px;
    margin:0 0 30px 0;
    border-radius:5px;
    font-weight:700;
    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(--title-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(--white-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)
}
table.variations,.woocommerce-grouped-product-list-item{
    border-collapse:separate;
    border-spacing:0 15px;
    margin-bottom:5px;
    -webkit-box-align: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(--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-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;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    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;
    -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:"";
    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:"";
    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:"";
    font-weight:400;
    text-indent:0;
    color:var(--yellow-color)
}
.rating-select p.stars a:hover~a::before{
    content:"";
    font-weight:400
}
.rating-select p.stars:hover a::before{
    content:"";
    font-weight:700
}
.rating-select p.stars.selected a.active::before{
    content:"";
    font-weight:700
}
.rating-select p.stars.selected a.active~a::before{
    content:"";
    font-weight:400
}
.rating-select p.stars.selected a:not(.active)::before{
    content:"";
    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{
    border:1px solid #dedfe3;
    border-radius:16px;
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.th-product .product-title{
    font-size:32px;
    font-weight:600;
    margin-top:-0.3rem;
    margin-bottom:10px
}
@media(max-width: 1500px){
    .th-product .product-title{
        font-size:24px
    }
}
.th-product .product-title a{
    color:inherit
}
.th-product .product-title a:hover{
    color:var(--theme-color)
}
.th-product .price{
    font-size:24px;
    display:block;
    color:var(--title-color);
    font-weight:600;
    margin-bottom:-0.4em;
    font-family:var(--title-font);
    margin-bottom:40px
}
.th-product .price del{
    margin-left:10px;
    font-weight:400;
    font-size:24px;
    letter-spacing:.02em;
    text-decoration-line:line-through;
    color:#999
}
.th-product .quantity{
    display:block;
    min-width:67px
}
.th-product .quantity span{
    font-weight:400;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--title-color);
    display:block;
    margin-bottom:11px
}
.th-product .quantity .qty-input{
    width:60px;
    height:32px;
    border:1px solid #dedfe3 !important;
    border-radius:8px;
    font-weight:500;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--body-color)
}
.th-product .product-img{
    --space: 20px;
    overflow:hidden;
    position:relative;
    background-color:#f2f3fc;
    border-radius:8px 8px 0px 0px;
    margin:8px 8px 0 8px;
    z-index:2
}
.th-product .product-img:before{
    --space: 10px;
    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(--title-color);
    z-index:1;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    visibility:hidden;
    opacity:0;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.th-product .product-img img{
    width:100%;
    border-radius:8px 8px 0px 0px;
    -webkit-transition:all ease .4s;
    transition:all ease .4s;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.th-product .product-img .tag{
    font-size:14px;
    position:absolute;
    top:15px;
    left:15px;
    background-color:var(--theme-color);
    color:var(--white-color);
    padding:0 12px;
    min-width:60px;
    z-index:3;
    border-radius:3px;
    line-height:24px
}
.th-product .product-img .product-tag{
    position:absolute;
    top:8px;
    left:8px;
    padding:4px 13px;
    background-color:var(--theme-color);
    font-family:var(--title-font);
    font-weight:500;
    font-size:14px;
    line-height:20px;
    border-radius:4px;
    color:var(--white-color);
    z-index:9
}
.th-product .product-content{
    padding:40px 40px 40px
}
@media(max-width: 991px){
    .th-product .product-content{
        padding:30px
    }
}
.th-product .star-rating{
    width:93px
}
.th-product .actions{
    height:100%;
    position:absolute;
    left:0;
    top:50%;
    right:0;
    text-align:center;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:3;
    margin-top:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.th-product .actions .icon-btn{
    --btn-size: 40px;
    font-size:14px;
    border-color:var(--white-color);
    -webkit-box-shadow:0px 4px 20px rgba(0,0,0,.05);
    box-shadow:0px 4px 20px rgba(0,0,0,.05);
    color:var(--white-color);
    border-radius:10px
}
.th-product .actions .icon-btn:hover{
    color:var(--white-color);
    border-color:var(--theme-color)
}
.th-product .actions>*{
    margin:0 var(--icon-gap-x, 5px)
}
.th-product .actions>*>a{
    margin:0
}
.th-product .icon-btn{
    -webkit-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-transition:.4s ease-in-out;
    transition:.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:rgba(0,0,0,0);
    color:var(--white-color);
    border-radius:4px
}
.th-product .tinv-wishlist a:hover{
    background-color:var(--white-color);
    color:var(--title-color)
}
.th-product .add_to_cart_button.added{
    display:none
}
.th-product .added_to_cart{
    width:40px;
    height:40px;
    line-height:40px;
    border:1px solid var(--white-color);
    color:var(--white-color);
    font-size:0;
    text-align:center;
    border-radius:10px
}
.th-product .added_to_cart:after{
    content:"";
    position:relative;
    font-family:var(--icon-font);
    font-size:16px;
    font-weight:700
}
.th-product .added_to_cart:hover{
    background-color:var(--theme-color);
    border-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);
    transform:scale(1.1)
}
.th-product:hover .product-img:before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    visibility:visible;
    opacity:.7
}
.th-product:hover .actions{
    margin-top:0;
    opacity:1;
    visibility:visible
}
.th-product:hover .icon-btn{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.th-product:hover .woosw-btn{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.th-product.list-view{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-align:left;
    height:100%
}
.th-product.list-view .product-img{
    width:100%;
    max-width:200px;
    margin:0
}
.th-product.list-view .star-rating{
    margin:0 auto 10px 0;
    width:93px
}
.th-product.list-view .product-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    border:1px solid var(--th-border-color);
    border-left:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:0 25px
}
.th-product.list-view .actions{
    --btn-size: 35px;
    --btn-font-size: 13px;
    --icon-gap-x: 2px
}
.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 .action-btn{
    padding:8px 15px
}
.th-product.list-view .tag{
    top:8px;
    right:8px;
    padding:0px 15px
}
.th-product.list-view .product-title{
    font-size:18px;
    margin:0 0 5px 0
}
.th-product.list-view .product-price{
    font-size:14px
}
.th-product .woosw-btn{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px;
    border:1px solid var(--white-color);
    -webkit-box-shadow:0px 4px 20px rgba(0,0,0,.05);
    box-shadow:0px 4px 20px rgba(0,0,0,.05);
    color:var(--white-color);
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transform:translateY(30px);
    transform:translateY(30px)
}
.th-product .woosw-btn:hover{
    background-color:var(--theme-color);
    color:var(--title-color)
}
#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:20px;
    margin-bottom:20px
}
.mfp-fade.mfp-bg{
    opacity:0;
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:.8
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    opacity:0;
    -webkit-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
.woosq-popup{
    max-height:600px;
    max-width:1220px
}
.woosq-popup .product_meta>span>a:after,.woosq-popup .product_meta>span>span:after{
    display:none
}
.woosq-product>.product>div{
    max-height:600px;
    min-height:460px;
    height:auto
}
.th-sort-bar{
    padding:10px;
    margin:0 0 24px 0;
    background-color:var(--smoke-color2);
    border-radius:5px
}
.th-sort-bar .row{
    --bs-gutter-x: 0;
    --bs-gutter-y: 15px
}
.th-sort-bar select{
    height:50px;
    border:1px solid var(--th-border-color);
    background-color:var(--white-color);
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    min-width:250px;
    font-size:16px;
    margin:0;
    color:var(--body-color)
}
.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
}
.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;
    -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);
    border-radius:10px
}
.product-thumb-tab .tab-btn img{
    max-width:100%;
    border-radius:inherit
}
.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);
    border-radius:10px;
    pointer-events:none;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.product-big-img{
    background-color:var(--smoke-color2);
    text-align:center;
    border-radius:10px;
    overflow:hidden
}
.product-big-img .img{
    width:100%
}
.product-big-img .img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.quantity{
    position:relative;
    display:-webkit-inline-box;
    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;
    -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:rgba(0,0,0,0);
    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(--title-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{
    border-bottom:1px solid var(--smoke-color2);
    margin:95px auto 40px auto;
    padding-bottom:40px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:24px
}
.product-tab-style1 .th-btn:hover,.product-tab-style1 .th-btn.active{
    background-color:var(--title-color);
    color:var(--white-color)
}
.woocommerce-Reviews .th-post-comment .text{
    margin-bottom:-0.5em
}
.woocommerce-Reviews .th-comments-wrap{
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    margin-right:0
}
.woocommerce-Reviews .th-comment-form{
    padding:60px;
    background-color:var(--smoke-color2);
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:10px;
    margin-right:0
}
.woocommerce-Reviews .th-comment-form input,.woocommerce-Reviews .th-comment-form .form-control{
    background-color:var(--white-color)
}
.woocommerce-Reviews .th-comment-form .blog-inner-title{
    margin-bottom:10px
}
.woocommerce-Reviews .comment-list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:0 24px;
    margin-bottom:40px
}
.woocommerce-Reviews .th-post-comment{
    border:1px solid var(--th-border-color) !important;
    padding:40px !important;
    -webkit-box-shadow:0px 4px 30px rgba(1,15,28,.06);
    box-shadow:0px 4px 30px rgba(1,15,28,.06);
    margin-bottom:24px;
    border-radius:8px
}
.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
    }
}
#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 12px 0
}
.summary-content>.price,.product-about>.price{
    font-family:var(--title-font);
    font-size:20px;
    font-weight:800;
    color:var(--title-color);
    display:inline-block;
    margin-bottom:14px
}
.summary-content>.price del,.product-about>.price del{
    color:var(--gray-color);
    font-weight:500;
    margin-left:15px
}
.summary-content .product-rating,.product-about .product-rating{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:5px;
    -webkit-box-align: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:14px
}
.summary-content .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:30px 0 40px 0
}
.summary-content .actions,.product-about .actions{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap:15px;
    margin:33px 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(--th-border-color)
}
.summary-content .actions .icon-btn:hover,.product-about .actions .icon-btn:hover{
    background-color:var(--theme-color);
    color:var(--white-color);
    border-color:var(--theme-color)
}
.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:60px;
    height:60px;
    line-height:60px;
    display:inline-block;
    border-radius:4px
}
.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 a,.product-about .tinv-wishlist a{
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    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
}
.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:rgba(0,0,0,0);
    color:var(--title-color);
    padding:0 21px;
    text-align:left;
    font-weight:500;
    border-radius:5px
}
.summary-content .quantity .qty-btn,.product-about .quantity .qty-btn{
    color:var(--title-color);
    background-color:rgba(0,0,0,0);
    position:absolute;
    right:21px;
    height:auto;
    width:auto;
    border:none
}
.summary-content .quantity .quantity-minus,.product-about .quantity .quantity-minus{
    bottom:8px
}
.summary-content .quantity .quantity-plus,.product-about .quantity .quantity-plus{
    top:8px
}
.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;
    -webkit-box-shadow:none;
    box-shadow:none;
    margin:0
}
.woocommerce-Reviews .th-comment-form{
    padding:60px;
    background-color:var(--smoke-color2);
    -webkit-box-shadow:none;
    box-shadow:none;
    margin-right:0 !important;
    margin-top:28px;
    margin-bottom:40px
}
.woocommerce-Reviews .th-comment-form input,.woocommerce-Reviews .th-comment-form .form-control{
    background-color:var(--white-color)
}
.woocommerce-Reviews .th-comment-form .blog-inner-title{
    margin-bottom:10px
}
.woocommerce-Reviews .comment-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:0 24px;
    margin:-12px !important;
    margin-bottom:28px !important
}
.woocommerce-Reviews .comment-list li{
    width:50%
}
@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(--smoke-color2);
    border-radius:14px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.woocommerce-Reviews .th-post-comment .name{
    margin-bottom:3px
}
.woocommerce-Reviews .th-post-comment .commented-on{
    margin-bottom:12px
}
.woocommerce-Reviews .th-post-comment .description{
    word-break:break-word
}
@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;
        -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{
        border-radius:6px
    }
    .product-thumb-tab .tab-btn:not(:last-of-type){
        margin-bottom:10px
    }
    .product-thumb-tab .indicator{
        border-radius:6px
    }
    .product-grid{
        max-width:340px;
        margin-left:auto;
        margin-right:auto
    }
}
@media(max-width: 375px){
    .th-product.list-view .product-img{
        max-width:130px
    }
}
button.tinvwl_button_close.th-btn .ftinvwl.ftinvwl-times,button.tinvwl_button_view.th-btn .ftinvwl.ftinvwl-heart-o{
    top:-3px
}
.woosw-btn{
    display:inline-block;
    width:var(--btn-size, 56px);
    height:var(--btn-size, 56px);
    line-height:var(--btn-size, 56px);
    font-size:var(--btn-font-size, 18px);
    background-color:var(--icon-bg, transparent);
    color:var(--title-color);
    text-align:center;
    border-radius:10px;
    border:1px solid #4b5261;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.productSlide{
    position:relative;
    z-index:2
}
.productSlide img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:16px
}
@media(max-width: 991px){
    .productSlide{
        margin-bottom:30px
    }
}
.productSlide .product-tag{
    font-size:14px;
    position:absolute;
    top:10px;
    left:10px;
    background-color:var(--theme-color);
    color:var(--white-color);
    padding:7px 12px 4px 12px;
    min-width:60px;
    border-radius:100px;
    text-align:center;
    z-index:3;
    line-height:14px
}
.productSlide .slider-arrow{
    left:var(--pos-x, 20px);
    top:unset;
    bottom:5%;
    background-color:var(--white-color)
}
@media(max-width: 1500px){
    .productSlide .slider-arrow{
        display:none
    }
}
.productSlide .slider-arrow:hover{
    background-color:var(--theme-color)
}
.productSlide .slider-arrow.slider-next{
    right:var(--pos-x, 20px);
    left:auto
}
.product-grid2-thumb{
    max-width:669px;
    display:block;
    margin:24px auto auto auto
}
.product-thumb{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:32px;
    cursor:pointer
}
.product-thumb .tab-btn{
    border:1px solid rgba(0,0,0,0);
    width:201.42px;
    height:170px;
    background:#f2f3fc;
    border-radius:16px
}
.product-thumb .tab-btn.active{
    border:1px solid var(--theme-color)
}
.product-thumb-wrap{
    margin-top:24px;
    z-index:2
}
.product-cards{
    margin-top:40px
}
.product-cards .title{
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    color:#101111
}
.woocommerce-cart-form{
    text-align:center
}
.cart_table{
    border:1px solid #eaf0f2;
    margin-bottom:45px
}
.cart_table thead{
    background-color:#ecf0f1
}
.cart_table thead th{
    border:none !important
}
.cart_table td:before,.cart_table th{
    font-family:var(--title-font);
    color:var(--title-color);
    font-weight:600;
    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%);
    transform:translateY(-50%);
    display:none
}
.cart_table td{
    border:none;
    border-bottom:1px solid #f3f3f3;
    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(--title-color)
}
.cart_table .cart-productimage{
    display:inline-block;
    border:2px solid var(--smoke-color);
    background-color:var(--smoke-color);
    border-radius:8px
}
.cart_table .cart-productimage img{
    border-radius:8px
}
.cart_table .remove{
    color:var(--theme-color);
    font-size:18px
}
.cart_table .quantity{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.cart_table td.product-quantity{
    min-width:155px
}
.cart_table .qty-btn{
    border:2px solid var(--smoke-color) !important;
    background-color:rgba(0,0,0,0);
    color:var(--title-color);
    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);
    color:var(--white-color)
}
.cart_table .qty-input{
    vertical-align:middle;
    border:2px solid var(--smoke-color);
    width:60px;
    height:30px;
    font-size:14px;
    text-align:center;
    color:var(--title-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
}
.cart_table .actions>.th-btn{
    font-size:16px;
    padding:20px 28px;
    margin-right:15px
}
.cart_table .actions>.th-btn:hover{
    color:#fff
}
.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:-ms-flexbox;
    display:flex
}
.cart_table .th-cart-coupon input{
    width:calc(100% - 200px);
    margin-right:10px;
    border-radius:14px;
    height:56px
}
.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{
    --th-border-color: #E1E4E5;
    border:1px solid var(--th-border-color)
}
.cart_totals th,.cart_totals td{
    vertical-align:top;
    padding:20px 20px;
    border:none;
    border:1px solid var(--th-border-color);
    font-size:14px;
    color:var(--title-color);
    width:55%;
    background-color:var(--white-color)
}
.cart_totals th:first-child,.cart_totals td:first-child{
    width:45%;
    background-color:var(--white-color);
    font-weight:700;
    font-size:14px;
    color:var(--title-color)
}
.cart_totals .shipping-calculator-button{
    display:inline-block;
    border-bottom:1px solid;
    color:var(--title-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 .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 .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;
        -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 #f3f3f3;
        border-bottom:none
    }
    .cart_table td::before{
        display:block
    }
    .cart_table td:last-child{
        border-bottom:1px solid #f3f3f3
    }
    .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;
        -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
    }
}
.wc-block-components-quantity-selector{
    height:40px
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{
    height:40px
}
.wc-block-components-product-badge{
    background:var(--theme-color);
    color:var(--white-color)
}
.wc-block-cart__submit-button{
    background:var(--theme-color) !important;
    color:var(--white-color) !important;
    -webkit-transition:.4s;
    transition:.4s
}
.wc-block-cart__submit-button:hover{
    background-color:var(--title-color) !important;
    color:var(--white-color) !important
}
.cart.grouped_form .quantity:after,.cart.grouped_form .product-about .quantity:after{
    display:none
}
.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
}
.woocommerce-checkout .select2-container--open .select2-dropdown--below{
    margin-top:-35px
}
.woocommerce-checkout .select2-container--open .select2-dropdown--above{
    position:relative;
    bottom:-30px
}
.woocommerce-checkout .select2-dropdown{
    border:1px solid #e3e6e9;
    border-top:none
}
.woocommerce-checkout .select2-container--default .select2-selection--single{
    border-radius:100px
}
.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)
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border:1px solid #eee;
    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:50px;
    border:1px solid #e3e6e9
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:50px;
    padding-left:30px;
    padding-right:25px
}
.woocommerce-billing-fields .form-row{
    margin-bottom:0
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    content:"";
    font-family:var(--icon-font)
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin:0;
    border:none;
    top:-5px
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:60px;
    line-height:60px;
    margin-right:30px
}
span.select2-selection.select2-selection--single:focus{
    outline:none
}
.shipping-calculator-form .form-select,.shipping-calculator-form .form-control{
    height:40px;
    padding-left:15px;
    font-size:16px;
    background-position:right 13px center
}
.shipping-calculator-form .th-btn{
    font-size:14px;
    padding:0 20px;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    height:40px
}
.checkout-ordertable th,.checkout-ordertable td{
    border:1px solid #ededed;
    text-align:right;
    padding:5px 20px;
    vertical-align:top;
    font-size:14px;
    font-weight:600;
    color:#2c3e50
}
.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 #d8d8d8;
    border-radius:4px;
    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:#a1b1bc;
    background-color:#ecf0f1;
    border:1px solid #d8d8d8;
    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:25px
}
@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
    }
}
.woosw-list .woosw-copy{
    gap:15px
}
.woosw-copy-btn .button{
    position:relative;
    z-index:2;
    overflow:hidden;
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    background-color:var(--theme-color);
    font-family:var(--title-font);
    border:none;
    font-weight:400;
    font-size:18px;
    text-transform:capitalize;
    color:var(--white-color);
    line-height:1;
    padding:17.5px 30px;
    border-radius:14px;
    -webkit-transition:.3s cubic-bezier(0.25, 0.46, 0.45, 0.5);
    transition:.3s cubic-bezier(0.25, 0.46, 0.45, 0.5);
    overflow:hidden;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.woosw-copy-btn .button:hover{
    background-color:var(--title-color);
    color:var(--white-color)
}
.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(--title-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(--smoke-color)
}
.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:-ms-flexbox;
    display:flex;
    max-width:295px;
    margin-left:auto;
    -webkit-box-align: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:-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:#fff;
    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(--title-color);
    color:#fff
}
.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:.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:#fff;
    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(--title-color);
    color:var(--white-color)
}
@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;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .tinv-wishlist .social-buttons ul{
        margin-left:unset;
        margin-top:5px
    }
    .tinvwl-txt{
        display:inline-block !important
    }
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    background:var(--theme-color);
    color:var(--white-color);
    border:none
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover{
    background-color:var(--title-color)
}
.wc-proceed-to-checkout .th-btn:hover{
    color:var(--white-color)
}
.appointment-form{
    background:#fce7d7;
    border-radius:24px;
    padding:56px
}
@media(max-width: 1299px){
    .appointment-form{
        padding:40px
    }
}
@media(max-width: 767px){
    .appointment-form{
        padding:30px 20px
    }
}
.appointment-form .form-group{
    margin-bottom:24px
}
.appointment-form select,.appointment-form .form-control,.appointment-form .form-select,.appointment-form textarea,.appointment-form input{
    border:1px solid rgba(0,0,0,0);
    height:56px;
    border-radius:8px
}
.appointment-form select:focus,.appointment-form .form-control:focus,.appointment-form .form-select:focus,.appointment-form textarea:focus,.appointment-form input:focus{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:var(--theme-color)
}
.appointment-form .nice-select:after{
    right:30px;
    border-bottom:2px solid var(--body-color);
    border-right:2px solid var(--body-color)
}
.appointment-form .nice-select .option{
    color:var(--title-color)
}
.appointment-form .nice-select .option.selected{
    color:var(--theme-color) !important;
    background:var(--theme-color) !important
}
.appointment-form .nice-select .option.selected.focus{
    color:var(--white-color) !important;
    background:var(--theme-color) !important
}
.appointment-form .nice-select .option:hover,.appointment-form .nice-select .option.focus{
    background:var(--theme-color) !important;
    color:var(--white-color) !important
}
.appointment-form .nice-select.open .list{
    border-bottom:3px solid var(--theme-color)
}
.appointment-form.style2{
    background-color:var(--white-color)
}
.appointment-form.style2 select,.appointment-form.style2 .form-control,.appointment-form.style2 .form-select,.appointment-form.style2 textarea,.appointment-form.style2 input{
    background-color:var(--white-color);
    border:1px solid #dedfe3;
    height:56px;
    border-radius:8px
}
.appointment-form.style2 select:focus,.appointment-form.style2 .form-control:focus,.appointment-form.style2 .form-select:focus,.appointment-form.style2 textarea:focus,.appointment-form.style2 input:focus{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:var(--theme-color)
}
.appointment-form label{
    font-size:18px;
    color:var(--body-color);
    margin-bottom:25px
}
.appointment-form .call-info .call-label{
    color:var(--title-color)
}
.contact-form{
    border:1px solid #dedfe3;
    background-color:var(--white-color);
    border-radius:16px;
    padding:56px;
    margin-left:40px
}
@media(max-width: 1399px){
    .contact-form{
        padding:40px
    }
}
@media(max-width: 1199px){
    .contact-form{
        margin:0
    }
}
@media(max-width: 767px){
    .contact-form{
        padding:30px
    }
}
.contact-form .form-group{
    margin-bottom:24px
}
.contact-form .form-group i{
    font-size:14px;
    font-weight:300;
    color:var(--body-color)
}
.contact-form select,.contact-form .form-control,.contact-form .form-select,.contact-form textarea,.contact-form input{
    background:rgba(0,0,0,0);
    border:1px solid #dedfe3;
    border-radius:10px;
    height:60px;
    line-height:60px
}
.contact-form .th-btn:hover:before,.contact-form .th-btn:hover:after{
    width:120%
}
.contact-form .nice-select{
    font-size:14px;
    font-weight:500
}
.contact-form .nice-select:after{
    right:30px;
    border-bottom:2px solid var(--body-color);
    border-right:2px solid var(--body-color)
}
.contact-form .nice-select .option{
    color:var(--title-color)
}
.contact-form .nice-select .option.selected{
    color:var(--theme-color) !important;
    background:var(--theme-color) !important
}
.contact-form .nice-select .option.selected.focus{
    color:var(--white-color) !important;
    background:var(--theme-color) !important
}
.contact-form .nice-select .option:hover,.contact-form .nice-select .option.focus{
    background:var(--theme-color) !important;
    color:var(--white-color) !important
}
.contact-form .nice-select.open .list{
    border-bottom:3px solid var(--theme-color)
}
.contact-form textarea.form-control,.contact-form textarea{
    min-height:200px;
    padding-top:16px;
    padding-bottom:17px
}
.contact-form .th-btn:hover:after{
    background-color:var(--theme-color)
}
.consultation-area{
    margin-left:100px
}
@media(max-width: 1399px){
    .consultation-area{
        margin-left:0
    }
}
.consultation-form select,.consultation-form .form-control,.consultation-form .form-select,.consultation-form textarea,.consultation-form input{
    background-color:rgba(0,0,0,0);
    border:1px solid var(--white-color);
    border-radius:30px;
    color:var(--white-color)
}
.consultation-form select::-moz-placeholder,.consultation-form .form-control::-moz-placeholder,.consultation-form .form-select::-moz-placeholder,.consultation-form textarea::-moz-placeholder,.consultation-form input::-moz-placeholder{
    color:var(--white-color)
}
.consultation-form select::-webkit-input-placeholder,.consultation-form .form-control::-webkit-input-placeholder,.consultation-form .form-select::-webkit-input-placeholder,.consultation-form textarea::-webkit-input-placeholder,.consultation-form input::-webkit-input-placeholder{
    color:var(--white-color)
}
.consultation-form select:-ms-input-placeholder,.consultation-form .form-control:-ms-input-placeholder,.consultation-form .form-select:-ms-input-placeholder,.consultation-form textarea:-ms-input-placeholder,.consultation-form input:-ms-input-placeholder{
    color:var(--white-color)
}
.consultation-form select::-webkit-input-placeholder, .consultation-form .form-control::-webkit-input-placeholder, .consultation-form .form-select::-webkit-input-placeholder, .consultation-form textarea::-webkit-input-placeholder, .consultation-form input::-webkit-input-placeholder{
    color:var(--white-color)
}
.consultation-form select::-moz-placeholder, .consultation-form .form-control::-moz-placeholder, .consultation-form .form-select::-moz-placeholder, .consultation-form textarea::-moz-placeholder, .consultation-form input::-moz-placeholder{
    color:var(--white-color)
}
.consultation-form select:-ms-input-placeholder, .consultation-form .form-control:-ms-input-placeholder, .consultation-form .form-select:-ms-input-placeholder, .consultation-form textarea:-ms-input-placeholder, .consultation-form input:-ms-input-placeholder{
    color:var(--white-color)
}
.consultation-form select::-ms-input-placeholder, .consultation-form .form-control::-ms-input-placeholder, .consultation-form .form-select::-ms-input-placeholder, .consultation-form textarea::-ms-input-placeholder, .consultation-form input::-ms-input-placeholder{
    color:var(--white-color)
}
.consultation-form select::placeholder,.consultation-form .form-control::placeholder,.consultation-form .form-select::placeholder,.consultation-form textarea::placeholder,.consultation-form input::placeholder{
    color:var(--white-color)
}
.consultation-form .form-group{
    margin-bottom:0
}
.consultation-form .th-btn{
    padding:17.5px 20px
}
.contact-image.style2{
    text-align:right
}
@media(max-width: 991px){
    .contact-image.style2{
        margin-top:60px;
        text-align:center
    }
}
@media(max-width: 1199px){
    .contact-info-area{
        padding:120px 0 80px 0
    }
}
.contact-info_wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:72px;
    max-width:663px
}
@media(max-width: 767px){
    .contact-info_wrapp{
        gap:20px
    }
}
@media(max-width: 480px){
    .contact-info_wrapp{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.contact-info_wrapp .divided{
    width:1px;
    height:80px;
    background-color:#dedfe3
}
@media(max-width: 767px){
    .contact-info_wrapp .divided{
        display:none
    }
}
@media(max-width: 375px){
    .contact-info{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media(max-width: 375px){
    .contact-info .media-body{
        text-align:center
    }
}
.contact-info_icon{
    display:inline-block;
    width:80px;
    min-width:80px;
    height:80px;
    line-height:70px;
    border-radius:24px;
    background-color:var(--theme-color);
    color:var(--white-color);
    text-align:center;
    font-size:35px;
    position:relative
}
@media(max-width: 375px){
    .contact-info_icon{
        display:block;
        margin:auto;
        text-align:center
    }
}
.contact-info_label{
    font-family:var(--title-font);
    font-size:24px;
    line-height:30px;
    color:var(--title-color);
    font-weight:600;
    margin-top:-0.3rem;
    margin-bottom:2px
}
@media(max-width: 1299px){
    .contact-info_label{
        font-size:20px
    }
}
.contact-info_link{
    font-weight:600;
    font-size:24px;
    line-height:32px;
    letter-spacing:.02em;
    text-decoration-line:underline;
    color:var(--theme-color);
    display:block;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    margin-bottom:15px
}
.contact-info_link:hover{
    color:var(--theme-color)
}
.contact-info_link span{
    display:block
}
.contact-info_text{
    font-size:18px;
    line-height:28px;
    letter-spacing:.02em;
    max-width:260px
}
.contact-info .media-body{
    margin-bottom:-0.5rem
}
.contact-media{
    background-color:#fff2f2;
    border-radius:16px;
    padding:67px 40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:24px
}
@media(max-width: 1399px){
    .contact-media{
        padding:40px 25px
    }
}
@media(max-width: 375px){
    .contact-media{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center
    }
}
.contact-media:nth-child(2){
    background-color:#ebf5de
}
.contact-media:nth-child(2):hover .icon-btn{
    background-color:#57b33e
}
.contact-media:nth-child(3){
    background-color:#f2f3fc
}
.contact-media:nth-child(3):hover .icon-btn{
    background-color:#8487ff
}
.contact-media:not(:last-child){
    margin-bottom:32px
}
@media(max-width: 1299px){
    .contact-media{
        padding:24px
    }
}
@media(max-width: 375px){
    .contact-media{
        padding:16px;
        gap:15px
    }
}
.contact-media .icon-btn{
    --btn-size: 80px;
    font-size:25px;
    background-color:#fff;
    border:none;
    border-radius:50%;
    color:var(--title-color)
}
@media(max-width: 375px){
    .contact-media .icon-btn{
        display:block;
        margin:auto
    }
}
.contact-media .box-text,.contact-media a{
    color:var(--title-color);
    max-width:285px;
    margin-bottom:0
}
@media(max-width: 375px){
    .contact-media .box-text,.contact-media a{
        max-width:100%;
        display:block;
        margin:auto
    }
}
.contact-media .box-text a,.contact-media a a{
    color:inherit;
    display:block;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content
}
.contact-media .box-text a:hover,.contact-media a a:hover{
    color:var(--theme-color)
}
.contact-media .box-title{
    letter-spacing:.02em;
    margin-bottom:7px
}
@media(max-width: 1299px){
    .contact-media .box-title{
        font-size:20px
    }
}
.contact-media:hover .icon-btn{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.contact-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px
}
@media(max-width: 375px){
    .contact-item{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.contact-item:not(:last-child){
    border-bottom:1px solid #ececec;
    padding-bottom:20px;
    margin-bottom:20px
}
@media(max-width: 375px){
    .contact-item .media-body{
        text-align:center
    }
}
.contact-item-wrap{
    border-radius:30px;
    border:1px solid var(--smoke-color);
    background-color:var(--white-color);
    padding:60px
}
@media(max-width: 1299px){
    .contact-item-wrap{
        padding:40px
    }
}
@media(max-width: 1199px){
    .contact-item-wrap{
        padding:30px
    }
}
@media(max-width: 375px){
    .contact-item-wrap{
        text-align:center
    }
}
.contact-item-wrap .sec-title{
    margin-bottom:10px
}
.contact-item_icon{
    display:inline-block;
    --icon-size: 70px;
    min-width:70px;
    line-height:70px;
    background-color:rgba(62,102,243,.1);
    color:var(--theme-color);
    text-align:center;
    font-size:25px;
    border-radius:99px;
    position:relative;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.contact-item_title{
    font-family:var(--body-color);
    font-size:16px;
    color:var(--body-color);
    font-weight:400;
    margin-bottom:4px
}
.contact-item_text{
    font-size:18px;
    font-weight:600;
    color:var(--title-color);
    letter-spacing:-0.36px;
    margin-bottom:0;
    display:block;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.contact-item_text a{
    color:inherit
}
.contact-item_text:hover{
    color:var(--theme-color)
}
.contact-item:hover .contact-item_icon{
    background-color:var(--theme-color)
}
.contact-item:hover .contact-item_icon img{
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
.contact-area2{
    background:#fff2f2;
    border-radius:24px;
    padding:32px;
    margin-top:100px
}
@media(max-width: 575px){
    .contact-area2{
        padding:32px 20px
    }
}
.contact-area2 .contact-image{
    border-radius:16px
}
.contact-area2 .contact-image img{
    width:100%;
    border-radius:16px
}
@media(max-width: 1500px){
    .contact-content{
        padding:72px 0
    }
}
@media(max-width: 1199px){
    .contact-content{
        padding:30px 0 72px 0
    }
}
@media(max-width: 991px){
    .contact-content{
        padding:30px 0 60px 0
    }
}
.rounded-20{
    border-radius:20px;
    overflow:hidden
}
.form-text{
    font-size:16px
}
.contact-map{
    position:relative;
    line-height:0px
}
@media(max-width: 991px){
    .contact-map{
        margin-bottom:40px
    }
}
.contact-map .contact-icon{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    cursor:pointer
}
.contact-map .contact-icon i{
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    font-size:24px;
    color:var(--white-color);
    background-color:var(--theme-color);
    border-radius:50%
}
@media(max-width: 991px){
    .contact-map .contact-icon i{
        width:80px;
        height:80px;
        line-height:80px
    }
}
.contact-map .contact-icon{
    width:50px;
    height:50px;
    display:inline-block;
    z-index:3
}
.contact-map .contact-icon img{
    -webkit-animation:jumpAni 2s ease-in-out infinite alternate;
    animation:jumpAni 2s ease-in-out infinite alternate
}
.contact-map .contact-icon:after{
    content:"";
    position:absolute;
    left:0px;
    right:0;
    margin:auto;
    top:90%;
    width:38px;
    height:18px;
    border-radius:50%;
    background:rgba(13,13,12,.2);
    z-index:-1
}
.contact-map .contact-icon:before{
    content:"";
    position:absolute;
    left:-40px;
    right:0;
    margin:auto;
    top:50%;
    width:130px;
    height:60px;
    border-radius:50%;
    background:hsla(0,0%,100%,.5);
    border:1px solid var(--white-color);
    z-index:-1
}
@-webkit-keyframes location-anim{
    0%{
        -webkit-transform:rotate(5deg) translate(5px, 5px);
        transform:rotate(5deg) translate(5px, 5px)
    }
    100%{
        -webkit-transform:rotate(5deg) translate(-5px, -5px);
        transform:rotate(5deg) translate(-5px, -5px)
    }
}
@keyframes location-anim{
    0%{
        -webkit-transform:rotate(5deg) translate(5px, 5px);
        transform:rotate(5deg) translate(5px, 5px)
    }
    100%{
        -webkit-transform:rotate(5deg) translate(-5px, -5px);
        transform:rotate(5deg) translate(-5px, -5px)
    }
}
@-webkit-keyframes location-anim2{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
@keyframes location-anim2{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
.contact-map iframe{
    width:100%;
    height:681px
}
.contact-map.style2{
    min-width:972px
}
@media(min-width: 1930px){
    .contact-map.style2{
        min-width:100%
    }
}
@media(max-width: 1399px){
    .contact-map.style2{
        min-width:100%
    }
}
.contact-map.style2 iframe{
    width:100%;
    height:681px;
    border-radius:0
}
@media(max-width: 767px){
    .contact-map.style2 iframe{
        height:500px
    }
}
@media(max-width: 991px){
    .contact-map.style3{
        margin-bottom:0
    }
}
.contact-map.style3 iframe{
    height:948px
}
@media(max-width: 1399px){
    .contact-map.style3 iframe{
        height:600px
    }
}
.contact-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.discount-wrapp.style3 .play-btn>i{
    background-color:var(--theme-color);
    color:var(--title-color)
}
.discount-wrapp.style3 .play-btn>i:hover{
    color:var(--title-color)
}
.appoinment-area2{
    border-radius:30px
}
.contact-image2{
    border-radius:0px 30px 30px 0px;
    text-align:right;
    height:100%;
    margin-left:95px
}
@media(max-width: 1399px){
    .contact-image2{
        margin-left:40px
    }
}
@media(max-width: 1199px){
    .contact-image2{
        border-radius:0px 30px 30px 30px;
        margin:0
    }
}
.contact-image2 img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:0px 0px 30px 0px
}
@media(max-width: 1199px){
    .contact-image2 img{
        border-radius:0px 0px 30px 30px
    }
}
.appointment-content2{
    padding:120px 0 120px 120px
}
@media(max-width: 1399px){
    .appointment-content2{
        padding:120px 0 120px 60px
    }
}
@media(max-width: 1199px){
    .appointment-content2{
        padding:80px 40px 80px 40px
    }
}
@media(max-width: 375px){
    .appointment-content2{
        padding:80px 20px 80px 20px
    }
}
.contact-area{
    background-color:#f2f3fc
}
.faq-form2{
    background-color:var(--white-color);
    -webkit-box-shadow:0px 0px 10.6px rgba(97,97,97,.15);
    box-shadow:0px 0px 10.6px rgba(97,97,97,.15);
    border-radius:20px;
    padding:40px
}
@media(max-width: 575px){
    .faq-form2{
        padding:15px;
        padding-top:25px
    }
}
.faq-form2 .row{
    --bs-gutter-x: 18px
}
.faq-form2 .box-title{
    margin-bottom:24px;
    font-size:30px
}
.faq-form2 .form-btn{
    margin-top:10px
}
.contact-img1{
    margin-left:28px;
    text-align:center
}
@media(max-width: 1199px){
    .contact-img1{
        margin:40px 0 0 0
    }
}
.job-post{
    border-radius:10px;
    background:var(--white-color);
    padding:10px;
    border:2px solid #e0e0e0;
    border-radius:30px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.job-post_date{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:30px
}
.job-post_date .date{
    position:relative;
    font-weight:400;
    font-size:14px;
    line-height:24px;
    padding:5px 20px;
    color:var(--body-color);
    font-weight:500;
    letter-spacing:-0.28px;
    z-index:2
}
.job-post_date .date:before{
    content:"";
    position:absolute;
    inset:0;
    background-color:var(--theme-color);
    opacity:.15;
    border-radius:20px;
    border-radius:100px;
    z-index:-1
}
.job-post_date .date i{
    margin-right:5px
}
.job-post_date .icon{
    text-align:center;
    border-radius:100px;
    color:var(--theme-color);
    cursor:pointer;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.job-post_date .icon i{
    font-size:20px
}
.job-post .box-title{
    margin-bottom:8px
}
@media(max-width: 575px){
    .job-post .box-title{
        font-size:20px
    }
}
.job-post_author{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    border-radius:20px;
    padding:25px 20px;
    z-index:2
}
.job-post_author:before{
    content:"";
    position:absolute;
    inset:0;
    background-color:var(--theme-color);
    opacity:.1;
    border-radius:20px;
    z-index:-1
}
@media(max-width: 400px){
    .job-post_author{
        display:block
    }
}
.job-post_author .job-author{
    min-width:60px;
    height:60px;
    line-height:55px;
    text-align:center;
    border-radius:50%;
    border:2px solid var(--theme-color)
}
@media(max-width: 400px){
    .job-post_author .job-author{
        margin-bottom:10px
    }
}
@media(max-width: 375px){
    .job-post_author .job-author{
        max-width:60px
    }
}
.job-post_author .job-author img{
    border-radius:50%
}
.job-post .job-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px
}
.job-post .company-name{
    font-family:var(--title-font);
    font-size:18px;
    color:var(--title-color);
    font-weight:600;
    display:block;
    margin-bottom:0
}
.job-post .price{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:var(--theme-color);
    margin-bottom:0
}
@media(max-width: 400px){
    .job-post .price{
        margin-bottom:20px
    }
}
.job-post .duration{
    color:var(--body-color)
}
.job-post .location{
    font-size:14px;
    font-weight:400
}
.job-post .location:not(:last-child){
    margin-right:25px
}
.job-post .job-content{
    padding:20px
}
@media(max-width: 575px){
    .job-post .job-content{
        padding:15px
    }
}
.job-post .th-btn{
    font-size:14px;
    padding:12px 15px
}
.job-post:hover{
    border-color:var(--theme-color)
}
.job-post:hover .th-btn{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.job-post:hover .job-post_date .icon i{
    font-weight:700
}
.bottom-btn{
    position:relative
}
.bottom-btn:before,.bottom-btn:after{
    content:"";
    position:absolute;
    top:50%;
    width:534px;
    height:1px;
    border:1px solid var(--smoke-color);
    z-index:-1
}
@media(max-width: 767px){
    .bottom-btn:before,.bottom-btn:after{
        display:none
    }
}
.bottom-btn:before{
    left:110%
}
.bottom-btn:after{
    right:110%
}
.job-author-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px;
    margin-bottom:50px
}
@media(max-width: 480px){
    .job-author-wrapp{
        display:block
    }
    .job-author-wrapp .job-author{
        margin-bottom:15px
    }
    .job-author-wrapp .sec-title{
        font-size:20px
    }
}
.job-author-wrapp.style2{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    gap:15px;
    margin-bottom:-0.3rem
}
.job-author-wrapp.style2:not(:last-child){
    margin-bottom:30px;
    padding-bottom:20px;
    border-bottom:1px solid var(--smoke-color)
}
.job-author-wrapp.style2 .job-author{
    width:60px;
    height:60px
}
.job-meta{
    margin-top:-0.3rem
}
.job-meta span{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    margin-right:25px
}
@media(max-width: 1299px){
    .job-meta span{
        margin-right:12px
    }
}
.job-social-area{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 1199px){
    .job-social-area{
        display:block
    }
}
.job-social-area .share-links-title{
    font-family:var(--title-font);
    font-size:20px;
    font-weight:500
}
@media(max-width: 1199px){
    .job-social-area .share-links-title{
        margin-bottom:10px
    }
}
.job-social-area .social-links{
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px;
    margin-bottom:0
}
@media(max-width: 375px){
    .job-social-area .social-links{
        display:block
    }
}
.job-social-area .social-links li{
    list-style:none;
    background:#2781f8;
    border-radius:14px;
    padding:7px 20px;
    color:var(--white-color);
    display:inline-block
}
@media(max-width: 375px){
    .job-social-area .social-links li{
        margin-bottom:10px
    }
}
.job-social-area .social-links li:nth-child(2){
    background:#42c6ff
}
.job-social-area .social-links li:nth-child(3){
    background:#085085
}
.job-social-area .social-links li a{
    color:var(--white-color)
}
.job-price-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:10px
}
.job-price-wrapp .price{
    font-weight:500;
    font-size:16px;
    color:var(--title-color);
    margin-bottom:0
}
.job-price-wrapp .duration{
    color:var(--body-color);
    font-weight:400
}
.job-price-wrapp .location{
    font-size:14px;
    line-height:24px
}
.global-img{
    position:relative;
    overflow:hidden;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.global-img:after{
    content:"";
    position:absolute;
    width:200%;
    height:0%;
    left:50%;
    top:50%;
    background-color:hsla(0,0%,100%,.3);
    -webkit-transform:translate(-50%, -50%) rotate(-45deg);
    transform:translate(-50%, -50%) rotate(-45deg);
    z-index:1
}
.global-img img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transition:1.3s all ease;
    transition:1.3s all ease
}
.global-img:hover img{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.global-img:hover:after{
    height:250%;
    -webkit-transition:all 600ms linear;
    transition:all 600ms linear;
    background-color:rgba(0,0,0,0)
}
.th-parallax{
    overflow:hidden
}
.th-ani .box-icon img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.th-ani:hover .box-icon img{
    -webkit-transform:scale(-1) rotate(180deg);
    transform:scale(-1) rotate(180deg)
}
.client-box .box-counter{
    font-weight:600;
    font-size:64px;
    line-height:74px;
    text-align:center;
    letter-spacing:.02em;
    text-transform:capitalize;
    color:var(--white-color)
}
@media(max-width: 767px){
    .client-box .box-counter{
        font-size:44px;
        line-height:54px
    }
}
.client-box .box-counter{
    margin-top:10px;
    margin-bottom:0
}
.client-box .box-title{
    font-weight:400;
    font-size:18px;
    line-height:28px;
    text-align:center;
    letter-spacing:.02em;
    color:var(--white-color);
    display:block;
    margin-bottom:0
}
@media(max-width: 1500px){
    .client-box .box-title{
        font-size:16px
    }
}
.client-thumb-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media(max-width: 375px){
    .client-thumb-group{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:20px
    }
}
.client-thumb-group .thumb{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none
}
.client-thumb-group .thumb:not(:first-child){
    margin-left:-22px
}
.client-thumb-group .thumb img{
    border-radius:50%;
    border:2px solid var(--white-color);
    height:57px
}
@media(max-width: 1399px){
    .client-thumb-group .thumb img{
        height:47px
    }
}
.client-thumb-group .thumb.icon{
    position:relative;
    background:var(--theme-color);
    font-size:20px;
    color:var(--white-color);
    height:57px;
    width:57px;
    line-height:57px;
    font-weight:600;
    font-size:16px;
    letter-spacing:.02em;
    border-radius:50%;
    text-align:center;
    margin-left:-22px;
    z-index:2
}
@media(max-width: 1399px){
    .client-thumb-group .thumb.icon{
        height:47px;
        width:47px;
        line-height:47px
    }
}
.discount-wrapp{
    position:relative;
    background-color:#fff2f2;
    width:170px;
    height:170px;
    border-radius:50%;
    z-index:2
}
.discount-wrapp .logo{
    position:absolute;
    top:50%;
    left:50%;
    width:106px;
    height:106px;
    line-height:106px;
    border:1px solid var(--theme-color);
    border-radius:50%;
    text-align:center;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.discount-wrapp .logo:hover>i{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.discount-wrapp .discount{
    position:absolute;
    left:20%;
    top:35%;
    z-index:1;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    font-weight:600;
    font-size:36px;
    line-height:46px;
    color:var(--theme-color);
    -webkit-transform:rotate(30deg);
    transform:rotate(30deg);
    text-align:center;
    margin-top:-5px;
    margin-bottom:0
}
.discount-tag{
    display:inline-block;
    min-height:170px;
    min-width:170px;
    border-radius:50%;
    z-index:1;
    font-size:14px;
    font-family:var(--title-font);
    font-weight:500;
    color:var(--title-color);
    text-align:center;
    -webkit-transform:rotate(30deg);
    transform:rotate(30deg);
    animation:spin 10s infinite alternate-reverse
}
.discount-tag span{
    --rotate-letter: 8deg;
    min-height:80px;
    position:absolute;
    min-width:80px;
    left:24px;
    top:0px;
    text-transform:uppercase;
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-transform:rotate(var(--rotate-letter));
    transform:rotate(var(--rotate-letter))
}
.discount-tag span.char2{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 2));
    transform:rotate(calc(var(--rotate-letter) * 2))
}
.discount-tag span.char3{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 3));
    transform:rotate(calc(var(--rotate-letter) * 3))
}
.discount-tag span.char4{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 4));
    transform:rotate(calc(var(--rotate-letter) * 4))
}
.discount-tag span.char5{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 5));
    transform:rotate(calc(var(--rotate-letter) * 5))
}
.discount-tag span.char6{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 6));
    transform:rotate(calc(var(--rotate-letter) * 6))
}
.discount-tag span.char7{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 7));
    transform:rotate(calc(var(--rotate-letter) * 7))
}
.discount-tag span.char8{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 8));
    transform:rotate(calc(var(--rotate-letter) * 8))
}
.discount-tag span.char9{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 9));
    transform:rotate(calc(var(--rotate-letter) * 9))
}
.discount-tag span.char10{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 10));
    transform:rotate(calc(var(--rotate-letter) * 10))
}
.discount-tag span.char11{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 11));
    transform:rotate(calc(var(--rotate-letter) * 11))
}
.discount-tag span.char12{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 12));
    transform:rotate(calc(var(--rotate-letter) * 12))
}
.discount-tag span.char13{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 13));
    transform:rotate(calc(var(--rotate-letter) * 13))
}
.discount-tag span.char14{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 14));
    transform:rotate(calc(var(--rotate-letter) * 14))
}
.discount-tag span.char15{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 15));
    transform:rotate(calc(var(--rotate-letter) * 15))
}
.discount-tag span.char16{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 16));
    transform:rotate(calc(var(--rotate-letter) * 16))
}
.discount-tag span.char17{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 17));
    transform:rotate(calc(var(--rotate-letter) * 17))
}
.discount-tag span.char18{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 18));
    transform:rotate(calc(var(--rotate-letter) * 18))
}
.discount-tag span.char19{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 19));
    transform:rotate(calc(var(--rotate-letter) * 19))
}
.discount-tag span.char20{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 20));
    transform:rotate(calc(var(--rotate-letter) * 20))
}
.discount-tag span.char21{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 21));
    transform:rotate(calc(var(--rotate-letter) * 21))
}
.discount-tag span.char22{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 22));
    transform:rotate(calc(var(--rotate-letter) * 22))
}
.discount-tag span.char23{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 23));
    transform:rotate(calc(var(--rotate-letter) * 23))
}
.discount-tag span.char24{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 24));
    transform:rotate(calc(var(--rotate-letter) * 24))
}
.discount-tag span.char25{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 25));
    transform:rotate(calc(var(--rotate-letter) * 25))
}
.discount-tag span.char26{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 26));
    transform:rotate(calc(var(--rotate-letter) * 26))
}
.discount-tag span.char27{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 27));
    transform:rotate(calc(var(--rotate-letter) * 27))
}
.discount-tag span.char28{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 28));
    transform:rotate(calc(var(--rotate-letter) * 28))
}
.discount-tag span.char29{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 29));
    transform:rotate(calc(var(--rotate-letter) * 29))
}
.discount-tag span.char30{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 30));
    transform:rotate(calc(var(--rotate-letter) * 30))
}
.discount-tag span.char31{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 31));
    transform:rotate(calc(var(--rotate-letter) * 31))
}
.discount-tag span.char32{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 32));
    transform:rotate(calc(var(--rotate-letter) * 32))
}
.discount-tag span.char33{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 33));
    transform:rotate(calc(var(--rotate-letter) * 33))
}
.discount-tag span.char34{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 34));
    transform:rotate(calc(var(--rotate-letter) * 34))
}
.discount-tag span.char35{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 35));
    transform:rotate(calc(var(--rotate-letter) * 35))
}
.discount-tag span.char36{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 36));
    transform:rotate(calc(var(--rotate-letter) * 36))
}
.discount-tag span.char37{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 37));
    transform:rotate(calc(var(--rotate-letter) * 37))
}
.discount-tag span.char38{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 38));
    transform:rotate(calc(var(--rotate-letter) * 38))
}
.discount-tag span.char39{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 39));
    transform:rotate(calc(var(--rotate-letter) * 39))
}
.discount-tag span.char40{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 40));
    transform:rotate(calc(var(--rotate-letter) * 40))
}
.discount-tag span.char41{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 41));
    transform:rotate(calc(var(--rotate-letter) * 41))
}
.discount-tag span.char42{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 42));
    transform:rotate(calc(var(--rotate-letter) * 42))
}
.discount-tag span.char43{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 43));
    transform:rotate(calc(var(--rotate-letter) * 43))
}
.discount-tag span.char44{
    -webkit-transform:rotate(calc(var(--rotate-letter) * 44));
    transform:rotate(calc(var(--rotate-letter) * 44))
}
.discount-wrapp.style2{
    position:absolute;
    bottom:-63px;
    right:65px
}
.discount-wrapp.style2 .discount-tag{
    font-size:18px
}
.discount-wrapp.style2 .box-counter{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    border-radius:50%;
    margin-bottom:0;
    font-size:74px;
    z-index:3;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.about-wrapp{
    position:absolute;
    top:40%;
    right:-10%
}
@media(max-width: 1500px){
    .about-wrapp{
        right:50px
    }
}
@media(max-width: 375px){
    .about-wrapp{
        position:relative;
        top:0;
        right:unset
    }
}
.img-box1{
    position:relative
}
.img-box1 .about-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:56px
}
@media(max-width: 991px){
    .img-box1 .about-wrapper{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:30px
    }
}
.img-box1 .img1{
    position:relative;
    min-width:387px;
    border-radius:16px;
    z-index:2
}
@media(max-width: 767px){
    .img-box1 .img1{
        min-width:100%
    }
}
.img-box1 .img1:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(25, 35, 97, 0.5)), to(rgba(25, 35, 97, 0.5)));
    background:linear-gradient(0deg, rgba(25, 35, 97, 0.5), rgba(25, 35, 97, 0.5));
    border-radius:inherit;
    z-index:1
}
.img-box1 .img1 img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:16px
}
.img-box1 .img1 .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.img-box1 .img1 .play-btn:after,.img-box1 .img1 .play-btn:before{
    background-color:var(--white-color)
}
.img-box1 .img1 .play-btn>i{
    background-color:var(--white-color);
    color:var(--theme-color);
    font-size:22px
}
.img-box1 .about-wrapp{
    position:absolute;
    top:40px;
    right:-60px
}
@media(max-width: 1399px){
    .img-box1 .about-wrapp{
        right:-12px
    }
}
@media(max-width: 575px){
    .img-box1 .about-wrapp{
        right:0
    }
}
@media(max-width: 480px){
    .img-box1 .about-wrapp{
        position:relative;
        top:0
    }
}
.img-box2{
    position:relative;
    z-index:2
}
.img-box2 .img-box-wrapp{
    position:relative;
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:24px
}
.img-box2 .img1{
    position:relative
}
.img-box2 .img1,.img-box2 .img2{
    border-radius:24px
}
.img-box2 .img1 img,.img-box2 .img2 img{
    border-radius:24px
}
.img-box2 .about-wrapper{
    position:absolute;
    left:-10%;
    bottom:25%
}
@media(max-width: 1399px){
    .img-box2 .about-wrapper{
        left:0
    }
}
@media(max-width: 375px){
    .img-box2 .about-wrapper{
        position:relative;
        bottom:0
    }
}
.img-box2 .about-wrapper .about-counter{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:106px;
    height:106px;
    border-radius:50%;
    font-size:40px;
    margin-bottom:0;
    border:1px solid var(--theme-color);
    z-index:3;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.img-box3{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:auto auto;
    gap:24px
}
@media(max-width: 480px){
    .img-box3{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.img-box3 .about-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:24px
}
.img-box3 .img1{
    border-radius:24px
}
.img-box3 .img1 img{
    width:100%;
    border-radius:24px
}
.img-box3 .img2{
    border-radius:24px
}
.img-box3 .img2 img{
    width:100%;
    border-radius:30px
}
.img-box3 .about-wrapper{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
@media(max-width: 480px){
    .img-box3 .about-wrapper{
        position:relative;
        top:unset;
        bottom:-80px
    }
}
.img-box3 .about-wrapper .discount-wrapp{
    background-color:var(--theme-color)
}
.img-box3 .about-wrapper .about-counter{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:106px;
    height:106px;
    border-radius:50%;
    font-size:40px;
    margin-bottom:0;
    border:1px solid var(--white-color);
    color:var(--white-color);
    z-index:3;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.img-box3 .about-wrapper .discount-tag{
    color:var(--white-color)
}
.img-box3 .about-wrapper .discount-tag span{
    --rotate-letter: 9deg
}
.img-box4{
    position:relative;
    z-index:2
}
.img-box4 .about-wrapp{
    position:absolute;
    top:54px;
    left:-10%;
    right:unset
}
@media(max-width: 1799px){
    .img-box4 .about-wrapp{
        left:0
    }
}
@media(max-width: 575px){
    .img-box4 .about-wrapp{
        position:relative;
        top:0
    }
}
.img-box4 .img1{
    border-radius:24px
}
.img-box4 .img1 img{
    border-radius:24px
}
.img-box5{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:80px
}
@media(max-width: 1500px){
    .img-box5{
        gap:40px
    }
}
@media(max-width: 1199px){
    .img-box5{
        margin:0
    }
}
@media(max-width: 767px){
    .img-box5{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:30px
    }
}
.img-box5 .img1{
    position:relative
}
.img-box5 .img1,.img-box5 .img2{
    border-radius:24px
}
.img-box5 .img1 img,.img-box5 .img2 img{
    border-radius:24px
}
.img-box5 .about-wrapper{
    position:absolute;
    left:-10%;
    bottom:25%
}
@media(max-width: 1399px){
    .img-box5 .about-wrapper{
        left:0
    }
}
@media(max-width: 767px){
    .img-box5 .about-wrapper{
        top:0;
        bottom:unset
    }
}
@media(max-width: 375px){
    .img-box5 .about-wrapper{
        position:relative;
        bottom:0
    }
}
.img-box5 .about-wrapper .about-counter{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:106px;
    height:106px;
    border-radius:50%;
    font-size:40px;
    margin-bottom:0;
    border:1px solid var(--theme-color);
    z-index:3;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.about-wrapper.style2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:56px;
    margin-left: 250px;
    margin-top: 50px;
}

@media(max-width: 1799px){
    .about-wrapper.style2{
        gap:50px
    }
}

@media(max-width: 1400px){
    .about-wrapper.style2{
        margin-left: 120px;
        margin-top: 0px;
        gap:50px
    }
}

@media(max-width: 1030px){
    .about-wrapper.style2{
        margin-left: 0px;
        margin-top: 0px;
        gap:50px
    }
}

@media(max-width: 991px){
    .about-wrapper.style2{
        gap:30px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.about-wrapper.style2 .video-img2{
    position:relative;
    z-index:2;
    border-radius:16px;
    margin-right:-80px
}
@media(max-width: 1799px){
    .about-wrapper.style2 .video-img2{
        margin-right:0
    }
}
.about-wrapper.style2 .video-img2:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(25, 35, 97, 0.3)), to(rgba(25, 35, 97, 0.3)));
    background:linear-gradient(0deg, rgba(25, 35, 97, 0.3), rgba(25, 35, 97, 0.3));
    border-radius:inherit;
    z-index:1
}
.about-wrapper.style2 .video-img2 img{
    width:100%;
    height:100%;
    border-radius:16px;
    -o-object-fit:cover;
    object-fit:cover
}
.about-wrapper.style2 .video-img2 .video-play-btn{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:52px;
    height:52px;
    line-height:52px;
    font-size:20px;
    background:var(--white-color);
    z-index:3
}
.about-wrapper.style2 .video-img2 .video-play-btn i{
    color:var(--theme-color)
}
.about-wrapp-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:24px
}
@media(max-width: 1699px){
    .about-wrapp-content{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media(max-width: 1399px){
    .about-wrapp-content{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
@media(max-width: 991px){
    .about-wrapp-content{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.about-wrapp-content .video-img{
    position:relative;
    z-index:2;
    max-width:300px;
    border-radius:16px;
    margin-right:-80px
}
@media(max-width: 1799px){
    .about-wrapp-content .video-img{
        margin-right:0
    }
}
@media(max-width: 375px){
    .about-wrapp-content .video-img{
        max-width:100%
    }
}
.about-wrapp-content .video-img:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(28, 35, 89, 0.3)), to(rgba(28, 35, 89, 0.3)));
    background:linear-gradient(0deg, rgba(28, 35, 89, 0.3), rgba(28, 35, 89, 0.3));
    border-radius:inherit;
    z-index:1
}
.about-wrapp-content .video-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:16px
}
.about-wrapp-content .video-img .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.about-wrapp-content .video-img .play-btn:after,.about-wrapp-content .video-img .play-btn:before{
    background-color:var(--white-color)
}
.about-wrapp-content .video-img .play-btn>i{
    background-color:var(--white-color);
    color:var(--theme-color);
    font-size:22px
}
@media(max-width: 1799px){
    .about-wrapp-content .checklist.list-two-column ul{
        gap:0px
    }
    .about-wrapp-content .checklist.list-two-column ul li{
        font-size:18px
    }
}
.box-profile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:12px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.box-profile .box-author{
    max-width:56px;
    border-radius:50%
}
.box-profile .box-author img{
    border-radius:50%
}
.box-profile .box-desig{
    font-weight:500;
    font-size:14px;
    letter-spacing:.02em;
    color:var(--theme-color);
    margin-bottom:5px
}
.box-profile .box-title{
    margin-bottom:0
}
.about-area{
    position:relative;
    z-index:2
}
.year-counter{
    position:absolute;
    bottom:0%;
    right:5px;
    width:302px;
    background:#cdff62;
    border-radius:50px;
    text-align:center;
    padding:70px 55px 27px 55px;
    z-index:1
}
@media(max-width: 1399px){
    .year-counter{
        bottom:-2%
    }
}
@media(max-width: 1199px){
    .year-counter{
        right:31%
    }
}
@media(max-width: 991px){
    .year-counter{
        right:8%
    }
}
@media(max-width: 767px){
    .year-counter{
        right:0%
    }
}
@media(max-width: 480px){
    .year-counter{
        position:relative
    }
}
@media(max-width: 375px){
    .year-counter{
        width:275px
    }
}
.year-counter .box-number{
    font-weight:600;
    font-size:64px;
    line-height:64px;
    text-transform:capitalize;
    color:var(--title-color);
    margin-bottom:0
}
.year-counter .box-text{
    font-weight:500;
    font-size:18px;
    color:var(--title-color);
    margin-bottom:-0.4rem
}
.img-box10-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:34px
}
@media(max-width: 767px){
    .img-box10-wrapp{
        gap:10px
    }
}
@media(max-width: 375px){
    .img-box10-wrapp{
        display:block
    }
}
@media(max-width: 1399px){
    .about-wrap6 .sec-text{
        max-width:none
    }
}
.about-feature2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.about-feature2 .box-icon{
    width:80px;
    height:80px;
    line-height:80px;
    border-radius:20px;
    background:#ffe5e8;
    text-align:center
}
.about-feature2 .media-body{
    -ms-flex-item-align:center;
    align-self:center
}
.about-feature2 .box-title{
    font-size:24px;
    font-weight:600;
    margin-bottom:10px
}
.about-feature2 .box-text{
    margin-bottom:-0.4em
}
@media(max-width: 575px){
    .about-feature2 .box-title{
        font-size:20px
    }
}
.img-box10{
    position:relative;
    padding-left:50px;
    margin-left:30px;
    margin-right:-160px
}
.img-box10 .img1 img{
    border-radius:20px;
    width:100%
}
.img-box10 .img2{
    display:inline-block;
    background-color:var(--white-color);
    position:absolute;
    top:0;
    right:-111px;
    padding:10px;
    -webkit-animation:jumpReverseAni 7s linear infinite;
    animation:jumpReverseAni 7s linear infinite
}
.img-box10 .project-counter{
    background-color:var(--white-color);
    clip-path:path("M101.443 1.89212L6.98994 56.7891C2.66371 59.3034 0 63.9423 0 68.9612V178.822C0 183.873 2.69769 188.537 7.06757 191.039L101.559 245.152C105.861 247.616 111.139 247.616 115.44 245.152L209.934 191.022C214.303 188.519 217 183.856 217 178.806V69.6235C217 64.6287 214.362 60.0089 210.069 57.4856L115.537 1.92657C111.187 -0.629871 105.805 -0.642916 101.443 1.89212Z");
    width:217px;
    height:247px;
    text-align:center;
    z-index:2;
    padding:44px 20px
}
.img-box10 .project-counter:before{
    content:"";
    position:absolute;
    inset:10px;
    clip-path:path("M93.0288 1.72359L6.41013 51.731C2.44275 54.0213 0 58.247 0 62.8189V162.895C0 167.496 2.47392 171.744 6.48132 174.024L93.1351 223.317C97.0802 225.561 101.92 225.561 105.865 223.316L192.52 174.007C196.527 171.727 199 167.48 199 162.88V63.4222C199 58.8723 196.58 54.664 192.644 52.3654L105.953 1.75498C101.964 -0.573769 97.0285 -0.585652 93.0288 1.72359Z");
    background-color:var(--title-color);
    z-index:-1
}
.img-box10 .project-counter .box-number{
    font-size:64px;
    font-weight:600;
    color:var(--theme-color);
    margin-bottom:5px
}
.img-box10 .project-counter .box-title{
    color:var(--white-color);
    font-weight:500;
    margin-bottom:0
}
.img-box10 .project-counter{
    position:absolute;
    left:0;
    bottom:-30px
}
.img-box10 .project-counter:before{
    background-color:var(--theme-color)
}
.img-box10 .project-counter .box-number{
    font-weight:800;
    color:var(--white-color)
}
@media(max-width: 1500px){
    .img-box10{
        margin-right:0;
        margin-left:0
    }
    .img-box10 .img2{
        right:-90px
    }
}
@media(max-width: 1399px){
    .img-box10{
        margin-right:110px
    }
    .img-box10 .img2{
        right:-110px
    }
}
@media(max-width: 1299px){
    .img-box10{
        margin-left:0
    }
}
@media(max-width: 1199px){
    .img-box10{
        padding-right:111px;
        max-width:725px;
        margin:0 auto 20px auto
    }
    .img-box10 .img2{
        right:0
    }
}
@media(max-width: 575px){
    .img-box10{
        padding-left:0;
        padding-right:0;
        text-align:center;
        margin-bottom:0
    }
    .img-box10 .img2{
        position:relative;
        margin-top:20px;
        margin-bottom:-6px;
        -webkit-animation:none;
        animation:none;
        background-color:var(--theme-color)
    }
    .img-box10 .project-counter{
        position:relative;
        bottom:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        background-color:var(--theme-color)
    }
}
.img-box7{
    position:relative;
    margin-left:30px;
    margin-right:-90px
}
@media(max-width: 1399px){
    .img-box7{
        margin-right:0;
        margin-left:0
    }
}
@media(max-width: 1299px){
    .img-box7{
        margin-left:60px
    }
}
@media(max-width: 1199px){
    .img-box7{
        max-width:545px;
        margin-left:0
    }
}
.img-box7 img{
    border-radius:20px;
    width:100%
}
.img-box7 .about-counter{
    text-align:center;
    -webkit-box-shadow:0px 0px 10.6px rgba(97,97,97,.15);
    box-shadow:0px 0px 10.6px rgba(97,97,97,.15);
    border-radius:20px;
    padding:25px;
    min-width:178px
}
.img-box7 .about-counter .box-number{
    font-size:64px;
    font-weight:600;
    color:var(--theme-color);
    margin-bottom:5px
}
.img-box7 .about-counter .box-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.img-box7 .about-counter{
    width:100%;
    max-width:200px;
    position:absolute;
    bottom:0;
    right:0;
    background-color:var(--white-color)
}
.img-box7 .about-counter .box-number{
    font-size:48px;
    margin-top:-0.2em
}
@media(max-width: 1399px){
    .img-box7 .about-counter{
        max-width:210px
    }
}
@media(max-width: 1299px){
    .img-box7 .about-counter{
        max-width:190px
    }
}
@media(max-width: 1199px){
    .img-box7 .about-counter{
        max-width:200px
    }
}
@media(max-width: 767px){
    .img-box7 .about-counter{
        max-width:195px
    }
}
@media(max-width: 1299px){
    .about-wrap5{
        margin-right:-60px
    }
    .about-wrap5 .sec-text{
        font-size:16px
    }
}
@media(max-width: 1199px){
    .about-wrap5{
        margin-right:0
    }
    .about-wrap5 .sec-text{
        margin-left:0;
        max-width:none
    }
}
.th-team{
    position:relative
}
.th-team .box-img{
    position:relative;
    overflow:hidden
}
.th-team .box-img img{
    width:100%;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.th-team .team-desig{
    font-size:16px;
    color:var(--title-color);
    display:block;
    text-align:left;
    margin-bottom:-0.5em;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.th-team .th-social a{
    --icon-size: 40px;
    background-color:var(--white-color);
    -webkit-box-shadow:0px 4px 20px rgba(18,27,82,.1);
    box-shadow:0px 4px 20px rgba(18,27,82,.1)
}
.th-team .th-social a:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.th-team .box-title{
    margin-bottom:3px
}
.th-team:hover .team-img img{
    -webkit-transform:scale(1.08);
    transform:scale(1.08)
}
.th-team:hover .team-social{
    visibility:visible;
    opacity:1
}
.team-card{
    position:relative;
    border-radius:24px;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    z-index:2
}
.team-card .box-title{
    margin-bottom:-0.3rem
}
@media(max-width: 575px){
    .team-card .box-title{
        font-size:20px;
        margin-bottom:0
    }
}
.team-card .box-img{
    position:relative;
   background: #05598e54;
    border-radius:24px 24px 0px 0px;
    z-index:2
}
.team-card .box-img:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:url("../img/team/element.png");
    background-size:auto;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:-1
}
.team-card .box-content{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:40px 32px 32px 32px;
    border:1px solid #dedfe3;
    border-top-color:rgba(0,0,0,0);
    border-radius:0 0 24px 24px;
    z-index:3;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    min-height: 150px;
}
@media(max-width: 1500px){
    .team-card .box-content{
        padding:30px 25px;
        min-height: 150x;
    }
}
@media(max-width: 1299px){
    .team-card .box-content{
        padding:30px 20px
    }
}
@media(max-width: 575px){
    .team-card .box-content{
        padding:25px 20px
    }
}
.team-card .box-title{
    margin-bottom:5px
}
@media(max-width: 1299px){
    .team-card .box-title{
        font-size:22px
    }
}
.team-card .team-social .icon-btn{
    --btn-size: 40px;
    background-color:#f2f3fc;
    border:none;
    color:var(--title-color);
    border-radius:50%;
    font-size:var(--btn-font-size, 18px);
    font-weight:700;
    cursor:pointer
}
.team-card .team-social .th-social{
    position:absolute;
    visibility:hidden;
    opacity:0;
    bottom:80px;
    right:32px;
    width:40px;
    min-height:178px;
    padding:0;
    color:var(--title-color);
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    z-index:2
}
@media(max-width: 1500px){
    .team-card .team-social .th-social{
        right:25px
    }
}
@media(max-width: 1299px){
    .team-card .team-social .th-social{
        right:20px
    }
}
@media(max-width: 575px){
    .team-card .team-social .th-social{
        bottom:70px;
        right:20px
    }
}
.team-card .team-social .th-social a{
    border-radius:50%;
    margin-right:0;
    margin-bottom:10px
}
.team-card:hover .box-img img {
    transform: scale(1.03);
    transition: transform 0.4s ease;
}
.team-card:hover .box-content{
    background-color:#fff2f2
}
.team-card:hover .icon-btn{
    background-color:var(--title-color);
    color:var(--white-color)
}
.team-card:hover .th-social{
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    opacity:1;
    visibility:visible
}
.team-card.style2{
    background-color:var(--white-color);
    border-radius:24px
}
.team-card.style2 .box-img{
    background-repeat:no-repeat;
    background-size:cover
}
.team-card.style2 .box-img:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:url("../img/team/element2.png");
    background-size:auto;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:-1
}
.team-card.style2:hover .icon-btn img{
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
.team-box{
    position:relative;
    z-index:2;
    background:#fff2f2;
    border-radius:193.5px 193.5px 0px 0px
}
.team-box .box-content{
    position:absolute;
    right:16px;
    bottom:16px;
    left:16px;
    background-color:var(--white-color);
    border-radius:8px;
    text-align:center;
    padding:30px 24px;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.team-box .box-title a{
    color:inherit
}
.team-box .team-desig{
    display:block;
    text-align:center
}
.team-box .team-social{
    position:absolute;
    top:-20px;
    right:20px
}
.team-box .team-social .icon-btn{
    --btn-size: 40px;
    background-color:var(--title-color);
    border:1px solid var(--white-color);
    color:var(--white-color);
    border-radius:50%;
    font-size:var(--btn-font-size, 18px);
    font-weight:700;
    cursor:pointer
}
.team-box .team-social .th-social{
    position:absolute;
    visibility:hidden;
    opacity:0;
    bottom:40px;
    right:0px;
    width:40px;
    min-height:178px;
    padding:0;
    color:var(--title-color);
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    z-index:2
}
.team-box .team-social .th-social a{
    border-radius:50%;
    margin-right:0;
    margin-bottom:10px
}
.team-box:hover .box-img img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all ease .4s;
    transition:all ease .4s
}
.team-box:hover .box-content{
    background-color:var(--theme-color)
}
.team-box:hover .box-title{
    color:var(--white-color)
}
.team-box:hover .team-desig{
    color:var(--white-color)
}
.team-box:hover .icon-btn{
    background-color:var(--title-color);
    color:var(--white-color)
}
.team-box:hover .th-social{
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    opacity:1;
    visibility:visible
}
.teamSlider2 .slider-controller{
    width:837px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media(max-width: 991px){
    .teamSlider2 .slider-controller{
        width:100%
    }
}
.teamSlider2 .slider-controller .swiper-pagination-progressbar-fill{
    background-color:var(--theme-color)
}
.teamSlider2 .slider-arrow{
    min-width:48px;
    height:48px;
    line-height:48px;
    background-color:rgba(0,0,0,0);
    border:1px solid var(--white-color)
}
.teamSlider2 .slider-arrow:hover{
    background-color:var(--theme-color);
    border-color:var(--theme-color)
}
.team-area{
    position:relative;
    z-index:2;
    background-attachment:fixed
}
.team-area:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 33, 89, 0.7)), to(rgba(26, 33, 89, 0.7)));
    background:linear-gradient(0deg, rgba(26, 33, 89, 0.7), rgba(26, 33, 89, 0.7));
    z-index:-1
}
@media(max-width: 991px){
    .team-details .team-card{
        margin-bottom:24px
    }
}
.team-details .team-card .box-content{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    gap:50px;
    padding:18px 32px;
    background-color:#05598e;
    border:1px solid #e4e4e5;
    border-top-color:rgba(0,0,0,0)
}
.team-details .team-card .team-social .icon-btn{
    --btn-size: 40px;
    background-color:var(--title-color);
    color:var(--white-color)
}
.team-details .team-card .team-social .th-social{
    bottom:80px
}
.team-about{
    margin-left:30px
}
@media(max-width: 1299px){
    .team-about{
        margin:0
    }
}
.team-about .team-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media(max-width: 1399px){
    .team-about .team-wrapp{
        display:block
    }
}
.team-about_title{
    font-size:40px;
    font-weight:600;
    margin-top:-0.7rem;
    margin-bottom:0px
}
@media(max-width: 767px){
    .team-about_title{
        font-size:24px;
        line-height:28px
    }
}
.team-about_desig{
    font-family:var(--title-font);
    font-size:20px;
    font-weight:500;
    margin-bottom:20px
}
.team-about_text{
    font-size:18px;
    letter-spacing:.02em;
    margin-bottom:30px
}
.about-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px;
    padding:27px 30px 27px 30px
}
.about-info-wrap{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    max-width:610px;
    border:1px solid #e0e0e0;
    border-radius:20px;
    margin-bottom:40px
}
@media(max-width: 767px){
    .about-info-wrap{
        grid-template-columns:repeat(1, 1fr)
    }
}
@media(max-width: 1499px){
    .about-info{
        padding:27px 20px 27px 20px
    }
}
@media(max-width: 1299px){
    .about-info{
        gap:15px
    }
}
@media(max-width: 375px){
    .about-info{
        padding:25px 15px
    }
}
.about-info:not(:first-child){
    border-left:1px solid #e0e0e0
}
@media(max-width: 767px){
    .about-info:not(:first-child){
        border-left:none;
        border-top:1px solid #e0e0e0
    }
}
.about-info:nth-child(3){
    border-left:none;
    border-top:1px solid #e0e0e0
}
.about-info:last-child{
    border-top:1px solid #e0e0e0
}
.about-info_icon i{
    width:50px;
    height:50px;
    line-height:50px;
    background:#f8f8f8;
    border:1px solid #e0e0e0;
    border-radius:50%;
    text-align:center;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.about-info_icon i:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.about-info_subtitle{
    margin-bottom:0
}
.about-info_title{
    font-family:var(--body-font);
    font-weight:600;
    font-size:18px;
    margin-bottom:0
}
@media(max-width: 1399px){
    .about-info_title{
        font-size:16px
    }
}
.about-info_title a{
    color:inherit
}
.about-info_title a:hover{
    color:var(--theme-color)
}
.about-card-img{
    position:relative;
    background-color:var(--white-color);
    padding:40px;
    -webkit-box-shadow:0px 10px 50px rgba(0,0,0,.08);
    box-shadow:0px 10px 50px rgba(0,0,0,.08);
    border-radius:30px
}
.about-card-img img{
    border-radius:20px;
    width:100%
}
@media(max-width: 1299px){
    .about-card-img{
        padding:30px
    }
}
@media(max-width: 1199px){
    .about-card-img{
        margin-bottom:40px
    }
}
@media(max-width: 767px){
    .about-card-img{
        border-radius:20px
    }
    .about-card-img img{
        border-radius:15px
    }
}
@media(max-width: 375px){
    .about-card-img{
        padding:20px
    }
}
@media(min-width: 1300px){
    .about-card{
        margin-left:50px
    }
}
.about-card_title{
    margin-bottom:15px
}
.about-card_desig{
    color:var(--theme-color);
    margin-bottom:22px;
    margin-top:-0.5em
}
.about-card_text{
    margin-bottom:26px;
    margin-top:32px
}
.about-card .th-social a{
    border-radius:10px
}
.team-info ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.team-info ul li{
    margin-bottom:15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.team-info ul li:last-child{
    margin-bottom:0
}
.team-info ul li b{
    width:100%;
    max-width:200px;
    font-weight:600;
    font-size:18px;
    color:var(--title-color)
}
.team-info ul li span,.team-info ul li a{
    color:var(--body-color)
}
.team-info ul li a:hover{
    color:var(--theme-color)
}
@media(max-width: 575px){
    .team-info ul li b{
        max-width:140px
    }
}
.team-contact-form{
    padding:50px;
    background-color:var(--smoke-color)
}
.team-contact-form textarea{
    height:120px
}
.team-contact-form .form-title{
    margin-top:-0.3em;
    margin-bottom:25px
}
@media(max-width: 575px){
    .team-contact-form{
        padding:40px 20px
    }
}
.skill-card_wrapp{
    position:relative;
    z-index:2;
    background-color:var(--smoke-color);
    padding:30px;
    margin-left:-200px
}
@media(max-width: 1199px){
    .skill-card_wrapp{
        margin-left:0
    }
}
.skill-card_title{
    font-size:30px;
    line-height:40px;
    margin-top:-0.4rem;
    margin-bottom:10px
}
.skill-wrapp{
    display:grid;
    grid-template-columns:auto auto;
    gap:24px 40px
}
@media(max-width: 767px){
    .skill-wrapp{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.skill-feature{
    text-align:left
}
.skill-feature_title,.skill-feature .progress-value{
    font-size:24px;
    font-weight:600;
    margin-bottom:15px;
    font-family:var(--title-font);
    color:var(--title-color)
}
@media(max-width: 1299px){
    .skill-feature_title,.skill-feature .progress-value{
        font-size:18px
    }
}
.skill-feature .progress{
    position:relative;
    height:8px;
    background-color:#f2f3fc;
    overflow:visible;
    border-radius:8px
}
.skill-feature .progress-bar{
    background-color:var(--theme-color);
    height:8px;
    border-radius:inherit;
    overflow:visible;
    position:relative
}
.skill-feature .progress-value{
    position:absolute;
    top:-30px;
    right:-8px
}
.team-block{
    position:relative;
    text-align:center
}
.team-block .box-img{
    position:relative;
    max-width:calc(100% - 28px);
    border-radius:999px;
    overflow:hidden
}
.team-block .box-img img{
    width:100%
}
.team-block .box-content{
    position:absolute;
    bottom:-10px;
    left:0;
    width:calc(100% - 28px);
    visibility:hidden;
    opacity:0;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.team-block .team-social{
    position:absolute;
    bottom:28%;
    right:0;
    background-color:var(--white-color);
    -webkit-box-shadow:0px 0px 10.6px rgba(97,97,97,.15);
    box-shadow:0px 0px 10.6px rgba(97,97,97,.15);
    border-radius:100px;
    width:56px
}
.team-block .icon-btn{
    background-color:var(--theme-color);
    border:none;
    border-radius:99px;
    color:var(--white-color);
    font-size:18px;
    margin-top:-5px;
    --btn-size: 56px
}
.team-block .social-links{
    visibility:hidden;
    opacity:0;
    max-height:0;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    display:block
}
.team-block .social-links a{
    font-size:16px;
    color:var(--body-color);
    line-height:1;
    display:block;
    border:0;
    border-radius:0;
    height:auto;
    width:auto;
    margin:0 0 30px 0;
    text-align:center;
    background:rgba(0,0,0,0) !important
}
.team-block .social-links a:hover{
    color:var(--theme-color)
}
.team-block .box-title{
    margin:0;
    display:inline-block;
    background-color:var(--theme-color);
    color:var(--white-color);
    padding:6px 20px;
    border-radius:99px
}
.team-block .box-title:hover a{
    color:var(--white-color)
}
.team-block .box-text{
    margin:0 auto;
    display:block;
    max-width:-webkit-fit-content;
    max-width:-moz-fit-content;
    max-width:fit-content;
    background-color:var(--white-color);
    border-radius:99px;
    padding:6px 20px
}
.team-block:hover .box-content{
    visibility:visible;
    opacity:1;
    bottom:30px
}
.team-block:hover .social-links{
    padding-top:25px;
    max-height:190px;
    visibility:visible;
    opacity:1
}
.box-desig{
    font-size:14px;
    font-weight:400
}
.testi-slider{
    height:297px
}
@media(max-width: 575px){
    .testi-slider{
        height:340px
    }
}
@media(max-width: 575px){
    .testi-slider{
        height:440px
    }
}
.testiSlide1 .icon-box{
    position:absolute;
    right:72px;
    bottom:82px
}
@media(max-width: 767px){
    .testiSlide1 .icon-box{
        display:none
    }
}
.testiSlide1 .slider-arrow{
    background-color:var(--white-color);
    color:var(--title-color);
    border-color:var(--white-color)
}
.testiSlide1 .slider-arrow:hover{
    background-color:var(--theme-color);
    border-color:var(--theme-color);
    color:var(--white-color)
}
.testiSlide2{
    max-width:1092px;
    display:block;
    margin:auto !important
}
@media(max-width: 991px){
    .testiSlide2{
        max-width:100%
    }
}
.testiSlide2 .icon-box{
    position:absolute;
    right:72px;
    bottom:82px
}
@media(max-width: 767px){
    .testiSlide2 .icon-box{
        display:none
    }
}
.testi-card{
    background-color:#f0832336;
    border-radius:24px;
    position:relative;
    padding:72px 30px 72px 72px;
    z-index:2
}
@media(max-width: 1299px){
    .testi-card{
        padding:40px
    }
}
@media(max-width: 767px){
    .testi-card{
        padding:30px 20px
    }
}
.testi-card .box-quote{
    margin-bottom:15px
}
.testi-card .box-text{
    font-family:var(--title-font);
    font-weight:600;
    font-size:32px;
    line-height:48px;
    letter-spacing:.02em;
    color:var(--title-color);
    margin-bottom:30px
}
@media(max-width: 1199px){
    .testi-card .box-text{
        font-size:25px;
        line-height:35px
    }
}
@media(max-width: 991px){
    .testi-card .box-text{
        font-size:24px;
        line-height:34px
    }
}
@media(max-width: 575px){
    .testi-card .box-text{
        font-size:20px;
        line-height:30px
    }
}
@media(max-width: 480px){
    .testi-card .box-text{
        font-size:17px;
        line-height:28px
    }
}
.testi-card .box-profile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:8px
}
.testi-card .box-author{
    max-width:64px;
    border-radius:50%;
    overflow:hidden
}
.testi-card .box-author img{
    border-radius:50%
}
.testi-card .box-title{
    font-weight:600;
    font-size:24px;
    line-height:32px;
    letter-spacing:.02em;
    color:var(--title-color);
    margin:0
}
@media(max-width: 575px){
    .testi-card .box-title{
        font-size:18px;
        line-height:28px
    }
}
.testi-card .box-desig{
    font-size:18px;
    margin-bottom:0
}
@media(max-width: 575px){
    .testi-card .box-desig{
        font-size:16px
    }
}
.testi-card .box-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media(max-width: 575px){
    .testi-card .box-wrapp{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:10px
    }
}
.testi-card.style2{
    background-color:var(--white-color);
    border:1px solid rgba(92,95,113,.2);
    -webkit-box-shadow:0px 20px 10px rgba(22,37,96,.01);
    box-shadow:0px 20px 10px rgba(22,37,96,.01);
    border-radius:24px;
    margin:0 20px
}
@media(max-width: 575px){
    .testi-card.style2{
        margin:0
    }
}
.testi-card.style2 .box-author img{
    border:2px solid var(--theme-color)
}
.testi-card.style3{
    padding:0;
    background-color:rgba(0,0,0,0)
}
.testi-card.style3 .box-text{
    font-size:24px;
    line-height:32px;
    margin-bottom:62px
}
.testi-card.style3 .rating{
    font-weight:400;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--title-color)
}
.testi-card.style3 .rating i{
    color:#ffa439
}
.testi-card.style3 .rating i:not(:last-child){
    margin-right:10px
}
.testi-counter{
    background:var(--title-color);
    border-radius:24px;
    padding:40px;
    background-repeat:no-repeat;
    background-position:right center
}
@media(max-width: 1199px){
    .testi-counter{
        margin-top:30px
    }
}
.testi-counter .subtitle{
    font-family:var(--title-font);
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color);
    display:block;
    margin-bottom:20px
}
.testi-counter .box-counter{
    font-weight:700;
    font-size:88px;
    color:var(--white-color);
    margin-bottom:0
}
@media(max-width: 1399px){
    .testi-counter .box-counter{
        font-size:66px
    }
}
@media(max-width: 767px){
    .testi-counter .box-counter{
        font-size:50px
    }
}
.testi-counter .box-text{
    font-family:var(--title-font);
    font-weight:600;
    font-size:32px;
    line-height:48px;
    letter-spacing:.02em;
    color:var(--white-color);
    margin-bottom:60px
}
@media(max-width: 767px){
    .testi-counter .box-text{
        font-size:25px;
        line-height:35px
    }
}
.testi-ratting{
    background-color:#ebf5de;
    border-radius:24px;
    padding:32px
}
@media(max-width: 1399px){
    .testi-ratting{
        padding:20px
    }
}
.testi-ratting .testi-img{
    position:relative;
    border-radius:24px;
    margin-bottom:30px;
    overflow:hidden
}
.testi-ratting .testi-img img{
    border-radius:24px
}
.testi-ratting .testi-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:56px
}
@media(max-width: 1500px){
    .testi-ratting .testi-wrapp{
        gap:20px
    }
}
@media(max-width: 375px){
    .testi-ratting .testi-wrapp{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.testi-ratting .divided{
    height:105px;
    width:1px;
    border:1px solid rgba(92,95,113,.2)
}
@media(max-width: 375px){
    .testi-ratting .divided{
        display:none
    }
}
.testi-ratting .box-review i{
    color:#ffa439
}
.testi-ratting .ratting{
    font-weight:500;
    font-size:18px;
    letter-spacing:.02em;
    color:#03060e;
    display:block;
    margin-bottom:15px
}
.testi-thumb .tab-btn{
    position:absolute;
    width:80px;
    height:80px;
    z-index:2
}
@media(max-width: 1299px){
    .testi-thumb .tab-btn{
        display:none
    }
}
.testi-thumb .tab-btn:nth-child(1){
    position:absolute;
    top:0%;
    left:5%
}
@media(max-width: 1399px){
    .testi-thumb .tab-btn:nth-child(1){
        left:0
    }
}
.testi-thumb .tab-btn:nth-child(2){
    position:absolute;
    top:35%;
    left:5%
}
@media(max-width: 1399px){
    .testi-thumb .tab-btn:nth-child(2){
        left:0
    }
}
.testi-thumb .tab-btn:nth-child(3){
    position:absolute;
    bottom:6%;
    left:8%
}
@media(max-width: 1399px){
    .testi-thumb .tab-btn:nth-child(3){
        left:0
    }
}
.testi-thumb .tab-btn:nth-child(4){
    position:absolute;
    top:0%;
    right:5%
}
@media(max-width: 1399px){
    .testi-thumb .tab-btn:nth-child(4){
        right:0
    }
}
.testi-thumb .tab-btn:nth-child(5){
    position:absolute;
    top:50%;
    right:5%
}
@media(max-width: 1399px){
    .testi-thumb .tab-btn:nth-child(5){
        right:0
    }
}
.testi-thumb .tab-btn:nth-child(6){
    position:absolute;
    bottom:0%;
    right:15%
}
@media(max-width: 1399px){
    .testi-thumb .tab-btn:nth-child(6){
        right:0
    }
}
.testi-thumb .tab-btn.active img{
    -webkit-transform:scale(1.8);
    transform:scale(1.8);
    border:10px solid rgba(249,99,99,.1)
}
.testi-thumb .tab-btn img{
    border-radius:50%;
    cursor:pointer;
    border:2px solid rgba(92,95,113,.2);
    -webkit-transition:.4s;
    transition:.4s
}
.testi-grid{
    border:1px solid var(--title-color);
    padding:60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:60px;
    background-color:var(--white-color)
}
@media(max-width: 1199px){
    .testi-grid{
        gap:24px;
        padding:40px
    }
}
@media(max-width: 991px){
    .testi-grid{
        display:block
    }
}
@media(max-width: 575px){
    .testi-grid{
        padding:30px
    }
}
.testi-grid .box-img{
    min-width:350px
}
@media(max-width: 991px){
    .testi-grid .box-img{
        min-width:100%;
        margin-top:30px
    }
}
.testi-grid .box-img img{
    width:100%
}
.testi-grid .testi-logo{
    margin-bottom:30px
}
.testi-grid .box-title2{
    font-size:30px;
    margin-right:50px
}
@media(max-width: 575px){
    .testi-grid .box-title2{
        font-size:20px;
        margin-right:0
    }
}
.testi-grid .box-review{
    color:#f3ba0e;
    font-size:16px;
    margin-bottom:10px
}
.testi-grid .box-review i{
    margin-left:5px
}
.testi-grid .box-title{
    margin-bottom:0
}
.testi-grid .box-desig{
    font-size:14px;
    font-weight:400
}
.testi-grid .box-text{
    margin-bottom:30px
}
.testi-box{
    position:relative;
    border:1px solid #e3e7f0;
    border-radius:30px;
    padding:60px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    z-index:9
}
@media(max-width: 1500px){
    .testi-box{
        padding:40px
    }
}
@media(max-width: 1299px){
    .testi-box{
        padding:30px
    }
}
.testi-box:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));
    background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    z-index:1
}
@media(max-width: 1199px){
    .testi-box{
        padding:40px
    }
}
@media(max-width: 575px){
    .testi-box{
        padding:30px
    }
}
.testi-box .box-text{
    font-size:20px;
    margin-top:-0.5rem;
    color:var(--title-color);
    border-bottom:1px solid var(--smoke-color);
    margin-bottom:40px;
    padding-bottom:30px
}
@media(max-width: 375px){
    .testi-box .box-text{
        font-size:18px
    }
}
.testi-box .box-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 430px){
    .testi-box .box-wrapper{
        display:block
    }
}
.testi-box .box-profile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px
}
@media(max-width: 430px){
    .testi-box .box-profile{
        margin-bottom:20px
    }
}
.testi-box .box-author{
    min-width:60px
}
.testi-box .box-author img{
    width:60px;
    height:60px;
    border-radius:50%
}
.testi-box .box-title{
    font-weight:500;
    font-size:20px;
    line-height:24px;
    margin-bottom:0
}
@media(max-width: 375px){
    .testi-box .box-title{
        font-size:18px;
        line-height:28px
    }
}
.testi-box .box-desig{
    font-weight:400;
    font-size:14px;
    font-family:var(--body-font);
    color:var(--body-color)
}
.testi-box .box-review i{
    color:#f3ba0e
}
.testi-box:hover{
    border:1px solid #797e88
}
.testi-box.th-ani:hover{
    -webkit-transform:translate(0, -5px);
    transform:translate(0, -5px)
}
.testi-area{
    background-color:#f2f3fc;
    background-size:auto;
    background-position:center center
}
.testi-area2{
    background-color:#fff2f2
}
.testiSlide3 .slider-controller{
    width:929px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media(max-width: 1500px){
    .testiSlide3 .slider-controller{
        width:100%
    }
}
@media(max-width: 1199px){
    .testiSlide3 .slider-controller{
        margin-top:0px
    }
}
.testiSlide3 .slider-controller .swiper-pagination-progressbar{
    background-color:#fff
}
.testi-image{
    max-width:452px;
    display:block;
    margin:auto;
    border-radius:16px
}
@media(max-width: 1199px){
    .testi-image{
        display:none
    }
}
.testi-image img{
    border-radius:16px
}
.testi-slider1-3 .slider-pagination{
    margin-bottom:0;
    bottom:0 !important
}
.testi-slider1-3 .slider-pagination .swiper-pagination-bullet{
    --swiper-pagination-bullet-horizontal-gap: 10px
}
.testi-card2{
    background-color:var(--white-color);
    -webkit-box-shadow:0px 3px 15px rgba(0,0,0,.04);
    box-shadow:0px 3px 15px rgba(0,0,0,.04);
    border-radius:20px;
    position:relative;
    padding:40px 30px 40px 40px
}
@media(max-width: 575px){
    .testi-card2{
        padding:30px 20px 30px 30px;
        borr:15px
    }
}
.testi-card2.bg-smoke{
    -webkit-box-shadow:none;
    box-shadow:none
}
.testi-card2 .box-profile{
    margin-top:35px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:3;
    gap:15px
}
.testi-card2 .box-img{
    width:56px;
    min-width:56px;
    border-radius:99px
}
.testi-card2 .box-img img{
    border-radius:inherit
}
.testi-card2 .box-title{
    font-size:20px;
    font-weight:600;
    margin:0 0 3px 0
}
.testi-card2 .box-desig{
    font-size:14px;
    margin-bottom:0;
    display:block
}
.testi-card2 .box-quote{
    position:absolute;
    bottom:40px;
    right:40px
}
@media(max-width: 575px){
    .testi-card2 .box-quote{
        right:30px;
        bottom:30px
    }
}
.testi-card2 .box-review{
    color:var(--yellow-color);
    margin-bottom:20px
}
.testi-card2 .box-review i{
    margin-right:5px
}
.testi-card2 .box-review i:last-child{
    margin-right:0px
}
.testi-block{
    background-color:var(--smoke-color2);
    border-radius:20px;
    padding:40px;
    overflow:hidden;
    position:relative;
    z-index:2
}
.testi-block-area{
    position:relative
}
.testi-block-area .icon-box{
    position:absolute;
    top:50%;
    right:-100px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:56px;
    display:block
}
@media(max-width: 1399px){
    .testi-block-area .icon-box{
        display:none
    }
}
.testi-block-area .icon-box .slider-arrow{
    border:none;
    background-color:var(--theme-color);
    color:var(--white-color);
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none
}
.testi-block-area .icon-box .slider-arrow:hover{
    background-color:var(--theme-color)
}
.testi-block-area .icon-box .slider-arrow:not(:last-child){
    margin-right:0;
    margin-bottom:10px
}
.testi-block .box-text{
    margin:-0.5em 0 30px 0
}
.testi-block .box-title{
    font-size:30px;
    margin-bottom:3px
}
.testi-block .box-review{
    color:var(--yellow-color);
    margin-bottom:-0.3em
}
.testi-block .box-review i{
    margin-right:4px
}
.testi-block .box-desig{
    margin-bottom:5px
}
.testi-block .box-img{
    position:absolute;
    bottom:0;
    right:0
}
.testi-block .box-quote{
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:-1
}
@media(max-width: 575px){
    .testi-block{
        padding:30px
    }
    .testi-block .box-img{
        max-width:170px
    }
}
@media(min-width: 1500px){
    .th-container6{
        max-width:1570px;
        margin-left:0;
        padding-left:0
    }
}
@media(min-width: 1922px){
    .th-container6{
        margin-left:auto;
        padding-left:12px
    }
}
.counter-area{
    position:relative;
    background-color:#fff2f2;
    padding:56px 80px;
    border-radius:24px;
    z-index:2
}
@media(max-width: 1399px){
    .counter-area{
        padding:40px
    }
}
@media(max-width: 575px){
    .counter-area{
        padding:20px
    }
}
.counter-card{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:24px
}
@media(max-width: 1399px){
    .counter-card{
        border-right:1px dashed var(--theme-color);
        border-bottom:1px dashed var(--theme-color);
        padding:50px;
        margin-right:0;
        text-align:center;
        display:block
    }
}
@media(max-width: 1399px)and (max-width: 767px){
    .counter-card{
        padding:40px 20px;
        border-right-color:rgba(0,0,0,0)
    }
}
.counter-card_wrapp:nth-child(2) .counter-card{
    border-right-color:rgba(0,0,0,0)
}
.counter-card_wrapp:nth-child(3) .counter-card{
    border-bottom-color:rgba(0,0,0,0)
}
@media(max-width: 767px){
    .counter-card_wrapp:nth-child(3) .counter-card{
        border-bottom-color:var(--theme-color)
    }
}
.counter-card_wrapp:last-child .counter-card{
    border-right-color:rgba(0,0,0,0);
    border-bottom-color:rgba(0,0,0,0)
}
.counter-card .box-icon{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    background-color:var(--theme-color);
    border-radius:8px
}
@media(max-width: 1399px){
    .counter-card .box-icon{
        display:block;
        margin:auto auto 20px auto
    }
}
.counter-card .box-icon img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.counter-card .box-number{
    color:var(--title-color);
    font-weight:700;
    font-size:57px;
    line-height:57px;
    letter-spacing:.02em;
    margin-bottom:5px;
    margin-top:0
}
.counter-card .box-text{
    font-family:var(--title-font);
    font-size:24px;
    font-weight:400;
    color:var(--body-color);
    margin-bottom:0
}
@media(max-width: 991px){
    .counter-card .box-text{
        font-size:18px
    }
}
.counter-card .media-body{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.counter-card:hover .box-icon img{
    -webkit-animation:scaleUpDown .6s ease;
    animation:scaleUpDown .6s ease
}
@media(max-width: 1199px){
    .counter-card-wrap.style2{
        display:grid;
        grid-template-columns:auto auto;
        gap:30px 0
    }
    .counter-card-wrap .divider{
        display:none
    }
    .counter-card .box-number{
        font-size:36px;
        margin-bottom:0
    }
}
@media(max-width: 991px){
    .counter-card-wrap{
        display:grid;
        grid-template-columns:auto auto;
        gap:30px 0
    }
    .counter-card-wrap .divider{
        display:none
    }
    .counter-card .box-number{
        font-size:36px;
        margin-bottom:0
    }
}
@media(max-width: 767px){
    .counter-card{
        text-align:center
    }
    .counter-card:not(:last-child){
        margin-bottom:25px
    }
    .counter-card .box-number{
        font-size:30px
    }
    .counter-card-wrap.style2{
        display:block
    }
}
@media(max-width: 575px){
    .counter-card-wrap{
        display:block;
        margin:auto
    }
    .counter-card-wrap .divider{
        display:none
    }
}
@media(max-width: 767px){
    .counter-box{
        text-align:center
    }
}
.counter-box:not(:last-child){
    border-bottom:1px solid #dedfe3;
    margin-bottom:40px;
    padding-bottom:40px
}
.counter-box .box-number{
    font-size:57px;
    line-height:57px;
    margin-bottom:0
}
@media(max-width: 1500px){
    .counter-box .box-number{
        font-size:40px;
        line-height:40px
    }
}
@media(max-width: 1199px){
    .counter-box .box-number{
        font-size:50px;
        line-height:50px
    }
}
@media(max-width: 767px){
    .counter-box .box-number{
        font-size:40px;
        line-height:40px
    }
}
@media(max-width: 575px){
    .counter-box .box-number{
        font-size:30px;
        line-height:30px
    }
}
.counter-box .box-number .plus{
    font-weight:400
}
.counter-box .counter-text{
    font-size:24px
}
@media(max-width: 1500px){
    .counter-box .counter-text{
        font-size:18px
    }
}
@media(max-width: 767px){
    .counter-box .counter-text{
        font-size:16px
    }
}
.counter-box:hover .box-icon img{
    -webkit-transform:scale(-1) rotate(180deg);
    transform:scale(-1) rotate(180deg)
}
.counter-box2{
    padding:64px 0
}
@media(max-width: 991px){
    .counter-box2{
        padding:0
    }
}
@media(max-width: 375px){
    .counter-box2{
        text-align:center;
        padding-bottom:30px
    }
}
.counter-box2 .box-icon{
    margin-bottom:10px
}
.counter-box2 .box-number{
    font-weight:700;
    font-size:48px;
    line-height:48px;
    text-transform:capitalize;
    color:var(--theme-color);
    margin-bottom:0
}
@media(max-width: 1199px){
    .counter-box2 .box-number{
        font-size:50px;
        line-height:50px
    }
}
.counter-box2 .box-text{
    color:var(--white-color)
}
.counter-box2-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media(max-width: 991px){
    .counter-box2-wrap{
        display:grid;
        grid-template-columns:auto auto;
        gap:30px 0;
        padding:60px 0
    }
}
@media(max-width: 375px){
    .counter-box2-wrap{
        display:block;
        padding:60px 0 30px 0
    }
}
.counter-box2-wrap .divider{
    width:1px;
    background-color:rgba(254,217,31,.2)
}
.counter-box2-wrap .divider:last-of-type{
    display:none
}
@media(max-width: 991px){
    .counter-box2-wrap .divider{
        display:none
    }
}
.counter-item{
    padding:50px 50px 50px 0
}
@media(max-width: 1399px){
    .counter-item{
        text-align:center
    }
}
@media(max-width: 767px){
    .counter-item{
        padding:30px 0 0 0
    }
}
.counter-item:first-child{
    border-right:1px solid #e0e0e0
}
@media(max-width: 767px){
    .counter-item:first-child{
        border-right:none
    }
}
.counter-item:nth-child(2){
    padding:50px 0px 50px 100px
}
@media(max-width: 1500px){
    .counter-item:nth-child(2){
        padding:50px 0px 50px 50px
    }
}
@media(max-width: 767px){
    .counter-item:nth-child(2){
        padding:30px 0 0 0
    }
}
.counter-item:nth-child(3){
    border-right:1px solid #e0e0e0;
    border-top:1px solid #e0e0e0;
    padding:50px 100px 0px 0px
}
@media(max-width: 1500px){
    .counter-item:nth-child(3){
        padding:50px 50px 0px 0px
    }
}
@media(max-width: 767px){
    .counter-item:nth-child(3){
        border:none;
        padding:30px 0 0 0
    }
}
.counter-item:nth-child(4){
    border-top:1px solid #e0e0e0;
    padding:50px 0px 0px 100px
}
@media(max-width: 1500px){
    .counter-item:nth-child(4){
        padding:50px 0px 0px 50px
    }
}
@media(max-width: 767px){
    .counter-item:nth-child(4){
        border:none;
        padding:30px 0 0 0
    }
}
.counter-item .box-icon{
    width:80px;
    height:80px;
    line-height:80px;
    border-radius:50%;
    text-align:center;
    background-color:var(--white-color);
    border:1px solid #e0e0e0;
    margin-bottom:18px
}
@media(max-width: 1399px){
    .counter-item .box-icon{
        display:block;
        margin:auto auto 18px auto
    }
}
.counter-item .box-number{
    font-weight:700;
    font-size:48px;
    line-height:58px;
    color:var(--title-color);
    margin-bottom:0
}
@media(max-width: 767px){
    .counter-item .box-number{
        font-size:40px;
        line-height:50px
    }
}
.counter-item .box-number .plus{
    font-weight:400
}
.counter-item .counter-text{
    color:#4d5765
}
.counter-item-wrap{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:0px
}
@media(max-width: 767px){
    .counter-item-wrap{
        display:block
    }
}
.counter-grid_wrapp{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:40px 40px;
    max-width:320px
}
@media(max-width: 767px){
    .counter-grid_wrapp{
        gap:20px 20px
    }
}
.counter-grid_wrapp.style2{
    grid-template-columns:auto auto auto auto;
    max-width:100%
}
@media(max-width: 480px){
    .counter-grid_wrapp.style2{
        grid-template-columns:auto auto
    }
}
.counter-grid_wrapp.style2 .counter-text{
    color:var(--body-color)
}
.counter-grid-title{
    font-weight:500;
    font-size:30px;
    line-height:40px;
    color:var(--theme-color);
    margin-bottom:0
}
.counter-grid .counter-text{
    color:#b7bec8
}
.counter-card2{
    --border-color: #D8DDE1
}
.counter-card2-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:60px 0
}
@media(max-width: 1199px){
    .counter-card2-wrap{
        padding:40px 0
    }
}
@media(max-width: 991px){
    .counter-card2-wrap{
        padding:40px 20px;
        border-radius:20px
    }
}
@media(max-width: 767px){
    .counter-card2-wrap{
        padding:30px 0
    }
}
.counter-card2-wrap .divider{
    width:1px;
    height:79px;
    background-color:var(--th-border-color)
}
.counter-card2-wrap .divider:last-of-type{
    display:none
}
@media(max-width: 991px){
    .counter-card2-wrap .divider{
        display:none
    }
}
.counter-card2 .box-number{
    font-size:64px;
    color:var(--theme-color);
    font-weight:600;
    margin-bottom:0px;
    margin-top:-0.2em
}
.counter-card2 .box-number .plus{
    color:var(--white-color);
    font-weight:400
}
@media(max-width: 1199px){
    .counter-card2 .box-number{
        font-size:48px
    }
}
@media(max-width: 767px){
    .counter-card2{
        -webkit-box-flex:50%;
        -ms-flex:50%;
        flex:50%;
        padding-left:10px;
        padding-right:10px
    }
    .counter-card2-wrap{
        text-align:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        position:relative
    }
    .counter-card2-wrap .divider{
        display:none
    }
    .counter-card2-wrap:after{
        content:"";
        height:100%;
        width:1px;
        position:absolute;
        top:0;
        left:50%;
        background-color:hsla(0,0%,100%,.4)
    }
    .counter-card2:nth-child(1),.counter-card2:nth-child(3){
        padding-bottom:30px;
        border-bottom:1px solid hsla(0,0%,100%,.4);
        margin-bottom:30px
    }
}
.counter-card2-wrap{
    z-index:3;
    position:relative
}
.counter-card2-wrap:before{
    z-index:-1
}
.counter-card2-wrap.rounded-20{
    overflow:hidden
}
.blog-area{
    background-color:#f0efe9
}
.blog-area3{
    background-color:var(--white-color);
    padding:180px 0 120px 0;
    margin-top:-60px
}
.blog-card{
    position:relative
}
.blog-card .box-img{
    border-radius:24px;
    margin-bottom:32px
}
.blog-card .box-img img{
    border-radius:24px
}
.blog-card .blog-meta{
    margin:-0.3rem 0 18px 0
}
.blog-card .blog-meta i{
    color:var(--theme-color)
}
.blog-card .box-title{
    max-width:462px;
    margin-bottom:25px;
    padding-bottom:25px;
    border-bottom:1px solid rgba(92,95,113,.2)
}
@media(max-width: 1299px){
    .blog-card .box-title{
        font-size:20px
    }
}
@media(max-width: 767px){
    .blog-card .box-title{
        font-size:20px
    }
}
.blog-card.style2 .box-img{
    margin:0;
    border-radius:24px 24px 0 0
}
.blog-card.style2 .box-img img{
    border-radius:24px 24px 0 0
}
.blog-card.style2 .box-content{
    border:1px solid #dedfe3;
    padding:32px;
    border-radius:0 0 24px 24px
}
.blog-box{
    background-color:#f8f8f8;
    border-radius:30px;
    padding:20px
}
.blog-box .blog-img{
    position:relative;
    overflow:hidden;
    border-radius:14px;
    margin-bottom:30px
}
.blog-box .blog-img img{
    border-radius:14px;
    -webkit-transform:.4s ease-in-out;
    transform:.4s ease-in-out
}
.blog-box .blog-meta span i,.blog-box .blog-meta a i{
    color:var(--theme-color)
}
.blog-box .blog-meta span:hover,.blog-box .blog-meta a:hover{
    color:var(--theme-color)
}
.blog-box .blog-tag{
    position:relative;
    padding:4.5px 20.5px;
    font-family:var(--body-font);
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    background-color:var(--theme-color);
    border:1px solid var(--white-color);
    color:var(--white-color);
    border-radius:15px;
    max-width:142px;
    display:block;
    margin:-15px auto auto auto;
    margin-bottom:28px;
    z-index:2
}
.blog-box .box-title{
    font-size:30px;
    font-weight:600;
    margin-bottom:14px
}
@media(max-width: 1500px){
    .blog-box .box-title{
        font-size:25px
    }
}
@media(max-width: 991px){
    .blog-box .box-title{
        font-size:24px
    }
}
@media(max-width: 767px){
    .blog-box .box-title{
        font-size:20px
    }
}
.blog-box .box-title a{
    color:inherit
}
.blog-box .box-title:hover{
    color:var(--theme-color)
}
.blog-box .blog-img img{
    width:100%
}
.blog-box .blog-meta{
    margin:-0.3rem 0 18px 0
}
.blog-box .blog-meta span i,.blog-box .blog-meta a i{
    color:var(--theme-color2)
}
.blog-box .blog-meta i{
    color:var(--body-color)
}
.blog-box .line-btn{
    text-transform:capitalize
}
.blog-box .box-content{
    padding:0 10px 10px 10px
}
.blog-box:hover .blog-img img{
    -webkit-transform:scale(1.08);
    transform:scale(1.08)
}
.blog-grid{
    border:1px solid #dedfe3;
    border-radius:24px;
    padding:30px 32px
}
@media(max-width: 767px){
    .blog-grid{
        padding:25px
    }
}
.blog-grid.style2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:30px
}
@media(max-width: 1500px){
    .blog-grid.style2{
        gap:20px
    }
}
@media(max-width: 1399px){
    .blog-grid.style2{
        display:block
    }
}
.blog-grid.style2 .blog-img{
    min-width:247px;
    height:100%;
    border-radius:16px;
    margin-top:0
}
.blog-grid.style2 .blog-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media(max-width: 1399px){
    .blog-grid.style2 .blog-img{
        width:100%;
        min-width:100%;
        height:340px;
        margin-bottom:13px
    }
}
.blog-grid.style2 .box-title{
    letter-spacing:.02em
}
.blog-grid.style2 .box-text{
    margin-bottom:27px
}
.blog-grid .blog-img{
    border-radius:16px;
    margin-top:32px
}
.blog-grid .blog-img img{
    width:100%;
    border-radius:14px
}
.blog-grid .blog-meta{
    margin-bottom:13px
}
.blog-grid .blog-meta i{
    color:var(--theme-color)
}
.blog-grid .box-title{
    letter-spacing:.02em;
    color:#010f1c;
    margin-bottom:10px
}
@media(max-width: 1500px){
    .blog-grid .box-title{
        font-size:24px;
        line-height:34px
    }
}
.blog-grid .box-text{
    font-size:18px;
    border-bottom:1px solid #dedfe3;
    margin-bottom:32px;
    padding-bottom:22px
}
.blog-grid .th-btn{
    font-size:18px;
    padding:13px 24px
}
.blog-item{
    position:relative;
    z-index:2;
    --space: 30px
}
@media(max-width: 991px){
    .blog-item{
        --space: 20px
    }
}
.blog-item .box-img{
    border-radius:20px;
    margin-bottom:-125px;
    overflow:hidden;
    position:relative;
    z-index:3
}
.blog-item .box-img img{
    border-radius:20px
}
.blog-item .box-content{
    position:relative;
    max-width:calc(100% - var(--space)*2);
    margin-left:var(--space);
    background:var(--white-color);
    -webkit-box-shadow:0px 4px 30px #efefef;
    box-shadow:0px 4px 30px #efefef;
    border-radius:20px;
    padding:40px;
    z-index:3;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
@media(max-width: 1399px){
    .blog-item .box-content{
        padding:30px
    }
}
.blog-item .blog-meta{
    margin:-0.3rem 0 20px 0
}
.blog-item .box-title{
    font-size:22px
}
.blog-item .box-title a{
    color:inherit
}
.blog-item .blog-btn{
    margin-bottom:-1.3rem;
    -webkit-transform:translateY(30px);
    transform:translateY(30px);
    opacity:0;
    height:0;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.blog-item:hover .box-content{
    background:var(--theme-color)
}
.blog-item:hover .blog-meta a{
    color:var(--white-color)
}
.blog-item:hover .blog-meta i{
    color:var(--white-color)
}
.blog-item:hover .box-title{
    color:var(--white-color)
}
.blog-item:hover .blog-btn{
    height:100%;
    opacity:1;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    margin-bottom:0
}
.blog-item:hover .line-btn{
    color:var(--white-color)
}
.blog-item:hover .line-btn:before{
    background-color:var(--white-color)
}
.blog-box2 .blog-img{
    border-radius:20px;
    overflow:hidden;
    margin-bottom:25px
}
.blog-box2 .blog-img img{
    width:100%;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.blog-box2 .box-title{
    margin-bottom:22px;
    font-weight:600
}
.blog-box2 .box-title a{
    background-image:-webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(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:.5s ease-in-out;
    transition:.5s ease-in-out
}
.blog-box2 .box-title a:hover{
    background-size:100% 2px
}
.blog-box2 .blog-meta{
    margin:-0.3em 0 18px 0
}
.blog-box2 .blog-meta span>i,.blog-box2 .blog-meta a>i{
    color:var(--theme-color)
}
.blog-box2:hover .blog-img img{
    -webkit-transform:scale(1.08);
    transform:scale(1.08)
}
.blog-grid2{
    background-color:var(--smoke-color2);
    border-radius:20px;
    position:relative;
    z-index:2;
    margin-right:18px
}
.blog-grid2 .blog-img{
    overflow:hidden;
    border-radius:15px 15px 0 0
}
.blog-grid2 .blog-img img{
    width:100%
}
.blog-grid2 .blog-content{
    padding:30px
}
.blog-grid2 .blog-date{
    display:inline-block;
    background-color:var(--theme-color);
    color:var(--white-color);
    padding:20px 5px;
    border-radius:26px;
    position:absolute;
    top:50%;
    right:-18px;
    -webkit-writing-mode:vertical-lr;
    -ms-writing-mode:tb-lr;
    writing-mode:vertical-lr;
    font-size:14px;
    -webkit-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg)
}
.blog-grid2 .blog-date:hover{
    background-color:var(--title-color)
}
.blog-grid2 .box-title{
    margin-bottom:20px;
    font-weight:500
}
.blog-grid2 .box-title a{
    background-image:-webkit-gradient(linear, right top, left top, from(var(--theme-color)), to(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:.5s ease-in-out;
    transition:.5s ease-in-out
}
.blog-grid2 .box-title a:hover{
    background-size:100% 2px
}
.blog-grid2 .th-btn{
    border-color:#d8dde1
}
.blog-grid2.style2{
    border:1px solid var(--th-border-color);
    margin-right:0
}
.blog-grid2.style2 .blog-img{
    margin:-1px;
    position:relative
}
.blog-grid2.style2 .blog-img img{
    min-height:230px;
    -o-object-fit:cover;
    object-fit:cover
}
.blog-grid2.style2 .box-title{
    font-size:30px
}
@media(max-width: 1199px){
    .blog-grid2.style2 .box-title{
        font-size:24px
    }
}
@media(max-width: 991px){
    .blog-grid2.style2 .box-title{
        font-size:30px
    }
}
@media(max-width: 767px){
    .blog-grid2.style2 .box-title{
        font-size:24px
    }
}
.blog-grid2.style2 .blog-date2{
    position:absolute;
    right:30px;
    bottom:30px;
    color:var(--white-color);
    background-color:var(--theme-color);
    border-radius:10px;
    font-weight:500;
    display:inline-block;
    line-height:52px;
    padding-left:15px
}
.blog-grid2.style2 .blog-date2 .year{
    background-color:var(--white-color);
    color:var(--theme-color);
    border-radius:inherit;
    font-weight:600;
    font-size:20px;
    line-height:56px;
    margin-left:10px;
    padding:0 15px;
    display:inline-block
}
.blog-grid2:hover .blog-img img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
@media(max-width: 1299px){
    .blog-grid2 .blog-content{
        padding:20px
    }
}
@media(max-width: 1199px){
    .blog-grid2 .blog-content{
        padding:30px
    }
}
@media(max-width: 991px){
    .blog-grid2 .box-title{
        font-size:22px
    }
    .blog-grid2 .blog-content{
        padding:20px
    }
}
@media(max-width: 767px){
    .blog-grid2 .blog-content{
        padding:30px
    }
    .blog-grid2 .box-title{
        font-size:24px
    }
}
@media(max-width: 410px){
    .blog-grid2 .box-title{
        font-size:22px
    }
}
@media(max-width: 350px){
    .blog-grid2 .blog-content{
        padding:18px
    }
    .blog-grid2 .box-title{
        font-size:20px
    }
}
.patient-feedback{
    position:relative;
    background-color:var(--white-color);
    border:1px solid #dedfe3;
    border-radius:24px;
    padding:11px 24px;
    font-size:18px;
    display:inline-block;
    margin-bottom:56px
}
.patient-feedback .title{
    font-weight:600;
    font-size:18px;
    line-height:28px;
    letter-spacing:.02em;
    color:var(--title-color)
}
.patient-feedback .box-review{
    margin:0 16px
}
.patient-feedback .box-review i{
    color:#ffa439
}
.patient-feedback:before,.patient-feedback:after{
    content:"";
    position:absolute;
    top:50%;
    width:448px;
    height:1px;
    background-color:#dedfe3;
    z-index:-1
}
.patient-feedback:before{
    left:-80%
}
.patient-feedback:after{
    right:-80%
}
.brand-title{
    font-size:32px;
    margin-bottom:25px
}
.brandSlider3{
    margin-right:10px
}
.brand-item{
    width:217px;
    height:50px;
    overflow:hidden;
    position:relative;
    display:block
}
@media(max-width: 1199px){
    .brand-item{
        margin-right:auto
    }
}
@media(max-width: 480px){
    .brand-item{
        margin:auto
    }
}
.brand-item:hover a img.gray{
    opacity:1;
    visibility:visible;
    -webkit-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;
    -webkit-transform:translateY(0%);
    transform:translateY(0%)
}
.brand-item:hover a img.original{
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
.brand-item img{
    margin:0 auto;
    -webkit-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;
    position:absolute;
    top:0;
    left:0;
    right:0
}
.brand-item img.gray{
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.brand-item img.original{
    -webkit-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;
    -webkit-transform:translateY(0%);
    transform:translateY(0%)
}
.brand-card{
    border:1px solid #dedfe3;
    border-radius:16px;
    text-align:center
}
.brand-sec3{
    position:relative;
    margin:-60px 100px 0 0;
    clip-path:path("M100 0H1820V200H0L100 0Z");
    z-index:2
}
.brand-sec3 .container{
    --main-container: 1570px
}
@media(min-width: 1930px){
    .brand-sec3{
        clip-path:path("M183.132 0H3333V200H0L183.132 0Z")
    }
}
@media(max-width: 1500px){
    .brand-sec3{
        margin:-60px 0 0 0
    }
}
@media(max-width: 1299px){
    .brand-sec3{
        clip-path:none
    }
}
.brand-text{
    max-width:576px;
    display:block;
    margin:auto
}
.brandSlider6 .swiper-wrapper{
    gap:35px 0
}
.checklist ul{
    padding-left:0;
    list-style:none;
    text-align:left;
    margin-bottom:0
}
.checklist li{
    color:var(--title-color);
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    font-weight:500;
    font-size:20px;
    color:var(--title-color);
    padding-left:35px
}
.checklist li:before{
    content:"";
    font-family:var(--icon-font);
    position:absolute;
    left:0;
    top:0px;
    font-size:24px;
    font-weight:600;
    color:var(--title-color);
    margin-right:10px
}
@media(max-width: 575px){
    .checklist li{
        font-size:18px
    }
}
.checklist li>i{
    font-size:22px;
    color:var(--title-color)
}
.checklist li:not(:last-child){
    margin-bottom:20px
}
.checklist.style2 li{
    font-weight:400;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--body-color);
    padding-left:40px
}
.checklist.style2 li:before{
    content:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_692_4795)'%3E%3Cpath d='M23.3145 3.28105C22.9614 2.92738 22.3886 2.92677 22.0355 3.27955L11.1843 14.1021L7.26917 9.84997C6.93087 9.48275 6.3589 9.45894 5.99107 9.79719C5.62353 10.1355 5.6 10.7077 5.93829 11.0753L10.4911 16.0197C10.6578 16.2009 10.8912 16.3062 11.1372 16.3113C11.1438 16.3116 11.1502 16.3116 11.1565 16.3116C11.3956 16.3116 11.6256 16.2166 11.7951 16.0477L23.3127 4.56032C23.6667 4.20758 23.6673 3.63472 23.3145 3.28105Z' fill='%23F96363'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23F96363'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_692_4795'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    font-family:var(--icon-font);
    position:absolute;
    left:0;
    top:0px;
    font-size:24px;
    font-weight:600;
    color:var(--theme-color);
    margin-right:10px
}
.checklist.style3 li{
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    padding-left:40px
}
.checklist.style3 li:before{
    content:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_692_4795)'%3E%3Cpath d='M23.3145 3.28105C22.9614 2.92738 22.3886 2.92677 22.0355 3.27955L11.1843 14.1021L7.26917 9.84997C6.93087 9.48275 6.3589 9.45894 5.99107 9.79719C5.62353 10.1355 5.6 10.7077 5.93829 11.0753L10.4911 16.0197C10.6578 16.2009 10.8912 16.3062 11.1372 16.3113C11.1438 16.3116 11.1502 16.3116 11.1565 16.3116C11.3956 16.3116 11.6256 16.2166 11.7951 16.0477L23.3127 4.56032C23.6667 4.20758 23.6673 3.63472 23.3145 3.28105Z' fill='%23F96363'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23F96363'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_692_4795'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    font-family:var(--icon-font);
    position:absolute;
    left:0;
    top:0px;
    font-size:24px;
    font-weight:600;
    color:var(--theme-color);
    margin-right:10px
}
.checklist.style4 li{
    padding-left:0;
    font-weight:400;
    font-size:16px;
    color:var(--body-color)
}
.checklist.style4 li::before{
    display:none
}
.checklist.list-two-column ul{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:0 30px
}
@media(max-width: 1399px){
    .checklist.list-two-column ul{
        gap:0 20px
    }
}
@media(max-width: 1299px){
    .checklist.list-two-column ul{
        gap:0 15px
    }
}
@media(max-width: 520px){
    .checklist.list-two-column ul{
        grid-template-columns:repeat(1, 1fr)
    }
}
.checklist.list-two-column ul li:last-child{
    margin-bottom:20px
}
@media(max-width: 1299px){
    .checklist.list-two-column ul li{
        font-size:16px
    }
}
.checklist.list-three-column ul{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0 12px
}
@media(max-width: 1299px){
    .checklist.list-three-column ul{
        grid-template-columns:repeat(2, 1fr)
    }
}
@media(max-width: 480px){
    .checklist.list-three-column ul{
        grid-template-columns:repeat(1, 1fr)
    }
}
@media(max-width: 1199px){
    .checklist.mb-40{
        margin-bottom:32px
    }
}
@media(max-width: 1199px){
    .checklist.mb-45{
        margin-bottom:35px
    }
}
.two-column{
    display:grid;
    grid-template-columns:auto auto;
    max-width:700px
}
@media(max-width: 575px){
    .two-column{
        display:block
    }
}
.two-column .checklist.style6:not(:last-child){
    margin-bottom:30px
}
.two-column:has(.checklist.style6){
    gap:30px
}
.bg-img{
    position:absolute;
    inset:0;
    height:100%;
    width:100%
}
.bg-img img{
    width:100%;
    height:100%
}
.th-video{
    position:relative;
    border-radius:5px
}
.th-video img{
    border-radius:inherit
}
.th-video .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.th-video .play-btn>i{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.icon-box{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:10px
}
.btn-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:20px 30px
}
.video-btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--body-color);
    text-transform:uppercase;
    line-height:1.6
}
.video-btn .play-btn{
    --icon-size: 50px;
    margin-right:15px
}
.video-btn .play-btn>i{
    background-color:var(--theme-color);
    color:var(--white-color);
    padding-right:.1em
}
.video-btn .play-btn:before{
    background-color:var(--theme-color)
}
.video-btn .small-text{
    font-size:10px;
    text-decoration:underline;
    display:block
}
.video-btn .big-text{
    font-size:14px;
    font-weight:500
}
@media(max-width: 1199px){
    p.mb-40{
        margin-bottom:35px
    }
    p.mb-45{
        margin-bottom:38px
    }
}
.th-anim{
    position:relative;
    display:-ms-inline-flexbox;
    display:-webkit-inline-box;
    display:inline-flex;
    visibility:hidden;
    overflow:hidden
}
.th-anim img{
    height:100%;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transform-origin:left;
    transform-origin:left
}
.rounded{
    border-radius:16px !important
}
.text-body{
    color:rgba(92,95,113,.9) !important
}
.mouse-pointer{
    position:fixed;
    top:50%;
    left:-100px;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:25px;
    height:25px;
    pointer-events:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:9999;
    -webkit-transition-duration:.9s;
    transition-duration:.9s;
    -webkit-transition-timing-function:cubic-bezier(0.19, 0.94, 0.336, 1);
    transition-timing-function:cubic-bezier(0.19, 0.94, 0.336, 1);
    border-radius:50%;
    background:var(--theme-color);
    overflow:hidden
}
.mouse-pointer:before{
    content:"";
    inset:3px;
    position:absolute;
    background:var(--white-color);
    border-radius:inherit;
    border:1px solid var(--theme-color)
}
.mouse-pointer .icon{
    color:#fff;
    font-size:14px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-100%, -50%);
    transform:translate(-100%, -50%);
    opacity:0;
    -webkit-transition:.4s cubic-bezier(0.225, 1, 0.316, 0.99);
    transition:.4s cubic-bezier(0.225, 1, 0.316, 0.99)
}
.mouse-pointer .icon i{
    margin:0px 3px
}
.mouse-pointer.large{
    display:none
}
.mouse-pointer.small{
    width:25px;
    height:25px
}
.mouse-pointer.right{
    width:50px;
    height:50px
}
.mouse-pointer.right.large .icon{
    opacity:0
}
.mouse-pointer.right.large{
    background:rgba(0,0,0,0) !important
}
.mouse-pointer.zoom,.mouse-pointer.open{
    width:80px;
    height:80px
}
.mouse-pointer .icon i{
    margin:0px 3px
}
.mouse-pointer.right .icon{
    opacity:1;
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.touch .mouse-pointer{
    display:none
}
.mouse-pointer.transparent{
    display:none;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
}
.appointment-area{
    position:relative;
    padding:0 120px;
    border-radius:40px;
    z-index:2
}
@media(max-width: 1399px){
    .appointment-area{
        padding:0 80px
    }
}
@media(max-width: 1299px){
    .appointment-area{
        padding:0 40px
    }
}
@media(max-width: 767px){
    .appointment-area{
        padding:0 20px
    }
}
.appointment-area:before{
    content:"";
    position:absolute;
    inset:0;
    height:517px;
    background-image:url("../img/bg/appointment_bg_1.html");
    border-radius:inherit;
    z-index:-1
}
.video-area{
    position:relative;
    z-index:2;
    background-attachment:fixed
}
.video-area:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(25, 35, 97, 0.5)), to(rgba(25, 35, 97, 0.5)));
   background: linear-gradient(0deg, rgb(5 89 142 / 29%), rgb(5 89 142 / 86%));
    z-index: -1;
}

.video-area3{
    position:relative;
    z-index:2;
    background-attachment:fixed
}
.video-area3:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 33, 89, 0.5)), to(rgba(26, 33, 89, 0.5)));
    background:linear-gradient(0deg, rgba(26, 33, 89, 0.5), rgba(26, 33, 89, 0.5));
    z-index:-1
}
@media(max-width: 1199px){
    .video-box1{
        margin:80px 0 50px 0
    }
}
.video-box1 .play-btn:before,.video-box1 .play-btn:after{
    display:none
}
.video-box1 .play-btn>i{
    background:hsla(0,0%,100%,.2);
    border:1px solid var(--white-color)
}
.video-box2{
    position:relative;
    z-index:2;
    border-radius:16px;
    height:100%
}
.video-box2:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(25, 35, 97, 0.5)), to(rgba(25, 35, 97, 0.5)));
    background:linear-gradient(0deg, rgba(25, 35, 97, 0.5), rgba(25, 35, 97, 0.5));
    border-radius:inherit
}
.video-box2 img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:16px
}
.video-box2 .video-play-btn{
    position:absolute;
    top:50%;
    left:50%;
    z-index:3;
    width:64px;
    height:64px;
    line-height:64px;
    font-size:24px;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.video-play-btn{
    position:relative;
    border:0;
    width:118px;
    height:118px;
    line-height:118px;
    -webkit-transition:all 1s cubic-bezier(0, 0, 0.2, 1);
    transition:all 1s cubic-bezier(0, 0, 0.2, 1);
    border-radius:50%;
    background:#f08323;
    margin:0 auto;
    display:inline-block;
    font-size:40px;
    text-align:center;
    color:var(--white-color)
}
@media(max-width: 767px){
    .video-play-btn{
        width:50px;
        height:50px;
        line-height:52px;
        font-size:20px
    }
}
.video-play-btn i{
    color:var(--white-color)
}
.video-play-btn:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
    bottom:0;
    left:0;
    -webkit-transition:.3;
    transition:.3;
    border-radius:50%;
    border:1px solid var(--white-color);
    -webkit-animation:ripple 2s linear infinite;
    animation:ripple 2s linear infinite
}
.video-play-btn:after{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
    bottom:0;
    left:0;
    -webkit-transition:.3;
    transition:.3;
    border-radius:50%;
    border:1px solid var(--white-color);
    -webkit-animation:ripple 2s linear 1s infinite;
    animation:ripple 2s linear 1s infinite
}
.video-play-btn:hover{
    background-color:var(--theme-color)
}
.video-wrapper{
    position:absolute;
    top:120px;
    right:120px
}
@media(max-width: 1199px){
    .video-wrapper{
        position:relative;
        top:90px;
        margin-bottom:90px;
        right:unset
    }
}
.video-wrapper .discount-wrapp{
    background-color:rgba(0,0,0,0);
    border:1px solid hsla(0,0%,100%,.2)
}
@media(max-width: 1199px){
    .video-wrapper .discount-wrapp{
        display:block;
        margin:auto
    }
}
.video-wrapper .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:68px;
    height:68px;
    border-radius:50%;
    font-size:20px;
    margin-bottom:0;
    background-color:var(--white-color);
    color:var(--theme-color);
    z-index:3;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.video-wrapper .play-btn:before,.video-wrapper .play-btn:after{
    background-color:#fff
}
.video-wrapper .play-btn>i{
    background-color:var(--white-color);
    color:var(--theme-color)
}
.video-wrapper .discount-tag{
    color:var(--white-color)
}
.video-wrapper .discount-tag span{
    --rotate-letter: 10deg
}
.stomatology-box{
    margin-left:auto;
    margin-right:auto;
    aspect-ratio:1.43/1;
    margin-left:82px
}
@media(max-width: 1399px){
    .stomatology-box{
        margin-left:0
    }
}
.stomatology-slide-image{
    position:relative;
    height:100%;
    margin:auto;
    border-radius:16px;
    border:none;
    background-color:rgba(0,0,0,0);
    overflow:hidden
}
.stomatology-slide-image:before,.stomatology-slide-image:after{
    position:absolute;
    top:30px;
    background:hsla(0,0%,100%,.1);
    border:1px solid var(--white-color);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    border-radius:8px;
    padding:3px 30px;
    font-family:var(--body-font);
    font-weight:500;
    font-size:18px;
    line-height:28px;
    letter-spacing:.02em;
    color:var(--white-color);
    text-transform:capitalize;
    z-index:2
}
@media(max-width: 375px){
    .stomatology-slide-image:before,.stomatology-slide-image:after{
        display:none
    }
}
.stomatology-slide-image:before{
    content:"Before";
    left:30px
}
.stomatology-slide-image:after{
    content:"After";
    right:30px
}
.stomatology-slide-image .img{
    position:absolute;
    inset:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left center
}
.stomatology-slide-image .foreground-img{
    width:50%
}
.stomatology-slide-image .slider{
    position:absolute;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    outline:none;
    margin:0;
    padding:0;
    border:none;
    -webkit-transition:all .2s;
    transition:all .2s;
    text-align:center
}
.stomatology-slide-image .slider::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:1px;
    height:600px;
    background:var(--white-color);
    cursor:pointer
}
.stomatology-slide-image .slider::-moz-range-thumb{
    width:1px;
    height:600px;
    background:var(--white-color);
    cursor:pointer
}
.stomatology-slide-image .slider-button{
    pointer-events:none;
    position:absolute;
    width:46px;
    height:46px;
    border-radius:50%;
    padding:8px;
    background-color:var(--title-color);
    left:calc(50% - 24px);
    top:calc(50% - 24px);
    text-align:center
}
.stomatology-slide-image .slider-button:after{
    content:"";
    padding:3px;
    display:inline-block;
    border:solid var(--white-color);
    border-width:0 1px 1px 0;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.stomatology-slide-image .slider-button:before{
    content:"";
    padding:3px;
    display:inline-block;
    border:solid var(--white-color);
    border-width:0 1px 1px 0;
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg)
}
.pediatric-card{
    position:relative;
    background-color:#fff;
    border:1px solid #dedfe3;
    border-radius:8px;
    padding:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:32px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    z-index:2
}
.pediatric-card:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff2f2;
    z-index:-1;
    border-radius:inherit;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    opacity:0;
    visibility:hidden
}
@media(max-width: 1399px){
    .pediatric-card{
        gap:25px
    }
}
@media(max-width: 767px){
    .pediatric-card{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.pediatric-card:not(:last-child){
    margin-bottom:24px
}
.pediatric-card .box-img{
    position:relative;
    min-width:273px;
    border-radius:8px;
    z-index:2
}
.pediatric-card .box-img img{
    border-radius:8px
}
.pediatric-card .box-img .badge{
    top:16px;
    left:16px;
    right:unset;
    width:48px;
    height:48px;
    line-height:48px;
    border-radius:50%;
    padding:0;
    background-color:var(--white-color);
    z-index:3
}
.pediatric-card .box-img .badge img{
    width:20px;
    height:20px;
    -o-object-fit:none;
    object-fit:none
}
.pediatric-card .box-content{
    width:100%
}
.pediatric-card .meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:55px
}
.pediatric-card .tag{
    padding:4px 24px;
    background-color:var(--theme-color);
    border-radius:4px;
    font-weight:500;
    font-size:14px;
    letter-spacing:.02em;
    color:var(--white-color)
}
.pediatric-card .rating{
    letter-spacing:.02em;
    color:#1c2359
}
.pediatric-card .rating i{
    color:#ffa439;
    margin-right:5px
}
.pediatric-card .box-title{
    margin-bottom:5px
}
.pediatric-card .box-text{
    margin-bottom:40px
}
.pediatric-card .box-text i{
    color:#101111;
    margin-right:8px
}
.pediatric-card .th-btn{
    padding:15px 24px;
    font-size:18px;
    font-weight:500
}
@media(max-width: 1399px){
    .pediatric-card .th-btn{
        font-size:16px;
        padding:15px 18px
    }
}
.pediatric-card .doctor{
    letter-spacing:.02em;
    color:#1c2359
}
.pediatric-card .doctor i{
    color:var(--title-color);
    margin-right:6px
}
.pediatric-card .th-btn{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.pediatric-card:hover{
    border-color:#fff2f2
}
.pediatric-card:hover:before{
    height:100%;
    opacity:1;
    visibility:visible
}
.pediatric-card:hover .th-btn{
    background-color:var(--title-color);
    color:var(--white-color)
}
.pediatric-card:hover .th-btn:before,.pediatric-card:hover .th-btn:after{
    background-color:var(--title-color)
}
.shape-mockup2{
    position:absolute
}
.map-view{
    z-index:2
}
.map-view .shape-mockup2{
    position:absolute
}
.map-view:hover .card-view{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.card-view{
    background-color:#fff2f2;
    -webkit-box-shadow:0px 4px 20px rgba(18,27,82,.1);
    box-shadow:0px 4px 20px rgba(18,27,82,.1);
    border-radius:16px;
    width:382px;
    position:absolute;
    top:-22rem;
    left:-6rem;
    display:inline-block;
    z-index:4;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    overflow:hidden
}
@media(max-width: 991px){
    .card-view{
        top:-18rem
    }
}
@media(max-width: 767px){
    .card-view{
        width:300px
    }
}
@media(max-width: 375px){
    .card-view{
        left:-9rem;
        top:-16rem
    }
}
.card-view .map{
    padding:8px;
    position:relative;
    overflow:hidden;
    border-radius:8px
}
.card-view .map img{
    border-radius:8px
}
.card-view .box-title{
    font-size:18px;
    font-weight:500;
    margin-bottom:5px
}
.card-view .box-content{
    padding:16px
}
.card-view .box-text{
    margin-bottom:-0.3rem
}
.hospital-image{
    border-radius:16px
}
.hospital-image .main-container{
    cursor:url(../img/icon/cursor.svg),auto
}
.hospital-image .main-container .image-container{
    height:796px;
    border-radius:16px;
    overflow:hidden;
    position:relative
}
.hospital-image .main-container .image-container:after{
    content:"";
    position:absolute;
    inset:0;
    background:var(--theme-color);
    opacity:1;
    -webkit-transition:.4s;
    transition:.4s;
    z-index:1
}
@media(max-width: 767px){
    .hospital-image{
        padding:40px
    }
    .hospital-image .main-container .image-container{
        height:500px
    }
}
@media(max-width: 575px){
    .hospital-image{
        padding:30px
    }
    .hospital-image .main-container .image-container{
        height:400px
    }
}
@media(max-width: 375px){
    .hospital-image{
        padding:20px
    }
}
.doctor-table{
    border:none;
    max-width:647px;
    margin-bottom:45px
}
.doctor-table th,.doctor-table td{
    border:none;
    border-bottom:1px solid #dedfe3;
    padding:20px 70px 20px 0px
}
@media(max-width: 1399px){
    .doctor-table th,.doctor-table td{
        padding:20px 30px 20px 0px
    }
}
@media(max-width: 575px){
    .doctor-table th,.doctor-table td{
        padding:20px 10px 20px 0px
    }
}
.doctor-time{
    max-width:647px;
    margin-bottom:60px
}
.doctor-time .list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    border-bottom:1px solid #dedfe3;
    padding-bottom:20px;
    margin-bottom:20px
}
@media(max-width: 575px){
    .doctor-time .list{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.doctor-time .days{
    font-weight:400;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--title-color)
}
.doctor-time .times{
    font-weight:500;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--theme-color)
}
.doctor-time .name{
    font-weight:500;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--title-color)
}
.doctor-content .title{
    font-weight:600;
    font-size:24px;
    line-height:32px;
    letter-spacing:.02em;
    color:var(--theme-color)
}
.doctor-content .text{
    font-weight:400;
    font-size:18px;
    line-height:28px;
    letter-spacing:.02em;
    color:var(--body-color);
    max-width:594px;
    margin-bottom:50px
}
.hospital-slider1 .panorama-img{
    display:none !important
}
.hospital-slider1 .hospital-panorama-slide{
    position:relative;
    z-index:7
}
.hospital-slider1 .hospital-panorama-slide .discount{
    position:absolute;
    top:24px;
    right:0;
    background-color:var(--theme-color);
    padding:7px 13px 7px 28px;
    -webkit-mask-image:url("../img/shape/shape-1.png");
    mask-image:url("../img/shape/shape-1.png");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    color:var(--white-color);
    font-size:18px;
    font-weight:500;
    z-index:9
}
.hospital-slider1 .hospital-panorama-slide .hospital-panorama-slide{
    position:relative;
    z-index:7
}
.hospital-slider1 .hospital-panorama-slide .hospital-panorama-slide:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(24, 26, 30, 0.3)), to(rgba(24, 26, 30, 0.3)));
    background:linear-gradient(0deg, rgba(24, 26, 30, 0.3), rgba(24, 26, 30, 0.3));
    z-index:1
}
.hospital-slider1 .hospital-panorama-slide{
    position:relative
}
.hospital-slider1 .hospital-panorama-slide{
    cursor:-webkit-grab !important;
    cursor:grab !important
}
.hospital-slider1 .hospital-panorama-slide:active,.hospital-slider1 .hospital-panorama-slide.nice-select.open{
    cursor:-webkit-grabbing !important;
    cursor:grabbing !important
}
.hospital-slider1 .hospital-slider-img{
    height:175px
}
.hospital-slider1 .hospital-slider-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.main-container{
    position:relative;
    cursor:url(../img/icon/cursor.svg),auto;
    z-index:2;
    margin-right:40px
}
@media(max-width: 1199px){
    .main-container{
        margin-right:0
    }
}
.main-container .box-title{
    position:absolute;
    left:72px;
    bottom:72px;
    margin-bottom:0;
    font-weight:600;
    font-size:24px;
    letter-spacing:.02em;
    color:#fff
}
@media(max-width: 767px){
    .main-container .box-title{
        left:20px;
        bottom:20px
    }
}
.main-container .image-container{
    height:796px;
    border-radius:16px;
    overflow:hidden;
    position:relative
}
@media(max-width: 767px){
    .main-container .image-container{
        height:500px
    }
}
.main-container .image-container:after{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(26, 33, 89, 0)), to(rgba(26, 33, 89, 0.3)));
    background:linear-gradient(180deg, rgba(26, 33, 89, 0) 0%, rgba(26, 33, 89, 0.3) 100%);
    opacity:1;
    -webkit-transition:.4s;
    transition:.4s
}
.main-container .image-container:hover:after{
    opacity:1
}
.choose-feature-wrap.style2{
    position:relative;
    z-index:2;
    max-width:680px
}
.choose-feature-wrap.style2:before{
    content:"";
    height:70%;
    width:1px;
    background-color:var(--theme-color);
    position:absolute;
    top:49px;
    left:25px;
    z-index:-1
}
@media(max-width: 1199px){
    .choose-feature-wrap.style2{
        max-width:740px;
        margin-left:auto;
        margin-right:auto
    }
}
.choose-feature-wrap.style2:before{
    display:none
}
.choose-feature-wrap.style2 .choose-feature3{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:15px;
    margin-bottom:23px;
    text-align:left
}
.choose-feature-wrap.style2 .choose-feature3 .box-number{
    height:50px;
    width:50px;
    line-height:50px;
    border:1px solid var(--theme-color);
    color:var(--theme-color);
    text-align:center;
    border-radius:999px;
    font-size:24px;
    font-weight:600;
    background-color:var(--white-color);
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    background:#151b2b;
    border-color:#151b2b;
    color:var(--white-color)
}
.choose-feature-wrap.style2 .choose-feature3 .box-title{
    padding-top:15px;
    color:var(--white-color)
}
.choose-feature-wrap.style2 .choose-feature3 .box-text{
    margin-bottom:-0.4em
}
.choose-feature-wrap.style2 .choose-feature3 .media-body{
    padding-bottom:34px;
    border-bottom:1px dotted #788094
}
.choose-feature-wrap.style2 .choose-feature3:last-child{
    margin-bottom:0
}
.choose-feature-wrap.style2 .choose-feature3:last-child .media-body{
    border-bottom:none;
    padding-bottom:0;
    border-bottom:0
}
.choose-feature-wrap.style2 .choose-feature3:hover .box-number{
    background-color:var(--theme-color);
    color:var(--white-color)
}
@media(max-width: 1199px){
    .choose-feature-wrap.style2{
        margin-left:0
    }
}
.why-img8{
    margin-right:-254px;
    margin-left:-90px
}
@media(max-width: 1500px){
    .why-img8{
        margin-right:-70px
    }
}
@media(max-width: 1399px){
    .why-img8{
        margin-right:0;
        margin-left:0
    }
}
.why-video1{
    border-radius:20px
}
@media(min-width: 767px){
    .why-video1 .play-btn>i{
        --icon-size: 80px
    }
}
.choose-box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px;
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid var(--th-border-color)
}
.choose-box:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}
.choose-box .box-icon{
    width:70px;
    height:70px;
    line-height:70px;
    min-width:70px;
    text-align:center;
    background-color:var(--white-color);
    border-radius:99px
}
.choose-box .box-btn{
    font-size:40px;
    color:var(--theme-color);
    -ms-flex-item-align:center;
    align-self:center
}
@media(max-width: 1199px){
    .choose-box .box-btn{
        margin-left:auto
    }
}
.choose-box .box-btn a{
    color:inherit
}
.choose-box .box-btn a:hover{
    color:var(--theme-color)
}
.choose-box .box-title{
    font-size:20px;
    margin-bottom:5px
}
.choose-box .box-text{
    line-height:26px
}
.choose-box .box-content{
    margin-right:35px
}
@media(max-width: 1299px){
    .choose-box .box-content{
        margin-right:10px
    }
}
@media(max-width: 1199px){
    .choose-box .box-content{
        width:590px
    }
}
.choose-box .progress{
    margin-top:20px;
    height:12px;
    background-color:#bdd0ff;
    border-radius:20px
}
.choose-box .progress-bar{
    height:100%;
    background-color:var(--theme-color);
    border-radius:inherit;
    position:relative
}
.choose-box .progress-value{
    position:absolute;
    top:-7px;
    right:2px
}
@media(max-width: 375px){
    .choose-box{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .choose-box .box-content{
        width:100%;
        margin-right:0
    }
    .choose-box .box-btn{
        margin:0
    }
}
.accordion-area.style2{
    margin-right:-40px
}
@media(max-width: 1399px){
    .accordion-area.style2{
        margin-right:0
    }
}
.accordion-card{
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    background-color:var(--white-color);
    border-radius:8px;
    overflow:hidden
}
.accordion-card.style2{
    background-color:#fff2f2
}
.accordion-card.style2:nth-child(2){
    background-color:#efefff
}
.accordion-card.style2:nth-child(3){
    background-color:#ebf5de
}
.accordion-card.style2:nth-child(4){
    background-color:#faede2
}
.accordion-card.style2:nth-child(5){
    background-color:#ffeef5
}
.accordion-card.style2:not(:last-child){
    margin-bottom:24px
}
.accordion-card.style3{
    border:1px solid #dedfe3
}
.accordion-card:not(:last-child){
    margin-bottom:16px
}
.accordion-card .accordion-button{
    font-size:18px;
    font-weight:600;
    font-family:var(--title-font);
    border:0;
    color:var(--title-color);
    background-color:rgba(0,0,0,0);
    padding:13px 45px 13px 30px;
    min-height:80px;
    gap:10px;
    margin-bottom:0;
    text-align:left;
    -webkit-transition:.3s;
    transition:.3s;
    position:relative
}
.accordion-card .accordion-button:after{
    content:"+";
    height:100%;
    width:auto;
    line-height:1;
    background-color:rgba(0,0,0,0);
    font-family:var(--icon-font);
    color:var(--title-color);
    font-weight:700;
    font-size:1em;
    display:grid;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    position:absolute;
    top:0;
    right:30px;
    clip-path:polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
    padding-left:10px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.accordion-card .accordion-button:focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.accordion-card .accordion-button:not(.collapsed){
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0
}
.accordion-card .accordion-button:not(.collapsed):after{
    content:"";
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
.accordion-card .accordion-collapse{
    border:none
}
.accordion-card .accordion-body{
    border-radius:0;
    background-color:rgba(0,0,0,0);
    border:none;
    margin:0px 40px 30px 40px;
    padding:0
}
.accordion-card .faq-text{
    line-height:26px;
    margin-top:-0.4rem;
    margin-bottom:-0.48em
}
.accordion-card .faq-img{
    position:relative;
    height:100%;
    z-index:2
}
.accordion-card .faq-img img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.faq-area{
    background-color:#f2f3fc;
    border-radius: 24px;
}
.opening-hour-content{
    position:relative;
    border-radius:24px 0px 0px 24px;
    padding:72px 62px;
    z-index:2;
    height:100%
}
@media(max-width: 1399px){
    .opening-hour-content{
        padding:50px 30px
    }
}
@media(max-width: 1199px){
    .opening-hour-content{
        border-radius:24px 24px 0 0
    }
}
@media(max-width: 375px){
    .opening-hour-content{
        padding:50px 20px
    }
}
.opening-hour-content:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(28,35,89,.85);
    border-radius:inherit;
    z-index:-1
}
.opening-hour-content .sec-title{
    font-size:40px
}
@media(max-width: 1199px){
    .opening-hour-content .sec-title{
        font-size:30px
    }
}
.opening-hour-content .text{
    max-width:460px;
    color:var(--white-color);
    font-size:18px;
    display:block;
    margin:auto
}
.times-content{
    font-size:18px;
    font-weight:500;
    color:var(--white-color);
    display:block
}
.times-content .day{
    border:1px solid rgba(242,243,252,.3);
    padding:22px 24px;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 375px){
    .times-content .day{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.times-content .day:not(:last-child){
    margin-bottom:16px
}
.faq-content{
    padding:120px
}
@media(max-width: 1699px){
    .faq-content{
        padding:120px 80px
    }
}
@media(max-width: 1399px){
    .faq-content{
        padding:20px 40px 40px 40px
    }
}
@media(max-width: 767px){
    .faq-content{
        padding:20px 10px 40px 10px
    }
}
@media(max-width: 1500px){
    .faq-area2{
        padding:120px 0
    }
}
@media(max-width: 1199px){
    .faq-area2{
        padding:50px 0 80px
    }
}
.faq-image{
    width:972px;
    margin-left:-18.5%
}
@media(min-width: 1930px){
    .faq-image{
        width:100%;
        margin-left:0
    }
}
@media(max-width: 1199px){
    .faq-image{
        margin-top:40px
    }
}
@media(max-width: 991px){
    .faq-image{
        margin-top:0
    }
}
.faq-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media(max-width: 1500px){
    .faq-image{
        width:100%;
        margin-left:0
    }
}
.faq-img2{
    border-radius:20px;
    overflow:hidden;
    position:relative;
    z-index:2
}
.faq-img2 img{
    width:100%
}
.faq-img2:after{
    content:"";
    position:absolute;
    inset:0;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(30.88%, rgba(0, 13, 68, 0)), color-stop(72.07%, rgba(0, 13, 68, 0.72)), to(#000D44));
    background-image:linear-gradient(180deg, rgba(0, 13, 68, 0) 30.88%, rgba(0, 13, 68, 0.72) 72.07%, #000D44 100%);
    border-radius:inherit
}
.faq-img2 .box-content{
    position:absolute;
    bottom:60px;
    left:0;
    width:100%;
    z-index:3;
    text-align:center
}
@media(max-width: 575px){
    .faq-img2 .box-content{
        bottom:40px
    }
}
.faq-img2 .box-title{
    font-size:48px;
    color:var(--white-color);
    margin-bottom:23px
}
@media(max-width: 575px){
    .faq-img2 .box-title{
        font-size:30px
    }
}
.accordion-card.bg-white:has(.show){
    -webkit-box-shadow:0px 0px 10.6px rgba(97,97,97,.15);
    box-shadow:0px 0px 10.6px rgba(97,97,97,.15)
}
.cta-area{
    position:relative;
    z-index:1;
    background-attachment:fixed
}
.cta-area:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(-64.07%, rgba(26, 33, 89, 0)), color-stop(68.66%, rgba(26, 33, 89, 0.8)));
    background:linear-gradient(180deg, rgba(26, 33, 89, 0) -64.07%, rgba(26, 33, 89, 0.8) 68.66%);
    z-index:-1
}
.sec-text3{
    font-weight:400;
    font-size:18px;
    line-height:28px;
    letter-spacing:.02em;
    max-width:1017px;
    display:block;
    margin:auto;
    text-align:center;
    color:var(--white-color)
}
.call-1{
    font-weight:500;
    font-size:40px;
    letter-spacing:.02em;
    color:var(--white-color)
}
.call-1 i{
    color:var(--theme-color)
}
.call-1 a{
    color:inherit
}
.newsletter-form{
    position:relative;
    max-width:580px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    margin:auto
}
@media(max-width: 767px){
    .newsletter-form{
        display:block;
        max-width:100%
    }
}
.newsletter-form.style2{
    width:100%;
    max-width:633px;
    margin-right:0;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    gap:10px
}
@media(max-width: 1199px){
    .newsletter-form.style2{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:auto
    }
}
.newsletter-form.style2 .form-group{
    position:relative;
    width:100%
}
.newsletter-form.style2 .form-group>i{
    left:25px;
    top:19px;
    right:unset;
    color:var(--theme-color)
}
.newsletter-form.style2 select,.newsletter-form.style2 .form-control,.newsletter-form.style2 .form-select,.newsletter-form.style2 textarea,.newsletter-form.style2 input{
    min-width:100%;
    border:none;
    min-height:55px;
    padding:0 25px 0 25px;
    padding-left:50px
}
.newsletter-form.style2 .th-btn{
    position:relative;
    top:0;
    right:0;
    min-width:180px;
    padding:19.5px 30px
}
@media(max-width: 767px){
    .newsletter-form.style2 .th-btn{
        margin-top:20px
    }
}
.newsletter-form.style3{
    width:100%;
    max-width:633px;
    margin-right:0;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    gap:10px
}
@media(max-width: 1199px){
    .newsletter-form.style3{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin:auto
    }
}
.newsletter-form.style3 .form-group{
    position:relative;
    width:100%
}
.newsletter-form.style3 .form-group>i{
    left:25px;
    top:19px;
    right:unset;
    color:var(--theme-color)
}
.newsletter-form.style3 select,.newsletter-form.style3 .form-control,.newsletter-form.style3 .form-select,.newsletter-form.style3 textarea,.newsletter-form.style3 input{
    min-width:100%;
    min-height:55px;
    padding:0 25px 0 25px;
    padding-left:50px
}
.newsletter-form.style3 .th-btn{
    position:relative;
    top:0;
    right:0;
    min-width:180px;
    padding:19.5px 30px
}
@media(max-width: 767px){
    .newsletter-form.style3 .th-btn{
        margin-top:20px
    }
}
.newsletter-form.style4 .form-control{
    background-color:rgba(0,0,0,0);
    border:1px solid #7a8392
}
.newsletter-form.style4 .form-control:focus{
    color:var(--white-color)
}
.newsletter-form .form-control{
    border-radius:100px;
    min-height:60px;
    padding-right:200px;
    background-color:var(--white-color)
}
@media(max-width: 767px){
    .newsletter-form .form-control{
        padding-right:0
    }
}
.newsletter-form .th-btn{
    min-width:130px;
    padding:16px 35px;
    border-radius:100px;
    position:absolute;
    top:7px;
    right:7px
}
@media(max-width: 767px){
    .newsletter-form .th-btn{
        position:relative;
        right:0;
        top:10px;
        width:100%;
        display:block
    }
}
.download-area{
    background-color:#ebf5de
}
.download-img{
    border-radius:24px
}
.download-img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:24px
}
.download-btn{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:16px
}
@media(max-width: 1199px){
    .download-btn{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.software-area{
    background-color:var(--white-color);
    -webkit-box-shadow:0px 10px 50px 10px #e8e8e8;
    box-shadow:0px 10px 50px 10px #e8e8e8;
    border-radius:30px;
    overflow:hidden
}
.software-content{
    padding:120px 0 120px 120px
}
@media(max-width: 1299px){
    .software-content{
        padding:80px 0 90px 40px
    }
}
@media(max-width: 991px){
    .software-content{
        padding:80px 40px 80px 40px
    }
}
@media(max-width: 575px){
    .software-content{
        padding:80px 20px 80px 20px
    }
}
.soft-image{
    height:523px;
    margin-left:-37%
}
@media(max-width: 1199px){
    .soft-image{
        margin-left:0
    }
}
.soft-image img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.cta-area3{
    position:relative;
    background-color:#022124;
    border-radius:30px;
    z-index:3
}
@media(max-width: 991px){
    .cta-area3{
        padding-left:30px;
        padding-right:30px
    }
}
.cta-area3 .sec-title{
    font-size:54px
}
@media(max-width: 1299px){
    .cta-area3 .sec-title{
        font-size:44px
    }
}
@media(max-width: 1199px){
    .cta-area3 .sec-title{
        font-size:40px
    }
}
@media(max-width: 575px){
    .cta-area3 .sec-title{
        font-size:30px
    }
}
.cta-area3 .cta-text{
    font-size:18px;
    max-width:690px;
    display:block;
    margin:auto auto 30px auto
}
.cta-area4{
    background:var(--title-color);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0px 0 0 40px;
    border-radius:30px;
    position:relative;
    overflow:hidden;
    z-index:2
}
@media(max-width: 767px){
    .cta-area4{
        display:block;
        text-align:center;
        padding:40px 20px 0 20px
    }
}
.cta-area4 .sec-title{
    max-width:405px
}
@media(max-width: 767px){
    .cta-area4 .sec-title{
        max-width:100%;
        display:block;
        margin:auto
    }
}
.cta-area4 .cta-image{
    margin-bottom:-40px
}
.cta-area4 .cta-shate{
    position:absolute;
    bottom:0;
    right:0;
    z-index:-1
}
.cta-play-btn{
    padding:55px 0
}
@media(max-width: 767px){
    .cta-play-btn{
        padding:20px 0
    }
}
.cta-play-btn .discount-wrapp{
    width:120px;
    height:120px;
    background-image:url("../img/shape/circle-shape.html");
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 767px){
    .cta-play-btn .discount-wrapp{
        display:block;
        margin:auto
    }
}
.cta-play-btn .discount-wrapp .play-btn{
    z-index:3
}
.cta-play-btn .discount-wrapp .play-btn>i{
    --icon-size: 60px;
    font-size:20px;
    background-color:#121212;
    border:1px solid rgba(201,243,29,.14);
    color:var(--theme-color)
}
.cta-play-btn .discount-tag{
    color:var(--white-color);
    font-size:10px;
    min-height:120px;
    min-width:120px;
    position:relative;
    z-index:2
}
.cta-play-btn .discount-tag span{
    --rotate-letter: 8deg;
    min-height:60px;
    position:absolute;
    min-width:60px;
    text-transform:lowercase;
    left:14px;
    top:-1px
}
.cta-title-area .sec-title{
    font-weight:600;
    font-size:54px;
    line-height:64px;
    color:var(--white-color)
}
@media(max-width: 1199px){
    .cta-title-area .sec-title{
        font-size:44px;
        line-height:54px
    }
}
@media(max-width: 767px){
    .cta-title-area .sec-title{
        font-size:34px;
        line-height:44px
    }
}
@media(max-width: 575px){
    .cta-title-area .sec-title{
        font-size:25px;
        line-height:35px
    }
}
.cta-wrapp{
    position:relative
}
.cta-wrapp .cta-shape1{
    position:absolute;
    right:-29%;
    top:20%;
    width:644px;
    height:644px;
    border-radius:50%;
    background:var(--theme-color);
    opacity:.1
}
@media(max-width: 1500px){
    .cta-wrapp .cta-shape1{
        right:-21%
    }
}
.cta-wrapp .cta-shape2{
    position:absolute;
    right:-22%;
    top:28%;
    width:586px;
    height:586px;
    border-radius:50%;
    background:var(--theme-color);
    opacity:.1
}
@media(max-width: 1500px){
    .cta-wrapp .cta-shape2{
        right:-21%
    }
}
.cta-wrapp .cta-shape3{
    position:absolute;
    right:-16%;
    top:36%;
    width:526px;
    height:526px;
    border-radius:50%;
    background:var(--theme-color);
    opacity:.1
}
@media(max-width: 1500px){
    .cta-wrapp .cta-shape3{
        right:-15%
    }
}
.cta-image5{
    position:relative;
    text-align:center;
    z-index:2;
    min-width:648px;
    height:599px
}
@media(max-width: 767px){
    .cta-image5{
        min-width:100%;
        height:100%
    }
}
.cta-image5 img{
    margin-top:15px
}
.cta-image5:before{
    content:"";
    position:absolute;
    inset:0;
    clip-path:path("M0 139.68V549C0 576.614 22.3858 599 50 599H503.51C515.442 599 526.98 594.733 536.041 586.97L630.532 506.013C641.619 496.514 648 482.643 648 468.043V50C648 22.3858 625.614 0 598 0H162.491C151.167 0 140.178 3.84425 131.323 10.9035L18.8316 100.584C6.93147 110.071 0 124.461 0 139.68Z");
    background-color:var(--theme-color);
    z-index:-1
}
@media(max-width: 1199px){
    .cta-image5:before{
        clip-path:none;
        border-radius:30px
    }
}
.cta-hiring{
    position:absolute;
    top:28px;
    right:36px;
    width:259px;
    height:151px;
    padding:40px 0px 40px 80px;
    text-align:center;
    background-size:100% 100%;
    background-repeat:no-repeat
}
@media(max-width: 1299px){
    .cta-hiring{
        right:80px
    }
}
@media(max-width: 575px){
    .cta-hiring{
        right:10px
    }
}
.cta-hiring .box-subtitle{
    font-family:var(--title-font);
    font-weight:500;
    font-size:16px;
    line-height:26px;
    color:var(--title-color)
}
.cta-hiring .box-title{
    font-weight:600;
    font-size:24px;
    line-height:34px;
    text-transform:capitalize
}
.th-experience{
    background-color:#f2f3fc;
    border-radius:24px;
    padding:52px 32px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:16px
}
@media(max-width: 1500px){
    .th-experience{
        padding:40px 25px
    }
}
@media(max-width: 767px){
    .th-experience{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center
    }
    .th-experience .box-icon{
        display:block;
        margin:auto
    }
}
.th-experience.style2{
    background-color:#fff2f2
}
.th-experience .box-icon{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    border-radius:50%;
    background-color:var(--white-color)
}
.th-experience .box-icon img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.th-experience .experience-year{
    font-size:40px;
    line-height:40px;
    margin-bottom:0;
    color:var(--title-color)
}
.th-experience .experience-text{
    font-size:20px;
    line-height:32px;
    margin-bottom:-0.3rem
}
@media(max-width: 1500px){
    .th-experience .experience-text{
        font-size:18px
    }
}
.th-experience:hover .box-icon img{
    -webkit-transform:scale(-1) rotate(180deg);
    transform:scale(-1) rotate(180deg)
}
.cta-call{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:16px
}
.cta-call .box-icon{
    color:var(--theme-color);
    font-size:56px
}
@media(max-width: 575px){
    .cta-call .box-icon{
        font-size:44px
    }
}
.cta-call .box-text{
    margin:-0.5em 0 10px 0
}
.cta-call .box-title{
    font-size:36px;
    margin-bottom:-0.3em
}
@media(max-width: 575px){
    .cta-call .box-title{
        font-size:28px
    }
}
@media(max-width: 1500px){
    .cta-sec7{
        background-position:left center
    }
}
.service-card{
    position:relative;
    background-color:var(--white-color);
    border-radius:24px;
    padding:43px 48px;
    text-align:center;
    overflow:hidden;
    min-height: 450px;
}
/* Mobile */
@media (max-width: 767px) {
    .service-card {
        min-height: auto;
    }
}
@media(max-width: 1500px){
    .service-card{
        padding:30px 25px
    }
}
.service-card.style2{
    border:1px solid var(--smoke-color)
}
.service-card.style2:hover{
    border-color:var(--title-color)
}
.service-card:before{
    content:"";
    position:absolute;
    inset:0;
    height:0;
    background-color:var(--title-color);
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.service-card .box-content{
    position:relative;
    z-index:4
}
.service-card .box-icon{
    position:relative;
    width:100px;
    height:100px;
    line-height:100px;
    background:#f2f3fc;
    border-radius:50%;
    text-align:center;
    display:block;
    margin:auto auto 24px auto;
    z-index:2;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}

.service-card .box-title{
    margin-bottom:10px
}
@media(max-width: 575px){
    .service-card .box-title{
        max-width:100%;
        font-size:20px
    }
}
.service-card .box-text{
    margin-bottom:30px
}
.service-card .th-btn{
    padding:13.5px 25px;
    font-size:16px;
    border: 1px solid #06598e;
}
.service-card:hover:before{
    height:100%
}
.service-card:hover .box-icon img{
    -webkit-transform:scale(-1) rotate(180deg);
    transform:scale(-1) rotate(180deg)
}
.service-card:hover .box-title{
    color:var(--white-color)
}
.service-card:hover .box-text{
    color:var(--white-color)
}
.service-card:hover .th-btn{
    border:none;
    color:var(--white-color);
    background-color:var(--theme-color)
}
.service-card:hover .th-btn:before,.service-card:hover .th-btn:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--theme-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--theme-color)), color-stop(75%, var(--theme-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--theme-color) 25%, transparent 0, transparent 50%, var(--theme-color) 0, var(--theme-color) 75%, transparent 0)
}
.service-card:hover .th-btn.th-icon i{
    color:var(--white-color)
}
.service-box{
    position:relative;
    background-color:var(--white-color);
    border-radius:24px;
    padding:60px 48px;
    overflow:hidden
}
@media(max-width: 1500px){
    .service-box{
        padding:40px 30px
    }
}
@media(max-width: 1399px){
    .service-box{
        padding:40px 20px
    }
}
.service-box .service-overlay{
    position:absolute;
    inset:0;
    border-radius:30px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.service-box .service-overlay:before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--white-color);
    z-index:3;
    border-radius:inherit;
    -webkit-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.service-box .service-overlay:after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 33, 89, 0.8)), to(rgba(26, 33, 89, 0.8)));
    background:linear-gradient(0deg, rgba(26, 33, 89, 0.8), rgba(26, 33, 89, 0.8));
    z-index:2
}
.service-box .box-img{
    position:absolute;
    top:-30px;
    right:-30px
}
.service-box .box-content{
    position:relative;
    z-index:4
}
.service-box .box-icon{
    position:relative;
    width:100px;
    height:100px;
    line-height:100px;
    background:#f2f3fc;
    border-radius:50%;
    text-align:center;
    margin-bottom:24px;
    z-index:2;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.service-box .box-icon:before{
    content:"";
    position:absolute;
    inset:0;
    -webkit-transform:scale(0);
    transform:scale(0);
    border-radius:50%;
    background-color:var(--white-color);
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transition:all .5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    transition:all .5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index:-1
}
.service-box .box-icon img{
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.service-box .box-title{
    margin-bottom:10px
}
@media(max-width: 1399px){
    .service-box .box-title{
        font-size:22px
    }
}
@media(max-width: 575px){
    .service-box .box-title{
        max-width:100%;
        font-size:20px
    }
}
.service-box .box-text{
    margin-bottom:30px
}
.service-box .th-btn{
    padding:13.5px 25px;
    font-size:16px
}
.service-box:hover .service-overlay{
    opacity:1;
    visibility:visible
}
.service-box:hover .service-overlay:before{
    -webkit-transform:translate(100%, -100%);
    transform:translate(100%, -100%)
}
.service-box:hover .box-img{
    -webkit-transform:translate(100%, -100%);
    transform:translate(100%, -100%)
}
.service-box:hover .box-icon:before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.service-box:hover .box-icon img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.service-box:hover .box-title{
    color:var(--white-color)
}
.service-box:hover .box-text{
    color:var(--white-color)
}
.service-box:hover .th-btn{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.service-box:hover .th-btn:before,.service-box:hover .th-btn:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--theme-color)), color-stop(0, transparent), color-stop(50%, transparent), color-stop(0, var(--theme-color)), color-stop(75%, var(--theme-color)), color-stop(0, transparent));
    background:linear-gradient(90deg, var(--theme-color) 25%, transparent 0, transparent 50%, var(--theme-color) 0, var(--theme-color) 75%, transparent 0)
}
.service-box:hover .th-btn:after{
    background:-webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(25%, transparent), color-stop(0, var(--theme-color)), color-stop(50%, var(--theme-color)), color-stop(0, transparent), color-stop(75%, transparent), color-stop(0, var(--theme-color)));
    background:linear-gradient(90deg, transparent 0, transparent 25%, var(--theme-color) 0, var(--theme-color) 50%, transparent 0, transparent 75%, var(--theme-color) 0)
}
.service-image{
    border-radius:24px
}
.service-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:24px
}
.service-grid{
    position:relative;
    z-index:2
}
.service-grid .box-img{
    position:relative;
    z-index:2;
    border-radius:16px;
    margin-bottom:32px
}
.service-grid .box-img:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(28, 35, 89, 0.2)), to(rgba(28, 35, 89, 0.2)));
    background:linear-gradient(0deg, rgba(28, 35, 89, 0.2), rgba(28, 35, 89, 0.2));
    z-index:1
}
.service-grid .box-img img{
    border-radius:16px
}
.service-grid .box-img .play-btn{
    position:absolute;
    top:24px;
    right:24px;
    z-index:3
}
.service-grid .box-img .play-btn:before,.service-grid .box-img .play-btn:after{
    display:none
}
.service-grid .box-img .play-btn>i{
    --icon-size: 32px;
    font-size:14px;
    background-color:var(--white-color);
    color:var(--theme-color)
}
.service-grid2{
    background-color:var(--white-color);
    border-radius:8px;
    padding:24px 48px
}
@media(max-width: 1500px){
    .service-grid2{
        padding:24px 35px
    }
}
@media(max-width: 767px){
    .service-grid2{
        text-align:center;
        padding:24px 25px
    }
}
.service-grid2 .service-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:35px
}
@media(max-width: 991px){
    .service-grid2 .service-content{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
@media(max-width: 767px){
    .service-grid2 .service-content{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.service-grid2 .box-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:48px
}
@media(max-width: 1299px){
    .service-grid2 .box-wrapp{
        gap:20px
    }
}
@media(max-width: 767px){
    .service-grid2 .box-wrapp{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.service-grid2 .box-right-wrapp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:50px
}
@media(max-width: 1299px){
    .service-grid2 .box-right-wrapp{
        gap:20px
    }
}
@media(max-width: 767px){
    .service-grid2 .box-right-wrapp{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.service-grid2 .box-icon{
    position:relative;
    min-width:100px;
    height:100px;
    line-height:100px;
    background:#f2f3fc;
    border-radius:50%;
    text-align:center;
    display:block;
    margin:auto auto 24px auto;
    z-index:2;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}

.service-grid2 .box-title{
    max-width:195px;
    margin-bottom:0
}
.service-grid2 .box-text{
    max-width:467px;
    margin-bottom:0
}
.service-grid2 .box-img{
    border-radius:8px
}
.service-grid2 .box-img img{
    border-radius:8px
}
.service-grid2 .th-btn{
    min-width:176px;
    padding:15px 24px
}
@media(max-width: 1299px){
    .service-grid2 .th-btn{
        min-width:150px;
        padding:15px 18px
    }
}
.service-grid2:hover .box-icon img{
    -webkit-transform:scale(-1) rotate(180deg);
    transform:scale(-1) rotate(180deg)
}
.page-img{
    border-radius:24px;
    overflow:hidden
}
.page-img.style1{
    border-radius:20px
}
.page-img.style1 img{
    border-radius:20px
}
.page-img img{
    border-radius:24px
}
.service-process{
    background-color:var(--white-color);
    -webkit-box-shadow:0px 6px 30px rgba(0,0,0,.06);
    box-shadow:0px 6px 30px rgba(0,0,0,.06);
    border-radius:20px;
    padding:30px 20px 30px 30px;
    position:relative;
    z-index:2
}
.service-process-wrap{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
    margin-bottom:30px
}
@media(max-width: 1199px){
    .service-process-wrap{
        grid-template-columns:repeat(2, 1fr);
        margin-bottom:0
    }
}
@media(max-width: 767px){
    .service-process-wrap{
        grid-template-columns:repeat(1, 1fr)
    }
}
.service-process_img{
    margin-bottom:20px
}
.service-process_title{
    font-family:var(--title-font);
    font-size:24px;
    line-height:34px;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:6px
}
@media(max-width: 1299px){
    .service-process_title{
        font-size:20px;
        line-height:30px
    }
}
.service-process_text{
    line-height:26px;
    margin-bottom:-0.4rem
}
.service-meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    gap:8px
}
@media(max-width: 1199px){
    .service-meta{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        margin-bottom:30px
    }
}
.service-meta .feature{
    background-color:var(--theme-color);
    border-radius:4px;
    font-weight:400;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color);
    padding:11px 16px
}
.service-meta .rating{
    padding:10px 16px;
    background:#fff2f2;
    border-radius:4px;
    font-weight:400;
    font-size:18px;
    letter-spacing:.02em;
    color:#0d0d0c
}
.service-meta .rating i{
    color:#ffa944;
    margin-right:8px
}
.radius-100{
    border-radius:100px
}
@media(max-width: 767px){
    .radius-100{
        border-radius:30px
    }
}
.service-card2{
    text-align:center;
    padding:40px 40px 0;
    position:relative
}
.service-card2 .service-card-bg-shape{
    background:var(--white-color);
    position:absolute;
    inset:0;
    z-index:-1
}
.service-card2 .box-icon{
    width:120px;
    height:120px;
    line-height:120px;
    display:inline-block;
    background:var(--smoke-color2);
    border-radius:50%;
    margin-bottom:30px
}
.service-card2 .box-icon img{
    -webkit-transition:.4s;
    transition:.4s
}
.service-card2 .box-title{
    margin-bottom:16px
}
.service-card2 .box-text{
    margin-bottom:45px
}
.service-card2:hover .box-icon img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
@media(max-width: 375px){
    .service-card2{
        background:var(--white-color);
        border-radius:30px;
        padding:40px 30px
    }
    .service-card2 .service-card-bg-shape{
        display:none
    }
    .service-card2 .box-text{
        margin-bottom:30px
    }
}
.service-block{
    --space: 40px;
    background-color:var(--white-color);
    border-radius:20px;
    padding:var(--space);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:40px;
    background-size:auto;
    background-position:right bottom
}
.service-block-tab{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:40px;
    gap:24px
}
@media(max-width: 575px){
    .service-block-tab{
        gap:10px
    }
}
.service-block-tab .box-icon{
    width:60px;
    height:60px;
    line-height:60px;
    background-color:var(--smoke-color2);
    margin:0 auto 15px auto;
    border-radius:10px;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.service-block-tab .tab-btn{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%;
    background-color:var(--white-color);
    border-radius:20px;
    text-align:center;
    border:none;
    padding:30px 5px 24px 5px;
    font-size:20px;
    font-family:var(--title-font);
    color:var(--title-color);
    font-weight:600;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.service-block-tab .tab-btn.active{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.service-block-tab .tab-btn.active .box-icon{
    background-color:var(--white-color)
}
@media(max-width: 767px){
    .service-block-tab .tab-btn{
        font-size:0px;
        line-height:0;
        padding:15px;
        border-radius:12px
    }
    .service-block-tab .tab-btn .box-icon{
        width:100%;
        margin-bottom:0
    }
}
@media(max-width: 575px){
    .service-block-tab .tab-btn{
        padding:8px
    }
}
@media(max-width: 1199px){
    .service-block{
        --space: 30px
    }
}
.service-block .box-img{
    -webkit-box-flex:544px;
    -ms-flex:544px;
    flex:544px
}
.service-block .box-img img{
    border-radius:15px
}
.service-block .box-content{
    -webkit-box-flex:560px;
    -ms-flex:560px;
    flex:560px
}
.service-block .box-title{
    font-size:30px;
    margin-bottom:22px
}
.service-block .box-text{
    margin-bottom:26px
}
.service-block .checklist li{
    color:var(--body-color)
}
@media(max-width: 1199px){
    .service-block{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .service-block .box-content,.service-block .box-img{
        width:100%;
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    .service-block .box-img img{
        width:100%
    }
}
@media(max-width: 375px){
    .service-block{
        --space: 20px
    }
    .service-block .box-title{
        font-size:24px
    }
}
@media(max-width: 575px){
    .available-list{
        padding:0
    }
}
.available-list ul{
    padding:0;
    margin:0;
    list-style:none
}
.available-list li{
    position:relative;
    font-size:18px;
    color:var(--black-color);
    padding-left:40px;
    margin-bottom:15px;
    text-transform:capitalize
}
.available-list li:after{
    content:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_200_1643)'%3E%3Cpath d='M23.3137 3.2813C22.9607 2.92762 22.3878 2.92701 22.0348 3.2798L11.1835 14.1024L7.26844 9.85022C6.93014 9.483 6.35817 9.45919 5.99034 9.79744C5.62279 10.1357 5.59926 10.708 5.93756 11.0755L10.4903 16.02C10.6571 16.2012 10.8904 16.3064 11.1365 16.3115C11.1431 16.3118 11.1495 16.3118 11.1558 16.3118C11.3949 16.3118 11.6249 16.2168 11.7944 16.048L23.312 4.56056C23.6659 4.20783 23.6665 3.63497 23.3137 3.2813Z' fill='%23F96363'/%3E%3Cpath d='M23.0955 11.0955C22.5959 11.0955 22.191 11.5004 22.191 12C22.191 17.6195 17.6195 22.191 12 22.191C6.38081 22.191 1.80905 17.6195 1.80905 12C1.80905 6.38081 6.38081 1.80905 12 1.80905C12.4996 1.80905 12.9045 1.40414 12.9045 0.904547C12.9045 0.404906 12.4996 0 12 0C5.38312 0 0 5.38312 0 12C0 18.6166 5.38312 24 12 24C18.6166 24 24 18.6166 24 12C24 11.5004 23.5951 11.0955 23.0955 11.0955Z' fill='%23F96363'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_200_1643'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    font-family:var(--icon-font);
    font-weight:500;
    color:var(--theme-color);
    font-weight:900;
    font-size:16px;
    width:16px;
    height:16px;
    line-height:16px;
    text-align:center;
    border-radius:50px;
    position:absolute;
    top:5px;
    left:0
}
.available-list li.unavailable:after{
    content:"";
    right:0px
}
.available-list li img{
    max-width:18px;
    margin-right:10px
}
.available-list li:last-child{
    margin-bottom:0
}
.available-list li.unavailable{
    font-weight:400;
    color:var(--body-color)
}
.available-list li.unavailable img{
    opacity:.2
}
.price-box{
    position:relative;
    background-color:var(--white-color);
    border:1px solid #dedfe3;
    border-radius:24px;
    padding:48px;
    -webkit-transition:.4s;
    transition:.4s;
    z-index:1;
    overflow:hidden
}
@media(max-width: 1299px){
    .price-box{
        padding:48px 25px
    }
}
@media(max-width: 991px){
    .price-box{
        padding:48px 25px
    }
}
.price-box .price-title-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.price-box .subtitle{
    color:var(--theme-color);
    font-weight:600;
    margin-bottom:0
}
.price-box .box-title{
    margin-bottom:5px
}
@media(max-width: 575px){
    .price-box .box-title{
        font-size:24px
    }
}
.price-box .box-text{
    color:var(--title-color);
    margin-bottom:30px
}
.price-box .box-text2{
    font-size:18px;
    border-bottom:1px solid #dedfe3;
    padding-bottom:30px;
    margin-bottom:50px
}
.price-box .box-price{
    font-weight:700;
    font-size:57px;
    line-height:72px;
    letter-spacing:.02em;
    margin-bottom:0px
}
@media(max-width: 767px){
    .price-box .box-price{
        font-size:30px
    }
}
.price-box .duration{
    font-size:24px;
    color:var(--body-color);
    font-weight:600
}
.price-box .th-btn{
    margin-top:56px
}
.price-box .offer-tag{
    position:absolute;
    top:0px;
    right:0;
    font-family:var(--title-font);
    background-color:var(--theme-color);
    border-radius:0px 0px 0px 24px;
    font-weight:400;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color);
    width:178px;
    height:40px;
    line-height:40px;
    display:inline-block;
    text-align:center;
    display:block;
    opacity:0
}
.price-box.active{
    background-color:#fff2f2;
    border-color:#fff2f2
}
.price-box.active .th-btn{
    border:1px solid var(--theme-color);
    background-color:var(--theme-color);
    color:var(--white-color)
}
.price-box.active .th-btn:hover{
    border-color:var(--title-color)
}
.price-box.active .offer-tag{
    opacity:1
}
.price-content{
    background-color:var(--title-color);
    border-radius:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:32px 32px 20px 32px
}
@media(max-width: 575px){
    .price-content{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:20px;
        text-align:center
    }
}
.price-content .subtitle{
    font-weight:500;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--white-color);
    display:block;
    margin-bottom:14px
}
.price-content .subtitle .duration{
    font-weight:400
}
.price-content .box-title{
    color:var(--white-color)
}
.price-content .box-text{
    font-weight:500;
    font-size:18px;
    line-height:24px;
    letter-spacing:.02em;
    color:#b7bdde;
    max-width:344px;
    margin-bottom:25px
}
@media(max-width: 575px){
    .price-content .box-text{
        display:block;
        margin:auto auto 25px auto
    }
}
.price-content .th-btn{
    padding:13px 40px
}
.price-area{
    position:relative;
    z-index:2
}
.price-area:before{
    content:"";
    position:absolute;
    top:0;
    width:100%;
    height:585px;
    background-color:var(--title-color);
    z-index:-1
}
.price-card{
    position:relative;
    background-color:var(--white-color);
    border-radius:16px;
    z-index:2
}
.price-card .box-content{
    background-color:#fff2f2;
    border-radius:16px 16px 0 0;
    padding:40px
}
@media(max-width: 1500px){
    .price-card .box-content{
        padding:30px
    }
}
.price-card .box-title{
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    margin-bottom:0
}
.price-card .box-price{
    margin-bottom:5px
}
.price-card .box-text{
    margin-bottom:-0.3rem
}
.price-card .available-list{
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:rgba(92,95,113,.2);
    border-radius:0px 0px 16px 16px;
    padding:40px
}
@media(max-width: 1500px){
    .price-card .available-list{
        padding:30px
    }
}
.price-card .available-list ul{
    margin-bottom:40px
}
.price-card .available-list li{
    padding-left:30px
}
.price-card .available-list li:after{
    content:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_703_8014)'%3E%3Cpath d='M17.4849 2.46079C17.2201 2.19553 16.7904 2.19508 16.5256 2.45966L8.38722 10.5766L5.4509 7.38748C5.19718 7.11207 4.7682 7.09421 4.49233 7.34789C4.21667 7.60162 4.19902 8.0308 4.45274 8.30646L7.86733 12.0148C7.99238 12.1507 8.16739 12.2296 8.35192 12.2335C8.35688 12.2337 8.36166 12.2337 8.36641 12.2337C8.54574 12.2337 8.71825 12.1624 8.84534 12.0358L17.4835 3.42024C17.749 3.15569 17.7495 2.72604 17.4849 2.46079Z' fill='%231C2359'/%3E%3Cpath d='M17.3216 8.32159C16.9469 8.32159 16.6432 8.62527 16.6432 9C16.6432 13.2146 13.2146 16.6432 9 16.6432C4.78561 16.6432 1.35679 13.2146 1.35679 9C1.35679 4.78561 4.78561 1.35679 9 1.35679C9.3747 1.35679 9.67841 1.05311 9.67841 0.67841C9.67841 0.30368 9.3747 0 9 0C4.03734 0 0 4.03734 0 9C0 13.9624 4.03734 18 9 18C13.9624 18 18 13.9624 18 9C18 8.6253 17.6963 8.32159 17.3216 8.32159Z' fill='%231C2359'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_703_8014'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}
.price-card .offer-tag{
    background-color:var(--theme-color);
    border-radius:48px;
    padding:9px 16px;
    font-weight:500;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--white-color);
    position:absolute;
    top:32px;
    right:32px;
    opacity:0;
    visibility:hidden
}
.price-card .th-btn{
    background-color:#f2f3fc;
    border:none
}
.price-card.active .offer-tag{
    opacity:1;
    visibility:visible
}
.price-grid{
    background-color:var(--smoke-color2);
    border:1px solid var(--smoke-color);
    border-radius:50px;
    padding:60px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
@media(max-width: 1299px){
    .price-grid{
        padding:30px;
        border-radius:30px
    }
}
.price-grid .box-title{
    font-weight:600;
    margin-bottom:5px
}
.price-grid .price-title-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 375px){
    .price-grid .price-title-wrap{
        display:block
    }
}
.price-grid .available-list ul li{
    padding:0;
    font-size:16px;
    text-transform:none;
    padding-left:30px
}
.price-grid .available-list ul li:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    font-family:var(--icon-font);
    font-weight:700;
    color:var(--theme-color);
    font-size:18px
}
.price-grid .available-list ul li i{
    font-size:18px;
    color:var(--theme-color);
    margin-right:10px
}
.price-grid .available-list ul li:after{
    display:none
}
.price-grid .available-list ul li span{
    display:block
}
.price-grid .box-text{
    font-weight:500;
    font-size:18px;
    line-height:26px;
    color:var(--body-color);
    border-bottom:none;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px
}
@media(max-width: 480px){
    .price-grid .box-text{
        display:block
    }
}
.price-grid .box-text span{
    background:#ffe4e9;
    border-radius:30px;
    padding:2px 15px;
    color:var(--theme-color);
    font-size:14px;
    font-weight:500
}
.price-grid .box-price{
    font-size:54px;
    font-weight:500;
    margin-top:12px;
    border-bottom:1px solid var(--smoke-color);
    margin-bottom:40px;
    padding-bottom:20px
}
@media(max-width: 480px){
    .price-grid .box-price{
        margin:10px 0
    }
}
.price-grid .box-price del{
    font-size:20px;
    font-weight:500;
    color:#a2abba
}
.price-grid .th-btn{
    margin-top:35px
}
.price-item{
    border:1px solid #dedfe3;
    border-radius:16px;
    padding:32px
}
@media(max-width: 1500px){
    .price-item{
        padding:25px
    }
}
.price-item .box-title{
    max-width:270px
}
@media(max-width: 1399px){
    .price-item .box-title{
        font-size:21px
    }
}
.price-item .subtitle{
    font-weight:500;
    font-size:18px;
    letter-spacing:.02em;
    color:#5c5f71
}
.price-item .btn-group{
    margin-top:24px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end
}
.price-item .box-price{
    font-family:var(--title-font);
    font-weight:500;
    font-size:40px;
    line-height:50px;
    letter-spacing:.02em;
    color:var(--title-color);
    margin-bottom:0;
    text-align:right
}
@media(max-width: 1399px){
    .price-item .box-price{
        text-align:left
    }
}
@media(max-width: 1299px){
    .price-item .box-price{
        font-size:30px;
        line-height:40px
    }
}
.price-item .price{
    font-family:var(--title-font);
    font-size:18px;
    line-height:28px;
    letter-spacing:.02em;
    color:rgba(92,95,113,.5)
}
.price-item del{
    display:block;
    font-weight:400
}
.price-item .th-btn{
    padding:15px 24px
}
.price-image{
    border-radius:16px
}
@media(max-width: 1399px){
    .price-image{
        height:500px
    }
}
.price-image img{
    width:100%;
    border-radius:16px
}
.gallery-area{
    position:relative;
    background-color:#fff2f2;
    border-radius:24px;
    padding:56px 24px 24px 24px;
    z-index:3;
    overflow:hidden
}
.gallery-area .slider-arrow{
    top:60%;
    left:var(--pos-x, 0px)
}
@media(max-width: 1199px){
    .gallery-area .slider-arrow{
        display:none
    }
}
.gallery-area .slider-arrow.slider-next{
    right:var(--pos-x, 0px);
    left:auto
}
.gallery-insta{
    position:relative;
    overflow:hidden;
    z-index:2;
    border-radius:24px
}
.gallery-insta:after{
    content:"";
    position:absolute;
    inset:0;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 33, 89, 0.5)), to(rgba(26, 33, 89, 0.5)));
    background:linear-gradient(0deg, rgba(26, 33, 89, 0.5), rgba(26, 33, 89, 0.5));
    pointer-events:none;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    opacity:0;
    border-radius:inherit;
    visibility:hidden
}
.gallery-insta img{
    width:100%;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.gallery-insta .box-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, 20px);
    transform:translate(-50%, 20px);
    font-size:26px;
    width:34px;
    height:34px;
    line-height:34px;
    border-radius:50%;
    display:block;
    text-align:center;
    color:var(--white-color);
    visibility:hidden;
    opacity:0;
    z-index:3
}
.gallery-insta:hover .box-btn{
    visibility:visible;
    opacity:1;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.gallery-insta:hover:after{
    opacity:1;
    visibility:visible;
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.gallery-insta:hover img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.filter-item:first-child .gallery-card .box-title{
    font-size:32px
}
@media(max-width: 767px){
    .filter-item:first-child .gallery-card .box-title{
        font-size:24px
    }
}
.gallery-card{
    position:relative;
    overflow:hidden;
    z-index:2
}
.gallery-card:first-child:hover .gallery-content{
    bottom:32px;
    opacity:1;
    visibility:visible;
    left:32px
}
@media(max-width: 575px){
    .gallery-card:first-child:hover .gallery-content{
        left:24px
    }
}
.gallery-card .box-img{
    position:relative;
    border-radius:24px;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.gallery-card .box-img:before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:0%;
    width:100%;
    border-radius:inherit;
    background:-webkit-gradient(linear, left top, left bottom, from(rgba(26, 33, 89, 0)), to(rgba(26, 33, 89, 0.8)));
    background:linear-gradient(180deg, rgba(26, 33, 89, 0) 0%, rgba(26, 33, 89, 0.8) 100%);
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    visibility:hidden;
    opacity:0;
    z-index:1
}
@media(max-width: 1199px){
    .gallery-card .box-img:before{
        border-radius:30px
    }
}
@media(max-width: 991px){
    .gallery-card .box-img:before{
        border-radius:20px
    }
}
.gallery-card .box-img img{
    width:100%;
    border-radius:25px
}
@media(max-width: 1199px){
    .gallery-card .box-img img{
        border-radius:30px
    }
}
@media(max-width: 991px){
    .gallery-card .box-img img{
        border-radius:20px
    }
}
.gallery-card .gallery-content{
    position:absolute;
    bottom:-20%;
    left:32px;
    opacity:0;
    margin-right:32px;
    visibility:hidden;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    z-index:3
}
.gallery-card .subtitle{
    padding:4px 16px;
    background:#fff2f2;
    border-radius:24px;
    font-weight:500;
    font-size:14px;
    letter-spacing:.02em;
    color:var(--title-color);
    display:inline-block;
    margin-bottom:24px
}
.gallery-card .icon-btn{
    --btn-size: 64px;
    background-color:var(--theme-color);
    margin-bottom:30px;
    border-radius:50%;
    top:50%;
    left:50%;
    position:absolute;
    color:var(--white-color);
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    margin-bottom:0;
    z-index:4
}
.gallery-card .icon-btn:hover{
    color:var(--white-color);
    border-color:var(--title-color);
    background-color:var(--title-color)
}
.gallery-card .box-title{
    font-size:24px;
    max-width:572px;
    color:var(--white-color);
    margin-bottom:0
}
.gallery-card .box-text{
    color:var(--theme-color);
    margin-bottom:12px
}
.gallery-card:hover .box-img:before{
    opacity:1;
    height:100%;
    visibility:visible
}
.gallery-card:hover .box-img .icon-btn{
    opacity:1;
    visibility:visible
}
@media(max-width: 1299px){
    .gallery-card:hover .box-img .icon-btn{
        top:15%;
        right:3%;
        left:unset
    }
}
@media(max-width: 575px){
    .gallery-card:hover .box-img .icon-btn{
        top:20%
    }
}
.gallery-card:hover .gallery-content{
    bottom:32px;
    opacity:1;
    visibility:visible
}
.gallery-row{
    --bs-gutter-y: 1.9rem
}
.gallery-sec3{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--smoke-color2)), to(var(--smoke-color2)));
    background:linear-gradient(var(--smoke-color2) 100%, var(--smoke-color2));
    background-repeat:no-repeat;
    background-size:100% calc(100% - 186px)
}
.gallery-slider3{
    margin:0 12px
}
@media(max-width: 575px){
    .gallery-slider3{
        margin:0
    }
}
.gallery-card.style3{
    text-align:center
}
.gallery-card.style3 .box-img{
    border-radius:30px;
    position:relative;
    z-index:2;
    overflow:hidden
}
.gallery-card.style3 .box-img img{
    width:100%
}
@media(max-width: 1600px){
    .gallery-card.style3 .box-img img{
        min-height:350px;
        -o-object-fit:cover;
        object-fit:cover
    }
}
@media(max-width: 575px){
    .gallery-card.style3 .box-img img{
        min-height:300px
    }
}
.gallery-card.style3 .box-img:before{
    display:none
}
.gallery-card.style3 .box-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    z-index: 4;

    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;

    width: auto;
    text-align: left;
    transform: none;

    padding: 18px 70px 18px 20px;
    background: transparent;
}
@media(max-width: 575px){
    .gallery-card.style3 .box-content{
        padding:25px 80px 25px 25px;
        --btn-size: 40px;
        left:20px;
        right:20px
    }
}


.gallery-card.style3 .box-content .icon-btn{
    --btn-size: 56px;
    position:absolute;
    right:40px;
    left:auto;
    top:50%;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    opacity:1;
    visibility:visible
}
.gallery-card.style3 .box-content .box-text{
    color:var(--white-color);
    max-width:360px;
    color:#788094;
    margin-top:-0.4em;
    margin-left:0;
    margin-bottom:-0.4em
}
.gallery-card.style3 .box-content .box-title {
    color: var(--title-color);
    font-size: 22px;
    font-weight: 600;

    margin-bottom: 0;

    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
@media(max-width: 575px){
    .gallery-card.style3 .box-content .box-title{
        font-size:20px
    }
}
.gallery-card.style3:hover .box-content{
    visibility:visible;
    opacity:1;
    bottom:30px
}
@media(max-width: 575px){
    .gallery-card.style3:hover .box-content{
        bottom:20px
    }
}
@media(min-width: 1500px){
    .projectSlide{
        margin-right:-700px !important
    }
}
.project-card .box-img{
    border-radius:16px;
    margin-bottom:32px
}
.project-card .box-img img{
    border-radius:16px
}
.project-card .box-title{
    font-size:40px;
    margin-bottom:10px
}
@media(max-width: 1500px){
    .project-card .box-title{
        font-size:30px
    }
}
.project-card .box-text{
    font-size:18px;
    max-width:660px;
    margin-bottom:-0.3rem
}
.project-slider2 .slider-controller{
    width:837px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media(max-width: 991px){
    .project-slider2 .slider-controller{
        width:90%;
        margin:0 20px
    }
}
.project-slider2 .swiper-slide{
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-slider2 .swiper-slide.swiper-slide-active{
    width:50% !important
}
@media(max-width: 991px){
    .project-slider2 .swiper-slide.swiper-slide-active{
        width:100% !important
    }
}
.project-slider2 .swiper-slide.swiper-slide-active .box-img:before{
    opacity:1;
    visibility:visible
}
.project-slider2 .swiper-slide.swiper-slide-active .box-content{
    bottom:38px;
    opacity:1
}
.project-slider2 .swiper-slide.swiper-slide-active .icon-btn{
    bottom:38px
}
.project-box{
    position:relative;
    overflow:hidden;
    --space: 32px
}
.project-box .box-img{
    position:relative;
    overflow:hidden;
    border-radius:16px
}
@media(max-width: 991px){
    .project-box .box-img{
        border-radius:0
    }
}
.project-box .box-img:before{
    content:"";
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(26, 33, 89, 0.6)), to(rgba(26, 33, 89, 0.6)));
    background:linear-gradient(0deg, rgba(26, 33, 89, 0.6), rgba(26, 33, 89, 0.6));
    opacity:0;
    visibility:hidden;
    border-radius:inherit;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.project-box .box-img img{
    width:100%;
    height:594px;
    -o-object-fit:cover;
    object-fit:cover
}
.project-box .box-content{
    position:absolute;
    left:var(--space);
    bottom:-32px;
    padding:0 32px 0 0;
    opacity:0;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.project-box .icon-btn{
    position:absolute;
    bottom:-52px;
    right:32px;
    width:48px;
    height:48px;
    border-radius:50%;
    background-color:var(--theme-color);
    border-radius:32px;
    color:var(--white-color)
}
.project-box .box-title{
    color:var(--white-color);
    font-size:32px;
    margin-bottom:13px
}
@media(max-width: 575px){
    .project-box .box-title{
        font-size:28px
    }
}
.project-box .box-text{
    font-size:18px;
    color:var(--white-color);
    max-width:656px;
    margin-bottom:28px
}
@media(max-width: 1199px){
    .project-box .box-text{
        max-width:100%
    }
}
.project-box .tag{
    padding:8px 12px;
    background-color:var(--white-color);
    border-radius:24px;
    letter-spacing:.02em;
    color:var(--theme-color)
}
.filter-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:35px;
    text-align:center;
    margin-bottom:60px
}
@media(max-width: 1199px){
    .filter-menu{
        margin-bottom:50px
    }
}
@media(max-width: 991px){
    .filter-menu{
        margin-top:-10px;
        margin-bottom:45px;
        gap:6px
    }
}
.filter-menu .th-btn{
    padding:13.5px 24px;
    border-radius:24px
}
.filter-menu .th-btn.active{
    background-color:var(--title-color);
    color:var(--white-color)
}
.filter-menu .tab-btn{
    position:relative;
    background:rgba(0,0,0,0);
    border:none;
    border-left:1px solid rgba(0,0,0,0);
    border-radius:10px;
    font-size:16px;
    font-weight:300;
    color:var(--body-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.filter-menu .tab-btn:not(:last-child):before{
    content:"";
    position:absolute;
    width:20px;
    height:1px;
    right:-35%;
    top:50%;
    background-color:#d8dde1;
    -webkit-transform:rotate(105deg);
    transform:rotate(105deg)
}
.filter-menu .tab-btn:hover,.filter-menu .tab-btn.active{
    color:var(--title-color);
    background:-webkit-gradient(linear, left top, right top, from(#F8F8F8), to(rgba(248, 248, 248, 0)));
    background:linear-gradient(90deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);
    border:none;
    border-left:1px solid #121212;
    border-radius:10px
}
.filter-menu .tab-btn:hover:before,.filter-menu .tab-btn.active:before{
    opacity:1;
    visibility:visible
}
.widget_info{
    background-color:#fff2f2;
    border-radius:16px;
    border:none;
    padding:34px 56px
}
@media(max-width: 1299px){
    .widget_info{
        padding:30px 30px
    }
}
.widget_info .widget_title{
    font-weight:600;
    font-size:32px;
    line-height:48px;
    letter-spacing:.02em;
    color:var(--title-color);
    max-width:307px
}
@media(max-width: 375px){
    .widget_info .widget_title{
        font-size:25px;
        line-height:35px
    }
}
.widget_info .table{
    border:none;
    margin-bottom:0
}
.widget_info .table tbody tr th{
    border:none;
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--title-color)
}
.widget_info .table tbody tr td{
    font-weight:400;
    border:none
}
.project-info_subtitle{
    font-size:14px;
    margin-bottom:0
}
.project-info_title{
    font-weight:600;
    font-size:18px;
    letter-spacing:.02em;
    color:var(--title-color);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:44px;
    margin-bottom:0
}
.project-info_title a{
    color:inherit
}
.project-info_title a:hover{
    color:var(--theme-color)
}
.video-img3{
    position:relative;
    z-index:2
}
.video-img3:before{
    content:"";
    position:absolute;
    inset:0;
    background:-webkit-gradient(linear, left bottom, left top, from(rgba(25, 35, 97, 0.5)), to(rgba(25, 35, 97, 0.5)));
    background:linear-gradient(0deg, rgba(25, 35, 97, 0.5), rgba(25, 35, 97, 0.5));
    z-index:1
}
.video-img3 .video-play-btn{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:3;
    background-color:var(--white-color)
}
.video-img3 .video-play-btn:before,.video-img3 .video-play-btn:after{
    border-color:var(--white-color)
}
.video-img3 .video-play-btn i{
    color:var(--theme-color)
}
.project-nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
    padding:17px 0;
    margin-top:22px
}
.project-nav .icon-btn{
    --btn-size: 55px;
    font-size:16px;
    border-radius:99px;
    border:none;
    background-color:rgba(0,0,0,0);
    border:1px solid #ededed;
    color:var(--title-color)
}
@media(max-width: 375px){
    .project-nav .icon-btn{
        --btn-size: 45px
    }
}
.project-nav .icon-btn:hover{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.project-nav .nav-btn{
    color:var(--body-color);
    font-family:var(--title-font);
    font-weight:500
}
@media(max-width: 375px){
    .project-nav .nav-btn{
        font-size:14px
    }
}
.project-nav .nav-btn:first-child .icon-btn{
    margin-right:10px
}
.project-nav .nav-btn:last-child .icon-btn{
    margin-left:10px
}
.project-nav .nav-btn:hover{
    color:var(--theme-color)
}
.social-links{
    padding:0;
    display:inline-block
}
.social-links .title{
    font-weight:500;
    font-size:16px;
    letter-spacing:.02em;
    color:var(--white-color);
    margin-right:16px;
    display:inline-block
}
.social-links li{
    display:inline-block;
    list-style:none;
    margin:0 10px 0 0
}
.social-links a{
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center;
    border:1px solid rgba(183,189,222,.5);
    border-radius:50%;
    margin:0 10px 0 0
}
.social-links a:hover{
    background-color:var(--theme-color);
    color:var(--white-color);
    border-color:var(--theme-color)
}
.marquee-area{
    position:relative;
    padding:20px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    z-index:2;
    overflow:hidden;
    background-attachment:fixed;
    z-index:2;
    background-color:var(--title-color)
}
.marquee{
    position:relative;
    --duration: 120s;
    --gap: 35px;
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    gap:var(--gap)
}
.marquee:first-child{
    --duration: 100s
}
.marquee:last-child{
    --duration: 80s
}
.marquee.marquee--reverse .marquee-group{
    --gap: 35px;
    animation-direction:reverse
}
.marquee .marquee-group{
    -ms-flex-negative:0;
    flex-shrink:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:distribute;
    -webkit-box-pack:start;
    justify-content:flex-start;
    gap:var(--gap);
    -webkit-animation:scroll var(--duration) linear infinite;
    animation:scroll var(--duration) linear infinite
}
.marquee .marquee-group.style2 .item{
    font-family:var(--body-font);
    font-weight:700;
    font-size:57px;
    letter-spacing:.02em;
    color:#1c2359;
    -webkit-text-fill-color:rgba(0,0,0,0);
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#1c2359
}
.marquee .marquee-group .img{
    margin:20px
}
.marquee .marquee-group .item{
    font-family:var(--title-font);
    font-size:30px;
    font-weight:700;
    color:var(--title-color);
    display:inline-block;
    cursor:pointer;
    font-family:var(--title-font);
    font-weight:500;
    font-size:74px;
    line-height:84px;
    letter-spacing:.02em;
    font-weight:300;
    font-size:57px;
    line-height:72px;
    color:var(--white-color);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.marquee .marquee-group .item span{
    margin:0px
}
.marquee .marquee-group .item img{
    margin:0;
    margin-right:35px
}
.marquee-area3{
    position:relative;
    z-index:2;
    min-height:240px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.marquee-area3:before{
    content:"";
    position:absolute;
    inset:0;
    background-color:var(--title-color);
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg);
    z-index:-1
}
.marquee-slider1 .swiper-slide{
    width:auto
}
.marquee-card{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:40px
}
.marquee-card a{
    font-size:94px;
    font-weight:700;
    font-family:var(--title-font);
    -webkit-text-stroke:1px var(--body-color);
    -webkit-background-clip:text;
    background-clip:text;
    color:var(--white-color);
    line-height:normal;
    margin:-0.27em 0 -0.03em
}
.marquee-card .star-icon{
    color:var(--theme-color)
}
@media(max-width: 1199px){
    .marquee-card a{
        font-size:70px
    }
}
@media(max-width: 991px){
    .marquee-card a{
        font-size:60px;
        margin:-0.24em 0 -0.03em
    }
}
@media(max-width: 575px){
    .marquee-card a{
        font-size:50px;
        margin:-0.24em 0 -0.03em
    }
}
.main-menu ul.mega-menu{
    position:absolute;
    top:100%;
    left:0 !important;
    right:0 !important;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:1200px;
    max-width:-webkit-max-content;
    max-width:-moz-max-content;
    max-width:max-content;
    max-height:500px;
    overflow:overlay;
    opacity:0;
    visibility:hidden;
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-transform:scaleY(0) translateZ(100px);
    transform:scaleY(0) translateZ(100px);
    -webkit-transition:opacity 500ms ease,visibility 500ms ease,-webkit-transform 700ms ease;
    transition:opacity 500ms ease,visibility 500ms ease,-webkit-transform 700ms ease;
    transition:opacity 500ms ease,visibility 500ms ease,transform 700ms ease;
    transition:opacity 500ms ease,visibility 500ms ease,transform 700ms ease,-webkit-transform 700ms ease;
    z-index:99;
    background-color:var(--white-color);
    padding:20px 10px
}
@media(max-width: 1599px){
    .main-menu ul.mega-menu{
        -webkit-transform:scaleY(0) translateX(14%);
        transform:scaleY(0) translateX(14%)
    }
}
@media(max-width: 1599px){
    .main-menu ul.mega-menu{
        width:1170px;
        left:-10rem !important
    }
}
.main-menu ul.mega-menu li{
    -webkit-box-flex:1;
    -ms-flex:1 1 100%;
    flex:1 1 100%;
    width:100%;
    position:relative
}
.main-menu ul.mega-menu a{
    font-size:16px;
    line-height:30px
}
.main-menu ul.mega-menu::-webkit-scrollbar{
    width:5px;
    height:5px;
    border-radius:0px
}
.main-menu ul.mega-menu::-webkit-scrollbar-track{
    background:#fff;
    -webkit-box-shadow:inset 0 0 0px rgba(0,0,0,.3);
    box-shadow:inset 0 0 0px rgba(0,0,0,.3);
    border-radius:0px
}
.main-menu ul.mega-menu::-webkit-scrollbar-thumb{
    background-color:var(--theme-color);
    background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
    border-radius:0px
}
.main-menu ul.mega-menu li li{
    padding:2px 0
}
.main-menu ul.mega-menu li a{
    display:inline-block;
    text-transform:capitalize
}
.main-menu ul.mega-menu>li>a{
    display:block;
    padding:0;
    padding-bottom:15px;
    margin-bottom:10px;
    text-transform:capitalize;
    letter-spacing:1px;
    font-weight:700;
    color:var(--title-color);
    border-color:var(--theme-color)
}
.main-menu ul.mega-menu>li>a::after,.main-menu ul.mega-menu>li>a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:15px;
    height:1px;
    background-color:var(--theme-color)
}
.main-menu ul.mega-menu>li>a::after{
    width:calc(100% - 20px);
    left:20px
}
.main-menu ul.mega-menu>li>a:hover{
    padding-left:0
}
@media(max-width: 1299px){
    .main-menu ul.mega-menu{
        width:1060px
    }
}
@media(max-width: 1199px){
    .main-menu ul.mega-menu{
        width:900px
    }
}
@media(max-width: 991px){
    .main-menu ul.mega-menu{
        padding:10px 0 !important
    }
}
.main-menu ul.mega-menu .th-mobile-menu ul li ul li{
    padding-left:0px
}
.main-menu ul.mega-menu .th-mobile-menu ul li a:before{
    content:"";
    font-family:var(--icon-font);
    position:absolute;
    left:0;
    top:12px;
    margin-right:10px;
    display:none
}
.mega-menu-box{
    -webkit-box-shadow:0px 0px 34px rgba(0,0,0,.08);
    box-shadow:0px 0px 34px rgba(0,0,0,.08);
    border-radius:5px
}
.mega-menu-box .mega-menu-img{
    position:relative;
    border-radius:5px 5px 0 0;
    overflow:hidden
}
.mega-menu-box .mega-menu-img:after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0)
}
.mega-menu-box .mega-menu-img img{
    -webkit-transition:-webkit-filter 500ms ease;
    transition:-webkit-filter 500ms ease;
    transition:filter 500ms ease;
    transition:filter 500ms ease, -webkit-filter 500ms ease;
    -webkit-filter:blur(0px);
    filter:blur(0px)
}
.mega-menu-box .mega-menu-img .btn-wrap{
    z-index:1;
    background:rgba(0,0,0,.5);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px;
    -webkit-transform:scale(1, 0);
    transform:scale(1, 0);
    -webkit-transition:opacity 600ms linear,-webkit-transform 500ms ease;
    transition:opacity 600ms linear,-webkit-transform 500ms ease;
    transition:transform 500ms ease,opacity 600ms linear;
    transition:transform 500ms ease,opacity 600ms linear,-webkit-transform 500ms ease;
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    opacity:0
}
.mega-menu-box .mega-menu-img .btn-wrap .th-btn{
    padding:6px 18px;
    font-size:14px;
    color:var(--white-color);
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    margin:0;
    display:block !important
}
.mega-menu-box:hover .btn-wrap{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    opacity:1;
    -webkit-transform-origin:top center;
    transform-origin:top center
}
.mega-menu-box:hover .mega-menu-img img{
    -webkit-filter:blur(2px);
    filter:blur(2px)
}
.mega-menu-box .mega-menu-title{
    margin-bottom:0;
    text-align:center;
    line-height:normal;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:14px 0
}
.mega-menu-box .mega-menu-title span{
    color:var(--theme-color);
    text-transform:capitalize;
    font-size:16px;
    margin-right:5px
}
.mega-menu-box .mega-menu-title span:after{
    display:none
}
.mega-menu-box .mega-menu-title a{
    color:var(--black-color2);
    line-height:normal
}
.mega-menu-box .mega-menu-title a:after{
    display:none
}
.mega-menu-box .mega-menu-title a:hover{
    color:var(--title-color)
}
@media(max-width: 991px){
    .mega-menu-box .mega-menu-title a{
        padding:0
    }
    .mega-menu-box .mega-menu-title a:before{
        display:none
    }
}
.process-card{
    position:relative;
    max-width:323px;
    text-align:center;
    z-index:2
}
@media(max-width: 767px){
    .process-card{
        display:block;
        margin:auto
    }
}
.process-card_wrapp:nth-child(even) .process-card{
    display:block;
    margin:auto
}
.process-card_wrapp:last-child .process-card{
    display:block;
    margin-left:auto
}
@media(max-width: 1199px){
    .process-card_wrapp:last-child .process-card{
        margin:auto
    }
}
.process-card_wrapp:not(:last-child) .process-card:after{
    content:"";
    background-image:url("data:image/svg+xml,%3Csvg width='156' height='57' viewBox='0 0 156 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M136.664 38.1822C113.175 38.6873 91.2007 48.7902 67.7113 50.0531C60.8918 50.3057 54.0723 49.548 48.7683 46.5171C58.3661 44.7495 67.4587 41.466 74.2782 35.1513C81.6033 28.5848 82.3606 16.4612 77.8143 7.87371C73.5205 -0.208645 62.6598 -0.461216 55.0826 1.55937C37.1495 5.85271 25.0264 27.3215 35.1289 42.4755C24.0156 43.2332 12.9024 42.4755 2.04173 42.981C-0.231428 43.2332 -0.231428 46.5167 2.29431 46.5167C13.4076 47.2744 26.794 48.2847 39.9278 47.527C40.6855 48.0325 41.4432 48.7902 42.201 49.295C68.9738 67.9854 108.123 44.4961 136.916 43.7384C140.2 43.4858 140.2 37.9296 136.664 38.1822ZM37.4021 32.12C34.6237 21.7649 43.7164 12.9248 52.0513 8.63061C60.3863 4.33686 72.2572 4.33686 75.0355 15.1975C78.319 27.8262 67.4583 35.403 57.1028 38.6869C52.3039 40.2023 47.7576 41.2126 42.9587 41.7178C40.1808 39.192 38.4128 36.1611 37.4021 32.12Z' fill='%23F96363'/%3E%3Cpath d='M153.838 38.4338C150.302 36.1607 147.019 33.8875 143.735 31.6147C140.957 29.5941 138.179 27.321 134.895 26.5633C132.369 25.8055 129.844 29.5941 132.117 31.3617C134.895 33.3823 137.926 35.1504 140.705 36.9184C142.725 38.1817 144.746 39.6967 146.514 40.9596C144.493 41.9698 142.472 42.7276 140.452 43.7379C138.936 44.4956 137.168 45.2533 135.653 46.011C135.148 46.2636 134.643 46.7687 134.39 47.2739C133.632 48.2842 134.137 47.7795 134.39 47.5265C133.38 48.2842 133.38 50.8099 135.148 50.5574C135.653 50.8099 136.158 50.8099 136.915 50.8099C138.683 50.3048 140.704 49.5471 142.472 48.7893C146.261 47.2735 150.049 45.758 153.586 43.7379C155.606 42.2228 155.606 39.4441 153.838 38.4338Z' fill='%23F96363'/%3E%3C/svg%3E%0A");
    background-repeat:no-repeat;
    height:56px;
    width:155px;
    position:absolute;
    top:50%;
    right:-75%
}
@media(max-width: 1500px){
    .process-card_wrapp:not(:last-child) .process-card:after{
        right:-50%
    }
}
@media(max-width: 1199px){
    .process-card_wrapp:not(:last-child) .process-card:after{
        display:none
    }
}
@media(max-width: 767px){
    .process-card_wrapp:not(:last-child) .process-card:after{
        display:none
    }
}
.process-card .process-wrapp{
    -webkit-mask-image:url("../img/shape/process-shape.png");
    mask-image:url("../img/shape/process-shape.png");
    background-color:var(--white-color);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
    padding:26px 30px 40px 30px;
    margin-bottom:32px
}
.process-card .box-icon{
    width:100px;
    height:100px;
    line-height:100px;
    text-align:center;
    border-radius:50%;
    background-color:var(--theme-color);
    display:block;
    margin:auto
}
.process-card .box-icon img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.process-card .divided{
    width:2px;
    height:37px;
    background:var(--title-color);
    display:block;
    margin:24px auto
}
.process-card .number{
    font-family:var(--title-font);
    font-weight:600;
    font-size:32px;
    line-height:48px;
    letter-spacing:.02em;
    color:var(--theme-color)
}
@media(max-width: 575px){
    .process-card .number{
        font-size:25px
    }
}
.process-card .box-title{
    margin-bottom:5px
}
.process-card .box-text{
    font-size:18px;
    margin-bottom:0
}
.process-card:hover .box-icon img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.process-box{
    max-width:243px;
    text-align:center;
    position:relative
}
.process-box-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    gap:30px
}
.process-box:after{
    content:url('data:image/svg+xml,<svg width="114" height="24" viewBox="0 0 114 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.568565 17.4547C14.2501 22.6995 29.7636 24.1449 44.2984 23.7434C59.1912 23.322 73.9255 20.5648 87.963 15.5726C91.7573 14.2342 95.493 12.7286 99.1702 11.0556C101.104 10.189 103.015 9.27555 104.902 8.31527C106.819 7.3416 108.967 6.49842 110.423 4.89236C110.764 4.54217 110.984 4.09127 111.05 3.6064C111.115 3.12152 111.023 2.62842 110.787 2.20004C110.55 1.77166 110.182 1.43076 109.737 1.22778C109.292 1.0248 108.793 0.970522 108.315 1.07297C105.082 1.75554 101.981 4.16462 99.0196 5.62011C95.7021 7.25125 92.3144 8.75693 88.8764 10.107C82.2655 12.6862 75.4667 14.7551 68.5397 16.2953C54.519 19.4574 40.1066 20.5213 25.7736 19.4522C17.3819 18.8048 9.27639 17.3644 1.01023 15.8838C0.80738 15.8331 0.592794 15.8625 0.41105 15.9659C0.229305 16.0693 0.0943765 16.2387 0.0342942 16.439C-0.025788 16.6392 -0.00641477 16.8549 0.0884075 17.0413C0.18323 17.2277 0.346213 17.3703 0.543477 17.4396L0.568565 17.4547Z" fill="%23D8DDE1"/><path d="M97.78 2.8843C100.184 3.7074 102.799 3.84793 105.308 4.18921C106.468 4.34982 107.627 4.51042 108.786 4.66099C109.219 4.7682 109.661 4.82877 110.106 4.84167C110.337 4.84167 111.025 5.15786 110.408 4.81156C110.096 4.2394 109.785 3.66725 109.469 3.09509C109.499 3.73249 107.637 5.38873 107.226 5.88059L105.007 8.57575C103.757 10.0814 102.111 11.3361 102.237 13.409C102.236 13.6028 102.279 13.7944 102.362 13.9695C102.445 14.1446 102.567 14.2988 102.718 14.4207C102.868 14.5425 103.045 14.629 103.233 14.6737C103.422 14.7184 103.618 14.7201 103.808 14.6787C105.85 14.4027 106.819 12.5005 108.034 10.9949C109.248 9.48919 110.573 7.91325 111.838 6.36742C113.103 4.82159 114.483 2.13146 111.702 1.20296C109.896 0.600686 107.612 0.615743 105.735 0.435062C103.11 0.189135 100.47 -0.192302 97.8402 0.113852C96.3345 0.294533 96.5553 2.46773 97.7699 2.8843H97.78Z" fill="%23D8DDE1"/></svg>');
    position:absolute;
    top:30%;
    left:90%
}
.process-box .img-wrap{
    width:154px;
    height:172px;
    padding:8px;
    margin:0 auto 24px auto
}
.process-box .box-img{
    height:156px;
    position:relative
}
.process-box .box-img img{
    height:100%;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.process-box .box-title{
    font-size:22px;
    margin-bottom:10px
}
.process-box .box-text{
    margin-bottom:-0.4em
}
.process-box .box-number{
    width:36px;
    height:40px;
    line-height:40px;
    font-size:18px;
    font-weight:600;
    color:var(--white-color);
    background-color:var(--theme-color);
    position:absolute;
    bottom:0;
    left:calc(50% - 18px);
    clip-path:path("M16.8293 0.872822L1.15962 9.76303C0.441905 10.1702 0 10.9214 0 11.7342V29.5255C0 30.3435 0.447543 31.0987 1.1725 31.5039L16.8486 40.2672C17.5622 40.6662 18.4378 40.6661 19.1514 40.2671L34.8278 31.5011C35.5526 31.0957 36 30.3407 36 29.5228V11.8415C36 11.0326 35.5623 10.2845 34.8501 9.87582L19.1674 0.878402C18.4458 0.464403 17.5529 0.46229 16.8293 0.872822Z");
    text-align:center;
    margin:0
}
.process-box:nth-child(even):after{
    -webkit-transform:rotateX(180deg) translate(10px, 10px);
    transform:rotateX(180deg) translate(10px, 10px)
}
.process-box:nth-child(even) .box-number{
    background-color:var(--theme-color)
}
.process-box:last-child:after{
    display:none
}
@media(max-width: 1299px){
    .process-box:after{
        display:none
    }
}
@media(max-width: 991px){
    .process-box{
        -webkit-box-flex:50%;
        -ms-flex:50%;
        flex:50%;
        max-width:334px
    }
    .process-box-wrap{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        gap:40px 20px
    }
}
@media(max-width: 767px){
    .process-box{
        margin-left:auto;
        margin-right:auto
    }
}
.process-box:hover .box-img img{
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.process-box.style2 .img-wrap{
    position:relative
}
.process-box.style2 .img-wrap .box-number{
    right:20px;
    top:10px;
    left:auto;
    bottom:auto;
    clip-path:path("M13.6292 2.57217C16.3474 1.06206 19.6526 1.06206 22.3708 2.57217L30.3708 7.01662C33.228 8.60394 35 11.6155 35 14.884V23.116C35 26.3845 33.228 29.3961 30.3708 30.9834L22.3708 35.4278C19.6526 36.9379 16.3474 36.9379 13.6292 35.4278L5.62921 30.9834C2.77203 29.3961 1 26.3845 1 23.116V14.884C1 11.6155 2.77203 8.60394 5.62921 7.01662L13.6292 2.57217Z");
    background:var(--theme-color)
}
.particle-1{
    min-width:1400px;
    height:744px
}
.particle-2{
    max-width:1500px;
    height:517px
}
.particle-2.small{
    max-width:515px;
    height:490px
}
.particle-3{
    max-width:1300px;
    height:744px
}
.box-particle{
    position:absolute;
    bottom:0;
    right:0;
    max-width:180px;
    height:100px;
    z-index:-1
}
.price-particle{
    max-width:190px;
    height:165px
}
.body-particle{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    z-index:-1
}
.feature-card{
    background-color:#0c02021c;
    border-radius:16px;
    padding:40px
}
@media(max-width: 1399px){
    .feature-card{
        padding:30px
    }
}
.feature-card_wrapp:nth-child(2) .feature-card{
    background-color:#00598d26
}
.feature-card_wrapp:nth-child(3) .feature-card{
    background-color:#ef822321
}
.feature-card .box-icon{
    margin-bottom:30px
}
.feature-card .box-icon img{
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.feature-card .box-title{
    margin-bottom:10px
}
@media(max-width: 1500px){
    .feature-card .box-title{
        font-size:25px
    }
}
@media(max-width: 1399px){
    .feature-card .box-title{
        font-size:20px
    }
}
.feature-card .box-text{
    max-width:380px;
    color:var(--title-color);
    margin-bottom:24px
}
.feature-card .th-btn{
    padding:15px 24px
}
.feature-card:hover .box-icon img{
    -webkit-transform:scale(-1) rotate(180deg);
    transform:scale(-1) rotate(180deg)
}
.feature-shape{
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:var(--theme-color);
    display:block
}
.feature-shape.style2{
    width:20px;
    height:20px;
    background-color:var(--theme-color)
}
.feature-shape.style3{
    width:20px;
    height:20px
}
.feature-shape.style4{
    width:14px;
    height:14px
}
.choose-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:24px
}
@media(max-width: 767px){
    .choose-item{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center
    }
}
.choose-item:nth-child(2) .box-icon{
    background-color:rgba(30,188,180,.1)
}
.choose-item:nth-child(2) .box-icon{
    background-color:rgba(30,188,180,.1)
}
.choose-item:nth-child(3) .box-icon{
    background-color:rgba(249,99,99,.1)
}
.choose-item:nth-child(4) .box-icon{
    background-color:rgba(78,178,249,.1)
}
.choose-item:not(:last-child){
    margin-bottom:40px
}
.choose-item-wrap{
    margin-right:100px
}
@media(max-width: 1199px){
    .choose-item-wrap{
        margin:0
    }
}
.choose-item .box-icon{
    width:64px;
    height:64px;
    line-height:64px;
    text-align:center;
    border-radius:50%;
    background:rgba(94,92,237,.1)
}
.choose-item .box-icon img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
@media(max-width: 767px){
    .choose-item .box-icon{
        display:block;
        margin:auto
    }
}
.choose-item .box-title{
    text-transform:capitalize;
    margin-bottom:10px
}
.choose-item .box-text{
    font-size:18px;
    margin-bottom:-0.4rem
}
.choose-item.style2{
    max-width:525px
}
@media(max-width: 1199px){
    .choose-item.style2{
        max-width:100%
    }
}
@media(max-width: 375px){
    .choose-item.style2{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.choose-item.style2:not(:last-child){
    margin-bottom:56px
}
.choose-item.style2 .box-icon{
    width:80px;
    height:80px;
    line-height:80px;
    background-color:rgba(0,0,0,0);
    border:1px dashed var(--white-color)
}
@media(max-width: 375px){
    .choose-item.style2 .box-icon{
        display:block
    }
}
.choose-item.style2 .box-title{
    color:var(--white-color)
}
.choose-item.style2 .box-text{
    letter-spacing:.02em;
    color:#b7bdde
}
.choose-item:hover .box-icon img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.choose-img-box{
    position:relative;
    z-index:2;
    height:818px
}
@media(max-width: 767px){
    .choose-img-box{
        height:100%
    }
}
.choose-img-box .img1{
    position:absolute;
    top:30%;
    width:403px;
    height:403px;
    border-radius:294px
}
@media(max-width: 767px){
    .choose-img-box .img1{
        position:relative;
        top:0;
        width:auto;
        height:auto;
        margin-bottom:24px
    }
}
.choose-img-box .img1 img{
    border-radius:294px
}
.choose-img-box .img2{
    position:absolute;
    top:0;
    right:-45px;
    width:539px;
    height:539px;
    border-radius:294px
}
@media(max-width: 767px){
    .choose-img-box .img2{
        position:relative;
        right:0;
        width:auto;
        height:auto;
        margin-bottom:25px
    }
}
.choose-img-box .img2 img{
    border-radius:294px
}
.choose-img-box .img3{
    position:absolute;
    left:40%;
    bottom:0;
    width:280px;
    height:280px;
    border-radius:294px
}
@media(max-width: 767px){
    .choose-img-box .img3{
        position:relative;
        left:0;
        width:100%;
        height:100%
    }
}
.choose-img-box .img3 img{
    border-radius:294px
}
.choose-shape,.choose-shape2{
    position:absolute;
    z-index:1
}
.choose-shape{
    bottom:0%;
    right:80px;
    -webkit-animation:ripple 15s linear infinite;
    animation:ripple 15s linear infinite
}
.choose-shape2{
    bottom:0%;
    right:0px;
    -webkit-animation:ripple 10s linear infinite;
    animation:ripple 10s linear infinite
}
.feature-box{
    background-color:#ebf5de;
    border-radius:16px;
    padding:35px 64px;
    text-align:center
}
@media(max-width: 1500px){
    .feature-box{
        padding:35px 30px
    }
}
@media(max-width: 991px){
    .feature-box{
        padding:30px
    }
}
@media(max-width: 767px){
    .feature-box{
        text-align:center;
        padding:30px 20px
    }
}
.feature-box_wrapp:nth-child(2) .feature-box{
    background-color:#f2f3fc
}
.feature-box_wrapp:nth-child(3) .feature-box{
    background-color:#fff2f2
}
.feature-box .box-icon{
    width:80px;
    height:80px;
    line-height:80px;
    display:block;
    margin:auto auto 24px auto;
    text-align:center;
    border-radius:50%;
    background-color:var(--white-color)
}
.feature-box .box-icon img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
@media(max-width: 575px){
    .feature-box .box-title{
        font-size:18px
    }
}
.feature-box .box-text{
    letter-spacing:.02em;
    margin-bottom:20px
}
.feature-box .line-btn:before{
    display:none
}
.feature-box:hover .box-icon img{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.feature-item{
    padding:24px;
    background:#31353a;
    border-radius:30px
}
@media(max-width: 480px){
    .feature-item:not(:last-child){
        margin-bottom:30px
    }
}
.feature-item-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:30px
}
@media(max-width: 480px){
    .feature-item-wrap{
        display:block
    }
}
.feature-item .box-title{
    color:var(--white-color);
    font-size:18px;
    font-weight:500;
    margin-bottom:5px
}
.feature-item .box-text{
    color:#a2abba;
    margin-bottom:-0.3rem
}
.process-wrap{
    position:relative
}
.process-wrap .process-bg-line{
    position:absolute;
    left:50%;
    top:60px;
    bottom:0;
    -webkit-transform:translate(-50%, 0);
    transform:translate(-50%, 0)
}
.process-wrap .process-bg-line img{
    height:calc(100% + 20px)
}
@media(max-width: 1199px){
    .process-wrap .process-bg-line{
        display:none
    }
}
.process-wrap .process-content{
    position:relative
}
.process-wrap .process-content:after,.process-wrap .process-content:before{
    content:"";
    position:absolute;
    width:60px;
    height:60px;
    border-radius:16px;
    display:inline-block;
    background:var(--white-color);
    left:0;
    top:50%;
    -webkit-transform:translate(-94px, -50%);
    transform:translate(-94px, -50%)
}
@media(max-width: 1399px){
    .process-wrap .process-content:after,.process-wrap .process-content:before{
        -webkit-transform:translate(-91px, -50%);
        transform:translate(-91px, -50%)
    }
}
@media(max-width: 1299px){
    .process-wrap .process-content:after,.process-wrap .process-content:before{
        -webkit-transform:translate(-84px, -50%);
        transform:translate(-84px, -50%)
    }
}
@media(max-width: 1199px){
    .process-wrap .process-content:after,.process-wrap .process-content:before{
        display:none
    }
}
.process-wrap .process-content:after{
    background:var(--theme-color);
    width:20px;
    height:20px;
    border-radius:50%;
    margin-left:20px
}
.process-wrap .process-content.left-content:after,.process-wrap .process-content.left-content:before{
    left:auto;
    right:0;
    -webkit-transform:translate(94px, -50%);
    transform:translate(94px, -50%)
}
@media(max-width: 1399px){
    .process-wrap .process-content.left-content:after,.process-wrap .process-content.left-content:before{
        -webkit-transform:translate(93px, -50%);
        transform:translate(93px, -50%)
    }
}
.process-wrap .process-content.left-content:after{
    margin-left:0;
    margin-right:20px
}
.process-wrap .process-content .two-column .checklist li{
    color:var(--body-color)
}
@media(max-width: 575px){
    .process-wrap .process-content .two-column{
        gap:10px
    }
}
.client-box.style2{
    margin:0;
    padding:0;
    display:block
}
.client-box.style2 .client-thumb-group{
    margin-bottom:16px
}
.client-box.style2 .client-thumb-group .thumb img{
    border-radius:50%;
    height:40px;
    border:1px solid var(--body-color)
}
.client-box.style2 .box-title{
    font-weight:400;
    font-size:16px;
    line-height:26px;
    color:var(--white-color)
}
.client-box.style2 .counter-number{
    color:var(--theme-color)
}
.choose-feature2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px
}
.choose-feature2 .box-icon{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    background-color:#fffa84;
    border-radius:20px
}
.choose-feature2:not(:last-child){
    margin-bottom:35px
}
.choose-feature2:not(:last-child) .box-icon{
    background-color:var(--theme-color)
}
.choose-feature2 .box-title{
    color:var(--white-color)
}
.choose-feature2 .box-text{
    color:#b7bec8;
    margin-bottom:-0.3rem
}
.choose-feature{
    background-color:var(--white-color);
    border-radius:30px;
    padding:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:30px
}
@media(max-width: 1399px){
    .choose-feature{
        display:block
    }
}
@media(max-width: 575px){
    .choose-feature{
        padding:25px
    }
}
.choose-feature.style2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#587662;
    border-radius:30px;
    padding:15px;
    height:100%
}
.choose-feature.style2 .box-title{
    text-align:center;
    display:block;
    max-width:100%;
    margin-bottom:0
}
@media(max-width: 375px){
    .choose-feature{
        display:block;
        margin:auto;
        text-align:center
    }
}
.choose-feature:not(:last-child){
    margin-bottom:40px
}
.choose-feature .box-img{
    min-width:258px;
    border-radius:16px
}
@media(max-width: 1399px){
    .choose-feature .box-img{
        min-width:100%;
        margin-bottom:30px
    }
}
.choose-feature .box-img img{
    border-radius:16px
}
.choose-feature .box-title{
    max-width:211px;
    margin-bottom:10px
}
@media(max-width: 767px){
    .choose-feature .box-title{
        max-width:100%
    }
}
@media(max-width: 575px){
    .choose-feature .box-title{
        font-size:22px
    }
}
.choose-feature .box-text{
    margin-bottom:20px
}
.choose-feature:hover .box-icon img{
    -webkit-transform:scale(-1) rotate(180deg);
    transform:scale(-1) rotate(180deg)
}
.choose-image .img1{
    min-width:815px;
    position:relative;
    z-index:2
}
@media(max-width: 767px){
    .choose-image .img1{
        min-width:100%;
        margin-top:20px
    }
}
.choose-image .img1 img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.choose-image .img1 .choose-shape{
    position:absolute;
    width:1104px;
    height:370px;
    left:-20%;
    bottom:-17%;
    z-index:-1
}
.choose-card{
    background:#f8f8f8;
    border-radius:30px;
    padding:50px
}
@media(max-width: 1299px){
    .choose-card{
        padding:30px
    }
}
.choose-card .box-img{
    -webkit-filter:drop-shadow(0px 4px 50px #EFEFEF);
    filter:drop-shadow(0px 4px 50px #EFEFEF);
    border-radius:20px 20px 0px 0px;
    margin-bottom:35px
}
.choose-card .box-img img{
    border-radius:20px 20px 0px 0px
}
.choose-card .box-title{
    font-size:30px;
    line-height:40px;
    color:var(--title-color);
    margin-bottom:10px
}
@media(max-width: 1299px){
    .choose-card .box-title{
        font-size:24px
    }
}
.choose-card .box-text{
    margin-bottom:-0.4rem
}
.feature-grid-thumb{
    position:relative;
    border-top:1px solid var(--smoke-color)
}
.feature-grid-thumb:before{
    content:"";
    position:absolute;
    top:-2px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background-color:#efefef;
    height:2px;
    width:var(--main-container)
}
.feature-timeline{
    position:relative
}
.feature-timeline .feature-area-title{
    margin-top:50px
}
@media(max-width: 1199px){
    .feature-timeline .feature-area-title{
        margin-top:30px
    }
}
@media(max-width: 767px){
    .feature-timeline .feature-area-title{
        margin-top:20px
    }
}
.feature-timeline .box-title{
    margin-bottom:15px
}
.feature-timeline .box-text{
    margin-bottom:-0.3rem
}
.feature-timeline .swiper-pagination-progressbar{
    position:relative;
    background-color:rgba(0,0,0,0)
}
.feature-timeline .swiper-pagination-progressbar:before{
    content:"";
    position:absolute;
    top:80px;
    left:0;
    height:4px;
    width:100%;
    border-top:1px solid var(--smoke-color)
}
@media(max-width: 1199px){
    .feature-timeline .swiper-pagination-progressbar:before{
        border:none
    }
}
.feature-timeline .swiper-pagination-custom{
    position:relative;
    top:0;
    list-style:none;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px;
    margin:0;
    z-index:11
}
@media(max-width: 1199px){
    .feature-timeline .swiper-pagination-custom{
        display:grid;
        grid-template-columns:auto auto;
        gap:40px
    }
}
@media(max-width: 480px){
    .feature-timeline .swiper-pagination-custom{
        grid-template-columns:auto
    }
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch{
    position:relative;
    width:100%;
    display:block
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title{
    position:absolute;
    top:26%;
    left:40px;
    width:16px;
    height:16px;
    line-height:16px;
    border-radius:50%;
    font-family:var(--title-font);
    color:var(--title-color);
    font-weight:500;
    background-color:var(--theme-color);
    text-align:center;
    -webkit-transform:translateX(50%);
    transform:translateX(50%);
    -webkit-transition:.4s all ease-in-out;
    transition:.4s all ease-in-out;
    -webkit-transition-delay:0s;
    transition-delay:0s;
    cursor:pointer;
    z-index:3
}
@media(max-width: 1399px){
    .feature-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title{
        top:23%
    }
}
@media(max-width: 1199px){
    .feature-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title{
        display:none
    }
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:before{
    content:"";
    position:absolute;
    inset:-5px;
    border:5px solid rgba(0,0,0,0);
    border-radius:50%;
    z-index:-1;
    -webkit-transition:.4s all ease-in-out;
    transition:.4s all ease-in-out
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch.item-active .switch-title{
    background-color:var(--theme-color);
    color:var(--white-color)
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch.item-active .switch-title:before{
    background:rgba(87,179,62,.3)
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch.item-active .feature-date{
    color:var(--theme-color)
}
.feature-timeline .swiper-pagination-custom .swiper-pagination-switch .feature-date{
    font-weight:600;
    font-size:48px;
    line-height:58px;
    text-transform:capitalize;
    color:#010f1c
}
@media(max-width: 767px){
    .feature-timeline .swiper-pagination-custom .swiper-pagination-switch .feature-date{
        font-size:38px;
        line-height:48px
    }
}
.feature-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:40px
}
@media(max-width: 767px){
    .feature-wrap{
        display:block
    }
}
.feature-grid .feature-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:10px
}
.feature-grid .box-icon i{
    font-size:22px;
    color:var(--title-color)
}
.feature-grid .box-title{
    font-size:22px;
    font-weight:500;
    margin-bottom:10px
}
.choose-area2{
    background-color:#0a0a0a
}
.choose-counter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:0px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column;
    flex-flow:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    margin-right:130px
}
@media(max-width: 1199px){
    .choose-counter{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
        margin:0;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:start;
        padding-bottom:50px
    }
}
.choose-counter .box-title{
    font-weight:600;
    font-size:164px;
    line-height:174px;
    text-transform:capitalize;
    color:var(--body-color);
    display:block;
    margin:0
}
@media(max-width: 1199px){
    .choose-counter .box-title{
        font-size:140px;
        line-height:150px
    }
}
@media(max-width: 767px){
    .choose-counter .box-title{
        font-size:100px;
        line-height:140px
    }
}
@media(max-width: 375px){
    .choose-counter .box-title{
        font-size:60px;
        line-height:80px
    }
}
.choose-counter .text{
    font-family:var(--title-font);
    font-weight:600;
    font-size:74px;
    line-height:84px;
    text-transform:capitalize;
    color:var(--white-color);
    display:inline-block;
    min-width:512px;
    margin:0
}
@media(max-width: 1199px){
    .choose-counter .text{
        font-size:54px;
        line-height:64px
    }
}
@media(max-width: 767px){
    .choose-counter .text{
        font-size:44px;
        line-height:54px
    }
}
@media(max-width: 375px){
    .choose-counter .text{
        font-size:34px;
        line-height:44px
    }
}
.choose-content .title-area{
    max-width:550px
}
.choose-grid{
    position:relative;
    background:#0a0a0a;
    border:1px solid #4661ff;
    border-radius:30px;
    padding:30px;
    max-width:542px;
    z-index:2
}
.choose-grid:before{
    content:"";
    position:absolute;
    top:0;
    left:-35%;
    width:163px;
    height:94px;
    background-color:rgba(0,0,0,0);
    -webkit-mask-image:url("../img/icon/line-shape1.html");
    mask-image:url("../img/icon/line-shape1.html");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%
}
@media(max-width: 767px){
    .choose-grid:before{
        display:none
    }
}
.choose-grid:nth-child(3){
    margin-left:200px;
    border-color:#f3ba0e
}
@media(max-width: 1299px){
    .choose-grid:nth-child(3){
        margin-left:150px
    }
}
@media(max-width: 767px){
    .choose-grid:nth-child(3){
        margin-left:0
    }
}
.choose-grid:nth-child(3):before{
    background-color:#4661ff
}
.choose-grid:nth-child(4){
    margin-left:400px;
    border-color:#70d715
}
@media(max-width: 1299px){
    .choose-grid:nth-child(4){
        margin-left:350px
    }
}
@media(max-width: 991px){
    .choose-grid:nth-child(4){
        margin-left:200px
    }
}
@media(max-width: 767px){
    .choose-grid:nth-child(4){
        margin-left:0
    }
}
.choose-grid:nth-child(4):before{
    background-color:#f3ba0e
}
.choose-grid:not(:last-child){
    margin-bottom:24px
}
.choose-grid .choose-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:10px
}
.choose-grid .box-title{
    font-size:22px;
    font-weight:500;
    color:var(--white-color);
    margin-bottom:0
}
.choose-grid .box-text{
    color:#7a8392;
    margin:10px 0 -0.3rem 0
}
.choose-btn{
    margin-top:-135px
}
@media(max-width: 991px){
    .choose-btn{
        margin-top:-85px
    }
}
@media(max-width: 767px){
    .choose-btn{
        margin-top:0
    }
}
.choose-progress-bar{
    width:100%;
    height:100%;
    display:block;
    margin:auto;
    margin-left:50px
}
@media(max-width: 1500px){
    .choose-progress-bar{
        margin-left:0
    }
}
.choose-progress-bar .progress-bar{
    float:left;
    width:21%;
    height:594px;
    border-radius:30px;
    padding:0;
    background-color:var(--white-color);
    -webkit-transition:none;
    transition:none
}
@media(max-width: 480px){
    .choose-progress-bar .progress-bar{
        width:45%;
        margin-bottom:25px
    }
}
@media(max-width: 375px){
    .choose-progress-bar .progress-bar{
        width:40%
    }
}
.choose-progress-bar .progress-bar:not(:last-child){
    margin-right:25px
}
@media(max-width: 480px){
    .choose-progress-bar .progress-bar:not(:last-child){
        margin:10px
    }
}
@media(max-width: 480px){
    .choose-progress-bar .progress-bar:last-child{
        margin:10px
    }
}
.choose-progress-bar .progress-track{
    position:relative;
    width:100%;
    height:594px;
    background-color:var(--white-color);
    border-radius:30px
}
.choose-progress-bar .progress-fill{
    position:absolute;
    bottom:0;
    background-color:#c5dacc;
    width:100%;
    color:var(--white-color);
    padding:20px 10px;
    text-align:center;
    font-size:12px;
    border-radius:30px;
    line-height:20px;
    -webkit-animation:grow 1s ease-in-out;
    animation:grow 1s ease-in-out;
    height:0
}
@-webkit-keyframes grow{
    from{
        height:0
    }
    to{
        height:100%
    }
}
@keyframes grow{
    from{
        height:0
    }
    to{
        height:100%
    }
}
.choose-progress-bar .counter{
    font-family:var(--title-font);
    font-weight:600;
    font-size:30px;
    line-height:40px;
    letter-spacing:.02em;
    color:#010f1c;
    display:block
}
.choose-progress-bar .text{
    font-family:var(--title-font);
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    color:#4d5765;
    display:block
}
@media(max-width: 1199px){
    .choose-area2{
        background-position:left center
    }
}
.choose-about{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    gap:25px;
    max-width:560px;
    background-color:var(--white-color);
    padding:24px;
    border-radius:16px;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
@media(max-width: 1199px){
    .choose-about{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        text-align:center;
        margin:auto
    }
}
.choose-about:not(:last-child){
    margin-bottom:32px
}
.choose-about_number{
    width:56px;
    height:56px;
    line-height:56px;
    text-align:center;
    font-size:32px;
    font-family:var(--title-font);
    color:var(--title-color);
    font-weight:600;
    background-color:#f2f3fc;
    border-radius:64px
}
@media(max-width: 1199px){
    .choose-about_number{
        display:block;
        margin:auto
    }
}
.choose-about_text{
    margin-bottom:0
}
@media(max-width: 375px){
    .choose-about_text{
        text-align:center
    }
}
.choose-about img{
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.choose-about .box-title{
    font-size:24px;
    font-weight:600;
    margin-bottom:3px
}
@media(max-width: 375px){
    .choose-about .box-title{
        text-align:center
    }
}
.choose-about.item-active,.choose-about:hover{
    background-color:var(--title-color)
}
.choose-about.item-active .choose-about_icon,.choose-about:hover .choose-about_icon{
    background-color:var(--white-color)
}
.choose-about.item-active .choose-about_text,.choose-about:hover .choose-about_text{
    color:var(--white-color)
}
.choose-about.item-active .box-title,.choose-about:hover .box-title{
    color:var(--white-color)
}
.choose-img2{
    position:relative;
    text-align:right;
    z-index:2
}
@media(max-width: 1199px){
    .choose-img2{
        text-align:center
    }
}
.feature-wrap4{
    border-bottom:1px solid var(--th-border-color)
}
.feature-wrap4 .video-box2{
    position:relative
}
.feature-wrap4 .video-box2 img{
    width:100%
}
.feature-wrap4 .video-box2 .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    --icon-size: 50px
}
.feature-contact-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:20px 45px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.feature-contact-wrap .contact-info{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    border-right:2px solid var(--th-border-color);
    padding-right:45px
}
.feature-contact-wrap .contact-info:last-child{
    border-right:0;
    padding-right:0
}
.feature-contact-wrap .contact-info .box-text{
    font-size:14px;
    margin-bottom:10px
}
.feature-contact-wrap .contact-info .box-title{
    margin-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:8px;
    font-size:20px;
    font-weight:600
}
.feature-contact-wrap .contact-info .box-title i,.feature-contact-wrap .contact-info .box-title svg{
    color:var(--theme-color);
    font-size:24px
}
.feature-contact-wrap .contact-info .box-title i.fa-phone-volume,.feature-contact-wrap .contact-info .box-title svg.fa-phone-volume{
    -webkit-transform:rotate(-35deg);
    transform:rotate(-35deg)
}
@media(max-width: 575px){
    .feature-contact-wrap .contact-info{
        width:100%;
        border-right:0;
        padding-right:0
    }
}
.feature-card2{
    border:1px solid var(--th-border-color);
    border-radius:20px;
    padding:20px
}
.feature-card2 .box-title{
    font-size:18px;
    font-weight:500;
    margin-bottom:5px
}
.feature-card2 .box-text{
    line-height:26px;
    margin-bottom:-0.5em
}
.feature-card3{
    padding:40px;
    border-radius:20px;
    text-align:center
}
@media(max-width: 1199px){
    .feature-card3{
        padding:30px 20px
    }
}
@media(max-width: 1199px){
    .feature-card3{
        padding:30px
    }
}
.feature-card3 .title-wrap{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:15px;
    margin-bottom:16px
}
.feature-card3 .box-title{
    margin:0
}
.feature-card3 .box-text{
    margin-bottom:-0.4em
}
.color-scheme-wrap{
    position:fixed;
    right:0;
    top:50%;
    z-index:99;
    background:var(--white-color);
    padding:20px 30px;
    border-radius:10px 0 0 10px;
    display:inline-block;
    text-align:center;
    -webkit-transition:.4s;
    transition:.4s;
    -webkit-box-shadow:0px 0px 4px 0px rgba(51,51,51,.2);
    box-shadow:0px 0px 4px 0px rgba(51,51,51,.2)
}
.color-scheme-wrap .switchIcon{
    position:absolute;
    left:0;
    top:10px;
    border:0;
    background:var(--theme-color);
    color:var(--white-color);
    height:45px;
    width:45px;
    border-radius:5px 0 0 5px;
    -webkit-transform:translate(-100%, 0);
    transform:translate(-100%, 0)
}
.color-scheme-wrap .color-scheme-wrap-title{
    font-size:22px;
    border-bottom:1px solid var(--th-border-color);
    padding-bottom:6px;
    color:var(--title-color);
    margin-bottom:30px
}
.color-scheme-wrap .color-scheme-wrap-title i{
    font-size:18px;
    margin-right:3px
}
.color-scheme-wrap .color-switch-btns{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
    margin-bottom:25px
}
.color-scheme-wrap .color-switch-btns button{
    padding:0;
    border:0;
    background:rgba(0,0,0,0);
    font-size:34px;
    color:var(--theme-color);
    text-align:left
}
.color-scheme-wrap.active{
    -webkit-transform:translate(100%, 0);
    transform:translate(100%, 0)
}
.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
}
.pt-60{
    padding-top:60px
}
.pb-60{
    padding-bottom:60px
}
.fs-20{
    font-size:20px
}
.pt-80{
    padding-top:80px
}
.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
}
.mt-n1{
    margin-top:-0.25rem
}
.mt-n2{
    margin-top:-0.6rem
}
.mt-n3{
    margin-top:-0.8rem
}
.mt-n4{
    margin-top:-1.5rem
}
.mt-n5{
    margin-top:-3rem
}
.mt-50{
    margin-top:50px
}
.mb-n1{
    margin-bottom:-0.25rem
}
.mb-n2{
    margin-bottom:-0.6rem
}
.mb-n3{
    margin-bottom:-0.8rem
}
.mb-n4{
    margin-bottom:-1.5rem
}
.mb-n5{
    margin-bottom:-3rem
}
.mb-38{
    margin-bottom:38px
}
.mb-24{
    margin-bottom:24px
}
.me-80{
    margin-right:80px
}
@media(max-width: 1699px){
    .me-80{
        margin-right:0
    }
}
.ms-80{
    margin-left:80px
}
@media(max-width: 1699px){
    .ms-80{
        margin-left:0
    }
}
.mt-60{
    margin-top:60px
}
.mb-130{
    margin-bottom:130px
}
.fs-18{
    font-size:18px;
    line-height:1.555
}
.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
    }
}


/* home styling  */

.space-bottom-about{
    padding-top: 120px;
}
.paddin-to-syling{
    padding-top: 0px !important;
}
.space-bottom-pag{
    padding-bottom: 120px;
}
.footer__thinb__styling{
  color: #F96363 !important;
}
.footer__thinb__styling:hover{
  color: white !important;
}
.service-card { display: flex; flex-direction: column; }
.box-content { flex-grow: 1; }

.gallery-card.style3 .box-content .bg-shape {
    position: absolute;
    inset: 0;
    z-index: -1;
    margin-bottom: 10px;
}
.gallery-card.style3 .box-content {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    bottom: 0 !important;
    margin-bottom: 15px;
}
.box-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: #f5f8ff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}



.box-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}
@media (max-width: 991px) {
    .header-button .th-btn {
        display: none;
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .emergency-btn {
        display: none;
    }
}

.about_page_wrapper{
    margin-left: 0px !important;
}


.menu-area-style1{
 margin:32px 0px 0 0px !important;
}

.box-content {
    position: relative;
    overflow: hidden;
}

.bg-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    border-top-left-radius: 10px;
    z-index: 1;

    /* Creates the angled right side */
    clip-path: polygon(0 0, 72% 0, 100% 100%, 0 100%);
}

.box-title,
.icon-btn {
    position: relative;
    z-index: 2;
}