/* *************************************************** */
/* General Contact Form */
/* *************************************************** */

.contact-chooser                                              { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }

.contact-chooser .item .bg,
.contact-chooser .item                                        { height: 100%; cursor: pointer; position: relative; }
.contact-chooser .item:hover p,
.contact-chooser .item.active p                               { color: #fff; }
.contact-chooser .item:hover .bg,
.contact-chooser .item.active .bg                             { background-color: var(--color-green); }
/* .contact-chooser .item.active .bg.grey.hover-invert,
.contact-chooser .item .bg.grey.hover-invert:hover            { cursor: pointer; background-color: var(--color-green); }
            */

.contact-chooser .item .has-checkmark-circle                  { padding-left: 70px; }
.contact-chooser .item .has-checkmark-circle:before           { content:"\f111"; color: white !important; font-family: 'FA6'; font-weight: 900; font-size: 30px; position: absolute; left: 30px; }
.contact-chooser .item.active .has-checkmark-circle:before    { content: "\f058"; }
.contact-chooser .item:hover .has-checkmark-circle:before     { color: var(--color-green); }
.contact-chooser .item.active:hover .has-checkmark-circle:before { color: white; }

@media only screen and (max-width: 1049px) {
.contact-chooser .item .bg                                    { padding: 20px 20px 20px 70px; }
}
@media only screen and (min-width: 1050px) {
.contact-chooser.three-columns                                { grid-template-columns: repeat(3, 1fr); }
}