@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");*{padding:0;box-sizing:border-box;margin:0}body{font-family:Poppins,sans-serif}img{width:100%;display:block}.main-wrapper{min-height:100vh;overflow-x:0;background-color:#fff}.container{padding:0 16px;max-width:1200px;margin:0 auto}.main-title{text-align:center}.main-title h1{padding:16px 0;font-weight:500;text-transform:uppercase;letter-spacing:2px}.display-style-btns{padding:16px 0;justify-content:flex-end;background-color:#fff;margin:10px 0;align-items:center;border-radius:5px;display:flex}.display-style-btns button{font-size:22px;border:none;transition:all .3s ease-out;background-color:transparent;margin:0 8px;cursor:pointer;vertical-align:top;display:inline-block}.active-btn,.display-style-btns button:hover{color:#f79410}.button-30:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.button-30:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}.button-30:active{transform:translateY(2px);box-shadow:inset 0 3px 7px #d6d6e7}.item-list{grid-template-columns:repeat(1,1fr);margin:36px 0;row-gap:32px;display:grid}.item{overflow:hidden;transition:all .2s ease-out;background-color:#fff;box-shadow:0 0 4px 0 rgba(15,4,4,.05);border-radius:5px}.item:hover{box-shadow:0 0 10px 1px rgba(0,4,4,.15)}.item-img{overflow:hidden;position:relative}.item-img img{margin:16px auto;width:70%}.icon-list{transform:translateX(-50%);position:absolute;bottom:-100px;left:50%}.icon-list,.icon-list button{justify-content:center;transition:all .3s ease-out;align-items:center;display:flex}.icon-list button{height:35px;font-size:15px;border:none;color:#fff;background-color:#202020;margin:0 6px;border-radius:50%;cursor:pointer;width:35px}.icon-list button:hover{color:#202020;background-color:#f4f4f4}.item-img:hover .icon-list{bottom:26px}.item-detail{padding:16px;color:#202020;text-align:center}.item-name{font-size:18px;font-weight:500;color:#202020;display:block}.item-price{justify-content:center;font-weight:300;margin:10px 0;align-items:center;display:flex}.old-price{text-decoration:line-through;opacity:.6}.new-price{font-size:18px;font-weight:600;margin-right:10px;color:#f79410}.item-detail p{font-size:15px;font-weight:300;opacity:.9;line-height:1.7;display:none}.add-btn{padding:10px 28px;border:1px solid #202020;color:#fff;transition:all .3s ease-out;text-transform:uppercase;background-color:#202020;margin:16px 0;cursor:pointer;font-family:inherit;display:none}.add-btn:hover{color:#202020;background-color:#fff}.details-active.item-list{grid-template-columns:100%}.details-active .item{grid-template-columns:repeat(2,1fr);align-items:center;display:grid}.details-active .item-detail{text-align:left}.details-active .item-price{justify-content:flex-start}.details-active .item-detail .add-btn,.details-active .item-detail p{display:block}@media screen and (min-width:678px){.item-list{grid-template-columns:repeat(2,1fr);gap:32px}}@media screen and (min-width:768px){.item-list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:576px){.details-active .item{grid-template-columns:100%}}.footer{justify-content:flex-end;align-items:flex-end;width:100%;display:flex}footer{min-height:100px;padding:20px 50px;flex-direction:column;background:#000;width:100%}footer,footer .menu,footer .social_icon{justify-content:center;position:relative;align-items:center;display:flex}footer .menu,footer .social_icon{flex-wrap:wrap;margin:10px 0}footer .menu li,footer .social_icon li{list-style:none}footer .social_icon li a{font-size:2em;color:#fff;transition:.5s;margin:0 10px;display:inline-block}footer .social_icon li a:hover{transform:translateY(-10px)}footer .menu li a{font-size:1em}.footer_text,footer .menu li a{text-decoration:none;color:#fff;transition:.5s;opacity:.75;margin:0 10px;display:inline-block}.footer_text{font-size:.8em}.footer_text:hover,footer .menu li a:hover{opacity:1}footer .wave{height:100px;position:absolute;top:-100px;background:url(https://etkinlikquest.quest/static/css/wave3.png);background-size:1000px 100px;left:0;width:100%}footer .wave#wave1{animation:animateWave 4s linear infinite;opacity:1;bottom:0;z-index:1000}footer .wave#wave2{animation:animateWave_02 4s linear infinite;opacity:.5;bottom:10px;z-index:999}footer .wave#wave3{animation:animateWave 3s linear infinite;opacity:.2;bottom:15px;z-index:1000}footer .wave#wave4{animation:animateWave_02 3s linear infinite;opacity:.7;bottom:20px;z-index:999}@keyframes animateWave{0%{background-position-x:1000px}to{background-position-x:0}}@keyframes animateWave_02{0%{background-position-x:0}to{background-position-x:1000px}}