.comment-card{background-color:white;border-radius:12px;box-shadow:var(--shadow-md);padding:24px;display:flex;flex-direction:column;align-items:flex-start;margin:20px;text-align:left}.comment-avatar{display:flex;flex-direction:row}.comment-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:16px}.comment-name{font-weight:700;color:#333}.comment-role{font-size:.9em;color:#666}.comment-quote{font-style:italic;color:#333;margin-top:12px;line-height:1.5rem}.volunteer-form{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:90%;padding:10px;background-color:var(--primary-color);box-shadow:var(--shadow-xl);border-radius:8px;@media screen and (min-width:768px){bottom:40px;width:60%}}.volunteer-form h2,.volunteer-form p{text-align:center}.volunteer-form>div{margin:20px;width:100%}.adress,.name{display:flex;justify-content:space-evenly;gap:1rem;flex-direction:column;@media screen and (min-width:768px){flex-direction:row}}input[type=text],select,textarea{padding:.5rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;width:100%}textarea{resize:none}span{color:red}label{font-weight:600;margin-bottom:.25rem;width:60%}input[type=submit]{background-color:#ffc412;color:#fafafa;border:none;width:30%;padding:.75rem 0;font-weight:600;border-radius:9999px;cursor:pointer;transition:background-color .2s ease}input[type=submit]:hover{background-color:#e74c3c}.header-volunteer{height:1320px;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;@media screen and (min-width:768px){height:1120px}}.header-volunteer .presentation{width:80%}