.container{margin:0 auto;width:410px;height:200px;position:relative;perspective:1000px;z-index:0}@media (max-width:1023px){.container{width:265px;height:180px}}@media (max-width:629px){.container{width:170px;height:180px}}.carousel{height:100%;width:100%;transition:transform 1s}.carousel,.carousel div{transform-style:preserve-3d}.item{display:block;position:absolute;width:100%;height:auto;line-height:200px;font-size:5em;text-align:center;color:#fff;opacity:1;border-radius:10px;transition:transform 1s}.next,.prev{color:#444;position:absolute;top:100px;padding:1em 2em;cursor:pointer;background:#ccc;border-radius:5px;border-top:1px solid #fff;box-shadow:0 5px 0 #999;transition:box-shadow .1s,top .1s}.next:hover,.prev:hover{color:#000}.next:active,.prev:active{top:104px;box-shadow:0 1px 0 #999}.next{right:5em}.prev{left:5em}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:16px;color:#fff;width:100%;border-radius:6px;cursor:pointer;position:relative;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');background-repeat:no-repeat;background-position:right 20px center;background-size:20px;transition:border-color .3s ease}.custom-select:focus{outline:none;background-color:#1d202a;border-radius:6px;border-color:#888}