/** Artistics Extension CSS */
/* ----------------------- Start Section Title --------------------- */
 @-webkit-keyframes spin {
     0% {
         -ms-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
         -moz-transform: rotate(0deg);
         -o-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);
         -moz-transform: rotate(0deg);
         -o-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);
         -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
    }
     100% {
         -ms-transform: rotate(360deg);
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg) 
    }
}
 .section-heading, .up-sells h3, .single-product .recent-product .product-section-title, .related.products h3 {
     font-weight: 400;
     font-size: 38px;
     line-height: 40px;
     text-transform: capitalize;
     float: none;
     width: fit-content;
     color: var(--tertiary-color);
     margin: 0 auto 30px;
     float: left;
     width: 100%;
     text-align: center;
}
 .home-title .section-heading {
     margin: 0 0 10px;
}
 .trending-propduct .section-heading {
     margin: 0 auto 15px;
}
 .section-after {
     background-color: var(--white-color-text);
}
 .section-img.tag-top {
     width: 100%;
     margin: 0 0 15px 0;
}
 .tt-section-title p {
     font-size: 15px;
     line-height: 24px;
     width: 100%;
     font-family: var(--secondary-font);
     color: var(--secondary-color);
     float: left;
     margin: auto;
}
 .tt-section-title.text-center p {
     float: none;
     font-size: 16px;
}
 .tt-section-title.text-start .section-heading {
     text-align: left;
}
 .tt-section-title.text-center .section-heading {
     text-align: center;
}
 .tt-section-title.text-end .section-heading {
     text-align: right;
}
 .tt-section-title .subtitle-wrap p {
     font-size: 16px;
}
 .home-title .tt-section-title .subtitle-wrap p {
     margin: 0 0 30px;
     font-size: 16px;
     font-weight: 400;
     line-height: 20px;
}
 .tt-section-title.text-center {
     float: none;
     margin: auto;
     width: fit-content;
}
 .tt-section-title.text-end{
     float: inline-end;
     margin: 0;
     width: fit-content;
}
 .tt-section-title {
     float: left;
     margin: auto;
}
 .new-product-title .tt-section-title, .featured-product-title .tt-section-title {
     margin: 0 0 15px;
}
 .about-04 .tt-section-title, .about_01 .tt-section-title, .about-02 .tt-section-title, .section-find .tt-section-title, .service-sec .tt-section-title, .portfolio-1 .tt-section-title, .portfolio_02 .tt-section-title {
     width: 100%;
}
 .about-04 .section-heading, .about-05 .section-heading, .about_01 .section-heading, .about-02 .section-heading, .section-find .section-heading, .service-sec.ourservice-title .section-heading, .service-sec .service-con .section-heading, .portfolio-1 .section-heading, .portfolio_02 .section-heading {
     text-align: start;
}
 .about-04 .section-heading, .about_01 .section-heading, .about-02 .section-heading {
     margin: 0;
}
 .about-column .elementor-widget-wrap {
     flex-wrap: nowrap;
}
 .service-sec .section-heading {
     margin: 0;
}
 .service-sec .section-ser-title .section-heading {
     margin: 15px auto 5px auto;
}
 .find_a_store .section-heading, .portfolio-1 .section-heading, .portfolio_02 .section-heading {
     margin: 0;
}
 .find_a_store .section-heading {
     font-size: 20px;
     line-height: 22px;
     margin: 0 0 10px;
}
 .portfolio-1 .tt-section-title p {
     margin: 10px 0 0;
     font-size: 14px;
     line-height: 24px;
     font-family: var(--secondary-font);
}
 .tt-section-sab {
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 500;
     line-height: 18px;
     color: var(--primary-color);
     margin: 0 0 10px;
     display: block;
     position: relative;
     font-family: var(--secondary-font);
}
 .tt-section-title.text-center .sub-title {
     width: fit-content;
     margin: auto;
     position: relative;
}
 .section-img a {
     float: none;
     display: inline-block;
     overflow: hidden;
     display: flex;
     align-items: center;
}
 .tt-section-title.text-center .section-img a {
     justify-content: center;
}
 .tt-section-title.text-end .section-img a {
     justify-content: end;
}
 .section-img {
     float: left;
     width: 100%;
     margin: 15px 0 0;
}
 .service_col.elementor-element.elementor-element-d650969 {
     width: 94% !important;
     justify-content: center;
     display: flex;
     align-items: center;
     margin: auto;
}
/* ----------------------- End Section Title --------------------- */
/*-------------- 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-button {
     background-color: var(--primary-color);
     position: relative;
}
 #gallary_tabs .category-button a {
     padding: 12px 30px;
     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;
}
 #gallary_tabs .category-button::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;
}
 #gallary_tabs .category-button:hover::after {
     left: 0;
     right: auto;
     width: 100%;
}
 #gallary_tabs .category-name-wrap li {
     margin: 0 0 24px;
     padding: 0 0 5px;
}
 #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 0 20px;
}
 #gallary_tabs .category-name-wrap li a {
     font-size: 60px;
     font-weight: 600;
     line-height: 64px;
     color: var(--secondary-color);
     font-family: var(--primary-font);
     position: relative;
}
 #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: 100%;
}
 #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;
     align-items: center;
}
 .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 img {
     margin: 0 0 170px;
}
 .category-gallery-wrap .category-gallary.active .cat-img .cat-img-0, .category-gallery-wrap .category-gallary.active .cat-img .cat-img-2 {
     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-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-gallary .category-url img {
     height: auto;
     width: auto;
}
/* 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 var(--dark-bg-text)fff2b;
     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(--color-text);
     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: var(--dark-bg-text);
     height: 4px;
}
 #gallary_tabs.gallery-02 .category-name-wrap li a::after {
     content: '';
     position: absolute;
     top: auto;
     bottom: -2px;
     left: 0;
     right: 0;
     background: var(--dark-bg-text);
     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;
}
 #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;
     padding: 10px 0 0;
}
 .client .item a {
     cursor: pointer;
     padding: 0;
}
 .client .item a:hover img {
     margin-top: -10px;
}
 .client .item {
     display: flex;
     justify-content: center;
}
/* -------------- End Client Logo ---------------- */
/* --------------- Start Banner block ------------------- */
 .tt-banner {
     cursor: pointer;
     overflow: hidden;
     position: relative;
     background-color: var(--dark-background);
}
 .tt-banner .banner-tag a {
     padding: 10px 20px;
     font-family: var(--primary-font);
     font-size: 22px;
     line-height: 30px;
     text-transform: uppercase;
     height: auto;
     width: auto;
     color: var(--dark-bg-text) !important;
}
 .tt-banner img, .tt-banner:hover .banner-image img {
     width: 100%;
     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;
}
 .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;
     left: auto;
     right: 40px;
     margin: auto;
}
 .tt-banner .banner-text.tt-icon-left {
     right: auto;
     left: 40px;
     top: 0;
     bottom: 0;
     margin: auto;
     width: 35%;
}
 .tt-banner .banner-text.tt-icon-left.text-end {
     width: 44%;
     left: 45px;
     right: auto;
     top: 0;
     bottom: 0;
     height: fit-content;
     margin: auto;
}
 .tt-banner .banner-text.tt-icon-left .wpbanner-content {
     margin-right: auto;
}
 .tt-banner .banner-text.tt-icon-bottom {
     top: auto;
     bottom: 40px;
     right: 30px;
     left: 40px;
     width: auto;
}
 .tt-banner .banner-text.tt-icon-bottom.text-center {
     bottom: 25px;
     left: 15px;
     right: 15px;
     top: auto;
}
 .tt-banner .banner-text {
     color: var(--primary-color);
}
 .tt-banner .banner-text .tag-image {
     margin: 0 0 20px;
}
 .tt-banner .banner-text .tag-image img {
     width: fit-content;
}
 .tt-banner .banner-text .banner-sub-title {
     font: italic 400 18px/22px var(--secondary-font);
     margin: 0 0 10px;
     color: var(--white-color-text);
     text-transform: uppercase;
}
 .tt-banner .banner-text .banner-title {
     font: 500 32px/38px var(--primary-font);
     color: var(--white-color-text);
     text-transform: capitalize;
     margin: 0px 0 15px;
}
 .tt-banner .banner-image {
     float: none;
     display: flex;
     background-color: #f5f5f5;
     overflow: hidden;
}
 .tt-banner .banner-text.tt-icon-top.text-center {
     bottom: auto;
     width: auto;
     right: 30px;
     margin: auto;
     left: 30px;
     top: 35px;
     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%;
}
 .tt-banner .banner-text.text-center .button-banner-wrap {
     float: none;
     display: flex;
     vertical-align: middle;
     width: auto;
     justify-content: center;
}
 .tt-banner .banner-text.tt-icon-top.text-end {
     top: 50px;
     bottom: auto;
     width: 41%;
     left: auto;
     right: 50px;
     margin: auto;
}
 .tt-banner .banner-text.tt-icon-top.text-end .banner-title {
     width: 100%;
}
 .tt-banner .banner-text.tt-icon-top.text-end .button-banner-wrap {
     float: right;
}
 .tt-banner .banner-text.tt-icon-top.text-start {
     top: 25px;
     bottom: auto;
     width: auto;
     left: 20px;
     right: 20px;
     margin: auto;
}
 .tt-banner .banner-text.tt-icon-top.text-start .banner-title {
     width: 100%;
}
 .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: 18px;
     line-height: 22px;
     margin: 0 0 20px;
}
 .tt-banner .banner-text a.banner-button {
     font: 400 13px/18px var(--secondary-font);
     padding: 10px 22px;
     overflow: hidden;
     color: var(--secondary-color);
     background-color: var(--white-color-text);
     text-transform: uppercase;
}
 .tt-banner .banner-text a.banner-button:hover {
     color: var(--white-color-text);
}
 .tt-banner .banner-text a.banner-button::after {
     background-color: var(--primary-color);
}
 .tt-banner .banner-text.tt-icon-right.text-end {
     width: 40%;
     left: auto;
     right: 60px;
     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-image::after, .tt-banner .banner-image::before {
     position: absolute;
     content: '';
     z-index: 1;
     background: rgba(255, 255, 255, .2);
     -webkit-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(255, 255, 255, 0);
     display: block;
}
 .tt-banner:hover .banner-image::after {
     width: 100%;
     height: 0;
     top: 50%;
     background: rgba(255, 255, 255, 0.1);
     bottom: 50%;
}
 .tt-banner:hover .banner-image::before {
     width: 0;
     height: 100%;
     left: 50%;
     background: rgba(255, 255, 255, 0.1);
     right: 50%;
}
/* --------------- End Banner Block ------------------- */
/*---------------- Start Service Block -------------- */
 .tt-feature-box-containt h4 {
     font-size: 20px;
     line-height: normal;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--tertiary-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;
     font-family: var(--secondary-font);
}
 .tt-feature-box-icon {
     position: relative;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 58px;
     height: 58px;
}
 .tt-feature-box-icon::after{
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     opacity: 0.1;
     background: var(--primary-color);
}
 .tt-feature-box .tt-feature-box-icon img {
     width: auto;
}
 .tt-feature-box.tt-icon-left .tt-feature-box-containt {
     padding: 0 0 0 15px;
     display: flex;
     flex-direction: column;
     gap: 5px;
}
 .tt-feature-box.tt-icon-top .tt-feature-box-containt {
     margin: 15px 0 0;
}
 .tt-feature-box .tt-feature-box-containt p {
     width: auto;
     font-size: 14px;
     line-height: 16px;
     color: var(--tertiary-color);
     margin: 0;
}
 .tt-feature-box .tt-feature-box-containt .tt-feature-box-title {
     margin: 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;
}
 .tt-feature-box {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     border-right: 0;
     border-bottom: 0;
     border-top: 0;
}
 .tt-feature-box:hover .tt-feature-box-containt .tt-feature-box-title {
     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-feature-box:hover .tt-feature-box-icon img {
     transform: rotateX(-180deg);
     -webkit-transform: rotateX(-180deg);
     -moz-transform: rotateX(-180deg);
     -o-transform: rotateX(-180deg);
     -ms-transform: rotateX(-180deg);
}
 .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;
}
/*---------------- End Service Block -------------- */
/*--------------- Start 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.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(--color-text);
}
 .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;
     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 #e5e5e5;
}
 .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: 20px;
     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);
}
/*--------------- End Portfolio ------------------*/
/*------------- Start Banner Timer ------------------*/
 .offer-banner .tt-section-sab::after {
     display: none;
}
 .offer-banner .tt-section-sab {
     font: 500 18px/22px var(--primary-font);
     margin: 0 0 10px;
     padding: 0;
     width: 100%;
     color: var(--white-color-text);
}
 .banner-timer {
     display: flex;
     flex-direction: column;
     align-items: start;
     justify-content: start;
     font-weight: 500;
     text-align: start;
     width: 80%;
}
 .banner-timer .timer-head {
     font: 600 70px/80px var(--primary-font);
     padding: 0 0 36px;
     width: 85%;
     color: var(--white-color-text);
     margin-right: auto;
}
 .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(--color-text);
}
 .page .banner-timer .timer-button {
     width: fit-content;
     color: var(--secondary-color);
     font-size: 15px;
     font-weight: 500;
     background: var(--white-color-text);
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     padding: 12px 36px;
     font-family: var(--primary-font);
}
 .page .banner-timer .timer-button:hover {
     color: var(--white-color-text);
}
 .page .banner-timer .timer-button::before {
     position: absolute;
     content: '';
     height: 1px;
     width: 100%;
     bottom: -3px;
     top: auto;
     background: var(--primary-color);
}
 .banner-timer .timer-date {
     display: flex;
     margin: 0 0 36px;
}
 .banner-timer .timer-date>div::after {
     content: ':';
     position: absolute;
     right: 20px;
     left: auto;
     top: 20px;
     bottom: auto;
     font-size: 29px;
     color: var(--white-color-text);
     align-items: center;
     display: flex;
     line-height: 30px;
}
 .banner-timer .timer-date>div {
     position: relative;
     padding: 0 25px 0 0;
     width: 100px;
}
 .banner-timer .timer-date div p {
     float: none;
     display: inline-block;
     vertical-align: top;
     font: 500 40px/42px 'corm';
     width: 100%;
     color: var(--white-color-text);
     margin: 0 0 8px 0;
}
 .banner-timer .timer-date>div:last-child p {
     color: var(--white-color-text);
}
 .banner-timer .timer-date>div:last-child:after {
     display: none;
}
 .banner-timer .timer-date>div .text {
     justify-content: start;
     display: flex;
     font-weight: 500;
     color: var(--white-color-text);
     font-size: 13px;
     font-family: var(--primary-font);
     padding: 5px 0 0 0;
     text-transform: uppercase;
}
/*---------------- End Banner Timer -----------------*/
/* --------------- Start swiper navigation block ---------------- */
 .swiper-navigation svg, .products-trending.product-swiper .swiper-navigation svg, .blog-section .swiper-navigation svg, .product-trending .swiper-navigation svg {
     color: var(--secondary-color);
}
 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
     background-color: transparent;
     overflow: hidden;
     position: absolute;
     margin: auto;
     z-index: 9;
     transition: all 400ms ease-in-out;
}
 .swiper-navigation .swiper-button, .client-logo .swiper-navigation .swiper-button {
     width: 20px;
     height: 14px;
     background-color: transparent;
     overflow: hidden;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     z-index: 9;
     transition: all 400ms ease-in-out;
}
 .swiper-navigation .swiper-button svg, .owl-carousel .owl-nav button span {
     transition: all 400ms ease-in-out;
     color: var(--secondary-color);
     height: 30px;
     width: 30px;
     opacity: 1;
     stroke-width: 2;
}
 .swiper-navigation .swiper-button:hover svg, .owl-carousel .owl-nav button:hover span {
     color: var(--primary-color);
}
 .blog-section .swiper-navigation .swiper-button.swiper-button-prev:hover svg, .blog-section .swiper-navigation .swiper-button.swiper-button-next:hover svg, .product-trending .swiper-navigation .swiper-button.swiper-button-next:hover svg, .products-trending.product-swiper .swiper-navigation .swiper-button.swiper-button-next:hover svg {
     color: var(--primary-color);
}
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
     pointer-events: auto !important;
}
 .swiper-navigation .swiper-button {
     color: var(--color-text);
     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: 2;
}
 .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-pagination.swiper-pagination-bullets{
     display: flex;
     justify-content:center;
     width: 100%;
     gap: 8px;
}
 .swiper .swiper-pagination-bullet {
     float: left;
     background: var(--primary-color);
     width: 8px;
     height: 8px;
     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;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .swiper .swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet-active {
     border-color: var(--primary-color);
     width: 25px;
}
 .swiper-pagination.swiper-pagination-bullets {
     position: relative;
     margin: 20px 0 20px 0;
     z-index: 1;
}
/* --------------- End swiper navigation block ---------------- */
/* ----------- start video block ----------------- */
 .swiper-video .swiper-wrapper {
     transition-timing-function: linear;
}
 .tt-video {
     position: relative;
}
 .tt-video img {
     width: 100%;
}
 .tt-video .video-info {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     margin: auto;
     width: fit-content;
     height: fit-content;
     display: flex;
     flex-direction: column;
     align-items: center;
}
 .tt-video .video-info .video-text {
     text-align: center;
}
 .tt-video .video-info .video-text .video-section-sab {
     font: 400 16px/20px var(--secondary-font);
     color: var(--white-color-text);
     padding: 0 0 5px;
     display: inline-block;
}
 .tt-video .video-info .video-text .video-title {
     font: 400 46px/56px var(--primary-font);
     color: var(--white-color-text);
     margin: 0;
}
 .tt-video .youtube-popup {
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 2;
     margin: 0 0 30px;
}
 @keyframes hover__tab {
     0% {
         transform: scale(1);
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1) 
    }
     25% {
         transform: scale(1.2);
         -webkit-transform: scale(1.2);
         -moz-transform: scale(1.2);
         -ms-transform: scale(1.2) 
    }
     50% {
         transform: scale(1);
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1) 
    }
     75% {
         transform: scale(1.2);
         -webkit-transform: scale(1.2);
         -moz-transform: scale(1.2);
         -ms-transform: scale(1.2) 
    }
     100% {
         transform: scale(1);
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1) 
    }
}
 .youtube-popup .play-button {
     position: relative;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 2px solid var(--white-color-text);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     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;
}
 .tt-video .youtube-popup:hover .play-button {
     background-color: var(--white-color-text);
}
 .tt-video .youtube-popup svg {
     color: var(--white-color-text);
     font-size: 26px;
     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;
}
 .tt-video .youtube-popup:hover svg {
     color: var(--tertiary-color);
}
 .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: var(--dark-bg-text);
     font-size: 170px;
     line-height: 175px;
     font-family: var(--primary-font);
}
 .cms-video-gif {
     display: flex;
}
 .video-sec .elementor-wrapper.elementor-open-lightbox {
     --video-aspect-ratio: auto !important;
}
 .youtube-popup .play-button::before {
     content: "";
     position: absolute;
     z-index: 0;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     display: block;
     width: 70px;
     height: 70px;
     background: #fff;
     border-radius: 50%;
     animation: pulse-border 1500ms ease-out infinite;
     z-index: 0;
}
 @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;
    }
}
/* ----------- end video 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: var(--dark-bg-text);
     -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: 200px;
     background: var(--dark-bg-text);
     padding: 10px 10px 15px;
     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;
}
 .image-hotspot .hotspot-content .hotspot-title {
     text-align: left;
     color: var(--color-text);
     margin: 0 0 5px;
}
 .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-light-bg .hotspot-dropdown-right:after, .hotspot-light-bg .hotspot-dropdown-right:before, .hotspot-light-bg .hotspot-dropdown-up:before, .hotspot-light-bg .hotspot-dropdown-up::after {
     border-right-color: var(--dark-bg-text);
}
 .hotspot-light-bg .hotspot-dropdown-up:before, .hotspot-light-bg .hotspot-dropdown-up::after {
     top: auto;
     bottom: 20px;
     right: 100%;
}
 .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: 10px;
}
 .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: -17px;
     bottom: -17px;
     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: 26px;
     width: 26px;
     text-align: center;
     border-radius: 100%;
     background: transparent;
     background: var(--dark-bg-text);
     z-index: 7;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .hotspot-dot.dot-style1 {
     position: relative;
}
/* ------------- end hotspot ------- */
/* product search */
 .search-icon .top-search .search-fix .search .search-close-btn:hover svg {
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
}
 .search-icon .top-search .search-fix .product-search-close svg, .search-icon .top-search {
     display: none;
}
 .search-icon .top-search .search-fix {
     bottom: auto;
     background: var(--white-color-text);
     z-index: 9;
     min-height: auto;
     padding: 70px 0 60px 0;
     transform: scaleY(0);
     -webkit-transform: scaleY(0);
     -moz-transform: scaleY(0);
     -o-transform: scaleY(0);
     -ms-transform: scaleY(0);
     visibility: hidden;
     transition: all .4s ease;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     -ms-transition: all .4s ease;
     transform-origin: center top 0;
     box-shadow: 0 15px 25px rgb(0 0 0 / 10%);
}
 .search-icon .top-search.show .search-fix {
     transform: scaleY(1);
     -webkit-transform: scaleY(1);
     -moz-transform: scaleY(1);
     -o-transform: scaleY(1);
     -ms-transform: scaleY(1);
     visibility: visible;
     transition: all .4s ease;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -o-transition: all .4s ease;
     -ms-transition: all .4s ease;
     opacity: 1;
}
 .search-icon .top-search .search-fix .search .search-close-btn {
     background: none;
     border: none;
     padding: 0;
     position: absolute;
     top: 25%;
     bottom: auto;
     right: 6%;
     left: auto;
}
 .search-icon .top-search .search-fix .search .search-close-btn svg {
     font-size: 20px;
     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;
}
 .search-icon .top-search .search-form {
     position: relative;
     background: var(--background-color);
     border-radius: 0;
     overflow: hidden;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
}
 .search-icon .top-search .search-form .search-title {
     font-family: var(--primary-font);
     font-size: 22px;
     color: var(--secondary-color);
     font-weight: 500;
}
 .search-icon .top-search .search-form input[type="submit"] {
     background: none;
     color: var(--third-color);
     font-size: 0;
     position: absolute;
}
 .search-icon .top-search .search-form input[type="submit"]::after {
     position: absolute;
     content: "\f002";
     font-family: 'Font Awesome 5 Free';
     font-weight: 600;
     font-size: 16px;
}
 .search-icon .top-search .search-form input {
     border: none;
     border-bottom: 3px solid var(--border-color-01);
     font-size: 19px;
     font-family: var(--primary-font);
     padding-right: 60px;
     padding-left: 0;
     height: 55px;
     margin: 15px 0 0;
     border-radius: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
}
 .search-icon .top-search .search-form button[type=submit] {
     position: absolute;
     right: 0px;
     left: auto;
     top: auto;
     bottom: 12px;
     background: none;
     padding: 6px 0;
}
 .search-icon .top-search .search-form button[type=submit] .fa-search {
     font-size: 16px;
}
 .search-icon .top-search .search-form button[type=submit]:hover .fa-search, .search-icon .top-search .search-fix .search .search-close-btn:hover .fa-times {
     color: var(--secondary-color-hv-text);
}
 .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: 20px 0 0;
     float: left;
     width: 100%;
     padding: 0 0 10px;
}
 .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;
     height: 510px;
}
 .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 15px;
     margin: 0 0 15px;
     min-height: 160px;
}
 .search-results.active ul li a>* {
     display: table-cell;
     vertical-align: top;
}
 .search-results.active .product-image {
     width: 20%;
     max-width: 20%;
     overflow: hidden;
}
 .search-results.active .product-data {
     padding: 0 0 0 20px;
     width: 80%;
}
 .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;
     display: none;
}
 .product-data {
     padding-left: 24px;
}
 .search-results.active h3 {
     display: block;
     text-align: left;
}
 .search-results.active .product-data .product-price {
     margin: 0 0 10px;
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
     font-family: var(--secondary-font);
}
 .search-icon .top-search .search-form button[type="submit"]:hover {
     color: var(--white-color-text);
}
 .search-icon .top-search .search-form button.btn-primary::after {
     background-color: var(--secondary-color);
}
 .search-results.active .product-data h3 {
     margin: 0 0 10px;
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     font-family: var(--secondary-font);
     color: var(--body-text-color);
     transition: all ease-in-out 400ms;
     -webkit-transition: all ease-in-out 400ms;
     -moz-transition: all ease-in-out 400ms;
     -ms-transition: all ease-in-out 400ms;
     -o-transition: all ease-in-out 400ms;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     text-transform: capitalize;
}
 .search-results.active .product-data h3:hover {
     color: var(--primary-color);
}
 .product-data div:not(.product-categories) {
     display: none;
     vertical-align: middle;
}
 .product-data {
     text-align: left;
}
 .product-data .product-price .regular-price {
     font-size: 15px;
}
 .product-data .product-price .sale-price {
     position: relative;
     padding: 0 12px 0 0;
     margin: 0 6px 0 0;
     font-size: 16px;
     color: var(--body-text-color);
}
 .product-data .product-price .sale-price::after {
     position: absolute;
     top: 0;
     bottom: 0;
     left: auto;
     right: 0;
     width: 6px;
     height: 2px;
     content: '';
     background: var(--body-text-color);
     margin: auto;
}
 .product-data .product-stock {
     padding: 4px 8px;
     background: #eeeeee;
     position: absolute;
     bottom: 15px;
     right: 0;
}
 .product-categories>span {
     display: inline-block;
     margin-right: 4px;
     font-size: 14px;
     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;
}
 .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: var(--dark-bg-text);
     border: 1px solid #e0e0e0;
}
 .search-wrapper {
     position: relative;
}
 .search-wrapper input {
     padding-right: 35px;
}
 .search-wrapper svg {
     position: absolute;
     top: 49px;
     right: 3px;
     width: 19px;
     height: 19px;
     fill: var(--body-text-color);
     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: 100%;
     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-bg-color);
}
 .img-border-radius .tt-banner .banner-image {
     border-radius: 12px;
}
/* ACCORDIAN-TAB */
 .accordian-tab .Artistics-accordion-item {
     margin-bottom: 20px;
     overflow: hidden;
}
 .accordian-tab .Artistics-accordion-item .Artistics-accordion-header {
     cursor: pointer;
     background-color: var(--primary-light);
}
 .accordian-tab .Artistics-accordion-header .accordion-tilte {
     color: var(--secondary-color);
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     text-transform: capitalize;
     font-family: var(--primary-font);
     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;
     margin: 0;
     display: flex;
     align-items: center;
}
 .accordian-tab .Artistics-accordion-header .accordion-tilte span {
     width: 100%;
     display: content;
}
 .accordian-tab .Artistics-accordion-header .accordion-tilte span.accordion-number {
     width: auto;
}
 .accordian-tab .Artistics-accordion-header .accordion-tilte svg {
     float: right;
     transition: none;
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
}
 .accordian-tab .Artistics-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 .Artistics-accordion-item.active .accordion-tilte, .accordian-tab .Artistics-accordion-header .accordion-tilte:hover {
     color: var(--primary-color);
}
 .accordian-tab .Artistics-accordion-item.active .accordion-tilte:hover {
     transition: none;
     -webkit-transition: none;
     -moz-transition: none;
     -ms-transition: none;
     -o-transition: none;
}
 .accordian-tab .Artistics-accordion-content {
     padding: 20px;
     border-top: 1px solid var(--border-color-01);
     background-color: var(--primary-light);
     font-size: 16px;
     box-shadow: none;
}
 .accordian-tab .Artistics-accordion-item .accordion-tilte svg:last-child, .accordian-tab .Artistics-accordion-item.active .accordion-tilte svg:nth-child(3) {
     display: none;
}
 .accordian-tab .Artistics-accordion-item .accordion-tilte svg:first-child, .accordian-tab .Artistics-accordion-item.active .accordion-tilte svg:last-child {
     display: block;
}
/* ---------------- Start testimonial block ------------- */
 .testimonial-wrap .testimonial-info-wrapper {
     position: relative;
     flex-grow: 1;
     flex-basis: 0;
     justify-content: center;
     display: flex;
     flex-direction: row;
     align-items: center;
     text-align: left;
}
 .testimonial-sec>.e-con-inner {
     background-color: var(--white-color-text);
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}
 .testimonial-info-wrapper .testimonial-autor {
     display: flex;
     align-items: center;
     width: 25%;
     padding: 0;
     position: relative;
     margin: 0 30px 0 0;
}
 .testimonial-section .swiper-wrapper {
     padding: 15px 0;
}
 .testimonial-wrap .testimonial-img {
     justify-content: center;
     overflow: hidden;
     border: 6px solid var(--white-color-text);
     width: 105px;
     height: 105px;
     flex: none;
     box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.05);
}
 .testimonial-wrap .testimonial-img img {
     width: 100%;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-title {
     font-family: var(--primary-font);
     font-size: 34px;
     font-weight: 500;
     margin: 0 0 30px;
     color: var(--primary-color);
}
 .testimonial-section .testimonial-info-wrapper .testimonial-rating svg {
     font-weight: 400;
     opacity: 1;
     color: #FFC600;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-content {
     width: 75%;
     background-color: var(--white-color-text);
     padding: 28px 40px;
     position: relative;
     box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.05);
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-content::after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     left: -7px;
     right: auto;
     margin: auto;
     width: 15px;
     height: 15px;
     background-color: var(--white-color-text);
     transform: rotate(45deg);
     z-index: 0;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-content::before {
     content: '\f10d';
     position: absolute;
     font-family: 'Font Awesome 5 Free';
     font-weight: 600;
     color: var(--primary-color);
     font-size: 24px;
     bottom: auto;
     top: -10px;
     left: 30px;
     right: auto;
     height: auto;
     width: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: auto;
     z-index: 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;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author {
     font-family: var(--primary-font);
     font-size: 18px;
     line-height: 20px;
     color: var(--secondary-color);
     position: relative;
     font-weight: 600;
     text-transform: capitalize;
     margin: 0 0 10px;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info {
     flex-direction: column;
     display: flex;
     align-items: start;
     justify-content: left;
     margin: 0 0 0 25px;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation {
     position: relative;
     font-size: 14px;
     line-height: normal;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--secondary-color);
     font-family: var(--secondary-font);
     margin: 0;
     width: max-content;
}
 .testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
     font: italic 400 13px/24px var(--secondary-font);
     margin: 0;
     color: var(--secondary-color);
     text-align: start;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
}
 .testimonial-section .swiper-pagination {
     position: static;
     float: left;
}
 .testimonial-section.swiper .swiper-pagination-bullet {
     position: relative;
     background: none;
     width: 10px;
     height: 8px;
     margin: 0 4px !important;
     background-color: var(--tertiary-color);
}
 .testimonial-section.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
     width: 40px;
     background-color: var(--primary-color);
}
/* ---------------- End testimonial block ------------- */
/* parallax start */
 .parallax .tt-section-sab {
     text-transform: capitalize;
     font-size: 52px;
     font-weight: 500;
     line-height: 56px;
     color: var(--white-color-text);
     margin: 0 0 20px;
     display: block;
     font-family: var(--primary-font);
}
 .parallax .section-heading {
     font-weight: 400;
     font-size: 62px;
     line-height: 68px;
     text-transform: capitalize;
     float: none;
     width: auto;
     color: var(--white-color-text);
     margin: 0 0 20px;
}
 .parallax .tt-section-title.text-start {
     width: 70%;
}
 .parallax .tt-section-title .subtitle-wrap p {
     font-weight: 400;
     font-size: 18px;
     line-height: 22px;
     font-family: var(--secondary-font);
     color: var(--white-color-text);
     float: left;
     margin: 0 0 50px;
     position: relative;
     float: none;
}
 .parallax .button-title-wrap .btn.btn-primary {
     padding: 16px 40px;
     color: var(--secondary-color);
     font-size: 14px;
     line-height: 16px;
     z-index: 1;
     background-color: var(--white-color-text);
     font-weight: 500;
     font-family: var(--primary-font);
}
 .parallax .button-title-wrap .btn.btn-primary::after {
     background-color: var(--primary-color);
}
 .parallax .button-title-wrap .btn.btn-primary:hover {
     color: var(--white-color-text);
}
 .parallax .button-title-wrap .btn.btn-primary:hover::before {
     border-color: var(--primary-color);
}
 .parallax .tt-section-title.text-center {
     width: 30%;
     margin: auto;
}
 .parallax-after {
     animation: up-down 10s linear infinite;
     -webkit-animation: up-down 10s linear infinite;
     right: 0;
     bottom: 0;
}
/* parallax end */
/* --------------- Start Text Banner-block block ------------------- */
 .banner-sec .tt-section-title.text-center p {
     font: 400 16px/20px var(--secondary-font);
     margin: 0 0 30px;
     color: var(--body-text-color);
     letter-spacing: 1px;
}
 .banner-sec .section-heading {
     font: 500 32px/42px var(--primary-font);
     margin: 0 0 15px;
     color: var(--secondary-color);
}
 .banner-sec .button-title-wrap a.title-button {
     padding: 15px 28px;
     background: var(--primary-color);
     color: var(--white-color-text);
     border-radius: 0;
     text-transform: capitalize;
     font-weight: 400;
     font-size: 14px;
     line-height: 16px;
}
 .banner-sec .button-title-wrap a.title-button:hover {
     color: var(--white-color-text);
}
 .banner-sec .button-title-wrap a.title-button::after {
     background-color: var(--secondary-color);
}
 .banner-sec .btn-primary::after {
     background-color: var(--primary-color);
}
 .banner-sec .btn-primary:hover::before {
     border-color: var(--primary-color);
}
 .home .banner-sec .tt-section-title.text-center {
     margin: auto;
}
 .banner-sec .banner-content .e-con-inner {
     padding: 45px 20px 55px;
     border: 20px solid transparent;
     border-image: url(../images/offer-box.png) 6% 2%;
     background-color: transparent;
}
/* --------------- end Text Banner-block block ------------------- */
/* --------------- Start MARQUEE CSS ------------------- */
 .marquee-container {
     max-width: 100%;
     overflow: hidden;
}
 .text-marquee {
     white-space: nowrap;
     overflow: hidden;
     display: flex;
     align-items: center;
     background-color: var(--background-color);
}
 .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;
     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;
}
 .nav-ticker p{
     font-size: 24px;
     line-height: 108%;
     font-family: var(--primary-font);
     color: var(--primary-color);
     margin: 0;
     font-weight: 500;
     padding: 17px 40px 13px;
}
 .text-marquee .nav-ticker::after{
     content: '';
     position: absolute;
     left: auto;
     right: -3px;
     top: 0;
     bottom: 0;
     margin: auto;
     height: 6px;
     width: 6px;
     background-color: var(--primary-color);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .text-marquee-2 .nav-ticker p {
     font-size: 70px;
     font-weight: 600;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: var(--primary-color);
     color: var(--body-light-color);
}
 .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;
     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 50px;
}
/* --------------- End MARQUEE CSS ------------------- */