.gform_wrapper .kr-card-field {
width: 100%;
} .gform_wrapper .gfield--type-kr_card_select .gfield_label {
display: block !important;
width: 100% !important;
text-align: center !important;
font-weight: 700 !important;
font-size: 1.6rem !important;
line-height: 1.2 !important;
margin: 0 0 1.25rem !important;
} .gform_wrapper .gfield--type-kr_card_select .gfield_label .gfield_required {
display: none !important;
}
.gform_wrapper .kr-card-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1rem !important;
align-items: stretch;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.gform_wrapper .kr-card {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center;
gap: .6rem;
width: 100% !important;
min-width: 0;
margin: 0 !important;
padding: 1.5rem 1rem !important;
text-align: center !important;
text-transform: none !important;
line-height: 1.3;
font: inherit;
color: #1f2d3d !important;
background: #fff !important;
border: 1px solid #e6ead9 !important;
border-radius: 12px !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important;
cursor: pointer;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.gform_wrapper .kr-card:hover {
background: #fff !important;
border-color: #35b46f !important;
}
.gform_wrapper .kr-card:focus-visible {
outline: 2px solid #35b46f;
outline-offset: 2px;
}
.gform_wrapper .kr-card.is-selected,
.gform_wrapper .kr-card:has(.kr-card__radio:checked) {
background: #f6faf5 !important;
border: 2px solid #1f4f3a !important;
box-shadow: 0 0 0 1px #1f4f3a inset !important;
} .kr-card__radio,
.gform_wrapper .kr-card__radio {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
clip: rect(0 0 0 0);
clip-path: inset(50%);
overflow: hidden;
}
.gform_wrapper .kr-card:focus-within {
outline: 2px solid #35b46f;
outline-offset: 2px;
}
.gform_wrapper .kr-card .kr-card__emoji,
.gform_wrapper .kr-card .kr-card__icon {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 3.45rem;
line-height: 1;
}
.gform_wrapper .kr-card .kr-card__emoji {
font-size: 2.75rem;
}
.gform_wrapper .kr-card .kr-card__icon img {
max-height: 100%;
max-width: 100%;
width: auto;
object-fit: contain;
}
.gform_wrapper .kr-card .kr-card__label {
font-weight: 600;
line-height: 1.3;
color: inherit; min-height: 2.6em;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media (max-width: 700px) {
.gform_wrapper .kr-card-grid {
grid-template-columns: 1fr !important;
gap: .75rem !important;
}
.gform_wrapper .kr-card {
flex-direction: row !important;
justify-content: flex-start;
text-align: left !important;
gap: 1rem;
padding: 1rem 1.1rem !important;
}
.gform_wrapper .kr-card .kr-card__emoji {
font-size: 1.8rem;
}
}