/*===================================
 *            Modal
 * ================================*/
.bbwdModalToggle:hover{
	cursor: pointer;
}
#bbwdModal{
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    height: 100vh;
}
#bbwdModInner{
	width: 50%;
    max-width: 50%;
	max-height: 60vh;
	/*overflow-y: scroll;*/
    padding: 50px 60px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 5px 10px -3px;
	gap: 20px;
}
#bbwdCloseModal{
    margin-top: -45px;
    margin-right: -55px;
}
#bbwdCloseModal button{
	border-radius: 100px;
	padding: 5px 8px;
	line-height: 1;
	font-size: 15px;
	color: grey;
	border-color: grey;
}
#bbwdCloseModal button:hover{
	color: white;
	background: grey;
}
#bbwdModalContent{
	width: 100%;
}
.bbwdToModal{
	display: none;
}
#bbwdModalContent .bbwdToModal{
	display: inherit;
}
 /**end modal**/
/*===================================
 *          Cookie Notice
 * ================================*/
#bbwdCookieNotice{
	position: fixed;
    bottom: -250px;
    left: 0px;
    width: 100%;
    background: white;
    padding: 30px 5px;
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, .15);
    z-index: 9999;
}
#bbwdInnerCookie{
	margin: auto;
}
#bbwdInnerCookie p{
	margin: 0;
}

#bbwdInnerCookie a{
	text-align: center;
	font-size: 12px;
}









/* --- Homepage Testimonial Slider --- */
.elementor-widget-reviews .swiper-slide, .elementor-widget-testimonial-carousel .swiper-slide{
    margin: auto;
}









/*===================================
 *          Tablet
 * ================================*/
@media only screen and (max-width: 1024px) {
	.bbwdTeam .bbwdWidth30{
		width: 75%;
	}
	
	.bbwdservices.md\:grid-cols-3{
		grid-template-columns: 2fr 2fr !important;
	}
	
	.grid.md.gap-8{
		display: flex; !important
		flex-flow: row !important;
		gap: 20px !important;
	}
	.grid.md.gap-8 .rounded-lg.bg-card.text-card-foreground.border-0.shadow-lg.bg-gradient-to-br.from-primary/5.to-ocean-light{
		width: 50% !important;
	}
	
	
}

/*===================================
 *          Mobile
 * ================================*/
@media only screen and (max-width: 767px) {
	#bbwdCookieNotice{
		bottom: -440px;
	}
  #bbwdInnerCookie{
		flex-flow: column;
		justify-content: stretch;
		align-items: stretch;
		gap: 0;
	}
	
	.bbwdFont14{
		font-size: 14px !important;
		word-break: break-all;
		text-align: center;
	}
	
	
	/* Home Page */
	#bbwdMobileOpt .flex.items-start.gap-4{
		flex-flow: column;
		justify-content: center;
		align-items: center;
		margin-top: 30px;
		gap: 5px;
	}
	#bbwdMobileOpt .flex.items-start.gap-4 p, #bbwdMobileOpt .flex.items-start.gap-4 a, #bbwdMobileOpt .flex.items-start.gap-4 ul{
		text-align: center;
	}
	.bbwdservices.md\:grid-cols-3{
		grid-template-columns: 1fr  !important;
	}
	
	
	
}