main{
    margin-top:40px;
}
:root{
	--primary-page-color:#66C7CC;
	--secondary-page-color:#091c47;
	--red-page-color:#c71e1e;
}

.about_content{
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.3);
	padding:3rem;
	border-radius:10px;
}

.about_content .about_row{
	display:flex;
	justify-content:space-between;
	gap:2rem;
}

.about_image img{
	width:300px;
	height:300px;
	border:10px solid var(--primary-page-color);
	border-radius:50%;
	 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	 object-fit:cover;
}

.about_content h6{
	color:var(--primary-page-color);
	font-size:15px;
	font-weight:500;
}

.about_content h3{
	font-size:1.5rem;
	color:var(--secondary-page-color);
	font-weight:500;
	margin:10px 0px;
}

.about_content p{
	text-align:justify;
	margin-bottom:6px;
	color:var(--primary-page-color);
}

.about_content p strong{
	color:var(--red-page-color);
    font-weight: 500;
	text-decoration:underline;
}


@media(max-width:767px){
    /* Adjust padding for about section */
    .about_content {
        padding: 2rem;
    }

    /* Stack about section rows vertically */
    .about_content .about_row {
        flex-direction: column;
    }

    /* Ensure about section images are fully responsive */
    .about_image img {
        width: 100%;
        height: 100%;
		border-radius:4px;
    }
}

/* For Tab */
@media (min-width: 768px) and (max-width: 1024px) {	
    /* Stack about section rows vertically */
    .about_content .about_row {
        flex-direction: column;
    }

    /* Ensure about section images are fully responsive */
    .about_image img {
        width: 100%;
        height: 100%;
		border-radius:4px;
    }    
}