.image-slider *{margin:0;padding:0;box-sizing:border-box}.image-slider .main{width:100%;display:flex;justify-content:center;align-items:center}.image-slider .horizontal{display:flex;gap:35px;justify-content:center;align-items:center;width:100%;max-height:600px;overflow:hidden;position:relative}.image-slider .container-right,.image-slider .container-left{display:flex;flex-direction:column;position:relative;width:600px;height:300px;overflow:hidden}.image-slider .container-left img,.image-slider .container-right img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.image-slider .active{opacity:1}.slidein-left{animation:slideinLeft .5s forwards}.slidein-right{animation:slideinRight .5s forwards}@keyframes slideinLeft{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes slideinRight{0%{transform:translate(-100%);opacity:.5}to{transform:translate(0);opacity:1}}.arrow-next,.arrow-back{display:flex;align-items:center;justify-content:center;margin:0 10px}.arrow-next a,.arrow-back a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:gray;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.arrow-next a:hover,.arrow-back a:hover{background-color:#333;transform:scale(1.05)}.arrow-next ion-icon,.arrow-back ion-icon{font-size:24px}@media (max-width: 767px){.image-slider .horizontal{flex-direction:column;gap:20px;max-height:none;padding-bottom:70px}.image-slider .container-right,.image-slider .container-left{width:100%;height:150px}.arrow-next.desktop-arrow,.arrow-back.desktop-arrow{display:none}.mobile-arrows{display:flex;position:absolute;bottom:10px;left:10px;z-index:10;gap:10px}.mobile-arrows a{width:40px;height:40px;background-color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 2px 6px #0000004d;transition:background-color .3s ease,transform .2s ease}.mobile-arrows a:hover{background-color:#000;transform:scale(1.05)}.mobile-arrows ion-icon{font-size:20px}}@media (min-width: 768px){.mobile-arrows{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ali_deficiency.css.map */