.principal-card{
    width: 620px;
    max-width: 100%;
    padding: 4px;
    background-color: #FFF8EF;
    border: 2px solid #F28F0131;
    border-radius: 10px;
    font-family: var(--bs-secondary-font-family);
}
.principal-card .principal-card-img img{
    max-width: 150px;
    height: 100%;
    object-fit: cover;
}
.principal-card .principal-card-img img{
    border-radius: 10px;
}
.principal-card .principal-card-content .badge{
    padding: 4px 12px;
    background-color: #FFEDBE;
    font-weight: 500;
    color: #1A1A18;
    font-size: 12px;
    border-radius: 15px;
    display: inline-flex;
}
.principal-card .principal-card-content h4{
    font-weight: 700;
    color: var(--bs-primary);
    font-size: 1.125rem;
    
}
.principal-card .principal-card-content p{
    color: #1A1A18;
    font-size: 14px;
    margin-bottom: 0;
}

.lecturers-section{
background: transparent linear-gradient(0deg, #FFFFFF 0%, #FAE8D0 69%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.hod-card{
    padding: 20px 20px;
    background-color: #FFF8EF;
    border: 2px solid #F28F0131;
    border-radius: 10px;
    font-family: var(--bs-secondary-font-family);
}
.hod-card .badge{
    padding: 4px 12px;
    background-color: #FFEDBE;
    font-weight: 500;
    color: #1A1A18;
    font-size: 12px;
    border-radius: 15px;
    display: inline-flex;
    position: absolute;
    left: 20px;
    top: -10px;
}
.hod-card h5{
    font-weight: 700;
    color: var(--bs-primary);
    font-size: 1.125rem;
    
}
.hod-card p{
    color: #1A1A18;
    font-size: 14px;
    margin-bottom: 0;
}

.faculty-card{
    padding: 20px 15px 20px 30px;
    background-color: #FFF8EF;
    border: 2px solid #F28F0131;
    border-radius: 10px;
    font-family: var(--bs-secondary-font-family);
}
.faculty-card:after{
    content: '';
    width: 9px;
    height: 9px;
    background-color: #EB6502;
    border-radius: 50%;
    position: absolute;
    top: 24px;
    left: 12px;
}
.faculty-card:before{
    content: '';
    width: 1px;
    height: 25px;
    background-color: #EB6502;
    position: absolute;
    top: 0px;
    left: 16px;
}

.faculty-card h5{
    font-weight: 700;
    color: #1A1A18;
    font-size: 1rem;    
}
.faculty-card p{
    color: #1A1A18;
    font-size: 13px;
    margin-bottom: 0;
}

.branch_details {
    border: 1px solid var(--bs-primary);
    border-radius: 16px;
    background-color: #FFF8EF;
}
.details_block {
    padding: 50px 50px 40px;
    border-right: 1px solid var(--bs-primary) !important;
}
.details_block .card-location a {
    color: #000;
}
.details_block .card-location a:hover {
    color: var(--bs-primary);
}

.location-map iframe{
    width: 100%;
    height: 200px;
    border-radius: 12px;
    display: block;
}


.branch_form {
    padding: 30px;
}

@media (max-width:767px) {
    .details_block {
        padding: 30px;
        border-right: 1px solid transparent !important;
        border-bottom: 1px solid var(--bs-primary) !important;
    }
}
@media (max-width:576px) {
    .principal-card .principal-card-img img {
        max-width: -webkit-fill-available;
        margin: auto;
        display: flex;
        height: 200px;
    }
}