/** Blomify Extension CSS */
/* ----------------------- Start Section Title --------------------- */
 @-webkit-keyframes spin {
     0% {
         -ms-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg) 
    }
     100% {
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg) 
    }
}
 @-moz-keyframes spin {
     0% {
         -ms-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg) 
    }
     100% {
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-ms-keyframes spin {
     0% {
         -ms-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg) 
    }
     100% {
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg) 
    }
}
 @keyframes spin {
     0% {
         -ms-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg) 
    }
     100% {
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg) 
    }
}
 .section-heading {
     font-size: 2.05vw;
     float: left;
     width: 100%;
     text-transform: uppercase;
     line-height: 120%;
     margin: 0;
}
 .tt-section-title p {
     width: 100%;
     font-family: var(--secondary-font);
     float: left;
     margin: auto;
}
 .tt-section-title {
     float: left;
     width: 100%;
     display: flex;
     gap: 24px;
     flex-direction: column;
}
 .tt-section-title.text-center .section-heading{
     margin: auto;
}
 .tt-section-sab {
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 500;
     color: var(--primary-color);
     line-height: 18px;
}
 .section-img a {
     float: none;
     display: inline-block;
     overflow: hidden;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .tt-section-title.text-end{
     align-items: right;
}
 .tt-section-title.text-start{
     align-items: start ;
     text-align: start !important;
}
 .tt-section-title.text-center{
     align-items: center;
}
 .tt-section-title.text-start .section-img a{
     justify-content: start;
}
 .tt-section-title.text-end .section-img a{
     justify-content: end;
}
 .section-img {
     float: left;
     width: 100%;
     margin: 15px 0 0;
}
/* ----------------------- End Section Title --------------------- */
 .banner-hover {
     overflow: hidden;
}
 .banner-hover .elementor-widget-container img, .banner-hover:hover .elementor-widget-container img {
     transition: all 1.5s ease-in-out 0s;
     -webkit-transition: all 1.5s ease-in-out 0s;
     -moz-transition: all 1.5s ease-in-out 0s;
     -o-transition: all 1.5s ease-in-out 0s;
     -ms-transition: all 1.5s ease-in-out 0s;
     cursor: pointer;
}
 .banner-hover:hover .elementor-widget-container img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
}
 .cat-heading .tt-section-title {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 20px;
     bottom: auto;
     width: 40%;
}
 @-webkit-keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translateY(100px);
         transform: translateY(100px) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0) 
    }
}
 @keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translateY(100px);
         -ms-transform: translateY(100px);
         transform: translateY(100px) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0) 
    }
}
 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp 
}
 @-webkit-keyframes fadeRightLeft {
     0% {
         opacity: 0;
         -webkit-transform: translateX(100px);
         transform: translateX(100px) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0) 
    }
}
 @keyframes fadeRightLeft {
     0% {
         opacity: 0;
         -webkit-transform: translateX(100px);
         -ms-transform: translateX(100px);
         transform: translateX(100px) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0) 
    }
}
 .fadeRightLeft {
     -webkit-animation-name: fadeRightLeft;
     animation-name: fadeRightLeft 
}
 @-webkit-keyframes fadeLeftRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-100px);
         transform: translateX(-100px) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0) 
    }
}
 @keyframes fadeLeftRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-100px);
         -ms-transform: translateX(-100px);
         transform: translateX(-100px) 
    }
     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0) 
    }
}
 .fadeLeftRight {
     -webkit-animation-name: fadeLeftRight;
     animation-name: fadeLeftRight 
}
/* -------------- Start Client Logo ---------------- */
 .client .item img {
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
 .client .item a {
     cursor: pointer;
     padding: 0;
}
 .client{
     position: relative;
}
 .client::after, .client::before {
     content: '';
     position: absolute;
     left: 0;
     right: auto;
     top: 0;
     bottom: 0;
     z-index: 2;
     background-image: linear-gradient(-90deg, transparent, #f6f6f4);
     width: 12%;
}
 .client::after{
     left: auto;
     right: 0;
     background-image: linear-gradient(-90deg, #f6f6f4, transparent);
}
 .client .item a:hover img {
     transform: translateY(-10px);
     -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
     -o-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
}
 .client .item {
     display: flex;
     justify-content: center;
     padding: 5px 0;
}
/* -------------- End Client Logo ---------------- */
/* --------------- Start Banner block ------------------- */
 .tt-banner {
     cursor: pointer;
     overflow: hidden;
     position: relative;
}
 .tt-banner .banner-text a.banner-button {
     color: #222;
     font-size: 16px;
     background: #fff;
     padding: 16px 48px;
     font-weight: 500;
     float: left;
     border-bottom: none;
     font-family: var(--primary-font);
     border-radius: 100%;
}
 .tt-banner .banner-tag a {
     padding: 12px 25px;
     font-family: var(--primary-font);
     font-size: 16px;
     line-height: 22px;
     height: auto;
     width: auto;
     color: #fff;
}
 .tt-banner .banner-text .button-banner-wrap {
     float: right;
     display: inline-block;
     vertical-align: middle;
     margin: 15px 0 0;
     width: auto;
}
 .tt-banner img, .tt-banner:hover .banner-image img {
     transition: all 1.5s ease-in-out 0s;
     -webkit-transition: all 1.5s ease-in-out 0s;
     -moz-transition: all 1.5s ease-in-out 0s;
     -o-transition: all 1.5s ease-in-out 0s;
     -ms-transition: all 1.5s ease-in-out 0s;
}
 .tt-banner:hover .banner-image img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
}
 .tt-banner .banner-text {
     position: absolute;
     top: 0;
     bottom: 0;
     right: auto;
     left: 40px;
     margin: auto;
     justify-content: center;
     margin: auto;
     align-items: center;
     display: flex;
     text-align: start;
     float: left;
     width: 35%;
}
 .tt-banner .banner-text.tt-icon-right {
     width: 50%;
     left: auto;
}
 .tt-banner .banner-text.tt-icon-center {
     width: 100%;
     float: left;
     left: 0;
}
 .tt-banner .banner-text.tt-icon-top {
     top: 0;
     bottom: 0;
     width: 40%;
     left: auto;
     right: 40px;
     margin: auto;
}
 .tt-banner .banner-text.tt-icon-left {
     right: auto;
     width: 40%;
     left: 40px;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .banner-style-3 .tt-banner .banner-text.tt-icon-right {
     width: 60%;
}
 .tt-banner .banner-text.tt-icon-bottom {
     top: auto;
     bottom: 35px;
     width: 60%;
}
 .tt-banner .banner-text.tt-icon-bottom.text-start {
     width: 80%;
}
 .tt-banner .banner-text {
     color: var(--primary-color);
}
 .banner-style-3 .tt-banner .banner-text {
     color: #fff;
}
 .tt-banner .banner-text .banner-sub-title {
     font-size: 16px;
     position: relative;
     margin: 0 0 10px;
     text-transform: uppercase;
     font-weight: 500;
     color: var(--primary-color);
     padding: 0;
}
 .tt-banner .banner-text.tt-icon-top .banner-sub-title::after {
     display: none;
}
 .tt-banner .banner-text.text-end .banner-sub-title:after {
     right: 0;
     left: auto;
}
 .tt-banner .banner-text.text-center .banner-sub-title:after {
     right: 0;
     left: 0;
     margin: auto;
}
 .tt-banner .banner-text .banner-title {
     font-size: 36px;
     line-height: 44px;
     font-family: var(--primary-font);
     font-weight: 400;
     margin: 0 0 20px;
     width: 100%;
}
 .banner-background .tt-banner .banner-text .banner-title {
     margin: 0 0 12px;
}
 .tt-banner .banner-image {
     float: none;
     display: flex;
     background-color: var(--white-color-text);
}
 .tt-banner .banner-image::after, .tt-banner .banner-image::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 1;
     background: rgba(255, 255, 255, 0);
     -webkit-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
}
 .tt-banner:hover .banner-image::after {
     height: 0;
     top: 50%;
     bottom: 50%;
     background: rgba(255, 255, 255, .2);
}
 .tt-banner:hover .banner-image::before {
     right: 50%;
     left: 50%;
     width: 0;
     background: rgba(255, 255, 255, .2);
}
/* --------------- End Banner Block ------------------- */
/*---------------- Start Service Block -------------- */
 .tt-feature-box-containt{
     display: flex;
     flex-direction: column;
     gap: 12px;
}
 .tt-feature-box-containt h4 {
     font-size: 22px;
     margin: 0;
     font-weight: 600;
     color: var(--primary-color);
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
     width: 100%;
     text-align: left;
     font-family: var(--primary-font);
     line-height: 30px;
}
 .tt-feature-box .tt-feature-box-icon img {
     width: auto;
}
 .tt-feature-box .tt-feature-box-icon {
     margin: 0 0 20px;
}
 .tt-feature-box .tt-feature-box-containt p {
     margin: 0;
     font-size: 14px;
     line-height: 24px;
     font-style: italic;
}
 .tt-feature-box .tt-feature-box-containt .tt-feature-box-title {
     margin: 0 0 15px;
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
 .tt-feature-box {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     margin: 30px 0;
     cursor: pointer;
     padding: 0 30px;
}
 .tt-feature-box:hover .tt-feature-box-containt .tt-feature-box-title {
     color: var(--secondary-color);
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
/*---------------- End Service Block -------------- */
/* ---------------- Start testimonial block ------------- */
 .swiper.blog-category, .swiper.swiper-slider{
     position: static;
}
 .tt-testimonial {
     margin: 90px 0;
}
 .testimonial-wrap .testimonial-info-wrapper {
     position: relative;
     justify-content: space-between;
     display: flex;
     flex-direction: column;
     align-items: start;
     text-align: start;
}
 .testimonial-wrap .testimonial-img {
     display: flex;
     justify-content: end;
     border-radius: 50%;
     overflow: hidden;
     border: 5px solid #fff;
     display: none;
}
 .testimonial-info-wrapper svg {
     width: 60px;
     height: 60px;
     color: var(--background-color);
     margin: 0 0 20px 0;
     display: none;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-title {
     color: var(--secondary-color);
     margin: 0;
}
 .testimonial-section .testimonial-info-wrapper {
     position: relative;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-details {
     color: var(--secondary-color);
     width: 85%;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
     margin: 0;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author {
     font-family: var(--primary-font);
     font-size: 18px;
     color: var(--primary-color);
     position: relative;
     font-weight: 500;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info {
     display: flex;
     gap: 5px;
     flex-direction: column;
     align-items: start;
}
 .testimonial-section.style-2 .testimonial-wrap .testimonial-info-wrapper .testimonial-info .wrap-rate{
     margin-bottom: 15px;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info .star-rating span::before {
     color: var(--primary-color);
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation {
     position: relative;
     font-family: var(--secondary-font);
     margin: 0;
}
 .testimonial-section .testimonial-wrap>div {
     width: 50%;
}
 .testi-sub-img-box, .testisub-image, .testisub-image img{
     width: 100%;
}
 .testimonial-section .testi-sub-img-box{
     padding-inline-end: 30px;
}
 .down-box{
     display: flex;
     flex-direction: column;
     gap: 15px;
}
.down-box .product-info.product{
	background: var(--body-light-color);
}
 .down-box .product-info {
     position: static;
     width: 75%;
}
 .swiper.testimonial-section{
     position: relative;
}
 .elementor-element .swiper.testimonial-section .swiper-navigation{
     margin: 0;
}
 .swiper.testimonial-section .swiper-slide{
     padding: 15px 0;
}
 .swiper.testimonial-section .swiper-slide::after{
     content: '';
     position: absolute;
     left: auto;
     top: 0;
     bottom: 0;
     right: -15px;
     height: 100%;
     width: 1px;
     background: var(--primary-color);
}
 .swiper.testimonial-section::after, .swiper.testimonial-section::before {
     content: '';
     position: absolute;
     left: -15px;
     right: -15px;
     top: 0;
     bottom: auto;
     height: 1px;
     background-color: var(--primary-color);
}
 .swiper.testimonial-section::before{
     top: auto;
     bottom: 0;
}
 .testimonial-section.style-2 .testimonial-wrap>div{
     width: 100%;
}
 .testimonial-section.style-2 .testimonial-wrap .testimonial-info-wrapper{
     gap: 8vw;
}
 .testimonial-section.style-3 .testimonial-wrap>div{
     width: 100%;
     padding: 6vw 3vw;
     align-items: center;
     text-align: center;
     gap: 22px;
}
 .testimonial-section.style-3 .testimonial-wrap .testimonial-info-wrapper .testimonial-info{
     align-items: center;
}
 .testimonial-section.style-3 .testimonial-wrap .testimonial-info-wrapper .testimonial-details{
     width: 100%;
}
 .testimonial-section.style-3 .testimonial-wrap .testimonial-info-wrapper .testimonial-title, .testimonial-section.style-3 .product-info.product{
     display: none;
}
/* ---------------- End testimonial block ------------- */
/*------------- Start Banner Timer ------------------*/
 .banner-timer {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     font-weight: 500;
     margin: auto;
     text-align: center;
     width: 80%;
}
 .banner-timer .timer-head {
     font-size: 46px;
     font-family: var(--primary-font);
     color: var(--secondary-color);
     line-height: 51px;
     font-weight: 500;
     margin: 15px 0 20px 0;
}
 .banner-timer .timer-datetime {
     font-size: 40px;
     margin: 20px 0 0;
     color: var(--primary-color);
     letter-spacing: 6px;
     font-weight: 500;
}
 .banner-timer .timer-content {
     font-size: 16px;
     text-align: left;
     margin: 10px 0 0;
     font-weight: 400;
     color: var(--secondary-color);
}
 .page .banner-timer .timer-button {
     color: #fff;
     font-size: 15px;
     font-weight: 500;
     background: var(--secondary-color);
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 20px 0 0;
     position: relative;
     padding: 12px 33px;
     font-family: var(--primary-font);
}
 .page .banner-timer .timer-button:hover {
     color: #fff;
}
 .page .banner-timer .timer-button::before {
     position: absolute;
     content: '';
     height: 1px;
     width: 100%;
     bottom: -3px;
     top: auto;
     background: var(--secondary-color);
}
 .banner-timer .timer-date {
     display: flex;
     margin: 20px 0;
}
 .banner-timer .timer-date>div::after, .banner-timer .timer-date>div::after {
     content: ':';
     position: absolute;
     right: 0;
     left: auto;
     top: 7px;
     bottom: auto;
     font-size: 30px;
     color: var();
     align-items: center;
     display: flex;
     line-height: 30px;
}
 .banner-timer .timer-date>div {
     position: relative;
}
 .banner-timer .timer-date div p {
     font-size: 36px;
     line-height: 48px;
     font-weight: 600;
     font-family: var(--primary-font);
     color: var(--primary-color);
     margin: 0 35px;
}
 .banner-timer .timer-date>div:last-child p {
     color: var(--primary-color);
}
 .banner-timer .timer-date>div:last-child:after {
     display: none;
}
 .banner-timer .timer-date>div .text {
     justify-content: center;
     display: flex;
     font-weight: 400;
     font-size: 15px;
     font-family: var(--primary-font);
     font-style: italic;
     padding: 5px 0 0 0;
}
/*---------------- End Banner Timer -----------------*/
/* --------------- Start swiper navigation block ---------------- */
 .swiper-navigation .swiper-button {
     color: var(--primary-color);
     background: none;
     width: auto;
     height: auto;
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
     z-index: 3;
}
 .swiper-navigation .swiper-button::after {
     content: none;
}
 .swiper-navigation .swiper-button:hover {
     opacity: 1;
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
 .swiper-pagination {
     left: 0;
     right: 0;
     bottom: 0px;
     top: auto;
}
 .swiper .swiper-pagination-bullet {
     background: var(--dark-color-text);
     width: 7px;
     height: 7px;
     transform: rotate(45deg);
     opacity: 1;
     border-radius: 0;
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
}
 .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
     background: var(--primary-color);
     outline: 2px solid var(--primary-color);
     outline-offset: 4px;
     margin: 0 6px;
}
 .swiper-pagination.swiper-pagination-bullets {
     position: relative;
     margin: 25px 0 10px 0;
     z-index: 1;
     display: flex;
     justify-content: center;
     gap: 10px;
     width: 100%;
}
/* --------------- End swiper navigation block ---------------- */
/* ----------- start video block ----------------- */
 .swiper-video .swiper-wrapper {
     transition-timing-function: linear;
}
 .tt-video {
     position: relative;
}
 .tt-video .video-box {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
     margin: auto;
     display: flex;
     gap: 50px;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     z-index: 2;
}
 .youtube-popup .play-button {
     background: #fff;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .tt-video .youtube-popup svg {
     color: var(--primary-color);
     font-size: 26px;
}
 .tt-video .swiper-js-container {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 0;
     bottom: 0;
     display: flex;
     align-items: center;
}
 .cms-video-gif {
     display: flex;
}
 .tt-video .video-info .video-text{
     text-align: center;
     width: 64%;
}
 .tt-video .section-heading {
     margin: 0;
     color: var(--white-color-text);
     width: 52%;
     font-size: 2.7vw;
     text-align: center;
}
/* ----------- end video block ----------------- */
 a.youtube-popup .icon{
     width: 90px;
     height: 90px;
     border-radius: 50%;
     background: var(--white-color-text);
     display: flex;
     align-items: center;
     justify-content: center;
}
 a.youtube-popup .icon svg{
     font-size: 40px;
     color: var(--primary-color);
}
 a.youtube-popup .icon::after, a.youtube-popup .video_cat::after, .elementor-custom-embed-play::after, a.youtube-popup .icon::before, a.youtube-popup .video_cat::before, .elementor-custom-embed-play::before {
     content: "";
     position: absolute;
     z-index: 0;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 90px;
     height: 90px;
     border: 2px solid var(--white-color-text);
     border-radius: 50%;
     animation: pulse-border 1500ms ease-out infinite;
     z-index: -1;
}
 a.youtube-popup .icon::after, a.youtube-popup .video_cat::after, .elementor-custom-embed-play::after{
     width: 80px;
     height: 80px;
}
 @keyframes pulse-border {
     0% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
         opacity: 1;
    }
     100% {
         transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
         opacity: 0;
    }
}
/* ------------------ start deal of the day ------------------- */
 .special-navigation {
     display: flex;
     margin: 20px 0 0;
     opacity: 0;
     transition: all 500ms ease-in-out 0s;
     -webkit-transition: all 500ms ease-in-out 0s;
     -moz-transition: all 500ms ease-in-out 0s;
     -o-transition: all 500ms ease-in-out 0s;
     -ms-transition: all 500ms ease-in-out 0s;
}
 .special-navigation .swiper-button {
     position: static;
     margin: 0 10px;
}
 .special-navigation .swiper-button:focus-visible {
     outline: none;
}
/* ------------------ end deal of the day ------------------- */
/* ---------- hotspot ----------- */
 .tt-hotspot {
     position: relative;
}
 .tt-hotspot-content {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
}
 .tt-hotspot-content .title {
     position: absolute;
}
 .image-hotspot-wrapper {
     display: inline-block;
     position: relative;
     float: left;
     width: 100%;
}
 .image-hotspot {
     position: relative;
}
 .image-hotspot-wrapper .image-hotspot>img {
     width: 100%;
}
 .image-hotspot .hotspot-contents-wrapper {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
}
 .image-hotspot .hotspot-content.hotspot-dropdown-right {
     left: 55px;
     top: -45px;
}
 .image-hotspot .hotspot-content.hotspot-dropdown-up {
     bottom: -20px;
     top: auto;
     right: auto;
     left: 50px;
}
 .hotspot-light-bg .hotspot-content {
     background-color: #fff;
     -webkit-box-shadow: 0 4px 15px rgb(0 0 0 / 7%);
     -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, .07);
     box-shadow: 0 4px 15px rgb(0 0 0 / 7%);
}
 .image-hotspot .hotspot-content {
     position: absolute;
     width: 375px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     height: fit-content;
     left: -250px;
     right: 0;
     margin: auto;
     top: 0;
     bottom: auto;
     z-index: 8;
}
 .image-hotspot .hotspot-content .hotspot-content-text {
     text-align: start;
}
 .image-hotspot .hotspot-content .hotspot-content-text p {
     margin: 0;
     color: var(--primary-color);
     font-size: 16px;
     font-weight: 500;
}
 .hotspot-dropdown-right:after, .hotspot-dropdown-right:before {
     right: 100%;
}
 .hotspot-content:after, .hotspot-content:before {
     top: 45px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-width: 7px;
}
 .image-hotspot .image-hotspot {
     position: absolute;
     display: inline-block;
}
 .image-hotspot .trigger-hover:hover .hotspot-content.hotspot-dropdown-right {
     left: 55px;
}
 .image-hotspot .image-hotspot.trigger-click.hotspot-visible .hotspot-content, .image-hotspot .image-hotspot.trigger-hover:hover .hotspot-content {
     opacity: 1;
     visibility: visible;
}
 .waves {
     position: absolute;
     width: 60px;
     height: 60px;
     background: rgba(255, 255, 255, 0.4);
     opacity: 1;
     border-radius: 100%;
     right: -12px;
     bottom: -12px;
     z-index: 2;
     -webkit-animation: waves 3s ease-in-out infinite;
     animation: waves 3s ease-in-out infinite;
}
 .wave-1 {
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
}
 .wave-2 {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
}
 .wave-3 {
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
}
 @keyframes waves {
     0% {
         -webkit-transform: scale(0.2, 0.2);
         transform: scale(0.2, 0.2);
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
     50% {
         opacity: 0.9;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
     100% {
         -webkit-transform: scale(0.9, 0.9);
         transform: scale(0.9, 0.9);
         opacity: 0;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
 .hotspot-button {
     height: 36px;
     width: 36px;
     text-align: center;
     border-radius: 100%;
     background: var(--white-color-text);
     z-index: 7;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .hotspot-dot.dot-style1 {
     position: relative;
}
/* ------------- end hotspot ------- */
/* product search */
 .product-search .product-search-form .product-search-form {
     position: relative;
}
 .product-search .product-search-form .product-search-form input, .product-search .search-wrapper input {
     border: none;
     border-bottom: 1px solid var(--border-color-01);
     font-size: 20px;
     font-family: var(--primary-font);
     padding-right: 60px;
     color: var(--primary-color);
     padding: 0px 40px 0 20px;
     height: 45px;
}
 .product-search .product-search-form .product-search-form button[type=submit] {
     position: absolute;
     right: 20px;
     left: auto;
     top: auto;
     bottom: 12px;
     background: none;
     padding: 0;
     font-size: 0;
}
 .product-search .product-search-form .product-search-form button[type=submit]::after {
     content: '\f002';
     font-family: 'Font Awesome 5 Free';
     font-weight: 600;
     font-size: 13px;
}
 .search-results.active {
     display: block;
     margin: 30px 0 0;
     float: left;
     width: 100%;
     padding: 0 0 40px;
}
 .product-data .product-price .sale-price+.regular-price{
     text-decoration: line-through;
}
 .search-results.active ul {
     list-style: none;
     margin: 0 !important;
     padding: 0 !important;
}
 .search-results.active ul::-webkit-scrollbar-track {
     background-color: #d7d7d7;
}
 .search-results.active ul::-webkit-scrollbar-thumb {
     background-color: #a0a0a0;
}
 .search-results.active ul::-webkit-scrollbar {
     width: 6px;
}
 .search-results.active ul li {
     display: block;
     padding: 0 20px;
     position: relative;
     float: left;
     width: 50%;
}
 .search-results.active ul li:last-child {
     border-bottom: none;
}
 .search-results.active ul li a {
     display: flex;
     width: 100%;
     align-items: center;
     position: relative;
     border-bottom: 1px solid var(--border-color-01);
     padding: 0 0 30px;
     margin: 0 0 30px;
     min-height: 160px;
}
 .search-results.active ul li a:hover {
     color: var(--dark-color-text);
}
 .search-results.active ul li a>* {
     display: table-cell;
     vertical-align: top;
}
 .search-results.active .product-image {
     width: 20%;
     max-width: 20%;
}
 .search-results.active .product-data .product-sku, .search-results.active .product-data .product-categories {
     color: var(--body-text-color);
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
     text-align: left;
     font-size: 14px;
     line-height: 20px;
}
 .product-data {
     padding-left: 24px;
}
 .search-results.active h3 {
     display: block;
     text-align: left;
}
 .search-results.active .product-data h3, .search-results.active .product-data .product-price {
     margin: 0 0 10px;
}
 .product-data div:not(.product-categories) {
     display: none;
     vertical-align: middle;
}
 .product-data {
     text-align: left;
}
 .search-results.active .product-stock, .search-results.active .product-categories {
     display: none;
}
 .product-data .product-price .regular-price {
     color: var(--primary-color);
     font-weight: 600;
}
 .product-data .product-price .sale-price {
     color: var(--primary-color);
     position: relative;
     padding: 0 20px 0 0;
     margin: 0 10px 0 0;
     font-size: 18px;
     font-weight: 600;
}
 .product-data .product-price .sale-price::after {
     position: absolute;
     top: 0;
     bottom: 0;
     left: auto;
     right: 0;
     width: 6px;
     height: 2px;
     content: '';
     background: var(--primary-color);
     margin: auto;
}
 .product-data .product-stock {
     padding: 4px 8px;
     background: #eeeeee;
     border-radius: 4px;
     position: absolute;
     bottom: 15px;
     right: 0;
}
 .product-categories>span {
     display: inline-block;
     margin-right: 4px;
     font-size: 14px;
}
 .product-categories>span:after {
     content: ",";
}
 .product-categories>span:last-child:after {
     content: "";
}
 .product-categories>span:last-child {
     margin-right: 0;
}
 .product-search select {
     width: 100% !important;
     min-height: 40px !important;
     margin-bottom: 16px;
}
 .product-search select, .product-search input {
     background: #ffffff;
     border: 1px solid #e0e0e0;
}
 .search-wrapper {
     position: relative;
}
 .search-wrapper input {
     padding-right: 35px !important;
}
 .search-wrapper svg {
     position: absolute;
     top: 65px;
     right: 35px;
     width: 20px;
     height: 20px;
     fill: #bdbdbd;
     animation: loading 500ms 0ms infinite normal linear;
     transform-origin: center;
     opacity: 0;
}
 .search-wrapper.loading+button {
     display: none;
}
 .search-wrapper.loading svg {
     opacity: 1;
}
 .product-title p.title_description {
     margin: 0;
}
 .tt-feature-box-icon img {
     position: absolute;
     z-index: 999;
     left: 0;
     right: 0;
     margin: auto;
     top: 0;
     bottom: 0;
}
 .tt-feature-box-icon {
     position: relative;
     height: 100px;
     width: 100px;
     margin: 0 0 20px 0;
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
 .service-block .swiper-slide {
     padding: 0 5%;
}
 .swiper-wrapper.text-end .tt-feature-box-containt h4{
     text-align: right;
}
 .swiper-wrapper.text-end .tt-feature-box-containt p{
     float: right;
}
 .swiper-wrapper.text-end .tt-feature-box-icon{
     margin: 0 0 20px auto;
}
 .swiper-wrapper.text-center .tt-feature-box-containt p{
     margin: auto;
}
 .swiper-wrapper.text-center .tt-feature-box-containt h4{
     text-align: center;
}
 .swiper-wrapper.text-center .tt-feature-box-icon{
     margin: 0 auto;
}
 .elementor-widget-image-box:hover .elementor-image-box-img img, .swiper-slide:hover .tt-feature-box-icon img {
     transform: rotateY(180deg);
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
}
 .swiper-slide:hover .tt-feature-box-icon {
     border-color: var(--primary-color);
}
 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
     margin: 0 0 5px 0;
     font-size: 24px;
     font-weight: 500;
     font-family: var(--primary-font);
     color: var();
}
 .tt-banner .banner-text.tt-icon-top.text-center {
     bottom: auto;
     width: 70%;
     left: auto;
     right: 0;
     margin: auto;
     left: 0;
     margin: auto;
     top: 30px;
     justify-content: center;
}
 .tt-banner .banner-text.tt-icon-top.text-center .wpbanner-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .tt-banner .banner-text.text-center .banner-title, .tt-banner .banner-text.text-center .banner-sub-title {
     text-align: center;
}
 .tt-banner .banner-text.text-center .banner-title {
     width: 100%;
}
 .banner_03_hm02 .tt-banner .banner-text.tt-icon-top.text-center {
     width: 45%;
}
 .tt-banner .banner-text.text-center .button-banner-wrap {
     float: none;
     display: flex;
     vertical-align: middle;
     margin: 5px 0 0;
     width: auto;
     justify-content: center;
}
 .tt-banner .banner-text.tt-icon-top.text-end {
     top: 50px;
     bottom: auto;
     width: 54%;
     left: auto;
     right: 50px;
     margin: auto;
}
 .tt-banner .banner-text.tt-icon-top.text-end .banner-title {
     width: 100%;
     text-align: right;
}
 .tt-banner .banner-text.tt-icon-top.text-end .button-banner-wrap {
     float: right;
     margin: 0;
}
 .tt-banner .banner-text.tt-icon-top.text-start {
     top: 20px;
     bottom: auto;
     width: 65%;
     left: 30px;
     right: auto;
     margin: auto;
}
 .tt-banner .banner-text.tt-icon-top.text-start .button-banner-wrap {
     float: left;
}
 .tt-banner .banner-text .banner-description {
     color: #444;
     padding: 0;
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
     font-size: 18px;
}
 .tt-banner .banner-text a.banner-button:hover {
     color: #fff;
     border-color: var(--primary-color);
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
 .tt-banner .banner-text.tt-icon-right.text-end {
     width: 37%;
     left: auto;
     right: 50px;
     top: 0;
     bottom: 0;
     height: fit-content;
     margin: auto;
}
 .tt-banner .banner-text.tt-icon-right.text-end .banner-sub-title {
     text-align: right;
}
 .tt-banner .banner-text.tt-icon-right.text-end .banner-title {
     text-align: right;
}
 .tt-banner .banner-text.tt-icon-right.text-start {
     width: 50%;
     left: auto;
     right: 0;
}
 .tt-banner .banner-text.tt-icon-right.text-start .button-banner-wrap {
     float: left;
}
 .tt-banner .banner-text.tt-icon-left.text-start .button-banner-wrap {
     float: left;
}
 .tt-banner .banner-text.tt-icon-left.text-start a.banner-button {
     border-bottom: none;
}
 .vertical .tt-banner .banner-text.tt-icon-left {
     writing-mode: vertical-rl;
     left: 0;
     right: auto;
     top: 0;
     bottom: 0;
}
 .vertical .tt-banner .banner-text.tt-icon-left.text-start .banner-title {
     margin: 0 0 0 10px;
}
 .page .site-main .vertical .tt-banner .banner-tag a {
     padding: 25px 12px;
}
 .vertical .tt-banner .banner-text .banner-title {
     margin: 0 0 0 20px;
}
 .tt-banner .banner-text.tt-icon-left.text-start .banner-title {
     margin: 0 0 15px;
}
 .tt-banner .banner-text.tt-icon-left.text-start .banner-description {
     font-size: 16px;
}
 .image-hotspot-wrap .img-1 img{
     width: 100%;
     min-height: 625px;
     object-fit: cover;
}
 .image-hotspot .category-url {
     position: absolute;
     top: auto;
     bottom: -30px;
     margin: auto;
     left: auto;
     right: 60px;
}
 .image-hotspot .category-url.cat-img-2 {
     top: 50px;
     bottom: auto;
     left: 0;
     right: 0;
     margin: auto;
     width: fit-content;
     height: fit-content;
}
 .image-hotspot .category-url.cat-img-4 {
     top: 50px;
     bottom: auto;
     left: 0;
     right: 0;
     margin: auto;
     width: fit-content;
     height: fit-content;
     border-radius: 50%;
     overflow: hidden;
}
 .image-hotspot .category-url.cat-img-3 {
     position: absolute;
     top: auto;
     bottom: -30px;
     margin: auto;
     left: 24%;
     right: auto;
     border-radius: 50%;
     overflow: hidden;
     width: fit-content;
     height: fit-content;
}
 .tt-banner .banner-text.tt-icon-right {
     width: 50%;
     left: auto;
     right: 0;
}
 .tt-banner .banner-text.text-center .button-banner-wrap.circle-button a {
     border-radius: 50%;
     padding: 0;
     width: 90px;
     height: 90px;
     justify-content: center;
     display: flex;
     align-items: center;
}
 .tt-banner .banner-text.tt-icon-right.text-start {
     width: 52%;
     left: auto;
     right: 15px;
}
 .video-icon{
     overflow: visible !important;
}
 a.youtube-popup {
     position: relative;
     z-index: 1;
}
 a.youtube-popup p.btn.btn-primary {
     position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     font-style: italic;
     font-size: 18px;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     padding: 20px;
     font-family: var(--primary-font);
     margin: 0;
     transition: all .4s ease;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     -ms-transition: all .4s ease;
     background: var(--background-color);
     color: var(--primary-color);
     line-height: 25px;
}
 a.youtube-popup .video_cat {
     width: 110px;
     height: 110px;
     justify-content: center;
     display: flex;
     align-items: center;
}
 a.youtube-popup p.btn.btn-primary::after {
     content: none;
}
 .mfp-iframe-holder .mfp-close::after {
     display: none;
}
 a.youtube-popup p::before {
     content: '\f04b';
     position: absolute;
     font-family: 'Font Awesome 5 Free';
     font-weight: 600;
     font-size: 23px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: auto;
     font-style: normal;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     line-height: 25px;
}
 .elementor-widget-Video {
     overflow: hidden;
}
 body .swiper-bul{
     padding: 0 0 12px;
}
/* MARQUEE CSS */
 .marquee-container {
     max-width: 100%;
     overflow: hidden;
}
 .text-marquee {
     white-space: nowrap;
     overflow: hidden;
     display: flex;
     align-items: center;
}
 .marquee-content {
     display: inline-block;
     white-space: nowrap;
     animation: marquee 30s linear infinite;
     -webkit-animation: marquee 30s linear infinite;
}
 .marquee-content-rtl {
     display: inline-block;
     white-space: nowrap;
     animation: marquee-rtl 30s linear infinite;
     -webkit-animation: marquee-rtl 30s linear infinite;
}
 .nav-ticker {
     box-sizing: border-box;
     white-space: nowrap;
     display: inline-block;
     position: relative;
     padding: 0;
     width: auto !important;
     flex: 0 0 auto;
}
 .nav-ticker p{
     font-size: 20px;
     line-height: 108%;
     font-family: var(--primary-font);
     color: var(--primary-color);
     margin: 0;
     text-transform: uppercase;
     padding: 17px 40px 13px;
}
 .text-marquee-2 .nav-ticker p {
     font-size: 20.9vw;
     font-weight: 400;
     line-height: 75%;
     -webkit-text-stroke-width: 2px;
     -webkit-text-stroke-color: #e0e0e0;
     color: var(--body-light-color);
     text-transform: uppercase;
}
 .img-marquee:hover .marquee-content-rtl, .text-marquee:hover .marquee-content-rtl, .img-marquee:hover .marquee-content , .text-marquee:hover .marquee-content {
     animation-play-state: paused;
     -webkit-animation-play-state: paused;
}
/* Duplicate the keyframes for a smooth repeat */
 @keyframes marquee {
     0% {
         transform: translateX(0);
        /* Start from the right of the container */
    }
     100% {
         transform: translateX(-100%);
        /* Move to the left outside the container */
    }
}
 @keyframes marquee-rtl {
     0% {
         transform: translateX(-100%);
    }
     100% {
         transform: translateX(0%);
    }
}
 .img-marquee {
     white-space: nowrap;
     overflow: hidden;
     display: flex;
     align-items: center;
}
 .img-marquee .marquee-content, .img-marquee .marquee-content-rtl {
     display: flex;
     white-space: nowrap;
     animation: marquee 30s linear infinite;
     -webkit-animation: marquee 30s linear infinite;
     transition: all .4s ease;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     -ms-transition: all .4s ease;
     flex: 0 0 auto;
}
 .product-user .img-marquee .marquee-content{
     animation: marquee 8s linear infinite;
     -webkit-animation: marquee 8s linear infinite;
}
 .product-user .img-marquee .marquee-content-rtl{
     animation: marquee-rtl 8s linear infinite;
     -webkit-animation: marquee-rtl 8s linear infinite;
}
 .product-user .img-marquee:hover .marquee-content,
 .product-user .img-marquee:hover .marquee-content-rtl {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
 .img-marquee .marquee-content-rtl {
     animation: marquee-rtl 30s linear infinite;
     -webkit-animation: marquee-rtl 30s linear infinite;
}
/* MAIN-SLIDER */
 .main-slider .swiper-top{
     position: relative;
     overflow: hidden;
     background-color: var(--background-color);
}
 .main-slider .swiper-top .tt-slider-box img{
     transition: all 2s ease;
     -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
     -o-transition: all 2s ease;
     -ms-transition: all 2s ease;
     width: 100%;
}
 .main-slider .swiper-top:hover .tt-slider-box img{
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
}
 .main-slider .swiper-top::after{
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     top: auto;
     bottom: 0;
     height: 70%;
     background: linear-gradient( transparent , rgba(0, 0, 0, 0.5) );
}
 .main-slider .tt-slider-box-containt{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     padding: 30px;
     top: auto;
     height: fit-content;
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 30px;
}
 .main-slider .tt-slider-box-title{
     font-size: 2.6vw;
     margin: 0;
     line-height: 120%;
     color: var(--body-light-color);
}
 .main-slider .tt-slider-box-upper-title{
     color: var(--body-light-color);
     margin: 0;
}
 .main-slider .title-button.btn-border{
     width: fit-content;
     color: var(--body-light-color);
     border-color: var(--body-light-color);
}
 .main-slider .title-button.btn-border::before{
     background: var(--body-light-color);
}
 .main-slider .title-button.btn-border:hover{
     color: var(--white-color-text);
     border-color: var(--white-color-text);
}
 .main-slider .title-button.btn-border:hover::before{
     background: var(--white-color-text);
}
 .main-slider .title-button.btn-border::after{
     background-color: var(--white-color-text);
}
/* PORTFOLIO */
 .tt-portfolio-thumbnail a:hover img {
     width: 100%;
}
 .tt-portfolio-thumbnail-img {
     overflow: hidden;
}
 .tt-portfolio-thumbnail a:hover img {
     width: 100%;
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transition: all 0.4s ease-in-out 0s;
     -webkit-transition: all 0.4s ease-in-out 0s;
     -moz-transition: all 0.4s ease-in-out 0s;
     -o-transition: all 0.4s ease-in-out 0s;
     -ms-transition: all 0.4s ease-in-out 0s;
}
 .tt-portfolio-thumbnail span {
     color: var(--secondary-color);
}
 .Portfolio-style-1 .grid {
     margin: 0 -15px;
}
 .Portfolio-style-1 .tt-portfolio-thumbnail {
     padding: 0 15px;
}
 .Portfolio-style-1 .tt-portfolio-thumbnail a {
     float: none;
     width: 100%;
     display: inline-block;
     vertical-align: top;
     padding: 20px;
     border: 1px solid var(--border-color-01);
}
 .Portfolio-style-1 .tt-portfolio-thumbnail>a, .Portfolio-style-2 .tt-portfolio-thumbnail>a, .tt-portfolio-thumbnail a img {
     width: 100%;
}
 .Portfolio-style-2 .tt-portfolio-thumbnail {
     display: flex;
     margin: 0 0 24px 0;
}
 .Portfolio-style-1 .tt-portfolio-thumbnail{
     margin: 0 0 30px 0;
}
 .Portfolio-style-1 .tt-portfolio-thumbnail a {
     border: 1px solid var(--border-color-01);
}
 .Portfolio-style-1 .tt-portfolio-thumbnail:hover a {
     border-color: var(--primary-color);
}
 .Portfolio-style-2 a {
     display: inline-block;
     float: none;
     position: relative;
     overflow: hidden;
}
 .Portfolio-style-1 a span, .Portfolio-style-2 a span {
     font-family: var(--primary-font);
     font-size: 1.2vw;
     padding: 20px 0 0 0;
     float: left;
     width: 100%;
     justify-content: center;
     display: flex;
     text-transform: uppercase;
     color: var(--secondary-color);
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
 .Portfolio-style-1 a span:hover {
     color: var(--primary-color);
}
 .Portfolio-style-2 a span:hover {
     color: var(--white-color-text);
     background-color: var(--primary-color);
}
 .Portfolio-style-2 a span {
     font-size: 20px;
     position: absolute;
     bottom: 15px;
     top: auto;
     left: 15px;
     right: 15px;
     background: var(--white-color-text);
     margin: auto;
     padding: 15px;
     opacity: 0;
     transition: all .4s ease-in-out 0s;
     -webkit-transition: all .4s ease-in-out 0s;
     -moz-transition: all .4s ease-in-out 0s;
     -o-transition: all .4s ease-in-out 0s;
     -ms-transition: all .4s ease-in-out 0s;
     -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
     transform: translateY(100%);
     width: auto;
     justify-content: center;
     display: flex;
}
 .Portfolio-style-2 a:hover span {
     opacity: 1;
     transition: all .4s ease-in-out 0s;
     -webkit-transition: all .4s ease-in-out 0s;
     -moz-transition: all .4s ease-in-out 0s;
     -o-transition: all .4s ease-in-out 0s;
     -ms-transition: all .4s ease-in-out 0s;
     -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
     transform: translateY(0%);
     display: flex;
     margin: auto;
}
 .portfolio-carousel.owl-carousel, .portfolio-carousel.owl-carousel .owl-nav{
     position: static;
}
 .portfolio-carousel.owl-carousel svg{
     display: none;
}
 .portfolio-carousel.owl-carousel.Portfolio-style-1 .tt-portfolio-thumbnail{
     padding: 0;
}
 .portfolio-carousel.owl-carousel .owl-nav .owl-prev{
     top: 0;
     bottom: 0;
}
/* BLOG STYLE - 2 */
 .blog-style.blog-style-2 .tt-post-wrapper .btn.btn-border, .blog-style.blog-style-2 .tt-post-details .tt-post-meta, .blog-style.blog-style-2 .tt-post-wrapper .btn.btn-border:hover, .blog-style.blog-style-2 .tt-post-details .tt-post-title h6 a {
     color: var(--white-color-text);
}
 .blog-style.blog-style-2 .tt-post-wrapper .btn.btn-border{
     border-color: var(--white-color-text);
}
 .blog-style.blog-style-2 .tt-post-wrapper .btn.btn-border::after{
     background-color: var(--white-color-text);
}
 .blog-style.blog-style-2 .tt-post-wrapper .tt-post-thumbnail a{
     position: relative;
     height: 100%;
}
 .blog-style.blog-style-2 .tt-post-wrapper .tt-post-thumbnail a::before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     top: auto;
     bottom: 0;
     height: 70%;
     z-index: 1;
     background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
}
 .blog-style.blog-style-2 .tt-post-wrapper .tt-post-details {
     position: absolute;
     margin: 0;
     width: auto;
     display: flex;
     align-items: flex-start;
     justify-content: end;
     top: auto;
     bottom: 30px;
     left: 30px;
     right: 30px;
     z-index: 1;
}
 .blog-style.blog-style-2 .grid-item {
     position: relative;
}
/* blog style 3 */
 .blog-style.blog-style-3 .tt-post-wrapper{
     display: flex;
     align-items: center;
     gap: 15px;
}
 .blog-style.blog-style-3 .tt-post-wrapper .tt-post-details {
     padding: 0;
}
/* blog by cat */
 .blog-by-category .tt-post-wrapper {
     margin-bottom: 30px;
}
/* BLOG CATEGORIES */
 .blog-category .wpcat-img-box {
     float: left;
     width: 100%;
     margin-bottom: 10px;
     position: relative;
}
 .blog-category .wpcat-details, .blog-category .wpcat-inner{
     float: left;
     width: 100%;
}
 .blog-category .wpcat-img-box a .cat_image{
     overflow: hidden;
}
 .blog-category .cat_desc img {
     width: 100%;
}
 .blog-category .wpcat-content {
     text-align: start;
}
 .blog-category .wpcat-content a {
     font-size: 22px;
     font-family: var(--primary-font);
     margin: 0;
     font-weight: 500;
     width: fit-content;
     text-overflow: ellipsis;
     overflow: hidden;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     padding-left: 10px;
}
 .blog-category .wpcat-content a {
     color: var(--secondary-color);
}
 .blog-category .wpcat-content a:hover {
     color: var(--primary-color);
}
/* blog-category-2 */
 .blog-category.style-2 .wpcat-inner {
     display: flex;
     align-items: center;
     text-align: start;
     background-color: var(--body-light-color);
     padding: 15px;
     border: 1px solid var(--border-color-01);
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
 .blog-category.style-2 .wpcat-inner:hover{
     border-color: var(--primary-color);
}
 .blog-category.style-2 .wpcat-content a {
     margin-bottom: 10px;
     border-bottom: 1px solid var(--border-color-01);
     padding: 0 0 5px;
     width: 100%;
}
 .blog-category.style-2 .wpcat-img-box {
     width: 140px;
     height: 140px;
     overflow: hidden;
     flex: 0 0 auto;
     padding: 0;
     margin: 0;
}
 .blog-category.style-2 .wpcat-img-box a {
     display: block;
     width: 100%;
     height: 100%;
}
 .blog-category.style-2 .wpcat-img-box .cat_image {
     width: 100%;
     height: 100%;
     position: relative;
}
 .blog-category.style-2 .wpcat-img-box .cat_image img {
     width: 100%;
     display: block;
     margin: 0 auto;
     height: 100%;
     object-fit: cover;
}
 .blog-category.style-2 .wpcat-details {
     margin-inline-start: 15px;
     flex: 1;
}
/* blog-cat style-3 */
 .blog-category.style-3 {
     gap: 36px;
     display: flex;
     flex-direction: column;
}
 .blog-category.style-3 .wpcat-content {
     display: flex;
     justify-content: space-between;
     position: relative;
}
 .blog-category.style-3 .wpcat-content::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: -18px;
     width: 100%;
     height: 1px;
     z-index: 0;
     border-bottom: 1px solid var(--border-color-01);
}
 .blog-category.style-3 .wpcat-content:last-child::after {
     content: none;
}
 .blog-category.style-3 .wpcat-content span {
     position: relative;
     padding: 0 8px;
}
 .blog-category.style-3 .wpcat-content span::before {
     content: ')';
     right: 0;
}
 .blog-category.style-3 .wpcat-content span::after {
     content: '(';
     left: 0;
}
 .blog-category.style-3 .wpcat-content span::before, .blog-category.style-3 .wpcat-content span::after {
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     color: var(--body-text-color);
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
/* BLOG BY CAT 2 */
 .blog-by-category.style-2 .cat-img .cat-img-inner{
     float: left;
     width: 100%;
     overflow: hidden;
     position: relative;
}
 .blog-by-category.style-2 .cat-img .cat-img-inner::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.4);
}
 .blog-by-category.style-2 .cat-img .cat-img-inner a{
     position: relative;
     float: left;
     width: 100%;
     overflow: hidden;
     -webkit-transition: all 2s ease-in-out;
     -o-transition: all 2s ease-in-out;
     transition: all 2s ease-in-out;
     -moz-transition: all 2s ease-in-out;
     -ms-transition: all 2s ease-in-out;
}
 .blog-by-category.style-2 .cat-img .cat-img-inner a img{
     width: 100%;
     -webkit-transition: all 2s ease-in-out;
     -o-transition: all 2s ease-in-out;
     transition: all 2s ease-in-out;
     -moz-transition: all 2s ease-in-out;
     -ms-transition: all 2s ease-in-out;
}
 .blog-by-category.style-2 .cat-img .cat-img-inner a:hover img{
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
}
 .blog-by-category.style-2 .cat-img .cat-name {
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     margin: auto;
     z-index: 1;
     font-family: var(--primary-font);
     font-size: 24px;
     text-align: center;
     color: var(--white-color-text);
}
 .blog-by-category.style-2 .tt-post-details{
     margin: 0;
     padding: 0;
}
 .blog-by-category.style-2 .tt-post-details .tt-post-title h6{
     font-size: 20px;
}
 .blog-by-category.style-2 .tt-post-details .tt-date-comment{
     margin: 0 0 15px;
}
 .blog-by-category.style-2 .cat-img {
     margin-bottom: 15px;
}
 .blog-by-category.style-2 .tt-post-wrapper {
     display: flex;
     gap: 15px;
     justify-content: center;
     align-items: center;
     margin: 0;
     padding: 15px 30px;
}
 .blog-by-category.style-2 .tt-post-wrapper .tt-post-meta{
     padding: 3px 10px;
}
 .blog-by-category.style-2 .cat-img, .blog-by-category.style-2 .box-100{
     padding: 0;
}
 .blog-by-category.style-2 .tt-post-wrapper .tt-post-thumbnail{
     width: 50%;
}
 .blog-by-category.style-2 .tt-post-wrapper .tt-post-details{
     width: 50%;
}
 .blog-by-category.style-2 .cat-img .cat-name span {
     position: relative;
     padding: 0 3px;
     margin: 0 14px;
}
 .blog-by-category.style-2 .cat-img .cat-name span::before {
     content: ')';
     right: -8px;
}
 .blog-by-category.style-2 .cat-img .cat-name span::after {
     content: '(';
     left: -8px;
}
 .blog-by-category.style-2 .cat-img .cat-name span::before, .blog-by-category.style-2 .cat-img .cat-name span::after {
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     color: var(--white-color-text);
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
}
 .blog-by-category.style-2 .blogs{
     width: 100%;
     padding-bottom: 15px;
     margin: 0;
     background-color: var(--background-color);
}
/* product by cat 3 */
 .blog-by-category.blog-style.style-3 .blogBy-category-wrap.style-3{
     padding: 0;
     margin: 0;
}
 .blogBy-category-wrap.style-3>div {
     margin: 0;
     padding: 0 12px;
}
 .blogBy-category-wrap.style-3>div.blogBy-category-wrap {
     padding: 0;
     margin: -12px 0;
}
 .blog-by-category .blogBy-category-wrap.style-3 .blogBy-category-wrap .box{
     padding: 12px;
}
/* Scale-img */
 .scale-img {
     display: flex;
     width: 100%;
     overflow: hidden;
     height: 28.5vw;
     gap: 30px;
}
 .scale-img .food-img {
     cursor: pointer;
     overflow: hidden;
     display: flex;
     transition: all 0.4s ease-in-out;
     flex-shrink: 0;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
}
 .scale-img .food-img{
     flex: auto;
}
 .scale-img .food-img:not(.active) {
     width: 15.5vw;
     flex: 0 0 15.5vw;
}
 .scale-img:hover .food-img:not(.active) {
     filter: brightness(0.4);
}
 .scale-img .food-img.active {
     flex: 1;
     width: auto;
}
 .scale-img:hover .food-img.active {
     filter: brightness(1);
}
 .scale-img .food-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.4s ease-in-out;
     -webkit-transition: transform 0.4s ease-in-out;
     -moz-transition: transform 0.4s ease-in-out;
     -ms-transition: transform 0.4s ease-in-out;
     -o-transition: transform 0.4s ease-in-out;
}
/* ACCORDIAN-TAB */
 .accordian-tab .blomify-accordion-item{
     margin-bottom: 20px;
}
 .accordian-tab .blomify-accordion-item:last-child{
     border: none;
}
 .accordian-tab .blomify-accordion-item .blomify-accordion-header{
     cursor: pointer;
}
 .accordian-tab .blomify-accordion-header .accordion-tilte{
     color: var(--body-text-color);
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     padding: 20px;
     line-height: normal;
     transition: all 400ms ease-in-out 0s;
     -webkit-transition: all 400ms ease-in-out 0s;
     -moz-transition: all 400ms ease-in-out 0s;
     -o-transition: all 400ms ease-in-out 0s;
     -ms-transition: all 400ms ease-in-out 0s;
     border: 1px solid var(--border-color-01);
     margin: 0;
     display: flex;
     align-items: center;
}
 .accordian-tab .blomify-accordion-header .accordion-tilte span{
     width: 100%;
     display: content;
}
 .accordian-tab .blomify-accordion-header .accordion-tilte svg{
     float: right;
     transition: none;
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
}
 .accordian-tab .blomify-accordion-item.active .accordion-tilte svg{
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
}
 .accordian-tab .blomify-accordion-item.active .accordion-tilte, .accordian-tab .blomify-accordion-header .accordion-tilte:hover{
     color: var(--primary-color);
     border-color: var(--primary-color);
}
 .accordian-tab .blomify-accordion-content{
     padding: 20px;
     border: 1px solid var(--primary-color);
     border-top: 0;
}
 .dark-mode .accordian-tab .blomify-accordion-content, .dark-mode .accordian-tab .blomify-accordion-item.active .accordion-tilte, .dark-mode .accordian-tab .blomify-accordion-header .accordion-tilte:hover{
     border-color: var(--white-color-text);
}
 .dark-mode .accordian-tab .blomify-accordion-header .accordion-tilte, .dark-mode .accordian-tab .blomify-accordion-item.active .accordion-tilte, .dark-mode .accordian-tab .blomify-accordion-header .accordion-tilte:hover{
     color: var(--white-color-text);
}
/* Marquee-CMS */
 .section-CMS .product-info{
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 10px;
     background: var(--white-color-text);
}
 .CMS-img-box{
     width: 110px;
     flex: none;
}
 .CMS-inner h3{
     font-size: 16px;
     font-weight: 500;
     margin: 0 0 10px;
}
 .CMS-inner h3 a{
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .CMS-inner .price{
     margin-bottom: 4px;
}
 .CMS-inner .cart-wrap{
     float: left;
     width: 100%;
}
 .CMS-inner .cart-wrap a{
     font-size: 13px;
     font-weight: 600;
     text-transform: uppercase;
}
 .product .CMS-inner .cart-wrap a:hover{
     color: var(--secondary-color);
}
 .CMS-inner .cart-wrap a svg{
     width: 14px;
     height: 14px;
     margin: 0 2px 0 0;
}
 .product-single{
     display: flex;
     flex-direction: column;
}
.product-single .product-360-slider-wrap .product-popup-wrap{
	display: none;
}
.product-single .swiper-pagination.swiper-pagination-bullets{
	margin-top: 50px;
}
 .product-single .single-product-thumbnail .single-product-image{
     position: relative;
     float: right;
     width: 80%;
     padding: 0 0 0 15px;
}
 .product-single .single-product-thumbnail #nickx-gallery.nslick-initialized {
     float: left;
     width: 20%;
}
 .single-product.product-single .summary.entry-summary{
     padding-inline-start: 30px;
}
 .single-product.product-single .product .entry-summary .cart-wrap {
     width: 82%;
}
 .single-product.product-single .entry-summary .cart.grouped_form .cart-wrap {
     width: 100%;
     padding: 0;
     margin: 0;
     height: auto;
}
 .cursor-image-wrapper {
     position: relative;
}
 .cursor-follow {
     width: 120px;
     height: 120px;
     position: fixed;
     top: 0;
     left: 0;
     pointer-events: none;
     transform: translate(-50%, -50%);
     transition: transform 0.15s ease-out;
     z-index: 999999;
}
 .cursor-images img {
     position: absolute;
     width: 120px;
     height: 120px;
     object-fit: cover;
     opacity: 0;
     transition: opacity 0.25s ease, transform 0.25s ease;
     pointer-events: none;
}
 .cursor-images img.active {
     opacity: 1;
     transform: scale(1);
}
 .cursor-images img:not(.active) {
     transform: scale(0.7);
}
 .cursor-follow-img {
     width: 120px;
     height: 120px;
     position: fixed;
     top: 0;
     left: 0;
     pointer-events: none;
     transform: translate(-50%, -50%);
     transition: opacity 0.2s ease-out;
     z-index: 999999;
     opacity: 0;
    /* cursor stop → hide */
}
 .cursor-follow-img.active {
     opacity: 1;
}
 .wave-marquee .wave-text {
     font-size: 26px;
}
 .wave-marquee .wave-text textPath {
     fill: var(--background-color);
}