.contact_banner_section {
    width: 100%;
    position: relative;
    overflow: hidden;

    & .container {
        position: relative;
        z-index: 2;

        & .section_inner {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
    
            & .text_area {
                width: 850px;
                max-width: 100%;
    
                & h2, & h3 {
                    width: 100%;
                    text-align: center;
                    font-size: 40px;
                    font-weight: 600;
                    margin: 0 0 30px;
                    color: #FFFFFF;

                    @media (max-width: 991px) {
                        font-size: 26px;
                    }
                }
    
                & p {
                    font-size: 16px;
                    font-weight: 300;
                    text-align: center;
                    color: #FFFFFF;
                }
            }
    
            & .call_to_action_buttons {
                display: flex;
                width: 100%;
                margin: 40px 0 0;
                justify-content: center;

                @media (max-width: 991px) {
                    margin: 30px 0 0;
                }

                & a.button {
                    background: #FFFFFF;
                    border-color: #FFFFFF;
                    color: #012D52;

                    @media (max-width: 991px) {
                        width: auto;
                    }
                }
            }
        }
    }

    & img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        object-fit: cover;
        object-position: center;
    }
}