.about_us_page {
    .commitment_box {
        h2 {
            max-width: 880px;
            margin: 0 auto;
        }
    }
}
.gestion_locative_page {
    .commitment_box {
        padding: 132px 50px 128px;
    }
}
.experties_page {
    .commitment_box {
        padding: 113px 50px 102px;
    }
}
.commitment_box {
    background: linear-gradient(180deg, #1F4496 0%, #0B2766 100%), #0B2766;
    color: #fff;
    padding: 102px 50px 102px;
    .subheading {
        font-weight: 800;
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        padding: 0px 0 16px;
    }
    h2 {
        font-weight: 800;
        font-size: 56px;
        line-height: 100%;
        word-break: break-word;
        span {
            color: #FFF100;
        }
    }
    .commitment_bottom {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 0 0;
        .btn_block {
            margin: 0 10px;
            &:before {
                background: #f0dc00;
            }
            &:hover {
                color: #0B2766;
            }
        }
        p {
            font-weight: 800;
            font-size: 14px;
            line-height: 170%;
            margin: 0 10px;
            a {
                color: #fff;
            }
        }
    }
}
.single_page {
   .commitment_box {
        padding: 132px 50px 122px;
    } 
}

@media (max-width:  767.5px) {
    .commitment_box {
        padding: 50px 20px 50px;
        h2 {
            font-size: 30px;
            padding: 0;
        }
    }
    .experties_page, .gestion_locative_page, .single_page  {
        .commitment_box {
            padding: 50px 20px 50px;
        }
    }
}

@media (min-width: 768px) and (max-width: 991.5px) {
    .commitment_box {
        h2 {
            font-size: 40px;
        }
    }
    .gestion_locative_page, .single_page {
        .commitment_box {
            padding: 100px 50px 100px;
        }
    }
}

@media (min-width:  992px) and (max-width:  1199px) {
    .commitment_box {
        h2 {
            font-size: 40px;
        }
    }
    .gestion_locative_page {
        .commitment_box {
            padding: 100px 50px 100px;
        }
    }
}