.offerte-form-block {
color: #fff;
border-radius: 10px;
padding: 40px 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 15px;
background: #F1F1F1;
margin: 0 30px;
}
.offerte-form-block .flex-content{
display: flex;
gap: 40px;
align-items: flex-start;
justify-content: space-between;
}
.offerte-form-block .offerte-form__right{
max-width: 726px;
}
.offerte-form-block .offerte-form__left{
max-width: 585px;
}
.offerte-form-block .offerte-form__right {
color: #fff;
position: relative;
}
.offerte-form-block .offerte-form__form{
background: var(--secondary-color);
border-radius: 10px;
padding: 30px;	
}
.offerte-form-block .offerte-form__title {
font-weight: 700;
font-size: 38px;
line-height: 56px;
letter-spacing: 0px;
color: var(--secondary-color);
}
.offerte-form-block .offerte-form__note {
border: 1px solid #CF1515;
color: #CF1515;
border-radius: 8px;
margin-bottom: 24px;
padding: 20px;
text-align: left;
font-weight: 500;
font-size: 17px;
line-height: 32px;
}
.offerte-form-block .offerte-form__content {
font-weight: 400;
font-size: 17px;
line-height: 32px;
margin-bottom: 18px;
color: var(--secondary-color);
}
.offerte-form-block .offerte-form__content a {
position: relative;
display: inline-block;
text-decoration: none;
font-weight: 400;
}  .offerte-form-block .offerte-form__content a:hover{
color: var(--secondary-color);
transition: .2s ease-in-out;
}
.offerte-form-block .offerte-form__form {
margin-bottom: 18px;
}
.offerte-form-block .offerte-form__terms {
font-weight: 400;
font-size: 12px;
line-height: 24px;
margin-top: 22px;
color: var(--secondary-color);
}
.offerte-form__form .custom-contact-form .content h2{
font-weight: 700;
font-size: 24px;
line-height: 38px;
letter-spacing: 0px;
margin: 0;
}
.offerte-form__form .custom-contact-form .content{
margin-bottom: 40px !important;
}
.offerte-form__form .custom-contact-form .content p{
margin: 0;
}
.offerte-form__form .custom-contact-form .form-group p{
margin: 10px 0 !important;
}
.offerte-form__form .custom-contact-form input, .offerte-form__form .custom-contact-form textarea, .offerte-form__form .custom-contact-form select{
border-bottom: 1px solid #FFFFFF66;
color: #FFFFFF;
}
.offerte-form__form .custom-contact-form .form-group label{
color: #FFFFFF;
}
.offerte-form__form .custom-contact-form input[type="checkbox"]{
border: 1px solid #FFFFFF !important;
}
.offerte-form__form .custom-contact-form .form-row{
gap: 30px;
}
.offerte-form__form .btn{
padding: 14px 30px;
}
.offerte-form__form .btn:hover{
border: 1px solid transparent;
}
.offerte-form__form .btn::before{
content: none;
}
.offerte-form__form .custom-contact-form .form-group label strong{
margin-top: -20px;
font-weight: 600;
font-size: 17px;
line-height: 32px;
display: block;
margin-left: -20px;
}
.offerte-form__form .custom-contact-form .checkbox-group{
margin: 0px 0 30px 0;
}
.offerte-form__form .custom-contact-form .checkbox-group p{
margin-top: 0 !important;
}
.offerte-form__form .custom-contact-form .checkbox-group label a:hover{
color: var(--white-color);
transition: .2s ease-in-out;
}
.custom-file-upload {
margin-bottom: 0 !important;
}
.custom-upload-btn {
display: inline-block;
padding: 10px 20px;
color: var(--white-color);
border-bottom: 1px solid #FFFFFF66;
cursor: pointer;
font-size: 14px;
background: transparent;
transition: all 0.2s ease-in-out;
position: static !important;
width: 100%;
box-sizing: border-box;
display: inline-block;
}
.hidden-input {
position: absolute;
left: -9999px;
}
@media (max-width: 1250px){
.offerte-form-block{
margin: 0 15px;
}
.offerte-form-block .offerte-form__left {
max-width: 450px;
}
}
@media (max-width: 1050px) {
.offerte-form-block .flex-content {
flex-direction: column;
gap: 28px;
}
.offerte-form-block .offerte-form__left,
.offerte-form-block .offerte-form__right{
max-width: 100%;
}
.offerte-form-block .offerte-form__title{
margin-top: 0;
}
}
@media (max-width: 580px){
.offerte-form-block .offerte-form__title{
font-size: 32px;
line-height: 45px;
margin-bottom: 10px;
}
.offerte-form-block .offerte-form__note{
padding: 15px;
font-size: 15px;
line-height: 28px;
}
.offerte-form__form .custom-contact-form .form-row{
flex-direction: column;
}
.offerte-form__form .custom-contact-form .form-row .half-width{
width: 100%;
}
.offerte-form-block .offerte-form__form{
padding: 20px;
}
}