/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2025 | 13:44:40 */
.contentCard-section {
	background-color: white;
	font-family: 'Inter', sans-serif;
}
.contentCard-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
/* 	grid-template-columns: 1fr;  */
	gap: 30px;
	margin-bottom: 30px;
}
.contentCard-card { 
	height:auto!important;
	background-color: #F4F7FA;
	border-radius: clamp(25px, 2vw, 50px);
	padding: 30px;
	justify-self: center;
}
.contentCard-card h2{
	font-size: 19px;
}
.contentCard-card table, .contentCard-card td, .contentCard-card th {  
  border: 1px solid #ddd;
  text-align: left;
}

.contentCard-card table {
  border-collapse: collapse;
  width: 100%;
	margin-bottom: 25px;
	border-radius: 5px;
}

.contentCard-card th, .contentCard-card td {
  padding: 10px;
}
.contentCard-number {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 10%;
	color: #A2A2A2;
	margin-bottom: 0.5%;
}
.contentCard-question {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #000000;
}
.contentCard-answer {
	font-size: 17px;
	line-height: 1.5;
	color: #000000;
	text-align: left !important;
	font-family: 'Inter',sans-serif;
    font-weight: 300;
}
.contentCard-span {
	grid-column: span 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%; 
	margin: 0 auto;
	padding: 30px!important;
}
.contentCard-span h2 {
	font-size: 19px;    
	line-height: 29px;
    margin-bottom: 0 !important;
}

.bullet-list  {
	font-size: 17px;
	line-height: 1.5;
	color: #000000;
	list-style-type: disc;	
}
.bullet-list li {
	text-align: justify;
	margin-bottom: 0.5%!important;
	font-family: "Inter", sans-serif;
	font-weight: 300;
}
.numbered-list {
  list-style-type: decimal;
  padding-left: 1.5rem;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 215%;
}


@media (max-width: 769px) {
	.contentCard-span {grid-column: span 1;}
	.contentCard-card h2{font-size: 16px;margin-top: 1%;}
	.contentCard-number {font-size: 14px;}
	.contentCard-question {font-size: 20px;}
/* 	.contentCard-answer {font-size: 14px;line-height: 1.3;} */
	.contentCard-span h2 {font-size: 16px;line-height: 1.3;}
	.bullet-list {font-size: 14px;line-height: 1.3;}
	.bullet-list li {margin-bottom: 1%!important;}
	.numbered-list{font-size: 14px;line-height:1.3;}
}
@media (max-width: 768px) {
	.contentCard-card {width:100%}
}
@media (max-width: 430px){
/* 	.contentCard-answer {font-size: 12px; line-height: 1.3;} */
	.contentCard-grid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;margin-bottom: 20px;}
	.contentCard-span, .contentCard-card  h2 {font-size: 14px;}
	.bullet-list, .numbered-list {font-size: 12px;line-height: 1.3;}
}

/*  ***************** 10BB - videos  ******************/
.videoCard-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
	padding: 30px;
	max-width: 1200px;
	margin: auto;
	justify-content: center;
	font-family: 'Inter', sans-serif;
	text-align: center;
}

.videoCard {
	background-color: white;
	overflow: visible;
	margin: 30px auto;
	position: relative;
}

.videoCard img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 30px;
	position: relative;
}

.videoCard h3 {
	font-size: 19px;
	margin-top: 5%;
	color: black;
	line-height: 128.1%;
	font-weight: 500;
}

.videoCard p {
	font-size: 17px;
	color: #878787;
	font-weight: 300;
}

/* Thumbnail wrapper */
.video-thumb {
	position: relative;
	display: inline-block;
	width: 100%;
}

.video-thumb img {
	width: 100%;
	height: auto;
	border-radius: 30px;
	display: block;
}

/* Play overlay */
.play-overlay {
	position: absolute;
	top:  0%;
	left: 0%;
/* 	transform: translate(-50%, -50%); */
	background: rgba(0, 0, 0, 0.3);
	border-radius: 30px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	cursor: pointer;
}

.play-overlay img {
	width: 80px; /* Adjust icon size */
	height: auto;
}

/* Hover effect */
.video-thumb:hover .play-overlay {
	opacity: 1;
}


@media (max-width: 769px) {
	.videoCard img {max-width:300px;margin:0 auto;}
	.videoCard h3 {font-size: 16px;	line-height: 112%;}
	.videoCard p {font-size: 14px;margin-bottom:0!important;}
}
@media (max-width: 430px) {
	.videoCard-grid {grid-template-columns: 1fr;}
}
/* ***************** ***************** ***************** */