.scontainer{display:flex;justify-content:center;align-items:center;}
.slider-container{height:40rem;width:100vw;max-width:100%;display:flex;justify-content:center;align-items:center;user-select:none;position:relative;margin-top:-30px;}
.slider-title{position:absolute;top:0;font-family:'Papyrus',Fantasy;font-size:20px;}
.left-arrow, .right-arrow {height:40px;width:40px;display: flex;justify-content: center;align-items: center;position: absolute;z-index: 999;background: #e7e0d8;border-radius: 100%;cursor: pointer;}
.left-arrow i, 
.right-arrow i{display:inline-flex;width:11px;height:11px; border-top: 2px solid #000;border-left: 2px solid #000;}
.right-arrow i.angle-right{transform: rotate(135deg);}
.left-arrow i.angle-left{transform: rotate(-45deg);}
.left-arrow{left:4%;}
.right-arrow{right:4%;}
.slider-content{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;overflow:hidden;position:relative;}
.slider-content-background{height:100%;width:102%;position:absolute;top:0;left:-1%;background:linear-gradient(to left,#f1f1f1,transparent,transparent,transparent,#f1f1f1);z-index:3;}
.slider-content .slide{position:absolute;left:50%;height:30rem;max-height:450px;width:55rem;min-width:330px;background:#999;border-radius:25px;left:50%;z-index:0;transform:translate(-50%,0) rotateY(0deg) scale(1,1);display:flex;justify-content:center;align-items:center;transition:transform 0.5s ease-in-out,opacity 0.5s ease-in-out,left 0.5s ease-in-out,z-index 0s 0.25s ease-in-out,box-shadow 0.5s ease-in-out,filter 0.5s ease-in-out;}
.slide.position-1{left:20%!important;z-index:1!important;transform:translate(-50%,0) rotateY(-2deg) scale(0.6,0.6)!important;opacity:1!important;}
.slide.position-2{left:35%!important;z-index:2!important;transform:translate(-50%,0) rotateY(-1deg) scale(0.8,0.8)!important;opacity:1!important;}
.slide.position-3{left:50%!important;z-index:9999!important;transform:translate(-50%,0) rotateY(0deg) scale(1,1)!important;opacity:1!important;box-shadow:0px 0.4rem 1.6rem rgba(0,0,0,0.5)!important;cursor:pointer;}
.slide.position-3:hover{box-shadow:0px 0rem 1.8rem rgba(0,0,0,0.7)!important;}
.slide.position-4{left:65%!important;z-index:2!important;transform:translate(-50%,0) rotateY(1deg) scale(0.8,0.8)!important;opacity:1!important;}
.slide.position-5{left:80%!important;z-index:1!important;transform:translate(-50%,0) rotateY(2deg) scale(0.6,0.6)!important;opacity:1!important;box-shadow:0px 0.4rem 1.6rem rgba(0,0,0,0.1)!important;}
.slide.position-none{left:50%;z-index:0;transform:translate(-50%,0) rotateY(0deg) scale(0.7,0.7);opacity:1;box-shadow:0px 0.4rem 1.6rem rgba(0,0,0,0);}
/*.slider-container i{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;}
.slider-container .left-arrow:hover i,.slider-container .right-arrow:hover i{background:rgba(22,22,220,0.1);color:#fff;}*/
.slider-content .slide .card-sections .upper-section,.slider-content .slide .card-button{opacity:0;transition:opacity 0.6s ease-in-out;}
.slider-content .slide.position-3 .card-sections .upper-section,.slider-content .slide.position-3 .card-button{opacity:1;transition:opacity 0.6s ease-in-out;}
.slide > *{color:white;font-family:'Inter';font-size:90%;letter-spacing:-0.001em;}
.media,.card-sections{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:25px;overflow:hidden;}
.media{display:flex;align-items:center;justify-content:center;}
.media img{position:absolute;height:30rem;}
.media video{position:absolute;height:31rem;object-fit: cover;}
.slide .media .playbtn{width:50px;height: 50px;background-color:#e7e0d8;border-radius: 100%;position:absolute;left:0;right:0;margin:auto;top:50%;transform:translateY(-50%);border:0;display: inline-flex;justify-content: center;align-items: center;padding: 0;}
.slide .media .ssBtnDefault{display: none;}
.slide .media .playbtn svg{width:15px;height:15px;}
.slide .media .playbtn svg path{fill:#a88d7a;}
.slide .media .playbtn .icon{width:20px;height:20px;fill:#a88d7a;}
.playbtn .pause-icon{display:none;}

/* when playing */

.playing .play-icon{display:none;}
.playing .pause-icon{display:block;}

.card-caption{position: absolute;display:block;width: 100%;text-align: left;bottom:-40px;color:#000;font-size:30px;font-family:"Shippori Mincho", Sans-serif;padding-left: 15px;}

.slider-content .slide.position-1 .card-caption{text-align: left;}
.slider-content .slide.position-2 .card-caption{text-align: left;}
.slider-content .slide.position-3 .card-caption{text-align: center;}
.slider-content .slide.position-4 .card-caption{text-align: right;}
.slider-content .slide.position-5 .card-caption{text-align: right;}



.slider-content .slide.position-1 .playbtn{display:none;}
.slider-content .slide.position-2 .playbtn{display:none;}
.slider-content .slide.position-3 .playbtn{display:flex;}
.slider-content .slide.position-4 .playbtn{display:none;}
.slider-content .slide.position-5 .playbtn{display:none;}


/*.card-sections{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;}
.upper-section{display:flex;flex-direction:row;justify-content:space-between;}
.lower-section{display:flex;flex-direction:column;gap:1rem;}
.card-sections .lower-section .card-button{border:0.5px solid #fff;width:35%;padding:0.5rem;border-radius:2rem;font-size:60%;text-align:center;background:rgba(0,0,0,0.3);}
.upper-section .wishlist,.upper-section .cart{background:rgba(0,0,0,0.3);border-radius:50%;transition:color 0.2s ease-in-out,background 0.2s ease-in-out;}
.upper-section .cart:hover{color:rgb(252,163,60);background:rgba(0,0,0,0.4);}
.upper-section .wishlist:hover{color:rgb(244,129,129);background:rgba(0,0,0,0.4);}*/

@media screen and (max-width:1700px){
  .left-arrow{left:2%;}
  .right-arrow{right:2%;}
  .slider-content .slide{width: 50rem;}
}

@media screen and (max-width:620px){
  .slide.position-1,.slide.position-5{opacity:0.5!important;}
  .slide.position-2,.slide.position-4{opacity:0.95!important;}
  .left-arrow{left:auto;right:70px;}
  .right-arrow{right:15px;}
  .left-arrow, .right-arrow{top:50px;}
  .slider-content .slide{width: 95%;max-height:300px;}
}
@media screen and (max-width:445px){
  .slide.position-1,.slide.position-5{opacity:0!important;}
  .slide.position-2,.slide.position-4{opacity:0.5!important;}
}
@media screen and (max-width:415px){
  .slide{opacity:0!important;box-shadow:none!important;}
  .slide.position-3{box-shadow:none!important;opacity:1!important;}
  .slide.position-1,.slide.position-2{left:-50%!important;transform:translate(-50%,0) rotateY(0deg) scale(0.7,0.7)!important;}
  .slide.position-4,.slide.position-5{left:150%!important;transform:translate(-50%,0) rotateY(0deg) scale(0.7,0.7)!important;}
}



/* @keyframes center-animation{ */

/*   0%{
    left: 70% !important;
    transform: translate(-50%, 0) rotateY(1deg) scale(0.9, 0.9) !important;
  }
  50%{
    left: 75% !important;
    transform: translate(-50%, 0) rotateY(-2deg) scale(1.1, 1.1) !important;
  }
  100%{
    left: 50% !important;
    transform: translate(-50%, 0) rotateY(0deg) scale(1, 1) !important;
  }
} */