.loc-container{background:#f1e7e7;width:100%;padding:80px 8%}.loc-heading{text-align:center;color:#c8020e;letter-spacing:1px;margin-top:60px;margin-bottom:60px;font-size:38px;font-weight:700}.loc-card{background:#fff;border-radius:20px;align-items:center;gap:40px;margin-bottom:60px;padding:25px;transition:all .4s;display:flex;box-shadow:0 10px 30px #00000014}.loc-card.reverse{flex-direction:row-reverse}.loc-card:hover{transform:translateY(-10px)scale(1.01);box-shadow:0 20px 50px #00000026}.loc-img{border-radius:16px;flex:1;overflow:hidden}.loc-img img{object-fit:cover;width:100%;height:300px;transition:transform .5s}.loc-card:hover .loc-img img{transform:scale(1.1)}.loc-content{flex:1}.loc-content h3{color:#c8020e;margin-bottom:10px;font-size:28px}.loc-area{color:#333;margin-bottom:8px;font-size:18px}.loc-sub{color:#777;margin-bottom:20px;font-size:16px}.loc-btn{color:#fff;cursor:pointer;background:#c8020e;border:none;border-radius:10px;padding:10px 22px;font-weight:500;transition:all .3s}.loc-btn:hover{background:#a0010b;transform:scale(1.05)}.modal-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:20px;width:90%;max-width:900px;animation:.3s scaleUp;display:flex;overflow:hidden}.modal-img{flex:1}.modal-img img{object-fit:cover;width:100%;height:100%}.modal-content{flex:1;padding:30px}.modal-content h2{color:#c8020e;margin-bottom:10px}.modal-area{color:#c8020e;margin-bottom:6px;font-size:18px}.modal-sub{color:#777;margin-bottom:15px}.modal-desc{color:#444;margin-bottom:20px;line-height:1.6}.modal-btn{color:#fff;cursor:pointer;background:#c8020e;border:none;border-radius:10px;padding:12px 24px;transition:all .3s}.modal-btn:hover{background:#a0010b}.close{cursor:pointer;color:#fff;z-index:10;font-size:20px;position:absolute;top:15px;right:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal{flex-direction:column}.modal-img img{height:220px}}@media (max-width:900px){.loc-card{text-align:center;flex-direction:column}.loc-card.reverse{flex-direction:column}.loc-img img{height:220px}}@media (max-width:500px){.loc-heading{margin-top:20px;margin-bottom:20px;font-size:28px}.loc-content h3{font-size:22px}.loc-area{font-size:16px}}