/* koç karltarı */
#aboutUs .d-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1.5rem;
}

#aboutUs .card-container {
	position: relative;
    flex-direction: column;
    align-items: center;
	max-width: 100%;
	text-align: center;
}

#aboutUs .card-container .pro {
	color: #231E39;
	background-color: #FEBB0B;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 7px;
	position: absolute;
	top: 30px;
	left: 30px;
}

#aboutUs .card-container .round {
	border: 1px solid #03BFCB;
	border-radius: 50%;
	padding: 7px;
    width: auto !important;

}

#aboutUs .skills {
    border-top: 1px solid var(bg-dark);
	text-align: left;
	padding: 15px;
	margin-top: 30px;
}

#aboutUs .skills ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#aboutUs .skills ul li {
	border: 1px solid #2D2747;
	border-radius: 2px;
	display: inline-block;
	font-size: 12px;
	margin: 0 7px 7px 0;
	padding: 7px;
}

/* koç kartları */

.modal-overlay {
	background-color: rgba(0, 0, 0, 0.7);
	transition: opacity 0.3s ease-in-out;
	z-index: 50; /* Tailwind z-index-50 */
}
.modal-content {
	max-height: 90vh;
	overflow-y: auto;
	animation: fadeInScale 0.3s ease-out;
}
@keyframes fadeInScale {
	from { opacity: 0; transform: scale(0.95); }
	to { opacity: 1; transform: scale(1); }
}

/* Tag Styles */
.tag-style {
	background-color: var(--color-bg-light); 
	color: var(--color-primary);
}
body.dark-mode .tag-style {
	background-color: var(--bg-dark-l);
	color: var(--color-secondary);
}