.about-us-top-hero-container {
    height: 408px;
}

.about-us-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(90.11deg, #094260 0.1%, rgba(9, 66, 96, 0) 99.91%);
}

.about-hero-img-container {
    height: 408px;
    max-width: 2500px;
}

.about-hero-img-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.about-us-top-hero-container {
    position: relative;
}

.about-us-title {
    position: absolute;
    bottom: 10%;
    left: 0;
    z-index: 1;
    line-height: 68px;
    color: #FFFFFF;
}

.about-us-title .about-title {
    font-weight: 700;
    font-size: 50px;
}

.about-breadcrumb {
    font-weight: 400;
    font-size: 18px;
}

.color-red {
    color: #DC143C;
}

.about-us-page-connect-info-container {
    margin-top: 90px;
}

.about-us-page-img-container {
    max-width: 524px;
    max-height: 524px;
}

.about-us-page-img-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.about-us-page-information {
    margin-top: 32px;
    font-size: 16px;
    line-height: 143.3%;
    color: #000000;
    opacity: 0.7;
}

.margin-auto {
    margin: auto;
}

.about-us-our-approach-container {
    margin-top: 64px;
    height: 514px;
    position: relative;
}

.our-approach-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(90deg, #094260 0%, rgba(9, 66, 96, 0) 100%);
}

.our-approach-bg-image-container {
    position: absolute;
    height: 514px;
    width: 100%;
    top: 0;
    z-index: -1;
}

.our-approach-bg-image-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.our-approach-description {
    color: #FFFFFF;
    opacity: 0.7;
    margin-top: 32px;
}

.our-approach-information-container {
    padding-top: 32px;
    width: 50%;
    position: relative;
}

.mission-vision-containar {
    margin-top: 64px;
}

.mission-vision-content-section {
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    opacity: 0.7;
}

.director-content-section {
    width: 85%;
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    opacity: 0.7;
}

.director-msg-container {
    margin-top: 48px;
}

.director-image {
    position: absolute;
    top: 12%;
    width: 527px;
    height: 409px;
    transform: translate(-31%, 0);
}

.director-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.background-showcase {
    float: right;
    width: 466px;
    height: 560px;
    background: #004C8F;
    position: relative;
}

.director-name {
    font-weight: 700;
    font-size: 25px;
    position: absolute;
    bottom: 4%;
    left: 6%;
    color: #FFFFFF;
}
.director-msg-content{
    margin-top: 74px;
}
.bold-900{
    font-weight: 900;
}

.row-reverse{
    flex-direction: row-reverse;
}