.curios{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:20px}.banner{display:flex;align-items:center;padding:20px;margin:20px 0;width:100%;max-width:90vw;background:linear-gradient(90deg,#e71e82,#f5af40,#1bb57f,#29b0e8);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);position:relative}.banner img{width:30%;border-radius:10px;z-index:1000}.content{text-align:left;background-color:rgba(57,58,58,.555);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:2em}.title{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;margin-bottom:10px}.subtitle{font-size:1.5rem;color:#fff;margin-top:0}@media (max-width:900px){.title{font-size:2rem;font-weight:700}.subtitle{font-size:1.2rem}}@media (max-width:700px){.title{font-size:1.5rem}.subtitle{font-size:1rem}}@media (max-width:520px){.content{padding:1em}.title{font-size:1rem}.subtitle{font-size:.8rem}}.card{position:relative;width:250px;height:350px;margin:auto;background-color:rgba(57,58,58,.555);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;overflow:hidden;box-shadow:3px 26px 45px -19px rgba(0,0,0,.56)}.card:before{content:"";position:absolute;top:-50%;width:100%;height:100%;background:#f5af40;transition:.5s}.card .imgBox{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding-top:20px;z-index:1}.donkey{height:200px;width:auto}.card .contentBox{position:relative;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2}.buy{position:relative;top:0;padding:10px 30px;margin-top:15px;color:#fff;text-decoration:none;background:#9f7129;border-radius:30px;text-transform:uppercase;letter-spacing:1px;transition:.5s}.buy:hover{color:#000;background-color:#f5af40}.skin-2 .num-in{background:#4b4a4a8f;box-shadow:0 1px 4px rgba(0,0,0,.15);border-radius:25px;height:40px;width:110px;float:left}.skin-2 .num-in span{cursor:pointer;width:40%;display:block;height:40px;float:left;position:relative}.skin-2 .num-in span:after,.skin-2 .num-in span:before{content:"";position:absolute;background-color:#f5af40;height:2px;width:10px;top:50%;left:50%;margin-top:-1px;margin-left:-5px}.skin-2 .num-in span.plus:after{transform:rotate(90deg)}.skin-2 .num-in input{color:#fff;float:left;width:20%;height:40px;border:none;text-align:center;background:#4b4a4a8f}.skin-2 .num-in input:focus{outline:none}