.banner-slide{position:relative;height:100vh;overflow:hidden}.banner-slide:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff80,#fff0 25%,#fff0 25.48%,#fff);z-index:2}.banner-slide img{width:100%;height:100vh;object-fit:cover;filter:brightness(.9);position:relative;z-index:1}.banner-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(7,1fr);gap:12px;width:100%;max-width:1146px;z-index:3;align-items:start;padding:0 15px}.banner-icons .icon-box{width:100%;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:all .3s;text-align:center;font-size:15px;padding:15px;cursor:pointer;min-width:0}.banner-icons .icon-box img{width:79px;height:79px;margin-bottom:4px;flex-shrink:0}.banner-icons .icon-box .category-name{width:110px;min-width:110px;max-width:max-content;line-height:1.4;word-break:break-word;margin-top:4px;text-align:center;display:block;font-size:15px;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:2.8em;box-sizing:border-box}@media (max-width: 992px){.banner-icons{top:40%;grid-template-columns:repeat(4,1fr);gap:10px}.banner-icons .icon-box .category-name{width:110px;min-width:110px;max-width:max-content;font-size:15px;min-height:2.8em}}@media (max-width: 576px){.banner-icons{top:35%;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 10px}.banner-icons .icon-box img{width:50px;height:50px}.banner-icons .icon-box{padding:10px;font-size:15px}.banner-icons .icon-box .category-name{width:110px;min-width:110px;max-width:max-content;font-size:15px;min-height:2.8em}}@media (max-width: 400px){.banner-icons{gap:5px}.banner-icons .icon-box{padding:8px;font-size:15px}.banner-icons .icon-box .category-name{font-size:15px;min-height:2.8em}}.featured-section{border-radius:20px;margin-top:calc(-50vh + 150px);position:relative;z-index:10}@media (max-width: 992px){.featured-section{margin-top:calc(-50vh + 150px)}}@media (max-width: 768px){.featured-section{margin-top:calc(-50vh + 150px)}}@media (max-width: 576px){.featured-section{margin-top:calc(-50vh + 120px)}}@media (max-height: 600px){.featured-section{margin-top:calc(-50vh + 100px)}}@media (max-height: 500px){.featured-section{margin-top:calc(-50vh + 80px)}}.bg-featured-section{border-radius:20px;background:var(--bg-gradient-2)}