section.products-index{padding:40px 20px}section.products-index .wrapper{max-width:1216px;margin:0 auto;width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;flex-wrap:auto}section.products-index .wrapper .filters{border:1px solid var(--Colours-Gradients-Stroke-Form-Stroke, #FBFBFB);background:rgba(33,34,35,.8);padding:32px 16px;border-radius:8px}section.products-index .wrapper .filters h4{font-family:Kanit;font-weight:400;font-size:1.5rem;color:#fff;line-height:24px;text-transform:uppercase;margin-bottom:16px}section.products-index .wrapper .filters .filters-wrapper{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:16px;margin-bottom:16px}section.products-index .wrapper .filters .filters-wrapper .filter select{font-family:Kanit;font-weight:400;font-size:1.125rem;color:#000!important;line-height:24px;height:43px;width:100%;border:none;background:#FFF;padding:0 10px;border-radius:4px;outline-color:default}section.products-index .wrapper .filters .filters-wrapper .btn{padding:10px 16px}section.products-index .wrapper .products{display:grid;grid-template-columns:1fr;-moz-column-gap:auto;column-gap:auto;row-gap:auto;width:100%;margin-top:32px}section.products-index .wrapper .products .products-wrapper{display:grid;grid-template-columns:1fr;-moz-column-gap:auto;column-gap:auto;row-gap:auto;width:100%;gap:32px}section.products-index .wrapper .products .products-wrapper .product{display:flex;align-items:center;justify-content:space-between;flex-direction:column;flex-wrap:auto;align-self:center;border-radius:8px;width:100%;height:100%;padding:16px 16px 120px;overflow:hidden;position:relative;transition:all .3s ease}section.products-index .wrapper .products .products-wrapper .product:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:radial-gradient(61.49% 61.49% at 50% 38.51%,#0ABA90 0%,#0F5B5B 92%);transition:all .3s ease}section.products-index .wrapper .products .products-wrapper .product:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:radial-gradient(61.49% 61.49% at 50% 38.51%,#525455 0%,#141416 92%);transition:all .3s ease}section.products-index .wrapper .products .products-wrapper .product .image{width:100%;max-height:225px;z-index:1}section.products-index .wrapper .products .products-wrapper .product .image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}section.products-index .wrapper .products .products-wrapper .product:hover:after,section.products-index .wrapper .products .products-wrapper .product:active:after{opacity:0}section.products-index .wrapper .products .products-wrapper .product .title{position:absolute;width:100%;padding:32px 16px;text-align:center;z-index:10;bottom:0;left:0;overflow:hidden;transition:all .3s ease}section.products-index .wrapper .products .products-wrapper .product .title:after{content:"";width:100%;height:0;position:absolute;bottom:0;left:0;background:linear-gradient(135deg,#212223,#111111);transition:all .15s ease;z-index:-1}section.products-index .wrapper .products .products-wrapper .product .title p{font-family:Figtree;font-weight:400;font-size:1.25rem;color:#fff;line-height:24px}section.products-index .wrapper .products .products-wrapper .product .title .btn{position:absolute;bottom:-100%;padding:16px 24px;width:280px;left:0;right:0;margin:0 auto}section.products-index .pagination_wrapper{padding-top:40px}section.products-index .pagination_wrapper .pagination{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:16px}section.products-index .pagination_wrapper .pagination a.next,section.products-index .pagination_wrapper .pagination a.previous{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;font-family:Kanit;font-weight:400;font-size:1rem;color:#fff;line-height:24px;letter-spacing:3px;background:#212223;padding:5px 8px;cursor:pointer;transition:all .3s ease-in-out}section.products-index .pagination_wrapper .pagination a.next:hover,section.products-index .pagination_wrapper .pagination a.previous:hover{background:#0ABA90;box-shadow:0 0 15px #0aba90}section.products-index .pagination_wrapper .pagination a.next:hover span,section.products-index .pagination_wrapper .pagination a.next:hover a,section.products-index .pagination_wrapper .pagination a.previous:hover span,section.products-index .pagination_wrapper .pagination a.previous:hover a{color:#212223}section.products-index .pagination_wrapper .pagination p.next,section.products-index .pagination_wrapper .pagination p.previous{font-family:Kanit;font-weight:400;font-size:1rem;color:#fff;line-height:24px;letter-spacing:3px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;background:#212223;padding:5px 8px}section.products-index .pagination_wrapper .pagination .li-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:16px}section.products-index .pagination_wrapper .pagination .li-wrapper li{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;background:#212223;padding:5px 8px;cursor:pointer;transition:all .3s ease-in-out}section.products-index .pagination_wrapper .pagination .li-wrapper li.active,section.products-index .pagination_wrapper .pagination .li-wrapper li:hover{background:#0ABA90;box-shadow:0 0 15px #0aba90}section.products-index .pagination_wrapper .pagination .li-wrapper li.active span,section.products-index .pagination_wrapper .pagination .li-wrapper li.active a,section.products-index .pagination_wrapper .pagination .li-wrapper li:hover span,section.products-index .pagination_wrapper .pagination .li-wrapper li:hover a{color:#212223}section.products-index .pagination_wrapper .pagination .li-wrapper li span,section.products-index .pagination_wrapper .pagination .li-wrapper li a{font-family:Space-Mono;font-weight:400;font-size:1rem;color:#fff;line-height:24px}@media only screen and (min-width: 768px){section.products-index .wrapper .products .products-wrapper{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 992px){section.products-index{padding:40px 20px}section.products-index .wrapper{max-width:1216px;margin:0 auto;width:100%;gap:32px}section.products-index .wrapper .products .products-wrapper{grid-template-columns:1fr 1fr 1fr;gap:32px}section.products-index .wrapper .products .products-wrapper .product:hover:after,section.products-index .wrapper .products .products-wrapper .product:active:after{opacity:0}section.products-index .wrapper .products .products-wrapper .product:hover .title,section.products-index .wrapper .products .products-wrapper .product:active .title{padding:24px 16px 100px}section.products-index .wrapper .products .products-wrapper .product:hover .title:after,section.products-index .wrapper .products .products-wrapper .product:active .title:after{height:100%}section.products-index .wrapper .products .products-wrapper .product:hover .title .btn,section.products-index .wrapper .products .products-wrapper .product:active .title .btn{bottom:16px}}