
#getStartedModal .modal-content {
    border: none;
    border-radius: 12px;
    background: var(--oa-base-white);
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    width: 40rem;
}

#getStartedModal .modal-header {
    position: relative;
    background-image: url("./sub/images/modal-header.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 8.5rem;
    padding: 0;
}

#getStartedModal .modal-header .modal-header-text,
#getStartedModal .modal-header button {
    padding: 1.5rem 1.5rem 1.25rem;
}

#getStartedModal .modal-header .modal-header-text h2,
#getStartedModal .modal-header .modal-header-text p {
    color: var(--oa-base-white);
}

#getStartedModal .modal-footer {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem 1.5rem 1.5rem;
    background: var(--gray-50);
}

#getStartedModal .modal-footer button {
    width: 100%;
}

#getStartedModal .modal-body {
    padding: 1.5rem;
}

#getStartedModal .modal-body .input-container {
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 0rem 1rem;
}

#getStartedModal .modal-body .form-control {
   padding: 0 0.6rem 0.15rem;
   width: calc(100% - 1.75rem);
}

#getStartedModal .modal-body label {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
}

#getStartedModal .modal-body textarea.form-control {
    padding: 0.25rem 0.6rem;
    resize: none;
    height: 6.875rem;
}

/* Desktop */
@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 992px) {}

/* Mobile */
@media only screen and (max-width: 768px) {
    #getStartedModal .modal-body .input-container {
        grid-template-columns: 2fr;
    }

    #getStartedModal .modal-content {
        width: 100%;
    }
}

@media only screen and (max-width: 400px) {

    #getStartedModal .modal-header {
        height: 10.5rem;
    }
}

@media only screen and (max-width: 320px) {

    #getStartedModal .modal-content {
        width: 94%;
    }
}
