/*=====================================
      LEAD FORM SECTION
======================================*/

.lead-form-section{
padding:100px 0;

}

.lead-container{
width:90%;
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.lead-content{
      align-self: start;
}            

.lead-content h2{
font-size:42px;
margin:20px 0;
color:greenyellow;
}

.lead-content p{
font-size:17px;
line-height:1.8;
color:white;
margin-bottom:35px;
}

.lead-points{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.point{
display:flex;
align-items:center;
gap:12px;
font-weight:600;
color:white;
}

.point i{
color:greenyellow;
font-size:18px;
}

/* Form */

.lead-form-card{
/*background:#ffffff;*/
/* border:2px greenyellow solid; */
padding:40px;
border-radius:20px;
box-shadow:0 10px 35px black;
}

.form-group{
margin-bottom:20px;
}

.form-group label{
display:block;
margin-bottom:8px;
color:white;
}

.form-group input, .form-group select{
width:100%;
padding:15px;
border:2px solid greenyellow;
border-radius:10px;
font-size:15px;
outline:none;
transition:.3s;
background: none;
color:rgb(102, 110, 126);
}

.form-group input:focus, .form-group select:focus{
border-color:greenyellow;
box-shadow:0 0 8px black;
color:white;
background-color:#17233f;
}

.lead-btn{
width:100%;
padding:16px;
border:none;
background:yellowgreen;
/* border: 2px greenyellow solid; */
color:black;
font-size:16px;
font-weight:600;
border-radius:10px;
cursor:pointer;
transition:.3s;
}

.lead-btn:hover{
background:greenyellow;
color:black;
}

.form-note{
margin-top:15px;
text-align:center;
font-size:14px;
color:white;
}

/*====================
Responsive
=====================*/

@media(max-width:992px){

.lead-container{
grid-template-columns:1fr;
}

}

@media(max-width:768px){

.lead-form-section{
padding:70px 0;
}

.lead-content{
text-align:center;
}

.lead-content h2{
font-size:34px;
}

.lead-points{
grid-template-columns:1fr;
}

}

@media(max-width:480px){

.lead-content h2{
font-size:28px;
}

.lead-form-card{
padding:25px;
}

}

/*====================
Form Validation
=====================*/

.error{
color:#dc2626;
font-size:13px;
margin-top:6px;
display:block;
}

input.error-border,
select.error-border{
border:2px solid #dc2626;
}

input.success-border,
select.success-border{
border:2px solid greenyellow;
}

.success-message{
margin-top:20px;
padding:15px;

color:greenyellow;
border-radius:8px;
font-weight:600;
}