@import "https://fonts.googleapis.com/css2?family=Ephesis&display=swap";
#carousel-area{cursor:inherit;position:relative;top:50%;overflow:hidden}#carousel{width:100%;height:280px;margin:200px auto 20px;position:relative;top:50%;transform:translateY(-50%)}#carousel div{opacity:1;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background-color:#530840;justify-content:center;align-items:center;width:320px;height:320px;transition:transform 1s ease-out,width .5s,height .5s,left 1s,opacity 1s,z-index 1s;display:flex;position:absolute;overflow:hidden}#carousel .img-wrap{clip-path:polygon(31% 1%,69% 1%,99% 31%,99% 69%,69% 99%,31% 99%,1% 69%,1% 31%);width:100%;height:100%;overflow:hidden}#carousel img{object-fit:fill;width:100%;height:100%;transition:transform .5s,filter .5s}#carousel .img-text{color:#530840;opacity:0;pointer-events:none;justify-content:center;align-items:center;font-family:Ephesis;font-size:1.2rem;transition:all .4s;display:flex;position:absolute;inset:0}#carousel div img{filter:brightness(70%);transform:scale(1.2)}#carousel div:hover .img-text{opacity:1}#carousel div.selected{z-index:10;left:50%;transform:translate(-50%)}#carousel div.prev{z-index:5;width:280px;height:280px;left:28%;transform:translate(-50%)}#carousel div.next{z-index:5;width:280px;height:280px;left:72%;transform:translate(-50%)}#carousel div.prevLeftSecond{z-index:2;filter:brightness(60%);width:230px;height:230px;left:40%;transform:translate(-65%)}#carousel div.nextRightSecond{z-index:2;filter:brightness(60%);width:230px;height:230px;left:60%;transform:translate(-35%)}.buttons{display:flex;position:absolute;top:360px;left:50%;transform:translate(-50%)}.buttons .icon-btn{cursor:pointer;background:0 0;border:none;padding:10px;font-size:60px}.buttons .icon-btn .icon-img{width:60px;height:60px;margin:0 18px;transition:filter .3s,transform .3s}.buttons .icon-btn:hover .icon-img{filter:invert(42%)saturate(1352%)hue-rotate(140deg)brightness(120%)contrast(119%);transform:scale(1.1)}.buttons .icon-btn:active .icon-img{filter:hue-rotate(150deg)drop-shadow(0 4px 10px #0000004d);transform:translateY(3px)}@media (max-width:992px){#carousel{height:240px;margin:180px auto 20px}#carousel div{width:260px;height:260px}#carousel div.prev,#carousel div.next{width:230px;height:230px}#carousel div.prevLeftSecond,#carousel div.nextRightSecond{width:190px;height:190px}.buttons{top:330px}}@media (max-width:768px){#carousel{height:200px;margin:140px auto 10px}#carousel div{width:200px;height:200px}#carousel div.prev,#carousel div.next{width:170px;height:170px}#carousel div.prevLeftSecond,#carousel div.nextRightSecond{width:140px;height:140px}.buttons{top:260px}.buttons .icon-btn .icon-img{width:44px;height:44px}}@media (max-width:480px){#carousel{height:160px;margin:110px auto 5px}#carousel div{width:160px;height:160px}#carousel div.prev,#carousel div.next{opacity:.7;width:130px;height:130px}#carousel div.prevLeftSecond,#carousel div.nextRightSecond{display:none}.buttons{top:170px}.buttons .icon-btn .icon-img{width:36px;height:36px;margin:0 10px}}.textOn{z-index:2;position:absolute}