.trainers{place-content:center;align-items:center;margin-bottom:0;display:block}.trainers-page{text-align:center;padding:70px 20px}.trainers-page h1{color:var(--primary);text-shadow:2px 3px 5px #000;margin-bottom:30px;font-size:40px}.trainer-buttons{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.trainer-buttons button{color:#fff;cursor:pointer;background-color:#303030;border:none;border-radius:6px;padding:10px 30px;font-size:18px;transition:all .3s}.trainer-buttons button.active{color:#000;background:#dbdbdb;border:1px solid #000;transform:scale(1.05)}.trainers-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;display:grid}.trainer-card{background:linear-gradient(240deg,#000,#474747de) 0 0/200% 200%;border-radius:10px;transition:all .3s;animation:.5s fadeIn;overflow:hidden;box-shadow:5px 6px 15px #000}.trainer-card:hover{transform:scale(1.02)translateY(-5px);box-shadow:6px 7px 12px #000}.trainer-img img{object-fit:cover;width:100%;height:240px}.trainer-info{text-align:center;padding:5px}.trainer-info h3{color:#fff;margin-top:-10px;margin-bottom:1px;font-size:22px}.trainer-info p{color:#fff;margin-bottom:1px;font-size:14px}.trainer-info span{color:#fff;font-size:14px}.gym-animation{width:auto;height:300px}@media not (min-width:530px){.gym-animation{height:200px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}