.about_us{
    padding: 70px 0;    
}
.about_us .about_img img{
    clip-path: polygon(0% 0%, 80% 0%, 100% 50%, 80% 100%, 0% 100%);
width: 80%;
margin-top: 25px;

}
.about_us .about_img{
    position: relative;
}
.about_us .about_img::after {
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    position: absolute;
    content: '';
    height: 495px;
    width: 420px;
    background-color: var(--text-blue);
    right: 97px;
    z-index: -1;
    top: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.about_us h2{
font-family: 'Metropolis Bold';
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
font-weight: bold;
color: var(--text-blue);
}
.title h6{
    color:var(--text-black);
    font-weight: bold;
    font-size:18px;
    position: relative;
}
.about_us p{
    text-align: justify;
    line-height: 30px;
    padding-right: 50px;
}
.title::after{
    position: absolute;
    content: '';
    
}
.line_stile hr {
    width: 100px;
    height: 2px;
    background-color: #21337d;
    opacity: 1;
    border: none;
    position: relative;
}
.line_stile {
    position: relative;
    width: fit-content;
    left: -130px;
    top: 25px;
}
.line_stile::after {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    top: -6px;
    right: -6px;
    border: 2px solid #21337d;
    opacity: 1;
}
.director_msg {
    height: auto;
    background-image: linear-gradient(to bottom, white 12.3%, #21337d 12%);
    color: var(--text-white);
    display: flex;
    align-items: end;
    margin: 100px 0;
    margin-top: 150px;
}
.fondr_inn_sec {
    position: relative;
    margin-bottom: 80px;
}
.director_msg  .row{
    align-items: end;
}
.fondr_inn_sec h2 {
    font-size: 30px;
    font-weight: bold;
    color: white;
}
.fondr_inn_sec .hr_line {
    border: solid 1px var(--text-white);
    background-color: var(--text-white);
    opacity: 0.5;
    width: 100%;
}
.fondr_inn_sec p {
    font-size: 16px;
    padding-bottom: 10px;
    color: var(--text-white);
    text-align: justify;
}
.message_abt_in_name {
    margin: 0;
    background-color: #ffffffe3;
    padding: 20px 20px;
    width: 61%;
    margin-left: -150px;
    margin-right: auto;
}
.message_abt_in_name.name_dr {
    margin-top: 20px;
}
.message_abt_in_name h4 {
    font-size: 22px;
    font-weight: bold;
    color: #000;
}
.message_abt_in_name.name_dr p {
    color: black;
}
.fondr_inn_sec .line_stile{
left: -42px;
transform: rotate(90deg);
top: -60px;
}
.fondr_inn_sec .line_stile hr{
    border: solid 1px #e7e9f1;
    background-color: #e7e9f1;
}
.fondr_inn_sec .line_stile::after {
    border: 2px solid #e7e9f1;
}
.mission_vison .card {
    display: flex;
    flex-direction: row;
    padding: 50px;
    border: none;
    background-color: transparent;
}
.mission_vison p {
    text-align: justify;
    line-height: 30px;
    padding-right: 50px;
}
.mission_vison{
background: var(--text-blue);
padding: 70px 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 88%, 18% 88%, 16% 96%, 14% 88%, 0 88%);
}
.mission_vison img {
width: 160px;
}
.mission_vison h3 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 32px;
    color: white;
}
.law_miss_vis .card{
    /* background-color: #ffc107; */
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
    border-radius: 0;
    border: 0;
    background-image: linear-gradient(to left, #ffff 55%, #ffff 55%);

}
.law_miss_vis .card h3{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 32px;
    color: var(--text-blue);
}
.vision p,
.mission p{
text-align: justify;
line-height: 30px;
padding-right: 50px;
/* color: white; */
}
/* .vm_sec{
    padding: 30px;
} */
.law_miss_vis{
    background-image: url(../about/banner_img.webp);
    height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.mission{
margin-bottom: 80px;
}
.law_miss_vis .row{
align-items: center;
}

.mission_img img, .mission_img img {
    width: 200px;
    /* filter: invert(1); */
}
.section_vm{
display: flex;
gap: 10px;
}
.breadcrumb {
    position: absolute;
    left: 10%;
    bottom: -30px;
    background-color: var(--text-blue);
    padding: 10px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    Z-INDEX: 1;
}
.breadcrumb a {
    color: #fffbff;
    text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.active {
    color: #fffbff;
}



@media (max-width: 1710px) {
.breadcrumb {
    position: absolute;
    left: 12%;
    bottom: -141px;
    background-color: var(--text-blue);
    padding: 10px 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
@media (max-width: 1536px) {
.line_stile hr {
    width: 80px;
}
.line_stile {
    left: -100px;
    top: 25px;
}
}
@media (max-width: 1366px) {
.line_stile hr {
    width: 80px;
}
.line_stile {
    left: -100px;
}
.about_us .about_img::after {
    height: 435px;
    right: 77px;
}
.mission {
    margin-bottom: 30px;
}
.vision p, .mission p {
    line-height: 28px;
    FONT-SIZE: 15PX;
}
.law_miss_vis {
HEIGHT: AUTO;
PADDING: 50PX 0;
}
.director_msg {
    margin: 0;
    margin-top: 80px;
}
.fondr_inn_sec p {
    font-size: 14px;
}
.fondr_inn_sec .line_stile {
    left: -32px;
    top: -30px;
}
.law_miss_vis .card h3 {
    font-size: 28px;
}
.fondr_inn_sec h2 {
    font-size: 28px;
}


}
@media (max-width: 1280px) {
.about_us .about_img::after {
    height: 435px;
    width: 420px;
    right: 75px;
}
.fondr_inn_sec {
    margin-bottom: 20px;
}
.director_msg {
    background-image: linear-gradient(to bottom, white 5.3%, #21337d 5%);
    margin: 0;
    margin-top: 80px;
}
}
@media (max-width: 1199px) {
.about_us .about_img::after {
    height: 375px;
    width: 340px;
    right: 58px;
}
.uu-logo img {
    width: 45%;
}
.btn.apply {
    font-size: 15px;
}
}
@media (max-width: 1152px) {
.about_us .about_img::after {
    height: 375px;
    width: 340px;
    right: 57px;
}
.about_us h2 {
    font-size: 25px;
    margin-bottom: 28px;

}
.line_stile {
    left: -90px;
}
.line_stile hr {
    width: 80px;
    height: 2px;
}
.mission {
    margin-bottom: 0px;
    line-height: 28px;
}
.law_miss_vis .card h3 {
    font-size: 24px;
}
.fondr_inn_sec {
    margin-bottom: 0;
}
.message_abt_in_name.name_dr p {
    font-size: 14px;
    margin: 0;
}
.fondr_inn_sec h2 {
    font-size: 24px;
}
}