/* modal custom footer */

.button-one__container .multiform-body.is-popup{
    padding: 0;
    margin: 0;
}

.button-one__container .multiform-popup-link{
    background-color: hsl(var(--ph),var(--ps),var(--pl));
    color: hsl(var(--bh),var(--bs),var(--bl));
    padding: 8px 20px;
    border-radius: 25px;
    width: 180px;
    font-size: .95em;
    min-height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 250px;
    box-sizing: border-box;
    border: unset;
    line-height: 1.45em;
    font-size: .95em;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    user-select: none;
    overflow: hidden;
    cursor: pointer;
    transition: background-color .1s ease;
}

.button-one__container .multiform-popup-link:hover {
    background-color: hsl(var(--ph),var(--ps),calc(var(--pl) + 6%));
}

body .multiform-overlay{
    background: none;
    background-color: hsl(var(--ah),var(--as),var(--al));
}

body .multiform-wrap.feedback{
    width: 100%;
    padding: 2.25rem .75rem 2rem;
    box-sizing: border-box;
    border-radius: var(--border-radius-normal);
    background-color: hsl(var(--bh),var(--bs),var(--bl));
    box-shadow: var(--shadow-moderate);
    max-width: 540px;
}

body .multiform-popup-window .s-close{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 4px solid hsl(var(--ah),var(--as),var(--al));
    background: hsl(var(--bh),var(--bs),var(--bl));
    padding: 8px;
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer;
}

body .multiform-gap-form{
    padding: 1px 1rem;
}

body .multiform-title{
    margin: 0;
    padding: 0;
    display: block;
    margin-bottom: var(--gap-small);
    text-align: center;
    font-size: var(--subtitle-font-size) !important;
    line-height: 1.45em;
    font-weight: 600;
    color: hsl(var(--th),var(--ts),var(--tl)) !important;
    font-family: 'gilroy',sans-serif !important;
}

body .multiform-form-description{
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    opacity: .8;
    font-size: .95em !important;
    line-height: 1.45em;
    color: hsl(var(--th),var(--ts),var(--tl)) !important;
    font-family: 'gilroy',sans-serif !important;
}

body .multiform-gap-field{
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

body .multiform-gap-field .multiform-gap-name{
    width: 100%;
    padding: 0!important;
    margin: 0!important;
    margin-bottom: 5px!important;
    font-weight: 600;
    color: hsl(var(--th),var(--ts),var(--tl)) !important;
    font-family: 'gilroy',sans-serif !important;
}

body .multiform-gap-field .multiform-gap-value{
    width: 100%;
    padding: 0!important;
    margin: 0!important;
}

body .multiform-gap-field .multiform-gap-value input{
    min-height: 46px;
    display: inline-block;
    min-width: 90px !important;
    width: 100%;
    padding: .6rem 1.2rem !important;
    box-sizing: border-box;
    appearance: none;
    border: 1px solid hsl(var(--ah),var(--as),calc(var(--al) - 8%));
    border-radius: var(--border-radius-small);
    font-size: .95em;
    font-family: inherit;
    background-color: hsl(var(--ah),var(--as),calc(var(--al) + 2%));
    color: hsl(var(--th),var(--ts),var(--tl));
    transition: border-color .25s ease,background-color .25s ease,box-shadow .25s ease;
}

body .multiform-gap-field .multiform-gap-value input.multiform-error-field{
    border: 1px solid #ff0000 !important;
    background-color: #fff !important;
}

body .multiform-submit{
    padding: 0 !important; 
}

body .multiform-submit button{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 250px;
    box-sizing: border-box;
    border: unset;
    line-height: 1.45em;
    font-size: .95em;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    user-select: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: var(--border-radius-small);
    transition: background-color .1s ease;
    border-radius: 25px!important;
    padding: 8px 30px!important;
    background-color: hsl(var(--ph),var(--ps),var(--pl))!important;
    color: hsl(var(--bh),var(--bs),var(--bl))!important;
    font-family: 'gilroy',sans-serif !important;
    font-size: 1em!important;
    width: 220px;
}

body .multiform-submit button:hover{
    background-color: hsl(var(--ph),var(--ps),calc(var(--pl) + 6%))!important;
}

body .errormsg{
    display: block!important;
    margin: 5px 0 0 0!important;
    padding: 0 !important;
    font-style: normal!important;
    font-size: 16px!important;
    line-height: 1.45em!important;
    color: #fd6363 !important;
    font-family: 'gilroy',sans-serif !important;
    border: 0 !important;
}

/* modal custom footer */