.kh-sample-form-section{
    position:relative;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    overflow:hidden;
}
.kh-sample-form-section *, .kh-sample-form-section *::before, .kh-sample-form-section *::after{box-sizing:border-box}
.kh-sample-form{
    position:relative;
    z-index:1;
    margin:0 auto;
}
.kh-sample-form__field:last-of-type{margin-bottom:0!important}
.kh-sample-form__label{
    display:block;
    line-height:1.2;
}
.kh-sample-form__required{color:#b93b32;margin-left:3px}
.kh-sample-form__control{
    display:block;
    width:100%;
    border-style:solid;
    border-width:1px;
    outline:none;
    padding:8px 12px;
    line-height:1.35;
    transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
    appearance:none;
    -webkit-appearance:none;
}
select.kh-sample-form__control{
    padding-right:42px;
    background-image:linear-gradient(45deg,transparent 50%,#666 50%),linear-gradient(135deg,#666 50%,transparent 50%);
    background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;
    background-size:5px 5px,5px 5px;
    background-repeat:no-repeat;
}
textarea.kh-sample-form__control{resize:vertical;padding-top:12px}
.kh-sample-form__control:focus{box-shadow:0 0 0 2px rgba(109,153,70,.10)}
.kh-sample-form__submit-wrap{text-align:center}
.kh-sample-form__submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 24px;
    border:0;
    cursor:pointer;
    text-decoration:none;
    transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.kh-sample-form__submit:hover{transform:translateY(-1px)}
.kh-sample-form__submit:disabled{cursor:wait;opacity:.75;transform:none}
.kh-sample-form__spinner{
    display:none;
    width:17px;
    height:17px;
    border:2px solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:kh-form-spin .65s linear infinite;
}
.kh-sample-form.is-loading .kh-sample-form__spinner{display:inline-block}
.kh-sample-form__message{
    display:none;
    margin-top:20px;
    padding:12px 14px;
    text-align:center;
    line-height:1.45;
}
.kh-sample-form__message.is-visible{display:block}
.kh-sample-form__honeypot{
    position:absolute!important;
    left:-10000px!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
}
@keyframes kh-form-spin{to{transform:rotate(360deg)}}

@media(max-width:767px){
    .kh-sample-form__submit{max-width:280px}
    .kh-sample-form__message{font-size:14px}
}