section.celebs-index .wrapper{max-width:1216px;width:100%;margin:0 auto;padding:80px 16px}section.celebs-index .wrapper .celebs .celeb-wrapper{display:grid;grid-template-columns:1fr;-moz-column-gap:auto;column-gap:auto;row-gap:auto;gap:32px}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb{border-radius:8px;width:100%;height:100%}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb:hover .image{box-shadow:0 0 25px #0aba90}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb:hover .content p:first-child,section.celebs-index .wrapper .celebs .celeb-wrapper .celeb:hover .content p:last-child{color:#0aba90}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb .image{box-shadow:0 0 10px #0aba90;border:solid 1px #0ABA90;border-radius:8px;overflow:hidden;aspect-ratio:1/1;transition:all .3s ease;width:100%}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb .image img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb .content{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;text-align:center;padding:16px;max-width:100%}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb .content p{position:relative}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb .content p:first-child{font-family:Kanit;font-weight:800;font-size:1.25rem;color:#fff;line-height:24px;margin-bottom:10px}section.celebs-index .wrapper .celebs .celeb-wrapper .celeb .content p:last-child{font-family:Kanit;font-weight:400;font-size:1rem;color:#fff;line-height:24px}section.celebs-index .wrapper .celebs .pagination_wrapper{padding-top:40px}section.celebs-index .wrapper .celebs .pagination_wrapper .pagination{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:16px}section.celebs-index .wrapper .celebs .pagination_wrapper .pagination a.next,section.celebs-index .wrapper .celebs .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.celebs-index .wrapper .celebs .pagination_wrapper .pagination a.next:hover,section.celebs-index .wrapper .celebs .pagination_wrapper .pagination a.previous:hover{background:#0ABA90;box-shadow:0 0 15px #0aba90}section.celebs-index .wrapper .celebs .pagination_wrapper .pagination a.next:hover span,section.celebs-index .wrapper .celebs .pagination_wrapper .pagination a.next:hover a,section.celebs-index .wrapper .celebs .pagination_wrapper .pagination a.previous:hover span,section.celebs-index .wrapper .celebs .pagination_wrapper .pagination a.previous:hover a{color:#212223}section.celebs-index .wrapper .celebs .pagination_wrapper .pagination p.next,section.celebs-index .wrapper .celebs .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.celebs-index .wrapper .celebs .pagination_wrapper .pagination .li-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:16px}section.celebs-index .wrapper .celebs .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.celebs-index .wrapper .celebs .pagination_wrapper .pagination .li-wrapper li.active,section.celebs-index .wrapper .celebs .pagination_wrapper .pagination .li-wrapper li:hover{background:#0ABA90;box-shadow:0 0 15px #0aba90}section.celebs-index .wrapper .celebs .pagination_wrapper .pagination .li-wrapper li.active span,section.celebs-index .wrapper .celebs .pagination_wrapper .pagination .li-wrapper li.active a,section.celebs-index .wrapper .celebs .pagination_wrapper .pagination .li-wrapper li:hover span,section.celebs-index .wrapper .celebs .pagination_wrapper .pagination .li-wrapper li:hover a{color:#212223}section.celebs-index .wrapper .celebs .pagination_wrapper .pagination .li-wrapper li span,section.celebs-index .wrapper .celebs .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: 500px){section.celebs-index .wrapper .celebs .celeb-wrapper{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 768px){section.celebs-index .wrapper .celebs .celeb-wrapper{grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width: 992px){section.celebs-index .wrapper .celebs .celeb-wrapper{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (min-width: 1200px){section.celebs-index .wrapper .celebs .celeb .image{height:254px}}