.project {color: var(--color4); } .project #decision-form-top {animation: fadeIn 0.4s ease; } @keyframes fadeIn {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);} } .project .btn-outline-black:hover {color: var(--white); } .project .base {padding: 1.875rem 0; } .project .base .row > * {margin-bottom: 0.625rem; } .project .base .map {aspect-ratio: 1.5/1; } .project .base .map .mapbox {border-radius: 1rem; } .project .base .card {background: var(--color2);padding: 0.9375rem;border-radius: 1.5rem;text-align: center;justify-content: center; } .project .base .card p {font-size: 1.25rem;font-weight: 700;color: var(--black);margin-bottom: 0; } .project .base .card .name {font-weight: 300;font-size: 0.75rem;color: var(--color4); } .project .claim {font-size: 1.125rem;margin-bottom: 1.875rem;line-height: 1.7;text-align: center; } .project .code {background: var(--color1);padding: 1.25rem 5rem;margin-bottom: 3.125rem;border-radius: 1rem; } .project .code .form-group {display: flex;gap: 1.25rem;align-items: center;margin: 0; } .project .code .form-group label {font-size: 1.5rem;font-weight: 700;margin-bottom: 0;color: var(--black); } .project .code .form-group .btn {display: inline-flex; } .project .form-control {height: 3.125rem;border-radius: 1rem;background: var(--color2); } .project .project-section {padding: 3.75rem 0; } .project .project-section h2 {text-align: center; } .project .project-section h3 {font-size: 1.25rem;font-weight: 700;display: flex;gap: 1.25rem;align-items: center; } .project .project-section h4 {font-size: 1.125rem;text-align: center; } .project .project-section .card {border: 1px solid #F3F4F6; } .project .project-section .card.flex-row {gap: 1.875rem;align-items: center;flex-wrap: wrap; } .project .project-section .card.flex-row .btn {display: inline-flex; } .project .project-section .card.decision {align-items: center;padding: 2.5rem; } .project .project-section .img-cover {width: 100%;height: 100%;object-fit: cover;border-radius: 1.5rem; } .project .questions {background: var(--color2); } .project .questions .questionlist {margin-bottom: 3.125rem; } .project .questions .question-item {margin-bottom: 0.625rem; } .project .questions .question-item .btn {border: 0;padding: 0; } .project .questions .question-item .btn:focus {outline: none;box-shadow: none; } .project .questions .question-item .card-title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0; } .project .questions .question-item .card-body {line-height: 1.6;padding: 0;display: none;padding-top: 1.25rem; } .project .questions .question-item .card-body .card-text {margin-bottom: 0; } .project .questions .question-item .card-body.show {display: block; } .project .next-questions {background-color: var(--primary);text-align: center;padding: 2.875rem;border-radius: 1.5rem; } .project .next-questions h3 {color: var(--white);justify-content: center;font-size: 1.625rem; } .project .next-questions .form-group .form-control {margin-bottom: 1.875rem; }