img.img-thumbnail {
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	transition: 0.3s;
}
img.img-thumbnail:hover {
  	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}


.connectBtn {
	background-color: var(--primary);
	padding: 12px 16px;
	font-size: 1.2rem;
}
/* contact us modal */
#connectBtn {
  	z-index: 9999;
}
.popup-container {
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform: scale(1.3);
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(21, 17, 17, 0.61);
	display: flex;
	align-items: center;
}
.popup-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
}
.popup-content p {
  font-size: 17px;
  padding: 10px;
  line-height: 20px;
}
.popup-content a.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  background: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

.popup-content a.close:hover {
  color: #333;
}

.popup-content span:hover,
.popup-content span:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.popup-container:target {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.popup-container h3 {
  margin: 10px;
}
/*End popup styles*/

/* Additional styles */
.popup-style-2 {
  transform: scale(0.3);
}

.popup-style-2:target {
  transform: scale(1);
}

.popup-style-3 {
  left: 100%;
}

.popup-style-3:target {
  left: 0;
}

.popup-style-4 {
  transform: rotate(180deg);
}

.popup-style-4:target {
  transform: rotate(0deg);
}

.popup-style-5 {
  	top: 100%;
}

.popup-style-5:target {
  	top: 0;
}

.popup-style-6 {
  	transform: scale(15.3);
}

.popup-style-6:target {
  	transform: scale(1);
}

.popup-style-7 {
	transform: skewY(180deg);
	transition: all 0.7s ease-in-out;
}

.popup-style-7:target {
  	transform: skewY(0deg);
}
/* floating icon */
.icon-bar {
	position: fixed;
	bottom: 10%;
	transform: translateY(-50%);
	z-index: 9;
}

.icon-bar a {
	display: block;
	text-align: center;
	padding: 12px;
	transition: all 0.3s ease;
	color: white;
	font-size: 24px;
	margin-bottom: 18px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.whatsapp {
	background: #4ed35c;
	color: white;
}

.phone {
	background: #202c5e;
	color: white;
}

.card-badge:hover {
	transform: translateY(-2px);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}
nav.navbar.navbar-expand-lg.navbar-light {
  	background-color: #fff;
}