[data-overlay]::before {
	background: #07294d none repeat scroll 0 0; 
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	}
	.card-header {
    border: 1px solid rgba(0, 0, 0, .125);
	}
	.btn{
    	padding: 5px 20px;
    }
	:root{ --gap:16px; --thumb-bg:#f6f6f6; }
   
    /* Grid: 3 columns on desktop, responsive down */
    .gallery-grid{display:grid; gap:var(--gap); grid-template-columns:repeat(2,1fr)}
    @media (max-width:900px){ .gallery-grid{grid-template-columns:repeat(2,1fr)} }
    @media (max-width:560px){ .gallery-grid{grid-template-columns:repeat(1,1fr)} }

    .gallery-item{background:var(--thumb-bg); overflow:hidden; border-radius:8px; position:relative; cursor:pointer}
    .gallery-item img{display:block; width:100%; height:220px; object-fit:cover; transition:transform .35s ease}
    .gallery-item:hover img{transform:scale(1.03)}

    /* Lightbox overlay */
    .lightbox{position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,0.75); z-index:1000}
    .lightbox.open{display:flex}
    .lightbox-content{max-width:95%; max-height:95%; position:relative}
    .lightbox img{max-width:100%; max-height:100%; display:block; border-radius:6px}
    .lightbox .caption{color:#fff; margin-top:8px; text-align:center}

    .btn-close, .btn-prev, .btn-next{position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.45); color:#fff; border:none; padding:10px 12px; border-radius:6px; cursor:pointer}
    .btn-close{right:12px; top:12px; transform:none}
    .btn-prev{left:-60px}
    .btn-next{right:-60px}
    @media (max-width:700px){ .btn-prev{left:12px} .btn-next{right:12px} }

    /* Small accessibility focus */
    .gallery-item:focus{outline:3px solid #4a90e2; outline-offset:3px}
    button:focus{outline:2px solid #fff}
    .blog-details  .cont {
	padding: 20px 20px;
	background-color: #fff;
	}
	strong{
		color: black;
	}