*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Poppins,sans-serif;
background:#ffffff;
color:#222;
line-height:1.8;

}

.container{

width:90%;
max-width:1200px;
margin:auto;

}

.hero{

padding:110px 0 80px;
text-align:center;

}

.hero h1{

font-size:64px;
font-weight:800;
line-height:1.1;
margin-bottom:30px;

}

.hero span{

color:#d83d4d;

}

.lead{

font-size:23px;
max-width:900px;
margin:auto;
color:#555;

}

.section{

padding:100px 0;

}

.gray{

background:#fafafa;

}

.grid{

display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:80px;

}

.reverse{

grid-template-columns:1fr 1fr;

}

.image img{

width:100%;
border-radius:18px;

}

.smalltitle{

letter-spacing:4px;
font-size:14px;
font-weight:700;
color:#d83d4d;
margin-bottom:10px;

}

h2{

font-size:54px;
line-height:1.1;
margin-bottom:25px;
font-weight:800;

}

h2 span{

color:#d83d4d;

}

h3{

font-size:38px;
margin-bottom:30px;
font-weight:700;

}

.text p{

font-size:20px;
margin-bottom:20px;
color:#555;

}

.cta{

padding:120px 0;
text-align:center;

}

.bottomimage{

width:300px;
margin-bottom:50px;

}

.cta h2{

max-width:900px;
margin:auto;
margin-bottom:50px;

}

.button{

display:inline-block;
padding:18px 45px;
background:#d83d4d;
color:white;
text-decoration:none;
font-size:22px;
font-weight:700;
border-radius:50px;
transition:.3s;

}

.button:hover{

background:#b62e3d;

}

.mail{

margin-top:25px;
font-size:20px;
color:#666;

}

@media(max-width:900px){

.grid{

grid-template-columns:1fr;

}

.hero h1{

font-size:42px;

}

h2{

font-size:28px;

}

h3{

font-size:30px;

}

.text{

order:2;

}

.image{

order:1;

}

}