.CL_IMG_BOOKNOW
{
	width: 110px;
	height: auto;
}
@media (min-width: 0px) and (max-width: 576px)  {  .CL_IMG_BOOKNOW{	width: 90px;  }}




@media (min-width: 0px) and (max-width: 576px)  {  .establised {     font-size: 12px;  left: 1rem;  letter-spacing: .1625rem;  }}
@media (min-width: 577px) and (max-width: 876px)  {  .establised {     font-size: 18px;  left: 2rem;  letter-spacing: .2625rem;  }}
@media (min-width: 877px) and (max-width: 1576px)  {  .establised {     font-size: 22px;  font-weight: bold; left: 3rem;  letter-spacing: .3625rem;  }}
@media (min-width: 1577)  {  .establised {     font-size: 32px;  font-weight: bold; left: 4rem;  letter-spacing: .625rem;  }}


.CL_BORDER_NONE, .CL_BORDER_NONE tr, .CL_BORDER_NONE td
{
	border: none !important; 
	color: 
}
.CL_BORDER_NONE
{
	padding: 0 !important; 
	margin: 0 !important; 
}


.wa-float{
  position:fixed; right:50px; bottom:6px;
  padding:6px 8px; border-radius:999px;
  background:#25D366; color:#fff; font-weight:600; text-decoration:none;
  box-shadow:0 3px 9px rgba(0,0,0,.2);
}
@media (min-width: 768px){ .wa-float{ bottom:24px; right:60px; } }

.wa-float:hover{
	color: black;
}



.bn-float{
  position:fixed; 
  right:50px; 
  bottom:40px;
  padding:6px 8px; 
}
@media (min-width: 768px){ .bn-float{ bottom:70px; right:60px; } }
























.gallery-item {
	z-index: 100;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5rem;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
	padding: 10px; /* Add padding to create space for the background */
}

.gallery-item img {
	z-index: 300;
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px; /* Match the parent's border-radius */
	transition: transform 0.3s ease;
}

/* Hover effect for the div */
.gallery-item:hover {
	background-color: rgba(128, 128, 128, 0.2); /* Light grey background */
}

/* Ensure the image remains clear and unaffected */
.gallery-item:hover img {
	transform: scale(1.05); /* Optional: Slight zoom effect */
}

.gallery-item .overlay {
	z-index: 200;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.gallery-item:hover .overlay {
	opacity: 0.1;
}

.gallery-item .overlay i {
	font-size: 2rem;
	color: white;
}










.gallery-item-no-border {
	z-index: 100;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5rem;
	border-radius: 10px;
	//box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease;
	padding: 10px; /* Add padding to create space for the background */
}

.gallery-item-no-border img {
	z-index: 300;
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px; /* Match the parent's border-radius */
	transition: transform 0.3s ease;
}

/* Hover effect for the div */
.gallery-item-no-border:hover {
	background-color: rgba(128, 128, 128, 0.2); /* Light grey background */
}

/* Ensure the image remains clear and unaffected */
.gallery-item-no-border:hover img {
	transform: scale(1.05); /* Optional: Slight zoom effect */
}

.gallery-item-no-border .overlay {
	z-index: 200;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.gallery-item-no-border:hover .overlay {
	opacity: 0.1;
}

.gallery-item-no-border .overlay i {
	font-size: 2rem;
	color: white;
}