/*.body{*/
/*    font-family:Montserrat-Regular !important;*/
/*}*/

@font-face {
  font-family: 'Montserrat';
  src: url('icon/Montserrat-Regular.ttf') format('truetype'), 
  src: url('icon/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.searchimg{
    position: absolute;
    top:50%;
    margin-top: -10px;
}
#tuichu1 {
    width: 30%;
}

.section-full{
    padding-left: 4.25rem;
    padding-right: 4.25rem;
    padding-bottom: 3%;
}	

.swiper-pagination1 .swiper-pagination-bullet {
    z-index: 10;
    margin-right: 27%!important;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #fff;
    margin-bottom: 2.5rem;
    cursor: pointer;
    opacity: 1;
    border: 1px solid #cccccc;
    float:left;
}
 .time1{
   position: absolute;
   top: 3.4375rem;
   left: 0.2%;
   height: 2px;
}
.time2{
   position: absolute;
   top: 3.4375rem;
   left: 26.5%;
   height: 2px;
}
.time3{
   position: absolute;
   top: 3.4375rem;
   left: 52.5%;
   height: 2px;
}  

.docking2-1 {
    align-items: flex-start;
    width: 100%;
    height: 26rem;
    text-align: center;
}

 .docking2 .title {
    font-family:Montserrat !important;
    font-size: 1.875rem;
    text-align: center;
    line-height: 2.3rem;
    font-weight: 700;
    max-height: 5.5rem;
    z-index: 999;
    overflow: hidden;
    display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示两行 */
  -webkit-box-orient: vertical; /* 文本在垂直方向排列 */
}
 
.docking2  .title p{  
margin:0;
padding:0;
}
 
.nav .navfl .navul li .navlist{width:100%;position:absolute;left:0;right:0;display:block;z-index:999999;background-color: white;box-shadow: 0px 3px 8px rgba(0,0,0,0.1);}

.workshop_all .content{ width:53%; height: 30rem;  z-index: 2;background-color:white; float:left;border-radius:26px 0  0 26px;}
.workshop_all .content12{ width:53%; height: 30rem;  z-index: 2;background-color:white; float:left;}

@media screen and (max-width:1459px){
    .workshop_all .content{ width:53%; height: 24.3rem;  z-index: 2;background-color:white; float:left;border-radius:26px 0  0 26px;}
    .workshop_all .content12{ width:53%; height: 24.3rem;  z-index: 2;background-color:white; float:left;}
}
@media screen and (max-width:1239px){
    .workshop_all .content{ width:53%; height: 21.3rem;  z-index: 2;background-color:white; float:left;border-radius:26px 0  0 26px;}
    .workshop_all .content12{ width:53%; height: 21.3rem;  z-index: 2;background-color:white; float:left;}
}
.workshop_all  .content_text{
width: 60%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
position: relative;
height: 150px;}
.workshop_all  .title{  
    font-family:Montserrat !important;
    font-size: 42px;
    text-align: center;
    font-weight: 600;
    color: #202020;
    max-height: 95px;
    line-height: 45px;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示两行 */
  -webkit-box-orient: vertical; /* 文本在垂直方向排列 */
}
.workshop_all  .title p{  
margin:0;
padding: 0;
}
.workshop_all  .subtitle{  
    font-family: Montserrat !important;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
  color: #000000;
}
.workshop_all  .subtitle:hover .tpicture{
   background-position:0px 0px;
}



.tpicture{
    width: 22px;
    height: 22px;
    margin-left: 58%;
    margin-top: -25px;
}
.subtitle img{
   display: inline-block;
   margin-bottom: 5px;
}
.backwhite{
    background-color: white;
}
/* 轮播 */
.swiper-box {
	position: relative;
}

.swiper-box>p{
	font-family: Montserrat !important;
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 14px;
  padding-bottom: 2rem;
  padding-top: 3rem;
}

.swiper-container {
    width: 15%;
	margin: 0 !important;
}
.swiper-container1{
    width: 85%;
}
.swiper-container1 span{
    font-family: Montserrat !important;
}
.slideshow-pag {
    width: 90%;
}

.swiper-wrapper {
	position: unset;
}

.slideshow-btn {
    z-index: 9999;
    width: 40px;
    height: 40px !important;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    position: static !important;
    margin-left:40px;
    margin-top: -40px;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
     margin-left: 95px;
    margin-top: 22px;
    position: static !important;
}
.swi1  .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    position: static !important;
    margin-left: 95px;
    margin-top: 24px;
}
.swi1  .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    position: static !important;
    margin-left:40px;
    margin-top: -40px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: none !important
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none !important
}

.swiper {
	width: 100%;
	height: 100%;
}
#swiper1{
    width: 116%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 90%;
	object-fit: cover;
}

.swiperasd {
    display: flex;
    width: 85%;
	position: relative;
	height: 6.25rem;
}

.swiperasd1 {
    width: 100%;
	position: relative;
	height: 6.25rem;
}
.swiperasd2 {
    width: 55%;
    margin-left: 22.5% ;
	position: relative;
	height: 6rem;
}
.swiperasd2 .swiper-container{
	position: absolute;
	right: 0;
	width: auto;
}
.swiperasd2  .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    position: static !important;
    margin-left:28px;
    margin-top: -40px;
}

.swiperasd2  .swiper-button-next,
.swiper-rtl .swiper-button-prev {
     margin-left: 78px;
    margin-top: 25px;
    position: static !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #555 !important;
    margin-top: 0px;
    height: 2px !important;
}
.slideshow-pag {
	width: 86% !important;
	position: absolute;
	right: 3% !important;
	top: 50% !important;
}
.swt1-Container{
    background-color: white;
    margin-left: auto;
    margin-right: auto;
}
.picture1{
    display: block;
    width: 350px !important;
    height: 29.375rem !important;
    background: #FFFFFF;
    border-radius: 26px 26px 26px 26px;
    text-align: center;
}
.picture1 img{
    width: 13.5rem;
    height: 12.875rem;
    display: block;
  
}
.picture1 img:hover{
   transform: scale(1.1);
}
.picture1-div {
    width: 13.5rem;
    height: 12.875rem;
     display: block;
       position: absolute;
       left: 50%;
       top: 30%;
       margin-left: -6.75rem;
       margin-top: -6.4375rem;
	background-repeat: no-repeat;
	transition: transform .3s ease-in-out;
	 图片缩放过渡效果 
	background-size: 100% 100%;
}
.picture1-div img {
    width: 13.5rem;
    height: 12.875rem;
}
.picture1-div:hover {
	/*transform: translateX(100%);*/
	transform: scale(1.09);
}
.picture1 a{
    font-size: 0.8rem;
    font-weight: 600;
}
.picture1 .more{
    font-family: Montserrat !important;
    font-size: 0.8rem;
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -40px;
}
.picture1  .title{font-size: 1.25rem;
font-family:Montserrat !important;
text-align: center;
line-height: 1.5rem;
font-weight: 700;
margin-top: 18rem;
padding: 0 30px;
max-height: 49px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示两行 */
  -webkit-box-orient: vertical; /* 文本在垂直方向排列 */
}
 
.picture1  .title p{  
    margin:0;
    padding: 0;
}
.picture1  .subtitle{font-size: 1em;
text-align: center;
margin-top: 1rem;
line-height: 1.125rem;
font-size: medium;
width: 80%;
margin: auto;
  margin-bottom: auto;
margin-top: 1rem;
margin-bottom: 1.25rem;
max-height: 33px;
overflow: hidden;}

.da1{
     width: 80%;
    overflow: hidden;
    margin:auto;
}

.col{
    font-family: Montserrat !important;
    width: 20%;
    float: left;
    height: 230px;
   text-align: center;
   font-size: 1rem;
   font-weight: bold;
    color: #000000;
    padding-bottom: 3%;
    padding-top: 2%;
}
.col img{
    margin-top: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    width: 75px;
    max-width: 75px !important;
}
.col img:last-child{
    margin-top: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
   height: 75px !important;
}

.docking1-1{
     width: 50%;
    text-align: center;
    background-color: white;
}
.docking1-2{
     width: 50%;
    background-color: white !important;
}
.docking1-2 img{
    margin-left: 10%;
}
.docking1-1  .title{font-size: 2.25rem;
font-family:Montserrat !important;
text-align: center;
line-height: 2.375rem;
font-weight: 700;
margin-top: 18rem;
overflow: hidden;}
.docking1-1  .subtitle{font-size: 1.25em;
text-align: center;
width: 55%;
margin-left: 23%;
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.375rem;
    
}

.docking1-1  .title a{color:black;}
 .docking2{
    display: flex;
    width: 100%;
    opacity: 1;
    padding-top:1%;
    background-color: #fff;
}
 .docking2:last-child{
    padding-top:1% !important;
 }
 .docking2:first-child .docking2-1:first-child  .title a{
   color: black;
}
.docking2a:last-child {
   margin-left: 1%;
   color: white;
}
.docking2-1:last-child .title a{
   color: white;
}
.docking2a{
   overflow: hidden;
   width: 49.5%;
   /*height: 34rem;*/
   display: block;
   position: relative;
}
.docking2-1:hover{
     transform: scale(1.09); /* 图片放大 */
   /*background-size:  auto 120% ;*/
   
}             
.docking2a-text{
  z-index: 9999;
  position: absolute;
  top: 10%;
  width: 48%;
  margin-left: 26%;
}
.docking2-1{
  background-size: cover; /* 保持图片比例并填充容器 */
  transition: transform 1s ease; /* 设置过渡效果：缩放持续时间为0.5秒，缓动函数为ease（平滑过渡） */
}
.docking2  .title a{
    overflow: hidden; /* 隐藏超出部分的文本 */
    text-overflow: ellipsis; /* 显示省略号 */
}
.docking2  .subtitle{
    font-family: Montserrat !important;
    font-size:1rem; text-align: center;line-height:1.4em;margin-top:5px;
    max-height: 1.5rem;
    overflow: hidden;
    z-index: 999;
    width: 140%;
    margin-left: -20%;
    overflow: hidden;
    display: -webkit-box;
   -webkit-line-clamp: 1; /* 显示两行 */
   -webkit-box-orient: vertical; /* 文本在垂直方向排列 */
}
    
    .docking2  .subtitle p{  
    margin:0;
    padding: 0;
    }
.docking2 .more{
    font-family: Montserrat !important;
    text-align: center;
    z-index: 999;
}
.title1{
    color: white;
}

.more{
     font-size:1.0rem ;
    color: #004BFA;
}
.picture2{
    display: flex;
    width: 100% !important;
    height: 43.75rem!important;
    background: #FFFFFF;
    border-radius: 26px 26px 26px 26px;
    text-align: center;
}
.picture2>div{
    width: 50%;
    text-align: left;
    /*overflow: hidden;*/
}
.item-img-div{
     width: 100%;
    height: 42.625rem;
    display: block;
    border-radius: 26px 26px 26px 26px;
    /*overflow: hidden;*/
    background-repeat: no-repeat;
	transition: transform .3s ease-in-out;
	/* 图片缩放过渡效果 */
	background-size: 100% 100%;
}
.item-img-div img {
    margin-left: 1%;
    border-radius: 26px 26px 26px 26px;
     width: 98%;
    height: 41.625rem;
}
 .item-img-div:hover {
	transform: scale(1.02);
	/* 图片放大 */
}
  @media screen and (max-width:1459px){
   .picture2 .item-img{
    height: 37.625rem;
    display: block;
    border-radius: 26px 26px 26px 26px;
    overflow: hidden;
}
}

/*.picture2 img{*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

.picture2  .title{font-family:Montserrat !important;font-size: 48px; text-align: left; line-height: 4rem;font-weight:600; width: 80%;
    margin-left:10%;}
.picture2  .subtitle{font-size: 1.25rem;
    font-family: Montserrat !important;
    text-align: left;
    
    line-height: 1.575rem;
    width: 80%;
    margin-left:10%;
    margin-bottom: 5%;
    margin-top: 20px;
}
.picture2  a{ text-align: left; width: 80%;
    margin-left:10%;
    font-family: Montserrat !important;
    color:#004BFA}
.Container1{
    background-color: white;
}
#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce,#shopify-section-template--19206104285484__before-after-image{
    background-color: white;
}
.swiper-pagination1 {
  position: absolute;
  bottom: 3rem !important;
  width: 86% !important; 
  flex-direction: column;
  align-items: center;
}

.swiper-pagination1 .swiper-pagination-bullet-active {
  background-color: #000;
}
 #timeline{
    position: relative;
}
hr{
   z-index: -1;
   width: 85%;
   position: absolute;
   top: 2.6875rem;
   left: 1rem;
   height: 2px;
   background-color: #F5F5F5;
}


.number-con{
    height: 17rem;
    background-color: #004BF9;
}
.number-con>div{
    text-align: center;
    width: 33.3%;
    height: 17rem;
    float: left;
    color: white;
}

.number-scroll {
    font-family: Montserrat !important;
    margin-top: 9.375rem;
  font-size:3.125rem;
  font-weight: bold;
  animation: number-scroll 1s ease-in-out forwards;
}
.tex-scroll{
    font-family: Montserrat !important;
     font-size:1.25rem;
    margin-top: -5.125rem;
}
.Container11{
    display: flex;
    background-color: #004BF9;
}
@keyframes number-scroll {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}

.picture3{
    display: table-cell;
    width: 31% !important;
    height: 100%!important;
    background: #FFFFFF;
    border-radius: 26px 26px 26px 26px;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-height: 700px;
   
}
.picture3-div{
   
    background-repeat: no-repeat;
	transition: transform .3s ease-in-out;
	/* 图片缩放过渡效果 */
	background-size: 100% 100%;
}
.picture3-div img{
     width: 100% !important;
    height:100%!important;
    display: block;
    border-radius: 26px 26px 26px 26px;
}

.picture3-div:hover {
	transform: scale(1.1);
	/* 图片放大 */
}
.picture3 .title{
    font-family:Montserrat !important;
    font-size: 1.5rem;
    position: absolute;
    left: 5%;
    bottom: 5%;
    color: white;
    width: 90%;
    height: 77px;
    font-weight: 600;
    line-height: 2.4rem;
    text-align: left;
     overflow: hidden;
    display: -webkit-box;
   -webkit-line-clamp: 2; /* 显示两行 */
   -webkit-box-orient: vertical; /* 文本在垂直方向排列 */
}
.picture3 .title a {color: #fff;}
.picture3 .title p{  
    margin:0;
    padding: 0;
}
.mySwiper2{
    margin-top: 3.5em;
}

.Container9{color: #000 !important;
    margin-top: 4.5rem;
    display: flex;
    background-color: white;
    border-radius: 25px;
     box-shadow: 5px 5px  30px 5px #D6D6DE;
}
.divleft{
    width: 40%;
}
.divleft  .title{font-family:Montserrat !important;font-size: 3.5rem; text-align: left; font-weight:700;width:75%;margin-left:15%;margin-top:10%;overflow:hidden}
.divleft  .subtitle{font-size: 1.5rem; text-align: left;width:75%;margin-left:15%;margin-top:1%;line-height: 1.7rem;
    font-family: Montserrat !important;}
.divleft  .subtitle1{font-size: 1rem; text-align: left;width:75%;margin-left:15%;margin-top:2%; margin-bottom:10%;line-height:1.5rem;
    font-family: Montserrat !important;}
.divright{
    width: 60%;
    display: flex;
    margin-bottom: 7%;
}

.accordion {
    border-radius: 10px;
    margin-top: 10%;
     margin-bottom: auto;
    margin-left: 3%;
  width: 90%;
  border: 1px solid  #D6D6D6;
  border-radius: 10px;
}

.accordion-item {
    font-family: Montserrat !important;
    margin-left: 5%;
    margin-top: 1%;
    width: 90%;
    margin-bottom: 10px;
    border-bottom: 1px solid #D6D6D6;
}
.accordion-item:last-child {
    margin-left: 5%;
    margin-top: 1%;
    width: 90%;
    margin-bottom: 3%;
    border-bottom: 0;
}
.accordion-item:first-child {
    margin-top: 3%;
}
.accordion-header {
    font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
    overflow: hidden; /* 隐藏超出容器的内容 */
}

.accordion-header h3 {
  margin: 0;
}

.text-hidden{
  white-space: nowrap; /* 防止文字换行 */
  text-overflow: ellipsis; /* 显示省略号 */
  overflow: hidden; /* 隐藏溢出部分的文字 */
}
.accordion-header span {
 /*width: 60px;*/
 height: 30px;
 text-align: center;
}

.accordion-content {
  font-size: 1rem;
  font-weight: 400;
  padding: 10px;
  display: none;
}

.accordion-icon {
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.accordion-item.active .accordion-icon {
  transform: rotate(90deg);
}
.Container8{
    display: flex; margin-top:3.5rem;margin-bottom: 3.5rem;
}
.Container8 .col1{
    font-weight:400 !important ;
    width: 50%;
}
.Container8 .col1 img{
    width: 60px;
    height: 60px;
    margin-top:2%;
    display: block;
    margin-left: auto;
    margin-right: auto;max-width: 100px;
}
.Container8  .titlea{font-family:Montserrat !important;font-size: 1.25rem; text-align: center; font-weight:600;line-height:2.5rem;}
.Container8  .subtitlea{font-size:13px; text-align: center;line-height:1rem; max-width:50%; margin:auto;color: #000 !important;
    font-family: Montserrat !important;}
/* 图片切换 */
/* Typography (heading) */
@font-face {
    font-family:Montserrat !important;
	font-weight: 400;
	font-style: normal;
	font-display: fallback;
}

/* Typography (body) */
@font-face {
    font-family:Montserrat !important;
	font-weight: 400;
	font-style: normal;
	font-display: fallback;

}

@font-face {
    font-family:Montserrat !important;
	font-weight: 700;
	font-style: normal;
	font-display: fallback;

}

:root {
	/**
     * ---------------------------------------------------------------------
     * SPACING VARIABLES
     *
     * We are using a spacing inspired from frameworks like Tailwind CSS.
     * ---------------------------------------------------------------------
     */
	--spacing-0-5: 0.125rem;
	/* 2px */
	/*! --spacing-1: 0.25rem; */
	/* 4px */
	--spacing-1-5: 0.375rem;
	/* 6px */
	--spacing-2: 0.5rem;
	/* 8px */
	--spacing-2-5: 0.625rem;
	/* 10px */
	--spacing-3: 0.75rem;
	/* 12px */
	--spacing-3-5: 0.875rem;
	/* 14px */
	--spacing-4: 1rem;
	/* 16px */
	--spacing-4-5: 1.125rem;
	/* 18px */
	--spacing-5: 1.25rem;
	/* 20px */
	--spacing-5-5: 1.375rem;
	/* 22px */
	--spacing-6: 1.5rem;
	/* 24px */
	--spacing-6-5: 1.625rem;
	/* 26px */
	--spacing-7: 1.75rem;
	/* 28px */
	--spacing-7-5: 1.875rem;
	/* 30px */
	--spacing-8: 2rem;
	/* 32px */
	--spacing-8-5: 2.125rem;
	/* 34px */
	--spacing-9: 2.25rem;
	/* 36px */
	--spacing-9-5: 2.375rem;
	/* 38px */
	--spacing-10: 2.5rem;
	/* 40px */
	--spacing-11: 2.75rem;
	/* 44px */
	--spacing-12: 3rem;
	/* 48px */
	--spacing-14: 3.5rem;
	/* 56px */
	--spacing-16: 4rem;
	/* 64px */
	--spacing-18: 4.5rem;
	/* 72px */
	--spacing-20: 5rem;
	/* 80px */
	--spacing-24: 6rem;
	/* 96px */
	--spacing-28: 7rem;
	/* 112px */
	--spacing-32: 8rem;
	/* 128px */
	--spacing-36: 9rem;
	/* 144px */
	--spacing-40: 10rem;
	/* 160px */
	--spacing-44: 11rem;
	/* 176px */
	--spacing-48: 12rem;
	/* 192px */
	--spacing-52: 13rem;
	/* 208px */
	--spacing-56: 14rem;
	/* 224px */
	--spacing-60: 15rem;
	/* 240px */
	--spacing-64: 16rem;
	/* 256px */
	--spacing-72: 18rem;
	/* 288px */
	--spacing-80: 20rem;
	/* 320px */
	--spacing-96: 24rem;
	/* 384px */
	/* Container */
	--container-max-width: 1300px;
	--container-narrow-max-width: 1050px;
	--container-gutter: var(--spacing-5);
	--section-outer-spacing-block: var(--spacing-14);
	--section-inner-max-spacing-block: var(--spacing-12);
	--section-inner-spacing-inline: var(--container-gutter);
	--section-stack-spacing-block: var(--spacing-10);
	/* Grid gutter */
	--grid-gutter: var(--spacing-5);
	/* Product list settings */
	--product-list-row-gap: var(--spacing-8);
	--product-list-column-gap: var(--grid-gutter);
	/* Form settings */
	--input-gap: var(--spacing-2);
	--input-height: 2.625rem;
	--input-padding-inline: var(--spacing-4);
	/* Other sizes */
	--sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
	/* RTL support */
	--transform-logical-flip: 1;
	--transform-origin-start: left;
	--transform-origin-end: right;
	/**
     * ---------------------------------------------------------------------
     * TYPOGRAPHY
     * ---------------------------------------------------------------------
     */
	/* Font properties */
	--heading- font-family:Montserrat !important;
	--heading-font-weight: 400;
	--heading-font-style: normal;
	--heading-text-transform: normal;
	--heading-letter-spacing: -0.02em;
	--text- font-family:Montserrat !important;
	--text-font-weight: 400;
	--text-font-style: normal;
	--text-letter-spacing: 0.0em;
	/* Font sizes */
	--text-h0: 2.75rem;
	--text-h1: 2rem;
	--text-h2: 1.75rem;
	--text-h3: 1.375rem;
	--text-h4: 1.125rem;
	--text-h5: 1.125rem;
	--text-h6: 1rem;
	--text-xs: 0.6875rem;
	--text-sm: 0.75rem;
	--text-base: 0.875rem;
	--text-lg: 1.125rem;
	/**
     * ---------------------------------------------------------------------
     * COLORS
     * ---------------------------------------------------------------------
     */
	/* Color settings */
	--accent: 230 230 233;
	--text-primary: 26 26 26;
	--background-primary: 242 242 242;
	--dialog-background: 255 255 255;
	--border-color: var(--text-color, var(--text-primary)) / 0.12;
	/* Button colors */
	--button-background-primary: 230 230 233;
	--button-text-primary: 0 75 250;
	--button-background-secondary: 0 75 250;
	--button-text-secondary: 255 255 255;
	/* Status colors */
	--success-background: 224 233 254;
	--success-text: 0 75 250;
	--warning-background: 254 237 231;
	--warning-text: 248 103 52;
	--error-background: 254 231 231;
	--error-text: 248 58 58;
	/* Product colors */
	--on-sale-text: 248 103 52;
	--on-sale-badge-background: 248 103 52;
	--on-sale-badge-text: 255 255 255;
	--sold-out-badge-background: 0 0 0;
	--sold-out-badge-text: 255 255 255;
	--primary-badge-background: 128 60 238;
	--primary-badge-text: 255 255 255;
	--star-color: 255 183 74;
	--product-card-background: 255 255 255;
	--product-card-text: 26 26 26;
	/* Header colors */
	--header-background: 252 252 255;
	--header-text: 26 26 26;
	/* Footer colors */
	--footer-background: 0 0 0;
	--footer-text: 255 255 255;
	/* Rounded variables (used for border radius) */
	--rounded-xs: 0.25rem;
	--rounded-sm: 0.375rem;
	--rounded: 0.75rem;
	--rounded-lg: 1.5rem;
	--rounded-full: 9999px;
	--rounded-button: 3.75rem;
	--rounded-input: 0.5rem;
	/* Box shadow */
	--shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1);
	--shadow: 0 5px 15px rgb(var(--text-primary) / 0.1);
	--shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1);
	--shadow-block: 2px 18px 50px rgb(var(--text-primary) / 0.1);
	/**
     * ---------------------------------------------------------------------
     * OTHER
     * ---------------------------------------------------------------------
     */

	/* --cursor-close-svg-url: url(//cdn.shopifycdn.net/s/files/1/0745/7911/6332/t/15/assets/cursor-close.svg?v=147174565022153725511684750000);
            --cursor-zoom-in-svg-url: url(//cdn.shopifycdn.net/s/files/1/0745/7911/6332/t/15/assets/cursor-zoom-in.svg?v=154953035094101115921684750000);
            --cursor-zoom-out-svg-url: url(//cdn.shopifycdn.net/s/files/1/0745/7911/6332/t/15/assets/cursor-zoom-out.svg?v=16155520337305705181684750000);
            --checkmark-svg-url: url(//cdn.shopifycdn.net/s/files/1/0745/7911/6332/t/15/assets/checkmark.svg?v=142580986663813899141685501699);*/
}

[dir="rtl"]:root {
	/* RTL support */
	--transform-logical-flip: -1;
	--transform-origin-start: right;
	--transform-origin-end: left;
}

@media screen and (min-width: 700px) {
	:root {
		/* Typography (font size) */
		--text-h0: 3.5rem;
		--text-h1: 2.5rem;
		--text-h2: 2rem;
		--text-h3: 1.625rem;
		--text-h4: 1.375rem;
		--text-h5: 1.125rem;
		--text-h6: 1rem;
		--text-xs: 0.6875rem;
		--text-sm: 0.75rem;
		--text-base: 0.875rem;
		--text-lg: 1.125rem;
		/* Spacing */
		--container-gutter: 2rem;
		--section-outer-spacing-block: var(--spacing-20);
		--section-inner-max-spacing-block: var(--spacing-14);
		--section-inner-spacing-inline: var(--spacing-14);
		--section-stack-spacing-block: var(--spacing-12);
		/* Grid gutter */
		--grid-gutter: var(--spacing-6);
		/* Product list settings */
		--product-list-row-gap: var(--spacing-12);
		/* Form settings */
		--input-gap: 1rem;
		--input-height: 3.125rem;
		--input-padding-inline: var(--spacing-5);
	}
}

@media screen and (min-width: 1000px) {
	:root {
		/* Spacing settings */
		--container-gutter: var(--spacing-12);
		--section-outer-spacing-block: var(--spacing-20);
		--section-inner-max-spacing-block: var(--spacing-18);
		--section-inner-spacing-inline: var(--spacing-18);
		--section-stack-spacing-block: var(--spacing-12);
	}
}

@media screen and (min-width: 1150px) {
	:root {
		/* Spacing settings */
		--container-gutter: var(--spacing-12);
		--section-outer-spacing-block: var(--spacing-24);
		--section-inner-max-spacing-block: var(--spacing-18);
		--section-inner-spacing-inline: var(--spacing-18);
		--section-stack-spacing-block: var(--spacing-12);
	}
}

@media screen and (min-width: 1400px) {
	:root {
		/* Typography (font size) */
		--text-h0: 4.5rem;
		--text-h1: 3.5rem;
		--text-h2: 2.75rem;
		--text-h3: 2rem;
		--text-h4: 1.75rem;
		--text-h5: 1.375rem;
		--text-h6: 1.25rem;
		--section-outer-spacing-block: var(--spacing-28);
		--section-inner-max-spacing-block: var(--spacing-20);
		--section-inner-spacing-inline: var(--spacing-20);
	}
}

@media screen and (min-width: 1600px) {
	:root {
		--section-outer-spacing-block: var(--spacing-32);
		--section-inner-max-spacing-block: var(--spacing-24);
		--section-inner-spacing-inline: var(--spacing-24);
	}
}

body {
	--background: var(--background-primary);
	--text-color: var(--text-primary);
	background: rgb(var(--background));
	color: rgb(var(--text-color));
	font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family);
	letter-spacing: var(--text-letter-spacing);
	margin: 0;
	position: relative;
}

.section {
	padding-block-start: calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));
	padding-block-end: var(--calculated-section-spacing-block-end);
}

[role="main"] .shopify-section:not(.contents) {
	display: flow-root;
}

[role="main"] .shopify-section {
	--section-is-first: 0;
	--hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1));
	--hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference));
	/*--background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1));*/
	background: rgb(var(--background));
	position: relative;
	padding-top:96px;
	padding-bottom: 20px;
}
#shopify-section-template--19206104285484__before-after-image{
    	padding-top:0.1rem;
}
@media screen and (min-width: 1150px) {
	.section-stack__main {
		width: 50%;
	}

	.section-stack--center {
		justify-items: center;
	}
}

.justify-center {
	justify-content: safe center;
}

.rich-text {
	display: flex;
}

.rich-text__wrapper {
	max-width: var(--rich-text-max-width);
}

.rich-text .prose,
.split-rich-text .prose {
     font-family:Montserrat !important;
	align-items: start;
	display: grid;
}
.hyphenate{
    
}

.justify-items-center {
	justify-items: safe center;
}

.text-center {
	text-align: center;
}

.prose> :first-child,
.prose> :first-child :first-child {
     font-family:Montserrat !important;
    font-weight: 700;
	margin-block-start: 0 !important;
}

.hyphenate {
	-webkit-hyphens: auto;
	hyphens: auto;
}

.h1,
.prose h1:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) {
	font-size: var(--text-h1);
	line-height: 1.1;
}

@media screen and (min-width: 1150px) {
	.prose :is(.h0, .h1, .h2, h1, h2)+* {
		margin-block-start: var(--spacing-8);
	}
}

*,
::before,
::after {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
	border-color: rgb(var(--text-color) / .12);
}

.section {
	--context-section-spacing-block-start: var(--section-outer-spacing-block);
	--context-section-spacing-block-end: var(--section-outer-spacing-block);
	--context-section-spacing-inline: var(--container-gutter);
	--calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)));
	--calculated-section-spacing-block-end: var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)));
	--calculated-section-spacing-inline: var(--section-spacing-inline, var(--context-section-spacing-inline));
	--container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width));
	--container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2);
	--section-stack-spacing-inline: var(--section-inner-spacing-inline, 0px);
	padding-inline-start: max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width) / 2);
	padding-inline-end: max(var(--calculated-section-spacing-inline), 50% - var(--container-max-width) / 2);
}

.prose> :last-child,
.prose> :last-child :last-child {
	margin-block-end: 0 !important;
	color: #000 !important;
	font-weight: 400;
}

.prose> :last-child,
.prose> :last-child :last-child {
     font-family:Montserrat !important;
     font-size: 1.375rem;
	margin-block-end: 0 !important;
	font-weight: 400;
    line-height: 1.5rem;
    width: 85%;
    margin-left: 7%;
    height:3rem;    overflow: hidden;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
	margin: 0;
}

.heading,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.prose :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--heading-font-family);
	font-weight: var(--heading-font-weight);
	font-style: var(--heading-font-style);
	letter-spacing: var(--heading-letter-spacing);
	text-transform: var(--heading-text-transform);
	overflow-wrap: anywhere;
}

.section-stack {
	gap: var(--section-stack-spacing-block, 0px) var(--section-stack-spacing-inline, 0px);
	grid-auto-columns: minmax(0, 1fr);
	display: grid;
}

@media screen and (min-width: 1150px) {
	.section-stack__main {
		width: var(--section-stack-main, 50%);
	}
}

.shadow {
	filter: drop-shadow(var(--shadow));
}

.before-after__label {
	position: absolute;
}

.before-after__cursor {
	top: 50%;
}


.before-after__cursor:active {
	cursor: grabbing;
}

.before-after__cursor {
	cursor: grab;
}

.before-after__cursor {
	height: 100%;
	width: max-content;
	touch-action: none;
	transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)), -50%);
	cursor: grab;
	filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
	display: grid;
	position: relative;
}


.ba-slider {
	position: relative;
	overflow: hidden;
	height: 860px;
}
  @media screen and (max-width:1459px){
      .ba-slider {
	position: relative;
	overflow: hidden;
	height: 720px;
}
  }
    @media screen and (max-width:1300px){
      .ba-slider {
	position: relative;
	overflow: hidden;
	height: 610px;
}
  }

.ba-slider img {
	width: 100%;
	display: block;
	max-width: none;
	height: 100%;
	position: absolute;
}

.ba-slider .resize {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	overflow: hidden
}

.ba-slider .handle {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 4px;
	margin-left: -2px;
	display: block;
	background: rgba(255, 255, 255, .5);

}

.ba-slider .handle.ba-draggable:after {
	transform: scale(.8)
}
.qdwt1-Container{
    margin-left: 5%;
    width: 90% !important;
}

.section-full{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 96px;
}

.section-designed{
    /*width:75%;*/
    height:12rem;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}
.ba-slider{
    border-radius: 26px;
}



.down-nav{
    height: 80px;
    background-color: #333;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    color: white;
    /*display: none;*/
    display: flex;
    font-family: Montserrat !important;
}
@media screen and (min-width: 1499px)and (max-width: 1750px){
    .down-nav{
       font-size: 16px;
    }
}
@media screen and (max-width: 1490px){
    .down-nav{
       font-size: 14px;
    }
}
@media screen and (max-width: 1290px){
    .down-nav{
       font-size: 12px;
    }
}
.down-nav-p{
    width: 80%;
}
.down-nav-button{
    width: 10%;
}
.down-nav-span{
    width: 10%;
}
.down-nav p{
   line-height: 80px;
   margin-left: 10%;
    color: white;
    /*display: none;*/
}
.down-nav button{
    width: 150px;
    height: 50px;
    margin-top: 15px;
    border: 1px solid grey;
    border-radius: 25px;
    color: white;
    background-color: #333;
    cursor: pointer;
    /*display: none;*/
}
.down-nav button:hover{
    color: black;
    background-color: white;
    cursor: pointer;
    /*display: none;*/
}
.down-nav span{
  margin-top: 25px;
  margin-right: 50px;
    color: white;
    /*display: none;*/
}

.down-hidden{
     position: fixed;
    bottom: -80px;
}