body[data-bs-theme=light] .main-content {
	background-color: transparent;
}

.main-content {
	background-color: #0c0c0c;
}


.educator-subject-card-containers {
	padding-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	/* max-width: 85%;
  margin: auto; */
	gap: 20px;
}




.educator-subject-card {
	height: 461px;
	width: 24%;
	/* background: #000000; */
	background: linear-gradient(180deg, rgba(0, 0, 0, 1) 20%, rgb(43 43 43) 65%, rgb(0 0 0) 100%);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 10px;
	border: 1px solid #424242;
	position: relative;
	overflow: hidden;
	margin: 20px;
}

body[data-bs-theme=light] .educator-subject-card {
	background: linear-gradient(180deg, rgb(237, 237, 237) 20%, rgb(219, 219, 219) 65%, rgb(255, 255, 255) 100%);
	border: 1px solid #c6c6c6;
}


.card-img-container {
	height: 60%;
	padding: 1rem;
	display: flex;
	justify-content: center;
}

.card-img {
	height: 100%;
	background-color: rgb(94, 94, 94);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

body[data-bs-theme=light] .card-img {
	background-color: rgb(184, 184, 184);
}

.card-img>img {
	width: 100%;
	height: 100%;
}

.card-details-container {
	height: 40%;
	width: 100%;
	background-color: #0B0B0B;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

body[data-bs-theme=light] .card-details-container {
	background-color: #e9e9e9;
}

.educator-name {
	font-size: 1.5rem;
	color: #751BD5;
	font-weight: bold;
}

.educator-subject {
	font-size: 1rem;
	color: #ABABAB;
}

body[data-bs-theme=light] .educator-subject{
	color: #484848;
}

.card-btn {
	border: 3px solid #424242;
    border-radius: 30px;
    padding: 0.5rem 1rem;
    /* height: 40px; */
    width: fit-content;
    margin-top: 1rem;
}

body[data-bs-theme=light] .card-btn{
	border: 4px solid #c7c7c7;
}

.card-btn img {
	/* height: 100%; */
}


@media (max-width: 1800px) {
	

	.educator-subject-card {
		width: 23.8%;
	}
}


@media (max-width: 1700px) {
	.educator-subject-card {
		height: 450px;
	}
}

@media (max-width: 1630px) {
	

}


@media (max-width: 1570px) {
	
}



@media (max-width: 1500px) {
	

	.educator-subject-card {
		width: 31.8%;
	}
}

@media (max-width: 1400px) {
	
}

@media (max-width: 1300px) {
	



	.educator-subject-card-containers {
		gap: 15px;
	}

}

@media (max-width: 1200px) {
	.educator-subject-card {
		height: 400px;
	}
}

@media (max-width: 1025px) {
	.educator-subject-card {
		width: 48%;
	}
}

@media (max-width: 900px) {}

@media (max-width: 768px) {
	.educator-subject-card {
		height: 350px;
	}
}

@media (max-width: 600px) {
	.educator-subject-card {
		width: 99%;
	}
}

@media (max-width: 400px) {}

@media (max-width: 350px) {
	.educator-subject-card {
		height: 320px;
	}
}