section.title{text-align:center;padding:2.5rem 0}section.title p{color:#181d17}section.cards .grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.25rem}@media (max-width: 767.98px){section.cards .grid{grid-template-columns:1fr;grid-template-rows:auto}}@media (max-width: 575.98px){section.cards .grid.carousel-mobile .card{max-width:90%;margin-right:1rem}}section.cards-with-button .grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.25rem}@media (max-width: 1439.98px){section.cards-with-button .grid{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr)}}@media (max-width: 575.98px){section.cards-with-button .grid{grid-template-columns:1fr;grid-template-rows:auto}}.card{background-color:transparent;width:100%;position:relative}.card-image{height:19rem}.card img{width:100%;height:100%;object-fit:cover}.card h4{color:#000;margin-top:1rem}.card p,.card a:not(.button){color:#181d17}.card p{margin:.875rem 0}.card a:not(.button){text-decoration:underline}.card--with-button .button{width:fit-content;margin-top:1rem}section.text{text-align:center;color:#4d4d4d;padding:3.125rem 0}section.text h2{color:#000}section.text p{color:#181d17;margin:auto;max-width:1100px}section.text .button{margin:auto}.image-text--grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}@media (max-width: 991.98px){.image-text--grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.image-text--image{width:100%;height:530px}@media (max-width: 767.98px){.image-text--image{height:300px}}.image-text--image img{width:100%;height:100%;object-fit:cover}.image-text h3{color:#4d4d4d}.image-text p{margin-bottom:1.25rem}.image-text p:last-child{margin-bottom:0}.image-text ul{list-style-type:disc;color:#676a6f;padding-left:1.5rem;margin-top:-1rem}.image-text .button{width:fit-content;margin-top:1.25rem}.image-text.reverse .image-text--grid{grid-template-columns:1fr 2fr}@media (max-width: 991.98px){.image-text.reverse .image-text--grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.image-text.reverse .image-text--image{order:1}@media (max-width: 991.98px){.image-text.reverse .image-text--image{order:0}}.image-text .buttons{display:flex;flex-wrap:wrap}.image-text .buttons .button:first-of-type{margin-right:1rem}section.hero{padding-bottom:5.625rem}section.hero .button{margin:auto;margin-top:1.25rem}section.text{padding-top:0}section.image-text{padding-bottom:5.625rem}section.cards-with-button{padding-bottom:5.625rem}
