/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 04 2025 | 06:48:14 */
.bbCard-container {
	display: grid;
	grid-template-columns: 1fr 1fr; /* always 2 columns */
	gap: 150px 80px; /* vertical gap 150px, horizontal gap 80px */
	max-width: 1200px;
	width: 100%;
}

.bbCard {
	position: relative;
	background-color: #e1ecda;
	border-radius: 30px;
	/*padding: clamp(30px, 5vw, 50px) clamp(15px, 3vw, 25px) clamp(20px, 4vw, 30px);*/
	padding: 60px 70px 30px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
/* 	min-height: clamp(100px, 20vh, 200px); */
	margin-left: 50px;
}

.bbCard-title {
	position: absolute;
	top: -20px;
	left: 0%;
	/*right: 0;*/
	width: 72%;
	/*margin: auto;*/
	/* transform: translateX(-50%); */
	background-color: #afc89f;
	padding: 10px 30px;
	border-radius: 15px;
	font-size: clamp(18px, 2vw, 30px);
	font-weight: bold;
	font-family: "Noto Serif SC";
	color: #000;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
	text-align: center;
}

.bb_icon {
	position: absolute;
	width: 96px;
	height: 96px;
	left: -30px;
	top: -40px;
	border-radius: 15px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}

.bbCard p {
	font-size: 15px;
	line-height: 1.6;
	color: #222;
	text-align: left;
}

.bbCard .btn-wrap {
	bottom: -9%;
    right: 15%;
	border-radius: 50px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
	.bbCard-container {
		grid-template-columns: 1fr;
		/*gap: 40px;*/
	}
}

/*!=======================================
 *
 *  Basic Beliefs Content Style
 *
==========================================*/
.bb_qoute_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: clamp(30px, 6vw, 50px) auto clamp(30px, 6vw, 50px);
  width: 90%;
}

.qoute_card {
	background-color: #E1ECDA; 
	border-radius: 20px; 
	padding: clamp(20px, 5vw, 40px) clamp(15px, 3vw, 30px); /* responsive vertical & horizontal padding */
	font-size: clamp(16px, 2vw, 22px);
	font-family: "Noto Serif SC";
	font-weight: bold;
	max-width: 900px;
	line-height: 1.8;
	color: #000;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.bb_qoute_wrap .green-line {
  margin-top: 30px;
  width: 100%;
/*   max-width: 900px; */
  height: auto;
}

.bb_section_title {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: 0 auto clamp(20px, 4vw, 30px); /* top auto bottom */
	font-family: "Noto Serif SC";
}

.bb_section_title h2 {
  font-size: clamp(22px, 2.5vw, 30px); 
  font-weight: bold;
  margin: 0 0 clamp(5px, 1vw, 12px);
  color: #000;
}

.bb_section_title .green-line-short {
  width: clamp(50px, 10vw, 120px);
  height: auto;
}