.container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.container .slideArea{width:80%;height:80%;display:flex;justify-content:center;align-items:center;position:relative}.container .slideArea ul{list-style:none;top:10px;position:absolute;display:flex;align-items:center;justify-content:center}.container .slideArea .containerData{height:500px;width:85%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.container .slideArea .containerData .item{width:380px;height:250px;border-radius:40px;border:1px solid whitesmoke;margin:20px;display:flex;justify-content:center;align-items:center;color:#fff;position:relative;transition:all .5s ease;cursor:pointer;overflow:hidden}.container .slideArea .containerData .item h3{position:absolute;font-size:20px}.container .slideArea .containerData .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.container .slideArea .containerData .item:hover{background-color:#8b4513}.container .slideArea .containerData .item:hover img{opacity:.2;z-index:0}.list{font-size:14px;margin-right:50px;padding:7px;border-radius:10px;cursor:pointer;color:#fff}.active{background-color:#8b4513;color:#000;opacity:50%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}