.school-card{background-color:#fff;border:1px solid #d9d9d9;border-radius:24px;flex-direction:column;height:100%;display:flex;box-shadow:0 4px 4px #534f5c0d}.school-card .header{background-position:100% 0;background-size:cover;min-height:110px}.school-card .header .school-logo{width:90px;height:90px;bottom:-45px;left:15px}.school-card .header .school-logo img{object-fit:cover;border-radius:50%;width:100%;height:100%}.school-card .content-body{flex-grow:1;margin-top:35px}.school-card .content-body h3{font-size:1.25rem;font-weight:500}.school-card .content-body p{font-size:1rem}.school-card .content-body .review-rating{color:#837c91}.school-card .content-body .review-rating .avg-rating{color:#000;font-size:1rem;font-weight:600}.school-card .footer{border-top:1px solid #d6d4db;margin-top:auto;font-weight:600}.school-card .footer p{color:#534f5c}.school-card .footer p span{color:#837c91}.skeleton-loading{background:#f5f5f5;animation:1.5s infinite skeleton-pulse}.skeleton-loading .skeleton-header{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}.skeleton-loading .skeleton-text{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;border-radius:4px;height:12px;margin-bottom:8px;animation:1.5s infinite skeleton-loading}.skeleton-loading .skeleton-text.skeleton-title{width:70%;height:20px;margin-bottom:12px}.skeleton-loading .skeleton-text.skeleton-description{width:100%;height:12px;margin-bottom:8px}.skeleton-loading .skeleton-text.skeleton-description:last-of-type{width:90%}.skeleton-loading .skeleton-text.skeleton-rating{width:60%;height:14px;margin-bottom:12px}.skeleton-loading .skeleton-text.skeleton-footer{height:12px;margin-bottom:12px}.skeleton-loading .skeleton-text.skeleton-button{border-radius:6px;height:40px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.8}}.school-slider{width:100%!important}.school-slider .swiper-slide{height:auto;display:flex}.school-slider .swiper-slide>div{width:100%}
