body {
    font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
strong  { font-weight:bold; } 
#new_admission_profile { width:99%; float:left; font:normal 12px 'Roboto', Arial; padding:5px; }
#new_admission_profile h2 { font:bold 18px Verdana, Geneva, sans-serif; color:#222; }
.apt_std_name { margin:0 auto; padding:5px; background:purple; font:bold 18px Verdana, Geneva, sans-serif; color:#f9f9f9; margin-bottom:10px; }
.student_profile_pic { float:left; width:120px; height:180px; }
.student_profile_info{ float:left; width:300px; margin-left:10px; font-size:14px; line-height:24px; }
.student_msg { font-size:14px; line-height:24px; border-top:1px dotted #ccc; }
#sidebar2 { width:250px; float:left; margin:0px 10px; }

ul.rules-list    { }
ul.rules-list li:before { content:"*"; padding:5px; color:red; }
.profile-pic {
    background: #36D1DC;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.profile-pic img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}
        video {
            height: 350px; /* Adjust the height as per your requirement */
            width: auto; /* Maintain the aspect ratio */
        }
#tp-card img { width: 80px; height:80px; object-fit: cover; object-position:top; border-radius: 50%; border:2px solid #ccc; }