/** Eyevera 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: 50px;
     float: left;
     width: 100%;
     color: var(--secondary-color);
     line-height: 115%;
     margin: 0 0 30px 0;
}
 .tt-section-title p {
     width: 100%;
     font-family: var(--secondary-font);
     color: var(--body-text-color);
     float: left;
     margin: auto;
     margin: 0 0 30px 0;
}
 .tt-section-title.text-center p {
     float: none;
     font-size: 26px;
}
 .tt-section-title {
     float: left;
     width: 100%;
}
 .tt-section-sab {
     display: inline-block;
     text-transform: uppercase;
     font-weight: 400;
     color: var(--primary-color);
     line-height: 18px;
     letter-spacing: 1px;
     font-family: var(--primary-font);
     margin: 10px 0 20px;
}
 .cms-title .tt-section-sab {
     margin-bottom: 15px;
}
 .cms-title a.title-button{
     padding: 10px 28px;
     font-size: 15px;
     border: none;
     background: var(--white-color-text);
}
 .cms-title a.title-button:hover{
     color: var(--white-color-text);
}
 .cms-title a.title-button::after{
     top: 0;
     bottom: 0;
     height: 100%;
     background-color: var(--secondary-color);
}
 .service_col.elementor-element.elementor-element-d650969 {
     width: 94% !important;
     justify-content: center;
     display: flex;
     align-items: center;
     margin: auto;
}
/*-------------- Start Category Gallery ---------------*/
 #gallary_tabs, .category-gallery-wrap, .cat-gallary, #gallary_tabs .category-gallery-wrap .category-gallary, #gallary_tabs .category-gallery-wrap .category-gallary .cat-gallary {
     float: left;
     width: 100%;
}
 #gallary_tabs {
     position: relative;
}
 #gallary_tabs .category-name-wrap {
     list-style: none;
     padding: 0;
     text-align: center;
     margin: 0 0 25px;
}
 #gallary_tabs .category-name-wrap li {
     margin: 0 0 30px;
}
 #gallary_tabs .category-gallary-title {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     margin: auto;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
 #gallary_tabs .category-gallary-title .tt-section-title {
     width: auto;
     margin: 0;
}
 #gallary_tabs .category-name-wrap li a {
     font-size: 36px;
     color: #fff;
     font-family: var(--third-font);
     letter-spacing: 1px;
     position: relative;
     line-height: 46px;
}
 #gallary_tabs .category-button a::after {
     content: '';
     position: absolute;
     width: 0;
     height: 100%;
     top: auto;
     bottom: 0;
     left: auto;
     right: 0;
     background: var(--secondary-color);
     transition: all 400ms ease-in-out;
     -webkit-transition: all 400ms ease-in-out;
     -moz-transition: all 400ms ease-in-out;
     -ms-transition: all 400ms ease-in-out;
     -o-transition: all 400ms ease-in-out;
     z-index: -1;
}
 #gallary_tabs .category-button:hover a::after {
     left: 0;
     right: auto;
     width: 100%;
}
 #gallary_tabs .category-name-wrap li.active a {
     color: var(--primary-color);
}
 #gallary_tabs .category-name-wrap li a::before {
     content: "";
     right: 0;
     left: 0;
     margin: auto;
     position: absolute;
     top: auto;
     bottom: 0;
     height: 2px;
     z-index: 0;
     -webkit-transition: all .4s ease-in-out 0s;
     -moz-transition: all .4s ease-in-out 0s;
     -ms-transition: all .4s ease-in-out 0s;
     -o-transition: all .4s ease-in-out 0s;
     transition: all .4s ease-in-out 0s;
     width: 0;
     background: var(--primary-color);
}
 #gallary_tabs .category-name-wrap li a:hover::before, #gallary_tabs .category-name-wrap li.active a::before {
     width: 90%;
}
 #gallary_tabs .category-gallery-wrap .category-gallary {
     display: none;
}
 #gallary_tabs .category-gallery-wrap .category-gallary.active {
     display: block;
}
 #gallary_tabs .category-gallery-wrap .category-gallary .cat-gallary {
     display: flex;
     justify-content: space-between;
}
 .category-gallary {
     display: flex;
     justify-content: space-between;
}
 .cat-heading .tt-section-title {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 20px;
     bottom: auto;
     width: 40%;
}
 .category-gallery-wrap .category-gallary .cat-img {
     position: relative;
     float: left;
     padding: 0 15px;
}
 .category-gallery-wrap .category-gallary.active .cat-img .cat-img-0, .category-gallery-wrap .category-gallary.active .cat-img .cat-img-3 {
     animation: 2s ease 0s normal none 1 fadeInUp;
     -webkit-animation: 2s ease 0s normal none 1 fadeInUp;
     -moz-animation: 2s ease 0s normal none 1 fadeInUp;
     -o-animation: 2s ease 0s normal none 1 fadeInUp;
}
 .category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
     float: none;
     width: auto;
     position: absolute;
     top: auto;
     bottom: 0;
     right: 0;
     left: auto;
     animation: 3s ease 0s normal none 1 fadeInUp;
     -webkit-animation: 3s ease 0s normal none 1 fadeInUp;
     -moz-animation: 3s ease 0s normal none 1 fadeInUp;
     -o-animation: 3s ease 0s normal none 1 fadeInUp;
}
 .category-gallery-wrap .category-gallary .cat-right .cat-img-2, .category-gallery-wrap .category-gallary .cat-left .cat-img-2, .category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
     animation: 4s ease 0s normal none 1 fadeInUp;
     -webkit-animation: 4s ease 0s normal none 1 fadeInUp;
     -moz-animation: 4s ease 0s normal none 1 fadeInUp;
     -o-animation: 4s ease 0s normal none 1 fadeInUp;
}
 @-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 
}
 .category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
     margin: 35px 0 0 35px;
     float: left;
     width: 100%;
}
 .category-gallery-wrap .category-gallary .cat-right .cat-img-3, .category-gallery-wrap .category-gallary .cat-right .cat-img-3 img {
     float: right;
}
 .category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
     position: absolute;
     right: auto;
     left: 0;
     bottom: 10%;
     top: auto;
}
 .category-gallery-wrap .category-gallary .cat-right .cat-img-5 {
     float: none;
     width: auto;
     position: absolute;
     top: 50%;
     bottom: auto;
     left: 0;
     right: auto;
}
 .category-gallary .category-url img {
     height: auto;
     width: auto;
}
 .category-url.cat-img-1 img {
     border-radius: 50%;
}
 .category-url.cat-img-2 img {
     border-radius: 50%;
}
 .category-gallery-wrap .category-url.cat-img-2 img, .category-gallery-wrap .category-url.cat-img-1 img {
     border-radius: 0;
}
/* category gallery 02 */
 #gallary_tabs.gallery-02 .category-gallary-title {
     position: static;
     width: 55%;
}
 .gallery-02 .category-gallery-wrap .category-gallary .cat-left .cat-img-2, .gallery-02 .category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
     position: static;
     animation: 2s ease 0s normal none 1 fadeRightLeft;
     -webkit-animation: 2s ease 0s normal none 1 fadeRightLeft;
     -moz-animation: 2s ease 0s normal none 1 fadeRightLeft;
     -o-animation: 2s ease 0s normal none 1 fadeRightLeft;
}
 @-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 
}
 .gallery-02 .category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
     margin: 0;
}
 .gallery-02 .category-gallery-wrap .category-gallary .cat-img {
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: end;
}
 .gallery-02 .category-gallery-wrap .category-gallary.active .cat-img .category-url>img {
     max-width: 100%;
     max-height: 100%;
}
 .gallery-02 .category-gallery-wrap .category-gallary.active .cat-img .category-url {
     width: auto;
     display: inline-block;
}
 .gallery-02 .category-gallery-wrap .category-gallary.active .cat-img .category-url.cat-img-0 {
     position: absolute;
     left: 0;
     right: auto;
     animation: 2s ease 0s normal none 1 fadeLeftRight;
     -webkit-animation: 2s ease 0s normal none 1 fadeLeftRight;
     -moz-animation: 2s ease 0s normal none 1 fadeLeftRight;
     -o-animation: 2s ease 0s normal none 1 fadeLeftRight;
     z-index: 3;
}
 @-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 
}
 .gallery-02 .category-name-wrap {
     float: left;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .gallery-02 .category-gallery-wrap {
     margin: 0 0 50px;
}
 .gallery-02#gallary_tabs .category-name-wrap, .gallery-02#gallary_tabs .category-name-wrap li {
     margin: 0;
}
 .gallery-02#gallary_tabs .category-name-wrap {
     border-bottom: 2px solid #ffffff2b;
     overflow-y: hidden;
     overflow-x: auto;
     scrollbar-width: thin;
}
 .gallery-02#gallary_tabs .category-name-wrap li {
     flex: 0 0 auto;
     padding: 0 10px;
}
 .gallery-02#gallary_tabs .category-name-wrap li:first-child {
     padding-left: 0;
}
 .gallery-02#gallary_tabs .category-name-wrap li:last-child {
     padding-right: 0;
}
 #gallary_tabs.gallery-02 .category-name-wrap>li>a {
     padding: 0 0 15px;
     color: var(--secondary-color);
     float: left;
     width: 100%;
     opacity: 0.6;
}
 #gallary_tabs.gallery-02 .category-name-wrap>li.active.category-name>a {
     opacity: 1;
}
 #gallary_tabs.gallery-02 .category-name-wrap li a::before {
     bottom: -3px;
     background: #fff;
     height: 4px;
}
 #gallary_tabs.gallery-02 .category-name-wrap li a::after {
     content: '';
     position: absolute;
     top: auto;
     bottom: -2px;
     left: 0;
     right: 0;
     background: #fff;
     height: 7px;
     width: 7px;
     margin: auto;
     transform: rotate(45deg);
     -webkit-transition: all .8s ease-in-out 0s;
     -moz-transition: all .8s ease-in-out 0s;
     -ms-transition: all .8s ease-in-out 0s;
     -o-transition: all .8s ease-in-out 0s;
     transition: all .8s ease-in-out 0s;
     opacity: 0;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}
 #gallary_tabs.gallery-02 .category-name-wrap li.active a::after {
     opacity: 1;
     -webkit-transition: all .8s ease-in-out 0s;
     -moz-transition: all .8s ease-in-out 0s;
     -ms-transition: all .8s ease-in-out 0s;
     -o-transition: all .8s ease-in-out 0s;
     transition: all .8s ease-in-out 0s;
}
 #gallary_tabs.gallery-02 .category-name-wrap li a:hover::before, #gallary_tabs.gallery-02 .category-name-wrap li.active a::before {
     width: 100%;
     -webkit-transition: all .8s ease-in-out 0s;
     -moz-transition: all .8s ease-in-out 0s;
     -ms-transition: all .8s ease-in-out 0s;
     -o-transition: all .8s ease-in-out 0s;
     transition: all .8s ease-in-out 0s;
}
/*------------- Start Category Gallery ---------------*/
/* -------------- Start Client Logo ---------------- */
 .client .item img {
     width: 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;
     opacity: 90%;
}
 .client .item a {
     cursor: pointer;
     padding: 0;
}
 .client .item a:hover img {
     transform: translateY(-10px);
     -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
     -o-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     opacity: 1;
}
 .client .item {
     display: flex;
     justify-content: center;
     padding: 5px 0;
}
/* -------------- End Client Logo ---------------- */
 .blog-style .tt-post-wrapper.grid-item div.tt-post-details {
     padding: 0 0 30px 0;
}
/*------------- 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(--secondary-color);
     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;
     color: var(--body-text-color);
     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(--secondary-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: 10px;
     height: 10px;
     border-radius: 20px;
     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;
}
 wiper .swiper-pagination-bullet{
     cursor: pointer;
}
 .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
     background: var(--primary-color);
}
 .swiper-pagination.swiper-pagination-bullets{
     display: flex;
     gap: 10px;
     justify-content:center;
     width: 100%;
}
 .swiper-pagination.swiper-pagination-bullets {
     position: relative;
     margin: 15px 0;
     z-index: 1;
}
/* --------------- End swiper navigation block ---------------- */
/* ----------- start video block ----------------- */
 .tt-video {
     position: relative;
}
 .tt-video .youtube-popup {
     position: absolute;
     top: auto;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100px;
     height: 100px;
     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;
}
 .tt-video .swiper-js-container .swiper-slide {
     color: #fff;
     font-size: 170px;
     line-height: 175px;
     font-family: var(--primary-font);
}
 .cms-video-gif {
     display: flex;
}
/* ----------- end video block ----------------- */
/* ----------- start text-carousel block ----------------- */
 .text-carousel .swiper-slide p {
     margin: 0;
     font-family: var(--primary-font);
     font-size: 20px;
     color: var(--secondary-color);
     position: relative;
     justify-content: center;
     align-items: center;
     display: flex;
     text-align: center;
     padding: 0 30px;
}
 .text-carousel .swiper-slide p::after {
     content: '';
     position: absolute;
     right: -30px;
     left: auto;
     top: 0;
     bottom: 0;
     margin: auto;
     height: 1px;
     width: 60px;
     background: var(--secondary-color);
}
/* ----------- end text-carousel block ----------------- */
/* ------------------ 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: 170px;
     background: #fff;
     padding: 10px 10px;
     z-index: 8;
     text-align: center;
     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: 240px;
     left: -250px;
     right: 0;
     margin: auto;
     top: 0;
     bottom: auto;
}
 .image-hotspot .hotspot-content .hotspot-title {
     text-align: left;
     color: #333333;
     margin: 10px 0 0 0;
     text-overflow: ellipsis;
     overflow: hidden;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     font-size: 15px;
     font-weight: 500;
}
 .image-hotspot .hotspot-content .hotspot-content-text {
     text-align: left;
}
 .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-wrapper .hotspot-content-image {
     margin-bottom: 0;
     width: 148px;
     height: 165px;
     overflow: hidden;
}
 .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: transparent;
     background: #fff;
     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 {
     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 #e0e0e0;
     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: 15%;
     max-width: 15%;
}
 .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;
}
 .product-data .product-price .regular-price {
     color: #222;
     font-size: 15px;
     font-weight: 600;
     position: relative;
     font-size: 16px;
     font-family: var(--primary-font);
}
 .product-data .product-price .sale-price {
     font-weight: 500;
     position: relative;
     padding: 0 0 0 12px;
     margin: 0 0 0 6px;
     font-size: 14px;
     color: var(--body-text-color);
     font-family: var(--primary-font);
}
 .product-data .product-price .sale-price::after {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: auto;
     width: 6px;
     height: 2px;
     content: '';
     background: var(--body-text-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: 64px;
     right: 15px;
     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 .subtitle-wrap {
     width: 75%;
     margin: auto;
}
 .product-title p.title_description {
     justify-content: center;
     display: flex;
     justify-content: center;
     margin: auto;
}
 .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
     margin: 0 0 5px 0;
     font-size: 22px;
     font-weight: 500;
     font-family: var(--primary-font);
     color: var(--secondary-color);
}
 .image-hotspot-wrap {
     display: flex;
     gap: 30px;
}
 .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;
}
 .image-hotspot-wrapper .hotspot-content-price {
     justify-content: left;
     display: flex;
     gap: 5px;
     font-size: 14px;
     font-weight: 500;
     text-align: center;
     align-items: baseline;
     flex-direction: row-reverse;
}
 .image-hotspot-wrapper .hotspot-content-price ins {
     font-size: 16px;
     line-height: 23px;
}
 .image-hotspot-wrapper .hotspot-content-price bdi {
     color: #666;
     font-size: 13px;
}
 #gallary_tabs .category-button a {
     padding: 19px 39px;
     font-family: var(--primary-font);
     display: inline-block;
     color: var(--white-color-text);
     font-weight: 500;
     font-size: 16px;
     line-height: 18px;
     z-index: 2;
     position: relative;
     background: #fff;
     border-radius: 100%;
     text-transform: uppercase;
     overflow: hidden;
}
 #gallary_tabs .category-button:hover a {
     color: #fff;
}
 a.youtube-popup {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     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: 40px;
     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: #fff;
     color: #222;
     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:hover {
     color: #fff;
}
 .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;
}
/* --------------- Start Banner block ------------------- */
 .tt-banner .banner-text.tt-icon-left.text-start .button-banner-wrap {
     margin: 30px 0 0;
}
 .tt-section-title .banner-tag a {
     background: var(--white-color-text);
     color: var(--secondary-color);
     border-radius: 4px;
     font-size: 16px;
     line-height: 18px;
}
 .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 {
     margin: 0;
}
 .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.text-end .banner-sub-title, .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: var(--white-color-text);
     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: 14px;
     font-family: var(--secondary-font);
     line-height: 16px;
}
 .tt-banner .banner-text a.banner-button:hover {
     color: var(--white-color-text);
     border-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;
}
 .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: end;
}
 .tt-banner .banner-text.tt-icon-right.text-end .banner-title {
     text-align: end;
}
 .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;
}
 .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;
}
 .tt-banner .banner-text.tt-icon-right.text-start {
     width: 52%;
     left: auto;
     right: 15px;
}
 .tt-banner {
     cursor: pointer;
     overflow: hidden;
     position: relative;
}
 .tt-banner .banner-text a.banner-button {
     color: var(--white-color-text);
     font-size: 16px;
     padding: 0;
     font-weight: 500;
     float: left;
     border-bottom: none;
     font-family: var(--primary-font);
     border-radius: 0;
     border-bottom: 2px solid var(--white-color-text);
}
 .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;
}
 .tt-banner .banner-text.tt-icon-bottom {
     top: auto;
     bottom: 50px;
     left: 50px;
     right: 50px;
     width: auto;
}
 .tt-banner .banner-text {
     color: var(--primary-color);
}
 .tt-banner .banner-text .banner-sub-title {
     font-size: 16px;
     position: relative;
     margin: 0 0 10px;
     text-transform: uppercase;
     font-weight: 500;
     text-align: start;
     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: 60px;
     font-family: var(--primary-font);
     font-weight: 400;
     color: var(--white-color-text);
     margin: 0 0 20px;
     text-transform: uppercase;
     width: 100%;
}
 .tt-banner .banner-image {
     float: none;
     display: flex;
     background-color: #f5f5f5;
}
 .tt-banner .banner-image img{
     width: 100%;
}
 .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);
}
 .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-center::after {
     position: absolute;
     content: '';
     left: 10px;
     right: 10px;
     width: auto;
     top: 10px;
     bottom: 10px;
     background-color: transparent;
     border: 2px solid #fff;
}
/* --------------- End Banner Block ------------------- */
/*---------------- Start Service Block -------------- */
 .tt-feature-box-containt p, .tt-feature-box-containt h4 {
     font-size: 16px;
     margin: 0;
     font-weight: 500;
     color: #222;
     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: 18px;
     letter-spacing: 1px;
}
 .tt-feature-box .tt-feature-box-icon img {
     width: auto;
}
 .tt-feature-box .tt-feature-box-containt p {
     margin: 6px 0 0 0;
}
 .tt-feature-box .tt-feature-box-containt .tt-feature-box-title {
     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;
}
 .swiper-slide:hover .tt-feature-box-icon img {
     transform: rotateY(180deg);
     -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
}
 .swiper-slide .tt-feature-box-icon {
     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;
     margin: 0 15px 0 0;
}
 .service-block .swiper-slide {
     display: flex;
     flex-direction: row;
     justify-content: center;
}
 .tt-feature-box.tt-icon-left {
     display: flex;
     flex-direction: row;
     align-items: center;
}
 .tt-feature-box.tt-icon-top {
     display: flex;
     flex-direction: column;
     align-items: start;
}
 .tt-feature-box.tt-icon-right {
     display: flex;
     padding: 0;
     flex-direction: row-reverse;
     align-items: center;
}
 .tt-feature-box.tt-icon-right .tt-feature-box-icon{
     margin: 0 0 0 15px;
}
 .tt-feature-box.tt-icon-top .tt-feature-box-icon{
     margin: 0 0 15px 0;
}
 .tt-feature-box.text-end p, .tt-feature-box.text-end h4{
     text-align: end;
}
 .tt-feature-box.text-center p, .tt-feature-box.text-center h4{
     text-align: center;
}
 .tt-feature-box.tt-icon-top.text-center {
     align-items: center;
}
 .tt-feature-box.tt-icon-top.text-end {
     align-items: end;
}
/*---------------- End Service Block -------------- */
/* ------------- START MARQUEE CSS ------- */
 .marquee-container {
     max-width: 100%;
     overflow: hidden;
}
 .text-marquee {
     white-space: nowrap;
     overflow: hidden;
     display: flex;
     align-items: center;
}
 .text-marquee-1 .marquee-content .nav-ticker{
     position: relative;
     padding: 0 2%;
}
 .text-marquee-1 .marquee-content .nav-ticker::after{
     content: '';
     position: absolute;
     left: auto;
     right: -2.5%;
     width: 5%;
     height: 4%;
     top: 0;
     bottom: 0;
     margin: auto;
     background-color: var(--secondary-color);
}
 .marquee-content .nav-ticker p{
     margin: 0;
     color: var(--secondary-color);
}
 .text-marquee-1 .marquee-content{
     animation: marquee 60s linear infinite;
     -webkit-animation: marquee 60s linear infinite;
}
 .text-marquee-1 .marquee-content-rtl {
     animation: marquee-rtl 60s linear infinite;
     -webkit-animation: marquee-rtl 60s linear infinite;
}
 .text-marquee-1 .text-marquee:hover .marquee-content{
     animation-play-state:running ;
}
 .marquee-content {
     display: inline-flex;
     white-space: nowrap;
     animation: marquee 30s linear infinite;
     -webkit-animation: marquee 30s linear infinite;
}
 .marquee-content-rtl {
     display: inline-flex;
     white-space: nowrap;
     animation: marquee-rtl 30s linear infinite;
     -webkit-animation: marquee-rtl 30s linear infinite;
}
 .nav-ticker {
     box-sizing: border-box;
     white-space: wrap;
     display: inline-block;
     position: relative;
     padding: 0;
     width: auto !important;
     flex: 0 0 auto;
}
 .nav-ticker .cms-box .nav-ticker .cms-box p{
     font-size: 20px;
     line-height: 108%;
     font-family: var(--primary-font);
     color: var(--secondary-color);
     margin: 0 0 3px;
     text-transform: uppercase;
     font-weight: 300;
}
 .style-01 .nav-ticker .cms-box h4{
     font-size: 22px;
     line-height: 108%;
     font-weight: 600;
     margin-bottom: 10px;
}
 .nav-ticker .cms-box a{
     color: var(--secondary-color);
     font-weight: 600;
     border-bottom: 1px solid var(--secondary-color);
}
 .cms-marquee .marquee-content{
     width: 100%;
}
 .cms-marquee .nav-ticker{
     padding: 0 15px;
}
 .style-01 .cms-box{
     position: relative;
}
 .style-01 .cms-box-inner{
     position: absolute;
     left: 10px;
     right: 10px;
     bottom: 10px;
     padding: 25px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     background-color: var(--white-color-text);
}
 .style-02 .nav-ticker .cms-box h4{
     color: var(--secondary-color);
     margin: 12px 0 0;
     font-size: 16px;
     line-height: 142%;
     font-weight: 400;
}
 .text-marquee-2 .nav-ticker{
     padding: 0 1.5%;
}
 .text-marquee-2 .nav-ticker p {
     font-size: 12vw;
     text-transform: uppercase;
     line-height: normal;
     font-weight: 300;
     font-family: var(--primary-font);
}
 .text-marquee-2 .nav-ticker:nth-child(odd) p {
     color: transparent;
     white-space: nowrap;
     -webkit-text-stroke: 4px var(--secondary-color);
     color: var(--white-color-text);
     paint-order: stroke fill;
     letter-spacing: 2px;
}
 .img-marquee:hover .marquee-content-rtl, .text-marquee:hover .marquee-content-rtl, .img-marquee:hover .marquee-content , .head-slide:hover .marquee-content , .text-marquee:hover .marquee-content {
     animation-play-state: paused;
     -webkit-animation-play-state: paused;
}
 @keyframes marquee {
     0% {
         transform: translateX(0);
         -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
         -ms-transform: translateX(0);
         -o-transform: translateX(0);
    }
     100% {
         transform: translateX(-100%);
         -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
    }
}
 @keyframes marquee-rtl {
     0% {
         transform: translateX(-100%);
         -webkit-transform: translateX(-100%);
         -moz-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
    }
     100% {
         transform: translateX(0%);
         -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
         -ms-transform: translateX(0%);
         -o-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;
     flex: 0 0 auto;
}
 .img-marquee .marquee-content-rtl {
     animation: marquee-rtl 30s linear infinite;
     -webkit-animation: marquee-rtl 30s linear infinite;
}
 .img-marquee .nav-ticker{
     padding: 0 5%;
}
/* ------------- END MARQUEE CSS ------- */
 .swiper.product-category.swiper-vertical {
     height: 80vh;
    /* or any height you want */
     overflow: hidden;
}
 .swiper.product-category.swiper-vertical .swiper-wrapper {
     flex-direction: column;
}
 .swiper.product-category.swiper-vertical .swiper-slide {
     height: auto;
}
 .swiper.product-category.swiper-vertical::-webkit-scrollbar {
     width: 6px;
}
 .swiper.product-category.swiper-vertical::-webkit-scrollbar-thumb {
     background-color: #ccc;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}
 .testimonial-section{
     position: static;
}
 .elementor-element .testimonial-section .swiper-navigation .swiper-button.swiper-button-next{
     left: 45px;
     right: auto;
}
 .testimonial-section .swiper-pagination.swiper-pagination-bullets{
     position: absolute;
     left: auto;
     right: 0;
     bottom: 0;
     width: fit-content;
     margin: 0;
}
 .testimonial-section.swiper .swiper-pagination-bullet{
     width: auto;
     height: auto;
     background: transparent;
     cursor: pointer;
     font-size: 16px;
     font-weight: 500;
}
 .testimonial-section.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
     color: var(--secondary-color);
     background: transparent;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-details p{
     font-size: 30px;
     text-transform: uppercase;
     padding-bottom: 10%;
     color: var(--secondary-color);
     font-weight: 500;
     width: 77%;
}
 .testimonial-img{
     width: 100px;
     height: 100px;
     overflow: hidden;
     border: 5px solid var(--white-color-text);
     margin-bottom: 10px;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author{
     font-size: 20px;
     font-weight: 500;
     color: var(--secondary-color);
     text-transform: uppercase;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation{
     font-size: 18px;
     text-transform: capitalize;
     margin: 0;
}
/* Marquee-CMS */
 .section-CMS{
     direction: rtl;
}
 .section-CMS .product-box{
     direction: ltr;
}
 .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: 14px;
     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;
}
/* banner-scroll */
 .banner-box{
     display: flex;
     align-items: end;
     justify-content: center;
}
 .banner-box .banner-box-img{
     width: 45%;
}
 .banner-box .banner-box-inner{
     width: 55%;
     padding: 0 6vw;
}
 .banner-box .section-heading{
     font-size: 3.6vw;
}
/* TXT_VIDEO */
 .video-text-mask {
     position: relative;
     overflow: hidden;
     width: 100%;
}
 .video-text-mask .video-wrap, .video-text-mask video {
     width: 100%;
     height: 100%;
}
 .video-text-mask video {
     display: block;
     object-fit: cover;
}
 .video-text-mask.text-start {
     text-align: left;
}
 .video-text-mask.text-center {
     text-align: center;
}
 .video-text-mask.text-end {
     text-align: right;
}
 .svg-mask {
     position: absolute;
     width: 0;
     height: 0;
     left: -9999px;
     top: -9999px;
}
 .svg-mask .mv-text {
     transform-box: fill-box;
     transform-origin: 50% 50%;
     animation: slide-text 9s linear infinite;
     shape-rendering: geometricPrecision;
     -webkit-animation: slide-text 9s linear infinite;
}
 @keyframes slide-text {
     0% {
         transform: translateX(0%);
    }
     100% {
         transform: translateX(-220%);
    }
}
 @media (prefers-reduced-motion: reduce) {
     .svg-mask .mv-text {
         animation: none;
    }
}
 @keyframes slide-text {
     0% {
         transform: translateX(0%);
         opacity:0;
         filter: blur(4px);
    }
     10% {
         opacity:1;
         filter: blur(0);
    }
     90% {
         opacity:1;
         filter: blur(0);
    }
     100% {
         transform: translateX(-220%);
         opacity:0;
         filter: blur(4px);
    }
}
/* PORTFOLIO */
 .tt-portfolio-thumbnail a, .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.5s ease-in-out 0s;
     -webkit-transition: all 0.5s ease-in-out 0s;
     -moz-transition: all 0.5s ease-in-out 0s;
     -o-transition: all 0.5s ease-in-out 0s;
     -ms-transition: all 0.5s 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);
}
 .tt-portfolio-thumbnail a img {
     width: 100%;
}
 .Portfolio-style-1 .tt-portfolio-thumbnail, .Portfolio-style-2 .tt-portfolio-thumbnail {
     margin: 0 0 40px 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: 28px;
     padding: 20px 0 0 0;
     float: left;
     width: 100%;
     justify-content: center;
     display: flex;
     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;
}
 .product-seller.swiper-vertical .swiper-slide{
     display: flex;
     align-items: center;
}
 .product-seller.swiper-vertical .swiper-slide>div{
     width: 50%;
}
 .product-seller.swiper-vertical .swiper-slide .item{
     padding-inline-end: 15px;
}
 .product-seller.swiper-vertical .swiper-slide .swiper-slide{
     padding-inline-start: 15px;
}
 .swiper.product-seller.swiper-vertical {
     height: 59vw;
}
 .swiper.product-seller.swiper-vertical .swiper-button-next, .swiper.product-seller.swiper-vertical .swiper-button-prev {
     left: 50%;
     transform: translateX(-50%);
}
 .swiper.product-seller.swiper-vertical .swiper-button-next {
     top: auto;
     bottom: 10px;
}
 .swiper.product-seller.swiper-vertical .swiper-button-prev {
     top: 10px;
     bottom: auto;
}