.hero-section-container{background-image:url(/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;padding:12px}@media (max-width:1440px){.hero-section-container{height:100%;padding-bottom:40px}}.hero-content{margin-top:16%}@media (max-width:1536px){.hero-content{margin-top:10%}}@media (max-width:767px){.hero-content{margin-top:20%}}.hero-content-image{width:280px;height:200px;position:relative}@media (max-width:767px){.hero-content-image{width:160px;height:160px}}.hero-title-subtitle{flex-direction:column;gap:24px;display:flex}.hero-title-subtitle .body{width:100%;max-width:75%}.donate-form{border:1px solid var(--primary-700);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.label-with-input{flex-direction:column;gap:8px;display:flex}.donation-type-list{flex-direction:row;gap:8px;display:flex}@media (max-width:452px){.donation-type-list{flex-direction:column!important;gap:16px!important}}.donation-type-item{cursor:pointer;border:1px solid #e0e0e0;border-radius:6px;flex-direction:row;align-items:center;gap:4px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.donation-type-item.selected{background-color:#e7f0e9;border:1px solid #25a75e}.donation-type-item:hover{background:#f6fff9;border-color:#00662d}.donation-type-item .body{color:#000;font-size:14px}.donation-type-image{border-radius:6px;width:24px;height:24px;position:relative;overflow:hidden}.donation-type-image img{object-fit:contain}