.hero-section{width:100%;height:clamp(420px,41.6vw,798px);position:relative;overflow:hidden}.slider{width:100%;height:100%;overflow:hidden}.slider-track{width:100%;height:100%;display:flex}.hero-banner-img{object-fit:cover;flex:0 0 100%;width:100%;height:100%;transition:opacity .5s ease-in-out}.banner-btn{z-index:10;color:#1e293b;cursor:pointer;background-color:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-btn:hover{background-color:#fff}.left-btn{left:30px}.right-btn{right:30px}@media (max-width:1366px){.hero-section{height:560px}}@media (max-width:1024px){.hero-section{height:480px}}@media (max-width:768px){.hero-section{height:360px}.banner-btn{width:40px;height:40px}.left-btn{left:15px}.right-btn{right:15px}}@media (max-width:480px){.hero-section{height:300px}.banner-btn{width:34px;height:34px}.left-btn{left:10px}.right-btn{right:10px}}
.category-section{justify-content:center;align-items:center;width:100%;padding:80px 20px;display:flex;overflow:hidden}.category-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:80px;display:flex}.category-item{cursor:pointer;flex-direction:column;align-items:center;gap:20px;display:flex}.ellipse{cursor:pointer;border-radius:50%;flex-shrink:0;width:500px;height:500px;transition:transform .3s;position:relative;overflow:visible;box-shadow:0 10px 30px #0000001a}.category-img{object-fit:cover;object-position:center;border-radius:50%}.ellipse:hover{transform:scale(1.05)}.ellipse:before{content:"";opacity:0;pointer-events:none;z-index:2;-webkit-mask-composite:xor;border-radius:50%;padding:5px;transition:opacity .3s;position:absolute;inset:-8px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.green:hover:before{opacity:1;background:conic-gradient(#0000 0deg,#207d5b 90deg,#0000 180deg);animation:1.2s linear infinite rotateRing;box-shadow:0 0 20px #207d5b}.purple:hover:before{opacity:1;background:conic-gradient(#0000 0deg,#6d2dfd 90deg,#0000 180deg);animation:1.2s linear infinite rotateRing;box-shadow:0 0 20px #6d2dfd}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.category-text{color:#1e293b;text-align:center;font-family:Poppins,sans-serif;font-size:30px;font-weight:600}@media (max-width:1400px){.ellipse{width:420px;height:420px}.category-wrapper{gap:50px}}@media (max-width:1200px){.ellipse{width:360px;height:360px}.category-text{font-size:26px}.category-wrapper{gap:40px}}@media (max-width:992px){.category-section{padding:70px 20px}.category-wrapper{flex-direction:column;gap:60px}.ellipse{width:340px;height:340px}.category-text{font-size:24px}}@media (max-width:768px){.category-section{padding:60px 16px}.category-wrapper{gap:45px}.ellipse{width:280px;height:280px}.category-text{font-size:22px}}@media (max-width:480px){.ellipse{width:220px;height:220px}.category-text{font-size:18px}.category-item{gap:15px}}