.header {
    height: 80vh;
    background-image: linear-gradient(10deg, rgb(0 0 0 / 64%), #000000cf), url(../img/bg.png);
    /* background: url('../img/Rectangle1.png') repeat-x; */
    background-size: cover;
    width: 100%;
    color: #fff;
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 30px !important;
    margin: 30px 30px !important;
    font-weight: bold !important;
    /* background: #FFAF0F;
    background: linear-gradient(to right, #FFAF0F 0%, #595117 100%) !important; */
}

#services {
    padding: 30px 10px;
}

.mockup {
    position: absolute;
    margin-top: -130px !important;
}

#partenaires {
    width: 100%;
    padding: 0;
    margin: 350px 0 0 0 !important;
}

.sous_titre {
    font-size: 20px;
}

.card_services {
    margin-bottom: 20px;
    height: 250px;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.card_services:hover {
    background: #fff !important;
    cursor: pointer;
    transform: scale(1);
    >div>span.icone {
        color: #c48403 !important;
    }
}

.card_header_bg {
    background: linear-gradient(93.58deg, #fe970090 0%, #83500520 100%);
    padding: 25px;
    border-radius: 10px;
}


/* .card_active {
    transform: scale(1.05);
} */

.text-primary {
    color: #FE9700 !important;
}

.primary {
    /* background: #FFAF0F; */
    /* background: linear-gradient(to right, #FFAF0F 0%, #595117 100%) !important; */
    background: linear-gradient(93.58deg, #FE9700 0%, #835005 100%) !important;
    box-shadow: 0px 10px 70px rgba(254, 151, 0, 0.2) !important;
    border-radius: 10px !important;
}

.btn-primary {
    /* background: #FFAF0F; */
    /* background: linear-gradient(to right, #FFAF0F 0%, #595117 100%); */
    background: linear-gradient(93.58deg, #FE9700 0%, #835005 100%);
    box-shadow: 0px 10px 70px rgba(254, 151, 0, 0.2);
    border-radius: 10px;
    /* -webkit-text-fill-color: transparent; */
    border: none !important;
    color: #fff;
}

.radius-left {
    border-radius: 20px 0px 0px 20px !important;
}

.radius-right {
    border-radius: 0px 20px 20px 0px !important;
}

.card_rectangle {
    position: absolute !important;
    width: 100% !important;
    height: 300px !important;
    top: 110px;
    z-index: -1 !important;
    background: rgba(238, 238, 238, 1);
}

.section_titre {
    font-weight: bold;
    font-size: 18px !important;
    margin-bottom: 10px;
    padding: 0 5px;
}

.section_description {
    text-align: left;
    padding: 0 5px;
}

#support {
    margin-top: 100px;
}

.section_image {
    width: 100%;
    height: 500px;
}

.support_image {
    position: absolute;
    height: 500px;
    top: -100px;
}

.support_infos {
    padding: 30px 100px 30px 0;
    text-align: left;
}

.support_card {
    border-radius: 4px !important;
    background-color: #f8f9fa;
    border: none !important;
}

@supports (display: flex) {
    @media screen and (max-width: 900px) {
        .text_sm {
            font-size: 10px;
        }
        .header {
            height: 50vh !important;
        }
        .mockup {
            position: relative;
            margin-top: -10px !important;
        }
        .support_image {
            position: relative !important;
            height: 300px;
            top: 0;
        }
        .support_infos {
            padding: 10px !important;
            text-align: left !important;
        }
        .support {
            justify-content: center !important;
        }
        .form_img {
            max-width: 350px !important;
        }
        .contact_left {
            padding: 30px !important;
        }
        .contact_left_1 {
            height: 450px !important;
        }
        #footer {
            padding: 30px !important;
        }
        .bg {
            min-height: auto !important;
        }
        .header_title {
            margin-top: 100px !important;
            font-size: 18px !important;
        }
        .header_description {
            font-size: 12px;
        }
        #partenaires {
            margin: 0 !important;
        }
        .card_header_row {
            font-size: 10px;
            padding: 10px !important;
        }
        .card_header_bg {
            padding: 10px !important;
            >p {
                font-size: 12px !important;
            }
        }
        .card_header_btn {
            font-size: 12px !important;
        }
        .card_services {
            height: auto !important;
        }
    }
}