section.hero-circle-sec {height: 100vh;background: var(--color-01);position:relative;}
section.hero-circle-sec h1{/*line-height: 1;*/ line-height: 0.8; font-weight: 400; font-size:var(--rfs-54);max-width:500px;text-align:center;z-index: 9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
section.hero-circle-sec h1 span{overflow:hidden;display:inline-block; /*padding-bottom: 8px;*/ padding-bottom: 14px;}
section.hero-circle-sec .gradient-overlay{background: linear-gradient(360deg, #EDE7DA 0%, rgba(255, 255, 255, 0.00) 100%);width:100%;height:0%;position:absolute;bottom:0;left:0;}
section.hero-circle-sec .circle-wrapper {height: 100vh;overflow: hidden;display: flex;align-items: center;justify-content: center;position: sticky;top: 0;}
section.hero-circle-sec .circle {position: relative;width: 100vh;height: 100vh;}
section.hero-circle-sec .circle img {position: absolute;width: 150px;height: 150px;object-fit: cover;top: 50%;left: 50%;transform: translate(-50%, -50%);}

 
section.hero-circle-sec {
  height: 100vh;
  background: var(--color-01);
  position: relative;
  overflow: hidden;
} 

/* Gradient */
section.hero-circle-sec .gradient-overlay {
  background: linear-gradient(360deg, #EDE7DA 0%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 0%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

/* Wrapper */
section.hero-circle-sec .circle-wrapper {
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
 position: -webkit-sticky;
  position: sticky;
  top: 0;

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Circle */
section.hero-circle-sec .circle {
  position: relative;
  width: min(100vh, 100vw);
  height: min(100vh, 100vw);
}

/* Images */
section.hero-circle-sec .circle img {
  position: absolute;
  width: clamp(40px, 10vw, 150px);
  height: clamp(40px, 10vw, 150px);
  object-fit: cover;
  border-radius: 2vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


section.about-sec-01{background:#EDE7DA;text-align:center;;}
section.about-sec-01 p{font-size:var(--rfs-48);margin-bottom:40px;}


section.about-sec-02{min-height:100vh;background: var(--color-01);}
section.about-sec-02 .slider-thumb {height: 99%;width: 100%;padding-bottom: 15vh;z-index: 9;position: relative;display: flex;align-items: center;justify-content: center;}
section.about-sec-02 .slider-thumb .slick-list.draggable {width: 33vh;height: 33vh;border-radius: 100%;}
section.about-sec-02 .slider-thumb .slick-slide{overflow:hidden;}
section.about-sec-02 .slider-thumb img{transform:scale(1.5);transition:all 700ms ease-in-out;}

section.about-sec-02 .slider-thumb .slick-slide.slick-current.slick-active img{transform:scale(1);transition:all 700ms ease-in-out;}

ul.slick-dots{margin: 0px;padding: 0px;list-style-type: none;width: 100%;position: absolute;top: 70%;left: 0;gap: 10px;display: flex;align-items: center;justify-content: center;}
ul.slick-dots li{}
ul.slick-dots li button{font-size: 0px;width: 10px;height: 10px;border: none;border-radius: 100px;transition:all 500ms ease-in-out;}
ul.slick-dots li.slick-active button{background:var(--color-11);transform:scale(1.3);transition:all 500ms ease-in-out;}

button.slick-arrow{font-size: 0px;width: 70px;height: 50px;position: absolute;top: calc(50% - 8vh);background: transparent;border: none;background-position:center center;background-repeat:no-repeat;transition: all 700ms ease-in-out;}
button.slick-next.slick-arrow{right: 15%;background-image:url("arrow-right.png");}
button.slick-prev.slick-arrow{left: 15%;background-image:url("arrow-left.png");}

section.about-sec-02 .slider-product{}
section.about-sec-02 .slider-product .sp-thumb{display: block;height: 100vh;overflow: hidden;position:relative; }





/*section.about-sec-02 .slider-product .sp-thumb h2{color: var(--color-01);font-size: 8vw;letter-spacing: 50px;z-index: 10;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%) scale(1.6);filter: blur(10px);transition: all 700ms ease-in-out;}*/

section.about-sec-02 .slider-product .sp-thumb h2{
    color: var(--color-01); font-size: 8vw; letter-spacing: 50px; z-index: 10; position:absolute; top:50%; left:50%; -webkit-transform: translate3d(-50%,-50%,0) scale(1.6); transform: translate3d(-50%,-50%,0) scale(1.6); -webkit-filter: blur(10px); filter: blur(10px);  -webkit-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, filter;
}

section.about-sec-02 .slider-product .sp-thumb p{
    color: var(--color-01); font-size: 1.3vw; letter-spacing: 50px; z-index: 10; position:absolute; top:42%; left:50%; -webkit-transform: translate3d(-50%,-50%,0) scale(1.6); transform: translate3d(-50%,-50%,0) scale(1.6);  -webkit-filter: blur(10px); filter: blur(10px);  -webkit-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out; -webkit-backface-visibility: hidden;  backface-visibility: hidden; will-change: transform, filter;
}


section.about-sec-02 .slider-product .sp-thumb img{ -webkit-transform: translateZ(0) scale(1.15); transform: translateZ(0) scale(1.15);  -webkit-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform;}

section.about-sec-02 .slider-product .sp-thumb img{}

section.about-sec-02 .slider-product .slick-slide.slick-current.slick-active .sp-thumb h2{ letter-spacing:0; -webkit-transform: translate3d(-50%,-50%,0) scale(1); transform: translate3d(-50%,-50%,0) scale(1); -webkit-filter: blur(0); filter: blur(0);}

section.about-sec-02 .slider-product .slick-slide.slick-current.slick-active .sp-thumb p{ letter-spacing:0; -webkit-transform: translate3d(-50%,-50%,0) scale(1); transform: translate3d(-50%,-50%,0) scale(1); -webkit-filter: blur(0); filter: blur(0);}

section.about-sec-02 .slider-product .slick-slide.slick-current.slick-active .sp-thumb img{ -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1);}


section.about-sec-02 .slider-para{width: 100%;height: 98%;position: absolute;top: 0;left: 0;}
section.about-sec-02 .slider-para .para_boxes{width: 99%;text-align: center;padding: 40px;height: 100vh;position: relative;display: flex;align-items: flex-end;justify-content: center;}
section.about-sec-02 .slider-para .para_boxes{}
section.about-sec-02 .slider-para .para_boxes p{max-width: 500px;}
section.about-sec-02 .slider-para .para_boxes img{width: 50vh;height: 50vh;z-index: 9;position: absolute;top: 43%;left: 50%;transform: translate(-50%,-50%); opacity: 0;
 -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity, filter; transition:all 700ms ease-in-out;}

section.about-sec-02 .slick-dots li button:before {font-size: 10px;color: #000;}

section.about-sec-02 .slider-para .slick-slide.slick-current.slick-active .para_boxes img{  opacity:1; -webkit-filter: blur(0); filter: blur(0); transition:all 700ms ease-in-out;}


section.about-sec-02 .slider-product,
section.about-sec-02 .slider-thumb,
section.about-sec-02 .slider-para,
section.about-sec-02 .sp-thumb,
section.about-sec-02 .para_boxes,
section.hero-circle-sec .circle,
section.hero-circle-sec .circle img{ -webkit-transform: translateZ(0); transform: translateZ(0);  -webkit-backface-visibility: hidden; backface-visibility: hidden;}



@media(max-width:1440px){
	section.about-sec-02 .slider-product .sp-thumb img{height:100%;}
}

@media(max-width:1366px){
	section.hero-circle-sec h1{font-size: var(--rfs-42);}
	section.about-sec-01 p {font-size: var(--rfs-36); line-height: 1.3;}
	section.about-sec-02 .slider-product .sp-thumb p{font-size: 1.5vw;}
}

@media(max-width:1280px){
	
	    section.hero-circle-sec h1 { font-size: var(--rfs-36); }
}

@media(max-width:991px){
	section.about-sec-02 .pin-spacer {margin-inline:0px !important; }
	section.about-sec-02 .slider-product .sp-thumb p { font-size: 2.5vw; top: 40%;}
	section.about-sec-02 .slider-section > *{padding-inline:0px;}
	section.about-sec-02 .slider-product .sp-thumb {height: 500px;  width: 100%;}
	section.about-sec-02 .slider-product .sp-thumb img{width:100%;}
	section.about-sec-02 .slider-thumb {padding-bottom: 0px; top: 62%;}
	section.about-sec-02 .slider-para .para_boxes {height: 58vh;}
    section.about-sec-02 .slider-para .para_boxes img {  width: 31vh; height: 31vh; top: 34%;}
	section.about-sec-02 .slider-thumb .slick-list.draggable{ width: 22vh;  height: 22vh; top: -25%;}
	ul.slick-dots { top: 98%;}
	section.about-sec-02 .slider-para .para_boxes p{font-size: var(--rfs-42); max-width: 85%;}
    section.about-sec-02 {margin-bottom: 45%; }
}

@media(max-width:800px){
	    section.about-sec-02 { margin-bottom: 55%;}
}

@media only screen and (max-width : 768px) 
{
	section.hero-circle-sec h1{min-width:300px;}
	section.about-sec-01 p br{display:none;}
	
	section.about-sec-02{}
	section.about-sec-02 .pin-spacer{margin:0px !important;}
	
/*
	section.about-sec-02 .slider-thumb{padding-bottom: 0vh;top: 22%;}
	section.about-sec-02 .slider-thumb .slick-list.draggable{width:100px;height:100px;}
	
	section.about-sec-02 .slider-para .para_boxes{min-height: 60vh;height: auto;}
	section.about-sec-02 .slider-para .para_boxes p{font-size: 16px;max-width: 500px;}
	section.about-sec-02 .slider-para .para_boxes img{width: 140px;height: 140px;top: 19%;}	
	
	section.about-sec-02 .slider-product .sp-thumb{height: 40vh;width: 100vw;text-align: center;}
	section.about-sec-02 .slider-product .sp-thumb h2{font-size:48px;}
	section.about-sec-02 .slider-product .sp-text{}
*/
	section.about-sec-02 .slider-product .sp-thumb { height: 370px;}
	section.about-sec-02 .slider-para .para_boxes { height: 64vh;}
	section.about-sec-02 .slider-thumb {  top: 50%;}
	section.about-sec-02 .slider-thumb .slick-list.draggable{top:-4%;}
	
	section.about-sec-01 p br{display: none;}

	ul.slick-dots{top: 130%;}
	button.slick-arrow{background-size: 40px;width: 70px;height: 50px;top: 30%;}

	.row.slider-section {width: 100% !important;max-width: 100% !important;}
	
}

@media(max-width:480px){
	section.about-sec-01 p {margin-bottom:20px; font-size: 20px;}
	section.hero-circle-sec h1 { font-size: 20px; }
	section.hero-circle-sec .circle img { width: clamp(40px, 14vw, 150px); height: clamp(40px, 14vw, 150px); }
	section.about-sec-01 {margin-top:-30%;}
	section.about-sec-02 .slider-thumb { top: 45%;}
	section.about-sec-02 .slider-thumb .slick-list.draggable { top: -8%; }
	section.about-sec-02 .slider-para .para_boxes p{font-size: var(--rfs-30); max-width:100%;}
	section.about-sec-02 .slider-product .sp-thumb {  height: 300px;}
	section.about-sec-02 .slider-para .para_boxes { height: 63vh;}
	section.about-sec-02 .slider-para .para_boxes img { width: 33vh; height: 33vh; top: 32%; }
	section.about-sec-02 .slider-product .slick-slide.slick-current.slick-active .sp-thumb img { object-fit: cover; object-position: center; }
	ul.slick-dots { top: 115%; }
	section.about-sec-02 .slider-product .sp-thumb p { font-size: 4.5vw; top: 37%; }
	section.about-sec-02 .slider-product .sp-thumb h2 { font-size: 10vw; } 
	section.about-sec-01 p br{display: none;}
	section.about-sec-02 .slider-thumb .slick-list.draggable {  }
	section.about-sec-02 .slider-para .para_boxes{padding:20px;}
	button.slick-next.slick-arrow { right: 10%; }
	button.slick-prev.slick-arrow { left: 9%; }
	section.about-sec-02 { margin-bottom: 85%; }
	
}

@media(max-width: 420px){
	section.about-sec-02 .slider-para .para_boxes { height: 60vh; }
	section.about-sec-02 .slider-para .para_boxes p{font-size: 20px;}
	section.about-sec-02 .slider-thumb { top: 40%; }
	section.about-sec-02 .slider-thumb .slick-list.draggable { top: -6%;}
    ul.slick-dots { top: 118%;}
}

@media(max-width:393px){
	section.about-sec-02 .slider-product .sp-thumb {  height: 250px;}
		section.hero-circle-sec h1 { font-size: 18px;}
	section.about-sec-01 p {font-size: 18px;}
	section.about-sec-02 .slider-para .para_boxes p {font-size: 18px;}
	ul.slick-dots { top: 125%; }
	section.about-sec-02 .slider-thumb .slick-list.draggable { width: 20vh; height: 20vh; }
	section.about-sec-02 .slider-para .para_boxes img { width: 30vh; height: 30vh;  top: 29%; }
}

@media(max-width:390px){

}

@media(max-width:360px){
    section.about-sec-02 .slider-para .para_boxes { height: 57vh;}
    section.about-sec-02 .slider-thumb .slick-list.draggable { width: 18vh; height: 18vh; top: -4%;}
	section.about-sec-02 .slider-para .para_boxes img {  width: 27vh; height: 27vh; top: 26%;}
    ul.slick-dots { top: 118%; }
	section.about-sec-02 .slider-thumb { top: 33%;}
}

@media(max-width:320px){
		section.hero-circle-sec h1 { font-size: 16px; }
	    section.about-sec-02 .slider-product .sp-thumb { height: 200px;}
	    section.about-sec-01 p { font-size: 16px;}
	    section.about-sec-02 .slider-para .para_boxes p { font-size: 16px;}
	    section.about-sec-02 .slider-para .para_boxes { height: 66vh; }
	    section.about-sec-02 .slider-para .para_boxes img { width: 28vh; height: 28vh; top: 23%;}
}