.ListComponent{background-color:#fff;display:flex;justify-content:center;position:relative}.ListComponent.background-green-800{background-color:#1d4444}.ListComponent.background-nude-200{background-color:#fff2ee}.ListComponent.background-white{background-color:#fff}.ListComponent .wrapper{display:grid;gap:0 .5rem;grid-template-columns:repeat(4,1fr);padding:3.5rem 2rem;position:relative;width:100%}.ListComponent .article,.ListComponent .lists{grid-column:1/-1}.ListComponent .article{margin-bottom:3.5rem;text-align:center}.ListComponent .article__paragraph,.ListComponent .article__title{margin-bottom:1.5rem}.ListComponent .article__title *{color:#1d4444;font-family:Wonder,Georgia,Times New Roman,Times,serif;font-size:2rem;font-weight:300;line-height:2.5rem;margin:0}@media (min-width:36rem){.ListComponent .article__title *{font-size:2.375rem;line-height:3rem}}.ListComponent .article__title * b,.ListComponent .article__title * strong{color:#ef927b}.ListComponent .article__paragraph{margin:0}.ListComponent .article__paragraph *{color:#476f6f;font-family:Rubik,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5rem}@media (min-width:36rem){.ListComponent .article__paragraph *{font-size:1rem;line-height:1.5rem}}.ListComponent .button,.ListComponent .button__icon-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.ListComponent .button{align-items:center;background-color:transparent;border:2px solid #1d4444;border-radius:6.25rem;color:#1d4444;cursor:pointer;display:inline-flex;flex-direction:column;flex-direction:row;font-family:Rubik,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:2px;line-height:1rem;margin-top:2rem;padding:1rem 1.5rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.ListComponent .button span{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.ListComponent .button:hover{border:2px solid #476f6f}.ListComponent .button:hover span{transform:translateX(8px)}.ListComponent .button__icon{background:currentColor;margin-left:1.125rem;mask:100%;-webkit-mask:url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\a 	  <path d="M2 8H14M14 8L10 4M14 8L10 12" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>\a 	  </svg>\a')}.ListComponent .lists{display:flex;flex-direction:column;text-align:center}.ListComponent .list,.ListComponent .list__item{align-items:center;display:flex;flex-direction:column;justify-content:center}.ListComponent .list{align-items:flex-start}.ListComponent .list:first-child{margin-bottom:1rem}.ListComponent .list__item{flex-direction:row}.ListComponent .list__item:not(:last-child){margin-bottom:1rem}.ListComponent .list__icon{margin-right:1rem;margin-top:.25rem}.ListComponent .list__paragraph{color:#1d4444;font-family:Rubik,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5rem;text-align:left}@media (min-width:36rem){.ListComponent .list__paragraph{font-size:1rem;line-height:1.5rem}}.ListComponent.darkTheme .article__paragraph *,.ListComponent.darkTheme .article__title *,.ListComponent.darkTheme .article__title * b,.ListComponent.darkTheme .article__title * strong,.ListComponent.darkTheme .list__paragraph{color:#fff}.ListComponent.darkTheme .button{align-items:center;background-color:transparent;border:2px solid #fff;border-radius:6.25rem;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;flex-direction:row;font-family:Rubik,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:2px;line-height:1rem;padding:1rem 1.5rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.ListComponent.darkTheme .button span{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.ListComponent.darkTheme .button:hover span{transform:translateX(8px)}@media (min-width:36rem){.ListComponent .wrapper{display:grid;gap:0 1rem;grid-template-columns:repeat(8,1fr);padding:3.5rem 2.5rem}.ListComponent .article{grid-column:2/-2}.ListComponent .lists{align-items:flex-start;flex-direction:row;grid-column:1/-1;justify-content:space-between}.ListComponent .list{width:calc(50% - 32px)}.ListComponent .list:first-child{margin-bottom:0}}@media (min-width:67.5rem){.ListComponent .wrapper{display:grid;gap:0 2rem;grid-template-columns:repeat(12,1fr);max-width:1440px;padding:6rem 7rem}.ListComponent .article,.ListComponent .lists{text-align:left}.ListComponent .article{grid-column:1/5;margin-bottom:0}.ListComponent .article__title{margin-bottom:2rem}.ListComponent .article__paragraph{margin:0}.ListComponent .lists{grid-column:6/-1}.ListComponent .list__item{align-items:flex-start;flex-direction:row}.ListComponent .list__item:not(:last-child){margin-bottom:1.5rem}}