.project {max-width: 1920px;margin-left: auto;margin-right: auto;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 .map .mapbox .leaflet-control-attribution a {font-size: 0.6875rem; } .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; } .project .code {background: var(--color1);padding: 1.25rem;margin-bottom: 3.125rem;border-radius: 1rem; } @media (min-width: 768px) {.project .code {padding: 1.25rem 5rem;} } .project .code .code-row {display: flex;flex-direction: column;gap: 1.25rem; } @media (min-width: 768px) {.project .code .code-row {flex-direction: row;} } .project .code .col {display: flex;flex-direction: column;justify-content: center; } .project .code .form-group {display: flex;align-items: center;margin: 0;flex-direction: column; } @media (min-width: 768px) {.project .code .form-group {flex-direction: row;gap: 1.25rem;} } .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, .project .custom-select {border-radius: 1rem;background: var(--color2); } .project .form-control:not(textarea), .project .custom-select:not(textarea) {height: 3.125rem; } .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.contract {gap: 1.875rem;align-items: center;flex-wrap: wrap; } @media (min-width: 768px) {.project .project-section .card.contract {flex-direction: row;flex-wrap: nowrap;} } .project .project-section .card.contract .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 .project-section .advantage {font-size: 1.125rem;font-weight: 600;padding: 1.25rem;background-color: rgba(251, 191, 36, 0.6392156863);border-radius: 1rem;padding-left: 2.5rem; } .project .project-section .decision-form {width: 100%; } .project .project-section .decision-form .custom-checkbox {margin-bottom: 0; } .project .project-section .decision-form .vote {display: flex;flex-direction: row;align-items: center;justify-content: center; } .project .project-section .decision-form .vote .custom-radio {margin-left: 0.5625rem;margin-right: 0.5625rem; } .project .project-section .decision-form .vote .custom-radio .custom-control-label {font-weight: 700;line-height: 1;position: relative;padding: 1.25rem 2.5rem;border-radius: 3.5rem;font-size: 1.25rem;border: solid 0.15625rem var(--black);background: var(--white);color: var(--black);cursor: pointer; } @media (min-width: 992px) {.project .project-section .decision-form .vote .custom-radio .custom-control-label {font-size: 1rem;} } .project .project-section .decision-form .vote .custom-radio .custom-control-label::before, .project .project-section .decision-form .vote .custom-radio .custom-control-label::after {content: none; } .project .project-section .decision-form .vote .custom-radio .custom-control-label:hover {background: var(--black);color: var(--secondary);border-color: var(--black); } .project .project-section .decision-form .vote .custom-radio .custom-control-input {display: none; } .project .project-section .decision-form .vote .custom-radio .custom-control-input:checked + .custom-control-label {background: var(--black);color: var(--secondary);border-color: var(--black); } .project .project-section .decision-form .vote .custom-radio:first-child .custom-control-label {color: var(--black);background: var(--secondary);border-color: var(--secondary); } .project .project-section .decision-form .vote .custom-radio:first-child .custom-control-label:hover {background: var(--black);color: var(--secondary);border-color: var(--black); } .project .project-section .decision-form .decision-form-top {display: none;margin-top: 1.125rem; } .project .project-section .decision-form .decision-form-top.show {display: block; } .project .project-section .carousel {max-width: calc(100% - 6.25rem);margin-left: auto;margin-right: auto; } .project .project-section .carousel .btn-prev {left: -3.75rem; } .project .project-section .carousel .btn-next {right: -3.75rem; } .project .questions {background: var(--color2);color: var(--white); } .project .questions a {color: var(--white);text-decoration: underline; } .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;text-align: left; } .project .questions .question-item .card-body {line-height: 1.6;padding: 0;display: none;padding-top: 1.25rem; } .project .questions .question-item .card-body p {margin-bottom: 0;color: #4B5563; } .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; }