/* Certifications grid layout */
.certifications-grid {
	display: flex;
	gap: 32px;
	align-items: flex-start;
	margin-bottom: 10px;
}
.certification-logos-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px 12px;
}
.certification-logos-grid img {
	width: 110px;
	object-fit: cover;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
.certification-list {
	list-style: disc inside;
	padding-left: 18px;
	margin: 0;
	font-size: 1rem;
}
.certification-list li {
	margin-bottom: 8px;
}

@media (max-width: 900px) {
	.certifications-grid {
		flex-direction: column;
		gap: 18px;
		align-items: stretch;
	}
	.certification-logos-grid {
		justify-content: center;
	}
}
body {
	margin: 0;
	font-family: 'Poppins', Arial, sans-serif;
	background: #f7f8fa;
	color: #2a2a2a;
}

.container {
	display: flex;
	min-height: 100vh;
}

.sidebar {
	background: #233a5f;
	color: #fff;
	width: 420px;
	min-width: 180px;
	max-width: 420px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 32px 0 0 0;
	gap: 24px;
}

.sidebar-profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.profile-img {
	width: 200px;
	height: 200px;
	border-radius: 25px;
	object-fit: cover;
	background: #fff;
}

.profile-info h1 {
	font-size: 1.2rem;
	font-weight: 600;
	margin: 0;
}
.profile-info .subtitle {
	font-size: 0.9rem;
	color: #c3c2c2;
	margin: 0;
}

.sidebar-email {
	background: #e5e7eb;
	color: #233a5f;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 0.9rem;
	margin-bottom: 8px;
}

.sidebar-section {
	width: 90%;
	margin-bottom: 12px;
}
.sidebar-section h2 {
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 6px 0;
	color: #fff;
}
.sidebar-section ul {
	list-style: disc inside;
	padding-left: 16px;
	margin: 0;
	font-size: 0.95rem;
}
.sidebar-section ul.links {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.sidebar-section ul.links li {
	display: flex;
	align-items: center;
	gap: 6px;
}
.sidebar-section ul.links img {
	width: 16px;
	height: 16px;
}
.sidebar-section ul.links a {
	color: #fff;
	text-decoration: underline;
	font-size: 0.95rem;
}

.sidebar-logos {
	display: flex;
	gap: 10px;
	margin-top: 16px;
}
.sidebar-logos img {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	object-fit: cover;
	background: #fff;
}

.main-content {
	flex: 1;
	background: #fff;
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	min-width: 0;
}

section {
	margin-bottom: 16px;
}
section h2 {
	font-size: 1.1rem;
	color: #233a5f;
	font-weight: 600;
	margin-bottom: 4px;
}
.section-underline {
	width: 32px;
	height: 2px;
	background: #233a5f;
	border-radius: 4px;
	margin-bottom: 12px;
}

.about p {
	color: #878787;
	font-size: 1rem;
	text-align: justify;
	margin: 0;
}

.technical-skills ul,
.certifications ul,
.education ul {
	list-style: disc inside;
	padding-left: 18px;
	margin: 0;
	font-size: 0.98rem;
}
.technical-skills ul li,
.certifications ul li,
.education ul li {
	margin-bottom: 4px;
}
.certification-logos {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}
.certification-logos img {
	
	height: 50px;
	object-fit: cover;
	border-radius: 8px;
	background: #fff;
}

.experience-company {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 18px;
    margin-bottom: 50px;
}
.company-logo {
	width: 100px;
	object-fit: contain;
	background: #fff;;
}
.company-details h3 {
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 4px 0;
}
.company-dates {
	font-size: 0.95rem;
	color: #878787;
	margin-bottom: 6px;
	display: block;
}
.company-details ul {
	list-style: disc inside;
	padding-left: 16px;
	margin: 0;
	font-size: 0.97rem;
}
.company-details ul li {
	margin-bottom: 4px;
}

.awards-content {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.award-img {
	height: 75px;
	object-fit: cover;
	border-radius: 8px;
	background: #fff;
}
.awards-content ul {
	list-style: disc inside;
	padding-left: 16px;
	margin: 0;
	font-size: 0.97rem;
}
.awards-content ul li {
	margin-bottom: 4px;
}

@media (max-width: 900px) {
	.container {
		flex-direction: column;
	}
	.sidebar {
		flex-direction: row;
		width: 100%;
		max-width: 100vw;
		min-width: 0;
		padding: 16px 0;
		gap: 16px;
		justify-content: flex-start;
		align-items: flex-start;
		overflow-x: auto;
	}
	.main-content {
		padding: 24px 8px;
	}
}

@media (max-width: 600px) {
	.container {
		flex-direction: column;
	}
	.sidebar {
		flex-direction: column;
		width: 100%;
		padding: 12px 0;
		align-items: center;
		gap: 10px;
	}
	.main-content {
		padding: 12px 2vw;
		gap: 18px;
	}
	section h2 {
		font-size: 1rem;
	}
	.profile-img {
		width: 70px;
		height: 70px;
	}
	.sidebar-logos img {
		width: 40px;
		height: 40px;
	}
	.certification-logos img {
		width: 36px;
		height: 36px;
	}
	.company-logo {
		width: 36px;
		height: 36px;
	}
	.award-img {
		width: 50px;
		height: 30px;
	}
}