#trainer-list{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:40px 20px}.trainer-card{color:#fff;cursor:pointer;text-align:center;text-decoration:none;transition:transform .3s}.trainer-card:hover{transform:scale(1.05)}.circle-image{border:6px solid #b5976d;margin:0 auto;max-height:300px;max-width:300px;overflow:hidden;position:relative}.circle-image,.circle-image img{border-radius:50%;height:100%;width:100%}.circle-image img{display:block;object-fit:cover}.overlay{align-items:center;background:rgba(0,0,0,.75);border-radius:50%;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease-in-out}.circle-image:hover .overlay{opacity:1}.specialties{color:#fff;display:flex;flex-direction:column;font-size:14px;gap:6px;padding:0 10px;text-align:center}.specialties span{border-radius:4px;font-size:16px;padding:4px 8px}.trainer-name{font-size:18px;font-weight:700;margin-top:15px;text-transform:uppercase}.trainer-filter-wrapper{margin:20px auto;width:300px}#specialty-filter{width:100%}#trainer-popup{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,4%,.8);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9}#trainer-popup.show{display:flex;opacity:1}.popup-content a:hover{color:#fff}.popup-content{height:100%;overflow-y:auto;width:100%}#popup-detail{background:#283f46;box-shadow:0 0 30px rgba(0,0,0,.5);color:#fff;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:auto;max-width:100%;padding:12rem 2rem;position:relative;width:100%}#popup-close{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;font-size:28px;left:35px;position:absolute;top:100px;transition:all .3s;z-index:10}#popup-close:hover .fa-hand-point-left{color:#b5976d}.trainer-detail{align-items:center;display:flex;flex-direction:column;max-width:24%;min-width:250px;width:100%}.trainer-detail img{border:.75rem solid #a68960;border-radius:100%;height:auto;margin-bottom:1rem;max-width:350px;object-fit:cover;width:100%}.trainer-detail h2{color:#fff;font-size:36px;font-weight:500;margin-bottom:10px}.trainer-detail .trainer-social{display:flex;gap:1rem;margin:0 auto 2rem}.trainer-detail .trainer-social a{color:#fff}.trainer-detail .trainer-social a .fa-brands{font-size:36px}.trainer-email-web{border:4px solid #a68960;border-radius:2rem;height:auto;padding:3rem 2rem 2rem;position:relative;width:100%}.trainer-email-web:before{background-color:#283f46;content:"Detail";font-size:24px;padding:0 1rem;position:absolute;top:-1.2rem}.trainer-detail-right{max-width:70%;width:100%}.trainer-detail-right p{color:#fff;line-height:1.6;margin-bottom:1.5rem}.trainer-detail-right h4{color:#fff;font-size:26px;font-weight:700;margin-top:1rem}.trainer-detail-right ul{background-color:#485b60;display:flex;flex-wrap:wrap;gap:2rem;margin:2rem 0;padding:2rem}.trainer-detail-right ul li{background:#283f46;border-radius:8px;color:#fff;margin:6px 0;padding:8px 12px;self-align:center;text-align:center}.trainer-detail-right h3{margin-top:1rem;text-transform:uppercase}.trainer-detail-right iframe{border:none;border-radius:12px;height:400px;margin-top:1.5rem;width:100%}.trainer-detail-right .trainer-desc{font-size:23px;line-height:1.4;margin:2rem auto}.trainer-detail-right .facts{font-size:23px}@media(max-width:1003px){.trainer-detail{margin:auto 16px;max-width:425px}.trainer-detail-right{margin:auto 16px;max-width:900px}.trainer-detail-right iframe{height:300px}.trainer-detail-right .trainer-desc{font-size:18px}.trainer-detail-right .facts{font-size:18px;line-height:1.2}#trainer-list{gap:18px}}@media(max-width:425px){.trainer-detail-right h3{font-size:24px}}