@import url("../plugins/wow/animate.css");
@import url("../plugins/videojs/video-js.css");
@import url("../plugins/light-gallery/lightgallery.min.css");
@import url("../plugins/swiper/swiper-bundle.min.css");
@import url("../plugins/font-awesome/icons.css");
@import url("../plugins/bootstrap/bootstrap.min.css");
@import url("fonts.css");
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:root {
  --title-color: #02000F;
  --body-color: #6C6D71;
  --smoke-color: #E4E4E5;
  --smoke-color2: #F8F8F8;
  --smoke-color3: #EDEDED;
  --smoke-color4: #E9F5ED;
  --black-color: #000000;
  --black-color2: #0A0A0A;
  --gray-color: #D8DBDC;
  --white-color: #ffffff;
  --light-color: #B7BEC8;
  --yellow-color: #FFB539;
  --success-color: #28a745;
  --error-color: #dc3545;
  --th-border-color: #E0E0E0;
  --title-font: 'CabinetGrotesk-Variable';
  --title-font2: 'Gallery Modern', sans-serif;
  --body-font: "DM Sans", 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;
}
body {
    font-size: 16px;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    color: #333;
    font-family: var(--body-font);
    color: var(--body-color);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
::-webkit-input-placeholder {
    font-family: var(--body-font);
    color: #c2c2c2;
    font-weight: 300;
    line-height: 1.3;
    font-size: 13px;
}
:-moz-placeholder {
    font-family: var(--body-font);
    color: #c2c2c2;
    font-weight: 300;
    line-height: 1.3;
    font-size: 13px;
}
::-moz-placeholder {
    font-family: var(--body-font);
    color: #c2c2c2;
    font-weight: 300;
    line-height: 1.3;
    font-size: 13px;
}
:-ms-input-placeholder {
    font-family: var(--body-font);
    color: #c2c2c2;
    font-weight: 300;
    line-height: 1.3;
    font-size: 13px;
}
@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 100px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 100px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@-webkit-keyframes translateHeader {
    0% {
        opacity: 0;
        -moz-transform: translate(0px, -75px);
        -webkit-transform: translate(0px, -75px);
        -o-transform: translate(0px, -75px);
        -ms-transform: translate(0px, -75px);
        transform: translate(0px, -75px);
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        -o-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        transform: translate(0, 0px);
    }
}
@media (min-width: 1200px) {
    .animate-button,
    .animate-button-white,
    .animate-button-white-transparent {
        padding: 20px 25px;
        border: 2px solid;
    }
    .animate-button.small,
    .animate-button-white.small,
    .animate-button-white-transparent.small {
        padding: 14px 22px;
        font-size: 14px;
    }
}
@media (max-width: 1200px) {
    .animate-button,
    .animate-button-white,
    .animate-button-white-transparent {
        padding: 10px 12px;
        font-size: 12px;
        font-weight: 300;
        border: 1px solid;
        text-align: center;
    }
    .animate-button i,
    .animate-button-white i,
    .animate-button-white-transparent i {
        margin: 5px 0 0 0;
        display: block;
    }
}
.animate-button,
.animate-button-white,
.animate-button-white-transparent {
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    z-index: 1;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.animate-button,
.animate-button-white-transparent {
    color: var(--theme-color-1);
    border-color: var(--theme-color-1);
}
.animate-button-white {
    color: #fff;
    border-color: #fff;
}
.animate-button,
.animate-button:before,
.animate-button-white,
.animate-button-white:before,
.animate-button-white-transparent,
.animate-button-white-transparent:before {
    position: relative;
    -webkit-transition: all 0.3s 0s ease-in-out;
    -moz-transition: all 0.3s 0s ease-in-out;
    -o-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}
.animate-button:before,
.animate-button-white:before,
.animate-button-white-transparent:before {
    content: "";
    width: 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.animate-button:before {
    background-color: var(--theme-color-1);
}
.animate-button-white:before {
    background-color: #fff;
}
.animate-button-white-transparent:before {
    background-color: transparent;
}
.animate-button:hover,
.animate-button-white-transparent:hover {
    color: #fff !important;
    border-color: var(--theme-color-1) !important;
}
.animate-button-white:hover {
    color: var(--theme-color-1) !important;
}
.animate-button:hover:before,
.animate-button-white:hover:before,
.animate-button-white-transparent:hover:before {
    width: 100% !important;
}
.animate-button:hover:before,
.animate-button-white-transparent:hover:before {
    background-color: var(--theme-color-1) !important;
    border-color: var(--theme-color-1) !important;
}
.animate-button-white:hover:before {
    border-color: #fff !important;
}
/**************** Cookies ********************/
.cookies {
    -moz-box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
    -o-box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
    -ms-box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);
    position: fixed;
    z-index: 15;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}
@media (min-width: 768px) {
    .cookies {
        max-width: 400px;
        bottom: 30px;
        left: 30px;
        padding: 30px;
    }
    .cookies .theme-btn {
        padding: 11px 16px 10px;
    }
}
@media (max-width: 768px) {
    .cookies {
        right: 90px;
        bottom: 20px;
        left: 20px;
        padding: 20px;
    }
    .cookies .theme-btn {
        padding: 11px 16px 10px;
    }
}
.cookies h4 {
    margin: 0 0 20px;
    font-weight: 400;
}
.cookies p {
    line-height: 1.5;
}
.cookies a {
    cursor: pointer;
}
/**************** Cookies ********************/
/**************** Popup ********************/
.popupModal>.caption{padding:0;}
.popupModal>.caption img{max-width:100%;height:auto;}
.popupModal>.caption .p-item{
	padding-top:30px;
	margin-top:30px;
	border-top:1px solid #ededed;
}
.popupModal>.caption .p-item:first-child{
	padding-top:0;
	margin-top:0;
	border-top:0;
}
.popupModal>.caption .p-item .p-item-block.images picture,
.popupModal>.caption .p-item .p-item-block.images picture img{
	width:100%;
	height:auto
}
.popupModal>.caption .p-item .p-item-block picture,
.popupModal>.caption .p-item .p-item-block iframe{
	margin-top:20px;
	display:block;
	width:100%;
}
.popupModal>.caption .p-item .p-item-block picture:first-child,
.popupModal>.caption .p-item .p-item-block iframe:first-child{
	margin-top:0
}
.popupModal>.caption .p-item .p-item-block iframe{
	height:400px;
}
.popupModal.theme-modal [data-close=theme-modal].closed {
    height: 40px;
    width: 40px;
    line-height: 43px;
    background-color: #fff;
    font-size: 30px;
}
/**************** Popup ********************/
.fixed-whatsapp{
    border: 3px solid #fff;
    position: fixed;
    color: #fff;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 47px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 19%);
    -moz-box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 19%);
    box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 19%);
    font-size: 23px;
    z-index: 5;
    text-decoration: none;
    -webkit-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite;
}
.fixed-whatsapp{
	background-color:#4FCE5D;
    right: 30px;
    bottom: 30px;
}

/**************** Breadcrumb ********************/
.breadcrumb {
    color: #fff;
}
.breadcrumb ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: table;
}
.breadcrumb ul li {
    float: left;
    margin: 0;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 13px;
}
.breadcrumb ul li p {
    line-height: 1.7;
    margin: 0 !important;
}
.breadcrumb ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
}
.breadcrumb ul li a:after {
    content: "-";
    float: right;
    line-height: 1.7;
    margin: 0 6px;
}
/**************** Breadcrumb ********************/
/**************** Post ********************/
.author,
.pagination li a {
    color: #000;
    text-decoration: none;
}
.post-single-page-next-prev .page-next a,
.post-single-page-next-prev .page-prev a,
.post-single-page-next-prev .page-prev-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    text-decoration: none;
    color: #000;
}
.post-single-page-next-prev {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 5;
    margin: 0 auto;
    display: table;
}
.post-single-page-next-prev .page-prev-wrap {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 13%);
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
.post-single-page-next-prev.divider .page-prev-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 0.5px);
    width: 1px;
    background-color: #f6f7f8;
}
.post-single-page-next-prev .page-next,
.post-single-page-next-prev .page-prev {
    background-color: #fff;
    width: 100%;
}
.post-single-page-next-prev .page-next a,
.post-single-page-next-prev .page-prev a {
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.post-single-page-next-prev .page-next h5,
.post-single-page-next-prev .page-prev h5 {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}
.author {
    padding: 15px 30px 15px 15px;
    border: 1px solid #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: table;
}
.author picture {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: block;
    overflow: hidden;
}
.author picture img {
    display: block;
}
.author .caption {
    padding: 0 0 0 20px;
}
.author .caption h4 {
    margin: 0 0 10px;
    line-height: 1.4;
}
.post-single-page .post-single-details div,
.post-single-page .share-links a {
    min-height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 300;
    margin: 0 0 0 5px;
    color: #fff;
}
.block-sing-item {
    background-color: #f6f7f8;
    border-top: 1px solid #ededed;
}
.pagination {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.page-documents .item .top .info p:last-child,
.page-links .item .top .info p:last-child,
.pagination li,
.post-single-page .post-single-details div:first-child,
.post-single-page .share-links a:first-child,
.posts-block .item .text p {
    margin: 0;
}
.pagination li a {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    display: block;
    border: 1px solid #ededed;
    margin: 0 0 0 -1px;
    min-width: 50px;
    text-align: center;
}
.pagination li:first-child a {
    margin: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.pagination li:last-child a {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pagination li:hover a {
    border-color: var(--theme-color-1);
    background-color: var(--theme-color-1);
    color: #fff;
}
.pagination li.active a {
    border-color: var(--theme-color-3);
    background-color: var(--theme-color-3);
    color: #fff;
}
.posts-block .item {
    padding: 30px 30px 100px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%);
    height: 100%;
}
.posts-block .item .image {
    text-decoration: none;
    display: block;
    background-color: #f6f7f8;
    position: relative;
}
.posts-block .item .date {
    color: var(--theme-color-1);
    line-height: 1;
    font-size: 12px;
}
.posts-block .item .image picture img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
}
.posts-block .item .text h3 {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
}
.posts-block .item .text a {
    text-decoration: none;
    color: #000;
    line-height: 1.5;
}
.posts-block .item .text .more {
    color: #fff;
    font-weight: 300;
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 14px 16px;
    line-height: 1;
    background-color: var(--theme-color-1);
}
.posts-block .pagination + .row {
    margin-top: 10px;
}
.posts-block .row + .pagination {
    margin-top: 20px;
}
.post-single-page .post-single-details div {
    background-color: var(--theme-color-1);
    border: 1px solid #ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.post-single-page .share-links a {
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.post-single-page .share-links a.email,
.post-single-page .share-links a.facebook {
    background-color: #568fce;
}
.post-single-page .share-links a.x {
    background-color: #000;
}
.post-single-page .share-links a.whatsapp {
    background-color: #17c242;
}
.page-documents .item,
.page-links .item {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 6%);
    position: relative;
}
.page-documents .item .top {
    color: #000;
    text-decoration: none;
    display: block;
    text-align: center;
}
.page-documents .item .top .icon,
.page-documents .item .top .image,
.page-documents .item .top h3,
.page-links .item .top {
    color: var(--theme-color-1);
}
.gallery-item-image:before,
.gallery-item-video:before,
.page-documents .item .top .icon,
.page-links .item .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.page-documents .item .top .icon,
.page-documents .item .top .image {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 20px;
    width: 100%;
    background-color: #f6f7f8;
    padding: 15px;
}
.page-documents .item .top .icon {
    height: 230px;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}
.page-documents .item .top .image picture {
    display: block;
    width: 100%;
    background-color: #f6f7f8;
}
.page-documents .item .top .image picture img {
    display: block;
    height: auto;
    width: auto;
    max-height: 200px;
    max-width: 100%;
    margin: 0 auto;
}
.page-documents .item .top .info p,
.page-links .item .top .info p {
    margin: 0 20px 0 0;
    text-transform: uppercase;
    line-height: 1;
}
.page-links .item .top {
    position: relative;
    display: flex;
    text-decoration: none;
    font-weight: 600;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
.page-links .item .top .icon {
    width: 35px;
    line-height: 1;
}
.page-links .item .text {
    border-top: 1px solid #f8f8f8;
}
.gallery-item-image,
.gallery-item-video {
    position: relative;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
}
.gallery-item-image picture,
.gallery-item-image picture img,
.gallery-item-video picture,
.gallery-item-video picture img {
    display: block;
    width: 100%;
    height: auto;
}
.gallery-item-image:before,
.gallery-item-video:before {
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 1;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    font-size: 20px;
    color: var(--theme-color-1);
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}
.gallery-item-image:before {
    content: "\f31d";
}
.gallery-item-video:before {
    content: "\f04b";
}
/**************** Post ********************/
/**************** Contact / Table ********************/
.c-items .c-item a,
.form-item-icons i {
    background-color: var(--theme-color-2);
}
.c-items {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    height: 100%;
}
.form-item-icons i:after {
    color: var(--theme-color-1);
    font-weight: 600;
}
.c-items h3 {
    font-weight: 600;
    font-size: 13px;
}
.c-items .c-item {
    line-height: 1.5;
}
.c-items .c-item a {
    font-weight: 300;
    padding: 15px 13px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    display: block;
    line-height: 1.6;
}
.contact-map iframe {
    width: 100%;
    height: 250px;
}
blockquote {
    border-left: 10px solid #ececec;
    padding: 30px;
    margin: 30px 10px;
    background-color: #f6f7f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
blockquote a {
    text-decoration: none;
    color: var(--theme-color-2);
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit;
}
/**************** Contact / Table ********************/


:root {
    --theme-color: #884513;
    --title-color: #02000f;
    --body-color: #6c6d71;
    --smoke-color: #e4e4e5;
    --smoke-color2: #f8f8f8;
    --black-color: #000000;
    --gray-color: #d8dbdc;
    --white-color: #ffffff;
    --yellow-color: #ffb539;
    --success-color: #28a745;
    --error-color: #dc3545;
    --th-border-color: #e0e0e0;
    --title-font: "DM Sans", sans-serif;
    --title-font2: "DM Sans", sans-serif;
    --body-font: "DM Sans", 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;
    --input-height: 50px;
}
body,
html {
    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%;
}
a.nice-select.open,
a:active,
a:focus,
button:focus,
input,
input.nice-select.open,
input:active,
input:focus,
input:hover,
textarea,
textarea.nice-select.open,
textarea:active,
textarea:focus,
textarea:hover {
    outline: 0;
}
embed,
img:not([draggable]),
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: 0.4s;
    transition: 0.4s;
}
a:hover {
    color: var(--title-color);
}
a.nice-select.open,
a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0;
}
button {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
img {
    border: none;
    max-width: 100%;
}
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;
}
p:empty {
    display: none;
}
p {
    font-family: var(--body-font);
    margin: 0 0 18px;
    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,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-font);
    color: var(--title-color);
    text-transform: none;
    font-weight: 700;
    margin: 0 0 15px;
}
.h1,
h1 {
    font-size: 88px;
    line-height: 1.09;
}
.h2,
h2 {
    font-size: 60px;
    line-height: 1.2;
}
.h3,
h3 {
    font-size: 40px;
    line-height: 1.25;
}
.h4,
h4 {
    font-size: 32px;
    line-height: 1.5;
}
.h5,
h5 {
    font-size: 24px;
    line-height: 1.333;
}
.h6,
h6 {
    font-size: 18px;
    line-height: 1.5;
}
@media (max-width: 1500px) {
    .h1,
    h1 {
        font-size: 67px;
        line-height: 1.26;
    }
    .slider-arrow {
        --pos-x: -70px;
    }
}
@media (max-width: 1399px) {
    .h2,
    h2 {
        font-size: 50px;
        line-height: 1.2;
    }
    :root {
        --main-container: 1250px;
    }
}
@media (max-width: 1199px) {
    .h1,
    h1 {
        font-size: 57px;
        line-height: 1.26;
    }
    .h2,
    h2 {
        font-size: 50px;
    }
    .h3,
    h3 {
        font-size: 30px;
    }
    .h6,
    h6 {
        font-size: 16px;
    }
    .swiper-pagination-progressbar {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .h1,
    h1 {
        font-size: 40px;
    }
    .h2,
    h2 {
        font-size: 40px;
        line-height: 1.3;
    }
    .h3,
    h3 {
        font-size: 26px;
    }
    .h4,
    h4 {
        font-size: 22px;
    }
    .h6,
    h6 {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .h1,
    h1 {
        font-size: 34px;
        line-height: 1.35;
    }
}
@media (max-width: 375px) {
    .h2,
    h2 {
        font-size: 32px;
        line-height: 1.3;
    }
}
.gallery {
    margin-bottom: 1.5em;
    width: 100%;
}
@media (min-width: 1370px) {
    .th-container4 {
        --main-container: 1620px;
    }
}
@media only screen and (min-width: 1300px) {
    .container {
        max-width: calc(var(--main-container) + var(--container-gutters));
        padding-left: calc(var(--container-gutters) / 2);
        padding-right: calc(var(--container-gutters) / 2);
    }
    .th-container {
        --main-container: 1846px;
    }
}
@font-face {
    font-family: CabinetGrotesk-Thin;
    src: url("../fonts/CabinetGrotesk-Thin.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Thin.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Thin.ttf") format("truetype");
    font-weight: 100;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: CabinetGrotesk-Extralight;
    src: url("../fonts/CabinetGrotesk-Extralight.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Extralight.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Extralight.ttf") format("truetype");
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: CabinetGrotesk-Light;
    src: url("../fonts/CabinetGrotesk-Light.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Light.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Light.ttf") format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: CabinetGrotesk-Regular;
    src: url("../fonts/CabinetGrotesk-Regular.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Regular.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: CabinetGrotesk-Medium;
    src: url("../fonts/CabinetGrotesk-Medium.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Medium.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: CabinetGrotesk-Bold;
    src: url("../fonts/CabinetGrotesk-Bold.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Bold.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: CabinetGrotesk-Extrabold;
    src: url("../fonts/CabinetGrotesk-Extrabold.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Extrabold.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Extrabold.ttf") format("truetype");
    font-weight: 800;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: CabinetGrotesk-Black;
    src: url("../fonts/CabinetGrotesk-Black.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Black.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Black.ttf") format("truetype");
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: CabinetGrotesk-Variable;
    src: url("../fonts/CabinetGrotesk-Variable.woff2") format("woff2"),
        url("../fonts/CabinetGrotesk-Variable.woff") format("woff"),
        url("../fonts/CabinetGrotesk-Variable.ttf") format("truetype");
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
} /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 2, 2020 */
@font-face {
    font-family: gallery_modernregular;
    src: url("gallerymodern-webfont.woff2") format("woff2"),
        url("gallerymodern-webfont.woff") format("woff"),
        url("gallerymodern-webfont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
.form-control,
.form-select,
input,
select,
textarea {
    height: 48px;
    padding: 0 45px 0 25px;
    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: 0.02em;
    color: rgba(92, 95, 113, 0.9);
    width: 100%;
    font-family: var(--body-font);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
    box-shadow: none;
    border-color: var(--theme-color);
}
.form-control::-webkit-input-placeholder,
.form-select::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--body-color);
}
.form-control::-moz-placeholder,
.form-select::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--body-color);
}
.form-control:-ms-input-placeholder,
.form-select:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--body-color);
}
.form-control::-ms-input-placeholder,
.form-select::-ms-input-placeholder,
input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: var(--body-color);
}
.form-control::placeholder,
.form-select::placeholder,
input::placeholder,
select::placeholder,
textarea::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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 26px center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.form-select.style2,
select.style2 {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E");
}
textarea,
textarea.form-control {
    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: 25px;
    font-size: 16px;
    color: var(--body-color);
}
.form-group > i.fa-envelope {
    padding-top: 1px;
}
.form-group > i.fa-comment {
    margin-top: -2px;
}
[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-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="checkbox"] {
    visibility: hidden;
    opacity: 0;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}
input[type="checkbox"]:checked ~ label:before {
    content: "\f00c";
    color: var(--theme-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: 0;
    top: 3.5px;
    background-color: var(--white-color);
    border: 1px solid var(--th-border-color);
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
}
input[type="checkbox"].style2 ~ label {
    color: #8b929c;
    padding-left: 23px;
    margin-bottom: -0.5em;
}
input[type="checkbox"].style2 ~ label:before {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #8b929c;
    height: 14px;
    width: 14px;
    line-height: 14px;
    border-radius: 3px;
    top: 6px;
}
input[type="checkbox"].style2:checked ~ label:before {
    color: var(--theme-color);
}
input[type="radio"] {
    visibility: hidden;
    opacity: 0;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}
input[type="radio"] ~ label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 1;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 0;
}
input[type="radio"] ~ label::before {
    content: "\f111";
    position: absolute;
    font-family: var(--icon-font);
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    padding-left: 0;
    font-size: 0.6em;
    line-height: 19px;
    text-align: center;
    border: 1px solid var(--theme-color);
    border-radius: 100%;
    font-weight: 700;
    background: var(--white-color);
    color: transparent;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
input[type="radio"]:checked ~ label::before {
    border-color: var(--theme-color);
    background-color: var(--theme-color);
    color: var(--white-color);
}
label {
    margin-bottom: 0.5em;
    margin-top: -0.3em;
    display: block;
    color: var(--title-color);
    font-family: var(--body-font);
    font-size: 16px;
}
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border: 1px solid var(--error-color) !important;
    background-position: right calc(0.375em + 0.8875rem) center;
    background-image: none;
}
input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
    outline: 0;
    box-shadow: none;
}
textarea.is-invalid {
    background-position: top calc(0.375em + 0.5875rem) right
        calc(0.375em + 0.8875rem);
}
.form-messages {
    display: none;
}
.form-messages.mb-0 * {
    margin-bottom: 0;
}
.form-messages.success {
    color: var(--success-color);
    display: block;
}
.form-messages.error {
    color: var(--error-color);
    display: block;
}
.form-messages pre {
    padding: 0;
    background-color: transparent;
    color: inherit;
}
input[type="time"] {
    padding: 0 30px;
    position: relative;
}
input[type="time"]::-webkit-calendar-picker-indicator {
    background: 0 0;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}
.swiper-wrapper.row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.th-slider.has-shadow {
    padding-left: 12px;
    padding-right: 12px;
    margin: -25px -12px;
}
.th-slider.has-shadow .swiper-wrapper {
    padding: 25px 0;
}
.swiper-fade .swiper-slide {
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.swiper-fade .swiper-slide-prev {
    opacity: 0;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--title-color);
    border-radius: 18px;
}
.swiper-pagination-progressbar {
    --swiper-pagination-progressbar-size: 1px;
    background: #d9d9d9;
    --swiper-pagination-progressbar-size: 1px;
    background: var(--white-color);
    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, 1px);
    left: 0;
}
.swiper-pagination-fraction {
    text-align: center;
    font-family: var(--body-font);
    font-size: 18px;
    font-weight: 400;
    color: var(--theme-color);
}
.swiper-pagination-fraction .swiper-pagination-current {
    color: var(--title-color);
    display: inline-block;
    width: 31px;
}
.swiper-pagination-fraction .swiper-pagination-total {
    margin-left: 10px;
}
.white-color .swiper-pagination-current {
    color: var(--white-color);
}
.slider-controller {
    margin-top: 60px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 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;
    padding-bottom: 20px;
    line-height: 12px;
    height: 12px;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    margin: 5px 4px;
    opacity: 1;
    background-color: transparent;
    border: 1px solid var(--body-color);
    color: var(--white-color);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.swiper-pagination-bullets
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.slider-area {
    position: relative;
}
.slider-arrow {
    display: inline-block;
    padding: 0;
    background-color: var(--title-color);
    border-radius: 50%;
    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;
}
@media (max-width: 767px) {
    .slider-arrow {
        display: none;
    }
}
.slider-arrow.style2 {
    left: var(--pos-x, 70px);
    width: 80px;
    height: 48px;
    line-height: 25px;
    border: 1px solid #02000f;
    background-color: transparent;
    border-radius: 48px;
}
.slider-arrow.style2.slider-next {
    right: var(--pos-x, 70px);
}
.slider-arrow.style2 img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.slider-arrow.style2:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.slider-arrow.style2:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.slider-arrow.style3 {
    background-color: transparent;
    border: 1px solid rgba(92, 95, 113, 0.2);
    color: var(--title-color);
}
.slider-arrow.style3:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.slider-arrow.style4 {
    left: var(--pos-x, 70px);
    width: 88px;
    height: 56px;
    line-height: 25px;
    background-color: transparent;
    border: 1px solid rgba(92, 95, 113, 0.2);
    border-radius: 48px;
}
.slider-arrow.style4.slider-next {
    right: var(--pos-x, 70px);
}
.slider-arrow.style4:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.slider-arrow.style4:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.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-wrap {
    position: relative;
}
.arrow-wrap .slider-arrow {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}
@media (max-width: 1299px) {
    .arrow-wrap .slider-arrow {
        display: none;
    }
}
.arrow-wrap:hover .slider-arrow {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
@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;
    }
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-image: none;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    position: relative;
    line-height: calc(var(--input-height) - 2px);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.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: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.nice-select.open .list {
    opacity: 1;
    border-radius: 0;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    border-bottom: 1px solid var(--theme-color);
}
.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}
.nice-select.disabled:after {
    border-color: #ccc;
}
.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;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    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;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-28px);
    -ms-transform: scale(0.75) translateY(-28px);
    transform: scale(0.75) translateY(-28px);
    -webkit-transition: 0.2s cubic-bezier(0.5, 0, 0, 1.25),
        opacity 0.15s ease-out;
    transition: 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: var(--smoke-color);
}
.nice-select .option.selected {
    font-weight: 700;
}
.nice-select .option.disabled {
    background-color: transparent;
    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, 0.6);
    z-index: 999999;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    opacity: 0;
    visibility: hidden;
}
.th-menu-wrapper .mobile-logo {
    padding: 20px;
    display: block;
    text-align: center;
    background-color: var(--smoke-color2);
}
.th-menu-wrapper .mobile-logo img {
    max-height: 100px;
}
.th-menu-wrapper .mobile-logo svg {
    max-width: 185px;
}
.th-menu-wrapper .th-menu-toggle {
    border: none;
    position: absolute;
    right: -16.5px;
    top: 25px;
    padding: 0;
    width: 33px;
    height: 33px;
    line-height: 35px;
    font-size: 18px;
    z-index: 1;
    color: var(--title-color);
    background-color: var(--theme-color);
}
.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: 1s;
    transition: 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;
}
.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 12px 18px;
    line-height: 1.4;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--title-color);
}
.th-mobile-menu ul li a:before {
    content: "\f105";
    font-family: var(--icon-font);
    position: absolute;
    left: 0;
    top: 12px;
    margin-right: 10px;
    display: inline-block;
}
.th-mobile-menu ul li.th-active > a {
    color: var(--theme-color);
}
.th-mobile-menu ul li.th-active > a:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.th-mobile-menu ul li ul li {
    padding-left: 20px;
}
.th-mobile-menu ul li ul li:last-child {
    border-bottom: none;
}
.th-mobile-menu ul .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);
    box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
    border-radius: 50%;
}
.th-mobile-menu ul .th-item-has-children > a .th-mean-expand:before {
    content: "\f067";
    font-family: var(--icon-font);
}
.th-mobile-menu ul .th-item-has-children > a:after {
    content: "\f067";
    font-family: var(--icon-font);
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    border-radius: 50px;
    background-color: var(--smoke-color);
    float: right;
    margin-top: 1px;
}
.th-mobile-menu ul .th-item-has-children.th-active > a .th-mean-expand:before {
    content: "\f068";
}
.th-mobile-menu ul .th-item-has-children.th-active > a:after {
    content: "\f068";
}
.th-mobile-menu > ul {
    padding: 0 40px;
}
.th-mobile-menu > ul > li:last-child {
    border-bottom: none;
}
.th-menu-toggle {
    width: 56px;
    height: 56px;
    padding: 0;
    font-size: 20px;
    border: none;
    background-color: var(--theme-color);
    color: var(--white-color);
}
.th-menu-toggle:hover {
    background-color: var(--title-color);
}
@media (max-width: 400px) {
    .th-menu-wrapper .th-menu-area {
        width: 100%;
        max-width: 270px;
    }
    .th-mobile-menu > ul {
        padding: 0 20px;
    }
}
.loader-wrap {
    position: fixed;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: 0 0;
    z-index: 99999999999999;
}
.loader-wrap svg {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 110vh;
    fill: #000;
}
.loader-wrap .loader-wrap-heading .load-text {
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 30px;
    text-transform: uppercase;
    z-index: 20;
    color: #fff;
}
.load-text span {
    -webkit-animation: 1s infinite alternate loading;
    animation: 1s infinite alternate loading;
}
.load-text span:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.load-text span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.load-text span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.load-text span:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.load-text span:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.load-text span:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.load-text span:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.load-text span:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.load-text span:nth-child(9) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.load-text span:nth-child(10) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.load-text span:nth-child(11) {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
}
.load-text span:nth-child(12) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.load-text span:nth-child(13) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
@-webkit-keyframes loading {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes loading {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.th-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: var(--title-color);
    font-family: var(--body-font);
    border: none;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--white-color);
    line-height: 1;
    padding: 19px 30px;
    border-radius: 48px;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    gap: 8px;
}
.th-btn img {
    margin-right: 8px;
}
.th-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: var(--theme-color);
    height: 150px;
    width: 300px;
    border-radius: 50%;
    top: 100%;
    left: 100%;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}
.th-btn:hover {
    color: var(--white-color);
}
.th-btn:hover:before {
    top: -30px;
    left: -30px;
}
.th-btn.style3 {
    background-color: var(--theme-color);
}
.th-btn.style3:hover {
    color: var(--title-color);
}
.th-btn.style3:hover:before {
    background-color: var(--white-color);
}
.th-btn.style4 {
    background-color: var(--theme-color);
}
.th-btn.style4:hover:before {
    background-color: var(--title-color);
}
.th-btn.black-border {
    background-color: transparent;
    border: 1px solid var(--title-color);
    color: var(--title-color);
}
.th-btn.black-border:hover {
    color: var(--white-color);
}
.th-btn.black-border:hover:before {
    background-color: var(--title-color);
}
.video-play-btn {
    position: relative;
    border: 0;
    width: 78px;
    height: 78px;
    line-height: 90px;
    padding: 0 0 0 7px;
    -webkit-transition: 1s cubic-bezier(0, 0, 0.2, 1);
    transition: 1s cubic-bezier(0, 0, 0.2, 1);
    border-radius: 50%;
    background: var(--white-color);
    margin: 0 auto;
    display: inline-block;
    font-size: 25px;
    text-align: center;
    color: var(--title-color);
}
@media (max-width: 767px) {
    .video-play-btn {
        width: 50px;
        height: 50px;
        line-height: 52px;
        font-size: 20px;
    }
}
.video-play-btn i {
    color: var(--title-color);
}
.video-play-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--white-color);
    -webkit-animation: 2s linear infinite ripple;
    animation: 2s linear infinite ripple;
}
.video-play-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--white-color);
    -webkit-animation: 2s linear 1s infinite ripple;
    animation: 2s linear 1s infinite ripple;
}
.video-play-btn:hover {
    background-color: var(--theme-color);
}
.line-btn {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.02em;
    display: inline-block;
    line-height: 0.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: 0.4s;
    transition: 0.4s;
}
.line-btn:hover {
    color: var(--theme-color);
}
.line-btn:hover::before {
    width: 45px;
}
.scroll-top {
    position: fixed;
    right: 30px;
    bottom: 100px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 4;
    opacity: 1;
    visibility: hidden;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.scroll-top:after {
    content: "\f062";
    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);
    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;
    box-sizing: border-box;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
}
.scroll-top.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.sec-title {
    margin-bottom: calc(var(--section-title-space) - 10px);
    margin-top: -0.32em;
}
.sec-title.style2 {
    font-weight: 400;
    font-size: 88px;
    line-height: 88px;
    font-family: var(--title-font2);
}
@media (max-width: 1500px) {
    .sec-title.style2 {
        font-size: 78px;
        line-height: 78px;
    }
}
@media (max-width: 1299px) {
    .sec-title.style2 {
        font-size: 68px;
        line-height: 68px;
    }
}
@media (max-width: 991px) {
    .sec-title.style2 {
        font-size: 58px;
        line-height: 78px;
    }
}
@media (max-width: 767px) {
    .sec-title.style2 {
        font-size: 48px;
        line-height: 68px;
    }
}
@media (max-width: 480px) {
    .sec-title.style2 {
        font-size: 36px;
        line-height: 46px;
    }
}
.sec-title.style3 {
    font-weight: 700;
    font-size: 100px;
    line-height: 96px;
    color: var(--title-color);
}
@media (max-width: 1500px) {
    .sec-title.style3 {
        font-size: 70px;
        line-height: 80px;
    }
    .th-hero-wrapper .slider-arrow {
        --pos-x: 40px;
    }
}
@media (max-width: 1199px) {
    .sec-title.style3 {
        font-size: 50px;
        line-height: 60px;
    }
}
@media (max-width: 575px) {
    .sec-title.style3 {
        font-size: 40px;
        line-height: 50px;
    }
    .sub-title {
        font-size: 16px;
    }
}
@media (max-width: 375px) {
    .sec-title.style3 {
        font-size: 30px;
        line-height: 40px;
    }
}
.sec-title.style4 {
    font-weight: 700;
    font-size: 54px;
}
@media (max-width: 1299px) {
    .sec-title.style4 {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .sec-title.style4 {
        font-size: 30px;
    }
}
.sec-title .counter {
    border: 1px solid var(--title-color);
    border-radius: 500px;
    padding: 0 25px;
    margin-top: 24px;
    display: inline-block;
}
@media (max-width: 480px) {
    .sec-title .counter {
        padding: 0 10px;
    }
}
.sub-title {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--title-color);
    margin-bottom: 35px;
    display: inline-block;
    padding: 0 16px;
}
.sub-title.style2 {
    letter-spacing: 0.24em;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.sub-title.style3 {
    border-bottom: 1px solid #ededed;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.sub-title.style4 {
    border-bottom: 1px solid #2d2d2d;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    padding-bottom: 10px;
}
@media (max-width: 375px) {
    .sub-title {
        font-size: 14px;
    }
}
.sub-title:after,
.sub-title:before {
    position: absolute;
    content: "";
    top: 5px;
    width: 8px;
    height: 14px;
    -webkit-mask-image: url("../temp/img/sub-title.svg");
    mask-image: url("../temp/img/sub-title.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--theme-color);
}
.sub-title:before {
    left: 0;
}
.sub-title:after {
    right: 0;
    -webkit-mask-image: url("../temp/img/sub-title2.svg");
    mask-image: url("../temp/img/sub-title2.svg");
}
.sub-title:has(img) {
    margin-top: 0;
}
.box-title {
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
    margin-top: -0.32em;
}
.box-title a {
    color: inherit;
}
.box-title a:hover {
    color: var(--theme-color);
}
.title-area {
    margin-bottom: calc(var(--section-title-space) - 10px);
    position: relative;
    z-index: 5;
}
.title-area.style2 {
    margin-top: -8px;
}
.title-area .sec-title {
    margin-bottom: 15px;
}
.title-area .th-btn {
    margin-top: 20px;
    margin-bottom: 10px;
}
.title-area .number {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 24px;
    color: var(--title-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}
.title-area .number .line {
    display: inline-block;
    width: 41px;
    height: 1px;
    background-color: #02000f;
    margin: 0;
}
.sec-btn {
    margin-bottom: var(--section-title-space);
}
@media (max-width: 1199px) {
    .sub-title {
        margin-bottom: 20px;
    }
    .sec-title,
    .title-area {
        --section-title-space: 60px;
    }
    .sec-btn {
        --section-title-space: 55px;
    }
}
.shape-mockup-wrap {
    z-index: 2;
    position: relative;
}
.shape-mockup {
    position: absolute;
    z-index: -1;
}
.shape-mockup.testi-img {
    border-radius: 30px 0 0;
}
.bg-mask {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}
.btn-group.style2 {
    gap: 20px 70px;
}
@media (max-width: 767px) {
    .btn-group.style2 {
        gap: 20px 30px;
    }
}
.mfp-zoom-in .mfp-content {
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.mfp-zoom-in.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.7;
}
.mfp-zoom-in.mfp-removing .mfp-content {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.reveal {
    position: relative;
    visibility: hidden;
}
.reveal img {
    object-fit: cover;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.background-image,
[data-bg-src] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.text-theme {
    color: var(--theme-color) !important;
}
.text-inherit {
    color: inherit;
}
.text-inherit:hover {
    color: var(--theme-color);
}
a.text-theme:hover {
    text-decoration: underline;
}
.overlay {
    height: 100%;
    width: 100%;
}
.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;
}
.hero-2 .tab-btn:after {
    -webkit-animation-duration: var(--ripple-ani-duration);
    animation-duration: var(--ripple-ani-duration);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: ripple;
    animation-name: ripple;
}
@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.9;
    }
    100% {
        -webkit-transform: scale(3.6);
        transform: scale(3.6);
        opacity: 0;
    }
}
@keyframes ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.9;
    }
    100% {
        -webkit-transform: scale(3.6);
        transform: scale(3.6);
        opacity: 0;
    }
}
@-webkit-keyframes ripple2 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.4;
    }
    50% {
        opacity: 0.3;
    }
    80% {
        opacity: 0.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: 0.4;
    }
    50% {
        opacity: 0.3;
    }
    80% {
        opacity: 0.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);
    }
}
@-webkit-keyframes morph {
    0%,
    100% {
        border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
    }
    50% {
        border-radius: 30% 60% 70% 40%/50% 60% 30%;
    }
}
@keyframes morph {
    0%,
    100% {
        border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
    }
    50% {
        border-radius: 30% 60% 70% 40%/50% 60% 30%;
    }
}
@-webkit-keyframes jumpAni {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@-webkit-keyframes movingX {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
}
@keyframes movingX {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
}
@-webkit-keyframes moving {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}
@keyframes moving {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}
@keyframes jumpAni {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
.clippy-img.animated {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}
.splitting.animated .char {
    -webkit-animation: 0.4s cubic-bezier(0.3, 0, 0.7, 1) both fadeInUp;
    animation: 0.4s cubic-bezier(0.3, 0, 0.7, 1) both fadeInUp;
    -webkit-animation-delay: calc(30ms * var(--char-index));
    animation-delay: calc(30ms * var(--char-index));
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.splitting.txt.animated .char {
    -webkit-animation: 0.3s cubic-bezier(0.3, 0, 0.7, 1) both fadeIn;
    animation: 0.3s cubic-bezier(0.3, 0, 0.7, 1) both fadeIn;
    -webkit-animation-delay: calc(10ms * var(--char-index));
    animation-delay: calc(10ms * var(--char-index));
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0%,
    from {
        opacity: 0;
    }
    100%,
    to {
        opacity: 1;
    }
}
.imago.animated {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
@-webkit-keyframes img-anim-right {
    0% {
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
@keyframes img-anim-right {
    0% {
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
@-webkit-keyframes img-anim-left {
    0% {
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%);
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
@keyframes img-anim-left {
    0% {
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%);
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
@-webkit-keyframes img-anim-top {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
@keyframes img-anim-top {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
.img-anim-right {
    -webkit-animation: 1.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s forwards
        img-anim-right;
    animation: 1.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s forwards
        img-anim-right;
    opacity: 0;
}
.img-anim-top {
    -webkit-animation: 1.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards
        img-anim-top;
    animation: 1.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards img-anim-top;
    opacity: 0;
}
.img-anim-left {
    -webkit-animation: 1.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s forwards
        img-anim-left;
    animation: 1.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s forwards
        img-anim-left;
    opacity: 0;
}
@-webkit-keyframes jumpReverseAni {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
}
@keyframes jumpReverseAni {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
}
.spin {
    -webkit-animation: 15s linear infinite spin;
    animation: 15s linear infinite spin;
}
@-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;
    }
    100%,
    80% {
        width: 100%;
    }
}
@keyframes titleFill {
    0% {
        width: 0;
    }
    100%,
    80% {
        width: 100%;
    }
}
@-webkit-keyframes lineDown {
    0% {
        -webkit-transform: 0;
        transform: 0;
        opacity: 0;
    }
    30%,
    60% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 1;
    }
}
@keyframes lineDown {
    0% {
        -webkit-transform: 0;
        transform: 0;
        opacity: 0;
    }
    30%,
    60% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 1;
    }
}
@-webkit-keyframes swing {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25%,
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@keyframes swing {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25%,
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}
@-webkit-keyframes scaleUpDown {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}
@keyframes scaleUpDown {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}
@-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;
    }
}
@-webkit-keyframes dance {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-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);
    }
}
@-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%,
    100% {
        scale: 0.2;
    }
    50% {
        scale: 1;
    }
}
@keyframes zoom1 {
    0%,
    100% {
        scale: 0.2;
    }
    50% {
        scale: 1;
    }
}
@-webkit-keyframes topBottomLine {
    0%,
    100% {
        top: 0;
    }
    50% {
        top: calc(100% - 30px);
    }
}
@keyframes topBottomLine {
    0%,
    100% {
        top: 0;
    }
    50% {
        top: calc(100% - 30px);
    }
}
.ShapeAni {
    -webkit-animation: 80s linear infinite ShapeAni;
    animation: 80s linear infinite ShapeAni;
    height: 45px;
    width: 100%;
    background-repeat: repeat;
    overflow: hidden;
    z-index: 9;
}
@-webkit-keyframes ShapeAni {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top left 2000px;
    }
}
@keyframes ShapeAni {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top left 2000px;
    }
}
.clippy-img.animated img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}
@-webkit-keyframes bgColor {
    0%,
    100% {
        background-color: #f2ba4c;
    }
    25% {
        background-color: #81f24c;
    }
    50% {
        background-color: #41f27d;
    }
    75% {
        background-color: #0500ff;
    }
}
@keyframes bgColor {
    0%,
    100% {
        background-color: #f2ba4c;
    }
    25% {
        background-color: #81f24c;
    }
    50% {
        background-color: #41f27d;
    }
    75% {
        background-color: #0500ff;
    }
}
@-webkit-keyframes footerLine {
    0%,
    100% {
        left: 40px;
    }
    50% {
        left: 0;
    }
}
@keyframes footerLine {
    0%,
    100% {
        left: 40px;
    }
    50% {
        left: 0;
    }
}
@-webkit-keyframes fadeLeftRight {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}
@keyframes fadeLeftRight {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}
@-webkit-keyframes animate-positive {
    0% {
        width: 0;
    }
}
@keyframes animate-positive {
    0% {
        width: 0;
    }
}
.fadein,
.rollinleft,
.rollinright,
.scalein,
.slidebottomright,
.slideindown,
.slideinleft,
.slideinright,
.slideinrighthero,
.slideinup,
.slidetopleft {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: var(--animation-name);
    animation-name: var(--animation-name);
}
@-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 .slideinrighthero {
    --animation-name: slideinrighthero;
}
.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 slideinrighthero {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px) scale(0.6);
        transform: translateX(280px) scale(0.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
    }
}
@keyframes slideinrighthero {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px) scale(0.6);
        transform: translateX(280px) scale(0.6);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
    }
}
@-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);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-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;
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-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);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes dance {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@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);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-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 {
    list-style: none;
    padding: 0;
    margin: 0;
}
.widget_nav_menu .menu,
.widget_nav_menu > ul {
    margin: 0 0 -10px;
}
.widget_nav_menu a {
    padding: 27px 20px 27px 40px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.15);
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.313;
    color: var(--title-color);
}
.widget_nav_menu a::before {
    content: "\f061";
    position: absolute;
    right: 25px;
    top: 25px;
    font-family: var(--icon-font);
    font-weight: 600;
    color: var(--body-color);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.widget_nav_menu li {
    display: block;
    position: relative;
}
.widget_nav_menu li > span {
    color: var(--title-color);
    background-color: #fff;
    font-weight: 600;
    position: absolute;
    right: 24px;
    top: 15px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    pointer-events: none;
    min-width: 20px;
    text-align: right;
}
.widget_nav_menu a:hover {
    color: var(--white-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.widget_nav_menu a:hover:before {
    color: var(--white-color);
}
.widget_nav_menu a:hover ~ span {
    color: var(--white-color);
    background-color: var(--theme-color);
}
.widget_nav_menu .children {
    margin-left: 10px;
}
.widget_nav_menu .sub-menu {
    margin-left: 10px;
}
.widget {
    padding: 0;
    background-color: var(--smoke-color2);
    margin-bottom: 32px;
    position: relative;
}
.widget_title {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    font-family: var(--title-font);
    background: rgba(108, 109, 113, 0.15);
    border-bottom: 1px solid var(--title-color);
    padding: 30px 32px;
    line-height: 1em;
    margin: -0.12em 0 0;
}
.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;
}
.widget_title.style2:after,
.widget_title.style2:before {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #e0e0e0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.widget_title.style2:after {
    background-color: var(--theme-color);
    width: 50px;
}
@media (max-width: 1199px) {
    .widget_title {
        font-size: 22px;
        margin: -0.12em 0 0;
    }
}
.footer-widget {
    margin-bottom: 50px;
}
.footer-widget,
.footer-widget .widget {
    padding: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
}
.footer-widget .form-group > i {
    color: var(--theme-color);
    top: 18px;
}
.footer-widget .widget_title {
    max-width: 270px;
    color: var(--white-color);
    background-color: transparent;
    padding: 0;
    border: none;
    margin: -0.11em 0 32px;
}
.footer-widget.widget_nav_menu ul {
    margin-top: -5px;
}
.footer-widget.widget_nav_menu .menu,
.footer-widget.widget_nav_menu > ul {
    margin-bottom: -5px;
}
.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);
    display: block;
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: rgba(216, 219, 220, 0.7);
    background-color: transparent;
    border: none;
    position: relative;
    -webkit-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out;
}
.footer-widget.widget_nav_menu a:before {
    content: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_761_3341)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5324 0.257324C10.4321 1.40877 10.7413 3.11491 11.9353 4.64451C12.4093 5.25172 13.0144 5.82072 13.7725 6.31292L0.247991 6.2824L0.242188 7.84022L14.1534 7.87417C13.1802 8.37054 12.418 8.99235 11.834 9.6759C10.5796 11.1438 10.202 12.8325 10.2558 13.9879L11.8151 13.9235C11.7781 13.1289 12.0461 11.8346 13.0238 10.6903C13.9845 9.566 15.6884 8.52058 18.6437 8.30064L18.5884 7.60743L18.5901 7.12961L18.6828 6.36171C15.7393 5.99299 14.0793 4.86273 13.1648 3.69107C12.2341 2.49875 12.0185 1.19222 12.0875 0.400235L10.5324 0.257324Z' fill='%23D8DBDC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_761_3341'%3E%3Crect width='19' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    font-weight: 900;
    font-family: var(--icon-font);
    left: 0;
    top: 2px;
    width: 16px;
    color: rgba(183, 189, 222, 0.3);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 16px;
    background-color: transparent;
    border: none;
    -webkit-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out;
}
.footer-widget.widget_nav_menu a:hover {
    background-color: transparent;
    color: var(--theme-color);
}
.footer-widget.widget_nav_menu a:hover:before {
    content: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_761_3341)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5324 0.257324C10.4321 1.40877 10.7413 3.11491 11.9353 4.64451C12.4093 5.25172 13.0144 5.82072 13.7725 6.31292L0.247991 6.2824L0.242188 7.84022L14.1534 7.87417C13.1802 8.37054 12.418 8.99235 11.834 9.6759C10.5796 11.1438 10.202 12.8325 10.2558 13.9879L11.8151 13.9235C11.7781 13.1289 12.0461 11.8346 13.0238 10.6903C13.9845 9.566 15.6884 8.52058 18.6437 8.30064L18.5884 7.60743L18.5901 7.12961L18.6828 6.36171C15.7393 5.99299 14.0793 4.86273 13.1648 3.69107C12.2341 2.49875 12.0185 1.19222 12.0875 0.400235L10.5324 0.257324Z' fill='%23884513'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_761_3341'%3E%3Crect width='19' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    color: var(--theme-color);
    -webkit-transition: 0.9s ease-in-out;
    transition: 0.9s ease-in-out;
}
.footer-widget.widget_nav_menu li > span {
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    color: var(--body-color);
    line-height: 1;
}
.footer-widget.widget_nav_menu li:last-child a {
    margin-bottom: 0;
}
.footer-widget.widget_nav_menu.style2 a:before {
    content: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%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='%235C5F71'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.footer-widget.widget_nav_menu.style2 a:hover:before {
    content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.47399V9.52606C16 9.75581 15.8138 9.94225 15.5838 9.94225H9.94225V15.5838C9.94225 15.8139 9.75581 16 9.52606 16H6.47399C6.24437 16 6.05779 15.8138 6.05779 15.5838V9.94225H0.416193C0.186253 9.94225 0 9.75581 0 9.52606V6.47399C0 6.24419 0.186253 6.05779 0.416193 6.05779H6.05779V0.416193C6.05779 0.186162 6.24432 0 6.47399 0H9.52606C9.75581 0 9.94225 0.186162 9.94225 0.416193V6.05779H15.5838C15.8139 6.05779 16 6.24419 16 6.47399Z' fill='%23F96363'/%3E%3C/svg%3E%0A");
    color: var(--theme-color);
}
.th-widget-about .footer-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: rgba(216, 219, 220, 0.7);
    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(237, 237, 237, 0.3);
    border-radius: 50%;
    color: var(--white-color);
    font-size: 16px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.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;
}
.th-header {
    position: relative;
    z-index: 41;
}
.header-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.sticky-wrapper {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.sticky-wrapper.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--white-color);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
    -webkit-animation: 0.4s ease-in-out stickyAni;
    animation: 0.4s ease-in-out stickyAni;
}
@-webkit-keyframes stickyAni {
    0% {
        -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
        transform: translate3d(0, -40px, 0) scaleY(0.8);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scaleY(1);
        transform: translate3d(0, 0, 0) scaleY(1);
        opacity: 1;
    }
}
@keyframes stickyAni {
    0% {
        -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
        transform: translate3d(0, -40px, 0) scaleY(0.8);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scaleY(1);
        transform: translate3d(0, 0, 0) scaleY(1);
        opacity: 1;
    }
}
.main-menu a {
    display: block;
    position: relative;
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: var(--title-color);
    text-transform: uppercase;
}
.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.menu-item-has-children > a:after,
.main-menu ul li:has(.mega-menu) > a:after,
.main-menu ul li:has(.sub-menu) > a:after {
    content: "\f078";
    position: relative;
    font-family: var(--icon-font);
    margin-left: 5px;
    font-weight: 600;
    top: -3px;
    font-size: 10px;
}
.main-menu ul li:last-child {
    margin-right: 0 !important;
}
.main-menu ul li:first-child {
    margin-left: 0 !important;
}
.main-menu ul li:hover > ul.sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 9;
}
.main-menu ul.sub-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    background-color: var(--white-color);
    visibility: hidden;
    min-width: 190px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    z-index: -1;
    border-top: 3px solid var(--theme-color);
    box-shadow: 0 4px 15px rgba(1, 15, 28, 0.06);
    border-radius: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    padding: 18px 20px 18px 18px;
    left: -27px;
}
.main-menu ul.sub-menu a {
    font-size: 16px;
    line-height: 30px;
}
.main-menu ul.sub-menu li {
    display: block;
    margin: 0;
    padding: 0 9px;
}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {
    content: "\f105";
    float: right;
    top: 1px;
}
.main-menu ul.sub-menu li.menu-item-has-children:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-menu ul.sub-menu li a {
    position: relative;
    padding-left: 0;
    text-transform: capitalize;
}
.main-menu ul.sub-menu li a:before {
    content: "\e3b2";
    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: 0.3s ease-in-out;
    transition: 0.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 0 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
    left: 100%;
    right: auto;
}
.header-button {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
.social-links a {
    font-size: 14px;
    display: inline-block;
    color: var(--body-color);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.social-links a:last-child {
    margin-right: 0 !important;
}
.social-links a:hover {
    color: var(--theme-color);
}
.social-links a:hover i {
    -webkit-animation: 0.5s slideTop;
    animation: 0.5s slideTop;
}
.header-logo {
    padding-top: 15px;
    padding-bottom: 15px;
}
.header-logo a img {
    max-height: 120px;
}
.sticky .header-logo a img {
    max-height: 73px;
}
@media (max-width: 1199px) {
    .footer-widget.widget_nav_menu a {
        margin-bottom: 16px;
    }
    .main-menu > ul > li > a {
        padding: 37px 0;
    }
}
.header-layout2 {
    border-bottom: 1px solid var(--smoke-color);
}
.header-layout2 .header-button {
    gap: 97px;
}
.header-layout2 .main-menu {
    margin-left: 60px;
}
.header-layout2 .main-menu > ul > li > a {
    padding: 39.5px 0;
}
@media (max-width: 767px) {
    .footer-widget .widget_title {
        margin-bottom: 35px;
    }
    .header-layout2 .sticky-wrapper.sticky .menu-area {
        padding: 0;
    }
}
.header-layout2 .header-logo {
    position: relative;
    z-index: 2;
}
.footer-wrapper {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.widget-area {
    padding-top: var(--section-space);
    padding-bottom: 30px;
}
.copyright-wrap {
    background-color: var(--white-color);
    padding: 22px 0;
    background-color: transparent;
}
.copyright-text {
    margin: 0;
    color: var(--body-color);
}
.copyright-text a {
    color: var(--theme-color);
}
.copyright-text a:hover {
    color: var(--title-color);
}
.copyright-wrap .copyright-text {
    color: var(--body-color);
}
@media (max-width: 991px) {
    .sec-btn,
    .sec-title,
    .title-area {
        --section-title-space: 50px;
    }
    .footer-wrapper .widget-area {
        padding-top: var(--section-space-mobile);
        padding-bottom: 30px;
    }
    .copyright-text {
        text-align: center;
    }
}
.footer-layout2 {
    background-color: var(--title-color);
    --body-color: rgba(216, 219, 220, 0.7);
}
.footer-layout2 .widget-area {
    padding-top: 120px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(183, 189, 222, 0.2);
}
.footer-layout2 .footer-right {
    text-align: right;
}
.footer-layout2 .footer-link {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 24px;
    color: var(--white-color);
    display: block;
    margin-bottom: 55px;
}
.footer-layout2 .footer-link:hover {
    color: var(--theme-color);
}
.footer-layout2 .footer-widget .th-widget-about {
    position: relative;
    z-index: 2;
    max-width: 260px;
}
.footer-layout2 .social-links a {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid rgba(237, 237, 237, 0.3);
    font-size: 18px;
    color: var(--white-color);
    border-radius: 50%;
    margin: 0 10px 0 0;
}
@media (max-width: 375px) {
    .footer-layout2 .social-links a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
.footer-layout2 .social-links a:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-color: var(--theme-color);
}
.footer-layout2 .footer-logo {
    margin-top: 20px;
}
.footer-layout2 .footer-logo img {
    max-height: 140px;
}
.footer-layout2 .copyright-wrap {
    border-top: 1px solid #333;
    text-align: center;
}
.footer-layout2 .copyright-text {
    font-weight: 400;
    font-size: 16px;
    color: var(--gray-color);
}
@media (max-width: 767px) {
    .footer-layout2 .copyright-text {
        margin: 10px 0;
    }
}
.footer-layout2 .copyright-text a:hover {
    color: var(--white-color);
}
.footer-layout2 .copyright-footer {
    position: relative;
    z-index: 2;
}
.footer-layout2 .copyright-footer img {
    width: 100%;
}
.gsap-cursor {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    margin-left: 80px;
}
.gsap-cursor.style2 .box-title {
    font-family: var(--title-font2);
}
.gsap-cursor .box-title {
    font-weight: 700;
    font-size: 75px;
    line-height: 85px;
    color: var(--white-color);
    word-spacing: 40px;
    max-width: 400px;
    display: block;
    margin: 0;
}
@media (max-width: 575px) {
    .header-logo {
        max-width: 150px;
    }
    .gsap-cursor {
        margin: 0;
    }
    .gsap-cursor .box-title {
        font-size: 66px;
        line-height: 77px;
    }
}
.gsap-cursor .box-title span {
    margin-left: 150px;
}
.cursor-picture {
    position: absolute;
    opacity: 0;
    width: 120px;
    object-fit: contain;
    pointer-events: none;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    will-change: transform;
}
.slider-counter-wrapp {
    position: absolute;
    bottom: 64px;
    right: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 28px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 9;
    min-width: 460px;
}
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.slide.active {
    visibility: visible;
}
.cursor {
    border: 1px solid rgba(255, 255, 255, 0.3);
    pointer-events: none;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.cursor.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.th-hero-wrapper {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.th-hero-wrapper .swiper-pagination-bullet {
    border-color: var(--white-color);
}
@media (max-width: 1399px) {
    .slider-arrow {
        --pos-x: -17px;
    }
    .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) {
    .footer-layout2 .footer-right {
        text-align: center;
    }
    .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);
    }
}
.discount-wrapp {
    background-color: transparent;
    width: 100%;
}
.hero-2 {
    background-color: #f8f8f8;
}
.hero-2 .th-hero-img {
    position: relative;
    min-width: 1200px;
    z-index: 2;
    margin: 140px 0 0 -56%;
}
@media (max-width: 1500px) {
    .hero-2 .th-hero-img {
        margin: 140px 0 0 -65%;
        min-width: 1100px;
    }
}
@media (max-width: 1399px) {
    .hero-2 .th-hero-img {
        margin: 180px 0 0 -70%;
        min-width: 1000px;
    }
}
@media (max-width: 1299px) {
    .header-button .th-btn:not(:last-child) {
        display: none;
    }
    .hero-2 .th-hero-img {
        min-width: 930px;
    }
}
@media (max-width: 1199px) {
    .gsap-cursor .box-title span {
        margin-left: 50px;
    }
    .btn-group:has(.call-btn) {
        gap: 25px;
    }
    .discount-wrapp {
        display: block;
        margin: auto;
    }
    .hero-2 .th-hero-img {
        margin: 0;
        min-width: 100%;
    }
}
.hero-2 .th-hero-img .video-play-btn {
    position: absolute;
    top: 60%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .th-hero-wrapper .slider-arrow {
        display: none;
    }
    .btn-group:has(.call-btn) {
        gap: 20px;
    }
    .hero-2 .th-hero-img .video-play-btn {
        left: 50%;
        top: 50%;
    }
}
.hero-2 .swiper-pagination-fraction {
    text-align: left;
    position: relative;
    top: 270px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
}
@media (max-width: 1500px) {
    .hero-2 .swiper-pagination-fraction {
        top: 250px;
    }
}
@media (max-width: 1399px) {
    .hero-2 .swiper-pagination-fraction {
        top: 220px;
    }
}
@media (max-width: 1299px) {
    .hero-2 .swiper-pagination-fraction {
        top: 250px;
    }
    .hero-2 .slider-controller {
        display: none;
    }
}
@media (max-width: 1199px) {
    .hero-2 .swiper-pagination-fraction {
        top: 240px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.hero-2 .swiper-pagination-fraction .line {
    margin-bottom: 5px;
    width: 41px;
    height: 1px;
    display: inline-block;
    background-color: var(--title-color);
}
.hero-2 .slider-controller {
    position: absolute;
    top: 34%;
    right: 53px;
    z-index: 9;
}
.hero-2 .tab-btn {
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--body-color);
    cursor: pointer;
}
.hero-2 .tab-btn:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-sizing: content-box;
    z-index: 1;
    background-color: var(--theme-color);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    display: none;
    overflow: hidden;
}
.hero-2 .tab-btn.active {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.hero-2 .tab-btn.active:after {
    display: block;
    visibility: visible;
}
.hero-2 .tab-btn:not(:last-child) {
    margin-bottom: 24px;
}
.hero-2 .contact-us {
    max-width: 232px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 200px;
}
@media (max-width: 1500px) {
    .hero-2 .contact-us {
        top: -40px;
        right: 140px;
    }
}
@media (max-width: 1399px) {
    .hero-2 .contact-us {
        top: -60px;
    }
}
@media (max-width: 1199px) {
    .hero-2 .contact-us {
        margin: 20px auto auto;
        right: 0;
    }
}
.hero-2 .contact-us .icon {
    width: 118px;
    height: 118px;
    line-height: 118px;
    text-align: center;
    border: 0.5px solid var(--theme-color);
    border-radius: 50%;
    display: block;
    margin: 0 0 24px auto;
}
.hero-2 .contact-us .box-title {
    font-family: var(--title-font);
    font-weight: 500;
}
@media (max-width: 767px) {
    .hero-2 .contact-us {
        position: relative;
        top: 0;
        right: 0;
        max-width: 200px;
    }
    .hero-2 .contact-us .box-title {
        font-size: 18px;
    }
}
.hero-2 .scroll-down {
    position: absolute;
    z-index: 2;
    right: 5px;
    bottom: 43%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
@media (max-width: 1299px) {
    .hero-2 .contact-us .icon {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .hero-2 .scroll-down {
        display: none;
    }
    .hero-style2 .hero-title {
        font-size: 62px;
    }
}
.hero-2 .scroll-down .hero-scroll-wrap {
    position: absolute;
    left: 50%;
    bottom: 56px;
    z-index: 3;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    width: 123px;
    height: 11px;
    color: var(--title-color);
}
.hero-2 .scroll-down .hero-scroll-wrap:after {
    content: "";
    position: relative;
    background-color: var(--title-color);
    height: 1px;
    width: 30px;
    display: inline-block;
    left: -100%;
    bottom: 4px;
}
.hero-style2 {
    position: relative;
    padding: 0 0 116px;
    z-index: 9;
    max-width: 900px;
}
@media (max-width: 1500px) {
    .hero-style2 {
        max-width: 800px;
    }
}
.hero-style2 .hero-title {
    font-weight: 600;
    margin-bottom: 40px;
    font-size: 80px;
}
@media (max-width: 767px) {
    .hero-style2 .hero-title {
        font-size: 52px;
    }
}
@media (max-width: 480px) {
    .hero-2 .th-hero-img .video-play-btn {
        top: 30%;
    }
    .hero-style2 .hero-title {
        font-size: 38px;
    }
}
@media (max-width: 375px) {
    .hero-style2 .hero-title {
        font-size: 32px;
    }
}
@media (max-width: 320px) {
    .hero-style2 .hero-title {
        font-size: 28px;
    }
}
.hero-style2 .th-btn {
    padding: 23px 35px;
}
.hero-style2 .th-btn:hover {
    color: var(--white-color);
}
.hero-style2 .th-btn:hover:before {
    background-color: var(--title-color);
}
.hero-style2 .trustipilot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 23px;
    margin-top: 120px;
}
@media (max-width: 1299px) {
    .hero-style2 .trustipilot {
        margin-top: 45px;
    }
}
.hero-style2 .box-rating .review {
    display: inline-block;
}
.hero-style2 .box-rating .review-title {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.02em;
    color: var(--title-color);
}
.hero-style2 .box-rating .text {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.02em;
    color: var(--title-color);
}
.hero-style2 .box-rating .stars {
    margin: 5px 0;
}
.hero-style2 .ratting {
    width: 93px;
    height: 91px;
    line-height: 91px;
    border: 1px solid #ededed;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: 0.02em;
    color: var(--title-color);
    text-align: center;
}
.hero-4 .swiper-pagination-fraction {
    text-align: left;
    position: absolute;
    top: 272px;
    left: unset;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    height: 15px;
    z-index: 9;
}
@media (max-width: 1299px) {
    .hero-4 .swiper-pagination-fraction {
        top: 250px;
    }
}
.hero-4 .swiper-pagination-fraction .line {
    margin-bottom: 5px;
    width: 41px;
    height: 1px;
    display: inline-block;
    background-color: var(--white-color);
}
.hero-4 .swiper-pagination-fraction,
.hero-4 .swiper-pagination-fraction .swiper-pagination-current {
    color: var(--white-color);
}
.th-port-slider-title {
    font-family: var(--title-font2);
    font-size: 150px;
    font-weight: 400;
    line-height: 155px;
    text-transform: capitalize;
    color: transparent;
    -webkit-transition: background-size 0.6s
        cubic-bezier(0.32, 0.55, 0.58, 0.76);
    transition: background-size 0.6s cubic-bezier(0.32, 0.55, 0.58, 0.76);
    cursor: pointer;
    display: block;
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.4);
    background-image: -webkit-linear-gradient(
        left,
        #fff 0,
        #fff 50%,
        transparent 50.1%
    );
    background-image: linear-gradient(
        90deg,
        #fff 0,
        #fff 50%,
        transparent 50.1%
    );
    z-index: 9;
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    .hero-style2 {
        padding: 250px 0 50px;
        max-width: 100%;
        text-align: center;
    }
    .hero-style2 .trustipilot {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 40px;
    }
    .hero-4 .swiper-pagination-fraction {
        top: 240px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .th-port-slider-title {
        font-size: 120px;
        line-height: 130px;
    }
}
@media (max-width: 767px) {
    .th-port-slider-title {
        font-size: 90px;
        line-height: 110px;
    }
}
@media (max-width: 480px) {
    .th-port-slider-title {
        font-size: 70px;
        line-height: 100px;
    }
}
.th-port-slider-title a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--white-color);
}
.th-port-slider-title a img {
    opacity: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    margin-left: 64px;
}
.th-port-slider-title:hover {
    background-size: 200% 100%;
    color: var(--white-color);
}
.th-port-slider-title:hover a img {
    opacity: 1;
}
.hero-7 .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.hero-7 .button-wrap .swiper-button-next,
.hero-7 .button-wrap .swiper-button-prev {
    position: relative;
    bottom: 40px;
    right: 0;
    width: 56px;
    height: 56px;
    border: 1px solid #fff;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.hero-7 .button-wrap .swiper-button-next:hover,
.hero-7 .button-wrap .swiper-button-prev:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.hero-7 .button-wrap .swiper-button-next:after,
.hero-7 .button-wrap .swiper-button-prev:after {
    display: none;
}
.hero-8 .slider-pagination .swiper-pagination-bullet {
    margin: 10px 0;
    height: 40px;
    border-radius: 48px;
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
}
.hero-8
    .slider-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}
.hero-9 .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.hero-9 .button-wrap .swiper-pagination-progressbar {
    height: 4px;
}
.hero-9
    .button-wrap
    .swiper-pagination-progressbar
    .swiper-pagination-progressbar-fill {
    background: var(--title-color);
    border-radius: 18px;
}
@media (max-width: 767px) {
    .hero-9
        .button-wrap
        .swiper-pagination-progressbar
        .swiper-pagination-progressbar-fill {
        background-color: var(--theme-color);
    }
}
.hero-9 .button-wrap .swiper-button-next,
.hero-9 .button-wrap .swiper-button-prev {
    position: absolute;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    border-radius: 50%;
}
.hero-9 .button-wrap .swiper-button-next:hover,
.hero-9 .button-wrap .swiper-button-prev:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.hero-9 .button-wrap .swiper-button-next:after,
.hero-9 .button-wrap .swiper-button-prev:after {
    display: none;
}
.hero-9 .button-wrap .swiper-button-next {
    top: 30%;
}
.hero-9 .button-wrap .swiper-button-prev {
    top: unset;
    bottom: 20%;
}
.popup-search-box {
    position: fixed;
    top: 0;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.95);
    height: 0;
    width: 0;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.popup-search-box button.searchClose {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40px;
    right: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--theme-color);
    background-color: transparent;
    font-size: 22px;
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: var(--theme-color);
}
.popup-search-box button.searchClose:hover {
    color: var(--body-color);
    background-color: #fff;
    border-color: transparent;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.popup-search-box form {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding-bottom: 40px;
    cursor: auto;
    width: 100%;
    max-width: 700px;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
.popup-search-box form input {
    font-size: 18px;
    height: 70px;
    width: 100%;
    border: 2px solid var(--theme-color);
    background-color: transparent;
    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: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    right: 12px;
    color: var(--white-color);
    cursor: pointer;
    width: 70px;
    height: 70px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(1.001);
    -ms-transform: scale(1.001);
    transform: scale(1.001);
}
.popup-search-box form button:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.popup-search-box.show {
    opacity: 1;
    visibility: visible;
    width: 100.1%;
    height: 100%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 0;
}
.popup-search-box.show form {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.sidemenu-wrapper {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
.sidemenu-wrapper .widget {
    padding: 0;
    border: none;
    background-color: transparent;
}
.sidemenu-wrapper .widget .widget_title {
    color: var(--title-color);
}
.sidemenu-wrapper.show {
    opacity: 1;
    visibility: visible;
    width: 100%;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
.woocommerce-form-coupon,
.woocommerce-form-login {
    padding: 35px 40px;
    background-color: var(--white-color);
    box-shadow: 0 6px 30px rgba(1, 15, 28, 0.1);
    margin-bottom: 0;
    border-radius: 10px;
}
.woocommerce-form-coupon .form-group,
.woocommerce-form-login .form-group {
    margin-bottom: 20px;
}
.woocommerce-form-coupon .form-group:last-child,
.woocommerce-form-login .form-group:last-child {
    margin-bottom: 0;
}
.woocommerce-form-login {
    margin-bottom: 30px;
}
.rating-select label {
    margin: 0 10px 0 0;
}
.rating-select p.stars {
    margin-bottom: 0;
    line-height: 1;
}
.rating-select p.stars a {
    position: relative;
    height: 14px;
    width: 18px;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
}
.rating-select p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 14px;
    line-height: 1;
    font-family: var(--icon-font);
    content: "\e28b";
    font-weight: 400;
    text-indent: 0;
    color: var(--yellow-color);
}
.rating-select p.stars a:hover ~ a::before {
    content: "\e28b";
    font-weight: 400;
}
.rating-select p.stars.selected a.active::before,
.rating-select p.stars:hover a::before {
    content: "\e28b";
    font-weight: 700;
}
.rating-select p.stars.selected a.active ~ a::before {
    content: "\e28b";
    font-weight: 400;
}
.rating-select p.stars.selected a:not(.active)::before {
    content: "\e28b";
    font-weight: 700;
}
.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: 0.15s ease-out;
    transition: 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.woocommerce-Reviews .comment-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 24px;
    margin: -12px -12px 28px !important;
}
.woocommerce-Reviews .comment-list li {
    width: 50%;
}
#description {
    margin-bottom: 30px;
}
.product-thumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 32px;
    cursor: pointer;
}
.product-thumb .tab-btn {
    border: 1px solid transparent;
    width: 201.42px;
    height: 170px;
    background: #f2f3fc;
    border-radius: 16px;
}
.product-thumb .tab-btn.active {
    border: 1px solid var(--theme-color);
}
.woocommerce-form-coupon .form-control,
.woocommerce-form-coupon .form-select,
.woocommerce-form-coupon select,
.woocommerce-form-login .form-control,
.woocommerce-form-login .form-select,
.woocommerce-form-login select {
    margin-bottom: var(--bs-gutter-x);
}
#ship-to-different-address {
    margin-top: 15px;
}
.shipping-calculator-form .form-control,
.shipping-calculator-form .form-select {
    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;
}
.contact-form {
    margin-right: 80px;
}
.contact-form.style2 {
    padding: 80px 0;
}
@media (max-width: 1199px) {
    .popup-search-box form {
        max-width: 600px;
    }
    .contact-form {
        margin: 0;
    }
    .contact-form.style2 {
        margin: 0;
        padding: 80px 30px;
    }
}
.contact-form .form-group {
    margin-bottom: 24px;
}
.contact-form .form-group i {
    top: 20px;
    font-size: 12px;
    color: #6c6d71;
}
.contact-form .form-control,
.contact-form .form-select,
.contact-form input,
.contact-form select,
.contact-form textarea {
    background: #fff;
    border: 1px solid #e0e2da;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
}
.contact-form .th-btn:hover:after,
.contact-form .th-btn:hover:before {
    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.focus,
.contact-form .nice-select .option:hover {
    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,
.contact-form textarea.form-control {
    min-height: 120px;
    padding-top: 16px;
    padding-bottom: 17px;
}
.contact-form .th-btn:hover:after {
    background-color: var(--theme-color);
}
.contact-form .form-btn {
    margin-top: 6px;
}
.contact-image {
    display: grid;
    grid-template-columns: auto auto;
    margin: 0 -70px 0 58px;
    gap: 24px;
}
@media (max-width: 1799px) {
    .contact-image {
        margin: 0 0 0 58px;
    }
}
@media (max-width: 1199px) {
    .contact-image {
        margin: 0;
    }
}
.contact-image .img2 {
    margin-top: 80px;
}
.contact-image .img3 {
    text-align: right;
}
@media (max-width: 375px) {
    .th-port-slider-title {
        font-size: 55px;
        line-height: 75px;
    }
    .contact-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .contact-image img {
        width: 100%;
    }
    .contact-image .img2 {
        margin-top: 0;
    }
    .contact-image .img2 img {
        width: 100%;
    }
    .contact-image .img3 {
        text-align: left;
    }
    .contact-image .img3 img {
        width: 100%;
    }
}
@-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-area {
    position: relative;
    background-color: #f8f8f8;
    z-index: 2;
}
.contact-image .img1,
.contact-image .img1 img,
.contact-image .img2,
.contact-image .img2 img,
.contact-image .img3,
.contact-image .img3 img,
.contact-image .img4,
.contact-image .img4 img {
    border-radius: 16px;
}
.global-img {
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.global-img:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.global-img img {
    object-fit: cover;
    -webkit-transition: 1.3s;
    transition: 1.3s;
}
.global-img:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
.global-img:hover:after {
    height: 250%;
    -webkit-transition: 0.6s linear;
    transition: 0.6s linear;
    background-color: transparent;
}
.client-thumb-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 375px) {
    .client-thumb-group {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
    }
}
.client-thumb-group .thumb {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.client-thumb-group .thumb:not(:first-child) {
    margin-left: -10px;
}
.client-thumb-group .thumb img {
    border-radius: 50%;
    border: 2px solid var(--white-color);
    min-width: 40px;
    height: 40px;
}
.client-thumb-group .thumb.icon {
    position: relative;
    background: var(--theme-color);
    color: var(--white-color);
    height: 57px;
    width: 57px;
    line-height: 57px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.02em;
    border-radius: 50%;
    text-align: center;
    margin-left: -18px;
    z-index: 2;
}
.discount-wrapp.style2 {
    position: absolute;
    bottom: -63px;
    right: 65px;
}
.img-box2 {
    position: relative;
    z-index: 2;
}
.img-box2_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}
.img-box2 .img1 {
    position: relative;
    margin-top: 63px;
    min-width: 621px;
    margin-left: -7%;
}
@media (max-width: 1399px) {
    .client-thumb-group .thumb img {
        height: 47px;
    }
    .client-thumb-group .thumb.icon {
        height: 47px;
        width: 47px;
        line-height: 47px;
    }
    .img-box2 .img1 {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .img-box2 .img1 {
        min-width: 100%;
    }
}
.img-box2 .img2 {
    margin-bottom: 142px;
}
.img-box2 .th-experience {
    position: absolute;
    left: 50%;
    bottom: 42px;
}
@media (max-width: 490px) {
    .img-box2 .img2 {
        margin-bottom: 30px;
    }
    .img-box2 .th-experience {
        position: relative;
        left: 30px;
        bottom: 0;
        max-width: 100%;
    }
}
.about-area {
    position: relative;
    z-index: 2;
}
.star {
    margin-left: 16px;
}
.reveal {
    overflow: hidden;
    display: block;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
}
.reveal img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.teamSlide3 .swiper-slide:nth-child(10),
.teamSlide3 .swiper-slide:nth-child(12),
.teamSlide3 .swiper-slide:nth-child(2),
.teamSlide3 .swiper-slide:nth-child(4),
.teamSlide3 .swiper-slide:nth-child(6),
.teamSlide3 .swiper-slide:nth-child(8) {
    margin-top: 60px;
}
.box-desig {
    font-size: 14px;
    font-weight: 400;
}
.testi-card {
    position: relative;
    z-index: 2;
    margin-left: 40px;
}
@media (max-width: 1199px) {
    .img-box2 .img1 {
        margin-top: 0;
    }
    .testi-card {
        margin-left: 0;
    }
}
.testi-card.style2 {
    max-width: 945px;
    display: block;
    margin: auto auto 24px;
    text-align: center;
}
.testi-card.style2 .box-text {
    margin-bottom: 24px;
}
.testi-card.style2 .box-title {
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.02em;
    margin-bottom: 0;
}
.testi-card.style3 .box-text {
    margin-bottom: 64px;
}
.testi-card.style3 .box-title {
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.02em;
    margin-bottom: 0;
}
@media (max-width: 375px) {
    .img-box2 .th-experience {
        left: 10px;
    }
    .testi-card.style3 .box-title {
        font-size: 20px;
    }
}
.testi-card.style3 .box-desig {
    margin: 0;
}
.testi-card .box-quote {
    margin-bottom: 15px;
}
.testi-card .box-text {
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: var(--title-color);
    margin-bottom: 70px;
}
@media (max-width: 1199px) {
    .testi-card .box-text {
        font-size: 25px;
        line-height: 35px;
    }
}
@media (max-width: 991px) {
    .woocommerce-Reviews .comment-list li {
        width: 100%;
    }
    .woocommerce-Reviews .comment-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .img-box2_wrapp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .testi-card .box-text {
        font-size: 24px;
        line-height: 34px;
    }
}
@media (max-width: 575px) {
    .woocommerce-form-coupon,
    .woocommerce-form-login {
        padding: 40px 20px;
    }
    .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-title {
    font-family: var(--title-font2);
    font-weight: 400;
    font-size: 32px;
    line-height: 34px;
    letter-spacing: 0.02em;
    color: var(--title-color);
    margin: 0;
}
@media (max-width: 575px) {
    .testi-card .box-title {
        font-size: 24px;
        line-height: 25px;
    }
}
.testi-card .box-desig {
    font-weight: 400;
    font-size: 14px;
    color: var(--body-color);
    margin-bottom: 0;
}
.testi-thumb .tab-btn {
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 2;
}
.testi-thumb .tab-btn:first-child {
    position: absolute;
    top: 0;
    left: 5%;
}
@media (max-width: 1399px) {
    .testi-thumb .tab-btn:first-child {
        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%;
}
.testi-thumb .tab-btn:nth-child(4) {
    position: absolute;
    top: 0;
    right: 5%;
}
@media (max-width: 1399px) {
    .testi-thumb .tab-btn:nth-child(3) {
        left: 0;
    }
    .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%;
}
.testi-thumb .tab-btn.active img {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    border: 10px solid rgba(249, 99, 99, 0.1);
}
.testi-thumb .tab-btn img {
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid rgba(92, 95, 113, 0.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.testi-slider2 .swiper-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 150px !important;
}
.testi-slider2 .swiper-slide {
    width: 72px !important;
    height: 72px;
    margin-left: -36px;
}
.testi-slider2 .swiper-slide:first-child {
    margin-left: 0;
}
.testi-slider2 .swiper-slide .box-author {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
}
.testi-slider2 .swiper-slide .box-author img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.testi-slider2 .swiper-slide-active {
    z-index: 2;
}
.testi-slider2 .swiper-slide-active .box-author {
    border-color: var(--theme-color);
}
.testi-slider2 .swiper-slide-active .box-author img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.testi-card-tab {
    max-width: 431px;
    height: 82px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.testi-card-tab .tab-btn {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
}
.testi-card-tab .tab-btn:first-child,
.testi-card-tab .tab-btn:nth-child(2),
.testi-card-tab .tab-btn:nth-child(3) {
    margin-right: -20px;
}
.testi-card-tab .tab-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.testi-card-tab .tab-btn.active {
    z-index: 2;
    border-color: var(--theme-color);
}
.testi-card-tab .tab-btn.active img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.testi-box-tab {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    z-index: 2;
    margin-top: -150px;
}
.testi-box-tab .tab-btn {
    min-width: 150px;
    max-height: 150px;
}
@media (max-width: 767px) {
    .testi-box-tab .tab-btn {
        min-width: 100px;
        max-height: 100px;
    }
}
.testi-box-tab .tab-btn:nth-child(2) {
    margin-top: 60px;
}
@media (max-width: 480px) {
    .testi-box-tab {
        gap: 10px;
    }
    .testi-box-tab .tab-btn {
        min-width: 70px;
        max-height: 70px;
    }
    .testi-box-tab .tab-btn:nth-child(2) {
        margin-top: 30px;
    }
}
.testi-box-tab .tab-btn:nth-child(3) {
    margin-top: 120px;
}
@media (max-width: 480px) {
    .testi-box-tab .tab-btn:nth-child(3) {
        margin-top: 60px;
    }
}
.testi-box-tab .tab-btn:nth-child(4) {
    margin-top: 180px;
}
.testi-box-tab .tab-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testi-img {
    margin-top: -380px;
    margin-right: 50px;
}
.testiSlide3 .slider-controller .swiper-pagination-progressbar {
    background-color: #fff;
}
.counter-card.style2 .sub-title {
    margin-bottom: 10px;
}
.counter-card.style2 .box-number {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
}
.counter-card.style2 .box-text {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: 16px;
    color: var(--body-color);
    margin-bottom: 0;
    max-width: 343px;
}
.counter-card.style3 .box-number {
    font-family: var(--title-font);
    font-weight: 700;
    font-size: 72px;
    line-height: 72px;
}
@media (max-width: 1199px) {
    .counter-card.style3 .box-number {
        font-size: 52px;
        line-height: 52px;
    }
}
.counter-card.style4 {
    min-width: 340px;
    height: 340px;
    padding: 114px 65px;
    border: 1px dashed #6c6d71;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
}
@media (max-width: 1500px) {
    .counter-card.style4 {
        min-width: 280px;
        height: 280px;
        padding: 80px 35px;
    }
}
@media (max-width: 1399px) {
    .testi-thumb .tab-btn:nth-child(6) {
        right: 0;
    }
    .counter-card.style4 {
        min-width: 250px;
        padding: 80px 20px;
    }
}
@media (max-width: 1299px) {
    .testi-thumb .tab-btn {
        display: none;
    }
    .counter-card.style4 {
        min-width: 290px;
    }
}
@media (max-width: 767px) {
    .counter-card.style4 {
        min-width: 240px;
    }
}
.counter-card.style4:first-child {
    margin-right: -20px;
}
@media (max-width: 1500px) {
    .counter-card.style4:first-child {
        margin-right: 4px;
    }
}
.counter-card.style4:nth-child(2) {
    margin-right: -20px;
}
@media (max-width: 1500px) {
    .counter-card.style4:nth-child(2) {
        margin-right: 4px;
    }
}
.counter-card.style4:nth-child(3) {
    margin-right: -20px;
}
@media (max-width: 1500px) {
    .counter-card.style4:nth-child(3) {
        margin-right: 4px;
    }
}
.counter-card.style4:nth-child(4) {
    margin-right: -20px;
}
@media (max-width: 1500px) {
    .counter-card.style4:nth-child(4) {
        margin-right: 4px;
    }
}
.counter-card.style4:nth-child(5) {
    margin-right: -20px;
}
@media (max-width: 1500px) {
    .counter-card.style4:nth-child(5) {
        margin-right: 4px;
    }
}
.counter-card.style4:nth-child(6) {
    margin-right: -20px;
}
.counter-card.style4 .box-number {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 72px;
    line-height: 89px;
    color: #000;
    margin-bottom: 15px;
}
@media (max-width: 1500px) {
    .counter-card.style4 .box-number {
        font-size: 62px;
        line-height: 77px;
    }
}
.counter-card.style4 .box-number.style2 {
    font-family: var(--title-font2);
}
.counter-card.style4 .box-text {
    position: relative;
    font-family: var(--title-font);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.counter-card_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1199px) {
    .counter-card_wrapp.style2 {
        display: grid;
        grid-template-columns: auto auto;
        gap: 50px;
    }
}
@media (max-width: 480px) {
    .testi-box-tab .tab-btn:nth-child(4) {
        margin-top: 90px;
    }
    .counter-card.style4 {
        min-width: 100%;
    }
    .counter-card_wrapp.style2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.counter-card_wrapp.style3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 60px;
    margin-bottom: 68px;
}
@media (max-width: 1399px) {
    .counter-card_wrapp.style3 {
        display: grid;
        grid-template-columns: auto auto;
        gap: 50px;
    }
}
@media (max-width: 767px) {
    .counter-card_wrapp.style3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 0;
    }
}
@media (max-width: 1299px) {
    .counter-card_wrapp.style4 {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 10px;
    }
}
@media (max-width: 991px) {
    .testi-img {
        margin: 0;
    }
    .counter-card {
        text-align: center;
    }
    .counter-card_wrapp.style4 {
        display: grid;
        grid-template-columns: auto auto;
        gap: 0;
    }
    .counter-card_wrapp {
        display: grid;
        grid-template-columns: auto auto;
        gap: 50px;
    }
}
@media (max-width: 575px) {
    .testi-card .box-desig {
        font-size: 16px;
    }
    .counter-card_wrapp,
    .counter-card_wrapp.style4 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.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;
    }
}
.counter-card .box-icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.counter-card .box-number {
    font-family: var(--title-font2);
    font-weight: 400;
    font-size: 88px;
    line-height: 68px;
    letter-spacing: 0.02em;
    color: var(--black-color);
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    .counter-card .box-number {
        font-size: 60px;
        line-height: 60px;
    }
    .brand-card {
        margin-right: auto;
    }
}
@media (max-width: 767px) {
    .counter-card .box-number {
        font-size: 50px;
    }
}
.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;
    }
}
.brand-card {
    height:80px;
    overflow: hidden;
    position: relative;
    display: block;
}
@media (max-width: 480px) {
    .brand-card {
        margin: auto;
    }
}
.brand-card:hover a img.gray {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.brand-card:hover a img.original {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
.brand-card img {
    margin: 0 auto;
    -webkit-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.brand-card img.gray {
    -webkit-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.brand-card img.original {
    -webkit-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: grayscale(100%);
    opacity: 0.5;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: var(--white-color);
    right: 0;
    text-align: right;
    padding-right: 16px;
    width: 50px;
    background: var(--theme-color);
    opacity: 1;
}
.mfp-iframe-holder .mfp-close {
    top: -45px;
}
.grid-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none;
    z-index: -1;
    padding: 0 140px;
    display: none;
}
.grid-overlay.style2,
.grid-overlay.style3 {
    z-index: 0;
}
.grid-overlay.style3 .grid-line {
    background-color: rgba(255, 255, 255, 0.1);
}
.grid-overlay.style4 .grid-line {
    background-color: rgba(108, 109, 113, 0.13);
}
@media (max-width: 1299px) {
    .grid-overlay {
        padding: 0;
    }
}
.grid-line {
    width: 1px;
    background-color: #ededed;
    height: 100%;
}
@media (max-width: 375px) {
    .grid-line {
        display: none;
    }
}
#show-grid .grid-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.line {
    background-color: #ededed;
    margin: 40px 0 0;
    opacity: 1;
}
.cursor2 {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid var(--theme-color);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    z-index: 999999;
    -webkit-transform: translate(calc(-50% + 15px), -50%);
    -ms-transform: translate(calc(-50% + 15px), -50%);
    transform: translate(calc(-50% + 15px), -50%);
}
.cursor2.hover {
    display: none;
}
.cursor {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 0;
    background-color: var(--theme-color);
    opacity: 0.3;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 999999;
    -webkit-transition: opacity 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33),
        -webkit-transform 0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33);
    transition: transform 0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33),
        opacity 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33),
        -webkit-transform 0.4s cubic-bezier(0.75, -1.27, 0.3, 2.33);
}
.cursor.hover {
    display: none;
}
.th-clip-anim {
    width: 100%;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    position: relative;
}
.th-clip-anim > * {
    grid-area: 1/1/2/2;
    width: 100%;
    height: 100%;
    max-height: 100%;
}
.th-clip-anim .th-anim-img {
    opacity: 0;
    width: 100%;
    height: 100%;
}
.mfp-bg,
.mfp-wrap {
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}
.mfp-bg.mfp-gallery:after,
.mfp-bg.mfp-gallery:before,
.mfp-wrap.mfp-gallery:after,
.mfp-wrap.mfp-gallery:before {
    display: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.mfp-bg.mfp-gallery .mfp-content,
.mfp-bg.mfp-gallery.mfp-ready:hover:after,
.mfp-bg.mfp-gallery.mfp-ready:hover:before,
.mfp-wrap.mfp-gallery .mfp-content,
.mfp-wrap.mfp-gallery.mfp-ready:hover:after,
.mfp-wrap.mfp-gallery.mfp-ready:hover:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.mfp-bg:after,
.mfp-bg:before,
.mfp-wrap:after,
.mfp-wrap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: var(--title-color);
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
    z-index: 1;
}
.mfp-bg:before,
.mfp-wrap:before {
    top: 0;
}
.mfp-bg:after,
.mfp-wrap:after {
    bottom: 0;
}
.mfp-bg .mfp-content,
.mfp-wrap .mfp-content {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
}
.mfp-bg.mfp-ready:before,
.mfp-wrap.mfp-ready:before {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.mfp-bg.mfp-ready:after,
.mfp-wrap.mfp-ready:after {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
.mfp-bg.mfp-ready .mfp-content,
.mfp-wrap.mfp-ready .mfp-content {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.video-box1 {
    position: relative;
    z-index: 2;
    max-width: 1072px;
    height: 700px;
    display: block;
    margin: auto;
}
.video-box1:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(
        bottom,
        rgba(2, 0, 15, 0.2),
        rgba(2, 0, 15, 0.2)
    );
    background: linear-gradient(0deg, rgba(2, 0, 15, 0.2), rgba(2, 0, 15, 0.2));
    z-index: -1;
}
.video-box1 .video-play-btn {
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video-box1 .video-play-btn i {
    font-size: 35px;
    color: var(--white-color);
}
.video-area {
    position: relative;
    z-index: 2;
}
.video-area.style2 .box-title {
    top: 80px;
}
.video-area .box-title {
    font-size: 88px;
    color: var(--title-color);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--title-color);
    position: absolute;
    top: 48px;
    z-index: 2;
}
@media (max-width: 575px) {
    .video-area .box-title {
        font-size: 55px;
    }
}
@media (max-width: 375px) {
    .video-area .box-title {
        font-size: 45px;
    }
}
.video-area .box-title.style2 {
    top: unset;
    bottom: 38px;
    right: 7%;
}
@media (max-width: 1699px) {
    .video-area .box-title.style2 {
        right: 1%;
    }
}
.choose-progress-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 24px;
    max-width: 750px;
    margin-left: 90px;
    position: relative;
}
.choose-progress-bar::before {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -60px;
    height: 654px;
    border-right: 2px dashed #d8dbdc;
}
@media (max-width: 1500px) {
    .video-area .slider-arrow {
        display: none !important;
    }
    .choose-progress-bar {
        margin-left: 0;
    }
}
@media (max-width: 480px) {
    .choose-progress-bar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.choose-progress-bar .progress-bar {
    margin: 0;
    padding: 0;
    position: relative;
    width: 226px;
    background: -webkit-linear-gradient(
        top,
        #f8f8f8 0,
        rgba(248, 248, 248, 0) 49.59%
    );
    background: linear-gradient(
        180deg,
        #f8f8f8 0,
        rgba(248, 248, 248, 0) 49.59%
    );
}
.choose-progress-bar .progress-bar:nth-child(2) .progress-fill {
    background-color: var(--theme-color);
}
.choose-progress-bar .progress-bar:nth-child(2) .text {
    color: var(--white-color);
}
.choose-progress-bar .progress-bar:nth-child(3) .progress-fill {
    background-color: #f0f0e3;
}
.choose-progress-bar .progress-bar:nth-child(3) .counter {
    color: #182009;
}
.choose-progress-bar .progress-fill {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #182009;
    width: 100%;
    height: 0;
    color: var(--white-color);
    padding: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    -webkit-animation: 1s ease-in-out grow;
    animation: 1s ease-in-out grow;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}
@-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-font2);
    font-weight: 400;
    font-size: 74px;
    line-height: 96px;
    color: #fff;
    display: block;
}
.choose-progress-bar .text {
    font-family: var(--title-font);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--body-color);
    white-space: normal;
    word-break: break-word;
}
html:not(.playvideo) .sound-ctrl {
    display: none;
}
.sound-ctrl {
    position: absolute;
    z-index: 2;
    right: 14px;
    bottom: 5px;
    cursor: pointer;
}
.sound-ctrl img {
    opacity: 0;
}
.accordion-card {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    background-color: var(--white-color);
    overflow: hidden;
    border: 1px solid rgba(2, 0, 15, 0.2);
}
.accordion-card:not(:last-child) {
    margin-bottom: 16px;
}
.accordion-card .accordion-button {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--body-font);
    border: 0;
    color: var(--title-color);
    background-color: transparent;
    padding: 13px 45px 13px 30px;
    min-height: 80px;
    gap: 10px;
    margin-bottom: 0;
    text-align: left;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
}
.accordion-card .accordion-button:after {
    content: "\2b";
    height: 100%;
    width: auto;
    line-height: 1;
    background-color: transparent;
    font-family: var(--icon-font);
    color: var(--title-color);
    font-weight: 700;
    font-size: 1em;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 30px;
    -webkit-clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
    padding-left: 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.accordion-card .accordion-button:focus {
    outline: 0;
    box-shadow: none;
}
.accordion-card .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 0;
}
.accordion-card .accordion-button:not(.collapsed):after {
    content: "\f068";
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.accordion-card .accordion-collapse {
    border: none;
}
.accordion-card .accordion-body {
    border-radius: 0;
    background-color: transparent;
    border: none;
    margin: 0 40px 30px;
    padding: 0;
}
@media (max-width: 575px) {
    .accordion-card .accordion-body {
        margin: 0 30px 30px;
    }
}
.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%;
    object-fit: cover;
}
.faq-area {
    position: relative;
    padding: 58px 64px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    background-color: #fff;
    z-index: 9;
}
.faq-area.style2 {
    border: none;
}
.faq-area.style3 {
    border-left: 1px solid #ededed;
}
@media (max-width: 991px) {
    .faq-area.style3 {
        border: none;
    }
}
@media (max-width: 1499px) {
    .faq-area {
        border: none;
        padding: 40px 40px 0 0;
    }
    .faq-area.style4 {
        padding: 40px 40px 40px 20px;
    }
}
@media (max-width: 1299px) {
    .faq-area {
        padding: 50px 30px 50px 0;
    }
}
.faq-image {
    position: relative;
    z-index: 2;
    height: 100%;
}
.faq-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
@media (max-width: 1199px) {
    p.mb-40 {
        margin-bottom: 35px;
    }
    .faq-area {
        padding: 0;
    }
    .faq-area.style4 {
        padding: 40px 20px;
    }
    .faq-image {
        margin-top: 40px;
    }
    .faq-image img {
        width: 100%;
    }
}
.th-experience {
    width: 280px;
    background-color: var(--title-color);
    padding: 40px 20px;
}
.th-experience.style2 {
    width: 692px;
    height: 692px;
    text-align: center;
    background: #f8f8f8;
    border-radius: 50%;
    padding: 200px 140px;
}
@media (max-width: 1399px) {
    .th-experience.style2 {
        width: 100%;
        height: 100%;
        line-height: 100%;
        padding: 110px 60px;
    }
}
.th-experience.style2 .experience-year {
    margin-bottom: 30px;
}
.th-experience.style2 .experience-text {
    color: var(--title-color);
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0;
}
@media (max-width: 1299px) {
    .th-experience.style2 .experience-text {
        font-size: 25px;
        line-height: 35px;
    }
}
@media (max-width: 375px) {
    .th-experience.style2 {
        padding: 80px 30px;
    }
    .th-experience.style2 img {
        width: 60%;
    }
    .th-experience.style2 .experience-text {
        font-size: 20px;
        line-height: 30px;
    }
}
.th-experience .experience-year {
    font-family: var(--title-font);
    font-weight: 600;
    font-size: 72px;
    color: var(--white-color);
    margin-bottom: 0;
}
.th-experience .experience-text {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--white-color);
    margin-bottom: 30px;
}
.th-experience .client-thumb-group .box-title {
    color: var(--white-color);
    font-size: 16px;
    font-family: var(--body-font);
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 0;
    margin-left: 7px;
}
.cta-wrapp {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
@media (max-width: 767px) {
    .cta-wrapp {
        grid-template-columns: repeat(2, 1fr);
    }
}
.cta-wrapp .cta-item {
    border-radius: 16px;
    overflow: hidden;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.cta-wrapp .cta-item img {
    width: 100%;
    display: block;
    border-radius: 16px;
}
.service-box {
    position: relative;
    z-index: 2;
}
.service-box .box-img {
    position: relative;
    margin-bottom: 32px;
    overflow: hidden;
}
.service-box .box-img img {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
    transform: perspective(0) rotateX(0) rotateY(0) scaleX(1) scaleY(1);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
}
.service-box .box-title {
    font-size: 30px;
    margin-bottom: 10px;
}
@media (max-width: 1399px) {
    .service-box .box-title {
        font-size: 22px;
    }
}
.service-box .box-text {
    margin-bottom: 30px;
}
.service-box.style2 .box-img {
    margin-bottom: 0;
}
.service-box.style2 .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-box.style2 .box-content {
    padding: 30px;
    border: 1px solid #2d2d2d;
}
.service-box.style2 .box-title {
    color: var(--white-color);
    font-weight: 700;
    font-size: 24px;
}
.service-box.style2 .box-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #6c6d71;
}
.service-box.style2 .line-btn {
    color: var(--white-color);
    font-size: 16px;
    margin-bottom: 0;
}
.service-box.style2 .line-btn:before {
    display: none;
}
.service-box:hover .box-img img {
    -webkit-transform: perspective(2000px) rotateX(0.06deg) rotateY(0)
        scaleX(1.1) scaleY(1.1);
    transform: perspective(2000px) rotateX(0.06deg) rotateY(0) scaleX(1.1)
        scaleY(1.1);
}
@media (max-width: 575px) {
    .cta-wrapp {
        grid-template-columns: repeat(1, 1fr);
    }
    .service-box .box-title {
        max-width: 100%;
        font-size: 20px;
    }
    .available-list {
        padding: 0;
    }
}
.available-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.available-list li {
    position: relative;
    font-size: 16px;
    color: var(--title-color);
    font-family: var(--body-font);
    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);
    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 img {
    max-width: 18px;
    margin-right: 10px;
}
.available-list li:last-child {
    margin-bottom: 0;
}
.price-card {
    position: relative;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 40px;
    z-index: 2;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.price-card.style2 {
    border: 1px solid #eaeaea;
}
.price-card.style3:hover {
    background-color: #fff;
}
@media (max-width: 1499px) {
    .price-card {
        border: none;
    }
}
.price-card .box-title {
    font-weight: 400;
    font-size: 18px;
    color: var(--body-color);
    margin-bottom: 3px;
}
.price-card .box-price {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 40px;
}
.price-card .box-text {
    margin-bottom: -0.3rem;
}
.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:hover {
    background-color: #f8f8f8;
}
.price-image {
    position: relative;
    margin-right: 60px;
    height: 100%;
    z-index: 2;
}
.price-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1399px) {
    .price-image {
        margin: 0;
    }
}
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.2rem;
}
.gallery-box .box-img {
    position: relative;
    z-index: 2;
}
.gallery-box .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-slider4 .swiper-wrapper {
    z-index: -1;
}
.gallery-slider4 .swiper-slide.swiper-slide-active .gallery-item2 .box-img img {
    -webkit-filter: blur(0px);
    filter: blur(0px);
}
.gallery-slider4 .swiper-slide.swiper-slide-active .gallery-item2 .icon-btn {
    opacity: 1;
    visibility: visible;
}
.project-area2 {
    position: relative;
    z-index: 9;
}
.project-slider2 {
    margin-right: -60% !important;
}
.project-slider2 .slider-pagination {
    margin-left: -18% !important;
    margin-bottom: 0;
    margin-top: 70px;
    padding-bottom: 0;
}
.project-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    z-index: 2;
}
@media (max-width: 1199px) {
    .price-card {
        padding: 30px 20px;
    }
    .project-slider2 {
        margin-right: 0 !important;
    }
    .project-slider2 .slider-pagination {
        margin-left: 0 !important;
    }
    .project-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.project-box .box-img {
    position: relative;
    min-width: 661px;
    z-index: 9;
}
.project-box .box-title {
    font-weight: 600;
    font-size: 40px;
    margin-top: 0;
}
@media (max-width: 1399px) {
    .project-box .box-img {
        min-width: 440px;
    }
    .project-box .box-title {
        font-size: 30px;
    }
}
.project-box .box-text {
    margin-bottom: 30px;
}
.project-box .box-thumb {
    margin-top: 46px;
}
.social-links {
    padding: 0;
    display: inline-block;
}
.social-links .title {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.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, 0.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);
}
.projectSlide7 .swiper-slide {
    width: calc(120px) !important;
    height: 508px;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
.projectSlide7 .swiper-slide .box-img {
    height: 508px;
}
.projectSlide7 .swiper-slide.swiper-slide-active {
    width: calc(1020px) !important;
}
@media (max-width: 1500px) {
    .projectSlide7 .swiper-slide.swiper-slide-active {
        width: calc(650px) !important;
    }
}
@media (max-width: 991px) {
    .global-img img,
    .project-box .box-img {
        min-width: 100%;
    }
    .projectSlide7 .swiper-slide,
    .projectSlide7 .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }
}
.projectSlide7 .swiper-slide.swiper-slide-active .meta,
.projectSlide7 .swiper-slide.swiper-slide-active .package-list .icon-btn,
.projectSlide7 .swiper-slide.swiper-slide-active .package-list:after {
    opacity: 1;
    visibility: visible;
}
.property-thumb {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    margin-left: 120px;
    gap: 60px;
}
.property-thumb:before {
    content: "";
    position: absolute;
    top: -220px;
    left: -120px;
    width: 1px;
    height: 100%;
    background-color: #d8dbdc;
}
.property-thumb .tab-btn {
    font-family: var(--title-font);
    font-size: 24px;
    font-weight: 600;
    color: var(--title-color);
    position: relative;
    cursor: pointer;
    z-index: 3;
}
.property-thumb .tab-btn:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #999;
    border-radius: 99px;
    position: absolute;
    left: -125px;
    top: 8px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.property-thumb .tab-btn.active:after {
    background-color: var(--theme-color);
}
.property-slider .swiper-slide-active {
    height: 650px !important;
}
@media (max-width: 1299px) {
    .property-thumb {
        margin-left: 40px;
    }
    .property-thumb .tab-btn:after,
    .property-thumb:before {
        display: none;
    }
    .property-slider .swiper-slide-active {
        height: auto !important;
    }
}
.property-slider .swiper-slide-active .property-card .box-img img {
    opacity: 1;
}
.property-slider .swiper-slide {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 24px;
    height: 218px !important;
    overflow: hidden;
}
.property-slider .swiper-slide .property-card .box-img img {
    opacity: 40%;
}
.property-slider .swiper-slide.swiper-slide-active {
    height: 650px !important;
}
.property-slider .swiper-slide.swiper-slide-active .property-card .box-img img {
    opacity: 1;
}
.property-slider .swiper-pagination-progressbar {
    background-color: #d8dbdc;
    height: calc(100% + 20%);
    top: -20%;
    left: 140%;
    z-index: -1;
    display: none;
}
@media (max-width: 1299px) {
    .property-slider .swiper-slide.swiper-slide-active {
        height: auto !important;
    }
    .property-slider .swiper-pagination-progressbar {
        left: -1px;
    }
}
@keyframes zoomIn {
    from {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes zoomOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }
}
@keyframes zoomOut {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }
}
.projectSlide8 .swiper-slide.swiper-slide-active .box-wrapp {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    visibility: visible;
}
.rotating-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 1199px) {
    .property-slider .swiper-pagination-progressbar {
        height: 2px;
        top: 0;
    }
    .property-slider
        .swiper-pagination-progressbar
        .swiper-pagination-progressbar-fill {
        width: calc(100% + 20%);
        right: -20%;
        left: unset;
        display: none;
    }
    .rotating-slider {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.rotating-slider__wrapper {
    position: absolute;
    left: 50%;
    translate: -120px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
    -webkit-transition: 1s cubic-bezier(0.2, 0.01, 0.1, 1);
    transition: 1s cubic-bezier(0.2, 0.01, 0.1, 1);
}
.rotating-slider__slide {
    position: relative;
    overflow: hidden;
    margin-right: 220px;
    width: 250px;
    height: 250px;
    border-radius: 16px;
    -webkit-transition: 1s cubic-bezier(0.2, 0.01, 0.1, 1);
    transition: 1s cubic-bezier(0.2, 0.01, 0.1, 1);
}
.rotating-slider__slide:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(
        bottom,
        rgba(2, 0, 15, 0.5),
        rgba(2, 0, 15, 0.5)
    );
    background: linear-gradient(0deg, rgba(2, 0, 15, 0.5), rgba(2, 0, 15, 0.5));
}
.rotating-slider__slide.active {
    -webkit-transform: rotate(-90deg) scaleX(3.08) scaleY(2.644);
    -ms-transform: rotate(-90deg) scaleX(3.08) scaleY(2.644);
    transform: rotate(-90deg) scaleX(3.08) scaleY(2.644);
    border-radius: 6px;
}
.rotating-slider__slide.active:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(
        bottom,
        rgba(2, 0, 15, 0.2),
        rgba(2, 0, 15, 0.2)
    );
    background: linear-gradient(0deg, rgba(2, 0, 15, 0.2), rgba(2, 0, 15, 0.2));
    z-index: 1;
}
.rotating-slider__list {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    gap: 0;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(1, 1, 0.2, 1);
    transition: transform 1.5s cubic-bezier(1, 1, 0.2, 1);
    transition: transform 1.5s cubic-bezier(1, 1, 0.2, 1),
        -webkit-transform 1.5s cubic-bezier(1, 1, 0.2, 1);
}
.rotating-slider__next,
.rotating-slider__prev {
    padding: 10px 30px;
    border: 1px solid #fff;
    border-radius: 100px;
    background: 0 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
.rotating-slider__next img,
.rotating-slider__prev img {
    margin-top: -5px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.rotating-slider__next:hover,
.rotating-slider__prev:hover {
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.marquee-content.style2 {
    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
    padding: 60px;
    margin-right: -15%;
    margin-top: 60px;
}
.marquee {
    position: relative;
    --duration: 120s;
    --gap: 35px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    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-group {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: distribute;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-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 a {
    font-family: var(--title-font);
    display: inline-block;
    position: relative;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--title-color);
    font-size: 88px;
    font-weight: 500;
    color: transparent;
    line-height: 96px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.marquee .marquee-group.style2 .item a::before {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    color: var(--white-color);
    white-space: nowrap;
    content: attr(data-hover);
    -webkit-transition: 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
    transition: 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}
.marquee .marquee-group.style2 .item a:hover {
    color: var(--title-color);
    -webkit-text-stroke-color: var(--title-color);
}
.marquee .marquee-group.style2 .item a:hover::before {
    width: 100%;
    color: var(--title-color);
}
.marquee .marquee-group.style3 .item {
    font-family: var(--title-font);
    font-weight: 800;
    font-size: 120px;
    line-height: 96px;
    color: rgba(255, 255, 255, 0.05);
    text-transform: capitalize;
}
.marquee .marquee-group.style3 .item img {
    border-radius: 0;
}
.marquee .marquee-group .img {
    margin: 20px;
}
.marquee .marquee-group .item {
    gap:20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    font-family: var(--title-font2);
    font-weight: 400;
    font-size: 88px;
    line-height: 96px;
    text-transform: uppercase;
    cursor: pointer;
    color: var(--white-color);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.marquee .marquee-group .item span {
    margin: 0;
}
.marquee .marquee-group .item img {
    margin: 0 35px 0 0;
    border-radius: 150px;
}
.process-item-area {
    position: relative;
    z-index: 2;
}
.process-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .process-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.process-item:not(:last-child) {
    margin-bottom: 64px;
}
.process-item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.process-item:nth-child(2n) .process-number {
    left: auto;
    right: 0;
}
.process-item:nth-child(2n) .box-content {
    text-align: right;
}
.process-item:nth-child(2n) .box-text {
    margin-left: auto;
}
.process-item .process-img {
    max-width: 748px;
}
.process-item .box-title {
    font-size: 40px;
}
@media (max-width: 1299px) {
    .process-item .box-title {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .property-thumb {
        margin-left: 0;
    }
    .process-item .box-title {
        font-size: 24px;
    }
}
.process-item .box-text {
    max-width: 498px;
    margin-bottom: 45px;
}
.process-number {
    position: relative;
    min-width: 44px;
    height: 44px;
    top: -20px;
    left: 0;
}
@media (max-width: 991px) {
    .process-item:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .process-number {
        display: none;
    }
}
.process-number:after,
.process-number:before {
    content: "";
    position: absolute;
    background-color: var(--title-color);
    left: 20px;
    width: 1px;
    height: 120px;
}
.process-number:before {
    top: 50px;
}
.process-number:after {
    bottom: 50px;
}
.process-number svg.progress-ring {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
}
.process-number .progress-ring__circle {
    fill: #f0f0f0;
    stroke: var(--title-color);
    stroke-width: 1;
    stroke-dasharray: 125.6;
    stroke-dashoffset: 125.6;
    -webkit-transition: stroke-dashoffset 0.6s;
    transition: stroke-dashoffset 0.6s;
}
.process-number span {
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-weight: 500;
    color: #02000f;
    text-align: center;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.process-item.item-active .progress-ring__circle {
    stroke-dashoffset: 0;
}
.feature-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    line-height: 1;
}
.feature-box.style2:not(:last-child) {
    margin-bottom: 24px;
}
.feature-box-wrap {
    display: grid;
    grid-template-columns: auto auto;
    gap: 32px 18px;
}
@media (max-width: 490px) {
    .feature-box-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
}
.feature-box .box-title {
    margin-bottom: 0;
}
@media (max-width: 1699px) {
    .feature-box .box-title {
        font-size: 20px;
    }
}
.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: 0.4s;
    transition: 0.4s;
    box-shadow: 0 0 4px 0 rgba(51, 51, 51, 0.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);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
.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: 0 0;
    font-size: 34px;
    color: var(--theme-color);
    text-align: left;
}
.color-scheme-wrap.active {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
.mt-20 {
    margin-top: 20px;
}
.mt-45 {
    margin-top: 45px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-35 {
    margin-bottom: 35px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mt-n1 {
    margin-top: -0.25rem;
}
.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);
}
@media (max-width: 991px) {
    .space,
    .space-top {
        padding-top: var(--section-space-mobile);
    }
    .space,
    .space-bottom {
        padding-bottom: var(--section-space-mobile);
    }
}


.contact-area .form-builder h4{
    display: none;
}
.contact-area .form-builder .field-checkboxes .checkbox_item:last-child,
.contact-area .form-builder .field-radios .radio_item:last-child,
.contact-area .form-builder .row{
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: -5px;
    margin-left: -5px;
    background-color: transparent;
	border:0;
}
.contact-area .form-builder .row>div{
    padding-left: 5px;
    padding-right:5px;
    margin-bottom: 10px;
}
.contact-area .form-builder .field-checkboxes,
.contact-area .form-builder .field-file,
.contact-area .form-builder .field-radios,
.contact-area .form-builder .field-text,
.contact-area .form-builder .g-recaptcha-wrap{
    border-right: 0;
    border-top: 0;
    padding: 0;
    background-color: transparent;
}
.contact-area .form-builder .field-text input,
.contact-area .form-builder .field-text textarea{
	background-color:#fff;
}
.contact-area .form-builder .checkbox_item,
.contact-area .form-builder .radio_item{
    border-left: 1px solid #ebebeb;
	padding:20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.contact-area .form-builder > .row + div{
	margin:0;
}


.img-box6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 23px;
  /* Extra small devices */
}

@media (max-width: 375px) {
  .img-box6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}







.text-lines a {
    font-weight: 600;
    border-bottom: 2px solid var(--theme-color-1);
}
.text-lines h1 {
    font-size: 67px;
    line-height: 1.09;
}
.text-lines h2 {
    font-size: 45px;
    line-height: 1.2;
}
.text-lines h3 {
    font-size: 35px;
    line-height: 1.25;
}
.text-lines h4 {
    font-size: 20px;
    line-height: 1.5;
}
.text-lines h5 {
    font-size: 16px;
    line-height: 1.333;
}
.text-lines h6 {
    font-size: 12px;
    line-height: 1.5;
}
@media (max-width: 1500px) {
    .text-lines h1 {
        font-size: 67px;
        line-height: 1.26;
    }
}
@media (max-width: 1399px) {
    .text-lines h2 {
        font-size: 50px;
        line-height: 1.2;
    }
}
@media (max-width: 1199px) {
    .text-lines h1 {
        font-size: 57px;
        line-height: 1.26;
    }
    .text-lines h2 {
        font-size: 50px;
    }
    .text-lines h3 {
        font-size: 30px;
    }
    .text-lines h6 {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .text-lines h1 {
        font-size: 40px;
    }
    .text-lines h2 {
        font-size: 40px;
        line-height: 1.3;
    }
    .text-lines h3 {
        font-size: 26px;
    }
    .text-lines h4 {
        font-size: 22px;
    }
    .text-lines h6 {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .text-lines h1 {
        font-size: 34px;
        line-height: 1.35;
    }
}
@media (max-width: 375px) {
    .text-lines h2 {
        font-size: 32px;
        line-height: 1.3;
    }
}