/*
 Theme Name: Nivex 
 Theme URI: https://themewar.com/wp/nivex/
 Author: ThemeWar
 Author URI: https://themeforest.net/user/themewar/portfolio
 Description: Nivex Architecture & interior Wordpress Theme
 Version: 1.0
 License:
 License URI: 
*/
/*==================================
    [Table of contents]
===================================
    01. Icon Box
    02. Look Books
    03. Nivex Button & links
    04. Animations
    05. Offer Box
    06. Category Books
    07. OWL Carousel Dots
    08. Category Text
    09. Video BTN
    10. Testimoinal
    11. Blog Post Item
    12. Marquee Text Scroller
    13. Image Hotspot
    14. Instagram Photo
    15. Mailchimp 4WP
    16. Client Item
    17. Team Member
    18. History Item
    19. Image Carousel
    20. Look Book Tab
    21. Google Map
    22. Contact Form
    23. Accordion
    24. Product Item
    25. Product Tab
    26. Page Banner
    27. Fun Fact
    28. Sticky Product Image
    29. Slider Product Item03
    30. Image Effect

/*-----------------------------------------
/  01. Icon Box
/-----------------------------------------*/
.icon_box{
    position: relative;
    padding: 0 0 0 60px;
}
.elementor-icon-pos-right .icon_box{
    text-align: right;
    padding: 0 60px 0 0;
}
.elementor-icon-pos-top .icon_box{
    padding: 0;
}
.icon_box .ib_icon_wrap{
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0, 0, .2);
    font-size: 40px;
    line-height: 1;
}
.icon_box .ib_icon_wrap svg{
    height: 40px;
    width: 40px;
    stroke: rgba(0, 0, 0, .2);
    fill: rgba(0, 0, 0, .2);
}
.elementor-icon-pos-right .icon_box .ib_icon_wrap{
    left: auto;
    right: 0;
}
.elementor-icon-pos-top .icon_box .ib_icon_wrap{
    position: relative;
    left: auto;
    top: auto;
    margin: 0 0 17px;
}
.icon_box h3{
    font-size: 18px;
    margin: 0 0 10px;
}
.icon_box h3 a{
    color: inherit;
}
.icon_box h3 a:hover{
    color: var(--tw-secondary-color);
}
.icon_box p{
    line-height: 100%;
    margin: 0;
}


/*-----------------------------------------
/  02. Look Books
/-----------------------------------------*/
.lookBook{
    position: relative;
    background-color: rgba(229, 239, 243, 1);
    overflow: hidden;
}
.lbImage{
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}
.lb2 .lbImage{
    text-align: right;
    padding: 40px 28px 0 0;
}
.lb4 .lbImage{
    text-align: right;
    padding: 168px 0 20px;
}
.lb5 .lbImage{
    text-align: right;
    padding: 174px 0 20px;
    position: relative;
    z-index: 1;
}
.lbImage > img{
    display: block;
    width: 100%;
    height: auto;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.lb2 .lbImage > img,
.lb4 .lbImage > img,
.lb5 .lbImage > img{
    position: relative;
    width: auto;
    height: auto;
    display: inline-block;
    z-index: 3;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}
.lookBook:hover .lbImage > img,
.lookBook:hover .lbImage > img,
.lookBook:hover .lbImage > img{
    transform: scale3d(1.05, 1.05, 1);
}
.lb2 .lbImage:after {
    content: '';
    width: 266px;
    height: 266px;
    background: #fff;
    position: absolute;
    right: 119px;
    top: 68px;
    border-radius: 50%;
    animation: scalePulse 7s linear infinite alternate backwards;
    -webkit-animation: scalePulse 7s linear infinite alternate backwards;
}
.lb4 .lbImage:after {
    content: '';
    width: 243px;
    height: 243px;
    background: linear-gradient(146deg, #FFF 15.91%, rgba(255, 255, 255, 0.00) 83.26%);
    position: absolute;
    left: 206px;
    bottom: 64px;
    border-radius: 50%;
    animation: scalePulse 7s linear infinite alternate backwards;
    -webkit-animation: scalePulse  7s linear infinite alternate backwards;
}

.lb5 .lbImage:after {
    content: '';
    width: 243px;
    height: 243px;
    background: linear-gradient(146deg, #FFF 15.91%, rgba(255, 255, 255, 0.00) 83.26%);
    position: absolute;
    right: 164px;
    top: 50px;
    border-radius: 50%;
    animation: scalePulse 8s linear infinite alternate backwards;
    -webkit-animation: scalePulse 8s  linear infinite alternate backwards;
    animation-delay: .2s;
}
.lbContent{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 50px 50px 50px 50px;
}
.lb3 .lbContent{
    height: auto;
    top: auto;
    bottom: 0;
}
.lb4 .lbContent,
.lb5 .lbContent{
    padding: 60px 0 60px 60px;
}
.lbContent h5{
    font-size: 16px;
    font-weight: 500;
    color: var(--tw-body-color);
    letter-spacing: 0.8px;
    margin: 0 0 20px;
}
.lb3 .lbContent h5{
    color: var(--tw-white-color);
}
.lb4 .lbContent h5,
.lb5 .lbContent h5{
    margin: 0 0 15px;
}
.lbContent h2{
    font-size: 40px;
    line-height: 50px;
    text-transform: capitalize;
    margin: 0;
}
.lookBook.lb2 .lbContent h2{
    margin: 0 0 68px;
}
.lookBook.lb3 .lbContent h2{
    color: var(--tw-white-color);
}
.lbContent a.nivexBtn{
    position: absolute;
    left: 50px;
    bottom: 50px;
}
.lb4 .lbContent a.nivexBtn,
.lb5 .lbContent a.nivexBtn{
    position: absolute;
    left: 60px;
    bottom: 60px;
}
.lookBook.lb2 a.nivexBtn, 
.lookBook.lb3 a.nivexBtn{
    position: relative;
    left: auto;
    bottom: auto;
}
.lookBook.lb3 a.nivexBtn{
    margin: 38px 0 0;
}

/*-----------------------------------------
/  03. Nivex Button & links
/-----------------------------------------*/
.nivexBtn{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 14px;
    line-height: 100%;
    font-weight: 700;
    text-transform: capitalize;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    z-index: 5;
    position: relative;
    overflow: hidden;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
}
.nivexBtn i{
    font-weight: 400;
    margin-right: 2px;
    z-index: 2;

    -moz-transition: transform ease 500ms;
    -webkit-transition: transform ease 500ms;
    transition: transform ease 500ms;
}
.nivexBtn.in_right i{
    margin-right: 0;
    margin-left: 2px;
}
.nivexBtn svg{
    height: 14px;
    width: 14px;
    margin-right: 6px;
    z-index: 2;
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);

    -moz-transition: transform ease 500ms;
    -webkit-transition: transform ease 500ms;
    transition: transform ease 500ms;
}
.nivexBtn.in_right svg{
    margin-right: 0;
    margin-left: 6px;
}
.nivexBtn span{
    z-index: 2;
    -moz-transition: transform ease 500ms;
    -webkit-transition: transform ease 500ms;
    transition: transform ease 500ms;
}
.nivexBtn:hover{
    color: var(--tw-primary-color);
}
.nivexBtn:hover i{
    -moz-transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
.nivexBtn:hover svg{
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
    -moz-transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
.nivexBtn:hover span{
    -moz-transform: translateX(2px);
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}
.nivexBtn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 150%;
    height: 100%;
    background: var(--tw-white-color);
    transform-origin: 0 bottom;
    z-index: -1;
    transform: translateX(-100%) rotate(-30deg);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.nivexBtn:after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 150%;
    transform-origin: right bottom;
    transform: translateX(100%) rotate(30deg);
    bottom: 0;
    height: 100%;
    background: var(--tw-white-color);
    z-index: -1;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.nivexBtn:hover:before {
    left: 0;
    transform: rotate(0deg);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.nivexBtn:hover:after {
    right: 0;
    transform: rotate(0deg);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.nivexBtnOutline{
    border: 1px solid #E5E5E5;
    background: transparent;
}
.nivexBtnOutline:hover{
    border-color: var(--tw-primary-color);
    color: var(--tw-white-color);
}
.nivexBtnOutline:hover::after,
.nivexBtnOutline:hover::before{
    background: var(--tw-primary-color);
}


.nivexLink{
    font-size: 14px;
    line-height: 14px;
    color: var(--tw-body-color);
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;

    -moz-transition: transform ease 500ms;
    -webkit-transition: transform ease 500ms;
    transition: transform ease 500ms;
}
.nivexLink.hiddenIconStyle{
    color: var(--tw-secondary-color);
}
.nivexLink.borderStyle{
    padding: 0 0 8px;
}
.nivexLink.borderStyle:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--tw-secondary-color);
    transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
    -moz-transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
    -webkit-transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
}
.nivexLink.borderStyle.in_left::after{
    left: auto;
    right: 0;
}
.nivexLink.borderStyle:before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    z-index: 2;
    transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
    -moz-transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
    -webkit-transition: width .5s cubic-bezier(.25,.8,.25,1) 0s;
    background: var(--tw-primary-color);
}
.nivexLink.borderStyle.in_left::before{
    left: 0;
    right: auto;
}
.nivexLink i{
    position: relative;
    margin: 1px 0 0 5px;

    -moz-transition: transform ease 500ms;
    -webkit-transition: transform ease 500ms;
    transition: transform ease 500ms;
}
.nivexLink.hiddenIconStyle i{
    opacity: 0;
    visibility: hidden;
    margin: 2px 0 0 0;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.nivexLink svg{
    position: relative;
    height: 14px;
    width: auto;
    margin: 0 0 0 6px;
    fill: var(--tw-body-color);
    stroke: var(--tw-body-color);

    -moz-transition: transform ease 500ms;
    -webkit-transition: transform ease 500ms;
    transition: transform ease 500ms;
}
.nivexLink.hiddenIconStyle svg{
    opacity: 0;
    visibility: hidden;
    margin: 0 0 0 0;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.nivexLink.in_left i{
    position: relative;
    margin: 1px 5px 0 0 ;
}
.nivexLink.hiddenIconStyle.in_left i{
    margin: 0 0 0 0;
}
.nivexLink.in_left svg{
    position: relative;
    margin: 0 6px 0 0 ;
}
.nivexLink.hiddenIconStyle.in_left svg{
    margin: 0 0 0 0;
}
.nivexLink:hover{
    color: var(--tw-primary-color);
}
.nivexLink:hover svg{
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
}
.nivexLink:hover i,
.nivexLink:hover svg{
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}
.nivexLink.hiddenIconStyle:hover i,
.nivexLink.hiddenIconStyle:hover svg{
    opacity: 1;
    visibility: visible;
    -moz-transform: translateX(9px);
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
}
.nivexLink.in_left:hover i,
.nivexLink.in_left:hover svg{
    -moz-transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.nivexLink.hiddenIconStyle.in_left:hover i,
.nivexLink.hiddenIconStyle.in_left:hover svg{
    opacity: 1;
    visibility: visible;
    -moz-transform: translateX(-9px);
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
}
.nivexLink.borderStyle:hover:before {
    width: 100%;
    left: 0;
    right: auto;
}
.nivexLink.borderStyle.in_left:hover::before{
    left: auto;
    right: 0;
}

/*-----------------------------------------
/  04. Animations
/-----------------------------------------*/
.shine {
    overflow: hidden;
    position: relative;
}
.shine:before {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.shine:hover:before {
    -webkit-animation: runShine .45s;
    animation: runShine .45s;
}
@-webkit-keyframes runShine {
    100% {
        left: 125%;
    }
}
@keyframes runShine {
    100% {
        left: 125%;
    }
}

.crossShine{
    overflow: hidden;
    position: relative;
}
.crossShine::before {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    transition: all 450ms linear;
}
.crossShine:hover::before {
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 450ms linear;
}
.crossShine::after {
    background: rgba(255, 255, 255, 0.3);
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 1;
    pointer-events: none;
    transition: all 550ms linear;
}
.crossShine:hover::after {
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 550ms linear;
}

/*-----------------------------------------
/  05. Offer Box
/-----------------------------------------*/
.nivexOfferBox{
    position: relative;
    text-align: center;
    padding: 63px 50px 62px;
}
.nivexOfferBox h5{
    font-size: 24px;
    line-height: 34px;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.nivexOfferBox h2{
    -webkit-text-stroke: 1.40px rgba(0, 0, 0, .2);
    -webkit-text-fill-color: transparent;
    font-size: 120px;
    line-height: 100%;
    letter-spacing: -4.8px;
    text-transform: capitalize;
    margin: 0 0 29px;
}
.nivexOfferBox h2 span:last-child{
    position: relative;
    top: -1px;
    left: -1px;
    display: inline-flex;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -1.6px;
}
.nivexOfferBox a.nivexBtn{
    background: var(--tw-white-color);
    border: 1px solid #E5E5E5;
    color: var(--tw-primary-color);
}
.nivexOfferBox a.nivexBtn::after, 
.nivexOfferBox a.nivexBtn::before{
    background: var(--tw-primary-color);
}
.nivexOfferBox a.nivexBtn:hover, 
.nivexOfferBox a.nivexBtn:hover{
    color: var(--tw-white-color);
    border-color: var(--tw-primary-color);
}



/*-----------------------------------------
/  06. Category Books
/-----------------------------------------*/
.categoryBox01{
    position: relative;
    overflow: hidden;
    background: #E5EFF3;
    transition: 0.3s;
    -webkit-ransition: 0.3s;
    -moz-transition: 0.3s;
}
.categoryBox01::after{
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    top:0;
    left:-90%;
    z-index: 23;
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.02) 40%, rgba(0,0,0,.1) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.02) 40%, rgba(0,0,0,.1) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.categoryBox01:hover::after {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.cb01Character {
    position: absolute;
    left: -4px;
    top: -31px;
    text-transform: uppercase;
    font-size: 500px;
    font-weight: 800;
    line-height: .8;
    color: rgba(0, 0, 0, .06);
    letter-spacing: 0;
    transition: 0.3s;
    -webkit-ransition: 0.3s;
    -moz-transition: 0.3s;
}
.categoryBox01:hover .cb01Character{
    color: rgba(0, 0, 0, .09);
}
.cb01Character.topCenter{
    top: 0;
    left: auto;
    right: auto;
    text-align: center;
    bottom: auto;
    width: 100%;
}
.cb01Character.topRight{
    left: auto;
    right: 0;
    top: 0;
}
.cb01Character.bottomRight{
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
}
.cb01Character.bottomCenter{
    top: auto;
    left: auto;
    right: auto;
    text-align: center;
    bottom: 0;
    width: 100%;
}
.cb01Character.bottomLeft{
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
}
.hasShape::before{
    content: '';
    position: absolute;
    width: 236px;
    height: 236px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(222deg, #FFF 14.44%, #F6F2E9 80.27%);
    animation: scalePulse 8s linear infinite alternate backwards;
    -webkit-animation: scalePulse 8s linear infinite alternate backwards;
}
.hasShape.shape_topCenter::before{
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.hasShape.shape_topRight::before{
    top: 0;
    left: auto;
    right: 0;
}
.hasShape.shape_onlyCenter::before{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.hasShape.shape_bottomRight::before{
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
}
.hasShape.shape_bottomCenter::before{
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
}
.hasShape.shape_bottomLeft::before{
    top: auto;
    bottom: 0;
    left: 0;
}
.cb01Thumb{
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: start;
    z-index: 2;
    margin: 60px 60px 0 0;
}
.cb01Thumb img{
    max-width: 100%;
    height: auto;
    transition: 0.4s;
    -webkit-ransition: 0.4s;
    -moz-transition: 0.4s;
}
.categoryBox01:hover .cb01Thumb img {
    transform: scale3d(1.08, 1.08, 1);
}
.cb01Details{
    position: relative;
    z-index: 3;
    padding: 0 0 44px 50px;
    margin: -27px 0 0;
}
.cb01Details.cb01DetailsTop{
    margin: 0;
    padding: 50px 0 0 50px;
}
.cb01Details h3{
    font-size: 40px;
    margin: 0 0 13px;
}

.categoryItem01
.categoryItem02{
    position: relative;
}
.cateImage{
    width: 190px;
    height: 190px;
    background: #FFF;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 35px;
}
.categoryItem02 .cateImage{
    width: 230px;
    height: 230px;
    border: 1px solid #E5E5E5;
}
.cateImage i{
    font-size: 70px;
    line-height: 1;
    color: #000;
}
.categoryItem02 .cateImage i{
    font-size: 110px;
}
.cateImage img,
.owl-carousel.productCategorySlider .owl-item img,
.cateImage svg{
    height: 70px;
    width: auto;
}
.categoryItem02 .cateImage svg{
    height: 110px;
    width: auto;
}
.categoryItem02 .cateImage img,  
.owl-carousel.productCategorySlider .owl-item .categoryItem02 img{
    max-height: 130px;
    width: auto;
    height: auto;
    max-width: 100%;
}
.categoryItem01:hover .cateImage i,
.categoryItem01:hover .cateImage svg,
.categoryItem01:hover .cateImage img,

.categoryItem02:hover .cateImage i,
.categoryItem02:hover .cateImage svg,
.categoryItem02:hover .cateImage img{
    -webkit-animation: rotateShake .5s ease;
    animation: rotateShake .5s ease;
}
.categoryItem01 h3{
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 8px;
}
.categoryItem02 h3{
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 12px;
}
.categoryItem01 h3 a, 
.categoryItem02 h3 a{
    color: inherit;
}
.categoryItem01 h3 a:hover, 
.categoryItem02 h3 a:hover{
    color: var(--tw-secondary-color);
}
.categoryItem01 > span, 
.categoryItem02 > span{
    font-size: 12px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    padding: 5px 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}
.categoryItem02 > span{
    font-size: 14px;
    line-height: 14px;
    padding: 4px 10px;
}
@keyframes rotateShake {
    0%{
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25%{
        -moz-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    50%{
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75%{
        -moz-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    100% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


/*-----------------------------------------
/  07. OWL Carousel Dots
/-----------------------------------------*/
.owl-carousel .owl-dots{
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 10px;
}
.owl-carousel .owl-dots button.owl-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    margin: 0 10px 0 0;
    padding: 0;
    background-color: transparent;
    position: relative;
}
.owl-carousel .owl-dots button.owl-dot:last-of-type{
    margin: 0;
}
.owl-carousel .owl-dots button.owl-dot span{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #E5E5E5;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.owl-carousel .owl-dots button.owl-dot:nth-child(3) span{
    width: 6px;
    height: 6px;
}
.owl-carousel .owl-dots button.owl-dot:nth-child(2) span{
    width: 8px;
    height: 8px;
}
.owl-carousel .owl-dots button.owl-dot:first-child span{
    width: 10px;
    height: 10px;
}
.owl-carousel .owl-dots button.owl-dot:hover span,
.owl-carousel .owl-dots button.owl-dot.active span{
    background-color: var(--tw-primary-color);
}


/*-----------------------------------------
/  08. Category Text
/-----------------------------------------*/
.categoryTextRow{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.categoryTextItem{
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 22px;
}
.categoryTextItem h1{
    display: inline-flex;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.2px;
    margin: 0;
}
.categoryTextItem h1 a{
    -webkit-text-stroke: 1px #000;
    -webkit-text-fill-color: #000;
}
.categoryTextItem h1 a:hover{
    -webkit-text-fill-color: transparent;
}
.categoryTextItem span{
    display: inline-flex;
    font-size: 18px;
    letter-spacing: -0.36px;
    text-transform: capitalize;
    position: relative;
    top: -1px;
    margin: 0 0 0 11px;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.categoryTextItem:hover span{
    color: var(--tw-primary-color);
}
.categoryToolTipCursor{
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    position: fixed;
    z-index: 8000;

    transition: top .2s linear, left .2s linear, opacity .2s ease;
    will-change: transform;
}
.categoryToolTipCursor.activeToolTips {
    opacity: 1;
    z-index: 8888;
}
.categoryToolTipCursor img{
    height: 94px;
    width: auto;
    margin: -40px 0 0 10px;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
}
.categoryToolTipCursor.activeToolTips img{
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    -webkit-transition: .4s cubic-bezier(.165,.84,.44,1);
    -moz-transition: .4s cubic-bezier(.165,.84,.44,1);
    transition: .4s cubic-bezier(.165,.84,.44,1);
}


/*-----------------------------------------
/  09. Video BTN
/-----------------------------------------*/
.videoImagWrap{
    position: relative;
}
.videoImagWrap img{
    width: 100%;
    height: auto;
}
.videoButtonWrap{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.videoImagWrap .videoButtonWrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.videoBtn{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    width: 100px;
    height: 100px;
    background: #FFF;
    color: var(--tw-primary-color);
    border-radius: 50%;
    overflow: hidden;
}
.videoBtn i{
    position: relative;
    z-index: 2;
}
.videoBtn svg{
    height: 14px;
    position: relative;
    z-index: 2;
    width: auto;
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
}
.videoBtn::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--tw-primary-color);
    width: 40%;
    height: 40%;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    
    -webkit-transition: .4s cubic-bezier(.165,.84,.44,1);
    -moz-transition: .4s cubic-bezier(.165,.84,.44,1);
    transition: .4s cubic-bezier(.165,.84,.44,1);
}
.videoBtn:hover:after{
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.videoBtn:hover{
    color: #FFF;
}
.videoBtn:hover svg{
    fill: var(--tw-primary-color);
    stroke: var(--tw-primary-color);
}



/*-----------------------------------------
/  10. Testimoinal
/-----------------------------------------*/
.testimonialItem{
    position: relative;
}
.testimonialGridRow .testimonialItem{
    margin: 0 0 30px;
}
.testimonialItem02{
    position: relative;
    padding: 0 243px 0;
}
.tiContentWrap{
    background: rgb(229,239,243);
    background: linear-gradient(180deg, rgba(229,239,243,1) 0%, rgba(255,255,255,1) 100%);
    padding: 40px 50px 40px 40px;
    position: relative;
    margin: 0 0 37px;
}
.tiContentWrap::after {
    content: '';
    position: absolute;
    left: 100px;
    bottom: -20px;
    width: 50px;
    height: 20px;
    border-style: solid;
    border-width: 20px 50px 0 0;
    border-color: #FFF transparent transparent transparent;
}
.tiContentWrap span.tiIcon{
    display: inline-flex;
    font-size: 80px;
    line-height: 1;
    color: #000;
    margin: 0 0 20px;
}
.testimonialItem02 span.tiIcon{
    display: inline-flex;
    font-size: 70px;
    line-height: 1;
    color: #000;
    margin: 0 0 40px;
}
.tiContent{
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}
.testimonialItem02 .tiContent{
    font-size: 24px;
    line-height: 40px;
    margin: 0 0 50px;
}
.tiAuthorWrap{
    position: relative;
    min-height: 60px;
    padding: 10px 0 0 80px;
    margin: 0 0 0 40px;
}
.testimonialItem02 .tiAuthorWrap{
    display: inline-block;
    text-align: left;
    padding: 16px 0 0 100px;
    min-height: 80px;
    margin: 0;
}
.tiAuthorWrap img,
.elementor .tiAuthorWrap img,
.owl-carousel .owl-item .tiAuthorWrap img{
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
}
.testimonialItem02 .tiAuthorWrap img,
.owl-carousel .owl-item .testimonialItem02 .tiAuthorWrap img{
    width: 80px;
    height: 80px;
}
.tiAuthorWrap h3{
    font-size: 16px;
    line-height: 1;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.testimonialItem02 .tiAuthorWrap h3{
    font-size: 24px;
    line-height: 1;
}
.tiAuthorWrap p{
    font-size: 14px;
    text-transform: capitalize;
    line-height: 1;
    margin: 0;
}
.testimonialItem03{
    position: relative;
}
.tiLeft{
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}
.tiLeftBar{
    background: #FFF;
    flex: 0 0 auto;
    width: 120px;
    padding: 40px 0;
    text-align: center;
    position: relative;
}
.tiLeftBar .tiLeftIcon{
    display: block;
    text-align: center;
    font-size: 50px;
    color: #000;
}
.videoTestimonial{
    width: 50px;
    height: 50px;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: var(--tw-primary-color);
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.videoTestimonial:hover{
    border-color: var(--tw-primary-color);
    background: var(--tw-primary-color);
    color: #FFF;
}
.owl-carousel .owl-item .tiLeft img,
.tiLeft img{
    height: 400px;
    width: auto;
    max-width: 400px;
}
.tiContentWrap03{
    position: relative;
    padding: 40px 25px 0 73px;
}
.tiContentWrap03 .rating{
    font-size: 14px;
    color: #000;
    line-height: 1;
    margin: 0 0 28px;
}
.tiContentWrap03 .tiContent{
    font-size: 24px;
    line-height: 34px;
    margin: 0 0 50px;
}
.tiAuthorContent{
    position: relative;
}
.tiAuthorContent h3{
    font-size: 24px;
    line-height: 1;
    text-transform: capitalize;
    margin: 0 0 16px;
}
.tiAuthorContent p{
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    margin: 0;
}

/*-----------------------------------------
/  11. Blog Post Item
/-----------------------------------------*/
.blogPostItem01, 
.blogPostItem02{
    position: relative;
}
.latestBlogPostRow .blogPostItem01{
    margin: 0 0 27px;
}
.latestBlogPostRow .blogPostItem02{
    margin: 0 0 30px;
}
.bpi_thumb{
    position: relative;
    overflow: hidden;
}
.bpi_thumb img{
    max-width: 100%;
    width: auto;
    height: auto;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.blogPostItem02 .bpi_thumb::after{
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.blogPostItem02:hover .bpi_thumb::after{
    opacity: 1;
    visibility: visible;
}
.blogPostItem01:hover .bpi_thumb img,
.blogPostItem02:hover .bpi_thumb img{
    -moz-transform: scale(1.07) rotate(-3deg);
    -webkit-transform: scale(1.07) rotate(-3deg);
    transform: scale(1.07) rotate(-3deg);
}
.bpi_thumb span{
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--tw-primary-color);
    padding: 5px 10px;
    background: #FFF;
    font-weight: 500;

    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}
.blogPostItem02 .bpi_thumb a.bpiReadMore{
    font-size: 14px;
    color: #FFF;
    line-height: 1;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 40px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate(-50%, 40px);
    -webkit-transform: translate(-50%, 40px);
    transform: translate(-50%, 40px);

    -moz-transition: all ease 450ms;
    -webkit-transition: all ease 450ms;
    transition: all ease 450ms;
}
.blogPostItem02 .bpi_thumb a.bpiReadMore:hover{
    color: var(--tw-secondary-color);
}
.blogPostItem02:hover .bpi_thumb a.bpiReadMore{
    opacity: 1;
    visibility: visible;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.bpi_details{
    position: relative;
    padding: 40px 0 0;
}
.blogPostItem02 .bpi_details{
    text-align: center;
}
.bpi_details .bpi_meta{
    position: relative;
    font-size: 14px;
    color: var(--tw-body-color);
    line-height: 1;
    text-transform: capitalize;
    margin: 0 0 14px;
}
.bpi03 .bpi_details .bpi_meta{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
.bpi03 .bpi_details .bpi_meta span::after{
    content: '|';
    color: #B6C6BD;
    position: relative;
    padding: 0 7px;
    margin: 0;
}
.bpi03 .bpi_details .bpi_meta span:last-child::after{
    display: none;
}
.blogPostItem02 .bpi_meta{
    display: inline-flex;
    position: relative;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--tw-body-color);
    padding: 0 0 9px;
    margin: 0;
}
.blogPostItem02 .bpi_meta::after{
    content: '';
    width: 100%;
    height: 1px;
    background: var(--tw-secondary-color);
    position: absolute;
    left: 0;
    bottom: 0;

    -moz-transition: all ease 450ms;
    -webkit-transition: all ease 450ms;
    transition: all ease 450ms;
}
.blogPostItem02 .bpi_meta:hover::after{
    background: var(--tw-primary-color);
}
.blogPostItem02 .bpi_meta span{
    position: relative;
}
.blogPostItem02 .bpi_meta span::after{
    content: '/';
    position: relative;
    padding: 0 8px;
}
.blogPostItem02 .bpi_meta span:last-child:after{
    display: none;
}
.blogPostItem02 .bpi_meta a{
    font-weight: 700;
    color: var(--tw-secondary-color);
}
.bpi_details .bpi_meta a{
    color: inherit;
    display: inline-flex;
}
.bpi03 .bpi_details .bpi_meta a{
    font-weight: 600;
    color: var(--heading-color);
}
.bpi_details .bpi_meta a:hover{
    color: var(--tw-primary-color);
}
.bpi03 .bpi_details .bpi_meta a:hover{
    color: var(--tw-primary-color);
}
.bpi_details h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 24px;
}
.blogPostItem02 .bpi_details h3{
    font-size: 32px;
    line-height: 1;
    margin: 0 0 13px;
}
.bpi03 .bpi_details h3{
    line-height: 34px;
    margin: 0 0 33px;
}
.bpi_details h3 a{
    color: inherit;
}
.bpi_details h3 a:hover{
    color: var(--tw-secondary-color);
}
.bpi_details p{
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 33px;
    font-weight: 400;
}
.bpi03 .bpi_details a.nivexLink{
    color: #000;
}
.bpi03 .bpi_details a.nivexLink:hover{
    color: var(--tw-secondary-color);
}


/*-----------------------------------------
/  12. Marquee Text Scroller
/-----------------------------------------*/
.marqueeWrap{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.marqueeWrap.hasOverlay::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, .95) 5%, rgba(0, 0, 0, .0) 50%, rgba(255, 255, 255, .95) 95%);
}
.marquee{
    --marqueeAnimationDuration: 10s; 
    --marqueeAnimation: marqueeAnimations; 
    position: relative;
    white-space: nowrap;
    will-change: transform;
    display: -webkit-box;
}
.marquee .textMarquee{
    white-space: nowrap;
    text-transform: capitalize;
    font-size: 200px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -6px;
    margin: 0;
}
.marquee[data-loaderAnim="stop"]:hover{
    --marqueeAnimationS: paused;
}
[data-loaderAnim] {
    -webkit-animation: var(--marqueeAnimation, none) var(--marqueeAnimationDuration, 0s) var(--marqueeAnimationTF, linear) var(--marqueeAnimationCount, infinite) var(--marqueeAnimationS, running);
    animation: var(--marqueeAnimation, none) var(--marqueeAnimationDuration, 0s) var(--marqueeAnimationTF, linear) var(--marqueeAnimationCount, infinite) var(--marqueeAnimationS, running);
}
@-webkit-keyframes marqueeAnimations {
    0% { 
        -webkit-transform: translateX(0); 
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}
@keyframes marqueeAnimations {
    0% { 
        -webkit-transform: translateX(0); 
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}



/*-----------------------------------------
/  13. Image Hotspot
/-----------------------------------------*/
.hotspotImageWrap{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.hotspotPointerWrap{
    position: relative;
}
.hotspotPointerWrap img{
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.HotspotPlugin_Hotspot{
    display: inline-flex;
    height: 50px;
    width: 50px;
    background: #FFF;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: var(--tw-primary-color);
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.16);
}
.HotspotPlugin_Hotspot:before{
    content: "\eaf4";
    font-family: 'Nivex' !important;
    position: relative;
}
.HotspotPlugin_Hotspot:hover,
.HotspotPlugin_Hotspot.active{
    background: var(--tw-primary-color);
    color: #FFF;
}
.HotspotPlugin_Hotspot.active::before{
    content: "\ea69";
}
.HotspotPlugin_Hotspot > div{
    position: absolute;
    left: calc(100% + 20px);
    width: 200px;
    height: auto;
    background: #FFF;
    border-radius: 0;
    padding: 20px 20px 20px 20px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    margin: 0;
}
.HotspotPlugin_Hotspot > div > .Hotspot_Title{
    margin: 0;
    padding: 0;
    background: transparent;
    height: auto;
    border: none;
}
.HotspotPlugin_Hotspot > div > .Hotspot_Title h3{
    font-size: 14px;
    line-height: 1;
    margin: 0 0 8px;
}
.HotspotPlugin_Hotspot > div > .Hotspot_Title h3 a{
    color: inherit;
}
.HotspotPlugin_Hotspot > div > .Hotspot_Title h3 a:hover{
    color: var(--tw-secondary-color);
}
.Hotspot_Price .pi01Price{
    font-size: 14px;
    line-height: 1;
    color: var(--tw-body-color);
    margin: 0;
}




/*-----------------------------------------
/  14. Instagram Photo
/-----------------------------------------*/
.instaItem{
    position: relative;
    overflow: hidden;
}
.owl-carousel .instaItem img,
.instaItem img{
    display: block;
    width: 100%;
    height: auto;

    -moz-transition: all ease 450ms;
    -webkit-transition: all ease 450ms;
    transition: all ease 450ms;
}
.owl-carousel .instaItem:hover img,
.instaItem:hover img{
    -moz-transform: scale(1.07) rotate(-3deg);
    -webkit-transform: scale(1.07) rotate(-3deg);
    transform: scale(1.07) rotate(-3deg);
}
.instaItem span{
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 46px;
    background: #FFF;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;

    -moz-transform: scale(.8) translateX(-50%);
    -webkit-transform: scale(.8) translateX(-50%);
    transform: scale(.8) translateX(-50%);
    opacity: 0;
    visibility: hidden;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.instaItem:hover span{
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1) translateX(-50%);
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
}
.instaItem span a{
    margin-right: 31px;
    position: relative;
}
.instaItem span a:last-child{
    margin-right: 0;
}
.instaItem span a::after{
    content: '';
    background: #E5E5E5;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -16px;
    top: 0;
}
.instaItem span a:last-child:after{
    display: none;
}
.instaItem span a{
    color: inherit;
}
.instaItem span a:hover{
    color: var(--tw-secondary-color);
}



/*-----------------------------------------
/  15. Mailchimp 4WP
/-----------------------------------------*/
.subscribeForm{
    position: relative;
}
.subscribeForm form{
    margin: 0;
    padding: 0;
}
.subscribeForm.SF_2 form .mc4wp-form-fields,
.subscribeForm.SF_3 form .mc4wp-form-fields{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.subscribeForm.SF_3 form .mc4wp-form-fields{
    column-gap: 23px;
}
.subscribeForm input[type="email"]{
    position: relative;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    padding: 0 0 16px 23px;
    margin: 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    background: url(../images/envelope-open.svg) no-repeat left 5px transparent;
    display: block;
    width: 100%;
}
.subscribeForm.SF_2 input[type="email"],
.subscribeForm.SF_3 input[type="email"]{
    background: #FFF;
    padding: 0 0 16px 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--tw-body-color);
    border-bottom-color: #D9D9D9;
}
.subscribeForm.SF_3 input[type="email"]{
    font-size: 16px;
    
    padding: 0 0 20px 0;
}
.subscribeForm.SF_4 input[type="email"]{
    border: 1px solid #C5E0D1;
    background: url(../images/envelope-open.svg) no-repeat 29px 21px #FFF;
    padding: 16px 0 16px 52px;
}
.subscribeForm.SF_5 input[type="email"]{
    border: 1px solid #E5E5E5;
    background: #fff;
    font-size: 16px;
    padding: 11px 0 11px 20px;
}

.subscribeForm.SF_7 input[type="email"]{
    padding: 0 0 12px 23px;
    border-color: #000;
}
.subscribeForm.SF_6 input[type="email"]{
    border-bottom: 1px solid #BCD1C6;
    background: #fff;
    color: var(--tw-body-color);
    font-size: 14px;
    padding: 0 0 16px;
}
.subscribeForm input[type="email"]:focus{
    outline: 0;
    box-shadow: none;
}
.subscribeForm input[type="email"]::placeholder{
    opacity: 1;
    color: #999;
}
.subscribeForm.SF_2 input[type="email"]::placeholder,
.subscribeForm.SF_3 input[type="email"]::placeholder{
    opacity: 1;
    color: #666;
}
.subscribeForm.SF_6 input[type="email"]::placeholder{
    opacity: 1;
    color: #666;
}

.subscribeForm [type="submit"]{
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 5px;
}
.subscribeForm.SF_2 [type="submit"],
.subscribeForm.SF_3 [type="submit"]{
    position: relative;
    top: auto;
    right: auto;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #D9D9D9;
    padding: 5px 0 21px;
}

.subscribeForm.SF_2 [type="submit"]{
    font-size: 16px;
    line-height: 1;
    padding: 5px 0 20px;
}
.subscribeForm [type="submit"] i.nivex-right-arrow,
.subscribeForm [type="submit"] i.nivex-right-arrow-angle,
.subscribeForm [type="submit"] span{
    display: none;
}
.subscribeForm.SF_2 [type="submit"] i,
.subscribeForm.SF_3 [type="submit"] i{
    display: none;
}
.subscribeForm.SF_2 [type="submit"] span,
.subscribeForm.SF_3 [type="submit"] span{
    display: block;
}
.subscribeForm [type="submit"]:hover{
    color: var(--tw-secondary-color);
}
.subscribeForm.SF_4 [type="submit"] i.nivex-Send,
.subscribeForm.SF_5 [type="submit"] i.nivex-Send,
.subscribeForm.SF_7 [type="submit"] i.nivex-Send{
    display: none;
}
.subscribeForm.SF_4 [type="submit"] i.nivex-right-arrow-angle,
.subscribeForm.SF_4 [type="submit"] span,
.subscribeForm.SF_5 [type="submit"] i.nivex-right-arrow-angle,
.subscribeForm.SF_5 [type="submit"] span,
.subscribeForm.SF_7 [type="submit"] i.nivex-right-arrow-angle,
.subscribeForm.SF_7 [type="submit"] span{
    display: inline-flex;
    position: relative;
    z-index: 2;
    -moz-transition: transform ease 500ms;
    -webkit-transition: transform ease 500ms;
    transition: transform ease 500ms;
}
.subscribeForm.SF_4 [type="submit"],
.subscribeForm.SF_5 [type="submit"],
.subscribeForm.SF_7 [type="submit"]{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
    font-size: 14px;
    line-height: 100%;
    font-weight: 700;
    border: 1px solid transparent;
    text-transform: capitalize;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 22px 15px 19px;
    overflow: hidden;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    top: 7px;
    right: 7px;
}
.subscribeForm.SF_5 [type="submit"],
.subscribeForm.SF_7 [type="submit"]{
    background: transparent;
    border: 1px solid #E5E5E5;
    color: var(--tw-primary-color);
    padding: 17px 22px 17px 19px;
    right: 0;
    top: 0;
}
.subscribeForm.SF_7 [type="submit"]{
    padding: 15px 22px 15px 19px;
    color: var(--tw-primary-color);
    position: relative;
    margin-top: 30px;
}
.subscribeForm.SF_4 [type="submit"]:hover{
    color: #000;
    border-color: #E5E5E5;
}
.subscribeForm.SF_5 [type="submit"]:hover,
.subscribeForm.SF_7 [type="submit"]:hover{
    color: var(--tw-secondary-color);
}
.subscribeForm.SF_4 [type="submit"] i, 
.subscribeForm.SF_5 [type="submit"] i, 
.subscribeForm.SF_7 [type="submit"] i{
    font-weight: 400;
    margin-right: 2px;
    z-index: 2;
    -moz-transition: transform ease 500ms;
    -webkit-transition: transform ease 500ms;
    transition: transform ease 500ms;
}
.subscribeForm.SF_4 [type="submit"]:hover i,
.subscribeForm.SF_5 [type="submit"]:hover i,
.subscribeForm.SF_7 [type="submit"]:hover i{
    -moz-transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
.subscribeForm.SF_4 [type="submit"]:hover span,
.subscribeForm.SF_5 [type="submit"]:hover span,
.subscribeForm.SF_7 [type="submit"]:hover span{
    -moz-transform: translateX(2px);
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}
.subscribeForm.SF_4 [type="submit"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 150%;
    height: 100%;
    background: #FFF;
    transform-origin: 0 bottom;
    z-index: 1;
    transform: translateX(-100%) rotate(-30deg);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.subscribeForm.SF_4 [type="submit"]:after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 150%;
    transform-origin: right bottom;
    transform: translateX(100%) rotate(30deg);
    bottom: 0;
    height: 100%;
    background: #FFF;
    z-index: 1;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.subscribeForm.SF_4 [type="submit"]:hover:before {
    left: 0;
    transform: rotate(0deg);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.subscribeForm.SF_4 [type="submit"]:hover:after {
    right: 0;
    transform: rotate(0deg);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.subscribeForm.SF_6 [type="submit"] i.nivex-Send{
    display: none;
}
.subscribeForm.SF_6 [type="submit"] i.nivex-right-arrow{
    display: block;
}
.subscribeForm.SF_6 [type="submit"]{
    color: #000;
}
.subscribeForm.SF_6 [type="submit"]:hover{
    color: var(--tw-secondary-color);
}
.mc4wp-response{
    position: relative;
    padding: 15px 0 0;
    margin: 0;
}
.mc4wp-response .mc4wp-alert{
    background: #cfe2ff;
    color: #052c65;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #9ec5fe;
    padding: .65rem 1rem;
}
.mc4wp-response .mc4wp-alert.mc4wp-success{
    color: #0a3622;
    background: #d1e7dd;
    border-color: #a3cfbb;
}
.mc4wp-response .mc4wp-alert.mc4wp-error{
    color: #58151c;
    background: #f8d7da;
    border-color: #f1aeb5;
}
.mc4wp-response .mc4wp-alert p{
    margin: 0;
}


/*-----------------------------------------
/  16. Client Item
/-----------------------------------------*/
.cleintLogo{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.cleintLogo.logo_mode_1{
    height: 100px;
}
.cleintLogo.logo_mode_1::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #E5EFF3 0%, #FFF 100%);
    opacity: 1;
    visibility: visible;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.cleintLogo.logo_mode_1::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #FFF 0%, #E5EFF3 100%);
    opacity: 0;
    visibility: hidden;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.cleintLogo.logo_mode_1:hover::before{
    opacity: 0;
    visibility: hidden;
}
.cleintLogo.logo_mode_1:hover::after{
    opacity: 1;
    visibility: visible;
}
.cleintLogo.logo_mode_2{
    width: 200px;
    height: 200px;
    max-width: 100%;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    margin: 0 auto;
}
.cleintLogo.logo_mode_2:hover{
    border-color: #000;
}
.owl-carousel .cleintLogo img,
.cleintLogo img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    width: auto;

    position: relative;
    z-index: 2;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}



/*-----------------------------------------
/  17. Team Member
/-----------------------------------------*/
.teamMember{
    position: relative;
}
.memberGridRow .teamMember{
    margin: 0 0 35px;
}
.tmThumb{
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-width: 300px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    border-radius: 50%;
    margin: 0 0 40px;
}
.tmThumb img,
.elementor .tmThumb img{
    width: 100%;
    height: 100%;
    border-radius: 50%;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.teamMember:hover .tmThumb img{
    -moz-transform: scale(1.07) rotate(-3deg);
    -webkit-transform: scale(1.07) rotate(-3deg);
    transform: scale(1.07) rotate(-3deg);
}
.tmDetails{
    position: relative;
    margin: 0;
}
.tmDetails p{
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    margin: 0 0 20px;
}
.tmDetails h3{
    font-size: 32px;
    line-height: 1;
    font-weight: 400;
    margin: 0 0 44px;
}
.tmDetails h3 strong{
    font-weight: 600;
}
.tmDetails h3 a{
    color: inherit;
}
.tmDetails h3 a:hover{
    color: var(--tw-secondary-color);
}
.tmSocial{
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
}
.tmSocial a{
    font-size: 14px;
    line-height: 1;
    display: inline-flex;
    color: #999;
    margin: 0 15px 0 0;
    opacity: 0;
    visibility: hidden;
}
.tmSocial a:last-child{
    margin: 0;
}
.tmSocial a:hover{
    color: var(--tw-primary-color);
}
.tmSocial a:nth-child(01){
    -webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.tmSocial a:nth-child(02){
    -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -moz-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -ms-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -o-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.tmSocial a:nth-child(03){
    -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.tmSocial a:nth-child(04){
    -webkit-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -moz-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -ms-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -o-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.tmSocial a:nth-child(05){
    -webkit-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -moz-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -ms-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    -o-transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;
    transition: transform 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, color ease 300ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}

.teamMember:hover .tmSocial a:nth-child(01),
.teamMember:hover .tmSocial a:nth-child(02),
.teamMember:hover .tmSocial a:nth-child(03),
.teamMember:hover .tmSocial a:nth-child(04),
.teamMember:hover .tmSocial a:nth-child(05){
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}



/*-----------------------------------------
/  18. History Item
/-----------------------------------------*/
.historySliderWrap{
    padding: 0 120px;
}
.historySliderWrap::after{
    content: '';
    width: 100%;
    height: 4px;
    background: #CCDDE3;
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 0;
    margin: auto 0;
}
.historyItem{
    position: relative;
}
.hiYear{
    position: relative;
}
.hiYear h2{
    -webkit-text-stroke: 1.40px rgba(0, 0, 0, 1);
    -webkit-text-fill-color: transparent;

    font-size: 120px;
    line-height: 120px;
    text-transform: capitalize;
    margin: 0 0 104px;
}
.hiMode_2 .hiYear h2{
    margin: 104px 0 0;
}
.hiContent{
    position: relative;
}
.hiContent h3{
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0 0 20px;
}
.hiContent h3 strong{
    font-weight: 600;
}
.hiContent p{
    margin: 0;
}



/*-----------------------------------------
/  19. Image Carousel
/-----------------------------------------*/
.nivexCarouselImage{
    position: relative;
    overflow: hidden;
}
.nivexCarouselImage img{
    width: 100%;
    height: auto;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.nivexCarouselImage:hover img{
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}


/*-----------------------------------------
/  20. Look Book Tab
/-----------------------------------------*/
.lookBookTabWrap{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    column-gap: 0;
    row-gap: 0;
}
.lookBookTabWrap ul{
    display: block;
    float: left;
    width: 37.21%;
    border: none;
    margin: 0;
    padding: 0;
}
.lookBookTabWrap ul li{
    display: block;
    margin: 0 0 29.83px;
    padding: 0;
}
.lookBookTabWrap ul li button{
    display: block;
    text-align: left;
    width: 100%;
    font-size: 32px;
    line-height: 32px;
    color: rgba(255, 255, 255, .7);
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 0 30.83px 40px;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.lookBookTabWrap ul li button:hover, 
.lookBookTabWrap ul li button.active{
    color: rgba(255, 255, 255, 1);
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.lookBookTabWrap ul li button span{
    display: block;
}
.lookBookTabWrap ul li button span:first-child{
    font-size: 14px;
    line-height: 14px;
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin: 0 0 10.66px;
}
.lookBookTabWrap .tab-content{
    width: 62.79%;
    float: left;
}
.lbc_img_wrap{
    position: relative;
    overflow: hidden;
    display: block;
    justify-content: flex-end;
    align-items: center;
}
.lbc_img_wrap img{
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7);
    transform: scale(.7);

    -moz-transition: all ease 50ms;
    -webkit-transition: all ease 50ms;
    transition: all ease 50ms;
}
.owl-item.firstactiveitem .lbc_img_wrap img{
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.owl-item.firstactiveitem .lbc_img_wrap::after{
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.owl-item.firstactiveitem:hover .lbc_img_wrap::after{
    opacity: 1;
    visibility: visible;
}
.owl-item.firstactiveitem .lbc_img_wrap::before{
    content: "\e922";
    font-family: 'Nivex' !important;

    font-size: 14px;
    color: #FFF;
    line-height: 1;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 40px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate(-50%, 40px);
    -webkit-transform: translate(-50%, 40px);
    transform: translate(-50%, 40px);

    -moz-transition: all ease 450ms;
    -webkit-transition: all ease 450ms;
    transition: all ease 450ms;
}
.owl-item.firstactiveitem:hover .lbc_img_wrap::before{
    opacity: 1;
    visibility: visible;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



/*-----------------------------------------
/  21. Google Map
/-----------------------------------------*/
.contact-googleMap{
    position: relative;
}
.contact-googleMap iframe{
    display: block;
    width: 100%;
    height: 700px;
    border-radius: 0;
    border: none;
}
.contact-googleMap.blackAndWhite iframe{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}




/*-----------------------------------------
/  22. Contact Form
/-----------------------------------------*/
.contactForm{
    position: relative;
}
.contactForm .wpcf7-form-control-wrap{
    margin: 0 0 20px;
}
.contactForm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]), 
.contactForm textarea{
    display: block;
    position: relative;
    background: #F5F5F5;
    height: 54px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 16px;
    color: #999;
    border: none;
    border-radius: 0;
    width: 100%;
}
.contactForm textarea {
    height: 200px;
    resize: none;
    padding: 19px 20px;
}
.contactForm input::placeholder, .contactForm textarea::placeholder{
    color: #999;
    opacity: 1;
}
.contactForm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus, 
.contactForm textarea:focus{
    outline: 0;
}
.contactForm .wpcf7-form-control-wrap{
    display: block;
    width: 100%;
}
.contactForm .select2-container--default .select2-selection--single{
    display: block;
    width: 100%;
    border-radius: 0;
    background: #F5F5F5;
    font-size: 14px;
    line-height: 16px;
    color: #999;
    border: none;
    height: 54px;
    margin: 0;
}
.contactForm .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 16px;
    color: #999;
    height: 54px;
    padding: 18px 20px;
    margin: 0;
    display: block;
}
.contactForm .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 6px;
    position: absolute;
    top: 4px;
    right: 15px;
    width: 10px;
    bottom: 0;
    margin: auto 0;
}
.contactForm .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #999 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    height: 6px;
    left: 0%;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0%;
    width: 10px;
}
.select2-dropdown {
    background-color: #F5F5F5;
    border: none;
    border-radius: 0 0 4px 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}
.select2-search--dropdown {
    display: block;
    padding: 0;
    margin: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 0;
    padding: 0 18px;
    font-size: 14px;
    line-height: 16px;
    color: #999;
    height: 40px;
    border: none;
    background: #00000008;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
    outline: 0;
    box-shadow: none;
}
.contactForm .select2-container--default .select2-selection--multiple{
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    min-height: 54px;
    margin: 0;
}
.contactForm .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 13px 18px;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    gap: calc(4px);
    justify-content: flex-start;
    width: 100%;
    background: #F5F5F5;
    min-height: 54px;
}
.contactForm .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin: 0;
}
.contactForm .select2-container--default .select2-selection--multiple ul li input{
    padding: 0 !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}
.contactForm  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-right: 5px;
    font-size: 18px;
    line-height: 1;
    position: relative;
    top: 1px;
}
.select2-results__option {
    padding: 6px 18px;
    font-size: 14px;
    line-height: 20px;
}
.contactForm p{
    margin: 0;
}
.contactForm .wpcf7-checkbox,
.contactForm .wpcf7-radio{
    display: block;
}
.contactForm .wpcf7-checkbox .wpcf7-list-item,
.contactForm .wpcf7-radio .wpcf7-list-item{
    margin: 0 15px 0 0;
    font-size: 14px;
    line-height: 16px;
}
.contactForm .wpcf7-checkbox .wpcf7-list-item input,
.contactForm .wpcf7-radio .wpcf7-list-item input{
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.contactForm button, .contactForm input[type="submit"]{
    height: 54px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    padding: 0 15px;
    min-width: 142px;
}
.contactForm .wpcf7-spinner{
    top: 8px;
}
.contactForm .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
    line-height: 15px;
    margin: 3px 0 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
    background-color: var(--tw-primary-color);
}


/*-----------------------------------------
/  23. Accordion
/-----------------------------------------*/
.nivexAcordion{
    position: relative;
}
.accordion-item{
    position: relative;
    margin: 0 0 20px;
    padding: 0;
}
.accordion-header{
    margin: 0;
    padding: 0;
}
.accordion-header button{
    background: #F5F5F5;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    display: block;
    width: 100%;
    padding: 19px 35px 19px 24px;
    border: none;
    color: #000;
    position: relative;

    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.accordion-header button:hover, 
.accordion-header button:not(.collapsed){
    background: #000;
    color: #FFF;
}
.accordion-header button::after{
    position: absolute;
    right: 19px;
    top: 19px;
    content: "\ea69";
    font-family: 'Nivex';
    font-size: 16px;
    line-height: 16px;
}
.accordion-header button.collapsed::after{
    content: '\eaf4';
}
.accordion-collapse .accordion-body{
    background: #000;
    color: #FFF;
    font-size: 14px;
    line-height: 24px;
    padding: 0 24px 20px;
}
.accordion-collapse .accordion-body p{
    margin: 0 0 15px;
}
.accordion-collapse .accordion-body p:last-of-type{
    margin: 0;
}



/*-----------------------------------------
/  24. Product Item
/-----------------------------------------*/
.woocommerceGridRow{
    --bs-gutter-x: 1.875rem;
    margin-right: calc(-.5 * 1.875rem);
    margin-left: calc(-.5 * 1.875rem);
}
.row.woocommerceGridRow > * {
    padding-right: calc(1.875rem * .5);
    padding-left: calc(1.875rem * .5);
}
.productItem01{
    position: relative;
    margin: 0 0 60px;
}
.productCarouselWrap .productItem01 {
    margin: 0 0 18px;
}
.productThumb{
    position: relative;
    overflow: hidden;
    margin: 0 0 36px;
}
.productLabels{
    position: absolute;
    left: 20px;
    top: 20px;
    /* width: 100%; */
    z-index: 2;
}
.flash_align_right .productLabels{
    left: auto;
    right: 20px;
}
.productLabels > div {
    display: block;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
}
.flash_align_right .productLabels > div{
    text-align: right;
}
.productLabels span{
    display: inline-block;
    padding: 4px 6px;
    background: #000;
    color: #FFF;
    margin: 0 0 10px;
}
.productLabels span.plSale,
.productLabels span.plTrending{
    background: #B87961;
}
.productLabels span.plNew{
    background: #62a403;
}
.productLabels span.plFeatured{
    background: #62a403;
}
.productLabels span.plstock{
    background: #ffc107;
}
.productLabels span.plostock{
    background: #dc3545;
}
.productLabels span.plHot{
    background: #dc3545;
}
.productThumb a.productThumbWrap{
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.productThumb img{
    width: 100%;
    display: block;
    height: auto;
    position: relative;
    left: 0%;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.piSecondary:hover .productThumb img.primaryImage {
    left: -100%;
}
.piSecondary .productThumb img.secondaryImage {
    position: absolute;
    left: 100%;
    top: 0;
}
.piSecondary:hover .productThumb img.secondaryImage {
    left: 0%;
}
.productContent{
    position: relative;
}
.productContentCol4{
    position: sticky;
    top: 50px;
}
.reviewCount{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 10px;
}
.reviewCount svg{
    width: 16px;
    height: 16px;
    fill: #B87961;
    margin: 0 8px 0 0;
}
.reviewCount span{
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    text-transform: capitalize;
    padding: 2px 0 0 0;
}
.productContent h3{
    font-size: 16px;
    margin: 0 0 30px;
}
.productContent h3 a{
    color: inherit;
}
.productContent h3 a:hover{
    color: var(--tw-secondary-color);
}
.productPrice{
    font-size: 14px;
    line-height: 1;
    color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.productPrice ins{
    order: 1;
    text-decoration: none;
    margin: 0 5px 0 0;
}
.productPrice del{
    order: 2;
    color: var(--tw-body-color);
    text-decoration-line: strikethrough;
}
.productActions {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    column-gap: 10px;
}
.productActions.bottomCenter{
    top: auto;
    bottom: 20px;
}
.productActions.bottomRight,
.productActions.bottomLeft{
    top: auto;
    bottom: 15px;
    left: auto;
    right: 15px;
    margin: 0;
    column-gap: 0;
    row-gap: 8px;
    flex-direction: column;
    width: auto;
    justify-content: flex-end;
}
.productActions.bottomLeft{
    right: auto;
    left: 15px;
    justify-content: flex-start;
}
.productActions.bottomRight > *,
.productActions.bottomLeft > *{
    flex-direction: row;
    flex-grow: 1;
}
.productActions > div{
    margin: 0;
    padding: 0;
}
.woocommerce .productActions a.button,
.productActions a, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .productActions a.button{
    height: 44px;
    width: 44px;
    background: #FFF;
    border-radius: 50%;
    color: #000000;
    display: block;
    line-height: 44px;
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    border: none;
    text-align: center;
    margin: 0;
    overflow: hidden;
}
.woocommerce .productActions a.button.added i{
    display: none;
}
.woocommerce .productActions a.button.added::after{
    margin-left: 0;
}
.woocommerce .productActions a.button.added{
    display: none;
    visibility: hidden;
    opacity: 0;
}
.woocommerce .productActions a.button+a.wc-forward{
    position: relative;
}
.woocommerce .productActions a.nivex-compare-btn.compare.added::after,
.woocommerce .productActions a.button+a.wc-forward::after{
    font-family: WooCommerce;
    content: "\e017";
    margin-left: 0;
    vertical-align: bottom;
    font-size: 16px;
}
.woocommerce .productActions a.nivex-compare-btn.compare.added,
.woocommerce .productActions a.button.added+a.wc-forward{
    font-size: 0;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
    top: auto;
}
.productActions a.button i+span{
    display: none;
}
.productActions a.product_type_variable.button i::before{
    content: "\efd7";
}
.productActions a.nivex-compare-btn.compare i{
    display: inline-block;
    position: relative;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.productActions a.add_to_wishlist i{
    margin: 0;
    font-family: 'Nivex';
    font-weight: inherit;
    line-height: inherit;
}
.productActions a.add_to_wishlist i::before{
    content: "\e986";
}
.productActions .yith-wcwl-wishlistaddedbrowse span,
.productActions .yith-wcwl-wishlistexistsbrowse span{
    display: none;
}
.productActions .yith-wcwl-wishlistaddedbrowse a,
.productActions .yith-wcwl-wishlistexistsbrowse a{
    text-indent: -9999px;
}
.productActions .yith-wcwl-wishlistaddedbrowse a::after,
.productActions .yith-wcwl-wishlistexistsbrowse a::after{
    content: "\f004";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
}
.productActions a.add_to_wishlist span{
    display: none;
}
.productActions .yith-wcwl-add-to-wishlist-button svg.yith-wcwl-icon-svg {
    width: 17px !important;
    height: 17px !important;
}
.productActions .yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label {
    display: none;
}
.productActions a:hover, 
.woocommerce .productActions a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .productActions a.button:hover{
    background: var(--tw-primary-color);
    color: #FFF;
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button):hover svg.yith-wcwl-add-to-wishlist-button-icon{
    color: #FFF;
    stroke-width: 2.4px;
}
.productItem02 .yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button):hover svg.yith-wcwl-add-to-wishlist-button-icon{
    color: var(--tw-secondary-color);
    stroke-width: 1.5px;
}
.productActions > :nth-child(01){
    opacity: 0;
    visibility: hidden;

    -webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;

    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}
.productActions > :nth-child(02){
    opacity: 0;
    visibility: hidden;

    -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;

    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}
.productActions > :nth-child(03){
    opacity: 0;
    visibility: hidden;

    -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;

    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}
.productActions > :nth-child(04){
    opacity: 0;
    visibility: hidden;

    -webkit-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;

    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}
.productActions > :nth-child(05){
    opacity: 0;
    visibility: hidden;

    -webkit-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;

    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}

.productItem01:hover .productActions > :nth-child(01),
.productItem01:hover .productActions > :nth-child(02),
.productItem01:hover .productActions > :nth-child(03),
.productItem01:hover .productActions > :nth-child(04),
.productItem01:hover .productActions > :nth-child(05){
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.product01Cat{
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: #999999;
    margin-bottom: 12px;
}
.product01Cat a{
    color: inherit;
    display: inline-block;
}
.product01Cat a:hover{
    color: var(--tw-primary-color);
}
.woocommerce .productActions02 a.button.loading{
    opacity: .8;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .productActions a.button.loading > i{
    opacity: 1;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    transition: all ease 250ms;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .productActions a.button.loading > i{
    opacity: .3;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .productActions a.button.loading::after{
    content: '\e805';
    font-family: 'lightcase', sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    animation: spin 1s linear infinite;
}

.productActions .woocommerce.compare-button a::before{
    content: "\e934";
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    font-size: inherit;
    font-family: 'Nivex' !important;
}
.productActions .woocommerce.compare-button a .label{
    display: none !important;
}
.productActions .woocommerce.compare-button a::before{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}



/* Product Action for List view  */
.productListActions {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}
.woocommerce a.reset_variations,
.woocommerce .cart button.nivexCartBtn,
.woocommerce .productListActions .nivexCartBtn+ .added_to_cart.wc-forward,
.woocommerce .productListActions a.button, .productListActions a, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .productListActions a.button {
    font-size: 16px;
    font-weight: 700;
    font-family: var(--tw-primary-font);
    color: var(--tw-heading-color);
    line-height: 20px;
    padding: 14px 15px;
    border: 1px solid #E5E5E5;
    border-radius: 0px;
    background: var(--tw-white-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    text-transform: capitalize;
    min-width: 50px;
    min-height: 50px;
}
.woocommerce .productListActions .nivexCartBtn.added{
    display: none;
}
.woocommerce .productListActions .nivexCartBtn > span{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.woocommerce .productListActions .nivexCartBtn+ .added_to_cart.wc-forward{
    position: relative;
}
.woocommerce .productListActions .nivexCartBtn+ .added_to_cart.wc-forward::before{
    font-family: WooCommerce;
    content: "\e017";
    margin-left: 0;
    vertical-align: bottom;
}
.woocommerce .cart button.nivexCartBtn.single_add_to_cart_button {
    margin-right: 20px;
}
.woocommerce .pcButtons .nivexCartBtn.single_add_to_cart_button {
    font-size: 14px;
    line-height: 14px;
    padding: 14px 37px;
}
.woocommerce .cart .variations_buttonWrap button.nivexCartBtn.single_add_to_cart_button{
    margin-right: 0;
}
.woocommerce a.reset_variations{
    font-size: 16px !important;
}
.woocommerce a.reset_variations > span{
    display: none;
}

.woocommerce .productListActions .nivexCartBtn+ .added_to_cart.wc-forward:hover,
.woocommerce a.reset_variations:hover,
.productListActions a:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .productListActions a.button:hover{
    background: var(--tw-heading-color);
    border-color: var(--tw-heading-color);
    color: var(--tw-white-color);
}

.woocommerce .productListActions .nivexCartBtn+ .added_to_cart.wc-forward,
.woocommerce .productListActions a.button{
    font-size: 14px;
    background: #E5EFF3;
    padding: 15px 32px;
    border: unset;
}
.woocommerce .cart button.nivexCartBtn{
    background: var(--tw-heading-color);
    color: var(--tw-white-color);
    border-color: var(--tw-heading-color);
}
.woocommerce .cart button.nivexCartBtn:hover{
    background: var(--tw-white-color);
    color: var(--tw-heading-color);
    border-color: #E5E5E5;
}

.woocommerce .productListActions a.button:hover{
    background: var(--tw-primary-color);
    color: var(--tw-white-color);
}

.productListActions a.product_type_variable.button i::before{
    content: "\efd7";
}

.productListActions .yith-wcwl-add-to-wishlist{
    margin: 0;
}
.productListActions a.add_to_wishlist i {
    margin: 0;
    font-family: 'Nivex';
    font-weight: inherit;
    line-height: inherit;
}
.productListActions a.add_to_wishlist i::before {
    content: "\e986";
}
.productListActions a.add_to_wishlist span {
    display: none;
}

/* New Wishlist BTN   */
.yith-wcwl-add-button a {
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-to-wishlist .add_to_wishlist img{
    width: 18px;
    margin: 0 !important;
    stroke: 1.2px;
}
.yith-wcwl-add-to-wishlist a:hover svg{
    stroke: var(--tw-white-color);
    stroke-width: 1.8px;
}
.yith-wcwl-wishlistaddedbrowse .feedback{
    display: none;
}
.yith-wcwl-wishlistaddedbrowse a {
    position: relative;
    font-size: 0 !important;
    gap: 0 !important;
}
.yith-wcwl-wishlistaddedbrowse a::after{
    position: relative;
    content: "\f004";
    font-family: 'FontAwesome';
    font-size: 16px;
}
.productListActions .yith-add-to-wishlist-button-block{
    display: inline-flex;
    margin: 0;
}
.productListActions .yith-wcwl-add-to-wishlist-button svg.yith-wcwl-icon-svg {
    width: 17px !important;
    height: 17px !important;
}
.productListActions .yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label {
    display: none;
}
.productListActions .yith-wcwl-add-to-wishlist-button:hover svg.yith-wcwl-icon-svg{
    stroke: #FFF;
    stroke-width: 2px;
}
.stockQuantity{
    margin-top: 60px;
    position: relative;
}
.stockQuantity .progress{
    width: 100%;
    height: 1px;
    background-color: #D0CABD;
    border-radius: 0;
}
.stockQuantity .progress-bar{
    background: #000000;
}
.stockQuantity p{
    margin: 14px 0 0;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: var(--tw-body-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stockQuantity p strong{
    color: var(--tw-primary-color)
}

.productItem02{
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    padding: 37px 39px 41px;
}
.productTop{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 25px;
}
.productbrand02{
    font-size: 14px;
    line-height: 16px;
    color: var(--tw-body-color);
}
.product02Cat{
    font-size: 16px;
    line-height: 16px;
}
.productbrand02 a,
.product02Cat a{
    color: inherit;
}
.productbrand02 a:hover,
.product02Cat a:hover{
    color: var(--tw-primary-color);
}
.productTop .yith-wcwl-add-to-wishlist{
    line-height: 1;
    margin: 0;
    position: relative;
    top: 1px;
}
.productTop .yith-wcwl-add-to-wishlist a{
    display: inline-flex;
    font-size: 16px;
    line-height: 15px;
    color: var(--tw-primary-color);
    position: relative;
    justify-content: flex-end;
}
.productTop .yith-wcwl-add-to-wishlist a:hover{
    color: var(--tw-secondary-color);
}
.productTop a.add_to_wishlist i{
    margin: 0;
    font-family: 'Nivex';
    font-weight: inherit;
    line-height: inherit;
}
.productTop a.add_to_wishlist i::before{
    content: "\e986";
}
.productTop .yith-wcwl-wishlistaddedbrowse span,
.productTop .yith-wcwl-wishlistexistsbrowse span{
    display: none;
}
.productTop .yith-wcwl-wishlistaddedbrowse a,
.productTop .yith-wcwl-wishlistexistsbrowse a{
    text-indent: -9999px;
}
.productTop .yith-wcwl-wishlistaddedbrowse a::after,
.productTop .yith-wcwl-wishlistexistsbrowse a::after{
    content: "\e987";
    position: relative;
    font-family: 'Nivex';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
}
.productTop a.add_to_wishlist span{
    display: none;
}
.productItem02 .productThumbWrap{
    position: relative;
    overflow: hidden;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 38px;
}
.productItem02 .productThumbWrap img{
    max-height: 100%;
    width: auto;
    max-width: 100%;
    opacity: 1;
    visibility: visible;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    transition: all ease 350ms;
}
.productItem02 .productThumbWrap .secondaryImage{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}
.productItem02.piSecondary:hover .productThumbWrap img.primaryImage{
    opacity: 0;
    visibility: hidden;
}
.productItem02.piSecondary:hover .productThumbWrap img.secondaryImage{
    opacity: 1;
    visibility: visible;
}
.productItem02 .productContent h3{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 6px;
}
.productItem02 .productContent h3 a{
    color: inherit;
}
.productItem02 .productContent h3 a:hover{
    color: var(--tw-secondary-color);
}
.productItem02 .productContent .product02Tags{
    font-size: 16px;
    line-height: 100%;
    font-weight: 400;
    color: var(--tw-body-color);
    letter-spacing: .8px;
    text-transform: capitalize;
}
.productItem02 .productContent .product02Tags a{
    color: inherit;
}
.productItem02 .yith-add-to-wishlist-button-block{
    display: inline-flex;
    margin: 0;
}
.productItem02 .yith-wcwl-add-to-wishlist-button > svg {
    width: 22px !important;
    height: 21.33px;
    margin-right: -2px;
}
.productItem02 .yith-wcwl-add-to-wishlist-button > span{
    display: none;
}
.productFooter{
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 34px 0 0;
}
.productActions02{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.productActions02 a, 
.woocommerce .productActions02 a.button{
    position: relative;
    color: var(--tw-primary-color);
    font-size: 16px;
    line-height: 16px;
    display: inline-flex;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 0 15px;
}
.woocommerce .productActions02 a.button i+span{
    display: none;
}
.productActions02 a.pi01AQView{
    font-size: 15px;
}
.productActions02 a i.nivex-shopping-basket::before{
    content: "\f07b";
}
.productActions02 a.product_type_variable.button i.nivex-shopping-basket::before {
    content: "\efd7";
}
.productActions02 a.nivex-compare-btn.compare i {
    display: inline-block;
    position: relative;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.productActions02 a:hover, 
.woocommerce .productActions02 a.button:hover{
    color: var(--tw-secondary-color);
}

.woocommerce .productActions02 a.button.loading > i{
    opacity: 1;
    -moz-transition: all ease 250ms;
    -webkit-transition: all ease 250ms;
    transition: all ease 250ms;
}
.woocommerce .productActions02 a.button.loading > i{
    opacity: .3;
}
.woocommerce .productActions02 a.button.loading{
    opacity: .8;
}
.woocommerce .productActions02 a.button.loading::after{
    content: '\e805';
    font-family: 'lightcase', sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    animation: spin 1s linear infinite;
}

/* Product03  */
.prCountDown .countdown-row{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 21px;
}
.prCountDown .countdown-section{
    position: relative;
}
.prCountDown .countdown-section::after{
    content:":";
    position: absolute;
    right: -13px;
    top: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.prCountDown .countdown-section:last-child::after{
    display: none;
}
.prCountDown .countdown-amount{
    min-width: 38px;
    min-width: 34px;
    background: #E5EFF3;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    color: #000000;
    display: inline-flex;
    justify-content: center;
    padding: 10px;
}
.prCountDown .countdown-period{
    display: none;
}

/*-----------------------------------------
/  25. Product Tab
/-----------------------------------------*/
.productTabWrap .nav.nav-tabs{
    position: relative;
    margin: 0 0 30px;
    display: flex;
    justify-content: flex-start;
    border-bottom: none;
}
.productTabWrap .nav.nav-tabs button{
    margin-right: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.productTabWrap .nav.nav-tabs button:last-child{
    margin-right: 0;
}
.productTabWrap .nav.nav-tabs button i{
    margin-right: 5px;
}
.productTabWrap .nav.nav-tabs button svg{
    fill: var(--tw-white-color);
    stroke: var(--tw-white-color);
    width: auto;
    height: 14px;
    margin-right: 5px;
}
.productTabWrap .nav.nav-tabs button:hover, 
.productTabWrap .nav.nav-tabs button.active{
    background: var(--tw-secondary-color);
    color: var(--tw-white-color);
}


/*-----------------------------------------
/  26. Page Banner
/-----------------------------------------*/
.pageBanner01{
    position: relative;
    background: #ECF5F0;
    padding: 193px 0;
    z-index: 9;
    overflow: hidden;
    width: 100%;
}

.pageBanner01 .shape_img1{
    position: absolute;
    width: 577px;
    height: 577px;
    left: 31%;
    top: -203px;
    background: linear-gradient(134.69deg, rgba(255, 255, 255, 0.5) 19.87%, rgba(236, 245, 240, 0.5) 82.21%);
    box-shadow: 0px 120px 140px #CFE4D9;
    border-radius: 50%;
    z-index: 3;
}
.pageBanner01 .shape_img2{
    position: absolute;
    width: 577px;
    height: 577px;
    right: 18.5%;
    top: -316px;
    background: linear-gradient(134.69deg, rgba(255, 255, 255, 0.5) 19.87%, rgba(236, 245, 240, 0.5) 82.21%);
    opacity: 0.4;
    box-shadow: 0px 120px 140px #CFE4D9;
    border-radius: 50%;
    z-index: 4;
}
.pageBannerContent{
    position: relative;
    z-index: 99;
}
.pgBanner-title {
    font-family: var(--tw-secondary-font);
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: var(--tw-heading-color);
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.breadcrumbs{
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 10px;
    background: var(--tw-white-color);
    border: 1px solid #D9EAE1;
    border-radius: 34px;
    margin-bottom: 20px;
}
.breadcrumbs a{
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    text-transform: capitalize;
    color: #888888;
}
.breadcrumbs a:hover{
    color: var(--tw-primary-color);
}
.breadcrumbs span:not(.brdSeparator){
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    text-transform: capitalize;
    color: var(--tw-heading-color);
}
.breadcrumbs span.brdSeparator{
    font-size: 16px;
    color: #DBDBDB;
    font-weight: 500;
}
.nivexBanner.elementor-align-left .pgBanner-title {
    margin-right: auto;
    margin-left: 0;
    text-align: left;
}
.nivexBanner.elementor-align-right .pgBanner-title {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}



/*-----------------------------------------
/  27. Fun Fact
/-----------------------------------------*/
.countfactWrap{
    position: relative;
}
.countfactWrap h3 {
    color: var(--tw-heading-color);
    font-family: var(--tw-primary-color);
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    margin: 21px 0 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.countfactWrap h3 .counterPrefix,
.countfactWrap h3 .counterSuffix{
    position: relative;
    display: inline-block;
}

/*-----------------------------------------
/  28. Sticky Product Image
/-----------------------------------------*/
.is_stickyImg{
    position: sticky;
    top: 50px;
}
.sitckyProduct_imgCnt img{
    position: relative;
    z-index: 2;
}
.sitckyProduct_imgCnt::before{
    position: absolute;
    content: "";
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 3;
}
.sitckyProduct_imgCnt h2{
    font-size: 150px;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.4px;
    -webkit-text-stroke-color: #FFF;
    z-index: 9;
}
.sitckyProduct_wrapper .productItem01 {
   padding: 30px;
   border: 1px solid #E5E5E5;
   margin: 0;
}


/*-----------------------------------------
/  29. Slider Product Item03
/-----------------------------------------*/
.productItem03  {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    border: 1px solid #E5E5E5;
}
.productItem03 .productThumb{
    flex: 0 0 240px;
    margin: 0;
}
.product03Content{
    padding: 30px 38px 30px 0;
}
.product03Content h3{
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 16px;
    color: var(--tw-heading-color);
}
.product03Content h3 a{
    color: inherit;
}
.product03Content h3 a:hover{
    color: var(--tw-secondary-color);
}
.pdCountDownLabel{
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--tw-heading-color);
}
.product03Content .pcExcerpt{
    padding:11px 0 0;
    margin: 0 0 50px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    border: 0;
}
.product03Content .stockQuantity{
    margin-top: 30px;
}
.productItem03 .productLabels{
    left: unset;
    top: unset;
    right: 20px;
    bottom: 20px; 
    text-align: right;
}
.productItem03 .productLabels span{
    margin-top: 10px;
    margin-bottom: 0;
}
.productItem03 .productActions {
    left: 20px;
    bottom: 20px;
    opacity: 1;
    visibility: visible;
    top: unset;
    justify-content: flex-start;
    gap: 10px;
}

.productItem03 .productActions > *{
    transform: unset;
    opacity: 1 !important;
}
.productItem03 .productActions a.pi01AQView,
.productItem03 .productActions a.nivex-compare-btn,
.productItem03 .productActions a.yith-wcwl-add-to-wishlist-button,
.productItem03 .productActions a.button.nivexCartBtn{
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    opacity: 1;
    visibility: visible;
    transform: unset;
}
.productItem03 .productActions .yith-wcwl-add-to-wishlist-button svg.yith-wcwl-icon-svg {
    width: 18px !important;
    height: 20px !important;
}
.productItem03 .woocommerce-review-link{
    font-size: 16px;
    font-weight: 500;
    color: var(--tw-heading-color);
}.woocommerce .productItem03 .star-rating:before{
    color: #F6B808;
}
.woocommerce .productItem03 .productRatings{
    margin-top: 23px;
}
.woocommerce .productItem03 .star-rating span::before {
    color: #F6B808;
}
.woocommerce .productItem03 .star-rating{
    font-size: 15px;
    letter-spacing: 3.6px;
    width: 96px;
    margin-right: 6px;
}
.productItem03 .woocommerce-product-rating{
    margin-bottom: 0 !important;
}
.productItem03 .stockQuantity p{
    font-weight: 700;
}

/*-----------------------------------------
/  30. Image Effect
/-----------------------------------------*/
.themeWar_image img {
    position: relative;
    -o-object-fit: cover;
       object-fit: cover;
}

.reveal {
    visibility: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.reveal.reveal__overlay {
    background-color: #1C2734;
}

.reveal img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.reveal__clip__vert {
    -webkit-clip-path: url(#clip-vert);
            clip-path: url(#clip-vert);
}

.reveal__clip__simple {
    -webkit-clip-path: url(#clip-simple);
            clip-path: url(#clip-simple);
}
.themeWar_image_normal {
    -webkit-mask-size: cover;
}