/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Version: 3.6
Template: flatsome
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
		.barand-docs{
			border: none;
		}
		.barand-docs iframe{
			height: 60vh !important;
			border: none !important;
		}
@media(min-width: 1650px){
	div.row{
		max-width: 100% !important;
		padding-left: 35px;
		padding-right: 35px;
	}
	home div.row{
		max-width: 100% !important;
		padding-left: 50px;
		padding-right: 50px;
	}
	.container-width, .full-width .ubermenu-nav, .container, .row{
		max-width: 100% !important;
	}
	.page-wrapper .container,
	.product-footer .container,
	.page-title-inner.container{
		padding-left: 50px;
		padding-right: 50px;
	}
	header .header-top, 
	header .header-main{
		padding-left: 35px;
		padding-right: 35px;
	}
	.product-main{
		padding-left: 15px;
		padding-right: 15px;
	}
} 
@media(min-width: 1366px){
	header .header-top, 
	header .header-main{
		padding-left: 35px;
		padding-right: 35px;
	}
}


.main-color{
  color: var(--fs-color-primary);
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.flex-wrapper {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
.flex_direction-row {
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
}
.flex_direction-column {
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.flex_wrap-wrap, 
.wrap-elementor-container .elementor-container
 {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.flex_wrap-nowrap {
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
.flex-align-left, 
.justify_content-flex-start {
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.flex-align-right, 
.justify_content-flex-end {
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.flex-align-center, 
.justify_content-center {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.justify_content-space-between {
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.justify_content-space-around {
  justify-content: space-around;
  -ms-justify-content: space-around;
  -webkit-justify-content: space-around;
}
.align_items-flex-start {
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
}
.align_items-flex-end {
  align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
}
.align_items-center {
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
.align_items-baseline {
  align-items: baseline;
  -ms-align-items: baseline;
  -webkit-align-items: baseline;
}
.align_items-stretch {
  align-items: stretch;
  -ms-align-items: stretch;
  -webkit-align-items: stretch;
}
.align-content-center{
    align-content: center;
    align-items: center;
}
.align-content-flex-start{
    align-content: flex-start;
        align-items: flex-start;   
}
.align-content-flex-end{
    align-content: flex-end;
        align-items: flex-end;   
}

.font-light {
  font-weight: 300;
}
.font-regular {
  font-weight: 400;
}
.font-medium{
  font-weight: 500;
}
.font-semibold{
  font-weight: 600;
}
.font-bold{
    font-weight: 700;
}
.clearfix{
    clear: both;
}
.hide, 
.hidden{
    display: none !important;
}
.overflow-hidden{
    overflow: hidden!important;
}
.line-height24{
  line-height: 24px;
}
.line-height36{
  line-height: 36px;
}

.inline-block {
  display: inline-block !important;
  vertical-align: top;
}
.list-none {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-inline-block{
    padding: 0;
    margin: 0;
    list-style: none;
}
.list-inline-block > li{
    display: inline-block;
}
.list-block > li{
    display: block;
}

.text-uppercase{
  text-transform: uppercase;
}
.text-capitalize{
  text-transform: capitalize;
}
.bzotech-scrollbar{
    overflow-y: scroll;
    scrollbar-width: none;
}
.bzotech-scrollbar::-webkit-scrollbar {
    width: 5px;
    left: 5px;
}
/* Track */
.bzotech-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 30px;
}


.bzotech-row{
  margin-right:-15px;
  margin-left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.bzotech-col-lg-1, .bzotech-col-lg-10, .bzotech-col-lg-11, .bzotech-col-lg-12, .bzotech-col-lg-2, .bzotech-col-lg-3, .bzotech-col-lg-4, .bzotech-col-lg-5, .bzotech-col-lg-6, .bzotech-col-lg-7, .bzotech-col-lg-8, .bzotech-col-lg-9, .bzotech-col-md-1, .bzotech-col-md-10, .bzotech-col-md-11, .bzotech-col-md-12, .bzotech-col-md-2, .bzotech-col-md-3, .bzotech-col-md-4, .bzotech-col-md-5, .bzotech-col-md-6, .bzotech-col-md-7, .bzotech-col-md-8, .bzotech-col-md-9, .bzotech-col-sm-1, .bzotech-col-sm-10, .bzotech-col-sm-11, .bzotech-col-sm-12, .bzotech-col-sm-2, .bzotech-col-sm-3, .bzotech-col-sm-4, .bzotech-col-sm-5, .bzotech-col-sm-6, .bzotech-col-sm-7, .bzotech-col-sm-8, .bzotech-col-sm-9, .bzotech-col-xs-1, .bzotech-col-xs-10, .bzotech-col-xs-11, .bzotech-col-xs-12, .bzotech-col-xs-2, .bzotech-col-xs-3, .bzotech-col-xs-4, .bzotech-col-xs-5, .bzotech-col-xs-6, .bzotech-col-xs-7, .bzotech-col-xs-8, .bzotech-col-xs-9{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}
.bzotech-col-sx-1 {
  width: 8.33333333%;
}
.bzotech-col-sx-2 {
  width: 16.66666667%
}
.bzotech-col-sx-3 {
  width: 25%;
}
.bzotech-col-sx-4 {
  width: 33.33333333%;
}
.bzotech-col-sx-5 {
  width: 41.66666667%;
}
.bzotech-col-sx-6 {
  width: 50%;
}
.bzotech-col-sx-7 {
  width: 58.33333333%;
}
.bzotech-col-sx-8 {
  width: 66.66666667%;
}
.bzotech-col-sx-9 {
  width: 75%;
}
.bzotech-col-sx-10 {
  width: 83.33333333%;
}
.bzotech-col-sx-11 {
  width: 91.66666667%;
}
.bzotech-col-sx-12 {
  width: 100%;
}
@media (min-width: 768px){
  .bzotech-col-sm-1 {
    width: 8.33333333%;
  }
  .bzotech-col-sm-2 {
    width: 16.66666667%
  }
  .bzotech-col-sm-3 {
    width: 25%;
  }
  .bzotech-col-sm-4 {
    width: 33.33333333%;
  }
  .bzotech-col-sm-5 {
    width: 41.66666667%;
  }
  .bzotech-col-sm-6 {
    width: 50%;
  }
  .bzotech-col-sm-7 {
    width: 58.33333333%;
  }
  .bzotech-col-sm-8 {
    width: 66.66666667%;
  }
  .bzotech-col-sm-9 {
    width: 75%;
  }
  .bzotech-col-sm-10 {
    width: 83.33333333%;
  }
  .bzotech-col-sm-11 {
    width: 91.66666667%;
  }
  .bzotech-col-sm-12 {
    width: 100%;
  }

  
}

@media (min-width: 992px){
  .bzotech-col-md-1 {
    width: 8.33333333%;
  }
  .bzotech-col-md-2 {
    width: 16.66666667%
  }
  .bzotech-col-md-3 {
    width: 25%;
  }
  .bzotech-col-md-4 {
    width: 33.33333333%;
  }
  .bzotech-col-md-5 {
    width: 41.66666667%;
  }
  .bzotech-col-md-6 {
    width: 50%;
  }
  .bzotech-col-md-7 {
    width: 58.33333333%;
  }
  .bzotech-col-md-8 {
    width: 66.66666667%;
  }
  .bzotech-col-md-9 {
    width: 75%;
  }
  .bzotech-col-md-10 {
    width: 83.33333333%;
  }
  .bzotech-col-md-11 {
    width: 91.66666667%;
  }
  .bzotech-col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1200px){
  .bzotech-col-lg-1 {
    width: 8.33333333%;
  }
  .bzotech-col-lg-2 {
    width: 16.66666667%
  }
  .bzotech-col-lg-3 {
    width: 25%;
  }
  .bzotech-col-lg-4 {
    width: 33.33333333%;
  }
  .bzotech-col-lg-5 {
    width: 41.66666667%;
  }
  .bzotech-col-lg-6 {
    width: 50%;
  }
  .bzotech-col-lg-7 {
    width: 58.33333333%;
  }
  .bzotech-col-lg-8 {
    width: 66.66666667%;
  }
  .bzotech-col-lg-9 {
    width: 75%;
  }
  .bzotech-col-lg-10 {
    width: 83.33333333%;
  }
  .bzotech-col-lg-11 {
    width: 91.66666667%;
  }
  .bzotech-col-lg-12 {
    width: 100%;
  }
}

.elbzotech-swiper-slider[data-items-mobile="2"] .swiper-slide {
    width: 50%;
}

.elbzotech-swiper-slider[data-items-mobile="3"] .swiper-slide {
    width: 33.33%;
}

.elbzotech-swiper-slider[data-items-mobile="4"] .swiper-slide {
    width: 25%;
}

.elbzotech-swiper-slider[data-items-mobile="5"] .swiper-slide {
    width: 20%;
}

.elbzotech-swiper-slider[data-items-mobile="6"] .swiper-slide {
    width: 16.66%;
}

.elbzotech-swiper-slider[data-items-mobile="7"] .swiper-slide {
    width: 14.28%;
}

.elbzotech-swiper-slider[data-items-mobile="8"] .swiper-slide {
    width: 12.5%;
}

.elbzotech-swiper-slider[data-items-mobile="9"] .swiper-slide {
    width: 11.11%;
}

.elbzotech-swiper-slider[data-items-mobile="10"] .swiper-slide {
    width: 10%;
}

@media(min-width: 768px) {
    .elbzotech-swiper-slider[data-items-mobile-extra="2"] .swiper-slide {
        width:50%;
    }

    .elbzotech-swiper-slider[data-items-mobile-extra="3"] .swiper-slide {
        width: 33.33%;
    }

    .elbzotech-swiper-slider[data-items-mobile-extra="4"] .swiper-slide {
        width: 25%;
    }

    .elbzotech-swiper-slider[data-items-mobile-extra="5"] .swiper-slide {
        width: 20%;
    }

    .elbzotech-swiper-slider[data-items-mobile-extra="6"] .swiper-slide {
        width: 16.66%;
    }

    .elbzotech-swiper-slider[data-items-mobile-extra="7"] .swiper-slide {
        width: 14.28%;
    }

    .elbzotech-swiper-slider[data-items-mobile-extra="8"] .swiper-slide {
        width: 12.5%;
    }

    .elbzotech-swiper-slider[data-items-mobile-extra="9"] .swiper-slide {
        width: 11.11%;
    }

    .elbzotech-swiper-slider[data-items-mobile-extra="10"] .swiper-slide {
        width: 10%;
    }
}

@media(min-width: 881px) {
    .elbzotech-swiper-slider[data-items-tablet="2"] .swiper-slide {
        width:50%;
    }

    .elbzotech-swiper-slider[data-items-tablet="3"] .swiper-slide {
        width: 33.33%;
    }

    .elbzotech-swiper-slider[data-items-tablet="4"] .swiper-slide {
        width: 25%;
    }

    .elbzotech-swiper-slider[data-items-tablet="5"] .swiper-slide {
        width: 20%;
    }

    .elbzotech-swiper-slider[data-items-tablet="6"] .swiper-slide {
        width: 16.66%;
    }

    .elbzotech-swiper-slider[data-items-tablet="7"] .swiper-slide {
        width: 14.28%;
    }

    .elbzotech-swiper-slider[data-items-tablet="8"] .swiper-slide {
        width: 12.5%;
    }

    .elbzotech-swiper-slider[data-items-tablet="9"] .swiper-slide {
        width: 11.11%;
    }

    .elbzotech-swiper-slider[data-items-tablet="10"] .swiper-slide {
        width: 10%;
    }
}

@media(min-width: 1025px) {
    .elbzotech-swiper-slider[data-items-tablet-extra="2"] .swiper-slide {
        width:50%;
    }

    .elbzotech-swiper-slider[data-items-tablet-extra="3"] .swiper-slide {
        width: 33.33%;
    }

    .elbzotech-swiper-slider[data-items-tablet-extra="4"] .swiper-slide {
        width: 25%;
    }

    .elbzotech-swiper-slider[data-items-tablet-extra="5"] .swiper-slide {
        width: 20%;
    }

    .elbzotech-swiper-slider[data-items-tablet-extra="6"] .swiper-slide {
        width: 16.66%;
    }

    .elbzotech-swiper-slider[data-items-tablet-extra="7"] .swiper-slide {
        width: 14.28%;
    }

    .elbzotech-swiper-slider[data-items-tablet-extra="8"] .swiper-slide {
        width: 12.5%;
    }

    .elbzotech-swiper-slider[data-items-tablet-extra="9"] .swiper-slide {
        width: 11.11%;
    }

    .elbzotech-swiper-slider[data-items-tablet-extra="10"] .swiper-slide {
        width: 10%;
    }
}

@media(min-width: 1201px) {
    .elbzotech-swiper-slider[data-items-laptop="2"] .swiper-slide {
        width:50%;
    }

    .elbzotech-swiper-slider[data-items-laptop="3"] .swiper-slide {
        width: 33.33%;
    }

    .elbzotech-swiper-slider[data-items-laptop="4"] .swiper-slide {
        width: 25%;
    }

    .elbzotech-swiper-slider[data-items-laptop="5"] .swiper-slide {
        width: 20%;
    }

    .elbzotech-swiper-slider[data-items-laptop="6"] .swiper-slide {
        width: 16.66%;
    }

    .elbzotech-swiper-slider[data-items-laptop="7"] .swiper-slide {
        width: 14.28%;
    }

    .elbzotech-swiper-slider[data-items-laptop="8"] .swiper-slide {
        width: 12.5%;
    }

    .elbzotech-swiper-slider[data-items-laptop="9"] .swiper-slide {
        width: 11.11%;
    }

    .elbzotech-swiper-slider[data-items-laptop="10"] .swiper-slide {
        width: 10%;
    }
}

@media(min-width: 1367px) {
    .elbzotech-swiper-slider[data-items="2"] .swiper-slide {
        width:50%;
    }

    .elbzotech-swiper-slider[data-items="3"] .swiper-slide {
        width: 33.33%;
    }

    .elbzotech-swiper-slider[data-items="4"] .swiper-slide {
        width: 25%;
    }

    .elbzotech-swiper-slider[data-items="5"] .swiper-slide {
        width: 20%;
    }

    .elbzotech-swiper-slider[data-items="6"] .swiper-slide {
        width: 16.66%;
    }

    .elbzotech-swiper-slider[data-items="7"] .swiper-slide {
        width: 14.28%;
    }

    .elbzotech-swiper-slider[data-items="8"] .swiper-slide {
        width: 12.5%;
    }

    .elbzotech-swiper-slider[data-items="9"] .swiper-slide {
        width: 11.11%;
    }

    .elbzotech-swiper-slider[data-items="10"] .swiper-slide {
        width: 10%;
    }
}
/*style header top*/
.header-top,.header-main {
    padding: 0px 70px;
}
@media(max-width: 1200px){
	.header-top,.header-main {
		padding-left: 0px; 
		padding-right: 0px; 
	}
}
.header-top .nav-small.nav>li.html{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    gap: 5px;
    font-weight: 500;
}
.times-hide-show{
	margin-right: 15px;
}
.header-main .header-nav-main{
	justify-content: center;
}
.nav-uppercase>li>a{
	text-transform: capitalize;
	color: #0f0f0f;
}
.header-main  .nav-top-not-logged-in span:before,
.header-main  .account-link span:before{
    content: "\f2bd";
        font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 28px;
}
.header-main  .nav-top-not-logged-in span,
.header-main  .account-link span{
	display: inline-flex;
	gap: 5px;
	align-items: center;
	font-size: 14px;
}
.header-main  .nav-top-not-logged-in,
.header-main  .account-link {
	border: 1px solid  #CCCCCC;
    border-radius: 50px 50px 50px 50px;
    padding: 20px;
}
.header-main .icon-search:before{
	content: "\f002";
	    font-size: 30px;
    color: #707070;
        font-family: 'Line Awesome Free';
    font-weight: 900;
}
.header-main .icon-shopping-cart:before{
	    content: "\f07a";
	    font-size: 30px;
    color: #707070;
        font-family: 'Line Awesome Free';
    font-weight: 900;
}
.header-main .icon-heart:before{
	    font-size:24px;
    color: #707070;
        font-family: 'Line Awesome Free';
    font-weight: 400;
    content: "\f004";
}
.header-main .icon-shopping-cart:after{
	right: -5px;
    top: 0px;
}
.nav-right>li {
    margin: 0 10px;
}

.elbzotech-mailchimp-global-style3 .mc4wp-form-fields {
    display: flex;
    gap: 15px;
}

.elbzotech-mailchimp-global-style3 .mc4wp-form-fields input[type="email"] {
    padding: 0 16px;
    border: none;
    border-radius: 0px;
    background: #fff;
    width: 270px;
    height: 48px;
        line-height: 58px;
    height: 58px;
    border-radius: 10px 10px 10px 10px;
        box-shadow: none;
}

.elbzotech-mailchimp-global-style3 .mc4wp-form-fields input[type="email"]::-webkit-input-placeholde, .elbzotech-mailchimp-global-style3 .mc4wp-form-fields input[type="email"]::-moz-placeholder, .elbzotech-mailchimp-global-style3 .mc4wp-form-fields input[type="email"]:-ms-input-placeholder, .elbzotech-mailchimp-global-style3 .mc4wp-form-fields input[type="email"]:-moz-placeholder {
    color: #727272;
}

.elbzotech-mailchimp-global-style3 .mc4wp-form-fields button[type="submit"] {
        display: none;
}

.elbzotech-mailchimp-global-style3 .mc4wp-form-fields button[type="submit"]:hover {
    color: var(--bzo-main-color2);
    background: #fff;
}

.elbzotech-mailchimp-global-style3 .mc4wp-form{
        width: 450px;
    height: 60px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E1E5E6;
    border-radius: 10px 10px 10px 10px;
        margin: 0;

}
.elbzotech-mailchimp-global-style3 {
         display: flex;
    justify-content: end;
}
.text>p{
	margin-bottom: 0;
}
.row-mailchimp-footer{
	align-items: center;
}
.section-mailchimp-footer{
	border-bottom: 1px solid #E1E5E6;
}
.col, .columns, .gallery-item{
	padding-bottom: 0;
}
.section-wap{
	padding-left: 70px; 
	padding-right: 70px; 
}
@media(max-width: 1200px){
	.section-wap{
		padding-left: 0px; 
		padding-right: 0px; 
	}
}

.section-bottom-footer .ux-menu{
        flex-direction: row;
    gap: 15px;
    justify-content: center;
    font-size: 14px;
}
.section-bottom-footer .ux-menu .ux-menu-link__link{
    min-height: auto;
    padding: 0;
}
.section-title-normal,
.section-title-normal span{
	border-bottom: none;
	    padding: 0;
	    margin-bottom: 0;
	        font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.section-title-normal{
	margin-bottom: 10px;
}
.col-inner>.img:not(:last-child), .col>.img:not(:last-child),
.section-title-container{
	margin-bottom: 0;
}
.section-main-footer .ux-menu-link__link{
    font-size: 14px;
    color: #3A434C;
}
.text-center .section-title{
	justify-content: center;
}
.text-center .section-title .section-title-main{
	margin: 0;
}
.section-bottom-footer{
	border-top: 1px solid #E1E5E6;
}
.col-need-a-hand{
	border-left: 1px solid #E1E5E6;
}
.col-need-a-hand .col-inner{
	    max-width: 300px;
    margin: auto!important;
    text-align: center;
}
.button, button, fieldset, input, select, textarea {
    margin-bottom: 0;
    margin-right: 0;
}
.btn-faq-footer{
	font-weight: 400;
}
.img, .img img{
	width: auto;
}
.flickity-slider img{
	width:100%;
}
.list-link-social-footer{
	    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 23px;
}
.list-link-social-footer a{
    color: #3A434C;
}
.nav>li>a>i.icon-menu {
    font-size: 2.5em;
}
.mobile-nav .icon-user:before{
    content: "\f2bd";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 28px;
}
.list-link-menu-mobi{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
}
.list-link-menu-mobi .item-link{
	font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}
.mobile-sidebar .html_topbar_right .list-link-menu-mobi {
	display: none;
}
    
@media(max-width: 849px){
	.col-need-a-hand {
	    border-top: 1px solid #E1E5E6;
	    border-left: none;
	}
	.header-top .hide-for-medium, .header-top [data-show=hide-for-medium] {
        display: block!important;
    }
     .medium-logo-center .flex-left {
        flex: 0 1 0;
        order: 1;
    }
}

.box-service-home h5{
    font-size: 16px;
    margin-bottom: 3px;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.list-links-scroll .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    display: flex;
    flex-wrap: nowrap;
    animation-name: bzo-scroll;
    animation-duration: 45s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.list-links-scroll .swiper-wrapper:hover {
    animation-play-state: paused;
}
@keyframes bzo-scroll {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100%));
    }
}

.item-grid-product- .product-item{
  display: flex;
  justify-content: center;
  align-items: center;
  gap:10px;
}
.item-grid-product- .product-item .image{
    width: 80px;
}
.item-grid-product- .product-item .title{
    width: calc(100% - 205px);
}
.item-grid-product- button.woosq-btn.quick-view-btn{
    width: 125px;
}
.item-grid-product- .product-item .title h3{
    font-size: 15px;
        text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.item-grid-product-style2 .product-item .compare.button,
.item-grid-product- .product-item .compare.button{
    display: none;
}
button.woosq-btn.quick-view-btn {
    margin: auto;
    border: 1px solid;
    padding: 8px 20px;
    line-height: normal;
    background: var(--fs-color-primary);
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 8px;
    margin-top: 20px;
    cursor: pointer;
    transition: 0.3s all;
    text-wrap-mode: nowrap;
}
.item-grid-product-style2{
  text-align: center;
}
.item-grid-product-style2 .product-item .title{
    display: block;
}
.item-grid-product-style2 .product-item .title h3{
    margin: 0px 0px 6px 0;
    line-height: 1.4;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 500;
}
.item-grid-product-style2 .product-item .price .woocommerce-Price-amount{
    font-size: 16px;
    font-weight: 500;
}

.item-grid-product-style2 .product-image {
      position: relative;
}
.item-grid-product-style2 .product-extra-link a{
        transition: 0.3s;
        font-size: 20px;
}
.item-grid-product-style2 .product-extra-link {
      position: absolute;
    right: 15px;
    top: 15px;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.item-grid-product-style2 .product-extra-link a.add_to_cart_button,
.item-grid-product-style2 .product-extra-link a.video-product-detail-poup{
      transform: scale(0);
      opacity: 0;
}

.item-grid-product-style2:hover .product-extra-link a.add_to_cart_button,
.item-grid-product-style2:hover .product-extra-link a.video-product-detail-poup{
      transform: scale(1);
      opacity: 1;
}
.title-home-page h2{
    font-size: 36px;
    font-weight: 600;
}
@media(max-width: 1200px){
  .title-home-page h2{
    font-size: 30px;
  }
}
@media(max-width: 767px){
  .title-home-page h2{
    font-size: 24px;
  }
}
.blog-masonry{
  display: flex;
  flex-wrap: wrap;
  gap:30px;
}
.blog-masonry .post-2,
.blog-masonry .post-1{
  width: calc(50% - 15px);
}
.post-2 .item-grid-post- .post-item{
    display: flex;
    flex-wrap: wrap;
}
.post-2 .item-grid-post- .post-item .adv-thumb-link{
  max-width: 48%;
}
.post-2 .item-grid-post- .post-item .post-info{
  max-width: 52%;
  padding-left: 20px;
}
.post-2 .item-grid-post- .post-item{
  margin-bottom: 30px;
}
.item-grid-post- .post-meta-data__content a{
    background-color: #ff4f00;
    padding: 1px 10px;
    margin-bottom: 10px;
    color: #fff;
    display: inline-flex;
}
.item-grid-post- .desc{
    margin-bottom: 0;
    margin-top: 10px;
        text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.post-1 .post-item{
    position: relative;
}
.post-1 .post-info{
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    background-color: #fff;
    padding: 25px 25px 23px;
}
.item-grid-post- .adv-thumb-link{
    display: flex;
    overflow: hidden;
}
.item-grid-post- .adv-thumb-link img{
    transition: 0.3s ease-out;
}
.item-grid-post-:hover .adv-thumb-link img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
@media(max-width: 992px){
  .blog-masonry .post-2, .blog-masonry .post-1 {
      width: 100%;
  }
}
@media(max-width: 767px){
  .post-2 .item-grid-post- .post-item .post-info {
      max-width: 100%;
      padding-left: 0;
      padding-top: 20px;
  }
  .post-2 .item-grid-post- .post-item .adv-thumb-link {
      max-width: 100%;
  }
}
.btn-banner-viedeo-home .button {
    border-radius: 40px 40px 40px 40px;

    background-color: #CCCCD7!important;
    padding: 5px 35px 5px 35px!important;
}
.btn-banner-viedeo-home .button:hover{
  box-shadow: none;
    background-color: #fff!important;
}
.btn-banner-viedeo-home .button span{
    color: #1B1949;
    font-weight: 400;
}
.header-wishlist-icon [data-icon-label]:after{
  top:-3px;
}

/*Begin product variations form*/
.single_variation_wrap{
    margin: 0;
}
.woocommerce div.product form.cart .variations{
    margin-bottom: 0px;
}

.bzotech-form-cart-single form.variations_form {
    display: block;
}
.bzotech-form-cart-single form.variations_form .variations_button{
    display: flex;
    flex-wrap: wrap;
}
.bzotech-form-cart-single form.variations_form .qty-cart .woocommerce-variation{
    width: 100%;
    margin-bottom: 30px;
}
.woocommerce div.product form.cart .variations label{

    margin-bottom: 0px;
    margin-right: 20px;
    font-weight:400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    min-width: 85px;
}
.woocommerce div.product form.cart .variations .type-select label{
    min-width: 85px;
}
.bzotech-form-cart-single .variations .type-label .swatch-label{
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 0;
    color: var(--bzo-title_typo-color);
    margin-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    transition: all 0.3s ease-out 0s;
    min-width: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}
.bzotech-form-cart-single .variations .type-label .swatch-label-box:hover .desc{
    color: #000;
}
.bzotech-form-cart-single .variations .type-label .swatch-label:hover{
    cursor: pointer;
    transition: all 0.3s ease-out 0s;
}
.bzotech-form-cart-single .variations .type-label .swatch-label:hover, 
.bzotech-form-cart-single .variations .type-label .swatch-label.selected
{
    color: #fff;
    border-color: #1b1949;
    background: #1b1949;
    text-decoration: none;
    box-shadow: none;
}
.bzotech-form-cart-single .variations .type-label .swatch-label-box:last-child .swatch-label{
    margin-right: 0px;
}
.bzotech-form-cart-single .variations .type-select, 
.bzotech-form-cart-single .variations .detail-attr, 
.bzotech-form-cart-single .variations .type-
{
    margin-bottom: 15px;
}
.bzotech-form-cart-single .variations .type-color{
    display: flex;
    align-items: center;
}
.bzotech-form-cart-single .variations .type-color .tawcvs-swatches{
    margin-top: -2px;
}
.bzotech-form-cart-single .variations .type-label, 
.bzotech-form-cart-single .variations .type-select, 
.bzotech-form-cart-single .variations .type-
{
    display: flex;
    align-items: center;
}
.bzotech-form-cart-single .variations .type-select .select-box::after, 
.bzotech-form-cart-single .variations .type- .select-box::after
{
    top: 10px;
    right: 15px;
}
.bzotech-form-cart-single .variations .type-label .swatch-label-box
{
    display: inline-block;
    margin-bottom: 10px;
}

.bzotech-form-cart-single .variations .type-select select, 
.bzotech-form-cart-single .variations .type- select
{
   border: none;
   line-height: 40px;
   height: 40px;
   margin: 0px!important;
   padding: 0px 20px 0px 10px;
    font-size: 16px;
    color: #686868;
}
.bzotech-form-cart-single .variations .type-color .swatch-color{
    height: 22px;
    width: 22px;
    display: inline-block;
    line-height:22px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    position: relative;
}
.bzotech-form-cart-single .variations .type-color .swatch-color:before{
    content: '';
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: -2px;
    top: -2px;
    border: 1px solid var(--bzo-border-color);
    border-radius: 50%;
}
.bzotech-form-cart-single .variations .type-color .swatch-color:after{
    content: "\f00c";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    opacity: 0;
    color: #fff;
    font-size: 12px;
    width: 22px;
    height: 22px;
    display: flex;
    line-height: 22px;
    justify-content: center;
    align-items: center;
}
.bzotech-form-cart-single .variations .type-color .swatch-color.selected:after{
    opacity: 1;
}
.bzotech-form-cart-single .variations .type-color .swatch-color:hover{
    cursor: pointer;
}
.bzotech-form-cart-single .variations .type-color .swatch-color:hover:before,
.bzotech-form-cart-single .variations .type-color .swatch-color.selected:before{
    border-color: #1b1949;
}
.bzotech-form-cart-single .variations .type-color .swatch-color:last-child{
    margin-right: 0px;
}
.bzotech-form-cart-single .variations .type-color .select-box::after{
    display: none;
}
.bzotech-form-cart-single .variations .type-select .select-box, 
.bzotech-form-cart-single .variations .type- .select-box
{
   width: 100%;
}
.bzotech-form-cart-single .variations .type-select .title-atttr, 
.bzotech-form-cart-single .variations .type- .title-atttr
{
    line-height: 40px;
}
.woocommerce div.product form.cart .reset_variations{
    font-size: 16px;
    display: block;
    text-transform: capitalize;
    font-weight: 400;
    display: none;
}
.product-detail-info .woocommerce-variation-description .product-desc{
    margin-bottom: 0px;
}
.product-detail-info .woocommerce-variation-price{
    margin-top: 10px;
}
.product-price ins{
    text-decoration: none;
}
.product-detail-info .woocommerce-variation-price .product-price{
    color: #000;
    font-size: 36px;
    font-weight: 700;
}
.product-detail-info .woocommerce-variation-price .product-price del{
    color: #939393;
    font-size: 18px;
    font-weight: 400;
    margin-right: 20px;
}
.woocommerce div.product form.cart .variations select{
    background: #F0F0F0;
    border-radius: 0px;
    padding: 0px 15px;
    height: 45px;
}
/*End product variations form*/
/*Begin product Coupons*/
.price-couponbg{
    background: #e6e6eb;
    padding: 5px 15px 5px;
    border-radius: 10px;
    margin: 15px 0;
}
.couponbg-product .flex-wrapper,
.couponbg-product{
  gap: 15px 0;
}

.couponbg-product .couponbg {
    font-size: 12px;
    padding: 1px 7px 2px;
    background: #fff;
    color: var(--f7-theme-color);
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    white-space: nowrap;
}
.couponbg-product .couponmorebg {
    font-size: 12px;
    padding: 3px 2px 4px 7px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
.couponbg-product .coupon_item {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    padding: 10px 15px;
    line-height: 19px;
    color: #333;
    bottom: 30px;
    right: -134%;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #cbc7c7;
    display: none;
}
.couponbg-product .couponbg:nth-child(2) .coupon_item {
    right: -103%;
}

.couponbg-product .couponbg:hover .coupon_item {
    display: block!important;
}
.couponbg-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background: #00000070;
}
.couponbg-modal.open{
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
}
.couponbg-modal .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
        display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    pointer-events: none;
}
.couponbg-modal .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}
.couponbg-modal .couponbg .bottom {
    background-color: #c4cb94;
    font-size: 12px;
    padding: 12px 14px;
    line-height: 18px;
    display: none;
    color: #000;
}
.couponbg-modal .position-relative {
    position: relative;
    display: flex;
}
.couponbg-modal .explain {
    position: absolute;
    top: 10px;
    left: 15px;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 20px;
        font-size: 16px;
    max-width: 180px;
}
@media(max-width:767px){
  .couponbg-modal .explain{
    font-size:12px;
  }
  .couponbg-modal{
        padding: 30px 20px;
  }
}
.couponbg-modal .code {
    position: absolute;
    width: 40%;
    top: 12%;
    right: 0;
    text-align: center;
    line-height: 20px;
}
.couponbg-modal .terms {
    position: absolute;
    bottom: 5px;
    left: 15px;
    cursor: pointer;
}
.couponbg-modal .modal-header {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
.couponbg-modal .modal-header .modal-title{
    margin-bottom: 0px;
}
.couponbg-modal .close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: #fff;
    border: none;
    padding: 9px;
}
.couponbg-modal .couponbg {
    margin: 20px auto 0;
    color: #fff;
    width: fit-content;
  padding: 0px 20px;
}
.couponbg-modal .la-copy{
    position: absolute;
    bottom: 6px;
    right: 15px;
    cursor: pointer;
    font-size: 18px;
}
.couponbg-modal .desc{
    margin-top: 20px;
  padding: 0px 20px;
    padding-bottom: 30px;
}

.copy-notification{
    left: 50%;
    top: 40%;
    width: 300px;
    margin-left: -150px;
    z-index: 9999999;
        position: fixed;
}
.copy-notification .copy-notification-content{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    gap: 10px;
    align-items: center;
}
/*End product Coupons*/


.productDetail-new{
    width: 100%;
    background: url(./assets/images/lenses.avif) no-repeat 100%, linear-gradient(90deg, #afafbf, #1b1949);
    border-radius: 5px;
    font-size: 13px;
    justify-content: space-around;
    padding: 5px 0px;
    margin-bottom: 0px;
  color: #ffffff;
}
@media(max-width:767px){
	.productDetail-new {
		flex-wrap: wrap;
		justify-content: start;
		gap: 10px;
		padding: 15px;
	}
}
.productDetail-new .la-check-circle{
    font-size: 18px;
}
.productDetail-new .flex-wrapper{
    gap: 5px;
}
.productDetail-size{
    width: 100%;
    margin-bottom: 30px;
}
.productDetail-size .productDetail {
    gap: 10px;
}

.productDetail-size .productDetail-more{
     text-decoration: underline;
}
.size-modal{
    display: none;
}
.pay-klarna .osm-message{
    margin-bottom: 0px;
}
.pay-klarna {
    gap: 15px;
    margin-top: 20px;
}
.pay-klarna .link{
    text-decoration: underline;
}

.copy-notification{
    left: 50%;
    top: 40%;
    width: 300px;
    margin-left: -150px;
    z-index: 9999999;
        position: fixed;
}
.copy-notification .copy-notification-content{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.pay-klarna-popup{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background: #00000070;
}
.pay-klarna-popup-content {
    max-width: 500px;
    margin: 1.75rem auto;
    background: rgb(245, 245, 247);
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    border-radius: 20px;
    padding: 0px 20px;
}
.pay-klarna-popup.open{
    display: flex;
}

.pay-klarna-popup-header {
        padding: 20px 0px;
    text-align: center;
    position: relative;
}
.pay-klarna-popup-header .close{
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    padding: 10px;
        top: 10px;
}
.pay-klarna-popup-info {
   max-height: 400px;
   overflow-y: auto;
       padding-right: 20px;
}
.pay-klarna-popup-info .desc{
   margin-bottom: 30px;
}
.pay-klarna-popup-info .desc2 a{
   text-decoration: underline;
}
.pay-klarna-popup-info .title{
   margin-bottom: 10px;
}
.pay-klarna-popup-info .title2{
   margin-top: 40px;
   margin-bottom: 20px;
}
.pay-klarna-popup-info .pay-item{
        display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 10px;
}
.pay-klarna-popup-info .pay-item .pay-item-right p{
    background-color: rgb(228, 224, 247);
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
}
.pay-klarna-popup-info ul{
    background-color: #fff;
    border-radius: 16px;
    padding: 20px 16px 20px 40px;
    position: relative;
}
.pay-klarna-popup-info ul li{
    margin-bottom: 15px;
    position: relative;
}
.pay-klarna-popup-info ul li p{
    margin-bottom: 5px;
}
.pay-klarna-popup-info ul:before{
    content: '';
    position: absolute;
    left: 20px;
    width: 1px;
    background: #333;
    top: 30px;
    bottom: 30px;
}
.pay-klarna-popup-info ul li:before{
    content: '';
    position: absolute;
    left: -25px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #333;
    top: 2px;
}
.pay-klarna-popup-content>.close{
    width: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 12px;
    border: none;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    margin-bottom: 20px;
}

.size-modal{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background: #00000070;
}
.size-modal.open{
    display: flex;
}

.size-modal-content {
    max-width: 1180px;
    background: #fff;
    position: relative;
    width: 100%;
    border-radius:5px;
    padding: 0px;
    height: 100%;
  overflow:hidden;
}   
.size-modal-content .modal-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #ebebeb; 
}   
.size-modal-content .modal-header .close{
    font-size: 20px;
    border: none;
    background: transparent;
}   
.size-modal-content .modal-body table{
    border: 1px solid #dee2e6;
    width: 100%;
    color: #212529;
    max-width: 630px;
    margin: 35px auto 20px;
    text-align: center;
}   
.size-modal-content .modal-body table td{
   padding: .75rem;
}   
.size-modal-content .modal-body{
    padding: 0 40px;
    overflow-y: scroll;
    height: calc(100vh - 170px);
}   
.size-modal-content .modal-body> .system-txt-color{
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    padding-bottom: 10px;
    margin-top: 30px;
}   
.size-modal-content .modal-body>.system-txt-color u{
    font-weight: 400;
    color: #f10081;
}   
.size-modal-content .modal-body>.system-txt-color .cur-point{
    display: inline-block;
} 
.size-modal-content .modal-body>.system-txt-color .cur-point.dnone{
    display: none;
}   
.size-modal-content .modal-body .bzotech-row .system-txt-color.dnone{
    display: none;
}
.size-modal-content .modal-body .bzotech-row .system-txt-color{
    text-align: center;
    display: block;
}
.product_cat-custom-glasses .productDetail-size,
.product_cat-custom-glasses .productDetail-new,
.product_cat-custom-glasses .pay-klarna,
.product_cat-custom-glasses .couponbg-product{
  display:none;
}

.product_cat-custom-glasses .price-couponbg {
    padding-bottom: 0px;
}
/*hide Select Lense fields when not open popup */
.fancybox-wrap #bz-extra-product-options-fields .product-title,
.fancybox-wrap #bz-extra-product-options-fields .price-couponbg,
.fancybox-wrap #bz-extra-product-options-fields .couponbg-modal,
.fancybox-wrap #bz-extra-product-options-fields .variations,
.fancybox-wrap #bz-extra-product-options-fields .meta-1,
.fancybox-wrap #bz-extra-product-options-fields .meta-2,
.fancybox-wrap #bz-extra-product-options-fields .meta-3,
.fancybox-wrap #bz-extra-product-options-fields .ppc-button-wrapper,
.fancybox-wrap #bz-extra-product-options-fields .popup-extra-tm_epo,
#bz-extra-product-options-fields .single_variation_wrap .woocommerce-variation, #bz-extra-product-options-fields .single_variation_wrap .woocommerce-variation-add-to-cart .detail-qty, #bz-extra-product-options-fields .single_variation_wrap .woocommerce-variation-add-to-cart #hc-extra-product-options-fields, #bz-extra-product-options-fields .single_variation_wrap .woocommerce-variation-add-to-cart .ajax_add_to_cart, #bz-extra-product-options-fields #hc-extra-product-options-fields {
  display: none !important;
}
.fancybox-wrap .entry-summary.large-5 {
  width: 100%!important;
  max-width: 100%!important;
}
/*show Select Lense fields in popup */


.fancybox-wrap #bz-extra-product-options-fields .single_variation_wrap .woocommerce-variation-add-to-cart #hc-extra-product-options-fields, .fancybox-wrap #bz-extra-product-options-fields .single_variation_wrap .woocommerce-variation-add-to-cart .ajax_add_to_cart,.fancybox-wrap #bz-extra-product-options-fields #hc-extra-product-options-fields {
display: block !important;
}



#hc-extra-product-options-fields {
  /* display: none; */
  /* min-height: 600px; */
}


#select_lenses {
  background: #1b1949;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
  border-radius: 8px;
  border: 1px solid transparent;
}

.tab-header{
  overflow:hidden;
}
.sp-replacer.epo{
  height:48px;
  width: 70px;
  border-color: #e5e5e5;
}
.epo .sp-dd{
  line-height:48px;
  color: var(--bzo-border-color);
}
.tm-epo-field.tmcp-select{
}
.tc-tab-headers-wrap {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.tc-tab-headers-wrap .tc-tab-headers{
  margin:0px;
      flex-wrap: wrap;
}
.tc-tab-content.tcwidth-100{
  padding:0px;
  padding-top: 20px;
      border: none;
}
.tm-epo-style.round, .tm-epo-style.round2 {
    border-radius: 50%;
}
.bzotech-form-cart-single {
    margin-top: 50px;
}
.tc-totals-form dl.tm-extra-product-options-totals{
  background: #f5f5f5;
    padding: 15px 15px 10px;
    border-radius: 10px;
}
.tm-extra-product-options-totals .amount{
      color: #000;
    font-size: 30px;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
}

.tc-extra-product-options .tcowl-carousel .owl-item img {
    width: unset!important;
}
.tcowl-carousel .owl-item .tc-label-text {
    font-weight: 500 !important;
}

.tm-epo-totals{
  padding-top:0px;
}

.fancybox-wrap .productDetail-new { display: none; }
.fancybox-wrap .productDetail-size { display: none; }
.fancybox-wrap .wishlist_compare_single_product { display: none; }

/*#bz-extra-product-options-fields .tc-styled-variations {
  display:none!important;
}
 * 
 .fancybox-wrap #bz-extra-product-options-fields .tc-styled-variations {
  display:block!important;
}


#bz-extra-product-options-fields .single_variation_wrap {
  display:none!important;
}
 * */

.fancybox-wrap #bz-extra-product-options-fields .tc-styled-variations,
.fancybox-wrap #bz-extra-product-options-fields .single_variation_wrap{
  display:block!important;
}

.fancybox-wrap #hc-extra-product-options-fields {
    width: 100%;
}

#bz-extra-product-options-fields{
    margin-top: 0;
    padding-top: 0;
  display:block!important;
}
.fancybox-wrap #single_variation_wrap .woocommerce-variation-add-to-cart-enabled .single_add_to_cart_button {
    background: #1b1949;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 8px;
    border: 1px solid transparent;
}

.fancybox-wrap{
  
  max-width:1000px;
  height:750px !important;
    /* overflow-y: auto !important; */

}
.fancybox-wrap::-webkit-scrollbar {
    width: 0px;
}
.fancybox-wrap .fancybox-inner{
  width:100%!important;
  height:100%!important
}

.woocommerce .fancybox-wrap button.button.alt.disabled{
  background-color:#fff;
  color:var(--bzo-title_typo-color);
  height:48px!important;
}
 .tm-extra-product-options ul.tmcp-ul-wrap li.tmcp-field-wrap.tc-epo-text-wrapper label {
    justify-content: left!important;
  line-height: 2.2em!important;
  padding: 5px!important;
}

.tm-extra-product-options .tc-cell.tc-col, .tc-cell.tc-col, .tc-col .tm-extra-product-options ul.tmcp-ul-wrap.tm-element-ul-radio {
  margin: 0 5px!important;
}

 .prescription-powers-lenses-div.iscpfdependson.is-epo-depend > div > div > p > span{
    font-size: 18px!important;
    font-weight: 600!important;
}

 #extra-option-lenses-power-id > div > div > p > span {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.extra-option-lenses-pd-checkbox-div.iscpfdependson.is-epo-depend > div > div > div > ul > li > div > div > label > span > span.tc-col.tc-label.tm-label > span > span, .extra-option-lenses-pd-checkbox-div.iscpfdependson.is-epo-depend > div > div > p > span, #extra-option-lenses-power-id > div > div > div > ul > li > div > div > label > span > span.tc-col.tc-label.tm-label > span > span {
    font-size: 14px !important;
  font-weight: normal !important;
}

.fancybox-wrap .tc-epo-element-label-text {
    font-size: 24px!important;
    font-weight: 600!important;
}

.fancybox-wrap .tc-label-text {
    font-size: 18px!important;
    font-weight: 600!important;
}

.tm-extra-product-options .tmcp-textfield.tm-epo-field {
    width: 940px!important;
    max-width: 100%;
}

.tm-extra-product-options .tmcp-field-wrap.tc-active.tc-mode-text {
    outline-width: 1px;
    outline-style: auto!important;
    background: #1b1949 !important;
    color: #ffffff;
}
.tm-extra-product-options .tmcp-field-wrap.tc-active.tc-mode-text label{
    color: #ffffff;
}
.tm-extra-product-options .tmcp-field-wrap.tc-mode-text label,
.tm-extra-product-options .tmcp-field-wrap.tc-mode-text legend{
    font-weight: 400;
}
#non-prescription-step2 .tc-image-inline {
    width: 120px !important;
    height: auto !important;
    border: none !important;
    max-height: 300px !important;
}
.tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap.tc-mode-startimages .tc-label-wrap{
  align-items: center;
}
.tm-extra-product-options .tc-epo-label.tm-epo-element-label {
    margin-bottom:0;
}
.fancybox-wrap  .detail-qty{
  display:none;
}
.fancybox-wrap .tc-extra-product-options .tcowl-carousel .owl-nav{
    width: 100%;
    display: flex;
    justify-content: space-between;
  order: 1;
}

.fancybox-wrap .tc-extra-product-options .tcowl-carousel .owl-nav .disabled{
  opacity:0;
}
.fancybox-wrap{
  left:0px!important;
  right: 0;
    margin: auto;
}
.fancybox-wrap  .tc-extra-product-options .tcowl-carousel .owl-stage-outer{
  order: 1;
}
@media(max-width:767px){
  .fancybox-wrap{
    height: 400px !important;
  }
  
}
.bzotech-form-cart-single .variations .type-color{
  gap:10px;
  align-items: unset!important;
    margin-top: 15px!important;
  font-weight: 500!important;
    font-size: 16px!important;
}

.owl-next.hide { display: none !important; }
.owl-next.non_click { background: #b8b8b8!important; cursor: not-allowed !important; color: #fff !important;} 
.elbzotech-bt-style2, .single_add_to_cart_button {
    border: 1px solid #1b1949;
    color: #1b1949;
    text-transform: uppercase;
    font-weight: 500;
    padding: 11px 25px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0px;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    position: relative;
    overflow: hidden;
    transition: .3s;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.buy-now-trigger{
  margin-left:10px;
  margin-right:10px;
  border-radius:8px;
}
@media(max-width:767px){
  .buy-now-trigger{
        padding: 8px 15px;
  }
}

/*.product-type-simple .single_add_to_cart_button { display: none !important; }

.bzotech-form-cart-single .single_add_to_cart_button { display: none !important; }*/

.fancybox-wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button { 
  display: inline-block!important; 
}
.product-type-simple .product-detail-info .detail-qty {
  margin-bottom: 20px!important;
  margin-right: 15px !important;
    display: inline-block!important;
  max-width: none!important;
}

.product-type-simple .product-detail-info .detail-qty input {
  font-size: 16px!important;
}

.product-type-simple .elbzotech-bt-style2 {
    padding: 12px 25px!important;
  display: inline!important;

}

/* Start - Custom glasses form - Tab style */

.tm-extra-product-options .tc-tabs-section .tc-section-inner-wrap .tc-tabs .tc-tab-content .tc-element-inner-wrap .tc-epo-label {
  font-size: 18px !important;
}
.tm-extra-product-options  .tc-tabs-section .tc-section-inner-wrap .tc-tabs .tc-tab-content .tmcp-field-wrap label{
    min-width: 100%!important;
}

.tm-extra-product-options  .tc-tabs-section .tc-section-inner-wrap .tc-tabs .tc-tab-content .tmcp-field-wrap .tmcp-textfield.tm-epo-field{
    width: 100%!important;
}

#custom-glasses-lenses-prescription-enable-id .tmcp-field-wrap-inner .tc-label-wrap .tc-label-text {
    font-size: 16px;
    font-weight: 500;
}

#custom-glasses-lenses-prescription-enable-id {
    margin: 15px 0;
}

.woocommerce div.product.product_cat-custom-glasses.tm-has-options .bzotech-form-cart-single .cart .detail-qty {
  display: none !important;
}

/* End -Custom glasses form - Tab style */
.bzotech-form-cart-single .quantity{
  display: none!important;
}
.bzotech-form-cart-single .product-title{
  font-size: 30px;
}
.bzotech-form-cart-single .price-couponbg .price .woocommerce-Price-amount{
  font-weight: 500;
    font-size: 28px;
    line-height: 36px;
}
.product-summary .woocommerce-Price-currencySymbol{
      font-size: 100%;
}
.popup-extra-tm_epo{
  display: flex;
  align-items: center;
}
.product-detail-info >.yith-wcwl-add-to-wishlist, .product-detail-info >.compare {
    display: none !important;
}
.ppc-button-wrapper{
  margin-top: 10px;
}
.vertical-thumbnails{
    scrollbar-width: none;
}
.product-thumbnails a,
.woocommerce-product-gallery__image{
  border: 1px solid rgba(0, 0, 0, .2);
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover{
  border-color: #000;
}
.woocommerce-tabs .product-tabs li>a{
font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: var(--bzo-title_typo-color);
    font-family: var(--bzo-title_typo-font-family);
    padding: 0 0 5px 0px;
    display: block;
    position: relative;
    text-transform: uppercase;
    transition: .3s;
}
.product-footer .woocommerce-tabs{
    border-top: none;
    padding: 0;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
    bottom: 0;
    top: auto;
    height: 2px;
}
.nav>li {
    margin: 0 20px;
}
.product-footer .woocommerce-tabs>.nav-line-grow, .product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) {
    margin-top: 0px;
    margin-bottom: 30px;
}
.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col{
  padding-bottom: 0px;
}
.product-section-title-related{
  font-size: 34px;
  padding: 0;
  margin-bottom: 40px;
}
.related-products-wrapper{
  margin-top: 100px;
  margin-bottom: 100px;
  border-top: none;
}
.header-main{
  border-bottom: 1px solid #F2F1F1;
}
.product-main {
    padding: 40px 0;
    padding-bottom: 100px;
}
.wishlist-icon .wishlist-button{
  border:none!important;
      color: var(--fs-experimental-link-color);
    font-size: 16px;
}
.wishlist-icon .wishlist-button .icon-heart:before{
  content: "\f004";
      font-family: 'Line Awesome Free';
    font-weight: 400;
}
.wishlist-icon .wishlist-button.wishlist-added .icon-heart:before,
.wishlist-icon .wishlist-button.wishlist-added .la-heart:before{
  font-weight: 900;
}
.wishlist-icon .wishlist-button:hover{
    background: transparent;
}
.wishlist-icon:hover .wishlist-popup{
  opacity: 0
}

.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
    box-shadow: none!important;
}
.image-video{
    position: relative;
}
.image-video .icon-video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image-video .icon-video i {
    background: #000000bf;
    color: #fff;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}
.meta-1,
.meta-3{
  display: flex;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
      align-items: center;
      font-size: 16px;
}
.meta-1 .total-stock{
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #d9d9d9;
}
.meta-1 .shipping{
    display: flex;
    align-items: center;
    gap: 10px;
}
.meta-2 {
   display: flex;
    align-items: center;
    gap:30px;
    margin-top: 15px;
}
.meta-2 div{
   display: flex;
    align-items: center;
    gap:10px;
}
.meta-2 div label{
   margin-bottom: 0px;
   font-weight: 400;
}
.meta-2 div .sku{
   font-weight: 600;
}
.meta-2 div .meta-item-list a{
   font-weight: 600;
}
.meta-3{
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.meta-3 p{
    font-weight: 600;
    margin-bottom: 0px;
}
.back-to-top {
  bottom: 104px;
  right: 45px;
}
@media(max-width: 1200px){
  .nav>li {
    margin: 0 10px;
  }
  .productDetail-size {
    margin-bottom: 0px;
  }
  .bzotech-form-cart-single .price-couponbg .price .woocommerce-Price-amount {
      font-size: 20px;
      line-height: 24px;
  }
  .product-info .price{
    margin: 0;
    margin-bottom: 5px;
  }
  .image-video .icon-video i{
    height: 38px;
    width: 38px;
    font-size: 20px;
  }
  .bzotech-form-cart-single .product-title {
    font-size: 20px;
  }
  .product-main {
    padding-bottom: 50px;
  }
  .related-products-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .product-section-title-related {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .item-grid-product-style2 .product-item .title h3 {
    font-size: 14px;
  }
}
@media(max-width: 849px){
  #bz-extra-product-options-fields {
    margin-top: 50px;
  }
}
@media(max-width: 767px){
  #select_lenses {
    padding:8px 25px;
  }
  #bz-extra-product-options-fields {
      margin-top: 30px;
  }
  .bzotech-form-cart-single .product-title {
    font-size: 18px;
  }
  .product-main {
    padding-top: 20px;
  }
}
@media(max-width: 549px){
  .woocommerce-tabs .product-tabs li>a {
      margin-bottom: 10px;
  }
  .product-footer .woocommerce-tabs>.nav-line-grow, .product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) {
    margin-top: 0px;
      margin-bottom: 0;
  }
}
.description-wap-sidebar .content-description{
    height: 90px;
    overflow: hidden;
}
.description-wap-sidebar .content-description p:last-child{
    margin-bottom:0;
}
.description-wap-sidebar.active .content-description{
    height: auto;
}
.xem-them-box .xem-them{
      font-weight: 500;
    margin-top: 10px;
    display: block;
}
.widget_product_categories .product-categories,
.woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list{
  display: none;
}
.woocommerce-widget-layered-nav .widget-title:after, 
.widget_product_categories .widget-title:after {
    content: "\f107";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 18px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.woocommerce-widget-layered-nav .widget-title.active:after, 
.widget_product_categories .widget-title.active:after {
    content: "\f106";
}
.widget .is-divider{
  display: none;
}
span.widget-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.widget_layered_nav li {
    padding: 0px;
    border: 1px solid #ccc!important;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    margin: 0px 10px 10px 0px !important;
}
.widget_layered_nav li:hover{
   border-color: var(--fs-color-primary)!important;
}
.widget_layered_nav li a{
        padding: 5px 20px!important;;
        display: inline-block!important;
}
.widget_layered_nav li .count{
   display: none;
}
.widget li.chosen a:before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
        top: 0px;
}
.widget_product_categories>ul>li {
    padding: 5px 0;
    border-top: none !important;
        font-size: 16px;
}
.widget_product_categories>ul>li a {
  position: relative;
  padding-left:28px;
}
.widget_product_categories>ul>li a:before {
   position: absolute;
    content: "";
    top: 10px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    background-color: #fff;
}
.widget_product_categories>ul>li a:after {
    position: absolute;
    content: "";
    top: 14px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 0px;
    background: transparent;
}
.widget_product_categories>ul>li.current-cat a:after {
    background: var(--primary-color);
}
.widget .current-cat>a {
    color: var(--primary-color);
    font-weight: 400;
}

@media(min-width: 850px){
  #shop-sidebar{
    position: sticky;
      top: 110px;
      max-height: calc(100vh - 260px);
      overflow-y: auto;
      padding-right: 20px;
  }
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
  top: 106px;
}
.nav-pagination.links{
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-pagination>li>a, .nav-pagination>li>span{
  border:1px solid #e5e5e5;
      border-radius: 4px;
      height: 35px;
    min-width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*mega menu*/
.custom-mega-menu a.ux-menu-link__link{
  border-bottom:none!important;
      font-size: 16px;
    color: #000;
}
.custom-mega-menu a.ux-menu-link__link:hover{
  padding-left: 10px!important;
}

.box-contact-form .wpcf7-form textarea {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    border: 1px solid #e5e5e5;
    height: 160px;
    box-shadow: none;
}

@media(max-width: 1200px) {
    .box-contact-form .wpcf7-form textarea {
        height:120px;
        padding: 10px 10px;
    }
}

.box-contact-form .wpcf7-form input.wpcf7-text {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    border: 1px solid #e5e5e5;
    height: 56px;
    line-height: 56px;
    border-radius: 0px;
    margin-bottom: 0px;
    box-shadow: none;
}

@media(max-width: 1200px) {
    .box-contact-form .wpcf7-form input.wpcf7-text {
        height:48px;
        line-height: 48px;
        padding: 0px 10px;
    }
}

.box-contact-form .wpcf7-form .bzotech-row .wpcf7-form-control-wrap {
    margin-bottom: 30px;
    display: block;
}

.box-contact-form .wpcf7-form input.wpcf7-submit {
    margin-top: 25px;
    min-width: 300px;
    height: 55px;
}

@media(max-width: 1200px) {
    .box-contact-form .wpcf7-form input.wpcf7-submit {
        min-width:auto;
    }
}

.box-contact-form .wpcf7-form label {
    margin-bottom: 8px;
    display: block;
}

.box-contact-form .wpcf7-form p {
    margin: 0;
}


@media(max-width: 1199px) {
    .box-contact-form.box-contact-form-v2 .wpcf7-form input.wpcf7-submit {
        margin-top:25px;
    }
}

.text-contact-page p{
  padding-bottom: 30px;
      margin-bottom: 30px;
    border-bottom: 1px solid #D9D9D9;
}
.text-contact-page h2{
  margin-bottom: 5px;
   font-size: 20px;
}
.text-contact-page{
    max-width: 350px;
}
@media(max-width: 549px) {
  .text-contact-page{
    max-width: 100%;
  }
}
#wrapper{
  overflow-y: hidden;
}
.header-search-form-wrapper .search-field{
    height: 38px;
    border-right: none;
}
.header-search-form-wrapper .submit-button {
    height: 38px;
}
.header-search-form-wrapper .submit-button .icon-search{
    top: 0;
}
.header-search-form-wrapper .submit-button .icon-search:before{
    font-size: 20px;
    color: #fff;
}
.accordion-title{
  padding: 1.5em 2.3em;
}
.accordion .toggle {
    height: 4.3em;
}
.theme-flatsome nav.woocommerce-MyAccount-navigation {
    width: 100%;
}
li.wishlist-account-element a,
li.woocommerce-MyAccount-navigation-link a{
    padding: 12px 15px;
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
  height: 38px;
    border: 1px solid #e5e5e5;
    box-shadow: none;
}
.theme-flatsome div.woocommerce-MyAccount-content {
    width: 100%;
}
.button.is-outline {
    line-height: 2.2em;
}
.box-blog-post .box-image .image-cover{
    padding-top: 100%!important;
}
.box-blog-post .box-text .blog-post-inner .post-title{
    font-size: 18px;
}
.single-post .entry-header .entry-title{
      font-size: 30px;
}
.archive-page-header .page-title{
    text-align: left;
    font-size: 24px;
    margin: 50px 0px;
}
.wishlist_compare_single_product {
    margin-top: 0px;
    display: flex;
    margin-right: -6px;
    margin-left: -6px;
    order: 0;
    width: 100%;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px 0;
}
.wishlist_compare_single_product a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    color:#333;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 6px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden;
}
.wishlist_compare_single_product .whatsapp-btn {
    width: auto;
    padding: 0px 15px;    
    color: #25d366;
}
.wishlist_compare_single_product .whatsapp-btn span {
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    color: #333;
}
.wishlist_compare_single_product .whatsapp-btn i {
    font-size: 22px
}
.ppcp-width-500 .ppcp-button-apm{
  display: none;
}

.product-categories .children .cat-item a {
	padding-left: 30px;
    padding-top: 8px;
}
    
/* ================================================== landing page ===========================================*/
/*============================================================================================================*/
:root {
      --optelux-navy: #1b1949;  /* Solid */
      --optelux-silver: #e6e6eb;/* Light */
      --radius-2xl: 1.25rem;
      --shadow-soft: 0 10px 30px rgba(0,0,0,.08);
    }
.landing-row-bg{
    background: linear-gradient(180deg, #e6e6eb 0%, #fff 65%);
    padding: 60px 0 40px;
}
.landing-box .landing-image-box{
    background: #fff;
    border: 1px dashed #e6e6eb;
    border-radius: 1.25rem;
    display: grid;
    place-items: center;
    padding: 16px;
}
.landing-image-box2{
    background: #fff; border: 1px solid var(--optelux-silver); border-radius: var(--radius-2xl); padding: 22px; box-shadow: var(--shadow-soft);
}
.landing-box .row-custom-padding{
  margin-left: -8px !important;
  margin-right: -8px !important;
}
.landing-box .row-custom-padding .col{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.landing-box .box-steps{
  margin-top: 24px;
}
.landing-box .col.hero-actions .col-inner p{ margin-bottom:0;}
.landing-box .col.hero-actions .col-inner{ display: flex; gap: 14px; flex-wrap: wrap; margin-top: 10px; align-items: center;}
.landing-box .primary-btn, 
.landing-box .secondary-btn {
  appearance: none; border: none; cursor: pointer; text-decoration: none;
  padding: 12px 18px; border-radius: 999px; font-weight: 600; font-size: 15px;
  display: inline-flex; align-items: center; gap: 10px;
}
.landing-box .primary-btn { background: var(--optelux-navy); color: #fff; }
.landing-box .primary-btn:hover { filter: brightness(1.05); }
.landing-box .secondary-btn { background: #f6f6f8; color: var(--optelux-navy); border: 1px solid var(--optelux-silver); }
.landing-box h1 {
    font-size: clamp(34px, 4.4vw, 54px); line-height: 1.05; margin: 10px 0 15px; color: var(--optelux-navy);
}
.landing-box h2 {
    color: var(--optelux-navy);
    font-size: clamp(28px, 3vw, 40px);
    margin: 0 0 10px;
}
.landing-box p.desc { font-size: 18px; color: #33384a; max-width: 56ch; margin-bottom: 10px; }
.landing-box.box-step3 p.desc{
  max-width: 100%;
}
.landing-box .box-steps .col-inner{ background: #fff; border: 1px solid var(--optelux-silver); border-radius: 14px; padding: 18px; }
.landing-box .box-step h4 { margin: 0 0 6px; font-size: 16px; color: var(--optelux-navy); }
.landing-box .box-step p { margin: 0; color: #3c4157; font-size: 14px; }
.landing-box .badge-step{ display: inline-block; background: var(--optelux-silver); color: var(--optelux-navy); padding: 8px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .08em; 
  width: 100%;
}
.landing-box .badge-step p{
  margin: 0;
}
.landing-box .card {
    background: #fff; border: 1px solid var(--optelux-silver); border-radius: var(--radius-2xl); padding: 22px; box-shadow: var(--shadow-soft);
}
.landing-box .list { display: grid; gap: 10px; }
.landing-box .list-box{
	padding:20px;
	border:1px solid #E6E6EB;
	border-radius:20px;
}
.landing-box .list li { background: #fff; border: 1px solid var(--optelux-silver); padding: 14px 16px; border-radius: 12px; margin: 0;
  font-size: 16px;  }

.landing-box .product-cards .col-inner{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.landing-box .product-card{ border: 1px solid var(--optelux-silver); border-radius: 14px; overflow: hidden; background: #fff; box-shadow: var(--shadow-soft); }
.landing-box .product-card img { background: #f7f7fb; aspect-ratio: 4 / 3; display: grid; place-items: center; color: #7a7e90; }
.landing-box .product-card .meta { padding: 14px; display: grid; gap: 6px; }
.landing-box .stack-ai .col-inner{
  display: grid;
  gap: 20px;
}
.landing-box .stack-ai .stack-ai-bottom .col-inner{
  display: flex;
  gap: 12px;
  align-items: center;
}
.landing-box .stack-ai .stack-ai-bottom .col-inner p{
  margin: 0; color: #6a6e82; font-size: 14px;
}
.landing-box .btn-chip { border: 1px solid var(--optelux-silver); border-radius: 999px; padding: 7px 12px; background: #fff; cursor: pointer; 
  line-height: 1.2; 
  min-height: unset; margin-right: 5px;
}
.landing-box .btn-chip span{
  line-height: 1;
  color: #000;
  font-weight: 400;
  padding: 0;
}
.landing-box .btn-chip:hover { background: var(--optelux-navy); color: #fff; }
.landing-box .btn-chip:hover span{
  color: #fff;
}
.landing-box .card-product .box-text{
  font-size: 16px; padding: 0;
}
.landing-box .card-product .box-text br{
  display: none;
}
.landing-box .card-product { border: 1px solid var(--optelux-silver); border-radius: 14px; overflow: hidden; background: #fff; box-shadow: var(--shadow-soft); }
.landing-box .card-product .img { background: #f7f7fb; aspect-ratio: 4 / 3; display: grid; place-items: center; color: #7a7e90; }
.landing-box .card-product .meta { padding: 14px; display: grid; gap: 6px; }
.landing-box .card-product .pill { font-size: 12px; background: var(--optelux-silver); color: var(--optelux-navy); padding: 4px 8px; border-radius: 999px; display: inline-block; }
.box-step3 .stack-ai{
  margin-bottom: 30px;
}
.landing-box.box-step3 .product-cards{
  margin: 10px 0 20px 0;
}
.landing-row-bg2{ background: linear-gradient(180deg, #fff 0%, var(--optelux-silver) 100%); }

.landing-tabs .nav>li{
  margin: 0 12px 0 0;
}
.landing-tabs .nav>li>a{
  font-size: 14px;
  border: 1px solid var(--optelux-silver); border-radius: 999px; padding: 6px 12px; background: #fff; cursor: pointer;
  line-height: 1.5;
}
.landing-tabs .nav-pills>li.active>a{
  border-color: var(--optelux-navy);
  background: var(--optelux-navy);
}

@media(max-width: 767px){
  .landing-box .box-steps .col-inner{
    margin-bottom: 15px;
  }
  .landing-box p.desc { font-size: 16px; }
  .landing-box .stack-ai .col-inner{
    gap: 12px;
  }
  .landing-box .stack-ai .stack-ai-bottom .col-inner{
    flex-direction: column;
    margin-bottom: 30px;
  }
  .landing-box .product-cards .col-inner {
    grid-template-columns: repeat(1, 1fr);
  }
  .landing-box .stack-ai .hero-actions{
    margin-bottom: 30px;
  }
  .landing-tabs .nav>li{
    margin: 0 10px 10px 0;
  } 
  .landing-box.box-step3 .product-cards{
    margin-top: 0;
  }
}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:999px;border:1px solid transparent;background:#1b1949;color:#e6e6eb;text-decoration:none;font-weight:600}
.btn.secondary{background:transparent;border-color:#1b1949;color:#1b1949}

/* Hero */
.hero{background:#1b1949;color:#e6e6eb}
.hero .inner{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:clamp(48px, 6vw, 96px) 0}
.hero p{opacity:.9}
.hero .media{aspect-ratio:4/3;border-radius:16px;background:linear-gradient(135deg, rgba(230,230,235,.08), rgba(27,25,73,.0));border:1px solid rgba(230,230,235,.2);position:relative;overflow:hidden}
.hero .frame{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;opacity:.9}
.hero .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(230,230,235,.12) 1px, transparent 1px),linear-gradient(90deg, rgba(230,230,235,.12) 1px, transparent 1px);background-size:40px 40px}
.hero .cta{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
/* 3‑step VisionCraft */
.section{padding:clamp(48px, 6vw, 96px) 0}
.muted{color:#444}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid #eee;border-radius:16px;padding:20px;background:#fff}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#666;margin-bottom:6px}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#f6f6f9;border:1px solid #ececf3;font-size:12px}
@media (max-width: 900px){.steps{grid-template-columns:1fr}}
/* Collections */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{border-radius:16px;overflow:hidden;border:1px solid #eee;background:#f7f7fb}
.tile .img{aspect-ratio:3/4;background:linear-gradient(180deg, #f2f2f8, #e6e6eb)}
.tile .meta{padding:14px}
@media (max-width: 1100px){.tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 620px){.tiles{grid-template-columns:1fr}}
/* Why OpteLux */
.icons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.icon{display:flex;gap:12px;align-items:flex-start;border:1px solid #eee;border-radius:16px;padding:16px}
.dot{width:14px;height:14px;border-radius:50%;background:#1b1949;flex:0 0 auto}
@media (max-width: 900px){.icons{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 520px){.icons{grid-template-columns:1fr}}
/* Email Capture */
.signup{border:1px solid #eee;border-radius:16px;padding:20px;background:linear-gradient(180deg,#ffffff,#fafafe)}
.form{display:flex;gap:10px;margin-top:12px}
.form input{flex:1;min-width:0;padding:14px 16px;border-radius:999px;border:1px solid #d9d9e6;font-size:16px}
.form button{cursor:pointer}