@media only screen and (min-width: 0rem) {#ccg-contact {position: relative;z-index: 10;padding: 4.5rem 1.5rem;background: var(--mist);font-family: var(--font-body);}#ccg-contact .ccg-contact-container {width: 100%;max-width: 42rem;margin: 0 auto;}#ccg-contact .ccg-form {position: relative;overflow: hidden;padding: 3rem 1.5rem 2.25rem;background: var(--white);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-sm);text-align: center;}#ccg-contact .ccg-form::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 0.5rem;background-image: repeating-linear-gradient(180deg, var(--blue) 0 2px, transparent 2px 4px);}#ccg-contact .ccg-form-grid {display: grid;grid-template-columns: 1fr;gap: 1.25rem;text-align: left;}#ccg-contact .ccg-label {display: flex;flex-direction: column;gap: 0.5rem;font-family: var(--font-body);font-size: 0.875rem;font-weight: 600;color: var(--ink);}#ccg-contact .ccg-input {width: 100%;height: 3.375rem;padding: 0 1.1rem;box-sizing: border-box;background: var(--mist);border: 1px solid var(--border);border-radius: var(--radius);font-family: inherit;font-size: var(--bodyFontSizeSm);font-weight: 400;color: var(--ink);transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;}#ccg-contact .ccg-input:focus {outline: none;background: var(--white);border-color: var(--blue);box-shadow: 0 0 0 3px var(--sky-wash);}#ccg-contact .ccg-textarea {height: auto;min-height: 10rem;padding: 1rem 1.1rem;resize: vertical;line-height: 1.7;}#ccg-contact .ccg-form-button {display: block;width: 100%;margin: 1.75rem auto 0;padding: 1.0625rem 2rem;font-family: var(--font-body);font-size: 0.9375rem;font-weight: 600;line-height: 1;color: var(--white);background: var(--navy);border: 2px solid var(--navy);border-radius: var(--radius);cursor: pointer;transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;}#ccg-contact .ccg-form-button:hover {background: var(--blue);border-color: var(--blue);transform: translateY(-2px);box-shadow: 0 0.75rem 1.5rem rgba(23, 63, 95, 0.22);}#ccg-contact #success-message {padding: 3.25rem 1.75rem;background: var(--white);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow-sm);text-align: center;}#ccg-contact .ccg-success-inner {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1.25rem;}#ccg-contact .ccg-success-icon {flex-shrink: 0;width: 3.5rem;height: 3.5rem;display: flex;align-items: center;justify-content: center;color: var(--white);background: var(--navy);border-radius: 50%;}#ccg-contact #success-message p {margin: 0;max-width: 40ch;font-family: var(--font-display);font-size: 1.375rem;font-weight: 600;line-height: 1.35;letter-spacing: -0.02em;color: var(--headerColor);}}@media only screen and (min-width: 48rem) {#ccg-contact {padding: 5.5rem 2.5rem;}#ccg-contact .ccg-form {padding: 3.25rem 2.5rem 2.75rem;}#ccg-contact .ccg-form-button {width: auto;min-width: 16rem;}}@media only screen and (min-width: 64rem) {#ccg-contact {padding: 7rem 3rem;}#ccg-contact .ccg-contact-container {max-width: 44rem;}#ccg-contact .ccg-form {padding: 3.75rem 3rem 3rem;}}     text-align: center;
    }
    #ccg-contact .ccg-success-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1.25rem;
    }
    #ccg-contact .ccg-success-icon {
        flex-shrink: 0;
        width: 3.5rem;
        height: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        background: var(--navy);
        border-radius: 50%;
    }
    #ccg-contact #success-message p {
        margin: 0;
        max-width: 40ch;
        font-family: var(--font-display);
        font-size: 1.375rem;
        font-weight: 600;
        line-height: 1.35;
        letter-spacing: -0.02em;
        color: var(--headerColor);
    }
}

/*-- -------------------------- -->
<---       Tablet - 768px       -->
<--- -------------------------- -*/
@media only screen and (min-width: 48rem) {
    #ccg-contact { padding: 5.5rem 2.5rem; }
    #ccg-contact .ccg-form { padding: 3.25rem 2.5rem 2.75rem; }
    #ccg-contact .ccg-form-button { width: auto; min-width: 16rem; }
}

/*-- -------------------------- -->
<---      Desktop - 1024px      -->
<--- -------------------------- -*/
@media only screen and (min-width: 64rem) {
    #ccg-contact { padding: 7rem 3rem; }
    #ccg-contact .ccg-contact-container { max-width: 44rem; }
    #ccg-contact .ccg-form { padding: 3.75rem 3rem 3rem; }
}