/***
*
*/

.shop-slider-box{position: relative; width: 100%; height: 280px;}
.shop-slider-wrapper{overflow: hidden;  height: 280px;}
.shop-slider-wrapper img{display: none; width: 100%; height: 280px; border-radius: 3%;}
.shop-slider-wrapper .shop-slider-img{display: block;}
.shop-slider-wrapper span{display: none;  height: 20px;margin-top: -60px; color: rgba(255,255,255,0.9);}
.shop-slider-wrapper .shop-slid-select-img-change{display: block; }
.shop-slider-next{position: relative; margin-top: -20%; padding-right: 0.5%; float: left; overflow: hidden; width: 2%; height: 6%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background-color: val(--bg-slide);}
.shop-slider-forward{position: relative; margin-top: -20%; padding-left: 0.5%; float: right; overflow: hidden; width: 2%; height: 6%; border-top-left-radius: 50%; border-bottom-left-radius: 50%; background-color: val(--bg-slide);}
.shop-slider-next .shop-slider-nextTriangle{width: 10px; height: 10px;  background-color: transparent;  border-color: white; border-style: solid; border-width: 1px 1px 0  0; margin: 30% auto;  transform: rotate(45deg); }
.shop-slider-forward .shop-slider-forTriangle{width: 10px; height: 10px; background-color: transparent;  border-color: white; border-style: solid; border-width: 0 0 1px 1px; margin: 30% auto;  transform: rotate(45deg);}
.shop-slider-indeicator{display: flex; position: absolute; margin-top: -30px; margin-left: 300px;  gap: 10px;}
.shop-slider-dot{width: 10px; height: 10px; border-radius: 100%; background: rgba(255,255,255,0.9);}
.shop-slider-actor{background: rgba(13, 225, 77, 0.546);}
.shop-slid-select-img-change{padding-left: 30px;}