.gallery{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.card{box-shadow:0 4px 10px rgba(0,0,0,.1);cursor:pointer;flex:1 0 20%;overflow:hidden;padding:12px;transition:.3s}.card,.card img{border-radius:10px}.card img{display:block;height:250px!important;object-fit:cover;width:100%}.card h3{color:#fff;font-size:18px;font-weight:500;letter-spacing:0;line-height:24px;margin:12px 0 0}.card.hidden{display:none}.load-more{background:#e86652;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Dosis;font-size:18px;font-weight:700;line-height:normal;margin:30px auto;padding:10px 25px}.modal{align-items:center;background:rgba(0,0,0,.9);display:none;flex-direction:column;inset:0;justify-content:center;padding:50px 0;position:fixed;z-index:99999}.modal img{max-height:80%;max-width:80%}.controls button{background:#e86652;border:none;border-radius:5px;font-family:Dosis;font-size:18px;font-weight:700;line-height:normal;margin:20px auto;padding:10px 25px}.close,.controls button{color:#fff;cursor:pointer}.close{font-size:30px;position:absolute;right:30px;top:20px}#modalTitle{color:#fff;font-size:20px;font-weight:600;margin-top:15px;text-align:center}.gallery-main h2{color:#3f3f3f;font-family:Dosis;font-size:36px;font-weight:700;line-height:normal;margin:0;padding:0 0 40px}.dyslexia-gored #modalTitle,.dyslexia-gored .card h3{display:none}@media (min-width:300px) and (max-width:414px){.gallery{display:block}}@media (min-width:300px) and (max-width:767px){.iamge_gallery_with_popup_section{padding:0 20px}.card{flex:1 0 40%;margin-bottom:20px}}@media (min-width:767px) and (max-width:1200px){.iamge_gallery_with_popup_section{padding:0 20px}.card{flex:1 0 22%;margin-bottom:20px}}