@import url('google-translate.css');
@import url('chatbot.css');
@import url('mobile-bottom-bar.css');
@import url('doctor-profile.css');
@import url('trust-strip.css');
@import url('luxury-footer.css');
@import url('natural-footer.css');
:root{
     --theme-color: #549140;
     --title-color: #253C0D;
     --body-color: #677068;
     --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: 120px;
     --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 
    }
     .icon__stling{
     margin-bottom: 50px;
}
.card__background{
   padding: 25px 25px !important;
}
 }

 
 @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 
}
 .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.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;
         max-width: 75%
    }
     .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:hover {
    color: #fff !important; /* change text color to white on hover */
}
 .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: #253C0D;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
background-color: #253C0D;
}

 .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: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) 
}
@media (max-width: 576px) {
    .scroll-top {
        right: 18px !important;
        bottom: 25px !important;
        width: 46px !important;
        height: 46px !important;
    }
    .scroll-top:after {
        width: 46px !important;
        height: 46px !important;
        line-height: 46px !important;
    }
}
 .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:24px;
     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;
          text-align: center;
    }
     .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:#4f6c3208;
}
 .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%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='%23549140'/%3E%3C/svg%3E%0A");
  position: absolute;
  font-weight: 900;
  font-family: var(--icon-font);
  left: 0;
  top: 4px;
  width: 16px;
  color: #549140; /* ✅ matches icon */
  -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 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%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='%23549140'/%3E%3C/svg%3E%0A");
}


.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='%23549140'/%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:500;
     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 14px 
}
 .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 .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 .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{
     margin:32px 0px 0 0px;
     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) 
}

 @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: #253C0D;
     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:  #677068
}
 .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: #253c0d75;
     -webkit-animation:heartRateIn 9.5s linear infinite;
     animation:heartRateIn 9.5s linear infinite 
}
 .footer-layout1 .heart-rate .fade-out{
     background-color:#54914085;
     -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:white;
     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:white;
     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;
   
     z-index:-1 
}
 .breadcumb-content{
     text-align:start;
}
 @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;
         text-align: center; 
    }
}
 .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{
     
     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;
    
     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;
    height: 50vh; 
}
 .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-color: rgb(0 0 0 / 77%);
   
}
 .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:#f2f3fc;
     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;
    
     
}

 .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:#538f3f24;
     border-radius:16px;
     padding:67px 40px;
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     gap:24px;
     justify-content: center;
    align-items: center;
}
 @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:#538f3f24
}
 .contact-media:nth-child(2):hover .icon-btn{
     background-color:#57b33e 
}
 .contact-media:nth-child(3){
     background-color:#538f3f24
}
 .contact-media:nth-child(3):hover .icon-btn{
     background-color:#57b33e
}
 .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:120px 
}
 @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;
     border-radius: 10px;
}
 .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;
     border-radius: 10px;
}
 .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:10px 
}
 @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: 499px;
    border-radius: 16px;
    z-index: 2;
    height: 385px;
}
 @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;
     width: 100%; 
}
 .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 
}
 @media(max-width: 1799px){
     .about-wrapper.style2{
         gap:10px 
    }
}
 @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:#f2f3fc;
     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 
}
/* CARD FIX */
.team-card .box-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; /* better than space-evenly */
    
    padding: 40px 32px 32px 32px;
    border: 1px solid #dedfe3;
    border-top-color: transparent;
    border-radius: 0 0 24px 24px;
    z-index: 3;
    transition: all .4s ease-in-out;

    height: 100%;
    min-height: 200px; /* desktop default */
}

/* TEXT FIX */
.team-card .box-title {
    min-height: 50px;
}

.team-card .box-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.team-card .team-desig {
    min-height: 45px;
    display: block;
} 

/* Large Tablets */
@media (max-width: 1024px) {
    .team-card .box-content {
        padding: 30px 20px;
        min-height: 180px;
    }

    .team-card .box-title {
        font-size: 16px;
        min-height: 45px;
    }

    .team-card .team-desig {
        font-size: 14px;
        min-height: 40px;
    }
}

/* Tablets */
@media (max-width: 768px) {
    .team-card .box-content {
        padding: 25px 18px;
        min-height: 160px;
    }

    .team-card .box-title {
        font-size: 15px;
        min-height: 40px;
    }

    .team-card .team-desig {
        font-size: 13px;
        min-height: 35px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .team-card .box-content {
        padding: 20px 15px;
        min-height: 140px; /* smaller for mobile */
    }

    .team-card .box-title {
        font-size: 14px;
        min-height: 36px;
    }

    .team-card .team-desig {
        font-size: 12px;
        min-height: 30px;
    }
}

/* Small Mobile */
@media (max-width: 400px) {
    .team-card .box-content {
        padding: 15px 12px;
        min-height: 130px;
    }

    .team-card .box-title {
        font-size: 13px;
        min-height: 32px;
    }

    .team-card .team-desig {
        font-size: 11px;
        min-height: 28px;
    }
}

 @media(max-width: 1500px){
     .team-card .box-content{
         padding:30px 25px 
    }
}
 @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{
     -webkit-transform:scale(1.15);
     transform:scale(1.15);
     -webkit-transition:all ease .4s;
     transition:all ease .4s 
}
 .team-card:hover .box-content{
     background-color:#e7ece7
}
 .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:#fff2f2;
     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: #ebf5de;
    border-radius: 24px;
    position: relative;
    padding: 40px 40px 40px 40px;
    z-index: 2;
    border-radius: 20px; 
    height: auto !important;
  }
    
}
 .testi-card {
    background-color: #ebf5de;
    border-radius: 24px;
    position: relative;
    padding: 40px 40px 40px 40px;
    z-index: 2;
    border-radius: 20px; 
    
}
 @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: 22px;
    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{
    
     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, rgba(25, 35, 97, 0.5), rgba(25, 35, 97, 0.5));
     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:hsla(0,0%,100%,.2);
     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 
}
 .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:40px 40px;
     text-align:center;
     overflow:hidden 
}
 @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:.9s ease-in-out;
     transition:.9s 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{
    
     font-size:16px 
}
 .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: 155px;
     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:#e7ece7;
     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{
    
     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 
}

 @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;
   
     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:10%;
     left:32px;
     opacity:5;
     margin-right:32px;
     visibility:visible;
     -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 .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;
     -webkit-transition: 0.4s ease-in-out;
     transition: 0.4s ease-in-out;
     visibility: visible;
    /* Make it visible */
     opacity: 1;
    /* Fully visible */
     z-index: 3;
     left: 30px;
     bottom: 0px;
     right: 30px;
     top: auto;
     background: rgba(0, 0, 0, 0);
    /* transparent background */
     width: auto;
     -webkit-transform: none;
     transform: none;
     text-align: start;
     padding: 30px 90px 30px 30px;
}

 @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 .bg-shape{
     position:absolute;
     inset:0;
     z-index:-1;
     margin-bottom:10px;
}
 .gallery-card.style3 .box-content .bg-shape img{
     height:100%;
     width:100% 
}
 .gallery-card.style3 .box-content .icon-btn{
     --btn-size: 56px;
     position:absolute;
     right:25px;
     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);
     margin-bottom:-0.3em;
     font-size:24px;
     font-weight:600;
     word-break:break-word 
}
 @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:#4f6c3221;
     border-radius:16px;
     padding:40px;
    
}
 @media(max-width: 1399px){
     .feature-card{
         padding:30px 
    }
}
 .feature-card_wrapp:nth-child(2) .feature-card{
     background-color:#ebf5de 
}
 .feature-card_wrapp:nth-child(3) .feature-card{
     background-color:#54914026;
}
 .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(30, 188, 180, .1) 
}
 .choose-item:nth-child(4) .box-icon{
     background-color:rgba(30, 188, 180, .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(30, 188, 180, .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 
    }
}
/* media quriy */
 @media (max-width: 768) {
     .falictis__main {
         padding: 0px;
         background-size: 100% calc(100% - 0px) !important;
    }
}
/* home styling */
 .space-bottom-about{
     padding-top: 120px;
}
 .paddin-to-syling{
     padding-top: 0px !important;
}
 .space-bottom-pag{
     padding-bottom: 120px;
}
 .space-bottom{
     padding-bottom: 0px !important;
}
 .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;
}

 .scioal__media_icon{
     padding-bottom: 10px;
}
 .facilities__main{
     padding-top: 50px;
}
.Facilities__mainn{
    padding-top: 0px !important;
}

 .about__image__styling{
     height: 70vh !important;
     margin: auto !important;
}
 .testimonial__icons{
     margin-top: 25px;
}
 .details__img{
     display: flex;
}
 .why-choose-section {
     padding: 0px 20px;
}
 .section-title {
     font-weight: bold;
     margin-bottom: 30px;
}
 .why-choose-list {
     list-style: none;
     padding: 0;
     margin: 0;
}
.why-choose-list li {
    /* background-color: #fff; */
    border-left: 5px solid #007b5e;
    padding: 15px 20px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.6;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); */
    /* transition: all 0.3s ease; */
}
 .why-choose-list li:hover {
     background-color: #d9e7d5;
     border-left-color: #005d44;
}
.cta-section {
    background-color: #54914038;
    /* padding: 40px 20px; */
    border-radius: 12px;
    /* box-shadow: 0 0 20px rgba(0, 70, 140, 0.08); */
    margin: 50px auto;
  
   
}
.btn__cta{
    width: 60%;
}
 .cta-box {
     padding: 20px;
     display: flex;
}
 .cta-title {
     font-size: 28px;
     font-weight: 600;
     color: #003366;
     margin-bottom: 15px;
}
 .cta-subtitle {
     font-size: 18px;
     color: #444;
     margin-bottom: 25px;
     width:70%;
}
 .cta-button {
     display: inline-block;
     padding: 12px 30px;
     font-size: 16px;
     background-color: #007bff;
     color: #fff;
     text-decoration: none;
     border-radius: 6px;
     transition: background-color 0.3s ease;
}
 .cta-button:hover {
     background-color: #0056b3;
}
 .details__stylinpading{
     padding: 50px 0px;
}
 .details__stylinpading_butom{
     padding: 0px!important;
}
 .col-auto_detailsbtn{
     width: 20%;
     margin: auto;
}
 .button-wrapper {
    
     justify-content: center;
     margin-top: 20px;
         align-items: center;
    text-align: center;
    display: flex
;
    /* Optional spacing */
}
.gmia__wordbreak{
    overflow-wrap: break-word;
    word-break: break-word;
}
.log__width{
    width: 75% !important;
}
.background__color{
    background: #e5f1ea;
    border-radius: 16px;
}
.heartbeat-icon {
    filter: brightness(0) saturate(100%) invert(67%) sepia(8%) saturate(720%) hue-rotate(85deg) brightness(94%) contrast(90%);
}
.main-menu a.active {
    color: #73BF8F;        /* Custom green color */
    font-weight: 600;      /* Bold text */
   
    text-decoration: none; /* Removes underline */
}
.about__access__backgrond1{
    background-color: #54914026;

}
.about__access__backgrond{
    background-color: #ebf5de;

}
.logo__adjestment{
    width: auto;
    max-width: 250px;
    height: auto;
}
@media screen and (min-width: 991px) and (max-width: 1305px) {
       .btn__black {
        display: none !important;
       }
           .main-menu>ul>li>a {
        padding: 25px 0;
    }    
       
}

.margin_style{
    margin-top: 20px;
}


.card__background{
       background: #538f3f24;
    border-radius: 16px;
    padding: 20px 50px;
}
.pera__government{
    font-size: 20px !important;
}
.custom-section-title {
    font-weight: 600;
    color: #14532d;
    font-size: 18px;
    margin-bottom: 12px;
}

.custom-list-style {
    list-style: none;
    padding-left: 0;
}

.custom-list-item {
    background-color: #f3fdf7;
    border-left: 4px solid #73BF8F;
    padding: 12px 16px;
    margin-bottom: 10px;
    border-radius: 6px;
    color: #1e1e1e;
    font-size: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.custom-title {
    font-size: 22px;
    font-weight: 600;
    color: #14532d;
}

.custom-description {
    color: #555;
    font-size: 15px;
}

.custom-subtitle {
    font-size: 17px;
    color: #134e4a;
    font-weight: 600;
}

.custom-list {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.custom-list-item {
    background-color: #f3fdf7;
    padding: 12px 15px;
    border-left: 4px solid #73BF8F;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #1e1e1e;
    font-size: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.custom-title {
    font-size: 22px;
    font-weight: 600;
    color: #14532d;
}

.custom-description {
    color: #555;
    font-size: 15px;
}

.custom-subtitle {
    font-size: 17px;
    color: #134e4a;
    font-weight: 600;
}

.custom-list {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.custom-list-item {
    background-color: #f3fdf7;
    padding: 12px 15px;
    border-left: 4px solid #73BF8F;
    margin-bottom: 10px;
    border-radius: 5px;
    color: #1e1e1e;
    font-size: 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}


.gallery-card.style3 .box-content.clean-layout {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    padding: 20px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    z-index: 3;
    text-align: center;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.clean-layout .box-text {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 5px;
}

.clean-layout .box-title {
    font-size: 16px;
    font-weight: 600;
    color: #1c1c1c;
    margin-bottom: 10px;
}

.clean-layout .icon-btn {
    background-color: #4c7c2c;
    color: #fff;
    padding: 8px 12px;
    border-radius: 50px;
    display: inline-block;
}

.clean-layout .icon-btn:hover {
    background-color: #355e20;
}

@media (max-width: 767px) {
    .gallery-card.style3 .box-content.clean-layout {
        padding: 15px;
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .clean-layout .box-title {
        font-size: 15px;
    }
     .hide-on-mobile {
    display: none !important;
  }
}

.blog__box__styling{
    display: flex;
    justify-content: center;
}


.main-menu ul li {
    position: relative;
}

.main-menu ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
}

.main-menu ul li.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 10px 0;
    min-width: 220px;
    z-index: 1000;
}

.dropdown-menu li a {
    padding: 10px 20px;
    white-space: nowrap;
    color: #333;
}

.dropdown-menu li a:hover {
    background-color: #f8f8f8;
}
.nav__styling_items{
 padding: 15px 0px 15px 0px;
}
.cta-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 10px !important;
    font-size: 16px;
}

.cta-btn i {
    font-size: 18px;
}

.price-card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    padding: 20px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.price-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.price-card .box-content {
    text-align: center;
    margin-bottom: 15px;
}

.price-card .checkup-icon {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
}

.price-card .box-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
  
}

.price-card .box-price {
    font-size: 20px;
    font-weight: 600;
  
    margin-bottom: 10px;
}

.price-card .duration {
    font-size: 13px;
    font-weight: 400;
    color: #555;
}

.price-card .box-text {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.4;
}

.available-list {
    padding-top: 5px;
}

.available-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.available-list ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
 
    font-size: 16px;
  
}
.whatsapp-float {
    position: fixed;
    z-index: 99999;
    right: 25px;
    bottom: 85px;
}

.whatsapp-float a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: #25D366;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4);
    transition: transform 0.3s ease, background-color 0.3s ease;
    text-decoration: none;
}

.whatsapp-float a:hover {
    background-color: #20b354;
    transform: scale(1.1);
}

.whatsapp-float i {
    font-size: 26px;
}

@media (max-width: 576px) {
    .whatsapp-float {
        bottom: 85px;
        right: 18px !important;
        left: auto !important;
    }
    .whatsapp-float a {
        width: 46px;
        height: 46px;
    }
    .whatsapp-float i {
        font-size: 24px;
    }
}


.vision-mission-section {
      padding: 80px 0;
    /* background: linear-gradient(135deg, #f5f7fa 0%, #e0e7ff 100%); */
    background: #5491401c;
}



.vision-mission-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.vision-mission-card {
    flex: 1;
    min-width: 300px;
    max-width: 500px;
}

.card-content {
    background: #ffffff;
    border-radius: 16px;
   
    padding: 40px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

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

.card-icon {
    margin-bottom: 20px;
}

.card-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.card-title {
 
    font-size: 28px;
    font-weight: 700;
   
    margin-bottom: 15px;
}

.card-text {
  
    font-size: 16px;
    line-height: 1.6;
    color: #4a5568;
}

@media (max-width: 768px) {
    .vision-mission-section {
        padding: 40px 0;
    }

    .vision-mission-card {
        min-width: 100%;
    }
    .uraoloy__pre{
        margin-left: 0px !important ;
}
}

.uraoloy__pre{
        margin-left: 70px ;
}

.desig-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-top: 6px;
}

.desig-row .arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.extra-info {
    display: none;
    margin-top: 12px;
}

.extra-info p {
    margin-bottom: 6px;
    font-size: 14px;
    color: #333;
}

.doctor_book_box{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    cursor: pointer;
    margin-top: 6px;

}

.arrow_styling{
    padding-left: 4px;
}
.box-img {
    position: relative;
}

.dept-badge {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    
    width: 80%;
    text-align: center;

    background: #549140; /* light water color */
    color: white;

    padding: 8px 0;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    font-weight: 500;

   backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(6px);

    border: 1px solid #549140;
}

/* Equal height fix */
.feature-card-height {
    height: 100%;
    min-height: 200px; /* desktop default */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* Large screens */
@media (max-width: 1200px) {
    .feature-card-height {
        min-height: 200px;
    }
}

/* Tablets */
@media (max-width: 768px) {
    .feature-card-height {
        min-height: 180px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .feature-card-height {
        min-height: 160px;
    }
}

/* Small mobile */
@media (max-width: 400px) {
    .feature-card-height {
        min-height: 150px;
    }
}




@media (max-width: 767px) {
    .breadcumb-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 20px auto -0.5em;
    }
}