section.training_program,
section.progra_vision,
section.overall_program,
section.the_journy,
section.home-contact-us,
section.the_value {
    background-color: #D44442;
}


section.banner {
    height: 100vh;
    max-height: 1000px;
    background: url('../../assets/img/professional-development/banner.jpg') no-repeat center center/cover;
    align-content: center;

    @media (width < 575px) {
        max-height: 500px;
    }
}

section.banner .content {
    max-width: 734px;
}

section.the_value .content,
section.overall_program .content {
    max-width: 650px;

    @media (width < 991px) {
        max-width: 100%;
    }
}

section.training_program {
    background-color: #D44442;
    background-image: url('../../assets/img/professional-development/A.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 51px;
    background-size: 861px auto;
}

section.training_program .row {
    gap: 60px 0;
    --bs-gutter-x: 10px;
}

section.progra_vision .images {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

section.progra_vision .images img {
    max-height: 342px;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

section.progra_vision .content {
    max-width: 650px;

    @media (width < 991px) {
        max-width: 100%;
    }
}

section.progra_vision .row {
    @media (width < 991px) {
        gap: 50px 0;
    }
}

section.the_journy .row {
    gap: 60px 0;
    --bs-gutter-x: 30px;

    @media (width < 991px) {
        gap: 50px 0;
    }

    @media (width < 767px) {
        gap: 40px 0;
    }
}

section.the_journy img {
    margin-bottom: 20px;
    object-fit: cover;
    height: 350px;
    width: 100%;
}